body { font-family: "Raleway", sans-serif;font-optical-sizing: auto;font-size: 14px;font-weight: 300;font-style: normal; font-variation-settings:  "wdth" 100;}
a {text-decoration: none;transition: all .2s linear;}
.img-rounded {border-radius: 8px;}
.primgd {background: linear-gradient(-5deg, #372831, #0e0d11, #060606) ; }
.seconbg {background-color: #f6eee1;}

#navwrap {border-bottom: solid 1px #282426;background-color: rgba(0, 0, 0, 0.4);} 
.logo{padding:16px 0 16px 0;transition: all 0.3s ease;display:inline-block;}
.logo img{height: 44px;transition: all 0.3s ease;}

.mainnav {display: block;padding-top:26px;transition: all .3s linear;overflow: hidden;}
.mainnav a {color:#efd0a0;margin-left:18px;font-size: 13.5px;font-weight: 400;position: relative;text-transform: uppercase;position: relative;letter-spacing: 1px;}
.mainnav a::before {position: absolute;content: '';top:-30px;transition: all .3s linear;width: 30px;height: 0px;background-color: #efd0a0;opacity: 0.5;left: 50%;transform: translateX(-50%);}
.mainnav a:hover {color:#fff;}
.mainnav a:hover::before {height: 24px;}
.mainnav a.lang {margin-left: 36px;padding-right: 2px;}
.mainnav a.lang::before {height: 24px;}
.mainnav a.lang:hover::before {background-color: #fff;opacity: 1;}

.srink  {box-shadow: 0px 1px 5px 3px rgba(0,0,0,0.3);background: linear-gradient(135deg, #372831, #221d2b) !important;}
.srink .logo {padding: 10px 0 8px 0;}
.srink .logo img {height: 34px;}
.srink .mainnav {padding-top:18px;}
.srink .mainnav a{margin-left:12px;}
.srink .mainnav a.lang {margin-left: 36px;}

.herowrap {background-color: #221d2b;display: block;overflow: hidden;}
.herowrap .heroitem{padding-top: 200px;height: 700px;position: relative;overflow: hidden;}
.herowrap .heroitem .shed-bottom{display: block;width: 100%;position: absolute;left:0px;bottom: 0px;background-color: rgba(0, 0, 0, 0.5);padding-bottom: 40px;transition: all 0.3s linear;}
.herowrap .heroitem .shed-bottom .topline {display: block;position: relative;width:100%;height: 1px;left:-200%;top:0px;background-color: #715e41;}
.herowrap .heroitem .shed-bottom img {display: inline-block;text-align: right;width:300px;border: solid 1px #4b463d;border-radius: 3px;margin-top: 45px;border-radius: 50px 3px 50px 3px;}
.herowrap .heroitem h1  {font-size: 42px;font-weight: 300;color: #efd0a0;text-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);line-height: 60px;text-transform: uppercase;}
.herowrap .heroitem h1 span {color:#fff;font-weight: 500;}
.herowrap .heroitem p  {font-size: 18px;font-weight: 200;color: #f2dfc3;line-height: 30px;opacity: 0.8;}
.herowrap .heroitem p.white {font-weight: 400;}

.herowrap .bga {background: url(../images/slide/a.jpg) no-repeat center top;background-size: cover;}
.herowrap .bgb {background: url(../images/slide/b.jpg) no-repeat center top;background-size: cover;}
.herowrap .bgc {background: url(../images/slide/c.jpg) no-repeat center top;background-size: cover;}

.txsec h2  {font-size: 28px;font-weight:500;color: #efd0a0;line-height: 36px;}
.txsec h4  {font-size: 18px;font-weight:500;color: #efd0a0;line-height: 28px;}
.txsec p  {font-size: 16px;font-weight: 350;color: #fff3e1;line-height: 24px;opacity: 0.7;letter-spacing: 0.5px;}
.txsec p.sechead {display: inline-block;color:#f9e0ba;font-weight: 500;font-size: 12px;text-transform: uppercase;opacity: 0.5;position: relative;padding-left: 8px;}
.txsec p.sechead::before {position: absolute;content: '';left: 0px;top:-5px;transition: all .3s linear;width: 30px;height: 32px;background-color: #efd0a0;opacity: 0.4;border-radius: 14px 1px 14px 1px;}
.txsec p.midway {padding-left: 0px;}
.txsec p.midway::before {left: 50%;transform: translateX(-50%);}
.txsec a {display: block;font-size: 16px;font-weight: 350;color: #fff3e1;line-height: 24px;opacity: 0.7;letter-spacing: 0.5px;}
.txsec a:hover { color:#fff;opacity: 1;}

.dtxsec h3  {font-size: 24px;font-weight:600;color: #533e49;line-height: 32px;text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);}
.dtxsec p  {font-size: 15px;font-weight: 400;color: #282426;line-height: 24px;opacity: 0.8;letter-spacing: 0.5px;}
.dtxsec p.sechead {display: inline-block;color:#282426;font-weight: 650;font-size: 12px;text-transform: uppercase;position: relative;padding-left: 12px;}
.dtxsec p.sechead::before {position: absolute;content: '';left: 0px;top:-5px;transition: all .3s linear;width: 30px;height: 32px;background-color: #000;opacity: 0.2;;border-radius: 14px 1px 14px 1px;}

.abtsec {background: url(../images/abt.jpg) no-repeat right bottom;background-size: 50%;}
.prodsec {background-color: #d1b68e;}
.prodsec h1 {text-transform: uppercase;font-size:56px;font-weight: 800;letter-spacing: 3px;color:rgba(0, 0, 0, 0.4);}

.prodbox {display: block;background-color:#fff;position: relative;padding: 16px 12px 6px 12px;margin: 12px;margin-bottom:30px ;border-radius: 5px;z-index: 1;border:solid 1px #e6e4e2}
.prodbox::before {position: absolute;content: '';left: 0px;bottom:0px;transition: all .3s ease-in-out;width: 100%;height: 42%;background-color: #e4caa2;z-index: -1;opacity: 0.65;}
.prodbox h5  {font-size: 14px;font-weight:700;color:#2b292a;line-height: 26px;transition: all .4s linear;}
.prodbox p  {font-size: 13px;color: #282426;font-weight: 550;line-height: 21px;}
.prodbox:hover::before{height: 100%;border-radius: 5px ;opacity: 1;} 

.branditem {padding:45px 6px;overflow: hidden;transition: all 0.3s linear;margin: 8px;}
.branditem img{max-width: 100%;transition: all 0.3s linear;filter: grayscale(1);margin: auto;}
.branditem:hover {background-color: #f0e9de;border-radius: 75px 3px 75px 3px;}
.branditem:hover img {transform: scale(1.15);filter: grayscale(0);}


.contsec {background: url(../images/contact.jpg) no-repeat left center;background-size:cover;}
.contsec .bottomsec {border-top:solid 1px #715e41;background-color: rgba(0, 0, 0, 0.4);}

.copy {background-color: #d1b68e;}
.copy p{color:rgba(0, 0, 0, 0.6);font-size: 13px;font-weight: 550;line-height: 22px;}
.copy p.md {font-weight: 500; font-size: 14px;line-height: 26px;}
.copy p.bg {font-weight: 650; font-size: 18px;}