body {font-family: 'Noto Sans', sans-serif;font-size: 14px;font-weight: 400;color:#000;}
a {text-decoration: none;transition: all 0.3s linear;}

.primbg{background-color: #000;}
.primbg50{background-color: rgba(0, 0, 0, 0.632);}
.graybg{background-color: #e8e8e8;}
.topbdr {border-top:solid 5px #000;}
.logo {display: inline-block;padding:16px 16px 12px 16px;transition: all 0.3s linear;background-color: #000;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.logo img {max-height: 40px;}

.mnav {margin-top: 14px;position: relative;}
.mnav a {display: inline-block;color:#000;font-size:13px;font-weight:500;transition: all 0.3s linear;position: relative;text-transform: uppercase;margin-left: 18px;}
.mnav a::before{position: absolute;content: '';width: 0px;height: 1px;left: 50%;transform: translateX(-50%);bottom: -3px;background-color: #000;transition: all 0.3s linear;}
.mnav a:hover::before{width: 96%;}
.mnav .sep{display: inline-block;margin-left: 12px;margin-right: 12px;}
.mnav a.lang {background-color: #000;color:#fff;margin-top: -14px;padding:16px 8px 2px 8px;}
.mnav a.lang::before {height: 0px;} 

.scrolled {background-color:#000;transition: all 0.3s linear;}
.scrolled .logo {padding:8px 0 8px 0px;background-color: unset;}
.scrolled .logo img {max-height: 40px;}
.scrolled .mnav {margin-top: 14px;}
.scrolled .mnav a {color:#ddd;font-size: 13px;font-weight: 500;}

/**Hero*/
.hero {box-sizing:border-box;overflow:hidden;padding: 0;margin: 0px;}
.hero .heroslide {display:block;height: 620px;}
.hero .heroslide h1 {font-size: 26px;font-weight:700;line-height:44px;position: relative;}
.hero .heroslide h1 span {font-size: 44px;font-weight:900;line-height:50px;display: block;}
.hero .heroslide p {font-size: 18px;font-weight:400;line-height:30px;}

.hero .slide-a {background: url(../images/hero/a.jpg) no-repeat left top;background-size: cover;padding-top:180px;}
.hero .slide-a h1 {color:#000;text-transform: uppercase;}
.hero .slide-a h1 span {color:#fff;text-transform: uppercase;text-shadow: 1px 1px 3px #888;}
.hero .slide-a p {color:#333;}

.hero .slide-b {background: url(../images/hero/b.jpg) no-repeat left top;background-size: cover;padding-top:140px;}
.hero .slide-b h1 {color:#000;text-transform: uppercase;}
.hero .slide-b h1 span {color:#fff;text-transform: uppercase;text-shadow: 1px 1px 3px #888;}
.hero .slide-b p {color:#eee;}

.hero .slide-c {background: url(../images/hero/c.jpg) no-repeat left top;background-size: cover;padding-top: 150px;}
.hero .slide-c h1 {color:#000;text-transform: uppercase;}
.hero .slide-c h1 span {color:#fff;text-transform: uppercase;text-shadow: 1px 1px 3px #888;}
.hero .slide-c p {color:#000;}


.titletext h4{font-size: 22px;font-weight:600;line-height: 32px;}
.titletext h5{font-size: 16px;font-weight:400;line-height: 28px;}
.titletext p{font-size: 16px;font-weight:500;line-height: 25px;}

.titletextwhite h3 {font-size: 30px;font-weight:500;line-height: 40px;color:#eee;}
.titletextwhite h4 {font-size: 20px;font-weight:300;line-height: 32px;color:#eee;}
.titletextwhite h4.boldtx {font-weight:500;}
.titletextwhite h5{font-size: 16px;font-weight:400;line-height: 28px;color:#aaa;}
.titletextwhite p{font-size: 15px;font-weight:400;line-height: 22px;color:#eee;margin-bottom: 0px;}
.titletextwhite p.lighttx{color:#aaa;}
.titletextwhite span{display:block;font-size: 12px;color:#999}

.titletextwhite a{font-size: 18px;font-weight:400;line-height: 22px;color:#fff;position: relative;}
.titletextwhite a::before{position: absolute;content: '';width: 0px;height: 1px;left: 50%;transform: translateX(-50%);bottom: -5px;background-color: #fff;transition: all 0.3s linear;}
.titletextwhite a:hover::before{width: 96%;}
.titletextwhite h5 a{font-size: 16px;color:#4782ff;}
.titletextwhite h5 a::before{background-color:#4782ff;}


.proditems {display:block;text-align:center;margin-bottom:9px;padding:0px;user-select:none;position: relative;overflow: hidden;background-color: #000;border-radius: 3px;}
.proditems img{position: relative;transition: all 0.3s linear;width:100%;border-radius: 3px;filter: grayscale(1);opacity: 0.75;}
.proditems label{position:absolute;bottom:-16px;left: 0px;width: 100%;height: 0px;overflow: hidden;padding: 5px 12px;transition: all 0.3s linear;font-weight:400;}
.proditems:hover img {filter: grayscale(0);opacity: 1;}
.proditems:hover label{height:55px;background-color: rgba(0,0,0,0.90);color:#aaa;padding-top:10px;}


.brandslider {box-sizing:border-box;overflow:hidden;margin-top: 60px;padding-bottom: 45px;}
.brandslider .brandslide {display:block;height:75px;padding:25px 15px 90px 15px;background-color: rgba(250,250,250,0.8);border-radius: 3px;border: solid 1px #dedede;text-align: center;margin:12px 5px;transition: all 0.3s linear;}
.brandslider .brandslide img{max-height: 60px;margin: 0px auto;filter: grayscale(1);}
.brandslider .brandslide:hover {background-color: #fff;transform: scale(1.03) ;}
.brandslider .brandslide:hover img{filter: grayscale(0);}



.valuebox {display: block;padding-left:30px;padding-right:30px;}


.cta {padding: 100px 60px 160px 60px;background: url(../images/job.jpg) no-repeat center right;background-size:cover;}
.cta h3{color:#000}



.contbg {padding:60px;background: url(../images/contact.jpg) no-repeat center bottom;background-size:cover;}
.ftrsec {background-color: #000;}
.ftrsec img {max-height: 70px;}