body {background-color:#fff;color:#000;font-family: "Outfit", sans-serif;font-size: 14px;font-weight: 400;font-style: normal;font-optical-sizing: auto;}

a {text-decoration:none;-webkit-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;}

.primbg {background-color:#0f2531;}
.primdarkbg {background-color:#0c1d26;}
.primlightbg {background-color:#cedfe7;}
.seconbg {background-color: #ec6d35;}


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

.mainnav {display: block;margin-top: 30px;transition: all 0.5s linear;}
.mainnav a {display: inline-block;color:#fff;margin:0px 14px;font-size: 15px;font-weight:300;letter-spacing: 0.5px;position: relative;}
.mainnav a::before {position: absolute;content: '';background-color: #ec6d35;width: 0px;height: 2px;left: 0px;bottom: -3px;transition: all 0.3s linear;}
.mainnav a:hover, .mainnav a.active {color: #ff9467;}
.mainnav a:hover::before, .mainnav a.active::before {width: 100%;}

a.lang {display: inline-block;color:#fff;font-size: 12px;font-weight:300;letter-spacing: 0.5px;padding:5px 18px;margin-top: 28px;border-radius: 30px;border:solid 1px #cb6337;}
a.lang:hover {background-color:#ec6d35;border:solid 1px #ec6d35;}

.srink {box-shadow: 0px 1px 3px 2px rgba(0,0,0,0.1);}
.srink a.logo {padding:8px 0px 5px 0px;}
.srink a.logo img {max-height: 42px;}
.srink .mainnav {margin-top: 16px;}
.srink .mainnav a {margin:0px 9px;font-size: 14px;font-weight:350;}
.srink a.lang  {margin-top: 14px;padding: 4px 12px;}
 
.hero {box-sizing:border-box;overflow:hidden;position: relative;background-color: #0f2531;}
.hero .heroslide {display:block;height: 610px;padding-top: 480px;position: relative;}
.hero .heroslide .herotext {position: absolute;bottom: 0px;width: 100%;padding:90px 0px 45px 0px;background: linear-gradient(to top, rgba(16,38,50,0.75) 44%, rgba(16,38,50,0));}

.hero .heroslide .herotext h2 {color:#fff;font-size:20px;font-weight:500;line-height: 38px;text-shadow: 0px 0px 4px rgba(0,0,0,0.6);letter-spacing: 1px;}
.hero .heroslide .herotext h2 span {display: block;font-size:32px;color:#ec6d35;letter-spacing: 0.5px;}
.hero .heroslide .herotext p {color:#cad8f1;font-size:17px;font-weight:300;line-height: 26px;letter-spacing: 0.5px;}

.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 .img-d {background: url(../images/hero/d.jpg) no-repeat center center;background-size: cover;}

.brandslider {box-sizing:border-box;overflow:hidden;}
.brandslider .branditem {display:block;padding:0px;margin:0px;background-color: #09161e;transition: all 0.3s linear; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1);overflow: hidden;}
.brandslider .branditem img{display: block;width:100%;transition: all 0.3s linear;opacity: 0.45;transform-origin: bottom;}
.brandslider .branditem:hover {background-color: #ec6d35;}
.brandslider .branditem:hover img{transform: scale(1.05);opacity: 1;}

.txstyle h3 {font-size: 28px;line-height: 38px;font-weight: 500;color:#122b3b;}
.txstyle p {font-size: 16px;font-weight: 400;color:#435a65;line-height: 26px;letter-spacing: 0.5px;}
.txstyle p.big {font-size: 16px;font-weight: 500;color:#122b3b;line-height: 26px;letter-spacing: 0.5px;}
.txstyle .orange {color:#e85c20 !important;}

.txstyle-w h3 {font-size: 28px;line-height: 34px;font-weight: 400;color:#fff;letter-spacing: 0.5px;}
.txstyle-w h4 {font-size: 22px;font-weight: 400;color:#fff;letter-spacing: 0.5px;line-height: 36px;}
.txstyle-w h4.lg {font-size: 26px;}
.txstyle-w p {font-size: 16px;font-weight: 300;color:#f8e2da;line-height: 26px;letter-spacing: 0.5px;}
.txstyle-w a {font-size: 16px;font-weight: 300;color:#f8e2da;position: relative;}
.txstyle-w a::before {position: absolute;content: '';background-color: #ec9671;width: 30%;height: 1px;left: 0px;bottom: -4px;transition: all 0.3s linear;}
.txstyle-w a:hover::before {width: 100%;}
.txstyle-w .op-5 {opacity: 0.5;}
.txstyle-w .orange {color:#ec6d35;}
.txstyle-w .blue {color:rgba(255,255,255,0.7);}

.collbox {display: block;overflow: hidden;position: relative;margin-bottom: 15px;background-color: #0c1d26;border-radius: 6px;border-top: solid 2px #b0bdc3;transition: all 0.3s linear;}
.collbox img {width: 100%;border-radius: 5px;transition: all 0.3s linear;opacity: 0.75;}
.collbox:hover img {opacity: 1;}
.collbox .colltext {position: absolute;left: 0px;bottom: 0px;width: 100%;border-bottom: solid 6px #0f2531;transition: all 0.3s linear;background: linear-gradient(to top, rgba(232, 92, 32, 0.3), transparent)}
.collbox .colltext h4 {display: inline-block;font-size: 18px;font-weight: 400;color:#242f34;padding:6px 0px 0px 30px;letter-spacing: 0.5px;line-height: 36px;transition: all 0.3s linear;transform-origin: left;}
.collbox:hover .colltext {border-bottom: solid 6px #e85c20;background: linear-gradient(to top, #0f2531, transparent);}
.collbox:hover .colltext h4 {transform: scale(1.1);padding: 12px 0px 6px 30px;color:#fff;}

.abtbg {background: url(../images/abtbg.jpg) no-repeat right center #fff;background-size: 35%;}

.contactbg {background: url(../images/contactbg.jpg) no-repeat left center #ec6d35;background-size: 32%;}
.copy {color:rgba(255, 255, 255, 0.5);font-size: 12px;font-weight:300;letter-spacing: 0.5px;}