/* Reset */
	/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
html, body, div, span, applet, object, iframe,
 h1, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
u, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	text-decoration: none;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1.2;
}
ol, ul, li {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

	
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
a {  transition: all 0.5s;
			-moz-transition: all 0.5s; /* Firefox 4 */
			-webkit-transition: all 0.5s; /* Safari and Chrome */
			-o-transition: all 0.5s; /* Opera */}
a, a:link, a:active, a:visited, a:hover
{
	color: inherit;
	text-decoration: none;
}

*:focus {outline: 0; border: 0;}
	/* end of reset */

	
html, body {font-family: 'Open Sans', sans-serif; background: #efefef; height: 100%;}
body {position:relative; font-size: 14px; line-height: 1.7em;}
.clr {clear: both;}
.wrap {max-width: 100%; margin: 0 auto; padding: 0; position: relative;}

#wrapper {width: 100%; position: relative;
transition: all 0.5s;
			-moz-transition: all 0.5s; /* Firefox 4 */
			-webkit-transition: all 0.5s; /* Safari and Chrome */
			-o-transition: all 0.5s; /* Opera */
}
/*Top Nav*/
.header {position: fixed; width: 100%; height: 200px; top:0; z-index: 9999999999;}
.overlay {position: fixed; background: rgba(0,0,0,0.5); width: 100%; height: 100%; z-index: 999; display: none;
 transition: all 0.5s;
			-moz-transition: all 0.5s; /* Firefox 4 */
			-webkit-transition: all 0.5s; /* Safari and Chrome */
			-o-transition: all 0.5s; /* Opera */}

#top_bar {background: #3c526d; width: 100%; padding: 14px 4%; color: #94a7c0; 
  transition: all 0.1s;
			-moz-transition: all 0.1s; /* Firefox 4 */
			-webkit-transition: all 0.1s; /* Safari and Chrome */
			-o-transition: all 0.1s; /* Opera */
}
#top_bar a:hover {color: #fff;}
.top_social {width: 30%; float: left;}
#top_phone {width: 70%; float: left; text-align: right;}
#top_phone span { transition: all 0.1s;
			-moz-transition: all 0.1s; /* Firefox 4 */
			-webkit-transition: all 0.1s; /* Safari and Chrome */
			-o-transition: all 0.1s; /* Opera */
}
#top_phone span:hover {color: #fff;}

#nav_banner {background: #fff; padding: 19px 4%;}
#logo {width: 290px; float: left;
    transition: all 0.5s;
			-moz-transition: all 0.5s; /* Firefox 4 */
			-webkit-transition: all 0.5s; /* Safari and Chrome */
			-o-transition: all 0.5s; /* Opera */}
#logo img {width: 100%}

#nav {float: right; width: 600px; text-align: right; color: #dae6ec; padding-top: 20px;transition: all 0.1s;
			-moz-transition: all 0.1s; /* Firefox 4 */
			-webkit-transition: all 0.1s; /* Safari and Chrome */
			-o-transition: all 0.1s; /* Opera */}
#nav span {padding: 0 10px;}
#nav span a {color: #606d7a;}
#nav span a:hover {color: #222;}
.active {color: #01a651 !important;}
.smactive {background: #066b2a !important;}

.sticky #top_bar {padding: 4px 4%; font-size: 13px;}
.sticky #nav_banner {background: #fff; padding: 6px 4%;}
.sticky #logo {width: 200px;}
.sticky #nav { padding-top: 10px;}

.small_nav {display: none;}
.small_nav #nav {float: right; width: 60px; text-align: center; color: #3c526d; padding: 0; cursor: pointer;}
.small_nav #nav h1 {font-size: 30px;}

.smnav {background: #00a651; width: 100%; height: 100%; margin-left: 100%; position: fixed; z-index: 9999; padding-top: 20%;
transition: all 0.5s;
			-moz-transition: all 0.5s; /* Firefox 4 */
			-webkit-transition: all 0.5s; /* Safari and Chrome */
			-o-transition: all 0.5s; /* Opera */
}

.smnav_wrap {position: relative;}
.sm {width: 80%; text-align: center; padding: 1.5%; color: #fff; background: #22944e; }
.sm:hover {background: #066b2a;}
.soc2 {text-align: center; border: none; float: none; width: 80%;}
.close {width: 50px;  text-align: center; color: #fff; position: absolute; 
    top: 10px; right: 24%; z-index: 99999; font-size: 50px; cursor: pointer;
}


#main {position: relative; width: 100%; border: transparent 1px solid;}
#container {height: auto; margin-top: 150px; z-index: 2; position: relative;}

.btn {width: 120px; border: #fff solid 1px; text-align: center; padding: 5px;
    transition: all 0.1s;
			-moz-transition: all 0.1s; /* Firefox 4 */
			-webkit-transition: all 0.1s; /* Safari and Chrome */
			-o-transition: all 0.1s; /* Opera */
}

#about {background: #066b2a; color: #fff; float: left; width: 40%; height: 500px; padding: 40px;}
#about .btn {margin-top: 50px;}
#services {background: #fff; color: #3c526d; float: left; width: 60%; height: 500px; padding: 40px;}
.home_main h1 {font-size: 25px; font-weight: bold; margin-bottom: 30px;}

#serv_wrap .itm {width: 49.5%; float: left; background: #fbfbfb; padding: 15px;margin: 0 1px 1px 0; min-height: 120px;
    cursor: pointer;
}
#serv_wrap .itm:hover {background: rgba(6,107,43,0.1);}
#serv_wrap .itm h1 {font-size: 18px; padding: 0; margin-bottom: 10px;}
#serv_wrap .itm span {color: #066b2a; padding-right: 10px;}



#abroad {padding: 40px 30px;}
#abroad h2{font-size: 25px; font-weight: bold; margin-bottom: 40px; color: #3c526d;}
.country-item {width: 25%; float: left; padding: 10px;}
.country-box {background: #fff; width: 100%; position: relative;}
.country {width: 100%; display: block;}
.flag-thumb {position: absolute;bottom: -20px; width: 100%; text-align: center;}
.flag-thumb img {width: 80px; border: 3px solid #fff;}

.country-content {background: #fff; padding: 20px 15px; height: 200px;}
.country-content h3 {font-size: 18px; margin-bottom: 10px; color: #3c526d;}
.country-content p {margin-bottom: 15px;}



.partners {background: #fff; height: auto; padding: 10px 30px;}

.partners h1{font-size: 25px; font-weight: bold; margin-bottom: 40px; color: #3c526d;} 

#demo {height: 600px;}



#return-to-top {
    position: fixed;
    z-index: 999999;
    bottom: 20px;
    right: 20px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.7);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
}
#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
    color: #fff;
}


/* Slider */
.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

.banners {height: 200px; position: relative;}
.banners h1 {position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; color: #fff; height: 20px;
    padding-left: 40px; font-size: 25px;
}
.about_us {background: url("../images/abt_banner.jpg") no-repeat;
    background-size: cover;
}
.contact_us {background: url("../images/contact_banner.jpg") no-repeat;
    background-size: cover;
}
.study {background: url("../images/study.jpg") no-repeat; background-size: cover;}
.serve_us {background: url("../images/service_banner.jpg") no-repeat; background-size: cover;}

#section1{padding: 70px 30px; background: #fff;}
#sectionz1{padding: 40px 30px; background: #fff;}
#section1 #left {float: right; width: 55%; padding: 10px 10px 0 20px;}
#sectionz1 #leftz {float: right; width: 70%; padding: 10px 10px 0 20px;}
#section1 #left h2 {font-size: 25px; font-weight: bold; margin-bottom: 20px; color: #3c526d; padding: 0; margin-top: 0;}
#sectionz1 #left h2 {font-size: 25px; font-weight: bold; margin-bottom: 20px; color: #3c526d; padding: 0; margin-top: 0;}
#section1 #img1 {float: left; width: 45%; padding: 10px; padding-top: 10px;}
#sectionz1 #img2 {float: left; width: 30%; padding: 10px; padding-top: 40px;}
#section1 #img1 img {width: 100%;}
#sectionz1 #img2 img {width: 100%;}

#leftz li {padding-left: 15px;}
#leftz i {color: #01a651; padding-right: 10px;}

.partners li {padding-left: 15px; float: left; width: 25%;}
.partners i {color: #01a651; padding-right: 10px;}

/*footer*/
#footer {background: #3c526d; width: 100%; height: auto; text-align: left; color: #dae6ec; 
    padding: 30px 0;z-index: 2;}
.fitm {width: 33%; float: left; padding: 0 10px;}
.fsocial {text-align: center; margin-top: 70px;}
.finfo i {width: 100%; color: #01a651;}
.finfo p {margin-bottom: 5px;}
.fitm a:hover {color: #01a651;}
.fitm h1 {color: #fff; padding-bottom: 20px;}

.white {background: #01a651; color: #fff;
    transition: all 0.1s;
			-moz-transition: all 0.1s; /* Firefox 4 */
			-webkit-transition: all 0.1s; /* Safari and Chrome */
			-o-transition: all 0.1s; /* Opera */
}
.white:hover {background: #066b2a;}

#section2 {text-align: center; padding: 70px 30px;}
#section2 h1 {font-size: 70px; color: #01a651; font-weight: bold; padding: 30px 0 10px 0;}
#section2 h2 {font-size: 35px; padding-bottom: 15px;}
#section2 p {max-width: 500px; padding:0; margin: 0 auto; color: #555;}
.quote {font-size: 80px; max-width: 600px; margin: 0 auto; font-family: arial;}
.rt {text-align: left;}
.lt {text-align: right; padding-top: 15px;}


#section3 {background: #fff; padding: 80px 30px;}
.mission {width: 50%; float: left; padding: 10px;}
.micon {float: left; width: 20%; }
.mmain {float: left; width: 80%;}
.mmain h1 {font-weight: bold; font-size: 20px; margin-bottom: 20px;}
#call {max-width: 120px; margin: 0 auto; margin-top: 20px;}

#std_sec1 {padding: 70px 20px; background: #02371c; color: #f2f2f2;}
#std_sec1 p {max-width: 960px; margin: 0 auto; text-align: center;}



.destination2 {width: 100%; height: 300px; background: #222; padding-top: 100px;}
.dest_usa {background: url("../images/bg_us.jpg") center center fixed no-repeat;
    background-position: center center;
    background-size: cover;
}
.dest_uk {background: url("../images/bg_uk.jpg") center center fixed no-repeat;
    background-position: center center;
    background-size: cover;
}
.dest_aus {background: url("../images/bg_aus.jpg") center center fixed no-repeat;
    background-position: center center;
    background-size: cover;
}
.dest_canada {background: url("../images/bg_canada.jpg") center center fixed no-repeat;
    background-position: center center;
    background-size: cover;
}
.dest_europe {background: url("../images/bg_europe.jpg") center center fixed no-repeat;
    background-position: center center;
    background-size: cover;
}

.dest_malaysia {background: url("../images/bg_malaysia.jpg") center center fixed no-repeat;
    background-position: center center;
    background-size: cover;
}

.dest_china {background: url("../images/bg_china.jpg") center center fixed no-repeat;
    background-position: center center;
    background-size: cover;
}

.dest_sa {background: url("../images/bg_sa.jpg") center center fixed no-repeat;
    background-position: center center;
    background-size: cover;
}

.dest_dubai {background: url("../images/bg_dubai.jpg") center center fixed no-repeat;
    background-position: center center;
    background-size: cover;
}

.dest_amsterdam {background: url("../images/bg_amsterdam.jpg") center center fixed no-repeat;
    background-position: center center;
    background-size: cover;
}

.dest_singapore {background: url("../images/bg_singapore.jpg") center center fixed no-repeat;
    background-position: center center;
    background-size: cover;
}



.destination2 p {text-align: center; color: #fff; font-size: 20px; padding-bottom: 28px;}
#dest_apply {max-width: 120px; margin: 0 auto;}
.dark {border: none !important;}
.micon {text-align: center;}
.micon i {font-size: 30px; color: #01a651; }
#sectionz3 {background: #f2f2f2; padding: 80px 30px;}
#copy {background: #34475f; width: 100%; text-align: center; padding: 10px; color: #8799aa; font-size: 13px;}
.partners h2 {color: #34475f;}



/*contact*/
#contact_wrap {padding: 70px 50px;}
#form_wrap {width: 50%; float: left; padding: 15px;}
#form_wrap h1 {font-size: 25px; padding-bottom: 20px;}
#form_wrap p {margin-bottom: 25px;}
#map_wrap {width: 50%; float: left; padding-left: 40px;}
.inn {width: 100%;
    background: #fff; border: #fff solid 1px; padding: 15px;
    font-family: 'Open Sans', sans-serif; font-size: 14px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.inn2 {min-height: 140px;}

.btn-submit {width: 120px; border: #fff solid 1px; text-align: center; padding: 15px;
    transition: all 0.1s;
			-moz-transition: all 0.1s; /* Firefox 4 */
			-webkit-transition: all 0.1s; /* Safari and Chrome */
			-o-transition: all 0.1s; /* Opera */
    -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
    background: #22944e; color: #fff; font-size: 14px;
}

.btn-submit:hover {background: #000;}

.inn_wrap {margin-bottom: 10px;}
.inn_wrap_left {padding-right: 10px; width: 50%; float: left;}
.inn_wrap_right {padding-left: 10px; width: 50%; float: left;}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #444;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #444;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #444;
}
:-moz-placeholder { /* Firefox 18- */
  color: #444;
}

#map_wrap iframe {width: 100%; height: 350px;}
#map_wrap i {color: #22944e; font-weight: bold;}
#cont_add {text-align: center; padding-top: 25px; font-size: 18px;}
#email {font-size: 45px; color: #fff; text-align: center; padding-top: 0px;}

.services {width: 100% !important; text-align: center;}




/*Mobile */

@media screen and (max-width: 68em) {
   
    .country-content {background: #fff; padding: 20px 15px; height: 220px;}
    .country-item {width: 33%;}
    .partners li {width: 33.3%;}
    
}

@media screen and (max-width: 65em) {
    
     #services, #about {float: none; width: 100%; height: auto; margin: 0;}
    .header {display: none;}
    .small_nav {display: block;}
    #container {margin-top: 0;}
    
    
    
}

@media screen and (max-width: 61em) { 

     .country-content {height: 240px;}
      .country-item {width: 50%;}
}

@media screen and (max-width: 53em) { 
 
  #section1 #img1, #section1 #left {float: none; width: 100%; padding: 0;}
    #section1 #img1 {margin-top: 30px;}
    #section1 {padding: 40px 15px;}
    
      
    #leftz {float: none; width: 100% !important; padding: 15px !important;}
    #img2 {float: none; width: 100% !important; text-align: center; padding: 15px;}
    #img2 img{width: 60% !important;}
}

@media screen and (max-width: 45em) { 
	
     .fitm {width: 100%; float: none; margin-bottom: 10px; padding: 20px}
    .fsocial {margin-top: 0px;}
    
   #serv_wrap .itm {width: 99%; float: none;}
    
  
  #section2 h2 {font-size: 25px;}  
  #section2 h1 {font-size: 50px;}  
    #section3, #section2, #sectionz3, #sectionz1 {padding: 40px 0px !important;}
    .mission {width: 100%; float: none; margin-bottom: 20px;}
  

    .partners li {width: 50%;}
   
}

@media screen and (max-width: 38em) { 
 #top_bar {padding: 5px 0;} 
.top_social {width: 100%; float: none; text-align: center; border-bottom: #465d79 solid 1px; padding: 4px;}
#top_phone {width: 100%; float: none; text-align: center; padding: 4px;}
 .soc2 {text-align: center; border: none; float: none; width: 80%;}
    
    .small_nav #logo {width: 200px; float: left;}
   
   .country-content {height: auto;}
      .country-item {width: 100%;}
    
     #img2 img{width: 90% !important;}
    
    #email {font-size: 20px;}
    .partners li {width: 100%;}
}


@media screen and (max-width: 30em) { 
	.sm {padding: 3%;}
    .smnav {padding-top: 30%;}
     #services, #about {padding: 15px;}
    
    #abroad {padding: 0;}
    #abroad h2{padding: 10px; margin-bottom: 10px; font-size: 18px;}
    
     .destination2 p {font-size: 15px; }
}

@media screen and (max-width: 25em) { 
	
    #section2 h2 {font-size: 18px;} 
    .micon img {width: 90%;}
     #img2 img{width: 100% !important;}
}