﻿body {font-family: 'Mulish', sans-serif;background-color:#fff;color:#000;font-size:14px;}
a {text-decoration:none;-webkit-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;}

.primbg {background-color:#ac0e0e;}
.seconbg {background-color: #424242;}
.lightbg {background-color: #f6f6f6;}
.top-border {border-top:solid 4px #bf0d0d;}

#NVPanel {background-color: rgba(0, 0, 0, 0.03);} 
a.logo {display: block;padding:16px 0px 6px 0px;transition: all 0.5s linear;}
a.logo img {max-height: 65px;transition: all 0.5s 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:500;text-shadow: 1px 1px 5px 8px rgba(0,0,0,0.8);position: relative;}
.mainnav a:hover {color: #bf0d0d;}
.mainnav a.lang {color:#fff;padding:7px 9px;margin: 0px 0px 0px 6px;border-radius: 30px;}
.mainnav a.lang:hover {background-color: #fff;color:#5e514c;}
.mainnav a.actlang, .mainnav a.actlang:hover {background-color: #bf0d0d;color:#fff;}

.srink {background-color: #ffffff !important;box-shadow: 0px 1px 3px 2px rgba(0,0,0,0.1);}
.srink a.logo {padding:9px 0px 8px 0px;}
.srink a.logo img {max-height: 44px;}
.srink .mainnav {margin-top: 11px;}
.srink .mainnav a {color:#5e514c;}
.srink .mainnav a:hover {color:#bf0d0d;}
.srink .mainnav a.lang:hover {background-color: #5e514c;color:#fff;}
.srink .mainnav a.actlang, .srink .mainnav a.actlang:hover {background-color: #bf0d0d;color:#fff;}

/**Hero*/
.hero {box-sizing:border-box;overflow:hidden;}
.hero .one {background: url(../images/hero/1.jpg) no-repeat left center;background-size: cover;}
.hero .two {background: url(../images/hero/2.jpg) no-repeat left center;background-size: cover;}
.hero .tre {background: url(../images/hero/3.jpg) no-repeat left center;background-size: cover;}
.hero .fre {background: url(../images/hero/4.jpg) no-repeat left center;background-size: cover;}

.hero .heroslide {display:block;height:700px;padding-top:210px;overflow: hidden;}
.slide-content {position: relative;transform-style: preserve-3d;padding:40px 0px 45px 45px;}
.slide-content::before {position: absolute;left:-190px;top:0px;width: 140px;height: 140px;border-radius: 120px;border: solid 30px #bf0d0d;content: '';transform: translateZ(-1px);transition: all 0.3s linear;}
.slide-content h1 {color:#fff;font-size:44px;font-weight:700;line-height: 52px;}
.slide-content p {color:#fff;font-size: 18px;font-weight:400;}
.slide-content p.sm {text-transform: uppercase;font-size: 14px;font-weight:600;}
.slide-content a {border: solid 2px #fff;padding: 9px 20px;color:#fff;}
.slide-content a:hover {background-color: #fff;color:#ec4100;} 
.slide-content:hover::before {left:0px;;top:-20px;background-color: #bf0d0d;width:200px;height: 440px;}


.txstyle  h2 {color:#424242;font-size:30px;font-weight:800;}
.txstyle  h3 {color:#424242;font-size:20px;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:#bf0d0d;}

.txstyle-w  h2 {color:#fff;font-weight:700;}
.txstyle-w p {color:rgba(255,255,255,0.85);}
.txstyle-w p.sm {color:rgba(255,255,255,0.7);}

.brangbg {background: url(../images/brandbg.jpg) no-repeat center top ;background-size: cover;}
.branditem {background-color: #fff;margin: 3px 3px;padding:30px 24px;border-radius: 5px;overflow: hidden;transition: all 0.3s linear;border: solid 1px #fff;}
.branditem img{max-width: 118px;transition: all 0.3s linear;margin: auto;}
.branditem:hover {border: solid 1px #bf0d0d;box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);}
.branditem:hover img{transform:scale(1.1) rotate(3deg);}
#BRDS .txstyle  h2{color:#fff;font-weight: 600;}
#BRDS .txstyle  p{color:#eee;}

.boxstyle {background-color: #fff;border-radius: 5px;border:solid 1px #e8e8e8;transition: all 0.3s linear;}
.boxstyle .icn {max-width: 60px;transition: all 0.3s linear;transition: all 0.3s linear;}
.boxstyle:hover {border: solid 1px #bf0d0d;box-shadow: 0px 0px 36px 0px rgba(0, 0, 0, 0.1);}
.boxstyle:hover .icn{transform:scale(1.1);filter: grayscale(100);opacity: 0.5;}
.boxstyle:hover .txstyle  h3 {color: #bf0d0d;}


.servicebox {display: block;}
.servicebox .servicebox-img { overflow: hidden;}
.servicebox .servicebox-img img{transition: all 0.3s linear;}
.servicebox .servicebox-content {display: block;padding:16px 20px 12px 20px;border-bottom: solid 1px #aaa;transition: all 0.3s linear;}
.servicebox .servicebox-content h3 {color:#424242;font-size:16px;font-weight:700;}
.servicebox:hover .servicebox-img img {transform: scale(1.1) rotate(-3deg);}
.servicebox:hover .servicebox-content h3 {color: #bf0d0d;}

.whysection {padding-bottom: 110px;padding-top: 30px;}
.whysectionitems {display: block;margin-top:-190px;}

/** Footer **/
.ftr {background: url(../images/ftr.jpg) no-repeat left center;background-size: cover;}
.ftr h3 {font-size: 26px;font-weight:500;color: #fff;line-height:34px;}
.ftr h4 {font-size: 20px;font-weight:600;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}

.framestyle {height:440px;width:100%;transition: all 0.3s linear;opacity:0.3;}
.framestyle:hover {opacity:1;}


.copy{font-size: 14px;font-weight: 400;color: #fff;opacity: 0.4;}
