@charset "utf-8";

/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Roboto:400,700,300);
/*font-family: 'Roboto', sans-serif;*/
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700);
/*font-family: 'Roboto Condensed', sans-serif;*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,600);
/*font-family: 'Open Sans', sans-serif;*/



*{margin:0; padding:0; box-sizing: border-box;}
html,body{ height:100%; width:100%;}
body{color:#575757;font-family: 'Open Sans', sans-serif; font-size:15px; line-height:23px;}
header,section,article,figure,aside,footer,nav{ display:block;}
.clr{ clear:both;}
ul{ list-style:none;margin:0px; padding:0px;  }
figure,img,iframe,video{ max-width:100%; vertical-align:bottom;}
a{text-decoration:none; }
p{margin:5px 0 25px 0; }
textarea{ resize:none;}

*{-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;}

h1,h2,h3{font-family: 'Roboto Condensed', sans-serif;}
h2{  font-size:28px; font-weight:300; line-height:30px;}
h2 span{color:#3f51c3; font-weight:400;}
h3{ font-size:22px; font-weight:300;}
h3 span{color:#3f51c3; font-weight:400;}
h4{ font-size:18px; font-weight:300; line-height:25px;}


.aligner{ margin:0px auto; max-width:1200px;}
.overlayer{ background:rgba(0,0,0,0.7); bottom:0; left:0; position:fixed; right:0px; top:0; z-index:99999;display:none}

.topper{ background:#525252 url(../images/top_bg.jpg); font-size:12px;}

.top_contacts{ float:left;}
.top_contacts ul li{line-height:40px; margin:0 10px 0 0; padding:0px 15px 0 25px; float:left;}
.top_contacts ul li.phone{background:url(../images/phone-icon.png) no-repeat left center;}
.top_contacts ul li.mail{background:url(../images/email-icon.png) no-repeat left center;}
.top_contacts ul li a,.top_contacts ul li{ color:#b7b7b7;}
.top_contacts ul li:hover a{ color:#e73624;}




.myheader{background:rgba(255,255,255,1);position:fixed;top:0px;width:100%;-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1);box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1); z-index:999999;}
.stickyheader{background:rgba(255,255,255,1);}
.stickyheader .logo_holder img{height:70px;}

.stickyheader .sujit-nav ul li a{color:#464646; display:block; padding:30px 20px ;}


.logo_holder{ float:left; padding:5px 0; }
.logo_holder img{height:90px;}

.navigation{ cursor:pointer;display:none; float:right; padding:10px;}
.menu_controller{ cursor:pointer; display:none;}
.menuholder{float:right;}
.sujit-nav{font-family: 'Open Sans', sans-serif; font-size:13px; font-weight:600; text-transform:uppercase;}
.sujit-nav ul li{ float:left; position:relative;}
.sujit-nav ul li a{color:#464646; display:block; padding:40px 20px ;}
.sujit-nav ul li a:hover,.sujit-nav ul li:hover a{ background:#e73624; color:#FFF;}
.sujit-nav ul li.current_page_item>a{ background:#e73624; color:#FFF; }

.sujit-nav ul li ul{ background:#FFF;font-weight:400;left:0px; line-height:17px;opacity:0;position:absolute;top:70px;transition:top 0.3s ease 0s,opacity 0.3s ease 0s;visibility:hidden;width:210px;z-index:1;-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1);box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1);}
.sujit-nav ul li:hover ul{  top:80px; visibility:visible; opacity:1; z-index:999;}
.sujit-nav ul li ul li{ display:block; border-bottom:1px solid rgba(69,69,69,0.2); margin:0px; float:none; text-transform:none;}
.sujit-nav ul li ul li:last-child{ border-bottom:none;}
.sujit-nav ul li:hover ul li a,.myheader .sujit-nav ul li ul li a{background:#FFF;color:#979797;display:block;font-size:14px;margin:0px;padding:8px; width:210px; }
.sujit-nav ul li:hover ul li a:hover{ background:#e73624;color:#FFF;}

#banners{ padding:0;  text-align:center;}
.bannerholder{ background:#fdfdfd; border-bottom:1px solid #DFDFDF; text-align:center;}
.bannerholder ul li{}



.content{background:#FFF;padding:50px 0;}


.chairman_thumb{float: left;width:22%;max-width: 100%;}
.chairman_msg{ float:right; width:74%;}

.services_block{ padding:30px 0;}
.services_block ul li{ background:#FFF; border:2px solid #f2f2f2; }
.services_block ul li a{color:#818181; display:block;}
.services_block h3{  font-size:18px;}

.icon_holder{ min-height:200px; padding: 0; text-align:center;}
.service_title{ background:#fafafa;color:#3f51c3; padding:10px;}

.services_block ul li:hover .service_title{ background:#da0000; color:#FFF; padding:10px;}
.services_block ul li:hover .icon_holder{ background:#FFF; }

.services_block .bx-pager{ display:none;}
.services_block .bx-controls-direction{ display:block;}
.services_block .bx-wrapper .bx-controls-direction a{top:-40px;  width:30px; height:30px; border:1px solid #da0000;}
.services_block .bx-wrapper .bx-prev{ right:38px; left:auto !important; background:#ee0000 url(../images/my-prev.png) no-repeat center;}
.services_block .bx-wrapper .bx-next{ right:0px; background:#ee0000 url(../images/my-next.png) no-repeat center;}
.services_block .bx-wrapper .bx-prev:hover{ right:38px; left:auto !important; background:#4a4a4a url(../images/my-prev.png) no-repeat center;}
.services_block .bx-wrapper .bx-next:hover{ right:0px; background:#4a4a4a url(../images/my-next.png) no-repeat center;}
.services_block .bx-wrapper .bx-controls-direction a:hover{ border:1px solid #323232;}


.internalservices_block{}
.internalservices_block ul li{  float:left; width:50%;}
.internalservices_block ul li:nth-child(odd){ padding:5px;}
.internalservices_block ul li:nth-child(even){ padding:0  0 20px 20px;}
.internalservices_block h3{color:#ff533d;}
.internalservices_block ul li:hover h3{color:#000;}
.internalservices_block ul li:hover .service_icon img{}

.service_icon{ float:left; text-align:center; width:20%;}
.service_icon img{ }
.service_detail{color:#414141; float:right; width:78%;}

.service_detail_page{ width:calc(100% - 340px); float:left;}
.service_detail_page p{ font-size:17px;}
.service_detail_page ul{ margin:0 0 20px 0;}
.service_detail_page ul li{ padding:4px 0;}
.service_detail_page ul li:before{content: "\f05d"; color:#3f51c3; display:inline-block; margin:0px 7px 0px 0px;font: normal normal normal 15px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);}
  
.services_booking{ background:#fafafa; border:1px solid #f0f0f0; float:right; padding:20px; width:320px;}
.services_booking ul li{ padding:6px 0; font-size:14px;}

.dotseperator{ background:url(../images/dot-seperator.png) no-repeat center; clear:both; display:block; height:60px; width:100%;}

.clientsblock{background:#fafafa; border-bottom:1px solid #f0f0f0;border-top:1px solid #f0f0f0;padding:20px 0;text-align:center;}
.clients ul li{ background:#fdfdfd; border:1px solid #efefef; cursor:pointer; display:inline-block; margin:10px; max-width:320px; padding:2px;}
.clients ul li img{ filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: gray;-webkit-transition: all .6s ease;  /* Transition for Webkit browsers */}
.clients ul li:hover img{filter: grayscale(0%);-webkit-filter: grayscale(0%);filter: none;}
	
.all_clients{ display:block; padding:10px 0; }
.all_clients a{border:1px solid #b1b1b1; color:#3d4ddf; display:inline-block; padding:8px 10px; font:normal 15px Arial, Helvetica, sans-serif; text-transform:uppercase;}
.all_clients a:hover{ background:#2331ad; border:1px solid #3d4ddf; color:#FFF;}




.about_block{ float:left; width:60%;}
.about_block h4{ padding:8px 0 0 0; color:#e73624;}
.about_block ul{ margin:0 0 20px 0;}
.about_block ul li{ padding:2px 0;}
.about_block ul li:before{content: "\f138"; color:#3f51c3; display:inline-block; margin:0px 7px 0px 0px;font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);}
  
.the_thumbnail{ float:right; width:35%;}



.contactboxx{float:left;width:40%;}

.contactboxx p{ padding:8px 0; margin:0px;}
.contactboxx a{color:#575757; display:block;}
.contactboxx a:hover{ color:#e73624;}

p.icon_address::before,p.icon_phone::before,p.icon_fax::before,a.icon_mail::before{color:#e2675a;  display:inline-block; margin:0px 10px 0px 0px;font: normal normal normal 16px/1 FontAwesome;
line-height:22px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);}
p.icon_address::before{content: "\f041";}
p.icon_phone::before{content: "\f095";}
p.icon_fax::before{content: "\f1ac";}
a.icon_mail::before{content: "\f003";}

.contact_form{ float:right; width:55%;}
.contact_form h2{ text-align:center;}

.halfbox{ width:48%; float:left; margin:10px 0;}
.halfbox.frleft{ float:left;}
.halfbox.fright{ float:right;}
.fullbox{ width:100%; margin:10px 0;}
input[type='text'],input[type='email'],select,textarea{ padding:8px 5px; width:100%; background:#FFF; border:1px solid #f0f0f0;font:normal 15px Arial, Helvetica, sans-serif;}
.smt_btn{ float:right; display:inline-block; padding:5px 15px; border:1px solid #3f51c3; color:#3f51c3; font-weight:400; text-transform:uppercase; letter-spacing:1px; font-size:16px; background:none; cursor:pointer;}
.smt_btn:hover{ background:#3f51c3;border:1px solid #000; color:#FFF;}







footer{ background:#394046; border-bottom:2px solid #000;color:#818e96; font:normal 13px Arial, Helvetica, sans-serif; padding:30px 0 0 0;}


.contact_block{ background:#2a2a2a; color:#E6E6E6; padding:30px 0; width:45%;}
.contact_block h1{color:#fefefe;font-size:32px;font-weight:400;margin:0 0 30px 0;text-align:center;}
.contact_address{ float:left; width:420px;}
.contact_address ul li{ margin:15px 0;}
.footericon_holder{ border:2px solid rgba(255,255,255,0.6); display:inline-block; float:left; height:60px; line-height:40px; text-align:center; width:60px;-webkit-border-radius:50%;border-radius:50%;}
.the_detail{ float:right; width:calc(100% - 80px);font-family: 'Roboto', sans-serif; font-size:15px; line-height:25px;}
.the_detail h2{ color:#ff533d;font-size:24px; font-weight:400;}
.the_detail a{color:#ff533d;}
.the_detail a:hover{ text-decoration:underline;}


.footer_box{ margin:0px; float:right; margin:0px;  width:calc(100% - 440px);}
.footer_box h4{ color:#d6d6d6; font-weight:400; margin:0px 0px 5px 0px;}
.footer_box h4 span{ color:#e73624;}
.footer_box ul li{ margin:7px 0px; padding:0px 0px 0px 0px; font-size:12px; float:left; width:50%; }
.footer_box ul li:before{content: "\f101"; display:inline-block; margin:0px 7px 0px 0px;font: normal normal normal 14px/1 FontAwesome;
  font-size: 11px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);}
.footer_box ul li a{ color:#858585;}
.footer_box ul li a:hover,.footer_box ul li:hover{ color:#F9F9F9;}



.footer_bottom{border-top:1px dotted #818e96; margin:15px 0 0 0; padding:10px 0;}
.copyright{ float:left; padding:5px 0 0 0;}
.social{float:right;}
.social li{float:left; display:inline-block; margin:0 1px;}
.social a{color:#FFF;display:block;font-size:16px;text-align:center;width:30px;-webkit-transition:color .2s ease-in;transition:color .2s ease-in}
.social a:hover{color: #e73624;}




.page_title {
    background: #263084 url("../images/page_title.jpg") no-repeat fixed right top;
    padding: 140px 0 30px 0;
}
.page_title h1{color:#FFF; font-weight:300; font-size:35px; line-height:36px;}

@media screen and (max-width:1200px) {
	.aligner{ margin:0px 10px;}
}
@media screen and (max-width:1198px) {
	.sujit-nav ul li{ margin:0px;}
}
@media screen and (max-width:1060px) {
	.myheader .aligner{ margin:0px;}
	.logo_holder{ width:calc(100% - 60px); padding:5px 0px 0 10px;}
	.menuholder{ background:rgba(255,255,255,0.9); border-top:1px solid #FBFBFB; width:100%; padding:0 5px;}
	.sujit-nav ul li a{ margin:0px; padding:7px 10px;}
	.sujit-nav ul li.active > a{border-radius: 0px;}
	.sujit-nav ul li ul{ top:20px;}
	.sujit-nav ul li:hover ul{ top:35px;}
	
	#map{ height:400px;}
}
@media screen and (max-width:970px) {
	.footer_box ul li{width:100%}
}
@media screen and (max-width:760px) {
	.myheader{ background:#FFF; position:relative;}
	#banners{ padding:0px;}
	.bx-controls-direction{ display:none;}
	.bannerholder ul li{ min-height:inherit;}
	
	.service_detail_page{width:100%;}
	.services_booking{margin:50px 0 0 0; width:100%;}
	
	.contact_address{width:100%;}
	.footer_box{margin:50px 0 0 0; width:100%;} 
	
	.about_block{width:100%;}
	.the_thumbnail{margin:50px 0 0 0; text-align:center; width:100%;}
	
	.page_title{ padding:15px 0;}
	
}
@media screen and (max-width:630px) {
	.internalservices_block ul li{ width:100%;}
	.internalservices_block ul li:nth-child(odd),.internalservices_block ul li:nth-child(even){ padding:10px 0;}
}
@media screen and (max-width:400px) {
	.footer_bottom{text-align:center;}
	.copyright{width:100%;}
	.social{ margin:20px 0 0 0; text-align:center; width:100%;}
	.social ul li{ display:inline-block; float:none;}
}

@media screen and (max-width:760px) {
	.navigation{display:block; float:right; color:#000; font-size:25px;}
	.menuholder{ background:#535353;bottom:0; position:fixed; right:-300px; top:-1px; width:300px; z-index:999999; padding:20px 10px 0 10px; transition:0.5s}
	.menu_controller{cursor:pointer;color:#FFF; font-size:25px; display:block; text-align:right;}
	.sujit-nav{ overflow-y:scroll;}
	.sujit-nav ul{}
	.sujit-nav ul li{ display:block; width:100%; margin:0px;}
	.sujit-nav ul li:last-child{ border-bottom:none;}
	.sujit-nav ul li a{color:#FFF; display:block; padding:5px 10px;}
	.sujit-nav ul li a:hover{color:#FFF;}
	.sujit-nav ul li.active a{ background:none;color:#d84d01;}
	.sujit-nav ul li ul,.sujit-nav ul li:hover ul{ background:none;-webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0);
box-shadow: 0 0 0 0 rgba(0,0,0,0); display:block; margin:0 0 15px 10px; position:relative; top:auto; opacity:1; visibility:visible; width:90%;}
	.sujit-nav ul li:hover ul li a, .myheader .sujit-nav ul li ul li a{ background:none; color:#E0E0E0; padding:3px 0; width:100%;}
	.sujit-nav ul li:hover ul li a:hover{ background:none; color:#e73624;}
	
	
	.sujit-nav ul li ul li a{padding:5px 0;}
	.sujit-nav ul li ul li:last-child{margin:0 0 20px 0;}
	.sujit-nav ul li.active a{color:#d84d01;}
}