@charset "utf-8";
/* CSS Document */

/*html {-webkit-text-size-adjust: none; /* Prevent font scaling in landscape */}*/

html {  -webkit-text-size-adjust: none; height: 100%; }

body{ margin: 0px; padding: 0px; font-family: 'open_sansregular'; height: 100%; overflow-x:hidden; }

h1, h2, h3, h4, h5, h6, ul, ol, li, form, input, textarea, select {margin: 0; padding: 0;}
img {border: 0;}

a {text-decoration: none; outline: none !important; outline-color: transparent !important;}
a:link, a:hover, button:hover {text-decoration: none;  -moz-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    -webkit-transition: all .5s ease-in;
    transition: all .5s ease-in;}

.mtp0 {margin-top:0px;}
.mtp5 {margin-top:5px;}
.mtp10 {margin-top:10px;}
.mtp15 {margin-top:15px;}
.mtp20 {margin-top:20px;}
.mtp25 {margin-top:25px;}
.mtp30 {margin-top:30px;}
.mtp35 {margin-top:35px;}
.mtp40 {margin-top:40px;}
.mtp45 {margin-top:45px;}

.mbp0 {margin-bottom:0px;}
.mbp5 {margin-bottom:5px;}
.mbp10 {margin-bottom:10px;}
.mbp15 {margin-bottom:15px;}
.mbp20 {margin-bottom:20px;}
.mbp25 {margin-bottom:25px;}
.mbp30 {margin-bottom:30px;}
.mbp35 {margin-bottom:35px;}
.mbp40 {margin-bottom:40px;}
.mbp45 {margin-bottom:45px;}

.ptp0 {padding-top:0px;}
.ptp5 {padding-top:5px;}
.ptp10 {padding-top:10px;}
.ptp15 {padding-top:15px;}
.ptp20 {padding-top:20px;}
.ptp25 {padding-top:25px;}
.ptp30 {padding-top:30px;}
.ptp35 {padding-top:35px;}
.ptp40 {padding-top:40px;}
.ptp45 {padding-top:45px;}

.pbp0 {padding-bottom:0px;}
.pbp5 {padding-bottom:5px;}
.pbp10 {padding-bottom:10px;}
.pbp15 {padding-bottom:15px;}
.pbp20 {padding-bottom:20px;}
.pbp25 {padding-bottom:25px;}
.pbp30 {padding-bottom:30px;}
.pbp35 {padding-bottom:35px;}
.pbp40 {padding-bottom:40px;}
.pbp45 {padding-bottom:45px;}

.container { max-width: 1200px; position: relative; }
.maintitle{ display: block; clear: both;}
.maintitle h1{ font-family: 'ralewayregular'; font-size: 22px;}
.maintitle.title-row-center h1, .maintitle.title-row-center h2 { background: url(../images/title-row.jpg) no-repeat center bottom; padding-bottom: 12px; }
.whitecolor{ color: #fff; }
.maintitle.title-row-left h1{ background: url(../images/title-row.jpg) no-repeat left bottom; padding-bottom: 12px; }
.maintitle.subtext h1 { margin-bottom: 15px;}
.maintitle.subtext span{ color: #2d2d2d; line-height: 25px; font-size: 13px;}
.maintitle.subtext span.whitecolor{ color: #fff; }
.small-text{ color: #2d2d2d; line-height: 23px; font-size: 14px; }
.details-space{ margin-top:25px; display: block;}
.red-color{ color: #bb0101; }
.errormessage{ font-size: 10px; color: #ff0000;}
label.errormessage{margin-bottom: 0px!important;}
.thankyou-message i{ font-size: 40px; margin-bottom: 8px;}
.formstyle .form-group{ margin-bottom: 10px;}

.thankyou-message{ text-align: center; font-size: 18px; padding: 20px}
header{ background: #fff; padding: 8px 0px 0;}
.navbg{background: #fff; box-shadow: none!important; background-image: none; border: 0px; margin-bottom: 0px;}
.bannertextmain{ width: 100%; text-align: center; height: 280px; vertical-align: middle;}
.inner-banner{ background: url(../images/inner-bg.jpg) no-repeat center center;  -webkit-background-size: cover; -moz-background-size: cover;
-o-background-size: cover; background-size: cover; }
.pagename{ height: 90px;  display: table-cell; vertical-align: middle;}
.pagename span{ display:  table; vertical-align: middle; color: #ffea01; font-family: "poppinssemibold"; overflow: hidden; font-size: 26px; }
.hd-pro img{ max-width: 130px; margin-top: 16px;}
.hd-text{ color: #fff; font-family: 'poppinsregular'; font-size:18px; margin-bottom: 20px;  text-align: center; vertical-align: middle;}
.hd-text-main h2{ font-size: 20px;}
.hd-text-main span{ color:#ff0011; font-family: 'poppinssemibold'; font-size: 40px; line-height: 48px; display: block; clear: both; overflow: hidden;}
.hd-text-main{ margin-top:20px; text-align: center;}
.hd-link{ display:  block; clear: both; text-align: center;}
.hd-link a{ display: inline-block; color: #fff; font-size: 13px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
background-color: rgba(82,162,199,.25);	border: solid 1px #52a2c7; padding: 3px 8px; border-radius: 4px; margin-top: 5px;}
.hd-link a:hover{ background-color: #52a2c7; border-color: #fff; }
.hd-number-email{ position: absolute; right: 63px; top: 3px; z-index: 3;}
.hd-number-email a{ color: #fff; background-color: #fff; border-radius: 4px; border: 1px solid #ddd; display: inline-block;  font-size: 12px; margin: 0px 1px; padding: 9px 10px; text-align: center; }
.hd-number-email a span { display:block; margin-left: 6px;  text-align: left; color: #e3000f; font-weight: 600;}
.hd-number-email a:hover, .hd-number-email a:hover i, .hd-number-email a:hover span{ color: #000;}

.hd-number-email a i{ margin-right: 0px; color: #e3000f; font-size:12px; float: left; margin-top: 0px; }
.logo{ width: 139px; position: absolute; z-index: 1; margin: 0 auto; left: 0px; right: 0px; }
.hd-mobile-icon{font-size:20px!important;  line-height: 13px!important;}
.thumbbg{ background: #ebebeb; padding: 6px 6px 2px; border: solid 1px #dedede; margin-top: 3px;}
.prothumb{ width: 62px; height: 57px; display: inline-block; margin: 2px 1px; border: solid 1px #fff; background: #fff; padding: 3px 0px; border-radius: 4px;opacity: 0.5;
    filter: alpha(opacity=50);}
.prothumb img{ max-width: 85%;}
.prothumb.active{ background: #fff; border: solid 2px #badce4; opacity: 1;
    filter: alpha(opacity=1); color: #000;}
.prothumb span{ display: block; margin-top: 6px; overflow: hidden; font-size: 11px; text-align: center; font-weight: 400;}
.contentspace{ display: block; padding: 25px 0px;}
.contentspacelast{ display: block; padding: 25px 0px 0;}

.quality{ background: url(../images/bg01.jpg) no-repeat center bottom; background-size: cover;}
.qualitybox{ background-color: rgba(255,255,255,.77); -webkit-box-shadow: 1px 2px #d1d1d1; -moz-box-shadow: 1px 2px #d1d1d1; box-shadow: 1px 2px #d1d1d1; border: solid 1px #efefef; max-width: 1090px; margin: 0 auto;}
.probg{background: url(../images/pro-bg.jpg) no-repeat center bottom; background-size: cover; width: 100%; height: 266px; display: block; vertical-align: middle; text-align: center;}
.probg img{ padding-top: 25px;}
.quality-text{ padding: 17px;}
.prolist{ display: block; clear: both; border: solid 1px #dadada;}
.proimg{ background: #f5f5f5; display: block; overflow: hidden;  height: 230px; text-align: center; vertical-align: middle;  }
.prolist:hover .proimg img{  -webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
     transform:scale(1.25);}
.prolist .proimg img{ max-width: 185px; margin-top: 25px; transition: all .5s ease; }
.pro-name{ padding: 20px 8px; background: #fff; color: #bb0101; font-size: 16px; font-weight: 600; text-align: center; display: block; clear: both; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.prolist:hover .pro-name{ background: #e2f8ff; color: #000; -moz-transition: all .5s ease-in; -o-transition: all .5s ease-in; -webkit-transition: all .5s ease-in; transition: all .5s ease-in;}
.owl-carousel .owl-item img{ display: inherit; width: inherit;}
.ourfuturepro{ background: #f8f8f8; display: block; border-bottom: solid 1px #e7e7e7; border-top: solid 1px #e7e7e7;  }
.future-product-label{ position: absolute; top: 0px; right: 0px;}
.getintouch {  display: block; overflow: hidden; }
.getintouchright{ width: 100%; float: none; background: #f3f9fc; padding: 15px 20px;}
#map { width: 100%; float: none; background: #dedede; height: 240px; }

.graybg {  background: #fcfcfc; border-top: solid 1px #e7e7e7; border-bottom: solid 1px #e7e7e7; overflow: hidden; }

.gtinbox{ max-width: 580;}
.gtinbox > h2{  color: #bb0101; font: 19px/20px 'ralewaysemibold'; display: block; border-bottom: solid 1px #cde2ed; padding-bottom: 8px; padding-top: 0px; margin-bottom: 15px; }
.addresslist{ list-style: none; margin: 0px; padding: 0px; font-size: 14px;}
.addresslist li i{ float: left; margin-right: 8px; color: #a9d6ed; font-size: 14px; margin-top: 3px; }
.addresslist li.address i{ font-size: 18px;}
.addresslist li span, .addresslist li a{ margin-left: 20px; display: block; color: #010101;}
.addresslist li span h2{ display: block;  overflow: hidden; font: 16px/22px 'open_sanssemibold'; margin-bottom: 6px; }
.ml20{ margin-left: 0px; margin-top:15px; }
.list-01{ list-style: circle; display: block; }
.list-01 li { display: inline-block; padding-right: 10px; padding-left: 10px; list-style:disc; border-right: solid 1px #dedede; }
.list-01 li:first-child{ padding-left: 0px; }
.innertopbg{ display: block; clear: both; background: #fff;}
.productbg ul{ list-style: none;}
.productbg ul li img{ max-width: 80%;}

footer{ background: #3b3b3b; padding: 15px 0px; font-size: 14px; color: #b0b0b0; display: block; clear: both; overflow: hidden;}
.copy-right, .footer-link{ text-align: center; display: block; }

.footer-link a{ display: inline-block; padding: 3px 10px; color: #b0b0b0; font-size: 14px; text-transform: uppercase;}
.footer-link a:hover{ color: #fff;}

@media (min-width: 420px) {    
}

@media (min-width:640px) {
    
.prothumb{ width: 72px; height: 65px; padding: 8px 3px;}
.prothumb img{ max-width: 85%;}
    .prothumb span{ margin-top: 6px; font-size: 11px;}   
}
@media (max-width:767px) {
    .navstyle .navbar-nav{ background: #bb0101; margin-top: 0px; margin-bottom: 0px;}
    .navstyle .navbar-nav li > a, .navstyle .navbar-nav li > a:focus{ color: #fff;}
    .navstyle .navbar-nav li > a:hover{ color: #faadad;}
   .navstyle .navbar-nav > li{ border-bottom: solid 1px #a70303;} 
    .navstyle .navbar-nav .dropdown-menu{  background: #f8f8f8;}
}
@media (min-width:768px) {
.container { width: auto; }
.contentspace{ padding: 35px 0px;}
.contentspacelast{ padding: 35px 0px 0;}
header{  padding: 8px 0px; min-height: 70px;}
.logo{ width: 110px;}
.mr50{ margin-right: 30px;}
.ml50{ margin-left: 80px;}
.navstyle{ text-align: center; float: none;}
.navstyle .navbar-nav li.open > a:hover, .navstyle .navbar-nav li.open > a.highlighted{ background-color: transparent; color: #ce5b5b;}
.navstyle .navbar-nav li > a { color: #7c7c7c; font:14px 'open_sanssemibold'; }
.navstyle .navbar-nav li > a:hover{color: #ce5b5b;}
.navstyle .navbar-nav{ float: none; display: inline-block; margin-right: -15px;}
.hd-pro img{ max-width: 200px; margin-top: 0px;}
.hd-text-main h2{ font-size: 35px;}
.bannertextmain{ display: table; width: 100%; text-align: center; height: 300px; vertical-align: middle;}
.hd-text{ color: #fff; font-family: 'poppinsregular'; font-size:28px; display: table-cell; text-align: center; vertical-align: middle;}
.hd-text-main{ margin-top:50px; text-align: left;}
.hd-number-email { right: 17px; top: 8px; }
.hd-link{ text-align: right;}
.hd-link a{ font-size: 14px; padding: 6px 15px;}
.maintitle h1{ font-size: 25px;}
    
.pagename{ height: 205px;} 
.pagename span{ font-size: 35px; }
.prothumb{ width: 85px; height: 75px; margin: 2px 4px; padding: 6px 7px;}
.prothumb img{ max-width: 95%;}
.prothumb span{ margin-top: 14px; font-size: 12px;}
    
.productbg ul li img{ max-width: 100%;}
.probg img{ padding-top: 34px;}
.quality-text{ padding: 32px;}
.probg{background: url(../images/pro-bg.jpg) no-repeat center bottom; background-size: cover; width: 530px; height: 266px; display: table-cell; vertical-align: middle; text-align: center;}
.probg img{ padding-top:0;}
    
.getintouchright{ width: 50%; float: left; padding: 20px 35px;}
#map { width: 50%; height: 307px; float: left; }
#map.bigmap { width: 100%; height: 230px; float: none; }

    
.copy-right{ text-align: left; }
.footer-link{ text-align: right;}
    
}
@media (min-width:992px) {
   
}

@media (min-width:1100px) {
.contentspace{ padding: 50px 0px;}
.contentspacelast{ padding: 50px 0px 0;}
.logo{ width: 139px;}
.mr50{ margin-right: 80px;}
.maintitle h1{ font-size: 34px;}
.maintitle.title-row-left h1{ font-size: 28px;}
 .details-space { margin-top: 40px; }
.hd-number-email { right: 63px; top: 3px; }
.hd-number-email{ position: absolute; right: 0px; top: 6px; z-index: 3;}
.hd-number-email a{ color: #989898; background-color: transparent; border-radius: 0px; border: 0px solid #ddd; display: block; min-width: 228px; clear: both; overflow: hidden; font-size: 12px; margin: 4px 0;  padding: 0px; }
.hd-number-email a i{ margin-right: 6px; color: #e3000f; font-size:12px; float: left; margin-top: 2px; }
    
.bannertextmain{ display: table; width: 100%; text-align: center; height: 530px; vertical-align: middle;}
.hd-text{ color: #fff; font-family: 'poppinsregular'; font-size:35px; display: table-cell; text-align: center; vertical-align: middle;}
.hd-text-main{ margin-top:115px; text-align: right;}
.hd-pro img{ max-width: 65%; display: block; margin-left: inherit; margin-right: inherit;}
   
}

@media (min-width:1200px) {
   .container { width: 1200px; }
    .prothumb{ width: 96px; height: 90px; margin: 2px 4px; padding: 5px 5px;}
.prothumb img{ max-width: 100%;}
.prothumb span{ margin-top: 12px; font-size: 12px; width: 102px; margin-left: -8px;}
}