body{background-color:#fff;font-size: 16px;font-weight: 400;color:#262830;font-family: 'Mulish', sans-serif;}
a {text-decoration: none;transition: all 0.3s linear;}

.primbg {background-color: #291f11;}
.primbgdark {background-color: #191106;}
.seconbg {background-color: #7f664b;}
.boxborder-gray{border:solid 1px #e8e8e8;}
.top-gray-border{border-top:solid 1px #555;}
.boxshadow {box-shadow: 0 3px 10px #eee;}
.rounded-topleft {border-top-left-radius: 12px;}
.rounded-topright {border-top-right-radius: 12px;}
.rounded-botleft {border-bottom-left-radius: 12px;}
.rounded-botright {border-bottom-right-radius: 12px;}

.lineanim{position: relative}
.lineanim::before{position: absolute;content: '';bottom: -2px;left: 50%;width: 0%;height: 1px;background-color:#63533e;transition: all .7s linear}
.lineanim:hover::before{width: 90%;left:5%;}

.logo {padding:6px 0px 8px 0px;}
.logo img{max-height:45px;transition: all 0.3s linear;}

/* navibar **/
.navibar {display: block;margin-top:20px;transition: all .3s linear}
.navibar .sptr{margin: 0 14px;}
.navibar a {color:#ad8a61;margin-left:18px;font-size: 14px;font-weight: 600;position: relative;text-transform: uppercase;}
.navibar a:hover {color:#fff}
.navibar a.lang {font-size: 14px;}
.navibar a.act, .navibar a.act:hover {color:#fff}

.scrolled .logo img {max-height: 35px;}
.scrolled .navibar {margin-top:14px;}


/* heroslider*/
.heroslide {height: 640px;}
.heroslide .slidecontent {margin-top: 230px;}
.heroslide .slidecontent .extratopgap {margin-top: 130px;}
.heroslide .slidecontent p{color:#ad8a61;font-size: 16px;font-weight: 400;text-align: left;}
.heroslide .slidecontent p.service{color:#ad8a61;font-size: 14px;font-weight: 400;text-align: center;letter-spacing: 9px;text-transform: uppercase;}
.heroslide .slidecontent h3{color:#fff;font-size: 46px;text-align: center;}
.heroslide .slidecontent a {color:#ad8a61;transition: all 0.3s linear;}
.heroslide .slidecontent a:hover{color:#fff;}
.heroslide .slidecontent img {max-height: 180px;margin:30px auto 0px auto;transition: all .3s linear;cursor: pointer;}
.heroslide .slidecontent img:hover{margin-top: 60px;}


.heroslide-a {background: url(../images/hero/a.jpg) no-repeat center center;background-size: cover;}
.heroslide-b {background: url(../images/hero/b.jpg) no-repeat center center;background-size: cover;}
.heroslide-c {background: url(../images/hero/c.jpg) no-repeat center center;background-size: cover;}

/**About Section*/
.titlestyle {display: block;}
.titlestyle h4{display: inline-block;font-size:16px;font-weight:500;color:#ad8a61;margin-bottom:18px;position: relative;}
.titlestyle h4::after{position: absolute;top:49%;right:110%;width:5000px;height:1px;background-color: #ad8a61;content: '';}
.titlestyle h3{display: block;font-size:30px;font-weight:300;color:#3f2e1a;margin-bottom:30px;line-height:38px;}
.titlestyle h3 span{font-weight:700;}
.titlestyle h5{display: block;font-size:25px;font-weight:300;color:#3f2e1a;margin-bottom:30px;line-height:38px;}
.titlestyle h5 span{font-weight:700;}
.titlestyle p{display: block;font-size:16px;font-weight:400;color:#000;line-height: 24px;}
.titlestyle a{display: inline-block;padding: 12px 30px;color:#000;border:solid 1px #aaa;background-color: #fff;border-radius: 90px;margin-right: 10px;}
.titlestyle a.dark, .aboutcontent a:hover {background-color: #000;color:#fff;}
.titlestyle a.dark:hover{color: #000;background-color:#fff;}
.titlestyle p.icontext {font-weight: 800;font-size: 18px;}
.titlestyle p.icontext span {display: block;font-weight: 400;font-size: 14px;}

.titlestyle ul {list-style: none;line-height: 28px;padding:0px;cursor: pointer;}
.titlestyle ul li {position: relative;padding-left: 60px;}
.titlestyle ul li::after {position: absolute; left:0px; top:50%;height: 1px; width: 28px; background-color: #ad8a61;content: "";transition: all 0.3s linear;}
.titlestyle ul li:hover::after {left:20px; background-color: #000;}

.prodbox {display:block;position:relative;overflow:hidden;transition: all .3s linear;}
.prodbox img {border-radius:3px;}
.prodbox p {position:absolute;left:0px;top:130%;transform:translateY(-100%);padding-top:20px;width:100%;font-size:14px;font-weight:500;line-height: 20px;transition: all .3s linear;}
.prodbox:hover p {top:100%;background-color:rgba(48, 37, 21,0.8);color:#fff;border-bottom-left-radius:3px;border-bottom-right-radius:3px;padding-bottom:26px;}

.ctaone{display: block;background: url('../images/cta2.jpg') no-repeat center center;background-size: cover;padding: 70px 0px 70px 0px;}
.ctatwo{display: block;background: url('../images/cta.jpg') no-repeat center center;background-size: cover;padding: 70px 0px 70px 0px;}
.contactcta h3{display:block;font-size:30px;font-weight:500;color:#ba9d7c;line-height: 42px;}
.contactcta p{display:block;font-size:17px;font-weight:400;color:#ba9d7c;}
.contactcta a {display: inline-block;border:solid 2px #ba9d7c;color:#ba9d7c;padding: 11px 28px;border-radius: 30px;}
.contactcta a:hover {background-color: #ad8a61;color:#fff;}

/* Conatct Info*/
.contactinfo {display: block;padding: 20px 0px;}
.contactinfo h3{display:block;font-size:25px;font-weight:700;color:#ad8a61;}
.contactinfo h4{display:block;font-size:18px;font-weight:600;color:#ad8a61;line-height: 28px;}
.contactinfo p{margin-bottom:0px;padding-bottom: 0px;line-height: 24px;color:#ad8a61;font-size: 16px;}
.contactinfo a {display:inline-block;color:#ad8a61;font-size: 16px;margin-bottom: 8px;}
.contactinfo a:hover{color:#dfc7ab} 


/*  Footer  */
.copy{font-size:14px;color:#ad8a61;opacity: 0.8;}
.copy a{display: inline-block;font-size: 12px;color:#ccc;opacity: 0.8;}
.copy a:hover{opacity: 1.0;color:#fff;}