body {background-color:#fff;color:#000;font-size:14px;font-weight: 400;font-family: "Open Sans", sans-serif; font-optical-sizing: auto;font-style: normal;  font-variation-settings:"wdth" 100;}
a {text-decoration:none;-webkit-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;}

.primbg {background-color:#2a2432;}
.seconbg {background-color: #c3afa0;}
.lightbg {background-color: #eee6e0;}

.webnav {border-bottom: solid 0px #443d4b;}

a.logo {display: block;padding:14px 0px 14px 0px;transition: all 0.5s linear;}
a.logo img {max-height: 44px;transition: all 0.5s linear;}

.mainnav {display: block;margin-top: 28px;transition: all 0.5s linear;}
.mainnav a {display: inline-block;color:#b4a294;margin:0px 12px;font-size: 14px;font-weight:600;}
.mainnav a:hover {color: #fff;}
.mainnav a.actlang {color:#fff;}

.srink {box-shadow: 0px 1px 3px 2px rgba(0,0,0,0.1);}
.srink a.logo {padding:11px 0px 11px 0px;}
.srink a.logo img {max-height: 36px;}
.srink .mainnav {margin-top: 18px;}
 
/**Hero*/
.hero {box-sizing:border-box;overflow:hidden;}
.hero .one {background: url(../images/hero/a.jpg) no-repeat left center;background-size: cover;}
.hero .two {background: url(../images/hero/b.jpg) no-repeat left center;background-size: cover;}
.hero .tre {background: url(../images/hero/c.jpg) no-repeat left center;background-size: cover;}
.hero .fou {background: url(../images/hero/d.jpg) no-repeat left center;background-size: cover;}

.hero .heroslide {display:block;height: 700px;padding-top:230px;}

.heroslide h1 {color:#fff;font-size:28px;font-weight:300;line-height: 40px;}
.heroslide h1 span {font-weight:600;}
.heroslide p {font-size: 18px;font-weight:400;color:#b4a294;}
.heroslide p.sm {text-transform: uppercase;font-size: 14px;font-weight:600;}
.heroslide a {border: solid 2px #443d4b;font-size: 14px;font-weight:500;padding: 9px 20px;color:#b4a294;display: inline-block;margin-top: 30px;border-radius: 3px;}
.heroslide a:hover {background-color: #8b7665;color:#fff;} 

.txstyle h3 {color:#2a2432;font-size:22px;font-weight:400;line-height: 32px;}
.txstyle h3 span {font-weight:650;}
.txstyle h4 {color:#d3c3b6;font-size:18px;font-weight:600;line-height: 28px;}
.txstyle p {font-size: 17px;font-weight:500;color:#39383a;line-height: 30px;}
.txstyle p.light {color:#b4a294}
.txstyle p.heading {text-transform: uppercase;font-size: 16px;font-weight:500;color: #2a2432;}


.boxitem {display: block;border-radius: 5px;background-color: #2a2432;transition: all 0.3s linear;}
.boxitem .box-text {padding:24px 26px;}

.boxitem2 {display: block;border-radius: 5px;background-color: #dbd0c7;transition: all 0.3s linear;height: 100%;}
.boxitem2 .box-text {padding:24px 26px;}
.boxitem2 .txstyle h4 {color:#000;font-size:18px;font-weight:600;line-height: 28px;}
.boxitem2:hover {background-color: #fff;}

.prodsections {border-bottom:solid 1px #ccc;overflow: hidden;}
.gradleft, .gradright {position: relative;}
.gradleft img, .gradright img{position: relative;box-shadow: 8px 8px 20px rgba(0, 0, 0, 0.05);width: 100%;border-radius: 5px;transition: all 0.3s linear ;}
.gradright img {box-shadow: -8px 8px 20px rgba(0, 0, 0, 0.15);}
.gradleft::before, .gradright::before {top:0px;width:100%;height: 100%;background-color: #2a2432;position: absolute;content: '';z-index: 0;transition: all 0.3s linear;}
.gradleft::before {left:-50%;}
.gradright::before {right: -50%;}
.prodsections:hover .gradleft::before, .prodsections:hover .gradright::before {width:115%;}
.prodsections:hover .gradleft img {transform: scale(1.01);box-shadow: 8px 8px 20px rgba(0, 0, 0, 0.4);}
.prodsections:hover .gradright img {transform: scale(1.01);box-shadow: -8px 8px 20px rgba(0, 0, 0, 0.4);}

.ftrbg {background: url(../images/ftr.jpg) no-repeat left center;background-size: cover;}

.ftrbg h1 {color:#fff;font-size:25px;font-weight:300;line-height:36px;}
.ftrbg h1 span {font-weight:600;}
.ftrbg p {font-size: 18px;font-weight:400;color:#b4a294;}
.ftrbg p.bg {font-size: 20px;color: #fff;font-weight: 500;}
.ftrbg p.copy {font-size: 14px;color: #8c7c70;font-weight: 400;}
.ftrbg p.heading {color:#b4a294;}
.ftrbg a {color:#fff;font-size: 18px;font-weight:400;color:#b4a294;}
.ftrbg a:hover {color: #fff;}