body{font-family: 'Asap', sans-serif;}
a:hover{text-decoration:none;color:#777777;}
a:hover, a:focus{text-decoration:none;}
.container{max-width: 1214px;}
.margin50{margin:20px 0 50px;}
ul, li{list-style:none;}
ul{padding:0;margin:0;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{font-family: 'Asap', sans-serif;}
.padding0{padding:0}
header{background:#2b2b2b;color:#fff;}
.navbar-collapse {padding-left: 0;padding-right: 0;}
.navbar-nav > li > a{padding: 11px 26px;}
.navbar-nav > li{border-left: 1px solid #ffffff;float: left;margin-right: 0;}
.navbar-nav > li:first-child{border-left:none;}
header .logo{padding:11px 0;display:block;}
header .number{padding:9px 0;font-size:17px;color:#fff;display:block;}
/*.navbar-nav > li:last-child a{padding-right:0;}*/
.navbar{border:none;}
.navbar-nav {float: left;margin: 0;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{background:#1c91ea}
.carousel-caption {
    left: 8%;
    padding: 10px;
    right: 20%;
    width: 700px;background:rgba(0,0,0,0.2);top:22%;bottom:20%;height:228px;text-transform:uppercase;text-shadow:none;
}
.carousel-inner > .item > img, .carousel-inner > .item > a > img{width:100%;}
.carousel-caption h2{font-size:48px}
.carousel-caption p{font-size:20px}
.services{background:#2b2b2b;}
.inner-plan{width:800px;margin:0 auto;position:relative;min-height:185px;}
.inner-plan .box .col-lg-4{margin:0 10px;width:30%;}
.inner-plan .box h2{font-size: 17px;
    margin: 0 0 8px;
   }
.inner-plan .box p{font-size:12px;}
.inner-plan .box img{width:100%;display:block; float:left; z-index:9; position:relative;}
.inner-plan .box .detail{padding:10px;}
.hvr-sweep-to-top{background:#f1f0f0;color:#191a1a; float:left; width: 100%; position:relative; }

.hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active{color: white; background: #1c91ea;}

.heading{text-align:center;color:#fff;}
.heading h2{font-size:37px;text-transform:uppercase;margin: 15px 0 25px;}
.heading p{background:#fff;height:1px; margin: 0 auto;width: 30%;}
.heading span{background:#2b2b2b;display:inline-block;font-size:17px;margin-top:-12px;padding:0 20px;}
.navbar{min-height:auto;}
.black-heading{text-align:center;color:#191a1a;}
.black-heading h2{font-size:37px;text-transform:uppercase;margin: 15px 0 25px;}
.black-heading p{background:#191a1a;height:1px; margin: 0 auto;width: 30%;}
.black-heading span{background:#fff;display:inline-block;font-size:17px;margin-top:-12px;padding:0 20px;}
.row.service-h{ width:100%; float:left;}


.our-service{text-align:center;color:#fff;margin:50px 0;}
.our-service .btn_wrapper a{color:#fff;}
.our-service:hover .btn_wrapper a{color:#1c91ea;}
.our-service .block_text h3{min-height:52px;}
.our-service .block_text p{min-height:100px;}
.block_icon{
	display: inline-block;
	width: 156px;
	height: 156px;
	border-radius: 78px;
	position: relative;
	margin-bottom: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}
.service-h{display: block; float: left; margin-top: 30px;}
.block_icon div{
	position: absolute;
	top: 11px;
	left: 11px;
	width: 131px;
	height: 131px;
	border-radius: 66px;
	background: #ffffff;	
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}
.block_icon div:before{
	content: '';
	width: 153px;
	height: 153px;
	border-radius: 78px;
	border: 1px solid #dde1dc;
	position: absolute;
	top: -11px;
	left: -11px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	-webkit-transition: 0.4s 0.4s;
	-moz-transition: 0.4s 0.4s;
	-ms-transition: 0.4s 0.4s;
	-o-transition: 0.4s 0.4s;
	transition: 0.4s 0.4s;
}
.block_icon div:after{
	content: '';
	width: 131px;
	height: 131px;
	border-radius: 78px;
	border: 1px solid #dde1dc;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}
.our-service:hover .block_icon div{
	background: #1c91ea;	
	-webkit-transition: 0.8s;
	-moz-transition: 0.8s;
	-ms-transition: 0.8s;
	-o-transition: 0.8s;
	transition: 0.8s;
}
.our-service:hover .block_icon div:before{
	top: 0;
	left: 0;
	width: 131px;
	height: 131px;
	border: 1px solid #1c91ea;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}
.our-service:hover .block_icon div:after{
	top: -11px;
	left: -11px;
	width: 153px;
	height: 153px;
	border: 1px solid #1c91ea;
	-webkit-transition: 0.4s 0.4s;
	-moz-transition: 0.4s 0.4s;
	-ms-transition: 0.4s 0.4s;
	-o-transition: 0.4s 0.4s;
	transition: 0.4s 0.4s;
}
.block_icon div img{
	position: absolute;
	top: 27px;
	left: 33px;
	width: auto;
	height: auto;
}
.block_icon div .block_icon_img{
	opacity: 1;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}
.our-service:hover .block_icon div .block_icon_img{
	opacity: 0;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}
.block_icon div .block_icon_img__hover{
	opacity: 0;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}
.our-service:hover .block_icon div .block_icon_img__hover{
	opacity: 1;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}


#owl-demo .item img,
#owl-demo .item .caption {
-webkit-transition:all 1.0s linear;
-moz-transition:all 1.0s linear;
transition:all 1.0s linear;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
}
#owl-demo .item img {
-moz-transform:perspective(800px) rotateY(0deg);
-webkit-transform:perspective(800px) rotateY(0deg);
transform:perspective(800px) rotateY(0deg);
}

#owl-demo .caption {
-moz-transform:perspective(800px) rotateY(180deg);
-webkit-transform:perspective(800px) rotateY(180deg);
transform:perspective(800px) rotateY(180deg);
}


#owl-demo .item img { z-index: 1 }
/* .thumb .thumb-detail { z-index: -1 } */

#owl-demo .item img ,
#owl-demo .caption {
-moz-backface-visibility:hidden;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
}
#owl-demo .item:hover img {
-webkit-transform:perspective(800px) rotateY(-179.9deg);
-moz-transform:perspective(800px) rotateY(-179.9deg);
transform:perspective(800px) rotateY(-179.9deg);
}
#owl-demo .item:hover .caption {
-moz-transform:perspective(800px) rotateY(0);
-webkit-transform:perspective(800px) rotateY(0);
transform:perspective(800px) rotateY(0);display:block;
}
#owl-demo .item{margin: 15px 5px;position:relative;}
#owl-demo .item img{display: block;width: 100%;}
#owl-demo .item .caption{background:#2b2b2b;position:absolute;bottom:0;width:100%;padding:10px;height:100%;}
#owl-demo .item .caption h2{color:#fff;margin:0;}
#owl-demo .item .caption p{padding:0;font-style:italic;color:#fff;margin:0;}
.testimonial{background:#2b2b2b;padding:50px 0 10px;text-align:center}
.testimonial .client-img{width:130px;height:130px;border-radius:77px;margin:50px auto;background:#fff;}
.client-img > img {margin: 14px;}
.testimonial .description{color: #ffffff;font-size: 27px;margin:30px auto 0;min-height: 190px;width: 68%;}
.client-detail{color:#ffffff;font-style:italic;}
.carousel-control {font-size:35px;top:36%;width:10%;}
.staff-detail{color:#191a1a;text-align:center;}
.staff-detail h2{font-size:23px;margin:10px 0 0}
.staff-detail i{padding-bottom:15px;display:block;}
.staff-detail a{color:#191a1a;text-align:center;}
.staff-detail:hover a{color:#1c91ea;}
footer{background:#323232;color:#fff;}
footer .map img{width:100%;display:block;}
.footer-top{margin:25px 0;}
.footer-top .border{padding:20px 0 25px;border-right:#9d9d9d solid 1px;}
.footer-top .border-no{padding:20px 0 25px;border-right:none;}
.footer-top h2{padding:0 0 10px;margin:0;text-transform:uppercase;font-size:37px;}
.footer-top p{font-size:17px;margin:0;}
.footer-top a{font-size:17px;color:#ffffff;}
.footer-top .social-icons li{display:inline;padding:5px;}
.footer-top .social-icons a{color:#686868;}
.footer-top .social-icons a:hover{color:#fff;}
.footer-bottom{background:#242424;padding:15px 0;}
.footer-bottom a{color:#fff;}
.footer-top .fa{font-size:25px;}
.aboutus{background:#e4e4e4;padding-bottom:15px;}
.aboutus .black-heading h2{margin:25px 0;}
.aboutus-detail{color: #191a1a;position:relative;}
.aboutus-detail img{margin-bottom:20px;}
.aboutus-detail h2{background:rgba(0,0,0,0.4);font-size:23px;left:0;margin:0;padding:9px 15px 15px;position:absolute;right:0;top:0;text-align:center;color:#fff;}
.aboutus-detail p{text-align:justify;font-size:12px;}



/* inner page  */

.inner-service{color:#fff;padding:0 0 30px;}
.inner-project .col-lg-3{margin:0 0 20px;position:relative;}
.inner-project button {
		background:transparent;
		border: none;
		padding: 0;
	}
.inner-project button img{display:block;}
.inner-project button span{color:#fff;font-size:14px;min-height:55px;display:block;}
.inner-project button:hover span{color:#1c91ea;}
.inner-project .modal-body > img {
    width: 100%;display:block;
}
.inner-project .modal-footer {
    text-align: left;
}
.inner-project button span.close {
    color: #000;opacity: 1;
}
.inner-staff{color:#fff;padding:0 0 30px;}
.inner-staff i a{color:#fff;font-size:18px;padding-bottom:10px;display: block;}
.inner-staff:hover a{color:#1c91ea;}
.inner-contact{padding:10px 0 50px;}
.infomation {
    color: #fff;
    margin: 0 auto;
    
    text-align: center;
}
.infomation h3{margin-top: 0;}
.phone{padding: 30px 0;}
/*.phone label{width:15%;}*/
.infomation .email a{color:#1c91ea;text-decoration:underline;display:inline-block;padding-bottom:10px;width:auto;}
.infomation .email a:hover{color:#fff;text-decoration:none;}
.inner-plan.widthing {

    width:100% !important;

}
.inner-plan .box .row{margin: 0px;}
.col-sm{padding: 3px;}
.map{ width:100%; float:left; display:block;}




	.inner-plan .box p{font-family: 'Asap', sans-serif; font-size: 12px; font-weight: 500;}
	.inner-plan .box h2{font-family: 'Asap', sans-serif;font-size: 17px; font-weight: 500;}



.navbar-nav > li > a{ padding:11px 16px;}



@media (min-width:769px){
 .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
.inner-plan .box .col-sm{ width:20%; float: left;}

.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  min-width: 0;
  max-width: 100%;
}
}

@media (min-width:768px) and (max-width: 1024px){

.navbar-nav > li > a {padding: 11px 14px;}

}

@media (min-width:992px) and (max-width:1199px)
{
	.navbar-nav > li > a {padding: 11px 18px;}
	.carousel-caption {height: 116px;padding: 0 7px;top:27%;left:4%;}
	.inner-project a img {width:100%;}
	.inner-project a span {font-size: 12px;}
	.contact-map > img{width:100%;height:auto;}
	.aboutus-detail img {height: auto;margin-bottom: 20px;width: 100%;}
	.testimonial .description{min-height:215px;}
	.footer-top p {font-size: 14px;}
	.carousel-caption h1 {font-size: 30px;}
	.carousel-caption p {font-size: 16px;}
	header .number {font-size: 15px;padding: 10px 0;}
	


	
}




@media (min-width:768px) and (max-width:991px)
{
	header .col-md-6{width: 50%;float:left;}
	header .col-lg-8{width: 60%;float:left;}
	header .col-lg-4{width: 40%;float:left;}
	header .number{font-size:12px;}
	.logo > img{height:auto;width:100%;}
	.navbar-nav > li > a {font-size: 12px;padding:10px 9px;}
	.inner-plan {width: 530px;}
	.inner-plan .box .col-lg-4 {margin: 0 5px;width: 31%;}
	.inner-plan .box h2 {font-size: 14px;}
	.inner-plan .box h2{min-height:20px;}
	.inner-plan .box p{font-size: 11px;}
	.inner-plan .box .detail {min-height: 143px;padding: 5px;}
	.inner-plan .box {top: -143px;}
	.inner-plan{min-height:130px;}
	.heading p {width: 40%;}
	.col-sm-12.col-lg-3.col-md-3.our-service {float: left;width: 50%;}
	.black-heading p{width: 40%;}
	.staff .col-lg-3{float: left;width: 50%;}
	footer .col-lg-3{float: left;width: 25%;}
	.footer-top p {font-size: 12px;}
	.footer-top h2 {font-size: 20px;}
	.carousel-caption {height: 67px;left: 4%;padding: 0;width: 500px;top:29%;}
	.carousel-caption h1{font-size:22px;margin:6px 0;}
	.carousel-caption p{font-size:14px;}
	.inner-project .col-lg-3{width:33%;float:left;}
	.footer-bottom{text-align:center;padding:15px 0}
	.col-sm-12.col-lg-6.col-md-6.text-right{text-align:center;padding:0}
	.inner-project .col-lg-2{width:25%;float:left;}
	.inner-project a span {font-size: 12px;}
	.aboutus .col-lg-3{width:50%;float:left;}
	.aboutus-detail img {height: auto;margin-bottom: 20px;width: 100%;}
	.testimonial .description {font-size: 20px;min-height: 190px;}
	.col-sm-4.col-lg-2.col-md-2.padding0 {
    margin-right: 10px;

}

.col-sm-4.col-lg-2.col-md-2.padding0{ width:18%;}
}



@media screen and (min-width: 768px) {

	.inner-plan .box .detail {
    min-height: 168px;
	}

}


@media screen and (max-width: 768px) {.inner-plan.widthing{display:block;}}


@media screen and (min-width: 768px) {
	.inner-plan .box{position:absolute;top:-130px;z-index:99;}
	.inner-plan .box .detail{padding:10px;min-height:155px;}
}
@media (min-width:480px) and (max-width:767px)
{
	.inner-plan .box .row .col-sm:last-child{width:100%; max-width: 100%;}
	.col-sm{ -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  min-width: 0; float: left; 
  max-width: 50%; width: 100% !important;}
	header .col-sm-12.col-lg-6.col-md-6{width: 80%;float:left;}
	header .col-sm-12.col-lg-6.col-md-6.text-right{width: 20%;float:left;}
	header .col-lg-8{width: 60%;float:left;}
	header .col-lg-4{width: 40%;float:left;}
	header .number{font-size:11px;}
	header .logo{padding:19px 0;}
	header .number{padding:15px 0;}
	.logo > img{height:auto;width:100%;}
	.navbar-nav > li > a {font-size: 12px;padding: 30px 9px;}
	.carousel-caption {height: 38px;left: 4%;padding: 0;width: 400px;top:30%;}
	.carousel-caption h1 {font-size: 16px;margin: 0;}
	.carousel-caption p{font-size:9px;}
	.inner-plan {width: 430px;}
	.inner-plan .box .col-lg-2 {margin-right: 8px; width: 32%;float:left;}
	.inner-plan .box h2 {font-size: 16px;}
	.inner-plan .box p{font-size: 12px;}
	.hvr-sweep-to-top{margin-bottom: 5px;}
	.inner-plan .box .detail {min-height: 140px;}
	.col-sm-4.col-lg-2.col-md-2.padding0 {
     margin-right: 5px;}
	.inner-plan .box {top: 15px; position: relative;}
	.inner-plan{min-height:100px;}
	.heading p {width: 85%;}
	.col-sm-12.col-lg-3.col-md-3.our-service {float: left;width:50%;}
	.black-heading p{width: 85%;}
	.staff .col-lg-3{float: left;width: 50%;}
	.black-heading h2 {font-size: 30px;}
	footer .col-lg-3{float: left;width: 25%;}
	.footer-top p {font-size: 10px;}
	.footer-top h2 {font-size: 12px;}
	.footer-top{padding:0;}
	.navbar-nav > li {border-left: none;float:none;}
	.navbar-nav{width:100%;}
	.navbar-nav > li > a {padding: 10px;text-align: left;}
	.contact-map img{width:100%;height:auto;}
	#owl-demo .item .caption h2{font-size:17px;}
	.staff-detail h2 {font-size: 17px;margin: 10px 0 0;min-height: 38px;}
	.inner-project .col-lg-3{width:50%;float:left;}
	.footer-bottom{text-align:center;padding:15px 0;font-size:12px;}
	.col-sm-12.col-lg-6.col-md-6.text-right{text-align:center;padding:0}
	.inner-project .col-lg-2{width:50%;float:left;}
	.aboutus .col-lg-3{width:50%;float:left;}
	.aboutus-detail img {height: auto;margin-bottom: 20px;width: 100%;}
	.testimonial .description {font-size: 17px;min-height: 190px;}
	.aboutus-detail {min-height: 493px;}
	.aboutus-detail h2{font-size:19px;}
	#project .inner-project .col-md-2{ width:33%; float:left;}
	
}
@media (min-width:0px) and (max-width:479px)
{
	header .col-sm-12.col-lg-6.col-md-6{width: 80%;float:left;}
	header .col-sm-12.col-lg-6.col-md-6.text-right{width: 20%;float:left;}
	header .col-lg-8{width: 100%;float:left;}
	header .col-lg-4{width: 100%;float:left;padding:0;}
	header .number{font-size:14px;}
	header .logo{padding:15px 0 5px;}
	header .number{padding:0 0 5px;text-align:center;}
	.slide{margin-top: 50px;}
	.logo img{width:100%;height:auto;}
	/*.inner-plan{display:none;}*/
	.inner-plan .box{position: relative; top: 15px;}
	.inner-plan .box .detail{min-height: inherit;}
	.inner-plan .box img{margin-bottom: 10px; border-bottom: 10px solid #1c91ea;}
	.carousel-caption{display:block;}
	
	
	
	.carousel-caption {
    height: 64px;
    left: 4%;
    padding: 0;
    width: 225px;
    top: 30%; padding-top:2px;
}
.carousel-caption h1 {
    font-size: 12px;
    margin: 0;
}
.carousel-caption p {
    font-size: 8px;
}
	
	
	.heading h2{font-size:26px;}
	.heading p{width:80%}
	.our-service .block_text h3 {font-size: 20px;min-height: 30px;}
	.black-heading h2{font-size:26px;}
	.black-heading p{width:100%}
	.owl-theme .owl-controls {right: -37px !important;top: -33px !important;}
	#owl-demo .item .caption h2{font-size:20px;}
	.staff-detail h2{font-size:18px;}
	.footer-top .border{border-right:none;}
	.navbar-nav > li {border-left: none;float:none;}
	.navbar-nav{width:100%;}
	.navbar-nav > li > a {padding: 10px;text-align: left;}
	.contact-map img{width:100%;height:auto;}
	.footer-bottom{text-align:center;padding:15px 0;font-size:12px;}
	.col-sm-12.col-lg-6.col-md-6.text-right{text-align:center;padding:0}
	.footer-top p{font-size:16px;margin:0;}
	.aboutus-detail img {height: auto;margin-bottom: 10px;width: 100%;}
	.testimonial .description{font-size:16px;margin:10px auto 0;min-height:206px;}
}

/* Safari 6.1-10.0 (10.1 is the latest version of Safari at this time) */