body {font-family: "Archivo", sans-serif;font-optical-sizing: auto;font-weight: 400;font-style: normal;font-variation-settings:"wdth" 100;}

a {text-decoration: none;transition: all .2s linear;}

.theme-bg {background-color: #0e1417;}
.theme-bg-light {background-color: #f3f4f5;}
.theme-bg-darkgrad {background: linear-gradient(90deg, #fff 80%,  #0e1417 80%);}


.theme-bg-grad {background-color: #f4f4f4;background: radial-gradient(ellipse at 50% 45%, #fff 0%, #f4f4f4 38%, #dedede 68%, #d0d0d0 100%);}
.theme-bborder {border-bottom: solid 1px #d3d3d3;}
.theme-lrborder {border-left: solid 1px #d3d3d3;border-right: solid 1px #d3d3d3;}

.logo{padding:18px 0 9px 0;transition: all 0.3s ease;display:inline-block;}
.logo img{height: 48px;transition: all 0.3s ease;}

.mainnav {display: block;padding-top:26px;transition: all .3s linear;overflow: hidden;}
.mainnav a {display: inline-block;color:#e0e0e0;margin-left:40px;padding-bottom:5px;font-size: 14px;font-weight: 300;letter-spacing: 1px;position: relative;}
.mainnav a::before{position: absolute;left:50%;bottom:3px;transform: translateX(-50%);width: 0px;height: 1px;background-color:#666;content: '';transition: all 0.3s linear;}
.mainnav a:hover::before {width: 100%;}
.mainnav a:hover {color:#fff;}
 
.srink  {box-shadow: 0px 1px 7px 1px rgba(0,0,0,0.15);background-color: #0e1417 !important;border-top-width: 0px;}
.srink .logo {padding: 12px 0 10px 0;}
.srink .logo img {height: 36px;}
.srink .mainnav {padding-top:18px;}
.srink .mainnav a{margin-left:20px;font-size: 12.5px;font-weight: 350;color:#ddd;letter-spacing: 1px;}
.srink .mainnav a.lang {margin-left: 36px;}
 
.hero  {display: block;overflow: hidden;}
.hero .ia {background: url(../images/hero/a.jpg) no-repeat center center;background-size: cover;}
.hero .ib {background: url(../images/hero/b.jpg) no-repeat center center;background-size: cover;}
.hero .ic {background: url(../images/hero/c.jpg) no-repeat center center;background-size: cover;}
.hero .id {background: url(../images/hero/d.jpg) no-repeat center center;background-size: cover;}
.hero .ie {background: url(../images/hero/e.jpg) no-repeat center center;background-size: cover;}

.hero .heroslide {display: block;min-height: 600px;position: relative;}
.hero .heroslide .slidetext {position: absolute;width: 100%;left:0px;bottom: 0px;padding-bottom: 60px;}
.hero .heroslide h1 {color: #fff;font-size: 40px;font-weight:650;letter-spacing: 1px;text-transform: uppercase;text-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);}
.hero .heroslide h5 {font-size: 14px;font-weight:300;color:#c6c6c6;text-transform: uppercase;letter-spacing: 2px;}
.hero .heroslide p {font-size: 14px;font-weight:300;letter-spacing: 1px;color:#a6a6a6}
.hero .heroslide a {display: inline-block;margin-top: 110px;padding-left: 0px;color:#c6c6c6;font-size: 14px;font-weight:300;position: relative;text-transform: uppercase;letter-spacing: 0.5px;}
.hero .heroslide a::before{position: absolute;left:0px;top:-16px;width: 100px;height: 2px;background-color:#999;content: '';transition: all 0.3s linear;}
.hero .heroslide a:hover {padding-left: 8px;color:#fff}
.hero .heroslide a:hover::before {left: 8px;top:-9px;background-color: #fff;}

.makeslider .make{overflow: hidden;padding: 9px 24px;background-color: rgba(255,255,255,0.2);border-left:solid 1px #ccc;transition: all o.3s linear;}
.makeslider .make img {transition: all 0.3s linear;filter: grayscale(1);opacity: 0.75;}
.makeslider .make:hover img {transform: scale(1.15);filter: grayscale(0);opacity: 1;}

.theme-tx h4 {color: #111;font-size: 23px;font-weight:650;line-height: 30px;}
.theme-tx h5 {color: #111;font-size: 19px;font-weight:600;line-height: 30px;}
.theme-tx p {font-size: 15px;font-weight:300;letter-spacing: 0.25px;color:#444;line-height: 24px;}
.theme-tx p.heading {color:#000;font-weight:600;font-size: 15px;}

.theme-tx-w h4 {color: #eee;font-size: 24px;font-weight:550;letter-spacing: 1px;line-height: 30px;}
.theme-tx-w h5 {color: #ddd;font-size: 18px;font-weight:500;letter-spacing: 0.25px;line-height: 30px;}
.theme-tx-w p {font-size: 15px;font-weight:300;letter-spacing: 0.5px;color:#999;line-height: 24px;}
.theme-tx-w p.mid {color:#eee;font-size: 16;font-weight: 350;}
.theme-tx-w a {display: inline-block;color:#aaa;font-size: 14px;font-weight: 300;letter-spacing: 0.5px;position: relative;}
.theme-tx-w a::before{position: absolute;left:0px;bottom:-3px;width: 0px;height: 1px;background-color:#444;content: '';transition: all 0.3s linear;}
.theme-tx-w a:hover::before {width: 100%;}
.theme-tx-w a:hover {color:#fff;}

.caritem {padding: 20px;background-color: #f3f4f5;}
.caritem .carbox {display: block;overflow: hidden;}
.caritem .carbox img {max-width: 100%;transition: all 0.3s linear;}
.caritem:hover .carbox img{transform: scale(1.05);}
.caritem .cartx {position: relative;padding:24px 30px 14px 30px;background-color: #0e1417;transition: all 0.3s linear;z-index: 999;} 
.carleft:hover .cartx {transform: translateX(-45px);}
.carright:hover .cartx {transform: translateX(45px);}

.serviceitem {display: block;background-color: #eee;border:solid 1px #dadada;border-radius: 8px;}
.serviceitem p.head {background-color: #f4f4f4;font-size: 15px;color:#333;font-weight: 500;border-bottom:solid 1px #cdcdcd;margin: 0px;padding: 10px 20px;position: relative;cursor: pointer;border-radius:8px;transition: all 0.3s linear;}
.serviceitem p.head::before {position: absolute;right:12px;top:15px;width: 12px;height: 12px;content: '';background: url(../images/arr.png) no-repeat center center;background-size: cover;opacity: 0.35;transition: all 0.3s linear;}
.serviceitem p.head:hover::before {opacity: 1;}
.serviceitem p.desc {padding: 10px 14px 10px 20px;margin-bottom: 6px;font-size: 14px;color:#333;font-weight: 300;letter-spacing: 0.5px;}
 
.ftr {background: url(../images/cardash.jpg) no-repeat left center #0e1417;background-size: 48%;}

.copyblock {background-color: #07090a;} 
.copyblock p {font-size: 13px;color:#666;font-weight: 350;margin-top: 3px;letter-spacing: 0.5px; }
.copyblock a {display: inline-block;font-size: 13px;color:#666;font-weight: 350;line-height: 18px;letter-spacing: 0.5px; }
.copyblock a:hover {color:#aaa}


.frm {display: block;}
.frm label {font-size: 12px;font-weight:450;color: #767676;padding-left: 3px;letter-spacing: 0.5px;text-transform: uppercase;}
.frm input, .frm textarea {display: block;padding:10px 0px 9px 16px;border-radius: 3px;background-color: #eee !important;border:solid 1px #dedede !important;font-size: 14px;font-weight:500;color:#d0d0d0;box-shadow: none !important;}
.frm button {display: inline-block;padding: 12px 30px;background-color: #888;border:solid 1px #888;border-radius: 3px;font-size: 13px;font-weight:500;color:#dedede;transition: all 0.3s linear;}
.frm button:hover {background-color: #444;border:solid 1px #333;}
 .frm input:focus, .frm textarea:focus {border-color: #aaa !important;background-color: #f6f6f6 !important;}