html, body {
    padding: 0;
    margin: 0;

    /* height: 100%; */
}

ul
{
    list-style:none;
    display:block;
    padding:0;
    margin:0;
}
a
{
    text-decoration:none;
    color:white;
}

h2
{
    margin:0%;
    color:#ffffff;
    font-size:150%;
    font-weight: 800;
}

h3{ 
    margin:0;
    font-size:150%;
    font-weight:400;}

h4,.footer_article ul li a
{
    margin:0;
    font-weight:400;
    text-align:left;
    font-size:160%;
    line-height:16px;
    color:white;

}


.wrapper {

    width:1180px;
    margin: 0px auto;
    padding: 0px;

}

.clearfix:before,
.clearfix:after{
    display:table;
    content:"";
}

.clearfix:after{
    clear:both;
}


body {
    font-family:"open Sans", sans-serif;
    font-size: 87.5%;
    color:white;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    border:none;
    line-height:24px;

}

.active{
    background: #F9E230;
}



.mid.header
{


}

.top
{
    background-color: #33b5e5;
    padding:0%;
}
/*------------ NAVIGATION MENU-----------------------*/

.top nav
{
    width:100%;
}
.nav
{

    position: relative;

    float:left;
}


.nav
{
    width:82%;
    list-style:none;

}

.nav li
{
    display:inline;
    float:left;
    position:relative;


}

.nav>li
{
    border-left:2px solid black;
}

.nav>li:first-child{
    border:none;
    /*    background:#d00d13;*/
}

.nav   a
{
    display: block;
    text-decoration: none;
    padding: 6px 20px;
    letter-spacing: 0.4px;
    color: black;
    font-size: 0.9em;
}


.nav  a:hover
{
    color:white;
    background:#FFE533; 
}

/*............. drop down...*/
.nav ul
{
    display:none;
    position:absolute;
    z-index:99999;
}

.nav li:hover
{

    background:#FFE533; 
}

.nav li:hover > ul
{
    display:block;  /*when u hover the ul element u can see the list element */
    background:url('../img/top2.png');
}

.nav ul li a
{
    min-width: 200px;
    line-height: 35px;
    padding: 0px 21px;

}

.nav>li li{
    border-top:1px solid black;
}

.nav>li li:last-chlid{
    border-bottom:1px solid black;
    border-bottom:1px solid black;
}

.nav ul ul
{
    left: 100%;
    top: 1px;
}    


.nav li { -webkit-transition: all 0.2s; }
.nav li a { -webkit-transition: all 0.7s; }
.nav li ul { -webkit-transition: all 0.3s; }
.nav li ul li { -webkit-transition: height 0.5s; }

/*--------------------------------Search Button---------------------*/


.search {
    float: right;
    border: 1px solid #9A9898;
}




.search form input {
    float:left;
    border:none;
    height: 28px;
    width:80%;
    background:none;
    margin: 2% 0 ;
    /*padding: 2% 0%;*/
	border-right: 1px solid #9A9898;
    padding-left: 2%;
}
textarea.textbox {
    border-radius: 1em;
}



.search button {
    float: left;
    margin-top: 7%;
    border: none;
    background:none;
}






.logo
{
   border-top: 5px solid #33b5e5;
}

h1 
{

    float:left;
}
h1 img
{
    width:100%;
    height:aut0;
    float:left;
}

.contact {
    float: right;
    color: #777676;
	    margin-top: 10px;
}

/*------------------------------Banner Slider----------------------------------*/
.banner {
    background-color: red;


}
.banner>ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
}
.banner li{
    font-size: 40px;
    color: #999;
    text-align: center;
    background-color: black;


    padding: 0;

    display: block;
    float: left;
}
.banner {
    width: auto;
    margin-left: 0;
}

#foo4 li img{width:100%;height:100%;}

/*--------------------------------ARTICLE SECTION-----------------------------------*/
.main-article
{
    margin-top:1%;
}

.navigation
{
    padding:5% 0% 5% 10%;

}

.left
{

    float:left;

    width:25%;
    background:#00897b;
}



.left-nav li
{
    border-top:1px solid white;
    padding-left:10%;
}


.left-nav li a
{
    font-size:112.5%;
    line-height:40px;
}

.left-nav li:hover 
{
    background-color:#ef5350;
}
.facebook
{
    width:100%;
    background:white;
    padding-top:2%;
}

.mid {
    width: 73%;
    margin-left: 2%;
    float: left;
    overflow: hidden;
	    background-color: #f2f2f2;
}
.text-slider{
    width:100%;
    background:#2BBBAD;
}

.txt  li
{
    float:left;
}	

.news,.wel,.wel1,.wel2
{
    padding: 2% 0% 3% 4%;
    /*float: left;*/
    margin-right: 3%;
}
.news{
    float: left;
}

.txt
{
    float:left;
    width:74%;
    margin-top:2%;
}

.wel,.wel1,.wel2
{
    width:95%;
    margin-top:0%;
}

.wel1,.wel2
{
    border-top:2px solid black;
}

.wel a,.wel1 a,.wel2 a
{
    color:black;
}

.wel div,.wel1 div
{
    width: 99%;
    line-height: 158%;
    height: 97px;
    overflow: hidden;
    text-align: justify;
    color: black;
    margin-top: 1%;
}

.wel2 .subdiv 
{
    width: 75%;
    height: 100px;
    overflow: hidden;
    text-align: justify;
    color: black;
    margin-top: 3%;
    margin-right: 5%;
    float: left;
}

.divimg
{
    float: right;
    width:20%;
    margin-top: 3%;
}
.divimg img
{
    width:100%;
}

button.wel_submit
{	color:white;
  background: #31B0D5;
  border: none;
  padding: 1.5%;
  margin-top: 1%;
  border-radius: 5px;
}

button.wel_submit a
{	
    color:white;
}
button.wel_submit:hover
{	
    background-color:#D9534F;
}

/*.wel1,.wel2	,.right .recent
{
    background:url('../img/article.png');
}*/

.catogeries-wrapper
{

}

.recent h2
{
    padding: 4.5% 12.5%;
    background:#2BBBAD;
}
.right ul
{
    margin-top:1%;
    max-height:160px;
    overflow:hidden;
}

.recent ul li
{
    border-bottom:2px dotted rgb(18, 119, 30);
    padding: 1% 0;
}

.recent ul li span{color:#d00d13;
                   float:right;
                   margin-right:10%;}
.recent ul li a
{
    padding: 0 5%;
    color:black;
    line-height: 12px;
}

.recent ul li:hover
{	
    background:#F9E230;
}

.recent {
    margin-bottom: 1%;
    width: 32%;
    float: left;
    margin-top: 2%;
    border: 0.1em solid #31B0D5;
    padding-bottom: 0.5em;
	height:254px;
}
.download
{
    margin-top:2%;
    padding: 3.5% 1.9%;
   background: #00838f;
    font-size: 1.3em;
    border-radius: 5px;
}

.download:hover,.download1:hover
{
    background:#D9534F;
}

.country {
    margin-top: 2%;
    height: 220px;
    overflow: hidden;
    width: 32%;
    float: left;
	margin-left: 1.5%;
	    color: #000000;
    border: 0.1em solid #2BBBAD;
	    height: 260px;
}
.download1
{

    padding: 3.5% 3.5%;
    background: #2BBBAD;
    border-bottom: 1px solid #fff;
}

.country div,.job div
{
    margin: 2% 1% 0 5%;
    height: 10px;
    overflow: hidden;
    line-height: 110%;

}



.country ul li,.job ul li
{
    margin: 0 20%;
}
.country ul, .job ul
{
    list-style: initial;
    list-style: initial;
    height: 140px;

    overflow: hidden;
}

.country ul li:nth-child(odd)
{float:none;}

.country ul li a:hover
{
    color:black;
}

.job {
    margin-top: 2%;
        border: 0.1em solid #31B0D5;
    height: 220px;
    width: 32%;
    float: left;
    margin-left: 1.5%;
	color:#000000;
	    height: 260px;
}

.job li a:hover {
    color: black;
}

/*------slider section-----*/


.list_carousel ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
}
.list_carousel li {

    margin: 6px;
    display: block;
    float: left;
}
.list_carousel.responsive {
    width: auto;
    margin-left: 0;
}

.logoslider
{

/*    width:74%;
    float:right;*/
    margin-top: 1%;


}

.logoslider h2 
{

    padding: 3.5% 3.5%;
    float: left;
    /*margin-top:4%;*/

}
.logoslider h2 a
{	
    color:black;
}

.main_logoslider
{
    width:100%;
    overflow:hidden;
    height:140px;
    border-top:2px solid #EFC3C3;
    border-bottom:2px solid #EFC3C3;
}

#foo5 li,#foo5 li img
{
    width: 204px;
    height: 124px;
}

.listbtn
{
    /*float: left;*/

}

.listbtn  button
{
    margin-top: 3%;
    border:none;
    background:none;
}

.listbtn  button img
{
    height: 36px;
}
.top {
    width: 100%;
    padding: 5px;
}



.mainfooter
{
    overflow:hidden;
    background:#4F504F;
    margin-top: 1%;
    margin-bottom:.5%;
    min-height:217px;
	padding-bottom: 1em;
}

div.f2 {
    float: left;
    width: 30%;


}

.sl li{float:left; margin-right:3%;}

div.f1 {
    float: left;
    width: 31%;
    padding-left: 5%;
}

.f1 li a:hover	
{
    color:black;
}

h4
{
    padding: 4% 0%;
    margin: 1% 0;
}




div.sl {
    float: left;
    width: 15%;
    max-height: 210px;
    overflow: hidden;
    margin-top: 6px;
}

div.f3 {
    float: right;
    width: 15%;
    text-align: center;
    padding: 5% 2%;
    background: white;
}

div.f3 img
{
    width:100%;
}

.footr
{
    margin:0;
    color:black;
    font-size:85%;
    text-align:center;
    line-height:150%;
    padding-bottom:10px;
}
.footr a
{
    margin:0;	
    color:black;
}
@media only screen and (min-width:605px) and (max-width:1200px)
{
    .wrapper {
        width:99%;
    }


    body {

        font-size: 95%;
        line-height:20px;

    }


    /*------------ NAVIGATION MENU-----------------------*/
    .top nav{
        width:100%;

    }

    .nav>li
    {
        float:left;
        border-left:2px solid #fff;
        position:relative;
    }
    .nav>li:first-child
    {

        border-left:none;

    }
    .nav>li:last-child
    {

    }

    .nav li>a
    {
        text-decoration:none;
        font-family:Open Sans;
        font-size: 1em;
        color:black;
    }


    /*-------Drop down effects-----------*/
    .nav li:hover
    {
        background:#d00d13;
    }

    .nav li ul
    {
        margin:0px;
        padding:0px;
        display:none;
        position:absolute;
        top:100%;
        left: 0%;
        background:white;
    }
    nav ul ul li:hover>ul
    {
        display:block;
        left:100.5%;
        top:.5%;
    }
    .nav ul li
    {
        border-top: 1px solid black;
        border-bottom: 1px solid black;
    }
    .nav li:hover>ul
    {
        display:block;
    }
    .nav ul li a
    {
        font-size:15px;
    }

    /*--------------------------------Search Button---------------------*/


    .search{
        float:right;
    }




    .search form input {
        float:left;
        border:none;
        height: 28px;
        width:80%;
        background:none;
        margin: 2% 0 ;
        padding: 2% 0%;
    }

    input[type="text"] {
        font-size:100%;
        color:black;
    }

    .search button {
        float: left;
        margin-top: 7%;
        border: none;
        background:none;
    }






    .logo
    {
        padding:2% 0;
    }

    h1 
    {

        float:left;
    }
    h1 img
    {
        width:100%;
        height:aut0;
        float:left;
    }

    .contact
    {
        float:right;
    }

    /*------------------------------Banner Slider----------------------------------*/

    .list_carousel1 ul {
        margin: 0;
        padding: 0;
        list-style: none;
        display: block;

    }
    .list_carousel1 li {

        text-align: center;				
        width: 960px;
        height: 355px;


        display: block;
        float: left;
    }
    .list_carousel1.responsive1 {
        width: auto;
        margin-left: 0;
    }

    .list_carousel1 li img
    {
        width: 960px;
        height: 355px;
    }

    /*--------------------------------ARTICLE SECTION-----------------------------------*/
    .main-article
    {
        margin-top:1%;
    }

    .navigation
    {
        padding:5% 0% 5% 10%;

    }

    .left
    {

        float:left;

        width:25%;
    }



    .left-nav li
    {
        border-top:1px solid white;
        padding-left:10%;
    }


    .left-nav li a
    {
        font-size:112.5%;
        line-height:40px;
    }


    .facebook
    {
        width:100%;
        height:330px;
        background:white;
        padding-top:2%;
        overflow:hidden;
    }

    .mid
    {
        width:73%;
        margin: 0 1%;
        float:left;
        overflow:hidden;
    }
    .text-slider{
        width:100%;
    }

    .txt  li
    {
        float:left;
    }	

    .news,.wel,.wel1,.wel2
    {
        padding: 2% 0% 3% 4%;
        float: left;
        margin-right: 3%;
    }

    .txt
    {
        float:left;
        width:74%;
        margin-top:2%;
    }

    .wel,.wel1,.wel2
    {
        width:95%;
        margin-top:6%;
    }

    .wel1,.wel2
    {
        border-top:2px solid black;
    }

    .wel a,.wel1 a,.wel2 a
    {
        color:black;
    }

    .wel div,.wel1 div
    {
        width: 99%;
        height: 117px;
        overflow: hidden;
        text-align: justify;
        color:black;
        margin-top:1%;
    }

    .wel2 .subdiv 
    {
        width: 75%;
        height: 105px;
        overflow: hidden;
        text-align: justify;
        color: black;
        margin-top: 3%;
        margin-right: 5%;
        float: left;
    }

    .divimg
    {
        float: right;
        width:20%;
        margin-top: 3%;
    }
    .divimg img
    {
        width:100%;
    }

    button.wel_submit
    {	color:white;
      background: #4a67a1;
      border: none;
      padding: 1%;
    }

    button.wel_submit a
    {	
        color:white;
    }

 

    .right
    {
        width: 30%;

    }



    .recent
    {
        float:left;
        width:100%;
        margin-right:1%;
        margin-bottom:1%;
    }
    .recent h2 {
        padding: 7.5% 9.5%;}

    .download
    {
        margin:0 auto;
        float:left;
        width:100%;
        margin-bottom:15px;
    }

    .right ul {

        max-height: 150px;

    }


    .country
    {	margin-top:0%;

    }








    .country ul li a:hover,.job ul li a:hover
    {
        color:black;
    }

    .job
    {	margin-top:1%;

    }

    /*------slider section-----*/

    .logoslider
    {

        width:100%;



    }

    .logoslider h2 
    {

        display:none;

    }



    .listbtn
    {
        float: left;
        display:none;


    }

    .mainfooter
    {
        background:url('../img/left-nav.png');
        margin-top: 1%;
        margin-bottom:.5%;
        min-height:217px;
    }

    div.sl {

        width: 15%;
        margin-top: 7px;
    }

    div.f1 {
        float: left;
        width: 30%;
    }
}

@media only screen and (min-width:350px) and (max-width:609px)
{
    .wrapper
    {
        width:99%;
        font-size:90%;
    }
    body {
        font-family:"open Sans", sans-serif;
        font-size: 100%;
        color:white;
        line-height:16px;

    }

    a
    {
        line-height:18px;
    }

    .search{display:none;}
    .contact{width:100%;text-align:right;}



    /*------------ NAVIGATION MENU-----------------------*/
    .nav{
        z-index:999;
        width:100%;
    }
    .top-nav 
    {
        width:100%;
    }
    .nav>li
    {
        width:100%;
        text-align:center;

    }


    .nav li:hover a
    {
        font-size: 120%;
        color:white;
    }


    /*-------Drop down effects-----------*/


    .nav li:hover ul
    {
        display:none;
    }





    h1 img
    {
        width:100%;

    }

    .main-article
    {
        margin-top:1%;
    }

    .navigation
    {
        text-align:center;
        padding:3% 0% 3% 10%;

    }

    .left-nav li{ text-align:center;}

    .left
    {



        width:100%;
        margin-bottom:2%;

    }




    .facebook
    {
        display:none;
    }

    .mid
    {
        width:99%;
        margin: 0 1%;
    }







    .txt
    {
        width: 90%;
        margin: 1% 3%;
    }
    .listbtn {display:none;}




    .right
    {
        width: 100%;
    }



    /*------slider section-----*/


    .list_carousel ul {
        margin: 0;
        padding: 0;
        width:100%;

    }

    .list_carousel li {
        border:none;
        margin-top: .2%;
        display: block;
        float: left;
    }

    .logoslider
    {

        width:100%;
    }






    div.sl,div.f1,div.f2{
        padding-left:2%;

        width: 100%;
        min-height: 10px;
        padding:1%;
        border-bottom:2px solid black;

    }

    .f1 li, .f2 li
    {

        float:left;
    }


    div.f3{display:none;}
	.recent {
    width: 99%;
    margin: 0 1%;
}
.country {
    width: 99%;
    margin: 0 1%;
}
.job {
    width: 99%;
    margin: 0 1%;
}


}

@media only screen and (min-width:150px) and (max-width:349px)
{

    h2
    {
        margin:0%;
        color:#ffffff;
        font-size:100%;
        font-weight: 800;
    }

    h3{ 
        margin:0;
        font-size:100%;
        font-weight:400;}

    h4,.footer_article ul li a
    {

        font-size:100%;
        line-height:16px;


    }


    .wrapper
    {
        width:100%;
        font-size:90%;
    }
    body {
        font-family:"open Sans", sans-serif;
        font-size: 100%;
        color:white;
        line-height:16px;

    }

    a
    {
        line-height:18px;
    }

    .search{display:none;}
    .contact{width:100%;text-align:right;}



    /*------------ NAVIGATION MENU-----------------------*/
    .nav{
        z-index:999;
        width:100%;
    }
    .top-nav 
    {
        width:100%;
    }
    .nav>li
    {
        width:100%;
        text-align:center;

    }


    .nav li:hover a
    {
        font-size: 120%;
        color:white;
    }


    /*-------Drop down effects-----------*/


    .nav li:hover ul
    {
        display:none;
    }





    h1 img
    {
        width:100%;

    }

    .main-article
    {
        margin-top:1%;
    }

    .navigation
    {
        text-align:center;
        padding:3% 0% 3% 10%;

    }

    .left-nav li{ text-align:center;}

    .left
    {



        width:100%;
        margin-bottom:2%;

    }




    .facebook
    {
        display:none;
    }

    .mid
    {
        width:99%;
        margin: 0 1%;
    }

.recent {
    width: 99%;
    margin: 0 1%;
}
.job {
    width: 99%;
    margin: 0 1%;
}
.country {
    width: 99%;
    margin: 0 1%;
}





    .txt
    {
        width: 90%;
        margin: 1% 3%;
    }
    .listbtn {display:none;}




    .right
    {
        width: 100%;
    }



    /*------slider section-----*/


    .list_carousel ul {
        margin: 0;
        padding: 0;
        width:100%;

    }

    .list_carousel li {
        border:none;
        margin-top: .2%;
        display: block;
        float: left;
    }

    .logoslider
    {

        width:100%;
    }






    div.sl,div.f1,div.f2{
        padding-left:2%;

        width: 100%;
        min-height: 10px;
        padding:1%;
        border-bottom:2px solid white;

    }

    .f1 li, .f2 li
    {

        float:left;
    }


    div.f3{display:none;}

}
.logoslider-wrapper {
    background: rgb(242, 242, 242);
    padding-bottom: 1em;
}
/*.recent{
	width:32%;
	padding-left:1.3%;
	}
.job{
	width:32%;
	padding-left:1.3%;
	}
 .country{
	width:32%;
	padding-left:1.3%;
	} */

.country ul a, .job ul a {
    color: #000000;
}
.country ul a:hover, .job ul a:hover {
    color: #D9534F !important;
}
.country  .readmore a {
    z-index: 9999999;
    height: 78px !important;
    color: #31B0D5;
}
.country  .readmore{
    height: 78px !important;
}
.job  .readmore a {
    z-index: 9999999;
    height: 78px !important;
    color: #31B0D5;
}
.job  .readmore{
    height: 78px !important;
}
.ceo
{
    background: url(../img/ceoback.jpg) no-repeat;
	background-size:cover;
}

.d-msg
{
    background: url(../img/message.jpg) no-repeat;
	background-size:cover;
}