body {background-color:#fff;color:#000; 
  font-family: "Ubuntu", sans-serif;
  font-weight: 300;
  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:#000;}
.seconbg {background-color: #f1f1f1;}

.right-border {border-right:solid 4px #876971;}
.left-border {border-left:solid 4px #532633;}


a.logo {position: absolute;left:0px;top:0px;padding: 12px 18px;background-color: #fff;transition: all 0.5s linear;box-shadow: 0px 1px 12px 2px rgba(0, 0, 0, 0.1);border-radius: 0px 0px 3px 3px;}
a.logo img {height: 100px;transition: all 0.1s linear;}

.mainnav {display: block;margin-top: 24px;transition: all 0.5s linear;}
.mainnav a {display: inline-block;color:#000;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: #000;transition: all 0.5s linear;}
.mainnav a:hover::before {width: 90%;left: 0px;}
.mainnav a:hover {color: #000;}
.mainnav a.lang {color:#fff;padding:4px 12px;margin: 0px 0px 0px 16px;border-radius: 3px;background-color: #000;text-transform: uppercase;letter-spacing: 1px;}
.mainnav a.lang:hover {background-color: #000;color:#fff;}
.mainnav a.lang:hover:before {width: 0px;} 

.srink {box-shadow: 0px 1px 3px 2px rgba(0,0,0,0.1);background-color: #fff;padding: 6px 0px 16px 0px;}
.srink a.logo {padding:0px;box-shadow: none;top:4px;}
.srink a.logo img {height: 50px;}
.srink .mainnav {margin-top: 14px;}


/**Hero*/
.hero {box-sizing:border-box;overflow:hidden;position: relative;}
.hero .heroslide {display:block;height: 710px;}
.hero .img-a {background: url(../images/hero/a.jpg) no-repeat left center;background-size: cover;}
.hero .img-b {background: url(../images/hero/b.jpg) no-repeat left center;background-size: cover;}

.hero .herotext {position: absolute;left:50%;bottom:80px;transform: translateX(-50%);text-align: center;}
.hero .herotext h1 {color:#fff;font-size:48px;font-weight:700;line-height: 48px;text-transform: uppercase;}
.hero .herotext p {color:rgb(255, 255, 255, 0.75);font-size:18px;font-weight:400;}
.hero .herotext p.sm {font-size: 18px;font-weight:400;}


.txstyle  h2 {color:#333;font-size:32px;font-weight:300;line-height: 46px;}
.txstyle  h2 span{font-weight:700;color:#000;font-size:35px;}

.txstyle  h3 {color:#000;font-size:24px;font-weight:700;}
.txstyle  h4 {color:#000;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: 11px;font-weight:400;color:#777;border :solid 1px #ccc;border-radius:1px 18px 18px;position: relative;display: inline-block;padding: 1px 18px;text-transform: uppercase;}

.txstyle ul {list-style: none;padding: 0;margin: 0;}
.txstyle ul li {padding:5px 0px 5px 45px;font-size:20px;font-weight:300;position: relative;transition: all 0.3s linear;}
.txstyle ul li span{font-weight: 700;}
.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 {background-color: #fff;border:solid 1px #e8e8e8;transition: all 0.3s linear;height: 100%;padding: 1px;}
.imgbox .img-wrapper {overflow: hidden;transition: all 0.3s linear;}
.imgbox .img-wrapper img {width: 100%;transition: all 0.3s linear;}
.imgbox:hover .img-wrapper img {transform: scale(1.05);}
.imgbox .txstyle {padding: 24px 30px;}


.carbox {background-color: #fff;border:solid 1px #e8e8e8;transition: all 0.3s linear;padding: 1px;overflow: hidden;}
.carbox img {width: 100%;transition: all 0.3s linear;}
.carbox:hover img {transform: scale(1.05);}

.boxstyle {background-color: #fff;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);}


.brandslider {box-sizing:border-box;overflow:hidden;}
.brandslider .brandslide {display:block;padding:30px;margin:0px 3px;transition: all 0.3s linear;background-color: #fff;box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1);}
.brandslider .brandslide img{display: block;width:100%;transition: all 0.3s linear;margin: auto;}
.brandslider .brandslide:hover img{transform: scale(1.2)}


/** Footer **/
.ftr {background: url(../images/cc.jpg) no-repeat left center;background-size: cover;padding:110px 0px 60px 0px;}

.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;}