body {font-family: "Montserrat", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; font-variation-settings:"wdth" 100;}
a {text-decoration: none; transition: all .2s linear;}
.theme-lightbg {background-color:#f3eeeb ;}
.top-border {border-top: solid 1px #e4dedb;}
.left-border {border-left: solid 1px #dedede;}

.navwrap {background-color: rgba(255, 255, 255, 0.0);border-radius: 0 0 3px 3px;}
.infobar {display: block; background-color: #fff; padding: 11px 14px 10px 10px;}
.infobar p {margin: 0; font-size: 14px; font-weight: 500; color:#404040}
.infobar a {position: relative; padding-left: 22px; margin-left: 22px; font-size: 12px; font-weight: 500;color:#484848;transition: all 0.3s linear;}
.infobar a img{ position: absolute; top: 0px; left: 0px; width: 16px;opacity: 0.5;transition: all 0.3s linear; }
.infobar a:hover {color:#000;}
.infobar a:hover img{opacity: 1;}

.logo {display:inline-block; padding: 22px 0px 10px 0px;}
.logo img {width: auto; height:40px;position: relative;margin-left: -7px;}

.mainnav {display: block; padding-top:26px; transition: all .3s linear;}
.mainnav a {display: inline-block; color: #5a3858; margin-left:26px; font-size: 14px; font-weight: 500; position: relative;}
.mainnav a::before{position: absolute; left:50%; bottom:-2px; width: 0px; height: 1px;transform: translateX(-50%) ; background-color:#c97d45; content: '';transition: all 0.3s linear;}
.mainnav a:hover::before {width: 100%;}
.mainnav a:hover {color:#000;}

.srink  {box-shadow: 0px 1px 7px 1px rgba(0,0,0,0.15);background-color: #fff;}
.srink .logo {padding: 14px 0px 14px 0px;}
.srink .logo img {height:32px;}
.srink .mainnav {padding-top:18px;}
.srink .mainnav a{margin-left:18px;}

.hero {display: block;}
.hero .heroslide {height: 690px;padding-top: 260px;}
.hero .heroslide h1{font-size: 40px;color:#3f2841;font-weight: 700;letter-spacing: -0.5px;}
.hero .heroslide p{font-size: 16px;color:#4d474d;margin: 0px; line-height: 24px;font-weight: 400;}
.hero .heroslide p.head{font-weight: 500;color:#4d474d;}

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

.txstyle h3{font-size: 26px;font-weight: 600;color:#362138;line-height: 36px;}
.txstyle h5{font-size: 18px;font-weight: 600;color:#362138;line-height: 36px;}
.txstyle p {font-size: 14px;color:#888;margin: 0px; line-height: 22px;font-weight: 400; }

.products {margin:6px 0 30px 0;}
.products .imgbox {display: block;overflow: hidden;border-radius: 5px;margin-bottom: 20px;}
.products .imgbox img { border-radius: 5px;transition: all 0.3s linear;}
.products img:hover {transform: scale(1.2);}


.aboutbox {display: block;padding:80px 30px 30px 30px;position: relative;}
.aboutbox::before {position: absolute;bottom: -5px;left: 30px;width: 90px;height: 3px;content: '';background-color: #362138;}
.aboutbox span{position: absolute;top:-20px;right: 50px;font-size: 110px;font-weight: 700; -webkit-text-stroke: 1px #e6e6e6;color:#fff;z-index: 0;transition: all 0.3s linear;}
.aboutbox:hover span {top: 20px;right: 80px;opacity: 0.4;transform:scale(1.8);}
.aboutbox h5, .aboutbox p {position: relative;z-index: 2;}

.abouticonbox {display: block;border:solid 1px #dedede;border-radius: 100px;padding: 0 40px;}
.abouticonbox h4 {font-size: 18px;margin: 22px 0px;position: relative;padding-left: 26px;text-align: left;}
.abouticonbox h4 img {position: absolute;width: auto;height: 20px;left: 0px;top:50%;transform: translateY(-50%);}

.whyus {background: url(../images/bg/why.jpg) no-repeat left center;background-size: cover;padding: 90px 0px;}
.whybox {display: block;background-color: #fff;padding:60px;border-radius: 5px;}
.whyus .whybuttons {display: block;margin-top: 30px;}
.whyus .whybuttons a{display: inline-block;padding: 10px 14px;margin-right: 8px;border:solid 1px #dedede;border-radius: 30px;}
.whyus .whybuttons a img {opacity: 1;max-width: 100%;transition: all 0.3s linear;}
.whyus .whybuttons a:hover {border: solid 1px #534954;}

.brandslider {background: linear-gradient(to bottom,  #fff 50%, #f3eeeb 100%); border-top:solid 1px #e0e0e0;}
.brandslider .branditem {padding:28px 6px;overflow: hidden;transition: all 0.3s linear;}
.brandslider .branditem img{width: 60%;transition: all 0.3s linear;margin: auto;}
.brandslider .branditem:hover img {opacity: 1;transform: scale(1.2);}

.contact {background-color: #362138;} 
.contact img {width: auto; height: 36px;}
.contact .op-8 { opacity: 0.75;}
.contact h5 {font-size: 20px;color:#f3edf4;}
.contact p {font-size: 14px;color:#a89c92;margin: 0px; line-height: 22px;font-weight: 400; }
.contact p.boldtext {font-weight: 500;color:#a89c92; } 
.contact a {display: block; font-size: 14px;color:#a89c92; margin-bottom: 10px;}
.contact a:hover {color:#c97d45}

.ftr {background-color: #362138;padding: 16px 0; border-top: solid 1px #433245; }       
.ftr p {font-size: 12px;color:#a89c92;margin: 0px;opacity: 0.75;}