@charset "utf-8";
/* CSS Document */
* { margin:0px; padding:0px; list-style:none; text-decoration:none; color:yellowgreen;}
body { font-family:"'OpenSans-Light'";}
h1,h2,h3 {font-family:"'Gotham-Medium'"; }
.header {  position:fixed;padding:10px 0px; width:100%; float:left; top:0px; background:#fff; transition:all 0.5s; z-index:99999999999999999 !important;}
.logo { float:left; position:absolute; margin-left:50px; color:#fd4444;}
.logo h1 { display:none;}
.logo img { border-radius:10px;
             margin-top:-9px; }
.menu { float:right; margin-top:20px; margin-right:50px;}
.menu ul li { float:left; padding:8px 18px; }
.menu ul li a { float:left;  transition:all 0.5s; font-family:Arial, Helvetica, sans-serif; color:#00538c; font-size:18px;}
.menu ul li a:hover { color:#fd4444; transition:all 0.5s;}
.scroll { padding:40px 0px;}
.page { padding:30px 0px;}
.fixed { position:fixed; top:0px;  padding:10px 0px;  transition:all 0.5s;}
.clear { clear:both;}
.main_section { width:85%; margin:0 auto;}
.m_bt { margin-bottom:20px;}
 p.oblique {
    font-style: oblique;}
a.ex1 {
    margin-left: 2.7cm;
    color:#7D9C1F;
}

.page-title {display: block;margin: 10px 0;position: relative;text-align: center;}
.page-title h1 span {font-family:"'Gotham-Medium'";
    background:#f1f1f1; color:#b0b0b0;
    padding: 0 10px; font-size:22px; font-weight:normal !important; text-transform:uppercase;
    position: relative; 
    z-index: 999 !important;
}
.page-title h1:after {border-bottom: 1px solid #8b8e91;content: "";display: block;padding: 2px 0;position: absolute;top: 18px;width: 100%;}
.go_top { position:relative; bottom:5px; float:right;}

.about { background:#f1f1f1;}
.about h2 { color:#5c798f; line-height:35px; letter-spacing:1px; font-size:30px; text-transform:uppercase; margin-bottom:20px;}
.about p { color:#737c85; font-family:Arial, Helvetica, sans-serif; line-height:24px; margin-bottom:30px;}
.about .left_sec { width:24.5%; padding:2% 5% 5% 0px; min-height:200px; float:left;}
.about .right_sec { width:60%; padding:0% 5% 5% 5%; margin-top:2%; float:right;  border-left:1px solid #a0a3a1;}

.about .left_sec img { border:4px solid #fff;}


.services .page-title h1 span { background:#373e42 !important; color:#aeb0b1 !important;}
.services { background:url(../img/services.png) no-repeat center center; background-size:cover;}
.services h2 { color:#fff; line-height:50px; border-bottom:4px solid #fff; padding:5px 0px; border-top:4px solid #fff; letter-spacing:1px; font-size:36px; text-transform:uppercase; margin-bottom:20px;}
.services p { color:#fff; font-family:Arial, Helvetica, sans-serif; line-height:24px; margin-bottom:30px;}
.services .left_sec { width:35%; min-height:200px; float:left;}
.services .right_sec { width:60%; padding:60px 30px 25px 20px; margin-top:2%; float:left; }







.why .page-title h1 span { background:#f5f9f6 !important; color:#868b95 !important;}
.why { background:url(../img/why.png) no-repeat center center; background-size:cover;}
.why h2 { color:#FFFFF; line-height:45px; letter-spacing:1px; font-size:35px; text-transform:uppercase; margin-bottom:20px;}
.why h3 { color:#868b95; line-height:35px; letter-spacing:1px; font-size:20px; text-transform:uppercase; margin-bottom:20px;}
.why p { color:#FFFFFF; font-size:22px; line-height:32px; margin-bottom:30px;}
.why .half { width:50%;  float:left; padding:20px 0px;}
.why ul li { line-height:22px; font-size:18px; color:#FFFFFF; padding:5px 0px; display:block; font-weight:bold;}
.why ul li:before { content:""; background:#86be47; border:5px solid #e0edd7; border-radius:20px; width:7px; height:7px; margin-top:5px; margin-right:10px; float:left;}



.antispam { display:none;}


.profile .page-title h1 span { background:#f5f9f6 !important;}
.profile { background:url(../img/profile.png) no-repeat top left; }
.right_p { width:30%; padding:12% 5%; text-transform:uppercase; float:right; text-align:center;  background:#fff;}
.right_p h2 span { color:#adadad;}
.right_p h2 { color:#000000; font-size:40px; line-height:42px; margin-bottom:10px;}

.right_p h3 { color:#adadad; font-size:24px; line-height:40px;}
.right_p p { color:#adadad; font-size:15px; display:block; }
.right_p a { padding:20px 0px; margin-top:20px; color:#85be3e; display:block; border:2px solid #85be3e;}

#map iframe { width:100%; height:400px;}
.contact .page-title h1 span { background:#42484f !important;}
.contact,.social_bg { background:url(../img/contact.png) no-repeat center center;  background-size:cover;}
.contact h2 { color:#97a6a9; line-height:45px; letter-spacing:1px; font-size:25px; text-transform:uppercase; margin-bottom:10px;}
.contact h3 { color:#868b95; line-height:35px; letter-spacing:1px; font-size:20px; text-transform:uppercase; margin-bottom:20px;}
.contact p { color:#fff; font-size:17px; line-height:32px; margin-bottom:30px;}
.contact .half { width:50%;  float:left; padding:20px 0px;}
.social li { float:left;}
.social { float:none; padding-top:45px !important; margin:0 auto; width:210px; text-align:center;}
.social li a { float:left; color:#fff; font-size:32px; margin:8px;}
.contact:after { background:url(../img/arow.png ) no-repeat; position:relative; z-index:9999999999999; bottom:-80px; left:48%; width:120px; height:50px; content:""; display:block;}
.social_bg:after { background:url(../img/arow.png ) no-repeat; position:relative; z-index:9999999999999; bottom:-50px; left:48%; width:120px; height:50px; content:""; display:block;}

.contact form { float:none; width:60%; margin:0 auto;}
.contact input,.contact textarea { width:98%; background:rgba(0,0,0,0.2); color:#fff;transition:all 0.5s; font-size:14px; resize:none; padding:7px 10px; font-family:"'OpenSans-Light'"; border:none; border-radius:10px; margin:8px 0px;}
.contact button { color:#434b50; padding:0px 0px 0px 10px; line-height:35px; text-align:left; width:98%; border-radius:10px; transition:all 0.3s; background:#a9abae; font-size:16px; text-transform:uppercase; cursor:pointer; border:none; margin:8px 0px;}
.contact button span { float:right; background:#000; line-height:25px; padding:5px 10px;}
.contact input:focus,.contact textarea:focus { background:rgba(0,0,0,0.3); outline:none;}

form #website{ display:none; }


#tabs{overflow: hidden;width: 100%;margin-top:50%;padding: 0;list-style: none;}
#tabs li{float:none; width:80%; display:block;}
#tabs a{ margin-bottom:1px;background:rgba(0,0,0,0.2);float:none; width:100%; display:block; font-size:18px; font-weight:bold; line-height:50px;color: #fff; } 
 #tabs a i { padding:0px 15px;}
#tabs a:hover,
#tabs a:hover::after,
#tabs a:focus,
#tabs a:focus::after{ background:rgba(0,0,0,0.3);}
#tabs a:focus{outline: 0;}
#tabs a::after{ background:rgba(0,0,0,0.2);} 
#tabs li#current { width:100%;}
#tabs #current a,#tabs #current a::after{ background:#41c3fd;z-index: 3;}
#content{position: relative; background:#41c3fd;}
.red { color:#ff623a}
.blue { color:#fff}
.green { color:#acee5b}
.yelow { color:#ffc72c}


.bx-wrapper .testimonials-thumbnail{ margin: 0px 0px 15px; }
.bx-wrapper .testimonials-title{ text-align: center;  margin: 25px 15px 3px; font-size: 24px; line-height: 1; }
.bx-wrapper .testimonials-carousel-thumbnail{ max-width: 35%; float: left; margin-right: 20px; }
.bx-wrapper .testimonials-carousel-thumbnail img{ display: block; border:1px solid #ccc; height:60px; border-radius:60px;   margin-right: 20px;width: 60px;}
.bx-wrapper .testimonials-carousel-context{}
.bx-wrapper .testimonials-carousel-content { font-style:italic; font-size:17px;}
.bx-wrapper .testimonials-carousel-content p:after,.bx-wrapper .testimonials-carousel-content p:before { content:'"'; font-size:34px; color:#2598d6;}
.bx-wrapper .testimonials-name{ font-size: 18px; margin-bottom: 15px; color:#000000; font-weight:400;}
.bx-wrapper span{ font-size: 14px; margin-left:10px; color:#aaa; font-family: Georgia, Arial, Helvetica, sans-serif; font-style:italic; }
.bx-wrapper {position: relative;margin: 30px auto;padding: 0;width:100%;*zoom: 1;}
.bx-wrapper .slide {padding:0;margin:0;display: block;}
.bx-wrapper .bx-viewport {padding:10px;margin-left:0;z-index:1;width:100%;}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {position: absolute;display:none;bottom: -30px;width: 100%;}
.bx-wrapper .bx-loading {min-height: 50px;background: url(images/bx_loader.gif) center center no-repeat #fff;height: 100%;width: 100%;position: absolute;top: 0;left: 0;z-index: 2000;}
.bx-wrapper .bx-pager {text-align: center;font-size: .85em;font-weight: bold;color: #666;padding-top: 20px;}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;*zoom: 1;*display: inline;}
.bx-wrapper .bx-pager.bx-default-pager a {background: #666;text-indent: -9999px;display: block;width: 10px;height: 10px;margin: 0 5px;outline: 0;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {background: #000;}
.bx-wrapper .bx-next {position: absolute;bottom: 0;left: 0;width: 30px;border-left:1px solid #ddd;height: 30px;cursor: pointer;background: #2598d6 url(../img/caousel-prev.png) no-repeat 0 0 ;}
.bx-wrapper .bx-prev {position: absolute;bottom: 0px;left: 30px;border-left:2px solid #ddd;width: 30px;height: 30px;cursor: pointer;background: #48bfff url(../img/caousel-next.png) no-repeat 0 0 ;}
.bx-wrapper .bx-controls-direction a {position: absolute;bottom: -30px;margin-top: 0;margin-right: 0px;outline: 0;width: 30px;height: 30px;text-indent: -9999px;z-index: 9999;}
/***********************gkt****************/
.tab_scroling {}
.tab_img { float:left; width:40%;margin-top:70px;}
.tab_img img { width:100%;}
.tab_text { float:right; width:55%; height:500px; overflow-y:scroll; padding:15px 15px;}
 
 .gkt_my { background:url(../img/close.png) no-repeat; width:32px; height:32px; float:right; display:block; border:none; cursor:pointer;position: relative;
bottom: 30px;}


.foot_menu li { float:left; margin-bottom:10px;}
.foot_menu li:after { content:"|"; color:#666;}
.foot_menu li:last-child:after { content:"";}
.foot_menu li a { color:#575757; font-size:15px; text-transform:uppercase; padding:0px 22px;}
.foot_menu {  float:right; clear:both;}
.footer { width:100%; padding:40px 0px 30px 0px;  background:#fff;}
.footer img { float:left;}
.footer p { float:left; padding-top:10px; color:#575757; margin-left:10px;}
.footer .half { padding:0px; float:left; margin:0px; width:40%;}
.footer div:last-child  { text-align:right !important; width:60%; float:right;}
.footer p,.footer p a { color:#575757; font-size:14px;}


 

@media (max-width:1195px) {
.logo { margin-left:0px;}
.menu { margin-right:0px;}
.services .right_sec {width: 58%;}
.tab_text {float: right;width: 53%;}
.foot_menu li a {padding: 0px 10px;}
#tabs a {font-size: 15px;}


}

@media (max-width:991px) {
#tabs li {width:100%;}	
.gkt_tb{padding: 7%;}


}

@media (max-width:768px) {
	.header { position:fixed; top:0px; padding:0px;}
	.logo { margin-left:0px; width:100%;}
	.menu{ display:none; position:relative; float:left; margin-top:20px; width:100%; left:0px;  padding:0px;}
	.menu ul li { float:none; border-top:1px dashed #ccc; margin:0px;  padding:0px; display:block;}
	.menu ul li a { float:none; padding:8px;  border-bottom:1px solid #fff; display:block;}
	.menu ul li a:hover { background:#fd4444; color:#fff;}
	.home { margin-top:65px;}
	.brand { float:right; width:40px; margin-top:35px; cursor:pointer; margin-right:10px;}
	.brand span { display:block; width:100%; float:left; padding:0px 0px; height:3px; background:#444; margin-bottom:4px;}
	.ws-title { display:none !important;}
	#tabs { margin-top:0px;}
	.main_section { min-width:96%; padding:1% !important; margin:1% !important;}
	.contact .half { width:auto; padding:0px; margin:0px;}
	.contact form { width:95%; margin:0px;}
	.contact button { width:101%;}

	.left_sec,.right_sec { width:95% !important; margin:1% !important; padding:1% !important; float:none !important; border:none !important;}
	.page { padding:50px 0px;}
	.why .half { width:auto;}

	.footer .half { float:none; min-width:96%;}
	.right_p { background:rgba(255,255,255,0.8); width:96%; margin:0 auto; float:none; padding:1%;}
	}
	
@media (max-width:600px) {	
 .tab_img,.tab_text {
float: none;
width: 100%;
margin-top: 60px;
}

}