@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600');
@import url('https://fonts.googleapis.com/css?family=Quicksand:400,500');
@import url('https://fonts.googleapis.com/css?family=Herr+Von+Muellerhoff');
body{font-family:'Open Sans' ,Arial,sans-serif;font-size:16px;font-weight:400;line-height:28px;position:relative;margin:0;padding:0;color:#000}
h1,h2,h3,h4,h5,h6{font-family:'Quicksand' ,sans-serif;font-weight:400;margin:0}
a,a:focus,a:hover{outline:medium none;text-decoration:none}
ul,ol{padding:0;margin:0;list-style:none}
.no-padding{padding:0}
.p0{padding:0}
.p10{padding:10px}
.plr10{padding-left:10px;padding-right:10px}
.pdtb10{padding-top:10px;padding-bottom:10px}
.header-main{webkit-transition:color .2s ease;-moz-transition:color .2s ease;-ms-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease;position:absolute;background:#fff;z-index:9;left:0;right:0;text-align:right}
body.home-page .header-main{height:150px;background:linear-gradient(#ffffffe0,#ffffffbf,#ffffff00)}
.header-main.fixed{position:fixed;z-index:9;height:0;left:0;right:0;top:0;height:auto!important;background:#fff!important;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s}
.logo{padding:5px 0;float:left}
.logo img{width:145px}
.fixed .logo img{width:125px}
.fixed #cssmenu{padding:0}
.htitle{font-size:30px;font-weight:600;line-height:31px;padding:0 0 10px;margin:0;letter-spacing:.5px;color:#000;margin-bottom:18px;position:relative}
.htitle:after{background-color:#000;bottom:0;content:"";height:1px;left:0;margin:0;position:absolute;right:0;width:59px}
.htitle span{color:#005c7c}
.htitle.center{text-align:center}
.htitle.center:after{margin:0 auto}
.fade-top{position:absolute;bottom:0;left:50%;z-index:4;margin-left:-96px;margin-bottom:-12px;color:#fff;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}
svg:not(:root){overflow:hidden}
.down-arrow--bubble .arrow{width:22px;height:22px;margin-left:-11px;margin-top:-8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;color:#000}
.down-arrow .arrow{position:absolute;top:50%;left:50%;z-index:6;-webkit-transform:rotate(45deg);transform:rotate(45deg);margin-top:-33px}
.down-arrow--bubble .arrow{color:#515150}
.down-arrow{position:absolute;left:50%;bottom:0;z-index:5;opacity:.7;cursor:pointer}
.down-arrow img{width:36px;margin-left:-14px}
.title-head{margin-bottom:35px}
.title-head.center{text-align:center}
.title-head h2{position:relative;font-family:"Herr Von Muellerhoff" ,Palatino,serif;font-size:82px;color:#cecece;margin-bottom:-38px}
.title-head h2 span{position:relative;top:10px;font-size:1.22em;padding-left:72px;margin:0 -72px;letter-spacing:72px;top:9px}
.title-head h1{position:relative;margin:0;letter-spacing:4px;font-size:51px;font-weight:600;color:#000;text-transform:uppercase}
.read-more{position:relative;font-weight:700;text-transform:uppercase;font-size:14px}
.read-more:after{content:"\f0da";font-family:"Font Awesome\ 5 Free";font-size:12px;position:absolute;right:-11px}
.section{padding:30px 0}
.section2{padding:50px 0}
.sectionbg{background:#fafafa;padding:30px 0 45px}
.page-head{background-color:#eaeaea;color:#fff;padding:135px 0 55px;text-align:center;position:relative;background-image:linear-gradient(#dedede,white)}
.page-head .title-head{margin-bottom:0}
.page-head .title-head h1{font-size:35px;letter-spacing:.9px}
.innerpage{min-height:600px;background:#fff}
.hmproducts{padding:30px 0;position:relative}
.tagline{padding:180px 0 200px;position:relative}
.tagline h2{font-size:45px;font-weight:700;color:#f7f7f7;line-height:80px}
.tagline h2 span{font-size:55px;text-transform:uppercase;letter-spacing:1px}
.tagline p{color:#fff;text-align:justify}
.tagline .tlogo{width:210px}
.about-section{position:relative;padding:90px 0 10px;background-image:url(../images/aboutbg_left.png),url(../images/aboutbg_right.png);background-repeat:no-repeat;background-position:0 100%,100% 100%;padding-bottom:6.8rem;background-size:32%}
.about-section .icon-box{position:absolute;right:75%;top:-50px;margin-left:20px;line-height:1em;color:#e2e340d;font-size:280px}
.chktrans label{margin-left:5px}
.text-desc h1:first-child,.text-desc h2:first-child,.text-desc h3:first-child,.text-desc h4:first-child,.text-desc h5:first-child{margin:0 0 5px}
.text-desc h1,.text-desc h2,.text-desc h3,.text-desc h4,.text-desc h5{margin:14px 0 5px}
.text-desc table{border-collapse:collapse;margin:0 0 20px;width:100%}
.text-desc table thead,.text-desc table th{background:#f1f1f1;text-align:center;font-weight:700;font-family:Arial,Helvetica,sans-serif;font-size:15px}
.text-desc table td,.text-desc table th{border:1.5px solid silver;padding:8px 3px 7px 9px;color:#000;vertical-align:middle}
.text-desc table td{text-align:left;font-size:15px}
/*.text-desc ul{position: relative;}
.text-desc ul > li{    content: '\f054';position: absolute;font-size: 11px;top: 3px;left: 0;font-family: "Font Awesome 5 Free";font-weight: 900;}*/
.text-desc ul,.text-desc ul ul{margin-left:17px;margin-bottom:22px}
.text-desc ol li{list-style-type:decimal}
.text-desc ul li{list-style-type:disc}
.text-desc ul ul li{list-style-type:circle}
.text-desc h2{color:#0087C7}
.text-desc h3{margin-top:30px;text-align:center;font-size:26px;line-height:44px;text-transform:uppercase;font-weight:500;color:#005c7c}
.text-desc h3:after{display:block;content:"";background-color:#005c7c;background:-moz-linear-gradient(left,rgba(253,181,0,0) 0%,#005c7c 40%,#005c7c 50%,#005c7c 60%,rgba(253,181,0,0) 100%);background:-webkit-linear-gradient(left,rgba(253,181,0,0) 0%,#005c7c 40%,#005c7c 50%,#005c7c 60%,rgba(253,181,0,0) 100%);background:linear-gradient(left,rgba(253,181,0,0) 0%,#005c7c 40%,#005c7c 50%,#005c7c 60%,rgba(253,181,0,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdb500',endColorstr='#fdb500',GradientType=1);width:260px;height:2px;margin-top:5px;margin:20px auto}
.text-desc tt{font-size:26px;font-weight:300;font-family:'Open Sans' ,Arial,sans-serif;line-height:32px}
.text-desc h4{color:#005c7c;font-size:22px;font-weight:500;line-height:32px;padding:0 0 6px;margin:0;letter-spacing:.5px;margin-bottom:8px;position:relative}
.text-desc h4:before{background-color:#005c7c;bottom:4px;content:"";height:1px;left:0;margin:0;position:absolute;right:0;width:99px}
.text-desc h4:after{background-color:#005c7c;bottom:0;content:"";height:1px;left:0;margin:0;position:absolute;right:0;width:59px}
.text-desc h2 + hr,.text-desc h4 + hr{border-color:#d0d0d0;width:55%;text-align:center;display:inline-block}
.text-desc img{display:inline-block!important}
.productqut{border:0}
.productqut table{border-collapse:collapse;margin:0 0 10px;width:100%}
.productqut table td{border:1.5px solid silver;text-align:center;font-size:15px;color:#000;vertical-align:middle;padding:5px}
.productqut table td.image{padding:11px 0 11px 5px;width:180px}
.productqut table td.image img{width:170px}
.productqut table td.name span{color:#6e6e6e}
.productqut table td.name{padding:10px 5px}
.productqut table td.price,.productqut table td.qty{width:80px}
.productqut table td.qty span{display:none}
.productqut .alert[style*="inline"]{display:block!important}
.productqut table td.qty .text-field{margin-bottom:0;text-align:center}
@media (max-width: 760px) {
.productqut table{width:100%!important;border:1px solid #eee}
.productqut table tr{display:inline-block;border-left:1px solid #eee}
.productqut table tr.trhead{width:24%;display:none}
.productqut table tr.trbody{width:100%}
.productqut table td{display:block;width:100%!important;border:none;vertical-align:middle;border-bottom:1px solid #eee;height:auto}
.productbtn{text-align:center}
.productbtn .jb-btn{float:none!important;position:initial;margin-bottom:10px}
.productqut table td.qty span{display:inline-block;font-weight:700}
}
.conforder{background-color:#fff;position:relative;padding:14px 18px}
.conforder h4{font-size:27px;font-weight:500;color:green}
.conforder h4 i{padding-right:10px}
.conforder .orderno{font-size:20px;font-weight:500;padding-bottom:10px}
.conforder .orderno2{font-size:18px}
.conforder .orderno span{font-size:24px;color:green}
.conforder .ordertitle{font-size:17px}
.erroorder{background-color:#fff;box-shadow:0 0 0 4px #C00 inset;border-color:#C00;border-radius:4px;position:relative;padding:40px 18px}
.erroorder h4{font-size:27px;color:#C00}
.erroorder h4 i{padding-right:10px}
.erroorder .orderno{font-size:18px}

.orderform button{margin-top:30px}
.orderform textarea.text-field{height:80px}
.orderform .cust-btn{background:#1f425d none repeat scroll 0 0;margin-top:15px;padding:14px 30px;border:medium none}
.orderform .select{margin:0!important;font-size:15px!important}
.orderform .text-field{background:#fff;border:1px solid #efeeee;color:#858585;font-size:14px;margin:0 0 10px;padding:10px 15px;width:100%}
.orderform .text-field:focus,.orderform .text-field:hover{border-color:#75b519;box-shadow:none;border-width:1px}
.orderform .text-field:disabled{background:#eee}
.custsiz{width:48%!important;display:inline-block;padding-left:5px!important;padding-right:5px!important}
.custsiz + .custsiz{margin-left:6px!important}
.orderform label.dis100{width:100%}
.orderform .chksame{padding-left:5px}
.orderform .chksame label{font-weight:400;font-size:14px}
.errorbox,.errorbox span,.errorbox li{color:#D90000}
.errorbox .sucmsg{color:#046310}

.hdwatsp{position: fixed;bottom: 10px;right: 10px;z-index:21/*top: 2px!important;position: absolute !important;left: 0;right: 0;margin: 0 auto;width: 100%;text-align: center;*/}
.hdwatsp a{text-align: center;width: 45px;height: 45px;float: left;color: #FFFFFF;border-radius: 10px;background-color: #ee141f;}
.hdwatsp a.wh{background-color: #25D366;}
.hdwatsp a.wh i{font-size: 32px;margin-top: 5px;}
.hdwatsp i{font-size: 25px;margin-top: 9px;}
/*--------------*/
.cenq{display:none}
.form{font-size:14px}
.form label{margin: 0;}
.form .hdtitle{background: #0000001a;padding: 10px 12px;font-size: 17px;margin: 10px 0;text-align: center;}
.form button{margin-top:30px}
.form textarea.text-field{height:70px}
.form .cust-btn{background:#1f425d none repeat scroll 0 0;margin-top:15px;padding:14px 30px;border:medium none}
.form .select{margin:0!important;font-size:15px!important}
 html input[disabled], .form .text-field{background: #ffffff;border: 0;color: #0c0c0c;font-size:14px;margin: 0 0 18px;padding: 13px 18px;width:100%;border-radius: 4px;border: 1px solid #969696;}
html input[disabled]{    padding: 8px 8px !important;
    background: #f5f5f5 !important;}
    .form .text-field:focus,.form .text-field:hover{border-color:#d21f24;box-shadow:none;border-width:1px}
.form-radio {
    padding-bottom: 14px;
    display: inline-block;
}
.form-radio input{
    top: 1px;
    position: relative;
}
.form-radio label{
    margin-right: 25px;
    margin-left: 5px;
}
.errorbox,.errorbox span,.errorbox li{color:#D90000}
.errorbox .sucmsg{color:#046310}
.jb-btn{border-radius: 4px;padding:0 35px;background: #ee383d;position:relative;display:inline-block;border:none;line-height:50px;font-size:16px;font-weight:500;margin-top: 9px;color:#fff;text-transform:uppercase;transition:400ms all;-webkit-transition:400ms all;}
.jb-btn:hover{text-decoration:none;background: #131313;color:#fff;}
.jb-btn span{display:block;position:relative}
.form textarea.text-field, .form .text-field{padding: 8px 8px;}
.pel{padding-left:0 !important}
.per{padding-right:0 !important}

.jb-btn{padding:0 35px;background:#005c7c;position:relative;display:inline-block;border:none;line-height:40px;font-size:16px;font-weight:700;color:#fff;text-transform:uppercase;transition:400ms all;-webkit-transition:400ms all}
.jb-btn:hover{text-decoration:none;background:#1e346c;color:#fff}
.jb-btn + .jb-btn{margin:0 7px}
.address li{margin:0 0 5px}
.address h4{color:#000;font-size:21px;font-weight:600;letter-spacing:1px;padding-bottom:6px}
.address .fa{color:#000;font-size:15px;width:17px;text-align:center}
.address i{display:inline-block;margin:2px 8px 0 0;vertical-align:top}
.address > li > i{margin-top:6px}
.address p{display:inline-block;text-align:left!important;margin:0;font-size:17px}
.social{list-style-type:none;padding:0;margin:0}
.social li{display:inline-block}
.social a{margin-right:5px;cursor:pointer;display:block;width:50px;height:50px;text-align:center;padding-top:14px;text-decoration:none;color:#7a7a7a;font-size:22px!important;background:#000}
.social a:hover{background:#1b1b1b;color:#fff}
.contus{display:none}
.white{color:#fff!important}
.footer{color:#fff;padding:12px 0;background:#272727;position:relative}
.footer p,.footer a{color:#e4e4e4;font-size:13px}
.fcontact p{font-size:17px;font-weight:400}
.copyright{padding:12px 0 5px;overflow:hidden;font-size:12px;color:#999;position:relative}

@media (max-width: 1200px) 
{
    #cssmenu > ul > li > a{font-size:13px;}
    #cssmenu > ul > li{padding-left: 5px !important;padding-right: 5px !important;}
 }
@media (max-width: 990px) {
.hmproducts .text-desc{font-size:14px;line-height:21px}
.hmproducts .hdesc{position:inherit;top:inherit;transform:inherit;right:0}
.custsiz{width:100%!important;margin:0 0 10px!important;padding:10px 15px!important}
.custsiz +{margin-left:auto}

.headerright{float:none!important}
.logo{float:none;text-align:left}
}
@media (max-width: 760px) 
{
   
[class^="col-sm"],[class*=" col-sm"]{padding-left:25px;padding-right:25px}
.contus{display:inline-block;padding-top:20px}
.home-page .innerpage{padding-top: 43px;}
.section2{padding:20px 0}
.header-main{position:inherit}
body.home-page .header-main{height: 76px;position:absolute;background: linear-gradient(#dededee0,#eaeaea,#fafafa);}
#aboutlink,.down-arrow,.fade-top{display:none}
.title-head h1{letter-spacing:1px;font-size:34px}
.header{padding: 0;}
#cssmenu #menu-button{
    text-align: left;
    left:  0 !important;
}
.about-section{position:inherit;background:none}
.about-section .icon-box{position:inherit}
.hmproducts{padding:0;position:inherit}
.hmproducts .imgs,.productv .imgs{text-align:center;padding-bottom:30px}
.hmproducts .hdesc{position:inherit;top:inherit;transform:inherit;float:none;right:0}
.hmproducts .text-desc,.productv .text-desc{font-size:16px;line-height:28px}
.page-head{padding:25px 0}
.logo{text-align:center;position:inherit;border-radius:0;float:none}
.headerright{float:none!important}
.footer{padding:15px 0}
.footer .text-center{float:none!important}
.social{float:none!important;margin:0;padding:0;text-align:center}
.tagline{padding:50px 0}
.tagline h2{line-height:55px;padding-top:25px}
.address li{margin:0 0 14px}
.address .fa{color:#005c7c;width:33px;display:block;border:1px solid #eee;padding:8px}
}