*{margin: 0; padding: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -ms-box-sizing: border-box;}
a{color:#4b5b68;text-decoration: none;}
a:hover, a:focus{ text-decoration: none; color:#1f2420; }
 
input, a:focus, button:focus{outline: none!important;text-decoration: none;}
ul{margin: 0; padding: 0; list-style: none;}
img{border: 0; max-width: 100%;}
/* Clearfix */
.clearfix:before,
.clearfix:after,
.site-width:before,
.site-width:after {
    content: " "; 
    display: table;
}
.clearfix:after,
.site-width:after {
    clear: both;
}
.clearfix,
.site-width {
    *zoom: 1;
}
table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    border-collapse: collapse;
}
.table-bordered{
    border: 1px solid #ddd;
}
table>caption+thead>tr:first-child>td, table>caption+thead>tr:first-child>th, table>colgroup+thead>tr:first-child>td, table>colgroup+thead>tr:first-child>th, table>thead:first-child>tr:first-child>td, table>thead:first-child>tr:first-child>th {
    border-top: 0;
}
.table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border-bottom-width: 2px;
}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border: 1px solid #ddd;
}
table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
    background: #00aeef;
    color: #fff;
}

table>tbody>tr>td, table>tbody>tr>th, table>tfoot>tr>td, table>tfoot>tr>th, table>thead>tr>td, table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}
th {
    text-align: left;
}
table>tbody>tr>td, table>tbody>tr>th, table>tfoot>tr>td, table>tfoot>tr>th, table>thead>tr>td, table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: middle;
    border-top: 1px solid #ddd;
}
table>tbody>tr>td input[type=text]{
    display: inline-block;
    width: auto;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
}
form textarea::-webkit-input-placeholder, form input::-webkit-input-placeholder {color: #272b2d; opacity: 1;}
form textarea:-moz-placeholder, form input:-moz-placeholder {color: #272b2d;opacity: 1;}
form textarea::-moz-placeholder, form input::-moz-placeholder {color: #272b2d; opacity: 1;}
form textarea:-ms-input-placeholder, form input:-ms-input-placeholder {color: #272b2d; opacity: 1;}
h2, h3, h4, h5 {font-weight: 700; color: #272b2d;}
h1, h2{ margin-top: 0}
h1{font-weight:700; font-size:30px; line-height: 1.1;}
body {font-family: 'Roboto', sans-serif; color:#4b5b68; font-size: 15px; font-weight: 400;line-height: 1.3; position: relative; overflow-x: hidden;}
.topmenu > .container > ul > li > a, .catlist ul li a span,.rlist ul li a span{ -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}

.container{ width: 100%; max-width: 1330px; margin: 0 auto; padding: 0 15px;}
.fullwidth{width: 100%; float: left;}
.topheader{ padding: 15px 0; width: 100%; float: left; background:#fff;}
.topright{margin-top: 10px;float: right;}
.topright ul li{ display: inline-block; margin-left: 20px; }
.topright ul li a{display: block;}
.topright ul li a span, .topright ul li a small{display: inline-block; vertical-align: middle;}
.topright ul li a span cite{display: block; font-style: normal; font-weight: 600; color:#00aeef;}
.topright ul li a small{width: 38px; height:38px; border-radius: 50%; background:#e6e7e9; color:#3e4e5e; text-align: center; font-size:18px; margin-right: 5px;}
.topright ul li a small i{ line-height: 38px; }

.logo{ float: left;}
.logo a{display: block;} 
.topmenu{ background:#3e4e5e; width: 100%; float: right;}
.topmenu > .container > ul > li{float: left; position: relative; border-left:1px solid #556575;}
.topmenu > .container > ul > li > a{ cursor: pointer;font-size: 15px; color:#fff; padding:10px 25px; line-height:30px; display: block; }
.topmenu > .container > ul > li:hover > a, .topmenu > ul > li.active > a{background-color:#e6e7e9; color:#3e4e5e;}
.topmenu > .container > ul > li:first-child{border-left: 0;}
 
.homebanner{width: 100%; float: left; padding-bottom: 100px; /* background: -webkit-radial-gradient(50% 40% ellipse,rgba(255,255,255,.3) 0%,rgba(255,255,255,0) 40%); */
	background: radial-gradient(ellipse at 50% 40%,rgba(255,255,255,.3) 0%,rgba(255,255,255,0) 40%);
	background-color: #16293d;}
.item{width: 100%;position: relative; }
/*.item:before{content: ""; width:100%; position: absolute;left: 0; top: 0; height: 100%; background: rgba(0,0,0,0.4);} */

.bannerimg{ width: 100%; max-width: 1300px; margin: 0 auto; display: table; }

.bcontent{  display:table-cell; vertical-align: middle; color:#fff; font-size: 18px;  height: 400px;  position: relative;  }
.bleft{margin-top: 70px;}
.bleft .heading {margin:0px 0px 15px;	font-size: 32px;color: #fff;font-weight: 700;line-height: 1.2;text-transform: uppercase;}
.btns {font-size: 15px;color: #fff;font-weight: bold;text-transform: uppercase;padding: 10px 30px;display: inline-block;border: 1px solid #00aeef;
	border-radius: 30px;}
.bcontent p{margin-bottom: 15px; font-weight: 300;}
.bcontent p:last-child {margin-bottom:0px;}
.bleft{width: 60%; float: left; }
.bright {width: 350px;float: right;	background: #fff;border-radius: 50%; overflow: hidden;}

.heading2{font-size: 32px;font-weight: 600;margin-bottom: 15px;}
.homesec1{position: relative; z-index: 10;  }
.firstlist{background:#00aeef; margin-top: -80px;}
.firstlist ul{}
.firstlist ul li{width:25%; float: left; text-align: center; border-left: 1px solid #fff; }
.firstlist ul li:first-child{border-left: 0;}
.box1{padding:20px 30px; color:#fff; display: block;}
.firstlist ul li .img{max-height: 163px;overflow: hidden;}
.firstlist ul li .img img{max-height: 100%;max-width: 100%; -webkit-transition: 0.4s ease;transition: 0.4s ease;}
.heading3{font-size: 18px; font-weight: 600; margin-bottom: 10px;}
.firstlist ul li:hover .img img{ -webkit-transform: scale(1.08);transform: scale(1.08);}

.homeabout{padding: 60px 0; background:#ebebeb; }
.aboutimg{width: 48%; float: left;}
.aboutcont{width: 50%; float: right;}
.aboutcont p{font-size: 16px;font-weight: 300; margin-bottom: 20px;}
.aboutcont .btns{color:#3e4e5e;}


.colsec{padding: 80px 0; background:#16293d url(../images/bgimg.jpg) center center;}
.colsec ul li{width: 20%; float: left; padding: 10px; text-align: center;}
.colsec ul li img{max-height: 80px;}
.colsec ul li span {display: block;font-size: 18px;	color: #fff;font-weight: 500;padding-top: 15px;}

.catlist{padding: 60px 0;}
.catlist ul{margin: 0 -5px;}
.catlist ul li{width:16.6%; float: left; padding:5px; text-align: center;}
.catlist ul li a{width: 100%; float: left; position: relative; border:1px solid #ccc; padding:20%; background:#fff; border-radius:5px;}
.catlist ul li a span{ position: absolute; left: 0; bottom: 0; width: 100%; padding: 10px 15px; background:rgba(0,174,239,0.8); display: block; opacity: 1; font-size: 16px; font-weight: 600; color:#fff; }
/*.catlist ul li a:hover span{ opacity: 1;}*/


.prolistpage{}
.prolistpage ul{margin: 0 -10px;}
.prolistpage ul li{width:25%; float: left; padding:10px; text-align: center; }
.prolistpage ul li a{ display: block; }
.probox{border:1px solid #ccc; float: left;width: 100%;}
.ptitle a{display: block;padding: 10px; background:#3e4e5e; color: #fff;}
.prolistpage ul li img{width: 100%;}
.pr_category{background:#f1f1f1;}
.pr_category .img{height: 180px; width: auto;}

.prosec{}
.prosec ul li{width: 100%; float: left;}
.prosec ul li .pr_category{ width:26%; float: left; text-align: center; }
.prosec ul li .pr_category img{height: 250px;}
.prosec ul li .procont{width: 74%; padding:10px 30px; float: right;}
.prosec ul li .ptitle {font-size: 20px;	font-weight: 600;color: #00aeef;}
.prosec ul li .procont p{margin-bottom: 10px;}
.prodesc{margin: 10px 0;}
.btns.enqbtn {padding: 5px 18px; cursor: pointer; font-family: 'Roboto', sans-serif; background: #dfb514;border-color: #dfb514;line-height: 1.6;	text-transform: inherit;font-weight: 500;}
.btns.enqbtn:hover{
    background: #3e4e5e;
    border: 1px solid #3e4e5e;
    color: #fff;
    cursor: pointer;
}
.btns.detailbtn{
    padding: 5px 18px;
    line-height: 1.6;
    color: #fff;
    text-transform: inherit;
    min-width: 100px;
    text-align: center;
    border: 1px solid #3e4e5e;
    background: #3e4e5e;
}
.btns.detailbtn:hover{
    background: #dfb514;
    border: 1px solid #dfb514;
    cursor: pointer;
}
.requestbg{background:#dfb514; padding: 30px 0; text-align: center;} 
.requestbg a, .requestbg a img, .requestbg a span {display: inline-block;vertical-align: middle; font-size: 24px;color: #fff; font-weight: 600;}
.requestbg a img{max-height: 60px; margin-right: 15px;}

.footerbg{background:#16283c; color:#fff; }
.fmenu{width: 100%; float: left; text-align: center; padding: 30px 0;}
.fmenu ul li{display: inline-block;padding: 5px;}
.fmenu ul li a{display: block; padding: 5px; color:#ccc;}

.ftext{ text-align: center; width: 100%; float: left; color:#5F7185; margin-bottom: 30px;}
.copyright{text-align: center;color:#5F7185; font-size: 13px; padding: 15px 0; background:#091B2F;}
 
#back-top {position:fixed; bottom:50px; right:30px; z-index:999; cursor:pointer; display:none}
#back-top i {border-radius:50%; border:2px solid #f4eee8; background:#f4eee8; color:#8c5834; width:50px; height:50px; line-height:44px; opacity: 0.8; text-align:center; display:inline-block; font-size:25px; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out}
#back-top i::before {content:""; margin-top:20px; border-left:2px solid #3e4e5e; border-top:2px solid #3e4e5e; display:inline-block; width:9px; height:9px; transform:rotate(45deg); -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg)}
#back-top:hover i { opacity: 1;}

.innerheader{ padding:30px 0; background:#00aeef; color:#fff;}
.innerpage{padding: 50px 0;}
.left_section{ width: 300px; float: left; }
.product_head {padding: 14px 15px;font-size: 18px;font-weight: 500;	text-align: left;	color: #fff; background:#3e4e5e;}
#cssmenu, #cssmenu ul, #cssmenu li, #cssmenu a {margin: 0; padding: 0; border: 0; list-style: none; font-weight: normal;
  text-decoration: none; line-height: 1; font-size: 14px; position: relative;}


   #cssmenu ul{ border: solid 1px #ABBBCB; }
#cssmenu a {line-height: 1.3; }
#cssmenu {}
#cssmenu > ul > li {    border-bottom: 1px solid #f1f1f1; margin: 0;}
#cssmenu > ul > li:last-child {margin: 0;}
#cssmenu > ul > li > a {font-size: 15px; display: block;  padding:13px 35px 13px 15px; outline: none!important; }
#cssmenu > ul > li > a > span {}

#cssmenu > ul > li > a:hover {text-decoration: none; }
#cssmenu > ul > li.active {border-bottom: none;}
#cssmenu > ul > li.active > a {border: 1px solid ;}
#cssmenu ul ul {padding: 5px 12px;  display: none;}
#cssmenu ul ul li {padding:7px 0; border-bottom:1px solid} 
#cssmenu ul ul a {display: block; font-size: 14px;}
#cssmenu ul ul a:before{ display: inline-block;  margin-right: 10px; content: "\f105";font-family:FontAwesome;}

#cssmenu > ul > li > ul{ margin-bottom: 3px; border-left:1px solid;border-right:1px solid ;border-bottom:1px solid ;}
#cssmenu > ul > li.has-sub > a span:before, #cssmenu > ul > li.has-sub.active > a span:after {font-size:14px;font-weight:bold; display:block;font-family:FontAwesome;position:absolute;right: 12px;
top: 17px;}
#cssmenu > ul > li.has-sub > a span:before {content: "\f105"; }
#cssmenu > ul > li.has-sub.active > a span:after { content: "\f107"; }
#cssmenu > ul > li.has-sub.active > a span:before {visibility:hidden;}


.expandable{position: relative;}
.expandable strong{/*background: #000;*/ color:#117694; float: right;width:22px; height:22px; line-height: 24px; border-radius: 50%; text-align: center; font-weight: normal; font-size: 13px; cursor: pointer; position: absolute; top: 15px; right: 15px; z-index: 2}
.expandable strong:after{ content:"\f067";  font-family: FontAwesome; display: block;}
.active.expandable strong:after{content:"\f068"; color:#fff; font-family: FontAwesome; display: block;}
#cssmenu > ul > li.active.expandable > ul{display: block; border: none;}

.contentsec {width: calc(100% - 340px);	float: right;line-height: 1.5;color: #5E6E7E;font-size: 14px;}
.contentsec p{margin-bottom: 20px;}

.breadcrumbs{padding: 5px 0; background:#e6e7e9;}
.breadcrumbs ul li{ display: inline-block; line-height: 30px; font-size: 14px; padding: 0 10px; position: relative;}
.breadcrumbs ul li a{display: inline-block; padding: 0px 5px;}
.breadcrumbs ul li:before{content:""; width: 6px; height: 6px; display: inline-block; border-top:1px solid #3e4e5e; border-right:1px solid #3e4e5e; transform: rotate(45deg); position: absolute;left:-8px; top: 12px; }
.breadcrumbs ul li:first-child{padding-left: 0;}
.breadcrumbs ul li:first-child:before{display: none;}

.dtimg{width: 35%; float: left;}
.dtimg img{width: 100%;}
.dtcont{width: 60%; float: right;}
.dtcont .heading_page{font-size: 24px; font-weight: 600;color: #00aeef;}

@keyframes menu_sticky {
    0% {
        margin-top: -100px;
    }
    50% {
        margin-top: -90px;
    }
    100% {
        margin-top: 0;
    }
}
.fixed {position: fixed; top: 0; left: 0;  width: 100%;  z-index: 9999;  animation-name: menu_sticky;  animation-duration: 0.60s;
    animation-timing-function: ease-out;   -webkit-box-shadow: 0px 13px 30px -12px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 13px 30px -12px rgba(0, 0, 0, 0.75);   box-shadow: 0px 13px 30px -12px rgba(0, 0, 0, 0.75);}
.navicon{display: none;}
.cartempt{
    width: 100%;
    max-width: 100%;
    text-align: center;
}
.cartempt p span {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 1px solid #ccc;
    display: flex;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
}
.cartempt p span i{
        font-size: 36px;
    color: #00aeef;
}
.fadd ul{
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.fadd ul li{
    padding: 5px 30px;
    position: relative;
    color: #333;
}
.fadd ul li:before{
    position: absolute;
    left: 0;
    top: 5px;
    color: #00aeef;
    font-family: 'FontAwesome';
}
.fadd ul li.map:before{
    content:"\f041";
}
.fadd ul li.call:before{
    content:"\f095";
}
.fadd ul li.fax:before{
    content:"\f1ac";
}
.clist{
    margin-top: 20px;
}
.clist ul{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: 100%;
}
.clist ul li{
    width: 25%;
    float: left;
    padding: 5px;
    text-align: center;
}
.clist ul li a{
    width: 100%;
    float: left;
    position: relative;
    border: 1px solid #ccc;
    padding: 15px 0px;
    background: #fff;
    border-radius: 5px;
}
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.checkout-form{
    margin-top: 20px;
}
.checkout-form ul{list-style: none; margin: 0 -10px; padding: 0;}
.checkout-form ul li{width: 100%; float: left; padding: 0 10px; margin-bottom: 10px;}
.checkout-form ul li:first-child, 
.checkout-form ul li:nth-child(2), 
.checkout-form ul li:nth-child(3), 
.checkout-form ul li:nth-child(4),
.checkout-form ul li:nth-child(7),
.checkout-form ul li:nth-child(8),
.checkout-form ul li:nth-child(9),
.checkout-form ul li:nth-child(10)
{width: 50%;}
.rlist{padding: 20px 0;}
.rlist ul{margin: 0 -5px;}
.rlist ul li{width:25%; float: left; padding:5px; text-align: center;}
.rlist .catimg{
    width: 100%;
    height: 250px;
    overflow: hidden;
    position: relative;
}
.rlist .catimg img{
        position: absolute;
    max-width: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: auto;
    max-height: 100%;
}
.rlist ul li a{width: 100%; float: left; position: relative; border:1px solid #ccc; background:#fff; border-radius:5px;}
.rlist ul li a span{ position: absolute; left: 0; bottom: 0; width: 100%; padding: 10px 8px; background:rgba(0,174,239,0.8); display: block; opacity: 1; font-size: 15px; font-weight: 500; color:#fff; }
/*.catlist ul li a:hover span{ opacity: 1;}*/
@media only screen and (max-width:767px){
.navicon{display: block; float: right; cursor: pointer; position: absolute; top: 15px; right:15px; z-index: 99; width: 30px; height: 30px; padding-top: 15px;}
.navicon span{ width:18px; height: 2px; background:#203351; position: relative; display: block;}
.navicon span:before, .navicon span:after{content:""; width: 25px; height: 2px; background:#203351; display: block; position: absolute; left: 0;}
.navicon span:after { width: 18px;  }
.navicon span:before{top: -6px;   }
.navicon span:after{bottom: -7px; }
.navicon.active{position: fixed;}
.navicon.active span{ background: none;}
.navicon.active span:before{ transform: rotate(-48deg);}
.navicon.active span:after{ transform: rotate(45deg); bottom: 6px;}
.active span:before, .navicon span:after { width: 18px; }
.topmenu { box-shadow: 0 0 3px #ccc; position: fixed;top: 0;right: 0; z-index: 9; width: 250px; padding:40px 20px 20px; height: 100%; overflow-x: hidden; overflow: auto; -webkit-font-smoothing: antialiased;  transform-origin: 0% 0%;  transform: translate(100%, 0);  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);}
.topmenu.showmenu{ transform: translate(0%, 0); }
.topmenu > ul > li{width: 100%;}
.topmenu > ul > li > a {padding: 10px 15px!important;	line-height: 24px;}
}