@charset "utf-8";


*{margin:0; padding:0; box-sizing:border-box;}
body {background:#fff; font-family: 'Roboto', sans-serif; font-weight:400;color:#495169;height:100%;line-height:1.6;min-height:100%!important;}
ul{margin: 0; padding: 0;}
.logo img{max-width: 100%;}
input:focus {text-decoration:none; outline: none; box-shadow: none;}
a, a:hover, a:focus {text-decoration:none; outline: none; }
html {min-height:100%!important;}
.fullwidth{width:100%; float:left;}
.top-bar {    background: #376799;    color: #fff;    height: 50px;}
.logo{float:left;}
.topright{float:right;}
.topright > ul{list-style:none; margin: 0;}
.topright > ul > li{float:left; position:relative;}
.topright > ul > li:last-child:before{ content:"|"; display:inline-block; position:absolute; left:0; top:13px; color:#5a7695; }
.topright > ul > li > a{ display:block; color:#fff; line-height:50px;}
.toplinks > a{background:#2b5077; padding:0 20px;}
.phone > a, .email > a{padding:0 15px;}
iframe{width: 100%;}
.socialicon {float:left;}
.socialicon ul{list-style:none; margin:0; padding:0;}
.socialicon ul li{float:left;}
.socialicon ul li a {    color: #fff;    display: block;    line-height: 30px;    text-align: center;    transition: all .5s;    width: 30px;    background: #fff;    margin: 10px 2px;    height: 30px;    border-radius: 50%;}
.socialicon i{ color: #376799;}

/*banner--text*/
.product-description > ul{ margin-bottom: 15px; }
.product-description > ul > li {    list-style: initial;    font-size: 15px;    color: #8f8f8f;    line-height: 32px;    margin-left: 21px;}
.contact_captcha{width: 100%; }
.no_grid_space{ margin: 0px; padding: 0px; }
.form-group input{ height: 51px !important; }
.form-group {    margin-bottom: 10px;}
.main_form_bg {    background: #f1f1f1;    padding: 21px; margin-bottom: 15px}
.item{ position: relative;}
.banner_text {    position: absolute;    bottom: 0;    left: 8%;}
.inner_banner_text {    background: rgba(55, 103, 153,0.8);    width: 50%;    padding: 16px 25px 1px 25px;    margin-bottom: 0px;}
.inner_banner_text p{ color:#fff; font-weight:300; font-size: 19px;}
.right_content p {    font-size: 16px;}
.new_toggle_slider{ display: none; }
#homebanner .owl-dots{ display: none; }
#homebanner .owl-nav{ display: block;width: 100%;position: absolute;top: 40%;}
#homebanner .owl-prev { position: relative; height: 41px;    width: 50px;    background:rgba(55, 103, 153,0.5)!important;    float: left;    font-size: 0px !important;    padding: 0px !important;    display: block !important; transition: 0.3s}
#homebanner .owl-prev:hover{   background:rgba(55, 103, 153,0.8)!important;  }
#homebanner .owl-next:hover{   background:rgba(55, 103, 153,0.8)!important;  }
#homebanner .owl-prev::after {    content: "\f177";    font-family: FontAwesome;    position: absolute;    top: 16%;    font-size: 18px;    display: block;    left: 14px;}
#homebanner .owl-next::after {    content: "\f178";    font-family: FontAwesome;    position: absolute;    top: 16%;    font-size: 18px;    display: block;    left: 14px;}
#homebanner .owl-next { position: relative; height: 41px;    width: 50px;    background:rgba(55, 103, 153,0.5)!important;    float: right;    font-size: 0px !important;    padding: 0px !important;    display: block !important; transition: 0.3s;}
.sub_heading {    position: absolute;    top: 0px;    right: 0;}
.sub_heading h1 {    background: rgba(55, 103, 153,.6);    padding: 15px 35px 20px;    color: #fff; margin: 0px;}
.header_top.sticky {    position: fixed;    z-index: 100;    width: 100%;    background: #fff;    top: 0;    box-shadow: 0px 0px 3px #b6b6b6;}
.header_top{ transition: 0.3s; }
.captcha_panel {    float: left;}
.home_captcha {    margin-left: 191px;}
/*banner--text*/
.top-bar a:hover{color:#30d8ff;}
.header{padding:15px 0; border-bottom: 1px solid #ececec;}
.topmenu, .topsearch{float:right; margin-top:15px;}
.topmenu > ul{list-style:none;}
.topmenu > ul > li{float:left;}
.topmenu > ul > li > a{font-weight:700; color:#2b5077; text-transform:uppercase; padding:9px 15px; display:block; transition:all .5s; font-size: 15px;}
.topmenu > ul > li.active > a, .topmenu > ul > li > a:hover{color:#f48d3e;}
.search-box.mobile{display: none;}
.search-box { float:left; background:#fff; border:1px solid #f1f1f1;border-radius:0 5px 5px 5px;padding:4px;}
.search-box input[type=text] {border:none;padding:4px 7px;width:300px;}
.searchbtn{background:none;border:none;font-size:16px; color:#376799; float:right;height:30px;width:30px;cursor:pointer;}
.cartlink{float:left; margin-left:10px; margin-top:8px;}

.user_icont {    float: right;    width: 42px;    height: 40px;    position: relative;    padding-bottom: 56px;    display: block;}
.user_icont a {    display: block;    width: 50px;    height: 36px;    text-align: center;    padding-top: 8px;}

.slider_down {    position: absolute;    z-index: 1000;    background: #fff;    width: 150px;    top: 100%;    box-shadow: 0px 0px 3px #999; opacity: 0; transition: 0.3S;}
.slider_down > ul > li{ list-style: none; }
.slider_down > ul > li > a {   color: #969696;    display: block;    border-bottom: 1px solid #f1f1f1;    width: 100%;    text-align: left;    padding: 6px 20px;    font-size: 14px;}
.user_icont:hover .slider_down{ opacity: 1;}
.cartlink span{position:relative; padding:5px 8px 0 0; cursor: pointer; display: block;}
.cartlink span small{ width:18px; height:18px; border-radius:50%; text-align:center; color:#fff; background:#f48d3e; display:inline-block; position:absolute; right:0; top:0px;  }

.wleft p {
    font-size: 14px;
    line-height: 23px !important;
}

section.welcome {background:#f5f8fb;font-size:14px;padding:70px 0px 10px;}
section.welcome .title { margin:0 0 20px; font-size:26px; color:#2b5077; font-family: 'Lato', sans-serif;}
section.welcome .title span { font-size:55px; display:block; color:#376799;font-weight:900;}
section.welcome p{color:#302e38; line-height:28px; margin-bottom:20px;}
.morebtn{color:#2b5077; border:2px solid #f48d3e; font-size:14px; text-transform:uppercase; padding:5px 15px;}
.morebtn i{color:#f48d3e;}
.morebtn:hover{ background:#2B5077; color:#fff;}
.wleft{float:left; width:70%;}

.wleft > ul > li {    list-style: none;    color: #000;    margin-left: 20px;    line-height: 37px;    font-weight: 400;    position: relative;}
.wleft > ul > li::after {    content: "";    position: absolute;    width: 10px;    height: 2px;    display: block;    background: #f48d3e ;    top: 15px;    left: -19px;}
.wleft h3 {    font-size: 18px;    line-height: 31px;    margin: 0px 0px 23px;    font-weight: 400;}
.wleft > ul {    margin-bottom: 30px;}
.wright{float:right; width:30%;}
.left_images {    width: 331px;    box-shadow: 0px 0px 3px #000;    float: left;    margin: 18px 0px;}
.right_content {    margin-left: 380px;}
.upper_text {    display: inline-block;    width: 100%;}
.right_content h3 {    margin: 14px 0px 18px;    font-size: 20px; font-size: 16px;}
address span {    margin: 15px 0px;    display: block;}

h2{font-size:35px; color:#2b5077; font-family: 'Lato', sans-serif; font-weight:900;}
#homebanner .owl-nav.disabled + .owl-dots, #mobilebanner .owl-nav.disabled + .owl-dots{position: absolute; bottom: 0; margin: 0; width: 100%;}

#mobilebanner{display: none;}


section.products {padding:70px 0;}
section.products .title{position:relative; text-align:center; padding-bottom:10px; margin:0 0 20px;}
section.products .title:after{content:""; width:60px; height:2px; background:#f48d3e; display:block; position:absolute; left:50%; bottom:0; margin-left:-30px;}
.homelist{ margin:0 -12px; list-style:none;}
.homelist > li{width:25%; padding:15px;  float:left; text-align:center;}
.boxs{background:#f6f3ef; width:100%; /*height:320px;*/ float:left; color:#495169; position:relative; z-index:1;  transition:all .3s;}
.icons{background:url(../images/icons.png) 0 0 no-repeat; display:block; margin:0 auto 30px; width:80px; height:80px; transition:all .5s; position:relative;}
.boxs img{max-width:100%;}
.boxs figure{ background:#fff url(../images/logo.png) no-repeat center; height:300px; opacity: 0;}
.boxs:hover  figure{opacity: 1;}
.contentbox{ padding:30px; position: absolute; width: 100%; float: left; left: 0; top: 0; height: 100%; z-index: 2;}
.boxs:hover .contentbox:before{ content:""; background:rgba(0,0,0,0.6); position:absolute; left:0; top:0; width:100%; height:100%; display:block; z-index:-1;}
.boxs:hover p, .boxs:hover h3{color: #fff;}


.icons:after{content:""; width:60px; height:2px; background:#f48d3e; display:block; position:absolute; left:50%; bottom:-10px; margin-left:-30px;}
.homelist > li h3{font-size:17px; font-weight:700; margin:0 0 15px;}
.homelist > li p{font-size:14px;}
.homelist > li:first-child .icons{ background-position:0 0;}
.homelist > li:nth-child(2) .icons{ background-position:0 -80px;}
.homelist > li:nth-child(3) .icons{ background-position:0 -160px;}
.homelist > li:nth-child(4) .icons{ background-position:0 -240px;}
.homelist > li:nth-child(5) .icons{ background-position:0 -320px;}
.homelist > li:nth-child(6) .icons{ background-position:0 -400px;}
.homelist > li:nth-child(7) .icons{ background-position:0 -480px;}

.homelist > li:first-child a:hover .icons{ background-position:-80px 0;}
.homelist > li:nth-child(2) a:hover .icons{ background-position:-80px -80px;}
.homelist > li:nth-child(3) a:hover .icons{ background-position:-80px -160px;}
.homelist > li:nth-child(4) a:hover .icons{ background-position:-80px -240px;}
.homelist > li:nth-child(5) a:hover .icons{ background-position:-80px -320px;}
.homelist > li:nth-child(6) a:hover .icons{ background-position:-80px -400px;}
.homelist > li:nth-child(7) a:hover .icons{ background-position:-80px -480px;}

.homelist > li > a:hover{/*background:url(../images/boxbg.jpg) 0 0 no-repeat; background-size:cover; */color:#fff;}
section.featurebg:before{ content:""; background:rgba(0,0,0,0.6); position:absolute; left:0; top:0; width:100%; height:100%; display:block; z-index:-1;}

.featurebg{ padding:50px 0; background:url(../images/featurebg.jpg) center center no-repeat; background-size:cover; position:relative; color:#fff; z-index:1;}
.featurelist{list-style:none; margin:0; text-align:center;}
.featurelist > li{ float:left; width:33.33%; padding:30px 50px; min-height:300px;}
.featurelist > li h3{margin:0 0 15px; font-size:19px; color:#f48d3e;}
.featurelist > li h3 a{color:#f48d3e;}
.featurelist > li p{color:#d8d9db; font-size:15px;}
.featurelist > li > i{background:url(../images/feature-icons.png) 0 0 no-repeat; width:96px; height:96px; margin:0 auto; display:block;}
.featurelist > li:first-child > i{ background-position:0 0;}
.featurelist > li:nth-child(2) > i{ background-position:0 -96px;}
.featurelist > li:nth-child(3) > i{ background-position:0 -192px;}
.featurelist > li:nth-child(4) > i{ background-position:0 -288px;}
.featurelist > li:nth-child(5) > i{ background-position:0 -384px;}
.featurelist > li:nth-child(6) > i{ background-position:0 -480px;}


.contactbg{background:url(../images/contactbg.jpg) 0 0 repeat; padding:70px 0;}
.heading{text-align:center; margin-bottom:40px; position:relative; padding-bottom:10px;}
.heading:after{content:""; width:60px; height:2px; background:#f48d3e; display:block; position:absolute; left:50%; bottom:0; margin-left:-30px;}
.contform input, .contform textarea {    width: 100%;    border: 1px solid #376799;    padding: 5px 10px;    height: 50px;    margin-bottom: 0px;    background: #f4f6f9; }
.contleft{width:50%; float:left; list-style:none; margin:0;}
.contleft li{width:100%; float:left; margin-bottom:10px;}
.contright{width:50%; float:right; padding-left:15px; }
.contright textarea{height:290px;margin-bottom:10px;}
.contform input[type=submit]{margin:0 auto; width:130px; height:44px; float:none; display:block; color:#f48d3e !important; font-weight:600; border:2px solid #f48d3e !important; font-size:14px; text-transform:uppercase; padding:5px 15px;}
.contform input[type=submit]:hover{ background:#fff !important; color:#f48d3e  !important;}
.morebtn { border: none !important;     font-weight: 300 !important; float: left !important; transition: 0.3s;border: 2px solid #f48d3e !important; color: #f48d3e}
.morebtn:hover{ color:#fff !important; }
.contleft, .contright{ margin-bottom:10px;}
.form_grid {    background: #fbfbfb ;    padding: 19px;}
.all_grid {    margin-bottom: 20px;}
.footersec{ padding:50px 0; border-top: 1px solid #ececec;}
.mainlinks{/*column-count:4; -webkit-column-count:4; -moz-column-count:4; -ms-column-count:4;  -khtml-column-count:4; column-gap:50px; -moz-column-gap:50px; -webkit-column-gap:50px; -ms-column-gap:50px; -khtml-column-gap:50px; column-width:200px; -webkit-column-width:200px; -moz-column-width:200px; -ms-column-width:200px; -khtml-column-width:200px; */}
.footerlinks {    display: block;    width: 25%;    float: left;    padding: 0px 15px;}
.footerlinks h4{color:#2b5077; font-size:16px; font-weight:700; margin:40px 0px 10px;}
.footerlinks ul{ list-style:none; margin:0;}
.footerlinks ul li{width:100%; float:left; border-top:1px dotted #777583;}
.footerlinks ul li:first-child{border:none;}
.footerlinks ul li a{ padding:4px 0px; display:block; color:#777583; font-size:14px;}
.footerlinks ul li a:before{ content: "\f105"; font-family: 'FontAwesome'; color:#f48d3e; margin-right:10px;}
.footerlinks:nth-child(5) {    margin-top: px}

.footerbg{ padding:50px 0; background:#34393f;}
.footerb{ width:33.33%; float:left; padding-right:50px;}
.footerb h4{text-transform:uppercase; color:#fff; font-size:17px; font-weight:700; margin-bottom:15px;}
.footerb p{color:#fff;font-size:17px; font-weight:300; padding-left:25px; position:relative;}
.footerb p a{ color:#fff;}
.footerb p i{position:absolute; left:0; top:5px; width:17px; text-align:right; color:#f48d3e;}
.flinks{list-style:none; max-width:250px;}
.flinks > li{border-top:1px dotted #676767}
.flinks > li > a{padding:5px 0px; display:block; color:#b5b5b5; font-size:14px;}
.flinks > li:first-child{border:none;}
.flinks > li > a:before{ content: "\f105"; font-family: 'FontAwesome'; color:#f48d3e; margin-right:10px;}

.footerb .socialicon li a{ color:#f48d3e; margin-right:10px;}
.footerb .socialicon li a:hover{ color:#fff;}
.copyright{ background:#1f2226; text-align:center; color:#868686; padding:10px 0;}
.copyright a{color:#868686;}
.ii-icon {background:url(../images/ii-icon.png);display:inline-block; height:20px;width:20px;}
.text_grid textarea {    height: 120px;}
.form_grid .contform input, .contform textarea{margin-bottom: 15px;}


.enquiry-pop-form ul {margin:0;padding:0;}
.enquiry-pop-form ul li {width:100%;float:left;list-style:none;}
.enquiry-pop-form ul li input, select, textarea {margin:0px 0;}


.about_para p {    line-height: 24px;    color: #292929;    font-size: 16px;    font-weight: 300;}

.about_para h3 {    line-height: 24px;    color: #292929;    font-size: 20px;    font-weight: 500;    margin: 0px 0px 16px;    border-bottom: 1px solid #000;    display: inline-block;    padding-bottom: 6px;}
.wright img {    width: 100%;}


section.products .product-list {border:1px solid #d0d0d0;padding:10px;}
section.products .product-list ul {margin:0;padding:0;list-style:none;}
section.products .product-list ul li {background:url(../images/arow-black.png) no-repeat 0 14px;color:#961c0f;cursor:pointer;padding:5px 0 5px 15px;
transition:color .5s;}
section.products .product-list ul li a{color:#961c0f}
section.products .product-list ul li:hover {color:#000;}
section.products .subtitle {color:#111;cursor:pointer;font-size:21px;margin-top:0;}
section.products .subtitle a{color:#000;}
section.products .subtitle a:hover{color:#961c0f}
section.products .product-list .more a{color:#1aa6d9; transition:all .5s}
section.products .product-list .more a:hover{color:#961c0f}
.eduicon, .analyticon, .electronicicon {
background:url(../images/product-icon.png) no-repeat;
display:inline-block;
height:20px;
margin-bottom:-2px;
width:28px;
}
.eduicon {
background-position:0 2px;
}
.analyticon {
background-position:-36px 2px;
}
.electronicicon {
background-position:-64px 1px;
}
section.products .text-box {
margin-bottom:10px;
display:none;
}

/*.search-tab {list-style:none;margin:0;padding:0;}
.search-tab li {float:left;font-size:12px;margin-right:7px;text-transform:uppercase;}
.search-tab li a {background:#545454;border-radius:4px 4px 0 0;border-bottom:1px solid #454545;color:#fff;display:block; padding:2px 10px;text-decoration:none;transition:all .5s;}
.search-tab li a:hover, .search-tab .active a {background:#1aa6d9;border-bottom:1px solid #109dd0;color:#fff;}
#search-by-code {display:none;}*/

.clear {clear:both;width:100%;}

.top-select{width:100%;padding:5px;background-image:url(../images/select-arrow.png) no-repeat right center!important;background-size:100%;}

.navbar-header {
display:none;
}
.navbar-default {
background:none!important;
border:none;
}
.navbar-toggle {
background:#1aa6d9;
border:1px solid #0d9fd4!important;
border-radius:2px;
margin-top:9px;
}
.navbar-toggle:hover {
background:#961c0f!important;
border:1px solid #931204!important;
}
.navbar-toggle .icon-bar {
background-color:#fff!important;
height:1px;
}
.navbar-collapse {
font-size:16px;
text-transform:uppercase;
}
.navbar {
margin-bottom:0;
}
.navbar-nav {
border-bottom:1px solid #c9c8c8;
border-top:1px solid #c9c8c8;
width:100%;
}
.navbar-nav > li {
background:url(../images/nav-space.png) no-repeat right center;
}
.navbar-nav > li:last-child {
background:none;
}
.navbar-nav > li > a {
color:#000!important;
line-height:48px;
padding:0 29px;
}
.navbar-nav > li > a:focus, .navbar-nav > li > a:hover, .navbar-nav > li.active > a {
background:none!important;
color:#1aa6d9!important;
}
.navbar-nav > li.active > a:before {
background:#1aa6d9;
content:"";
display:block;
height:3px;
left:0;
position:absolute;
top:-2px;
width:100%;
}
.navbar-nav .fa-home {
font-size:25px;
padding-top:11px;
}
.home .navbar-nav {
border-bottom:none;
}
.carousel-fade .carousel-inner .item {
opacity:0;
-webkit-transition-property:opacity;
-moz-transition-property:opacity;
-o-transition-property:opacity;
transition-property:opacity;
}
.carousel-fade .carousel-inner .active {
opacity:1;
}
.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
left:0;
opacity:0;
z-index:1;
}
.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {
opacity:1;
}
.carousel-fade .carousel-control {
z-index:2;
}
.slider-text {
position:absolute;
left:0;
bottom:20%;
width:100%;
}
.slider-text-inner {
background:rgba(0, 0, 0, .2);
float:left;
padding:12px;
border-radius:3px;
}
.slider-text-inner .title {
color:#fff;
font-size:45px;
line-height:60px;
text-shadow:1px 1px 3px #666;
}
.slider-text-inner .title span {
font-weight:600;
}
.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
margin:0 auto;
}


/*section.products .text-box figure{ background:url(../images/noimage.jpg) no-repeat center; height:300px; }
section.products .text-box img {height:auto; margin-bottom:7px; max-height:100%; max-width:100%;}*/
.mb30 {
margin-bottom:30px;
}
.mb30:nth-child(4n+4) {
clear:both;
}
.product-list-div {
display:none;
}




.inner_banner {
background:url(../images/inner-banner.jpg) no-repeat center;
background-size:cover;
height:300px;
margin-top:-2px;
}
.inner_banner .title {
color:#fff;
font-size:40px;
line-height:45px;
margin-top:120px;
text-shadow:1px 1px 3px #666;
}
.inner_banner .title span {
font-weight:600;
}
.page-content {
padding:0 0 30px;
}
.bread-crumbs {
padding:10px 0;
margin-bottom:10px;
}
.page-title {
color:#495169;
font-size:30px;
font-weight:600;
margin-top:0;
}
.page-content .title {
/*background:url(../images/title-bg.png) no-repeat bottom center;*/
font-size:35px;
font-weight:300;
margin:0 0 15px;
padding-bottom:15px;
text-align:center;
}
.page-content .title span {
color:#2B5077;
font-weight:600;
}
.sub-title {
color:#2B5077;
font-size:23px;
}
.product-thumb {
border:1px solid #e6e4e1;
color:#2B5077;
cursor:pointer;
margin-bottom:30px;
transition:all .4s;
}
.product-thumb:hover {
border:1px solid #376799;
}
.product-thumb figure {
overflow:hidden; height:215px;
margin:0 auto;
width:90%;
}
.product-thumb figure img {
width:100%;
}
.product-thumb .pro-name {
display:block;
font-size:14px;
padding:8px; min-height: 62px;
text-align:center;
transition:all .4s;
	border-top: 1px solid #e6e4e1;
}
.product-thumb .pro-name a{ color: #2B5077;}
.product-thumb:hover .pro-name {
background:#376799;border-top: 1px solid #376799;
color:#fff;
}
.product-list {
background:#fff;
border-top:1px solid #f1f1f1;
padding:15px;
margin:15px 0px;
overflow:hidden;
}
.product-img {
float:left;
margin-right:15px;
width:100%;
text-align:center;
min-height:350px;
}
.product-img img {

}
.product-img-list {float:left; margin-right:15px;
text-align:center;
min-height:185px; width:150px;
}
.product-img-list img {
width:100%;
}
.product-img-list > a { border: 1px solid #efefef;  display: block;}
.headtext p{font-size: 16px;color:#777583;}
.product-list .product-description {float:left;width:650px;color:#495169;}
.product-list .product-description p{font-size: 14px;color:#495169;}
.product-description .product-code {color:#495169;display:block;font-size:14px;font-weight:400;}
.product-description .product-name { margin: 0 0 5px; color:#495169;display:block;font-size:16px;font-weight:700;}
.product-description .product-name a{color:#495169;}
.cart_button{background:#fff;border:2px solid #f48d3e;color:#2b5077;display:inline-block;float:left;height:40px;line-height:28px;margin-right:10px;padding:0 15px;
transition:all .5s;}
.cart_button:hover, .detail_button:hover{background:#f48d3e; color:#fff; }
.detail_button {    background: #376799;    border: 2px solid #f6ebf5;    color: #fff;    display: inline-block;    float: left;    height: 41px;    line-height: 36px;    padding: 0 37px;    transition: all .5s;}
.detail_button:hover, .detail_button:focus {background:#fff; color:#376799; }
.product-detail {
width:102%;
}
.product-detail .product-img {
border:1px solid #e0e0e0;
float:left;
margin:5px 15px 0 0;
width:148px;
}
.product-detail .product-img img {
width:50%;
}
.product-detail .product-description {float:left; max-width: 100%; }

.product-detail .product-description p{ color: #495169;}
.related-products {
margin-top:30px;
}
.related-products .subtitle {
color:#2B5077;
font-size:22px;
border-bottom:1px dashed #ccc;
margin-bottom:15px;
}
.related-products .retpro-thumb {margin-bottom:20px; border: 1px solid #e6e4e1;}
.related-products .retpro-thumb img {
display:block;
margin:0 auto;
}
.related-products .retpro-name {display:block;text-align:center;}
.related-products .retpro-name a{display: block; padding: 10px; border-top: 1px solid #e6e4e1; font-size: 16px;}
#cssmenu, #cssmenu ul, #cssmenu li, #cssmenu a {
margin:0;
padding:0;
border:0;
list-style:none;
font-weight:400;
text-decoration:none;
line-height:1;
font-size:14px;
position:relative;
}
#cssmenu a {
line-height:1.3;
}
#cssmenu {
background:#fff;

border-bottom:none;
position:relative;
}


#cssmenu > ul > li {margin:0;border-bottom:3px solid #fff;}
#cssmenu > ul > li:last-child {margin:0; }
#cssmenu > ul > li > ul{border-bottom: 1px solid #e6e4e1;}
#cssmenu > ul > li > a {    background: #fff;    border: 1px solid #d8d8d8;    font-size: 14px;    display: block;    color: #8c8c8c;    font-weight: 500;    position: relative;    padding: 16px 13px;}
.toggle_arrow {    position: absolute;    right: 0;    top: 0;    display: inline-block !important;    padding: 0px !important;    width: 40px;    height: 50px;}
#cssmenu > ul > li > a > span {display:block;padding:15px;}
#cssmenu > ul > li > a:hover {text-decoration:none; }
#cssmenu > ul > li.active {border-bottom:none;}
#cssmenu > ul > li.has-sub > a span {}
#cssmenu > ul > li.has-sub.active > a span {}
#cssmenu > ul > li.active > a {  }
#cssmenu > ul > li.has-sub > a span:before, #cssmenu > ul > li.has-sub.active > a span:after {font-size:14px;color:#495169; 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;}
#cssmenu > ul > li.has-sub > a span img {float:left;height:14px;margin:4px 5px 0 0;}
#cssmenu ul ul {padding:20px;display:none;border-left:1px solid #e6e4e1; border-right:1px solid #e6e4e1;}
#cssmenu ul ul li {border-bottom:1px dotted #495169;}
#cssmenu ul ul li:last-child {border-bottom:none;}
#cssmenu ul ul a {display:block;color:#495169;font-size:13px; padding:7px;font-weight: 500;}
#cssmenu ul ul a:before{ display: inline-block; color: #f48d3e; margin-right: 10px; content: "\f105";font-family:FontAwesome;}
#cssmenu ul ul a:hover, #cssmenu ul ul a.active {color:#376799;}

.certificates{ list-style: none; margin: 0; padding: 0; }
.certificates li{ display: inline-block; text-align: center; padding-right:30px;}
.certificates li img{display: block;}
.certificates a{display:inline-block; padding: 5px 0; color:#495169; font-size: 16px;}
#cart-alert {
background:rgba(0, 0, 0, .7);
display:none;
position:fixed;
left:0;
bottom:0;
top:0;
height:100%;
min-height:100%;
width:100%;
z-index:999;
}
#cart-alert .inner {
background:#fff;
border:1px solid #e0e0e0;
border-radius:6px;
padding:20px;
position:relative;
text-align:center;
margin:300px auto 0;
width:50%;
}
#cart-alert .msg {
color:#14881f;
margin-bottom:20px;
}
#cart-alert .inner .detail_button {
float:none;
}
.close-btn {
background:url(../images/close-icon.png) no-repeat;
display:block;
height:38px;
position:absolute;
top:-19px;
right:-20px;
width:40px;
}
.more {
float:right;
padding-right:10px;
}
.more a {
color:#961c0f;
text-decoration:none;
}
#back-top {
    position: fixed;
    right: 35px;
    bottom: 40px;
    z-index: 1000;
}
#back-top a {
color:#bbb;
display:block;
font:11px/100% Arial, Helvetica, sans-serif;
text-align:center;
text-decoration:none;
text-transform:uppercase;
transition:all 1s ease 0;
}
#back-top a:hover {
color:#000;
}
#back-top span {
background:rgba(0, 0, 0, 0) url(../images/scroll-to-top.png) no-repeat scroll center bottom;
display:block; border: 1px solid #2b5077;height:32px;transition:all 1s ease 0;
width:32px;
}
.share-option {
margin:18px 0;
width:102%;
}
.share-option button {
margin:5px 15px 5px 0;
}
.bkground1 {
padding:10px 15px;
border:1px solid #f1f1f1;
}
.list-table {
width:100%;
border:1px solid #c8e7f2;
}
.list-table th {
background:#c8e7f2;
border:1px solid #b8e1f0;
color:#000;
font-size:15px;
font-weight:600;
padding:7px;
text-align:left;
}
.list-table td {
padding:7px;
border:1px solid #c8e7f2;
}
.list-table .qty {
border:none;
}
.list-table .detail_button {
font-size:16px;
width:150px;
}
section.enquiry-cart-form {
background:#fff;
color:#000;

}
section.enquiry-cart-form .subtitle {
    color: #8f8f8f;
    margin-left: 16px;
}
section.enquiry-cart-form input[type="submit"] {
/*background:#1aa6d9;
color:#fff;
font-size:18px;
padding:4px;*/
}

.fancybox-inner {
min-height:500px!important;
}
.top-space {
margin-top:32px;
}
.page-not-found {
color:#961c0f;
margin:180px 0;
text-align:center;
}
.about-img ul {
list-style:none;
margin:20px 0;
padding:0;
}
.about-img ul li {
display:inline-block;
margin-right:20px;
}
.prod-qty {
border:1px solid #d5d5d5;
display:block;
float:left;
margin-top:5px;
position:relative;
text-align:left;
width:49px;
}
.prod-qty input[type=text] {
border:none;
border-right:1px solid #d5d5d5;
padding:4px 5px;
height:22px;
-webkit-appearance:none;
width:30px;
}
.prod-qty .up, .prod-qty .down {
background:url(../images/arow.jpg);
position:absolute;
right:0;
float:right;
height:13px;
width:17px;
}
.prod-qty .up {
top:0;
}
.prod-qty .down {
background-position:0 -16px;
bottom:0;
}
.mobile{ display:none !important;}

.disclaimer{color:#999; font-size:11px; line-height:16px; padding-bottom:10px}
/* 301215 skd*/
.carousel-caption{ background:rgba(222,222,222,0.9); padding:15px 1% 15px 1%; box-sizing:border-box; text-align:left !important; margin-bottom:0; left:67% !important; border-radius:3px; width:32%; float:right;}
.carousel-caption h3{ font-size:14px; line-height:20px; text-shadow:none; color:#333; margin:0; padding:0; font-family:"PT Sans",sans-serif; font-weight:300;}
.carousel-caption h3 span{}

.cart .page-content .title{ margin: 0; padding: 0}


@media screen and (max-width :1366px) {
	.slider_down{left: -200%;}
	
	
}



@media screen and (min-width :1366px) {
	.slider_down{right: -10%;}
	.footerlinks:nth-child(5) {    margin-top: 0px;}
	
	
	
}


@media screen and (min-width :1330px) {

.container{width:1300px;}

}



@media (max-width: 1199px) {
.featurelist > li{width: 50%;}
	.homelist > li { width: 33.33%;}
	.footerlinks:nth-child(5) { margin-top: -1621px;}


}




@media screen and (max-width :768px) {
.top-bar .social {margin-top:-25px;}
.top-search {float:none;margin:0 auto;margin-top:10px;}
.navbar-header {background:#eee;display:block;margin:10px 0 0;
}
.navbar-collapse {padding:0;}
.navbar-default {margin-left:-15px;margin-right:-15px;}
.navbar-nav {margin:0;}
.navbar-nav > li, .navbar-nav > li:last-child {background:#f1f1f1;border-bottom:1px solid #e0e0e0;}
.navbar-nav > li > a {padding:0 25px;}
.slider-text-inner .title {font-size:35px;line-height:40px;}
section.products .col-sm-4 {width:50%;float:left;margin-bottom:25px;}
section.feature .col-sm-4 {overflow:hidden;}
section.contact input[type="text"] {display:block;float:none;margin:0 auto;}
section.contact textarea {display:block;float:none;margin:0 auto 15px;}
	
.divide {display:none;}
.order-icon, .oem-icon, .support-icon, .bulk-icon, .payment-icon, .dealership-icon {
margin-bottom:10px;
}
.dotline {border-bottom:1px dashed #a43720;margin-bottom:25px;padding-bottom:25px;}
.footer-wrap .col-sm-3:last-child {margin-bottom:0;}
.footer-wrap .col-sm-3 {margin-bottom:25px;}
.footer-wrap {padding:15px 0 0;}

#cssmenu {margin-bottom:20px;}
#cssmenu ul ul {padding:5px 12px;display:none;}
#cssmenu > ul > li.has-sub > a span:before {display:block;}
#cssmenu > ul > li.has-sub.active > a span:after {display:block;}
.product-list .product-description {width:75%;}
.hidden-pannel {display:none;}
.top-space {margin-top:10px;}
.mb30:nth-child(4n+4) {clear:none;}
.mb30:nth-child(3n+3) {clear:both;}
.mb30:last-child {margin-top:-66%;}
.related-products .col-sm-3, .product-listing .col-sm-4 {width:50%;float:left;}
#back-top {right:5px;margin:0; bottom: 45px;}
#back-top span {background-size:100%;width:30px;}
	.new_toggle_slider {    display: block;    padding: 15px 15px;    background: #376799;    margin-bottom: 10px;}
	.new_toggle_slider i {    float: right; color: #fff; cursor: pointer; font-size: 23px;}
	#cssmenu{display: none; }
	.new_toggle_slider p{ color:#fff; font-size: 16px; text-transform: uppercase; font-weight: bold; margin: 0px;}
.footerlinks{ width: 50%; }
}

@media screen and (max-width :620px) {
.desktop{ display:none !important;}	
.mobile{ display:block !important;}
.top-search {width:95%;}
.left_images {    width: 100%;}
.left_images img{width:100%; }
.right_content{ margin-left: 0px; margin-top: 10px; }
.right_content {    margin-left: 0px;    margin-top: 0px;    display: inline-block;}
.phone > a, .email > a { padding: 16px 15px;  }
}


@media screen and (max-width :991px) {
	.logo{width: 180px;}
.topmenu{width: 100%;}
	.header {padding: 10px 0;}
	.topmenu, .topsearch { margin-top: 10px;}
	.user_icont{margin-right: 50px;}
	.wleft{width: 55%;}
	.wright{width: 45%;}
	section.welcome { font-size: 14px;}
	section.welcome .title span{font-size: 40px;}
	.homelist > li { width: 50%;}
	.footerb p { font-size: 15px;}
	#homebanner {display: block;}
	.footerlinks{ width: 33%; }
#mobilebanner{display: block;}
	.footerlinks:nth-child(5) {
    margin-top: 0px;
}
	
	
}

@media screen and (max-width :767px) {
	#frmEnquiry .col-xs-12 { float: none;  }
.topright > ul > li span{ display: none;}
	
	.search-box{ display: none;}
	.search-box.mobile{display: block!important; width: 100%; margin-top: 30px;}
	.search-box input[type="text"]{width: calc(100% - 50px);}
	.footerb{width: 50%;}
	.flinks { max-width:100%; min-height: 200px;}
	.inner_banner_text { width: 100%;    padding: 15px;    margin: 0px;}
	#homebanner .owl-nav{ top: 34%; }
	.sub_heading h1{ font-size: 14px;padding: 10px; }
	#homebanner .owl-next{ height: 30px;width: 40px; }
	#homebanner .owl-prev{ height: 30px;width: 40px; }
	#homebanner .owl-next::after {top: 14%; font-size: 14px;}
	#homebanner .owl-prev::after {top: 14%; font-size: 14px;}
	.header_top {   padding-bottom: 12px;}
	.slider_down{ left: -230%; }
	
}


@media screen and (max-width :640px) {
	.page-content .title{font-size: 26px;}
	.wleft, .wright, .featurelist > li{width:100%;}
	.wright img {    width: 100%;}
	.contleft, .contright{width:100%; margin-bottom:0px; padding: 0;} 
	.contright textarea {height: 130px;}
	.featurelist > li {min-height: auto; padding: 20px 50px;}
	.contactbg{padding: 40px 0px 60px}
	section.products {padding: 40px 0;}
	section.products .title{font-size:24px; margin-bottom: 10px;}
	h2{font-size:24px;}
	section.welcome { padding: 40px 0 10px;}
	.sub_heading{  display: none;}
	.banner_text{ display: none; }
}

@media screen and (max-width :500px) {
.homelist > li { width: 100%;}
	.footerb{width:100%;}
	#homebanner .owl-nav {    top: 28%;}
	.no_grid_space {    margin: 0px;    padding: 4px;}
	.no_grid_space {    margin: 0px;    padding: 4px;}
	.footerlinks{ width: 100%; }
}

@media screen and (max-width :479px) {
header .socialicon{ display: none;}
.logo {    width: 138px;    margin-top: 12px;}
	.certificates li{ width: 100%; padding-right:0px;}
.certificates li img{ width: 100%;;}

}


.cart-basket {
	font-size: 12px;
	position: absolute;
	top: 1px;
	right: 19px;
	width: 15px;
	height: 15px;
	color: #376799;
	/* background-color: #376799; */
	border-radius: 50%;
	padding: 0 0 7px 3px;
}

  @media (max-width: 992px) {
    .cart-basket {
        top: 1px;
    	right: 615px;
    }
}

@media (max-width: 768px) {
    .cart-basket {
		top: 1px;
		right: 624px;
		left: 90px;
    }
}

@media (max-width: 600px) {
    .cart-basket {
        top: 1px;
  		right: 108px;
    }
}