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: #e6e6e6;}
.bwgrad {background: linear-gradient(to right, white 50%, black 50%);}
.wbgrad {background: linear-gradient(to left, white 50%, black 50%);}

a.logo {position: absolute;left:0px;top:0px;padding: 12px 18px;background-color: #fff;transition: all 0.5s linear;border-radius: 0px 0px 5px 5px;}
a.logo img {height: 60px;transition: all 0.1s linear;}

.mainnav {display: block;margin-top: 24px;transition: all 0.5s linear;}
.mainnav a {display: inline-block;color:#fff;margin:0px 12px;font-size: 14px;font-weight:400;position: relative;text-transform: uppercase;}
.mainnav a::before {position: absolute;content: '';width: 0px;height: 1px;left: 50%;bottom: -4px;background-color: #fff;transition: all 0.5s linear;}
.mainnav a:hover::before {width: 90%;left: 0px;}
.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;}
.srink .mainnav a {color: #000;}
.srink .mainnav a.lang {color:#fff;}

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

.hero .heroslide h2 {color:#fff;font-size:36px;font-weight:500;text-transform: uppercase;}
.hero .heroslide p {color:#999;font-size:16px;font-weight:300;}

.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 .bold {font-size: 18px;font-weight: 500;color:#000;}
.txstyle p.sm {font-size: 11px;font-weight:500;color:#000;border :solid 1px #aaa;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;border-radius: 0px 12px 60px 12px;}
.imgbox .img-wrapper {overflow: hidden;transition: all 0.3s linear;border-top-right-radius: 10px;}
.imgbox .img-wrapper img {width: 100%;transition: all 0.3s linear;}
.imgbox:hover .img-wrapper img {transform: scale(1.05);}
.imgbox .txstyle {padding: 26px;}
.imgbox .txstyle p.norm {color:#666}
.imgbox-mid {border-radius: 0px 12px 60px 60px;}
.imgbox-end {border-radius: 0px 12px 12px 60px;}

.carbox {background-color: #fff;border:solid 1px #e8e8e8;transition: all 0.3s linear;padding: 1px;overflow: hidden;margin-bottom: 30px;}
.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);}
 

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

.ftr h3 {font-size: 28px;line-height:36px;font-weight:400;color:#ccc;}
.ftr h4 {font-size: 22px;line-height:34px;font-weight:300;color:#ccc;}
.ftr p {font-size: 16px;font-weight: 300;color: #777;line-height:24px;}
.ftr p.sm {font-size: 11px;font-weight:400;color:#777;border :solid 2px #444;border-radius:1px 18px 18px;position: relative;display: inline-block;padding: 1px 18px;text-transform: uppercase;}
.ftr a {display: inline-block;font-size: 16px;font-weight: 300;color: #777;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;color:#fff}

.copy{font-size: 14px;font-weight: 400;color: #fff;opacity: 0.4;}