@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; bottom:0px; z-index:990;}
.header{ width:100%; height:auto; float:left; background-color:#fff; 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;}

.fix-nav {
 /* this make our menu fixed top */
    z-index: 9999;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
}

.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:100%; float:left; background:#fff; top:100%; position:absolute; display:table;}
.about_wrapper{width:100%; height: 470px; float:right; background:url(../images/abt_bg.jpg) no-repeat right; position:relative; background-attachment:local; background-size:contain; }
.about_txtwrap{ width:100%; height:auto; float:left; background:rgba(255,255,255,0.9); border:1px solid #ddd; padding:30px; margin:40px 0px 0px 0px; position:relative;}
.about_txtwrap h2{ font-size:24px; color:#275162; font-weight:600; margin-bottom:10px;}
.about_txtwrap 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; transition:0.25s linear 0.25s;}
.readmore a{ color:#fff; display:block;}
.readmore:hover{ background:#275162;}

.readmore2{ width:90px; height:auto; line-height:55px; position:absolute; right:50px; bottom:30px; font-size:12px; background:#e66a04; color:#fff; text-align:center; transition:0.25s linear 0.25s;}
.readmore2 a{ color:#fff; display:block;}
.readmore2 :hover{ background:#275162;}

/*product holder*/
.products_wrapper{ width:100%; height:auto; float:left; }
.products_header{ background:#275162; padding:30px 20px; border-left:120px solid #e66a04;}
.products_header h2{ color:#fff; font-size:24px; font-weight:600;}

.products_wrap{ width:100%; height:auto; float:left; margin-top:20px;}
.products_hold{ width:100%; height:auto; float:left; overflow:hidden; transition: all 0.7s ease; margin-bottom:30px;}
.products_wrap h3{ font-size:12px; color:#fff; font-weight:600; margin-top:5px; text-align:left; width:70%;}
.products_wrap p{ text-align:justify; margin-top:8px; line-height:22px; color:#222;}
.product_leftimg{ width:100%; height:auto; float:left; height:auto; overflow:hidden; transition: all 0.7s ease;  transform:scale(1); border:5px solid #ddd;border-bottom:0px; border-radius:5%; border-bottom-left-radius:0%;  border-bottom-right-radius:0%;border-top-right-radius:0%;}
.product_leftimg > img{ /*border:3px solid #e66a04;*/ -webkit-transition: all 1s ease;  -moz-transition: all 1s ease;    -o-transition: all 1s ease;  -ms-transition: all 1s ease; transition: all 1s ease; height:auto; width:100%;  border-radius:0%; }
/*.product_leftimg:hover > img{transform: scale(1.5) rotateZ(-5deg); border:0px;  border-radius:50%;}*/
.product_righttxt{width:100%; height:auto; float:left; background:#275162; padding:10px 10px; transition:0.25s  linear 0.25s;  border-radius:0%; height:55px;}
.product_righttxt:hover{ background:#275162; color:#fff; transition:0.25s linear 0.25s;  opacity:0.95;}
.product_righttxt:hover .product_list ul li a{ color:#fff;}
.product_righttxt:hover .product_list ul li:hover a{ color:#e66a04;}
.product_righttxt:hover .product_list ul li:hover a .orange{ color:#e66a04;}
.product_righttxt:hover .orange{ color:#fff;}
.product_righttxt:hover h3{ color:#fff;}
.product_righttxt:hover .product_leftimg > img{ border:5px solid #275162;}
.product_rightimg{ width:100%; height:auto; float:right; text-align:right; overflow:hidden; transition: all .2s ease-in-out;height:auto;}
.product_rightimg > img{ /*border:3px solid #e66a04; */ -webkit-transition: all 1s ease;  -moz-transition: all 1s ease;    -o-transition: all 1s ease;  -ms-transition: all 1s ease; transition: all 1s ease; height:auto;}
.product_rightimg:hover > img{transform: scale(1.15); border:0px;}
.products_hold:hover img{transform:scale(1.5) rotateZ(-5deg); border:0px;}
/*.products_hold:hover .product_leftimg{ border-radius:50%; transition:0.25s linear 0.25s; border:5px solid #e66a04;}*/
/*.products_hold:hover .product_righttxt{border-radius:50%; transition:0.25s linear 0.25s;}*/
.products_hold:hover .readmore{ left:34%; right:auto; transition:0.25s linear 0.25s;}
.products_hold:hover .product_leftimg > img{ border-radius:50%; transform: scale(1.5) rotateZ(0deg);}
.product_lefttxt{width:60%; height:auto; float:left; background:rgba(246,247,248,0.95); padding:30px 15px; position:absolute; left:10px; top:10%; transition:0.25s  linear 0.25s;}
.product_lefttxt:hover{ background:#275162; color:#fff; transition:0.25s linear 0.25s; opacity:0.95;}
.product_lefttxt:hover .product_list ul li a{ color:#fff;}
.product_lefttxt:hover .product_list ul li:hover a{ color:#e66a04;}
.product_lefttxt:hover .product_list ul li:hover a .orange{ color:#e66a04;}
.product_lefttxt:hover h3{ color:#fff;}
.product_lefttxt:hover .orange{ color:#fff;}
/*.products_wrap .col-xs-12{ padding-left:5px; padding-right:5px;}*/
.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;}
.orange{ color:#e66a04; margin-right:10px;}


/*Services*/

.service_wrapper{ width:100%; height:auto; float:left; margin-top:20px;  }
.service_header{ background:#275162; padding:30px 40px; border-left:120px solid #e66a04; }
.service_header h2{ color:#fff; font-size:24px; font-weight:600;}
.service_bg{ width:100%; height:auto; float:left; background:url(../images/bg.jpg) no-repeat center; background-attachment:fixed; background-size:cover; position:relative; padding:80px 0px 80px 0px;}
.bg-overlay{display: block;  height: 100%; opacity: 0.80;  position: absolute; top: 0;  width: 100%;  z-index: 0; transition:0.40s ease-in 0.40s;}
.bg-overlay.bg-overlay-dark { background:rgba(0,0,0, 0.85);}

.service_wrap{ width:100%; height:auto; float:left; padding:20px 0px 10px 0px;}
.service_wrap h3{ font-size:16px; color:#e66a04; font-weight:600; margin-bottom:10px; text-align:center;}
.service_wrap p{ text-align:justify; margin-top:8px; line-height:22px; color:#222;}
.service_rightimg{ width:100%; height:auto; float:right; text-align:right; transition: all .2s ease-in-out; }
.service_rightimg > img{ border:4px solid #fff; width:100%; -webkit-transition: all 1s ease;  -moz-transition: all 1s ease;    -o-transition: all 1s ease;  -ms-transition: all 1s ease; transition: all 1s ease; border-top-right-radius:5%; border-bottom-left-radius:5%;}
.service_hold:hover img{transform: scale(1.15); border-radius:10% 25%;}
.service_hold:hover .readmore{ left:34%; right:auto;}

.service_lefttxt{width:90%; height:auto; float:left; background:rgba(255,255,255,0.90); padding:20px 15px; position:absolute; z-index:99; left:15px; bottom:30%; transition:0.25s  linear 0.25s;}
.service_lefttxt:hover{background:rgba(39,81,98,0.90);}
.service_lefttxt:hover .product_list ul li a{ color:#fff;}
.service_lefttxt:hover .product_list ul li:hover a{ color:#e66a04;}
.service_lefttxt:hover .product_list ul li:hover a .orange{ color:#e66a04;}
.service_lefttxt:hover h3{ color:#fff;}
.service_lefttxt:hover .orange{ color:#fff;}
.service_hold{ width:100%; height:auto; float:left;}


/*Google map*/


.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:50px; height:50px; border-radius:50%; background:#e66a04; color:#fff; text-align:center; padding:8px 5px; position:absolute; left:48%; right:48%; z-index:99;  margin-top:10px; cursor:pointer; border:2px solid #fff;} 



/*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;}

.enquiry_status{  position:fixed; top:0; right:5%; width: 0; height: 0; border-left: 28px solid transparent; border-right: 28px solid transparent; border-top: 32px solid #e66a04; z-index:999; cursor:pointer;} 
.ico { color: #fff;   position: absolute;  right: -6px;  top: -30px;}
.tracker_hold{ width:100%; height:100%; text-align:center;}
.tracker_hold .small{ text-align:center; margin-bottom:20px;}
.modal-title{ font-weight:bold;}
.txt_wrap{ width:200px; height:34px; border-radius:5px; margin-top:5px; border:1px solid #ddd; padding-left:10px;}
.sub_track{ width:80px; height:34px; display:inline; border-radius:5px; border:1px solid #e66a04; background:#e66a04; color:#fff; border-bottom-left-radius:0px; border-top-left-radius:0px; margin-left:-15px;}
.tracker_hold label{ width:100%; margin-bottom:10px;}
.blink {
  animation: blink-animation 2s steps(5, start) infinite;
  -webkit-animation: blink-animation 2s steps(5, start) infinite;
}

@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}

/*Company*/

.content_holder{ width:100%; height:auto; float:left; padding:20px;}

#bingo{padding:15px;}
div#map_wrapper {
    height: 360px;
}
div#map_canvas {
    height: 100%;
    width: 100%;
}
.info_content h3 {
    color: #000;
}
.info_content p {
    color: #000;
}
.products_wrap .col-md-4.col-sm-6.col-xs-12{padding-left:50px!important; padding-right:50px!important;}
.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;} .products_wrap .col-xs-12{ padding-right:10px; padding-left:10px;} .service_lefttxt{ width:93%;} .footer h2{ font-size:13px;} .about_wrapper{ height:520px;} .service_hold{ margin-bottom:40px;} .service_wrap h3{ font-size:15px;} .readmore2{right:30px;} .products_wrap .col-md-4.col-sm-6.col-xs-12{padding-left:30px!important; padding-right:30px!important;}}
 
 @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;} .products_wrap .col-xs-12{ padding-right:10px; padding-left:10px;} .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%;}  .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;} .service_hold{ margin-bottom:40px;}.products_wrap .col-md-4.col-sm-6.col-xs-12{padding-left:30px!important; padding-right:30px!important;} .readmore2{right:30px; bottom:20px;}}
 
 @media only screen and (min-width: 768px) and (max-width: 1040px) {}
 
 @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;} .products_wrap .col-xs-12{ padding-right:10px; padding-left:10px;}  .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;} .news_hold{ margin-bottom:40px;} .products_wrap .col-md-4.col-sm-6.col-xs-12{padding-left:15px!important; padding-right:15px!important;} .readmore2{right:15px;}}
  
 @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;}  .products_wrap .col-xs-12{ padding-right:10px; padding-left:10px;} .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%;}  .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;} .news_hold{ margin-bottom:40px;} .service_hold{ margin-bottom:15px;} .contact_wrap .col-md-8.col-sm-8.col-xs-12{ padding-left:0px; padding-right:0px;} .logo_font h1{ font-size:34px;} .logo_font h2{ font-size:11.5px;} .products_wrap .col-md-4.col-sm-6.col-xs-12{padding-left:15px!important; padding-right:15px!important;}.readmore2{right:15px;} .about_wrapper{height:auto;}}
 
 @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;}}
@media only screen and (min-width: 3000px) and (max-width: 5000px) {.about_wrapper{background-size:cover;}}