﻿body {background-color:#fff;color:#000;font-family: "Play", sans-serif;font-size: 14px;font-weight: 400;font-style: normal;}

a {text-decoration:none;-webkit-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;}

.primbg {background-color:#532633;}
.primdark {background-color: #3a1923;}
.seconbg {background-color: #f8f2f3;}
.top-border {border-top:solid 4px #532633;}
.right-border {border-right:solid 4px #876971;}
.left-border {border-left:solid 4px #532633;}

#NVPanel {background-color: #fff;} 
a.logo {display: block;padding:6px 0px 6px 0px;transition: all 0.5s linear;}
a.logo img {max-height: 70px;transition: all 0.5s linear;}

.mainnav {display: block;margin-top: 24px;transition: all 0.5s linear;}
.mainnav a {display: inline-block;color:#777;margin:0px 12px;font-size: 14px;font-weight:400;position: relative;}
.mainnav a::before {position: absolute;content: '';width: 0px;height: 1px;left: 50%;bottom: -4px;background-color: #714e5a;transition: all 0.5s linear;}
.mainnav a:hover::before {width: 90%;left: 0px;}
.mainnav a:hover {color: #532633;}
.mainnav a.lang {color:#532633;padding:4px 9px;margin: 0px 0px 0px 16px;border-radius: 3px;border:solid 1px #532633;}
.mainnav a.lang:hover {background-color: #532633;color:#fff;}
.mainnav a.lang::before {background-color: #fff;} 

.srink {box-shadow: 0px 1px 3px 2px rgba(0,0,0,0.1);}
.srink a.logo {padding:6px 0px 6px 0px;}
.srink a.logo img {max-height: 50px;}
.srink .mainnav {margin-top: 14px;}


/**Hero*/
.hero {box-sizing:border-box;overflow:hidden;}
.hero .one {background: url(../images/hero/1.jpg) no-repeat left center;background-size: cover;}

.hero .heroslide {display:block;height: 610px;padding-top:110px;}
.slide-content {padding:30px 0px 45px 0px;}
.slide-content h1 {color:#fff;font-size:38px;font-weight:700;line-height: 48px;}
.slide-content p {color:rgb(255, 255, 255, 0.75);font-size:18px;font-weight:400;}
.slide-content p.sm {font-size: 18px;font-weight:400;}
.slide-content a {border: solid 2px #fff;padding: 9px 20px;color:#fff;}
.slide-content a:hover {background-color: #fff;color:#532633;} 
.slide-content:hover::before {left:5px;}

.txstyle  h2 {color:#5e514c;font-size:30px;font-weight:800;}
.txstyle  h3 {color:#5e514c;font-size:24px;font-weight:700;}
.txstyle  h4 {color:#5e514c;font-size:18px;font-weight:700;}
.txstyle p {font-size: 18px;font-weight: 400;line-height:26px;color:#444;}
.txstyle p.norm {font-size: 16px;font-weight: 400;line-height:26px;color:#444;}
.txstyle p.sm {font-size: 14px;font-weight:700;line-height:20px;color:#ab9198;position: relative;}
.txstyle p.sm-center {display: inline-block;padding: 0px 90px;}
.txstyle p.sm-center::before {left:0px;top:50%;width:75px;height: 1px;background-color: #532633;position: absolute;content: '';}
.txstyle p.sm-center::after {right:0px;top:50%;width:75px;height: 1px;background-color: #532633;position: absolute;content: '';}

.txstyle p.sm-left {display: inline-block;padding:0px 90px 0px 0px;}
.txstyle p.sm-left::after {right:0px;top:50%;transform: translateY(-50%);width:75px;height: 1px;background-color: #876971;position: absolute;content: '';}

.txstyle ul {list-style: none;padding: 0;margin: 0;}
.txstyle ul li {padding:5px 0px 5px 45px;font-size:18px;font-weight:400;line-height: 30px;position: relative;transition: all 0.3s linear;}
.txstyle ul li::before {left:0px;top:50%;width:30px;height: 1px;background-color: #532633;position: absolute;content: '';transition: all 0.3s linear;}
.txstyle ul li:hover::before {width: 60px;} 
.txstyle ul li:hover {padding-left: 75px;}


.imgbox {position: relative;background-color: #fff;border:solid 1px #e8e8e8;transition: all 0.3s linear;height: 100%;box-shadow: 0px 0px 36px 0px rgba(0, 0, 0, 0.1);}
.imgbox .txcounter {position: absolute;left: -10px;top: 50%;transform: translateY(-50%);width: 40px;height: 50px;padding-top:10px;background-color: #532633;transition: all 0.3s linear;overflow: hidden;color:#fff;font-size: 20px;font-weight: 400;text-align: center;z-index: 0;}
.imgbox .txstyle {padding:30px 30px 20px 70px;position: relative;z-index: 1;}
.imgbox:hover .txcounter {left: 0px;width: 100%;height: 100%;font-size: 140px;color:rgba(255, 255, 255, 0.1);padding-top: 1px;}
.imgbox:hover .txstyle h4, .imgbox:hover .txstyle p  {color:#eee;}

.boxstyle {background-color: #fff;padding: 30px 24px;box-shadow: 0px 0px 36px 0px rgba(0, 0, 0, 0.1);border:solid 1px #e8e8e8;transition: all 0.3s linear;}
.boxstyle .icn {max-width: 60px;transition: all 0.3s linear;}
.boxstyle:hover {border: solid 1px #532633;}
.boxstyle:hover .icn{transform:scale(1.1);}

.branditem {background-color: rgba(255, 255, 255, 0.8);margin: 3px 6px;padding:45px 24px;border-radius: 5px;overflow: hidden;transition: all 0.3s linear;border: solid 1px #fff;}
.branditem img{width: 80%px;transition: all 0.3s linear;margin: auto;}
.branditem:hover {background-color: #fff;box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);}
.branditem:hover img{transform:scale(1.2);}

.servicebox {display: block;margin-bottom: 50px;border:solid 1px #dedede;padding: 3px;border-radius: 5px;}
.servicebox .servicebox-img {overflow: hidden;transition: all 0.3s linear;}
.servicebox .servicebox-img img{transition: all 0.3s linear;border-top-left-radius: 5px; border-top-right-radius: 5px;}
.servicebox .servicebox-content {display: block;padding-top:8px;transition: all 0.3s linear;}
.servicebox .servicebox-content h3 {color:#a79c9f;font-size:14px;transition: all 0.3s linear;text-align: center;}
.servicebox:hover .servicebox-img img {transform: scale(1.1);}
.servicebox:hover .servicebox-content h3 {color: #000;transform: scale(1.1);}


/** Footer **/
.ftr {background: url(../images/hero/2.jpg) no-repeat left center;background-size: cover;}
.ftr h3 {font-size: 26px;font-weight:500;color: #fff;line-height:34px;}
.ftr p {font-size: 16px;font-weight: 300;color: #fff;line-height:24px;}
.ftr a {display: inline-block;font-size: 16px;font-weight: 300;color: #fff;transition: all 0.3s linear;border-bottom: solid 1px rgba(0, 0, 0, 0);margin-bottom: 5px;}
.ftr a:hover{border-bottom: solid 1px #fff;}
.ftr a.ftrbtn {border: solid 1px #777;border-radius: 30px;padding: 6px 24px;font-weight: 500;margin-right: 18px;}
.ftr a.ftrbtn:hover{border: solid 1px #fff;background-color: #fff;color:#e18105}



.copy{font-size: 14px;font-weight: 400;color: #fff;opacity: 0.4;}
