@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;900&display=swap');

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, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;

vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
*{-webkit-box-sizing:border-box;box-sizing:border-box;list-style:none;outline:none;margin:0;padding:0;-webkit-transition:none;-o-transition:none;transition:none}
html{-webkit-text-size-adjust:100%}
body{font-family:'Open Sans' ,sans-serif;font-size: 15px;font-weight: 400;line-height: 24px;letter-spacing: 0.5px;position:relative;margin:0;padding:0;color: #fff;overflow-x: hidden;background: #2d1912;}
h1,h2,h3,h4,h5,h6{font-weight: 700;margin:0;line-height: 1.3;}
a,a:focus,a:hover{outline:medium none;text-decoration:underline;color: #fff;}
ol, ul {
list-style: none;
}
/* tables still need ‘cellspacing=”0″‘ in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: “”;
}
blockquote, q {
quotes: “” “”;
}
.clear{ clear:both; }

::-moz-selection { background: #f1f1f1; color: #333; text-shadow:1px 1px 0 #fff; }
::selection { background: #f1f1f1; color: #333; text-shadow:1px 1px 0 #fff;}

a { color: #40b3df; text-decoration:none;}

/* Typography  */



/* PAGE CSS */
.header {background: #2d1912 url(../images/header-bg.jpg) no-repeat center top;height:146px;}
.top-nav{background:#22130e;height: 34px;padding:0px 0px 0px 0px;}
.row{ width:935px; margin:0 auto; position:relative; }

.header-phone{ float:left; }
.header-phone p{font-size: 15px;color: #aba29f;padding: 6px 0px 8px 35px;background: url(../images/phone-icon.jpg) no-repeat left;}
 
.header-social{ float:right; }
.header-social ul{ padding:5px 0px 0px 20px; }
.header-social ul li{ float:left; padding:0px 0px 0px 7px; }
.header-social ul li a img{  -webkit-transition: 2s; -moz-transition: 2s; transition: 2s;  opacity:0.3;   }
.header-social ul li a img:hover{  opacity:0.9; }

.logo{ margin:14px 0 0 -24px; text-align:center; padding:0px 0px 0px 0px;  }
.nav-line{
    background: url("../images/nav-line-bg.jpg") repeat-x scroll center top rgba(0, 0, 0, 0);
    height: 34px;
    text-align: center;
}#nav {margin:0px;padding:0px 0px 0px 0px;width: 100%;margin:0 auto;}
#nav li {display: inline-block;position: relative;margin: 0 -2px;}
#nav li a {padding: 5px 25px 5px 25px;display:block;font-size:12px;color:#fff;text-decoration:none;font-weight: 600;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;text-transform:uppercase;border-right:1px solid #543a30;}
#nav li a:hover{ color:#dec045;  background:url(../images/nav-hover.jpg) repeat-x top;  }
#nav li .active{ color:#dec045; background:url(../images/nav-hover.jpg) repeat-x top; }

#nav ul { position: absolute; left:0px; display: none; margin: 0; padding: 0; list-style: none; padding-bottom: 3px; }	
#nav ul li { width:200px; float: left; text-align: left;  background-color: #2D1912;  }
#nav ul li:hover { border-left: 0px solid transparent;  }
    /*#nav ul a { display: block; height:20px; line-height:20px; padding: 8px 5px; color: #fff; border-bottom:1px solid #543a30; border-right:none; font-size:12px;   font-weight: normal; }*/
#nav  ul a:hover { text-decoration: none;  background: transparent; color: #dec045; }

.submitbtn{border:1px solid #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px;border-radius: 4px; padding: 2px 25px 2px 25px; text-align: center; color: #FFFFFF!important; background-color: #a98a07;font-size: 14px;background-image: linear-gradient(top, #a98a07, #78880a);}
.submitbtn:hover{border:1px solid #fff; background-color: #78880a;cursor:pointer;text-decoration: none;color: #fff;background-image: linear-gradient(top, #78880a, #a98a07);}

.slider{ position:relative; margin:0px 0px 0px 0px; padding:0px; }
.slider-decs{ position:absolute; bottom:0px; left:0; text-align:center; width:100%; }
.slider-decs h1{ color:#fff; font-size:26px;  font-weight:700; text-shadow:3px 3px 0 #000; text-align:center; display:block; }
.slider-decs p{ color:#fff; text-align:left!important;font-size:13px; line-height:22px; width:228px; background: rgba(0,0,0,.5); padding:2px 107px; margin-top:10px; margin-left:246px; }

.wrapper-bgh{ background:url(../images/wrapper-bg.jpg) repeat-x #2d1912; margin-top:-40px; }
.wrapper-bgh h1{font-size:28px;color:#fff; padding:0 0 15px 0;}
.wrapper-bg{ background-color:#2d1912;  margin-top:-40px; }

.contain{margin-top:0px;}
.contain strong{font-weight:bold}
.contain h2{font-size:20px; padding:15px 0 5px 5px;}
.contain h3{font-size:20px; padding:0 0 15px 0;}
.contain p{padding: 5px 0;text-align:justify;}
.contain .innerdiv {padding-left:15px}
.contain ul.con{margin: 0;padding: 5px 18px;list-style: square;}
.contain ul.con li{margin: 0px;padding:  5px 5px; /*border-bottom: 1px dashed #CCCCCC;*/}

.product-slider{ margin:0px; padding:12px 0px 0px 0px; }

/*product page*/
.productlist{margin:0 0 0 5px;padding:0; }
.productlist li{width: 310px;height: 206px;float: left;display: inline-block; padding:5px 0px 15px 0px;}
.productlist li img{width: 300px;}
.productlist > li h4{ background:#ab8a07; color:#fff; font-size:12px; text-transform:uppercase;  padding:5px 0px 6px 0px; text-align:center; 
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;  }
.productlist .more-info{  margin: 5px 0 0 75px;text-align: center; }
.productlist a.more-btn{ background: url("../images/more-btn.png") no-repeat scroll 0 0 transparent;color: #FFFFFF;display: block;font-size: 12px;height: 26px;padding: 3px 73px 0 0;text-align: center;}
.productlist a.more-btn:hover{ opacity:0.9;  text-decoration:none; }
.productlist .pro-desc{ background:#fff; -webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px; text-align:center; padding:4px 0 4px 0px; border-top:6px solid #42302a;    }
/*end product page*/

/*side product list*/
.sideproduct{float:left;}
.sideproduct .product-info{ width:240px;}
.sideproduct .product-info h1{ background: none repeat scroll 0 0 #AB8A07;color: #FFFFFF;font-size: 12px;padding: 5px 0 6px 13px;text-align: left;text-transform: uppercase; border-top-left-radius: 4px;border-top-right-radius: 4px;}
.Product-text{font-size: 12px;color: #000;font-weight: normal;text-decoration: none;padding: 10px 5px 0px 5px;line-height: 20px;}
.leftservices ul{margin: 0;padding: 5px 0;list-style: none;}
.leftservices li{margin: 0px;padding: 0px;color: #000; /*border-bottom: 1px dashed #CCCCCC;*/}
.leftservices a:link, .leftservices a:visited{padding: 2px 5px 2px 20px;display: block;text-decoration: none;color: #000;font-size: 13px;text-transform: capitalize;background: url(../images/hand.png) no-repeat left;}
.leftservices a:hover{color: #808080;}
/*end side product list*/

/*product description*/
.prodbox {
    border: medium solid #C0C0C0;
}
.productdesc{float:left; padding:0 0 0 10px; width:100%; text-align:left}
.productdesc .product-info{ width:100%; }
.productdesc .product-info h1{background: none repeat scroll 0 0 #AB8A07;color: #FFFFFF;font-size: 21px;padding: 5px 0 6px 13px;text-align: left;text-transform: uppercase;border-top-left-radius: 4px;border-top-right-radius: 4px;}
.productdesc .pro-desc img{width: 100%;}
.controlsize{ width:210px;}
.controlsizearea{ width:210px;}
/*end product desc page */
.contact{float:left; padding:0 0 0 10px;text-align:left}
.contact .product-info{ width:940px; }
.contact .product-info h1{background: none repeat scroll 0 0 #AB8A07;color: #FFFFFF;font-size: 12px;padding: 5px 0 6px 13px;text-align: left;text-transform: uppercase;border-top-left-radius: 4px;border-top-right-radius: 4px;}
.contact .pro-desc{ background:#fff; -webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px; text-align:center; padding:10px 0 0 0px; border-top:6px solid #42302a; padding-bottom:10px;   }
.contact .pro-desc p{  color:#303030; font-size:15px; width:660px;padding:10px 2px 0 2px;   }


.enqpanel{float:right; margin: -24px 12px 0 0;}
.enqpanel a{font-size: 13px;color: #fff;}
.desc{padding:10px;}
table.myTable{border-collapse: collapse;}
table.myTable td, table.myTable th{border: 1.5px solid #C0C0C0;padding: 3px 3px 3px 20px;text-align: left;color:#000;}
/*end product description*/

.product-info{ }
.product-info img{width:100%}
.product-info h4.title{ background:#ab8a07; color:#fff; font-size:20px; text-transform:uppercase;  padding:8px 0px 8px 0px; text-align:center; 
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;  }
.product-info h4 a {color:#fff;font-size:20px;}

.pro-desc{ background:#fff; -webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px; padding:0 10px 2px; border-top:6px solid #42302a;  }
.pro-desc p{  color:#303030; font-size:12px; line-height:14px;   }

.more-info{ margin:5px 0px 0px 65px; text-align:center; }
a.more-btn{ background:url(../images/more-btn.png) no-repeat;  height:26px; color:#fff; text-align:center; font-family:'calibri'; padding:5px 63px 0px 0px; display:block; font-size:12px;  }
a.more-btn:hover{ opacity:0.9;  text-decoration:none; }

.see-all{  margin:0 auto; margin-top:-22px; text-align:center;  }
/*contact*/

.product-slider .slides li{padding:10px}

ul.boxlist3{padding:0;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;}
ul.boxlist3 li{margin: 0;padding:15px;width: calc(100%/3);transition: all 0.7s ease 0s;}
@media screen and (max-width: 992px) {ul.boxlist3 li{width: calc(100%/2);}}
@media screen and (max-width: 565px) {ul.boxlist3 li{width:100%;}}



ul.boxlist4{padding:0;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;}
ul.boxlist4 li{margin: 0;padding: 10px;width: calc(100%/4);transition: all 0.7s ease 0s;}
@media screen and (max-width: 992px) {ul.boxlist4 li{width: calc(100%/3);}}
@media screen and (max-width: 749px) {ul.boxlist4 li{width: calc(100%/2);}}
@media screen and (max-width: 565px) {ul.boxlist4 li{width:100%;}}


select,
textarea,
input[type="text"],
.uneditable-input {
  display: inline-block;
  height: 20px;
  margin-bottom: 5px;
  font-size: 13px;
  color: #555555;
  vertical-align: middle;
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
}
textarea {display: inline-block;height: 50px;}
textarea,
input[type="text"],
.uneditable-input {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
          transition: border linear 0.2s, box-shadow linear 0.2s;
}
textarea:focus,
input[type="text"]:focus,
.uneditable-input:focus {
  border-color: #AB8A07;
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.07), 0 0 5px #AB8A07;
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.07), 0 0 5px #AB8A07;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.07), 0 0 5px #AB8A07;
}
/* PAGE CSS */
.inquiry_form{float:left; width:550px;  margin-right:10px; border-right: dashed 1px #999}
.inquiry_form table{ margin:0px 0px 0px 10px; }
.inquiry_form table tr td{ padding:0px 0px 2px 0px; }
.inquiry_form input[type="text"]{ width:300px; font-size:12px; margin-bottom:5px; padding:5px 10px 5px 10px; }
.inquiry_form textarea{border: 1px solid #cccccc; width:460px; height:80px; font-size:12px; margin-bottom:5px; padding:5px 10px 5px 10px; }
.submit-btn{ border:0px; background:url(../images/button.png) no-repeat; width:75px; height:31px; margin-top:3px; cursor:pointer; }

.address{float:left;width:200px;margin:-5px 0 0 0;padding:0 0 0 5px; color:#303030; text-align:left;}
.address p{ line-height:20px;font-size:16px;}
.address h4{font-weight:bold; font-size:23px;margin:0; padding:5px 0 0 0; }
.map{width:905px;margin:0 0 0 9px;border-top: dashed 1px #999}
/*end conatct*/
/*career*/
.career_form{  margin-right:10px; color:#303030; }
.career_form table{ margin:0px 0px 0px 10px; }
.career_form table tr td{ padding:0px 2px 2px 2px; vertical-align:top;}
.career_form input[type="text"]{ width:300px; font-size:12px; margin:0 5px 10px 5px; padding:5px 10px 5px 10px; }
.career_form input[type="file"]{ width:300px; font-size:12px; margin:0 5px 10px 5px; padding:5px 10px 5px 10px; }

.career_form textarea{border: 1px solid #cccccc; width:300px; height:80px; font-size:12px; margin:0 5px 10px 5px; padding:5px 10px 5px 10px; }
.career-btn{ border:0px; background:url(../images/button.png) no-repeat; width:75px; height:31px; margin-top:3px; cursor:pointer; }

/*end career*/
.footer-bg{ background:url(../images/footer-bg.png) repeat-x; height:80px; margin:30px 0px 0px 0px; }
.footer{ margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;  }
.footer-nav{ float:left; margin:0px 0px 0px 0px; padding:5px 0px 0px 0px; }
.footer-nav ul{ margin:0px; padding:15px 0px 0px 0px; }
.footer-nav ul li{ float:left; padding:10px 5px 0px 0px; color:#907870; font-size:12px;}
.footer-nav ul li a{  font-size:12px; color:#907870;  text-decoration:none;  font-weight:100;  -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; }
.footer-nav ul li a:hover{ color:#fff;  }
.footer-nav ul li .active{ color:#fff; }

.footer-right{ float:right; padding:31px 0px 0px 0px; }
.footer-right p{ color:#fff;   font-size:12px;  }