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:#1a2c3c;}
.primdark {background-color: #0c1a27;}
.seconbg {background-color: #d0c3a5;}

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

#NVPanel {background-color: #1a2c3c;} 
a.logo {display: block;padding:12px 0px 12px 0px;transition: all 0.5s linear;}
a.logo img {max-height: 54px;transition: all 0.5s linear;}

.mainnav {display: block;margin-top: 24px;transition: all 0.5s linear;}
.mainnav a {display: inline-block;color:#a3a7a8;margin:0px 12px;font-size: 14px;font-weight:400;letter-spacing: 0.5px;}
.mainnav a:hover {color: #e9c674;}
.mainnav a.lang {color:#e8c982;padding:4px 9px;margin: 0px 0px 0px 16px;border-radius: 3px;border:solid 1px #3c5469;}
.mainnav a.lang:hover {background-color:#0c1a27;border:solid 1px #7e766d;}


.srink {box-shadow: 0px 1px 3px 2px rgba(0,0,0,0.1);}
.srink a.logo {padding:9px 0px 9px 0px;}
.srink a.logo img {max-height: 42px;}
.srink .mainnav {margin-top: 14px;}


/**Hero*/
.hero {box-sizing:border-box;overflow:hidden;background-color: #0c1a27;}
.hero .one {background: url(../images/hero/a.jpg) no-repeat left center;background-size: cover;}
.hero .two {background: url(../images/hero/b.jpg) no-repeat left center;background-size: cover;}
.hero .tre {background: url(../images/hero/c.jpg) no-repeat left center;background-size: cover;}
.hero .for {background: url(../images/hero/d.jpg) no-repeat left center;background-size: cover;}
.hero .fiv {background: url(../images/hero/e.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 h1 span {color:#e1bd6a}
.slide-content p {font-family: "Montserrat", sans-serif;color:rgb(255, 255, 255, 0.5);font-size:16px;font-weight:400;}
.slide-content p.sm {font-size: 14px;font-weight:400;letter-spacing: 0.5px;}
.slide-content a {border: solid 1px #374c5f;padding: 9px 20px;color:#e9c674;}
.slide-content a:hover {background-color: #1a2c3c;border: solid 1px #e9c674;} 
.slide-content:hover::before {left:5px;}


.txstyle h3 {color:#212933;font-size:24px;font-weight:700;}
.txstyle h4 {color:#335675;font-size:18px;font-weight:700;}
.txstyle h4.line {position: relative;color:#1a2c3c}
.txstyle h4.line::before {position: absolute;content: '';left: 0px;top:-20px;width: 60px;height: 4px;background-color: #1a2c3c;border-radius: 1px;}

.txstyle p {font-family: "Montserrat", sans-serif;font-size: 16px;font-weight: 500;line-height:24px;color:#444;}
.txstyle p.norm {font-size: 14px;font-weight: 500;line-height:22px;color:#444;}
.txstyle p.sm {font-size: 14px;font-weight:700;line-height:20px;color:#335675;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: #d7a737;position: absolute;content: '';}
.txstyle p.sm-center::after {right:0px;top:50%;width:75px;height: 1px;background-color: #d7a737;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: #514e42;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;}

.txstyle a.btnbox {display: inline-block;color:#e8c982;padding:9px 18px;border-radius: 3px;border:solid 1px #3c5469;background-color: #1a2c3c;font-size: 13px;}

.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: #1a2c3c;transition: all 0.3s linear;overflow: hidden;color:#e1bd6a;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(225, 189, 106, 0.1);padding-top: 1px;}
.imgbox:hover .txstyle h4, .imgbox:hover .txstyle p  {color:#eee;}

.boxstyle {background-color: #fff;padding:30px 20px 20px 20px;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: 64px;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:15px 14px;border-radius: 5px;overflow: hidden;transition: all 0.3s linear;border: solid 1px #fff;}
.branditem img{width: 85%;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);}


.carimg {position: relative;padding:30px 6px 30px 36px;text-align: left;}
.carimg-right {position: relative;padding:30px 36px 30px 6px;text-align: right;}
.carimg::before {position: absolute;background-color: #1a2c3c;width:48%;height: 96%;left:2%; top:2%;content: '';z-index: -1;transition: all 0.3s linear;border-radius: 3px;}
.carimg-right::before {position: absolute;background-color: #1a2c3c;width:48%;height: 96%;right:2%; top:2%;content: '';z-index: -1;transition: all 0.3s linear;border-radius: 3px;}
.carimg img, .carimg-right img {max-width: 100%;border-radius: 3px;}

.carbox:hover .carimg::before {left:15%; top:0px;height: 100%;width: 70%;}
.carbox:hover .carimg-right::before {right:15%; top:0px;height: 100%;width:70%;}



/** 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 h3 span {color:#e1bd6a}
.ftr h4 {font-size: 20px;font-weight:500;color: #fff;line-height:34px;}

.ftr p {font-family: "Montserrat", sans-serif;font-size: 15px;font-weight: 400;color: #999;line-height:24px;}
.ftr p.gold {color:#e1bd6a}

.ftr a {display: inline-block;font-size: 16px;font-weight: 300;color: #e1bd6a;transition: all 0.3s linear;border-bottom: solid 1px rgba(0, 0, 0, 0);margin-bottom: 5px;}
.ftr a:hover{border-bottom: solid 1px #e1bd6a;color:#fff}



.copy{font-family: "Montserrat", sans-serif;font-size: 12px;font-weight: 300;color: #fff;opacity: 0.5;}