@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,400italic,600,700);
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	border:0;
	outline:0;
	font-size:100%;
	background:transparent;
	margin:0;
	padding:0;
}
 section, footer, aside, nav, main, article, figure {
    display: block;
} 
 @font-face { font-family: 'SF Chaerilidae';  src:url('../fonts/SF Chaerilidae.ttf');}
.logo_img{ float:left; margin-top:10px;}
.logo_font{ font-family:'SF Chaerilidae', sans-serif; float:left;}
.logo_font h1{ font-size:44px; font-weight:600; text-align:left; color:#275162; text-transform:uppercase;}
.logo_font h2{ font-size:15.5px; font-weight:600; text-align:left; color:#525252; text-transform:uppercase; margin-left:8px;}
a{ text-decoration:none!important; outline:none!important;}
a:hover{ text-decoration:none!important;}
a.active{ text-decoration:none;}
body{ margin:0px!important; padding:0px!important; 	font-family: 'Open Sans', sans-serif; sans-serif; font-size:14px; letter-spacing:0.70px;}
.main_wrapper{position:absolute; bottom:0;}
.top_hold{ width:100%; height:auto; float:left; position:absolute; z-index:99;  top:0; background:rgba(255,255,255,0.5);}
.header{ width:100%; height:auto; float:left;  box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.2); z-index:50; float:left; }
.logo { display:inline-block; width:auto; height:auto; padding:5px 0px; position:absolute;  transition: all 0.5s ease; z-index:100;}
.logo img{transition: all 0.5s ease;}
header nav {text-align: right;	float:right; transition:0.25s ease-in-out 0.25s; }
header nav ul {margin: 0;padding: 0;list-style: none; }
header nav ul li {	display: block;	font-weight:normal;position: relative;	text-align:center;	float:left;}

header nav ul li a {color: #000;	font-weight: normal;	line-height: 18px;	padding:25px 15px 25px 15px;overflow: hidden;text-transform:uppercase;	text-decoration:none;display:block; transition: all 0.5s ease; font-weight:600; }
header nav ul li:hover{ color:#e66a04; }
.menu_hold{ width:100%; height:150px; background:rgba(0 0 0 0.8);}
header nav ul li:hover a{ text-decoration:none;	float:left; color:#e66a04; border-bottom:4px solid #275162;  border-top:4px solid #e66a04; transition: all 0.5s ease;   } 
header nav ul li ul{  margin-top:75px; padding:0px; position:absolute; z-index:999; display:none;  }
header nav ul li ul li { background-color: #e66a04; margin: 0 auto; text-align: left;
width:220px; color:#fff!important; list-style:none; transition:0.50s ease-in-out 0.50s; border:0;}
/*header nav ul li ul li:hover{ background-color:#e66a04; color:#000; padding:0px;}*/
header nav ul li ul li a{ color:#fff!important;  display:block; padding:10px; text-decoration:none; width:220px; border:0px!important; text-transform:capitalize;}
header nav ul li ul li:hover a{ background-color:#275162; color:#fff; border:0px!important;}
header nav ul li:hover ul{ display:block;}
.icon_top{ font-size:18px;}
.current{  color:#e66a04; border-bottom:4px solid #275162;  border-top:4px solid #e66a04;}
.current:hover{ transform:none; color:#e66a04; border-bottom:4px solid #275162;  border-top:4px solid #e66a04;}
.mean-container a.meanmenu-reveal { margin-right: 60px; margin-top: 20px;}
.ie8 .current:after {	display: none;}


.banner{ width:100%; position:fixed; height:100%; float:left;}
.banner img{ width:100%;}
.fix-nav {
 /* this make our menu fixed top */
    z-index: 9999;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
	background:rgba(255,255,255,1); 
	height:76px;
}

.fix-body {
 /* this will adjust body top margin to prevent content jumping when nav gets fix  */
    margin-top: 80px;
 /* adjust as per height of your menu */;
}

/*About holder*/

.content_wrapper{width:100%; height:auto; float:left; background:#fff; top:50%; position:absolute; display:table;}
.orange{ color:#e66a04; margin-right:10px;}


/*Footer*/

.footer{ width:100%; height:auto; float:left; background:#0b1f29; padding:50px 0px 30px;}
.foot_link{ width:100%; height:auto;} 
.foot_link ul{ margin:0px; padding:0px;}
.foot_link ul li{ list-style:none; line-height:22px; display:inline-block; background:#e66a04; padding:5px 10px; text-align:center; width:35px;}
.foot_link ul li:hover{ background:#fff; color:#e66a04;}
.foot_link ul li a{ color:#fff; }
.foot_link ul li:hover a{ color:#e66a04;}
.footer h2{ color:#fff; font-size:16px; font-weight:600; text-align:left; padding:5px; float:left;}

.foot_btm{ width:100%; height:auto; float:left; border-top:1px solid #081922; padding:10px; text-align:center; background:#0b1f29; color:#fff;}




/*Company*/

.content_holder{ width:100%; height:auto; float:left; padding:40px 0px;}
.content_holder h2{ color:#275162; font-size:24px; font-weight:600; margin-bottom:20px;}
.content_holder p{ text-align:justify; margin-top:8px; line-height:22px; color:#222;}

/*Products*/

.product_wrapper{ width:100%; height:auto; float:left;  margin-bottom:20px;margin-top:20px;}
.product_img{ width:100%; height:auto; float:left;}
.product_img img{ width:100%;}
.product_txt{ width:100%; height:auto; float:left;}
.product_list{ width:100%; height:auto; float:left;}
.product_list ul{ margin:0px; padding:0px;}
.product_list ul li{ list-style:none; float:left; color:#222; text-align:left; line-height:22px; width:100%; margin-bottom:5px;}
.product_list ul li a{ color:#222;}
.product_list ul li:hover a{ color:#e66a04;}
.product_wrapper .col-md-6.col-sm-6.col-xs-12{ padding-left:0px;}
.product_wrapper h3{ font-size:18px; color:#e66a04; font-weight:600; margin-bottom:10px;}

.service_wrapper{ width:100%; height:auto; float:left; margin-bottom:20px;}
.service_wrapper h3{ font-size:18px; color:#e66a04; font-weight:600; margin-bottom:10px;}



.contact_wrap{ width:100%; height:auto; float:left;}
.contact_wrap h3{ font-size:18px; color:#e66a04; font-weight:600; margin-bottom:10px;}
.txt_line{ background:none; border:0px; border-bottom:1px solid #ddd; height:60px; margin-bottom:10px; box-shadow:none; border-radius:0px;}
.txt_arealine{ background:none; border:0px; border-bottom:1px solid #ddd; height:150px!important; margin-bottom:10px; box-shadow:none; border-radius:0px; resize:none;}
.form-control:focus{ box-shadow:none;}
.send_btn{ width:80px; height:auto; float:right; background:#ee6d1d; text-align:center; padding:10px; margin-top:20px; border:0px; color:#fff; border-radius:3px;}
.send_btn a{ color:#fff;}
.contact_address {  border-bottom: 1px solid #ddd;  padding-bottom: 20px;}
.form_wrap{ width:100%; height:auto; float:left; background:#f6f7f8; padding:25px 10px;}
.form_wrap h3{ font-size:18px; color:#e66a04; font-weight:600; margin-bottom:10px; padding-left:15px;}
.contact_wrap .col-md-4.col-sm-4.col-xs-12{ padding-left:0px;}

.map_wrapper{ width:100%; height:auto; float:left;  }
.map_header{ background:#275162; padding:30px 40px; }
.map_header h2{ color:#fff; font-size:24px; font-weight:600; text-align:center;}
.location_map{ width:100%; height:auto; float:left;}
.google-maps { position: relative; padding-bottom: 25%; height: 0; }
.google-maps iframe { position: absolute;  top: 0;left: 0; width: 100% !important; height: 100% !important;}

.map_open{ width:60px; height:60px; border-radius:50%; background:#e66a04; color:#fff; text-align:center; padding:5px; position:absolute; left:48%; right:48%; z-index:99; padding-top:18px; margin-top:5px; cursor:pointer;} 
.map_close{ width:60px; height:60px; border-radius:50%; background:#e66a04; color:#fff; text-align:center; padding:5px; position:absolute; left:48%; right:48%; z-index:99; padding-top:15px; margin-top:5px; cursor:pointer; border:1px solid #fff;} 

.news_wrap{ width:100%; height:auto; float:left;}
.news_hold{ width:100%; height:auto; float:left; background:#f6f7f8; padding:10px; box-shadow:2px 0px 5px 1px #ddd; position:relative; padding-bottom:30px; margin-bottom:20px;}
.news_holdimg{ width:100%; height:auto; float:left;}
.news_holdimg img{ width:100%;}
.news_hold h3{ font-size:18px; color:#e66a04; font-weight:600; margin-bottom:10px; margin-top:10px; float:left; width:100%;}
.news_hold p{ text-align:justify; margin-top:8px; line-height:22px; color:#222;}
.readmore {
    width: 100px;
    height: auto;
    line-height: 40px;
    position: absolute;
    right: 0;
    bottom: -20px;
    font-size: 12px;
    background: #e66a04;
    color: #fff;
    text-align: center;
}
.read_more{ width:100px; height:auto;  font-size:12px; background:#e66a04; color:#fff; text-align:center; transition:0.25s linear 0.25s;float:left; margin-top:20px;padding:5px; }
.readmore a{ color:#fff; display:block;}
.readmore:hover{ background:#275162;}
.abt_img{ width:100%; height:auto; float:left; margin-top:50px;}
.abt_img img{ width:100%;}
.sucessful{padding-left: 15px;
    font-size: 13px;
color: green;}

button.accordion { background-color: #eee;  color: #003770;  cursor: pointer;  padding: 8px;  width: 100%; border: none;  text-align: left; outline: none;  font-size: 14px;  transition: 0.4s;}
button.accordion.active, button.accordion:hover { background-color: #ddd;}
button.accordion:after { content: '\02795'; font-size: 13px;  color: #777;  float: right;  margin-left: 5px;}
button.accordion.active:after { content: "\2796";}
div.panel { padding: 0 5px;  background-color: white;  max-height: 0; overflow: hidden; transition: 0.6s ease-in-out;  opacity: 0;}
div.panel.show { opacity: 1;  max-height:100%; }
.panel{ margin-bottom:10px;}
.prop_img{ width:100%; height:auto; float:left; margin-top:30px;}
.prop_img img{ width:100%;}
.txt_contact {  height: 40px;   margin-bottom: 10px;  width: 100%;}
.txtarea_contact{ height:150px!important; float:left; resize:none;}
.sub_cont{ width:100px; float:left; background:#003770; text-align:center; color:#fff; padding:10px; color:#fff; border:0px; margin-top:10px;}
.contact_address{ width:100%; height:auto; float:left; background:#003770; color:#fff; padding:30px;}
.contact_address p{ color:#fff; }
.about_pagewrapper li {  line-height: 24px;  list-style-position: inside; color:#555;}
div#map_wrapper {
    height: 350px;
}
div#map_canvas {
    height: 100%;
    width: 100%;
}
.info_content h3 {
    color: #000;
}
.info_content p {
    color: #000;
}
.modal-dialog{margin-top:100px;}
/***********************media*******************************/

 @media only screen and (min-width: 1400px) and (max-width: 1920px) { .banner > img{ width:100%;}}

 @media only screen and (min-width: 960px) and (max-width: 1199px) { .container{ width:95%;} .top_hold{ top:0; background:rgba(0,0,0,0.3); height:80px;} .fix-nav{ background:rgba(255,255,255,1); height:80px;} .product_righttxt{ width:85%;} .product_lefttxt{ width:85%;} .products_wrap .col-xs-12{ padding-right:10px; padding-left:10px;} .service_lefttxt{ width:93%;} .footer h2{ font-size:13px;} .about_wrapper{ height:520px;}}
 
 @media only screen and (min-width: 768px) and (max-width: 959px) {.container{ width:95%;} .top_hold{ top:0; background:rgba(0,0,0,0.3); height:80px;} .fix-nav{ background:rgba(255,255,255,1); height:80px;} .product_righttxt{ width:55%;} .product_lefttxt{ width:55%;} .products_wrap .col-xs-12{ padding-right:10px; padding-left:10px;} .service_lefttxt{ width:70%;} .footer h2{ font-size:13px;} .about_txtwrap{ padding:10px;} .about_wrapper{ background-size:cover; height:500px;} .products_wrap .col-md-6.col-sm-6.col-xs-12{ width:100%;} .products_hold{ margin-bottom:20px;} .service_wrap .col-md-6.col-sm-6.col-xs-12{ width:100%;} .service_bg{ height:1600px;} .footer h2{ text-align:center; float:none;} .footer .col-md-4.col-sm-4.col-xs-12{ width:100%; margin-bottom:10px;} .foot_link{ margin:0 auto; text-align:center;} .current{  color:#fff; background:#e66a04; border-bottom:0;  border-top:0;}}
 
 @media only screen and (min-width: 768px) and (max-width: 1040px) {.content_wrapper{top:20%;}}
 
 @media only screen and (min-width: 480px) and (max-width: 767px) {.container{ width:100%;} .top_hold{ top:0; background:rgba(0,0,0,0.3); height:80px;} .fix-nav{ background:rgba(255,255,255,1); height:80px;} .product_righttxt{ width:100%; position:relative; right:0;} .product_lefttxt{ width:100%; position:relative; left:0;} .products_wrap .col-xs-12{ padding-right:10px; padding-left:10px;} .service_lefttxt{ width:100%; position:inherit; left:0; margin-bottom:40px;} .footer h2{ font-size:13px;} .about_txtwrap{ padding:10px;} .about_wrapper{ background-size:cover; height:auto; padding-bottom:40px;} .products_wrap .col-md-6.col-sm-6.col-xs-12{ width:100%;} .products_hold{ margin-bottom:20px;margin-top:20px; } .service_wrap .col-md-6.col-sm-6.col-xs-12{ width:100%;} .service_bg{ height:auto;} .footer h2{ text-align:center; float:none;} .footer .col-md-4.col-sm-4.col-xs-12{ width:100%; margin-bottom:10px;} .foot_link{ margin:0 auto; text-align:center;} .service_rightimg{ text-align:left; margin-bottom:20px;} .product_leftimg > img{ width:100%; height:auto;} .product_rightimg > img{width:100%; height:auto;} .service_rightimg > img{ width:100%;} .product_leftimg{ height:auto;} .product_rightimg{ height:auto;} .products_header{ border-left:50px solid #e66a04;} .service_header{ border-left:50px solid #e66a04;} .google-maps{ padding-bottom:35%;} .current{  color:#fff; background:#e66a04; border-bottom:0;  border-top:0;}.content_wrapper{top:20%;}}
  
 @media only screen and (min-width: 320px) and (max-width: 480px) {.container{ width:100%;} .top_hold{ top:0; background:rgba(0,0,0,0.3); height:80px;} .fix-nav{ background:rgba(255,255,255,1); height:80px;} .product_righttxt{ width:100%; position:relative; right:0;} .product_lefttxt{ width:100%; position:relative; left:0;} .products_wrap .col-xs-12{ padding-right:10px; padding-left:10px;} .service_lefttxt{ width:100%; position:inherit; left:0; margin-bottom:40px;} .footer h2{ font-size:13px;} .about_txtwrap{ padding:10px;} .about_wrapper{ background-size:cover; height:auto; padding-bottom:40px;} .products_wrap .col-md-6.col-sm-6.col-xs-12{ width:100%;} .products_hold{ margin-bottom:20px; margin-top:20px;} .service_wrap .col-md-6.col-sm-6.col-xs-12{ width:100%;} .service_bg{ height:auto;} .footer h2{ text-align:center; float:none;} .footer .col-md-4.col-sm-4.col-xs-12{ width:100%; margin-bottom:10px;} .foot_link{ margin:0 auto; text-align:center;} .service_rightimg{ text-align:left; margin-bottom:20px;} .product_leftimg > img{ width:100%; height:auto;} .product_rightimg > img{width:100%; height:auto;} .service_rightimg > img{ width:100%;} .product_leftimg{ height:auto;} .product_rightimg{ height:auto;} .products_header{ border-left:50px solid #e66a04;} .service_header{ border-left:50px solid #e66a04;} .google-maps{ padding-bottom:60%;} .logo img{ width:85%;} .logo{ padding-top:15px; } .map_close{ left:46%; right:46%;  width:40px; height:40px; padding-top:5px;} .map_open{ left:46%; right:46%;  width:40px; height:40px; padding-top:8px;}.about_wrapper .col-md-7.col-sm-9.col-xs-12 { padding-left:0px; padding-right:0px;} .current{  color:#fff; background:#e66a04; border-bottom:0;  border-top:0;} .product_list{ padding:10px;} .product_wrapper h3{ font-size:16px;}.content_wrapper{top:20%;}}
 
 @media only screen and (max-width: 320px){.logo_font h1{font-size:26px;} .logo_font h2 {   font-size: 8.5px;} .logo_font{margin-top:15px;}}