@import url(http://fonts.googleapis.com/css?family=Oxygen:400,700,300);
@import url(http://fonts.googleapis.com/css?family=Oswald:400,700,300);

*{margin:0; padding:0;}
a:hover{text-decoration:none;}

.logo{padding:12px 0 9px 0px;}

.top-nav-info {font:300 14px/25px Oxygen, Roboto, Arial, Helvetica, sans-serif; color:#333333; margin:22px 0 0 0; text-align:right;}
/*
.top-nav-info select{border:none; padding:2px; border-right: 1px solid #b7b5b5; padding-left:20px; background:url(../images/american-flag.png) no-repeat left center; } 
*/
 
.china-country{background:url(../images/demoFlag.jpg) no-repeat left center !important;}
.top-nav-info a{color:#333333; }
.top-nav-info .fa{margin-right:3px}
.top-nav-info > li:last-child a {padding:4px 17px; border:1px solid #45b29d; color:#ffffff; background:#45b29d; border-radius:25px; transition:0.5s;   margin: 0 0 0 9px;}
.top-nav-info > li:last-child{padding:0;}
.top-nav-info > li:last-child a:hover{background:none; color:#45b29d; transition:0.5s; }

/* Custom Navigation Start */

.custom-navigation{text-align:right;}
/* Toggle start here */
.toggleMenu { display: none; width:25px; height:20px; margin: 0; position: absolute; z-index: 99999; text-indent: -9999px; font-size: 0px; -webkit-transition: 1s; -moz-transition: 1s; -ms-transition: 1s; -o-transition: 1s; transition: 1s; right:20px; top:17px; cursor: pointer; z-index: 99; }
.toggleMenu:before, .toggleMenu:after, .toggleMenu span { background: #fff; content: ''; display: block; width: 30px; height:4px; position: absolute; left: 0px; }
.toggleMenu:before { top:0; }
.toggleMenu:after { bottom:0px; }
.toggleMenu span { top: 50%; margin-top:-2px; }
/* toggleMenu animation */
.toggleMenu:before, .toggleMenu:after, .toggleMenu span { -webkit-transition: none 0.5s ease 0.5s; -moz-transition: none 0.5s ease 0.5s; -ms-transition: none 0.5s ease 0.5s; -o-transition: none 0.5s ease 0.5s; transition: none 0.5s ease 0.5s; -webkit-transition-property: transform, top, bottom, left, opacity; -moz-transition-property: transform, top, bottom, left, opacity; -ms-transition-property: transform, top, bottom, left, opacity; -o-transition-property: transform, top, bottom, left, opacity; transition-property: transform, top, bottom, left, opacity; }
.openSlide .toggleMenu span { left: -50px; opacity: 0; }
.openSlide .toggleMenu:before { top:9px; transform: rotate( 45deg ); -webkit-transform: rotate( 45deg ); -moz-transform: rotate( 45deg ); -ms-transform: rotate( 45deg ); -o-transform: rotate( 45deg ); }
.openSlide .toggleMenu:after { bottom:9px; transform: rotate( -45deg ); -webkit-transform: rotate( -45deg ); -moz-transform: rotate( -45deg ); -ms-transform: rotate( -45deg ); -o-transform: rotate( -45deg ); }
/* Nav start here */
.top-nav {position: relative; max-height:60px;}
.head-section nav.topSearchShow { opacity: 0; }
.head-section nav { float: left; padding: 21px 44px 0 0; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; opacity: 1;}
nav div > ul {margin:0;}
nav div > ul > li { margin: 0; list-style: none; display: inline-block; color: #333333; font:300 16px/12px Oxygen, Arial, Roboto, Helvetica, sans-serif; position: relative; background:none; }
nav div > ul > li > a { display: block; padding:30px 20px; text-decoration: none; color: #333333; z-index: 1000; position: relative; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; transition:0.5s; }
nav div > ul > li > a:hover, nav div > ul > li:hover > a {transition: color 0s ease 0s, background 0.3s ease-out 0s; text-decoration: none; color:#45b29d; background:none;  transition:0.5s; }
/*sub menu start here */
nav ul ul { margin: 0; padding: 0; list-style: none; position: absolute; left: 0; margin-top: 10px; top: 57px; width: 100%; background: #45B29D; z-index: 9999; text-align: left; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; opacity: 0; visibility: hidden;/* border-radius: 15px;*/ }
nav ul ul li { display: block; margin: 0; position: relative; width: 100%; border-bottom: 1px solid #e6e3e3; text-align: left; padding: 0; }
nav ul ul li a { font: 400 15px/15px 'Roboto', sans-serif; color: #fff; padding: 10px; display: block; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
nav ul ul li a:hover { text-decoration: none; background: #2b2b2b; color: #f7f7f7; }
nav ul ul li:first-child a:hover {}
nav ul ul li:last-child a:hover {}
nav ul ul li:first-child { margin: 0; }
nav ul ul li.current-menu-item a { color: #0a94d5; }
nav ul ul li:last-child { border-bottom: 0 }
nav ul ul li:first-child >a:after { content: ''; position: absolute; left: 40%; top: -8px; border-left: 8px solid transparent; border-right: 8px solid transparent;   border-bottom: 8px solid #45B29D;}
nav ul li:hover ul { opacity: 1; visibility: visible; margin: 0; }
nav div > ul > li:last-child > a{}
/* Custom Navigation End */

.slider .carousel-inner .item{height:calc(100vh - 130px);}
.slider .carousel-inner .slide-one{background:url(../images/slider-img-1.jpg) no-repeat center center; background-size:cover;height:auto}
.slider .carousel-inner .slide-two{background:url(../images/slider-img-2.jpg) no-repeat center center; background-size:cover;}
.slider .carousel-inner .slide-three{background:url(../images/slider-img-3.jpg) no-repeat center center; background-size:cover;}
.slider .carousel-inner .slide-four{background:url(../images/slider-img-1.jpg) no-repeat center center; background-size:cover;}
.slider .carousel-inner .slide-five{background:url(../images/slider-img-2.jpg) no-repeat center center; background-size:cover;}
.slider .carousel-inner .slide-six{background:url(../images/slider-img-3.jpg) no-repeat center center; background-size:cover;}
.carousel-control.left{background:url(../images/arrow-icon.png) no-repeat 0px; width:44px; margin-left:40px;}
.carousel-control.right{background:url(../images/arrow-icon.png) no-repeat -46px; width:44px; margin-right:40px;}
.slider .carousel-inner .carousel-caption{top:243px; text-shadow:none;}
.slider .carousel-inner .carousel-caption h2{font:700  Oswald, Roboto, Arial, Helvetica, sans-serif; color:#ffffff; text-transform:uppercase; margin-bottom:7px;}
.slider .carousel-inner .carousel-caption p{font:400 16px/30px Oxygen, Roboto, Arial, Helvetica, sans-serif; color:#ffffff; text-align:center; margin-bottom:51px;}
.slider .carousel-inner .carousel-caption a{font:400 18px/30px Oxygen, Roboto, Arial, Helvetica, sans-serif; color:#ffffff; padding:9px 25px; border:2px solid #ffffff; border-radius:35px; transition:0.5s;}
.slider .carousel-inner .carousel-caption a:hover{text-decoration:none; background:#ffffff; color:#2b2b2b; transition:0.5s;}

.first-row{padding:67px 0 78px 0; }
.first-row h1{font:400 48px/48px Oswald, Roboto, Arial, Helvetica, sans-serif; color:#333333;}
.first-row p{font:400 16px/25px Oxygen, Roboto, Arial, Helvetica, sans-serif; color:#666666;}
.first-row-inner{padding:65px 0 0 0; text-align:center;}
.first-row-inner .image-con{width:140px; height:140px; border-radius:50%; overflow:hidden; margin:0 auto;}
.first-row-inner h3{font:400 22px/30px Oxygen, Roboto, Arial, Helvetica, sans-serif; color:#333333; margin:28px 0 7px 0;}

.testimonial-cover{background:#f3f3f3; padding:57px 0 46px 0; border-right:none; border-left:none;}
.testimonial-inner{padding:0 15px 0 0;}
.testimonial-inner h2, .latest-events h2 {font:400 30px/48px Oxygen, Roboto, Arial, Helvetica, sans-serif; color:#333333; margin-bottom:37px;}
.testimonial-inner .carousel-inner .item{padding:0px 40px 0 40px; background:url(../images/inverted-comma.png) no-repeat top left;}
.testimonial-inner .carousel-inner .item p{font:400 20px/36px Oxygen, Roboto, Arial, Helvetica, sans-serif; color:#999999;}

.testimonial-inner .testimonial-social{overflow:hidden; margin:42px 0 0 0;}
.testimonial-inner .testimonial-social img {float:left; margin-right:28px;}
.testimonial-inner .testimonial-social ul{float:left; list-style:none; margin:5px 0 0 0;}
.testimonial-inner .testimonial-social ul li{font:400 18px/30px Oxygen, Roboto, Arial, Helvetica, sans-serif; color:#999999; padding:0  27px 0 1px;}
.testimonial-inner .testimonial-social ul li h2{margin:0; font:400 24px/18px Oxygen, Roboto, Arial, Helvetica, sans-serif; color:#45b29d; padding-bottom:10px; border-bottom:2px solid #bdbdbd; margin-bottom:6px;}
.testimonial-inner .testimonial-social ul ul li a{color:#45b29d;}
.testimonial-inner .carousel-control{  top: 37px; right: 134px; bottom: initial; left: initial; opacity:1;}
.testimonial-inner .carousel-control.left{ background:url(../images/testimonial-arrow.png) no-repeat; width:10px; height:17px;}
.testimonial-inner .carousel-control.right{  background: url(../images/testimonial-arrow.png) no-repeat -15px; width: 10px; right:55px; height: 17px;}

.latest-events .row{margin: 0 0 30px 0;}
.latest-events .date-con{float:left; margin: 10px 22px 0 0;}
.latest-events .date-con h2{font:700 60px/30px Oxygen, Roboto, Arial, Helvetica, sans-serif; color:#45b29d; margin:0 0 6px 0;} 
.latest-events .date-con p{font:400 16px/30px Oxygen, Roboto, Arial, Helvetica, sans-serif; color:#45b29d;   padding: 0 0 0 4px;}
.latest-events .latest-inner h2{font:400 18px/25px Oxygen, Roboto, Arial, Helvetica, sans-serif; color:#333333; margin:0 0 0 0; }
.latest-events .latest-inner p{font:400 14px/25px Oxygen, Roboto, Arial, Helvetica, sans-serif; color:#999999;}

.our-staff{padding:62px 0 100px 0;}
.our-staff h2{font:400 36px/48px Oswald, Roboto, Arial, Helvetica, sans-serif; color:#333333; margin-bottom:70px;}
.our-staff img{width:100%;}
.our-staff h3{font:700 20px/30px Oxygen, Roboto, Arial, Helvetica, sans-serif; color:#333333; transition:0.5s; margin-bottom:0; text-transform:uppercase; margin-top:11px;}
.our-staff p{font:400 16px/23px Oxygen, Roboto, Arial, Helvetica, sans-serif; color:#999999; font-style:italic; transition:0.5s;   margin-bottom: 16px;}
.our-staff .box-inner{border-bottom:3px solid #e3e3e3; cursor:pointer; transition:0.5s;}
.our-staff .box-inner:hover{border-color:#45b29d; transition:0.5s;}
.our-staff .box-inner:hover h3, .box-inner:hover p{color:#45b29d; transition:0.5s;}

.maphome-con{width:100%; height:auto;}
.map-con{width:100%; height:742px;}
footer{padding:0 0 0 0; background:#28303b;}
footer h2{font:700 50px/36px Oswald, Roboto, Arial, Helvetica, sans-serif; color:#ffffff;}
footer .contact{margin: 0 auto 0 auto;}
footer .contact li{font:400 16px/30px Oxygen, Roboto, Arial, Helvetica, sans-serif; color:#999999; padding:0 47px;}
footer .contact li a, a:hover{text-decoration:none; color:inherit;}
footer .social-media{margin:95px 0 0 0; }
footer .social-media li{padding:0 8px; -webkit-filter: grayscale(1); -moz-filter: grayscale(1); -ms-filter: grayscale(1); -o-filter: grayscale(1); filter: grayscale(1); -webkit-filter: contrast(0); -moz-filter: contrast(0); -ms-filter: contrast(0); -o-filter: contrast(0); filter: contrast(0); transition:0.5s;}
footer .social-media li:hover{-webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0); -webkit-filter: contrast(1); -moz-filter: contrast(1); -ms-filter: contrast(1); -o-filter: contrast(1); filter: contrast(1); transition:0.5s; -webkit-transform: scale(1.3,1.3); -moz-transform: scale(1.3,1.3); -ms-transform: scale(1.3,1.3); -o-transform: scale(1.3,1.3); transform: scale(1.3,1.3);}

.contact-info{background:#28303b; border-top:1px solid #444a53;}
.contact-info p{margin:0; font:400 14px/55px Oxygen, Roboto, Arial, Helvetica, sans-serif; color:#999999; float:left;}
.contact-info h3{margin:0; font:400 14px/55px Oxygen, Roboto, Arial, Helvetica, sans-serif; color:#999999; float:right;}
.contact-info img{margin-left:8px;}
.contact-info a, a:hover{text-decoration:none; color:inherit;}

.modal-dialog {margin:12% auto;}
.modal-title{font:400 30px/0px Oswald, Roboto, Arial, Helvetica, sans-serif; color:#444a53;}
.modal-header{padding:0;}
.modal-content{padding:48px;}
.modal-header, .modal-footer{border:none;}
.modal-body{padding:0; margin:45px 0 0 0;}
.modal-body input{  padding:6px 18px; width: 100%; border-radius: 6px; border: 1px solid #e1e1e1; margin-bottom:20px; font:400 18px/30px Oxygen, Roboto, Arial, Helvetica, sans-serif; color:#999999;}
.modal-body ul{margin:20px 0 0 0;}
.modal-body ul li a{font:400 18px/25px Oxygen, Roboto, Arial, Helvetica, sans-serif; color:#999999;}
.modal-body .login{background:#45b29d; font:400 18px/30px Oxygen, Roboto, Arial, Helvetica, sans-serif; color:#ffffff; border-radius:30px; padding:11px 34px; border:1px solid #45b29d; transition:0.5s;}
.modal-body .login:hover{background:none; color:#45b29d; transition:0.5s;}
.modal-body img{max-width:150px;}

.inner-con{padding:77px 0 68px 0;}
.inner-con h1{font:400 48px/48px Oswald, Roboto, Arial, Helvetica, sans-serif; color:#333333; text-align:center; margin-bottom:32px;}
.inner-con p{font:400 16px/30px Oxygen, Roboto, Arial, Helvetica, sans-serif; color:#666666; margin-bottom:31px;}
.inner-page{padding:77px 0 68px 0;}
.inner-page h1{font:400 48px/48px Oswald, Roboto, Arial, Helvetica, sans-serif; color:#333333;}
.inner-page h2{font:400 40px/48px Oswald, Roboto, Arial, Helvetica, sans-serif; color:#333333;}
.inner-page h3{font:400 35px/48px Oswald, Roboto, Arial, Helvetica, sans-serif; color:#333333;}
.inner-page h4{font:400 30px/48px Oswald, Roboto, Arial, Helvetica, sans-serif; color:#333333;}
.inner-page h5{font:400 25px/48px Oswald, Roboto, Arial, Helvetica, sans-serif; color:#333333;}
.inner-page h6{font:400 20px/48px Oswald, Roboto, Arial, Helvetica, sans-serif; color:#333333;}
.inner-page p{font:400 16px/30px Oxygen, Roboto, Arial, Helvetica, sans-serif; color:#666666;} 

.inner-row-second{padding:104px 0 86px 0; background:#f3f3f3;}
.inner-row-second h2{font:400 18px/30px Oxygen, Roboto, Arial, Helvetica, sans-serif; color:#31353d;}
.inner-row-second p{font:400 16px/30px Oxygen, Roboto, Arial, Helvetica, sans-serif; color:#999999;}
.inner-row-second .col-xs-12{margin-bottom:10px;}


@media (min-width: 1200px) {
.top-nav-cover{padding:0;}
.top-nav-info span{position:absolute; top:23px; right:258px;}
.first-row .line-con{position:relative;}
.first-row span.left{background:url(../images/box-bg.png) no-repeat; width:238px; height:30px; position: absolute; top: 55px; left: -118px;}
.first-row span.right{background:url(../images/box-bg.png) no-repeat; width:238px; height:30px; position: absolute; top: 55px; right: -118px;}
.carousel-caption h2 {font-size:48px;}

}

@media (min-width: 992px) and (max-width: 1199px) {
.logo img{width:100%;}
.slider .carousel-inner .item{  height: calc(100vh - 122px);}
.carousel-caption h2 {font-size:42px;}
}

@media (min-width: 768px) and (max-width: 991px) {
.logo{text-align:center;}
.top-nav-info{text-align:center; margin:0 auto; }
.custom-navigation{text-align:center;}
.slider .carousel-inner .item{  height: calc(100vh - 220px);}
footer .contact li{padding:0 34px;}
.carousel-caption h2 {font-size:38px;}
}

@media (max-width: 767px) {
.logo{padding:10px 15px;}	
.logo img{width:100%;}
.top-nav-info{margin:0 0 7px 0; text-align:center; font-size:12px; text-align:center;}
/*
.top-nav-info select{border:none; padding:2px; border-right: 1px solid #b7b5b5; padding-left:12px; background:url(../images/american-flag.png) no-repeat left center; } 
*/
.top-nav-info li{padding:0 3px 0 3px;}
.top-nav-info li:last-child a{padding:5px 6px;}
.slider .carousel-inner .carousel-caption{top:45px; left:10%; right:10%;}
.slider .carousel-inner .carousel-caption h2{font:700 26px/39px Oswald, Roboto, Arial, Helvetica, sans-serif;}
.slider .carousel-inner .carousel-caption p{display:none;}
.slider .carousel-inner .carousel-caption a{padding:3px 25px;}
.carousel-control.right{background: url(../images/arrow-icon.png) no-repeat -46px center; margin-right: 10px; height: 45px; top: 43%;}
.carousel-control.left{background: url(../images/arrow-icon.png) no-repeat 0px center; margin-left: 10px; height: 45px; top: 43%;}
.slider .carousel-inner .item {height: calc(100vh - 188px);   min-height: 280px;}
.carousel-caption h2 {font-size:28px;}

/*Responsive Navigation Start*/
.custom-navigation{height:40px; background:#45B29D; }
.top-nav { float: none; width: auto; }
/* Toggle responsive start here */
.toggleMenu { display: block !important; overflow: hidden; }
.openSlide { margin-left: -250px; margin-right: 250px; overflow: hidden; position: fixed; -webkit-transition: 1s; -moz-transition: 1s; -ms-transition: 1s; -o-transition: 1s; transition: 1s; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
.outer-wrapper { position: relative; -webkit-transition: 1s; -moz-transition: 1s; -ms-transition: 1s; -o-transition: 1s; transition: 1s; }
nav div { display: block; padding: 0 }
nav div > ul { text-align: left; background: rgba(69, 178, 157, 0.9); border: 0; height: 100%; min-height: 100%; border-radius: 0; margin: 0; position: fixed; width: 250px; top: 0; right: -250px; z-index: 96; overflow: auto; overflow-x: hidden; display: block !important; -webkit-transition: 1s; -moz-transition: 1s; -ms-transition: 1s; -o-transition: 1s; transition: 1s; }
nav div > ul.active { right: 0px; }
nav div > ul > li { float: none; background: none; padding: 0; width: 100%; margin: 0; border: 0 }
nav div > ul > li > a { font: 400 18px/30px 'Roboto', sans-serif; color: #fff; padding: 10px; width: auto; text-align: left; display: block; border: 0; border: 0; border-bottom: 1px solid #ffffff; height: auto; display: block; }
nav div > ul > li.current-menu-item > a { border: 0; border-bottom: 1px solid #fff; background:#31A38D; border-radius: 0 }
nav div > ul > li:hover > a { border: 0; border-bottom: 1px solid #fff; background:#FFFFFF; border-radius: 0 }
nav div > ul > li > a:hover { background: #FFFFFF; border-bottom: 1px solid #fff; border-radius: 0 }
nav div > ul > li > a:after { background: none; height: 0px; left: 0; opacity: 0; position: absolute; top: 0; }
nav div > ul > li > a:hover:after, nav div > ul > li > a:focus:after { height: 0; opacity: 0; transform: translateY(0px); }
nav ul ul { position: relative; left: 0; top: 0; margin: 0; width: 100%; background: none; visibility: visible; opacity: 1; display: none; }
nav ul ul li { display: block; margin: 0; position: relative; width: 100%; border-bottom: 1px solid #fff; }
nav ul ul li a { color: #fff; padding: 7px 30px; display: block; font: 300 16px/24px 'Roboto', sans-serif; -webkit-transition: background .5s ease-in-out; -moz-transition: background .5s ease-in-out; -o-transition: background .5s ease-in-out; transition: background .5s ease-in-out; }
nav ul ul li a:hover { text-decoration: none; background: #2f1006; color: #fff; }
nav ul ul li.current-menu-item a { color: #0a94d5; }
nav ul ul li:last-child { border-bottom: 1px solid #fff; }
nav ul li:hover ul { opacity: 1; visibility: visible; }
nav ul ul li:first-child >a:after { content: ''; position: absolute; left: 30px; top: -6px; border-left: 0px solid transparent; border-right: 0px solid transparent; border-bottom: 0px solid rgb(226, 174, 4); }
.nav-resp-arrow { width: 50px; height: 50px; background:#498579; position: absolute; right: 0; top: 0; z-index: 9999; cursor: pointer }
.nav-resp-arrow span { position: absolute; right: 10px; top: 18px; margin-top: 3px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #fff; }
.nav-resp-arrow.sub-resp-arrow-active span { border: none; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #fff; }
nav div > ul > li:last-child a { width: auto }
.toggleMenu { top: 10px; right: 18px }
/* Toggle responsive ends here */
/*Responsive Navigation Ended*/	

.first-row{padding:25px 0;}
.first-row-inner{padding:25px 0;}
.first-row-inner .image-con{margin:10px auto;}
.first-row-inner h3{font-size:20px;}
.testimonial-cover{padding:25px 0;}
.testimonial-inner{padding:0 15px;}
.testimonial-inner .carousel-control.left, .testimonial-inner .carousel-control.right{top:7%;}
.our-staff{padding:25px 0;}
.our-staff h2{margin-bottom:30px;}
.contact-info{padding-bottom:10px;}
.contact-info p, .contact-info h3{float:none; text-align:center; line-height:35px;}

.modal-body ul{margin:0 0 0 0;}
.modal-body ul li{display:block; text-align:center;}
.modal-body .login{display:block;  margin:10px 0;}

.inner-con{padding:25px 15px;}
.inner-row-second{padding:25px 0;}
}