@import 'https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800';
body{ margin:0; padding:0;font-family: 'Open Sans', sans-serif; overflow-x:hidden;}
header{ background:#222222;}
header .logo{padding:0px;}
header .top_socialicon{}
header .top_socialicon ul { list-style: none; margin:0px;float: right;} 
header .top_socialicon ul li { margin-right: 2px;background:#fff; width:20px; height:20px; border-radius:100px; display:inline-block; text-align:center; line-height:20px; margin-top:10px;}
header .top_socialicon ul li a { color: #004160; }
.menubox{ float:right; padding-top:0px;}
.menubox .navbar-default{ background:none; border:none;}
.menubox .navbar-default .navbar-nav > li > a{ color:#fff; font-size:14px;}
.menubox .navbar-default .navbar-nav > li > a:hover{color:#fff;}
.menubox .navbar-default .navbar-nav > .active > a, .menubox .navbar-default .navbar-nav > .active > a:hover, .menubox .navbar-default .navbar-nav > .active > a:focus{ background:none; color:#3ea7ff;}
.banner .carousel-control{ top:35%; width:auto; text-shadow:none;opacity: 10;margin-left: 250px;
margin-right: 250px;}

.whoweare{padding:60px 0px;}
.whotext h2{margin-top:0px; color:#00abd4; font-size:23px;}
.whotext p{font-size:15px; color:#4d4d4f;}

.mission_vision{background: linear-gradient(to right, #666666 0%, #666666 50%, #00abd4 50%, #00abd4 100% ); color:#fff;}
.mission{ background:#666666; padding:40px 0px;}
.vision{ background:#00abd4;padding:62px 0px;}
.mission h2{font-size:34px; background:url(../images/mission.png) no-repeat; width:75px; height:60px; padding-left:80px; padding-top:24px;}
.mission p{font-size:14px; padding-right:60px;}
.vision h2{padding-left:80px; font-size:34px; background:url(../images/vision.png) no-repeat; width:76px; height:35px; margin-left:58px;}
.vision p{padding-left:60px; font-size:14px;}

.whatwedo{background:#eeeeef; font-size:16px;color:#4d4d4f; padding:40px 0px; margin-top:12px;}
.whatwedo h1{ font-size:52px; margin:0px;}

.ourproduct{ padding:40px 0px; font-size:14px;}
.ourproduct h2{font-size:44px; color:#3ea7ff;}
.pro{ color:#00abd4;}
.por_img{padding-top:40px;}

.morecontent span {display: none;}
a.morelink{display: block; background:#004160; padding:5px; color:#fff; text-decoration:none; width:100px; margin-top:10px; border-radius:5px; text-align:center;}


.latestnews{ background:#3ea7ff; color:#fff; padding:30px 0px; margin-bottom:12px;}
.latestnews h2{margin:0px;}
.testimonials{ background:#00abd4; color:#fff; padding:60px 0px; margin-bottom:12px;}
.testimonials h3{text-align:center; font-size:22px; line-height:42px; position:relative;}
.testimonials h3::before{ content:""; background:url(../images/qutaleft.png) no-repeat; width:73px; height:67px; position:absolute;left: 240px;
top: -36px;}
.testimonials h3::after{ content:""; background:url(../images/qutaright.png) no-repeat; width:73px; height:67px; position:absolute;right: 147px;
top: 46px;}
.testimonials h4{text-align:right; font-size:15px; line-height:32px;    margin-right: 167px;
    margin-top: 37px;}
footer{ background:#222222;}
footer .footermenu{ list-style:none; float:none; line-height:64px; text-align:center;}
footer .footermenu li{display:inline-block; text-align:center; padding:0px 14px;}
footer .footermenu li a{color:#fff; text-decoration:none;}
footer .footermenu .footersocial{padding: 0px 5px;background: #fff;height: 25px;line-height: 25px;width: 25px;border-radius: 30px; }
footer .footermenu .footersocial a{ color:#004160;}
	

/*about us page  css   -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.overview{ padding:50px 0px;}
.overview h2{ font-size:44px; margin-top:0px; color:#3ea7ff;}
.overview p{ font-size:14px;}

.speech{background:#00abd4; padding:60px 0px; margin-bottom:12px;}
.speech h2{margin-top:0px; font-size:44px; color:#fff;}
.speech h3{position:relative; font-size:18px; color:#fff; margin-left:100px; line-height:36px; padding:50px 0px;}
.speech h3::before{ content:""; background:url(../images/speechqutaleft.png) no-repeat; width:38px; height:40px; position:absolute;left: -42px;
top: 40px;}
.speech h3::after{ content:""; background:url(../images/speechqutaright.png) no-repeat; width:38px; height:40px; position:absolute;right: 140px;
top: 94px;}
.speech h4{ font-size:18px; color:#fff; line-height:24px; float:right; text-align:right;}

/*contact us page  css   -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.address h2{ font-size:40px; color:#00abd4;}
.address p a{color:#000;}

.contactfrom h2{ font-size:40px; color:#00abd4;}
.contactfrom .form-control{border-radius: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;}
	.btn-send{ background:#004160; border:none; color:#fff; padding:5px 10px; border-radius:5px; margin-bottom:20px;}
	
	
	/*porduct page css-------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	.product_review h2{font-size:41px; color:#3ea7ff; margin-top:0px; padding-top:60px; padding-bottom:30px; margin-bottom:0px;}
	.product_review p{font-size:14px;}
	.byevluating{padding:30px 0px; }
	
	.product_tab{background:#666666;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {color: #fff;cursor: default;border: 0;outline: 0;background: #00abd4 !important; text-align:center;border-right:2px solid #fff; }
.nav-tabs > li a{padding: 0; border-radius:0px; font-weight:600; font-size:17px;color: #fff; text-align:center;min-height:250px; border-right:2px solid #fff;}
.nav-tabs > li a.last {border-right:0px solid #fff;}
.nav-tabs > li a:hover{background: #00abd4; border:none;}
.product_tab .nav-tabs>li {padding: 0px;}
.product_tab .nav>li>a>img{padding-top: 30px}
.tab-content{ padding:45px 0px;}
.tab-content h2{ font-size:41px; color:#00abd4; margin:0px;}
.tab-content p{ margin:25px 0px; font-size:14px;}
.tab-content a{font-size:12px; color:#fff; background:#faa61a; padding:10px 10px; border-radius:5px; font-weight:600; text-decoration:none;} 
.tab-pane{font-family: 'Open Sans', sans-serif;}
.solutions .solutionhead{ background:#eeeeef;}
.solutions .solutionhead h2{ padding:20px; font-size:34px; padding-left:15px; color:#666666; margin:0px;}
.solutiontab h4{ font-size:15px; color:#fff; background:#faa61a; padding:15px; font-weight:600;}
.solutiontab p, .solutiontab ul li{font-size:12px;}
.solutiontab{ min-height:200px;}
.solutiontab2 h4{ font-size:15px; color:#fff; background:#faa61a; padding:15px; font-weight:600;}
.solutiontab2 p, .solutiontab2 ul li{font-size:12px;}
.solutiontab2{ min-height:370px;}
.responsivetab{ display:none;}
/*Responsive  css   -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media(max-width:1600px){
.banner .carousel-control {margin-left: 150px; margin-right: 150px;}
}
@media(max-width:1440px){
.banner .carousel-control {margin-left: 100px; margin-right: 100px;}
}
@media(max-width:1366px){
.banner .carousel-control {margin-left: 70px;margin-right: 70px;}
}
@media(max-width:1280px){
.banner .carousel-control img { width:50%;}
}
@media(max-width:1152px){
.whatwedo h1 {font-size: 44px;}
.ourproduct h2 {font-size: 34px;}
.testimonials h3::before{left: 138px;}
.testimonials h3::after{right: 46px;top: 56px;}
.testimonials h4{margin-right: 56px;}

.speech h3::after{ top:128px;}
}

@media(max-width:980px){
.whatwedo h1 {font-size: 36px;}
.testimonials h3::before {left: 30px;}
.testimonials h3::after{right: -58px;}
.speech h3::after{ top:164px;}
.speech{padding: 20px 0px;}
.product_tab .nav > li > a > img{max-width: 100% !important;}
.solutions .solutionhead h2, .tab-content h2{font-size:28px;}
.product_review h2{font-size: 28px; padding-top: 20px;padding-bottom: 10px;}
.nav-tabs > li a{min-height: 190px; font-size:12px;}
}
@media(max-width:900px){
.whotext h2{ font-size:18px;}
.whotext p, .whatwedo{ font-size:14px;}
}
@media(max-width:800px){
.testimonials h3::before, .testimonials h3::after{display:none;}
.testimonials{padding: 10px 0px;}
}
@media(max-width:768px){
.banner .carousel-control {margin-left: 20px;margin-right: 20px;}
}
@media(max-width:767px){
.menubox{float:none;}
.navbar-toggle{margin-top: -24px;}
.mission_vision {background:none; text-align:center;}
.mission{padding: 40px 24px;}
.vision{ padding: 40px 24px;}
.vision p{ padding: 0px 4px;}
.vision h2{ margin-left:4px;}
.whoweare {padding: 20px 0px;}
.whotext h2, .whotext p, .whotext p, .whatwedo, .ourproduct, .latestnews, .testimonials h4{text-align:center;}
.whoweare img, .morelink{margin: 0px auto;}
.mission h2, .vision h2{margin-left: 250px;}
.testimonials h4{margin-top:0px;}
.navbar{min-height: auto;margin-bottom: 0px;}

.speech h3{margin-left: 40px;line-height: 26px;padding: 10px 0px;}
.speech h3::before{top:0px;}
.speech h3::after {top: 60px;}
.product_review, .productbox, .solutions{text-align:center;}
.product_tab, .porducttab_content{display:none;}
.responsivetab{ display:block;}
.responsivetab .nav-tabs > li{ background:#00abd4; color:#fff; font-size: 20px;padding-bottom: 20px;margin-bottom: 20px; margin-top:30px;}
.responsivetab a{font-size:12px; color:#fff; background:#faa61a; padding:10px 10px; border-radius:5px; font-weight:600; text-decoration:none; margin-bottom:50px;}
.responsivetab h2{ color:#faa61a;}
.responsivetab p{font-size:13px; padding:10px 20px;}
.solutions .solutionhead{margin-top: 20px;}
.speech h4{text-align:center; float:none;}
.banner iframe{height:220px;}
}
@media(max-width:736px){.speech h3::before, .speech h3::after{ display:none;}
.overview, .speech{ padding: 10px 0px; text-align:center;}
.speech h2, .overview h2{ font-size:26px;}
.speech h3 {margin-left: 0px;}
.banner iframe{height:180px;}

}
			
@media(max-width:667px){
.testimonials h3{font-size: 18px;line-height: 32px;}
.testimonials h3 br{ display:none;}
.mission p{padding-right: 0px;}
.mission h2, .vision h2 { margin-left: 200px;}
.speech h3 { font-size:16px;}
}

@media(max-width:568px){
.mission h2, .vision h2 { margin-left: 158px;}
}

@media(max-width:480px){
.whoweare img{width:50%;}
.whotext h2 {font-size: 16px;}
.whotext p, .whatwedo {font-size: 13px;}
.mission, .vision{padding: 0px 24px;}
.mission h2, .vision h2 { margin-left: 100px;}
.whatwedo{ padding:20px;}
.ourproduct{padding:0px;}
.ourproduct p{font-size:13px;}
.por_img {padding-bottom: 20px;}
footer .footermenu{ text-align:left;}
footer .footermenu li{padding: 0px 10px;}
.speech h3 { font-size:14px;}
.banner .carousel-control img {display: none;}
.banner iframe{height:140px;}
}
@media(max-width:384px){
footer .footermenu li {padding: 0px 4px;}
.testimonials h3 {font-size: 15px;line-height: 20px;}
.whatwedo h1, .ourproduct h2, latestnews h2{ font-size:26px;}
.mission h2, .vision h2 {margin-left: 60px;font-size: 26px;}
.mission h2{padding-top: 36px;}
.vision h2{padding-top: 8px;}
.whatwedo {padding: 10px;}
	}
	
@media(max-width:360px){
footer .footermenu li { padding: 0px 24px; }
footer .footermenu{line-height: 36px; padding-left:0px;}
.footsoci{ display:block; text-align:center;}
footer .footermenu .footersocial{margin: 0px 5px;}
.banner iframe{height:100px;}
}
@media(max-width:320px){
.mission h2, .vision h2 { margin-left: 40px;}
	
	}