@charset "utf-8";
/* CSS Document */


body a {-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, span, a{  margin:0;padding:0;	-webkit-font-smoothing: antialiased; color:#3b3b3b; font-size:14px;text-decoration:none;outline:none;font-family: 'Roboto', sans-serif;}
::selection {background: #d21d1d;color:#fff}
::-moz-selection {background: #d21d1d;color:#fff;}
::-webkit-selection {background: #d21d1d;color:#fff;}
html, body {margin:0;padding:0;	height:100%;}
img {max-width:100%;height:auto;}
table {	border-collapse:collapse;border-spacing:0;}
fieldset, img {border:0;}
address, caption, cite, code, dfn, th, var {font-style:normal;font-weight:normal;}
ol, ul, li {list-style:none;}
caption, th {text-align:left;}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;-webkit-font-smoothing: antialiased;}
q:before, q:after {content:'';}
abbr, acronym {border:0;}
.clear {clear:both;}

::-webkit-input-placeholder {opacity: 1 !important;color:#4a4a4a;}
:-moz-placeholder {opacity: 1 !important;color:#4a4a4a;}
::-moz-placeholder {opacity: 1 !important;color:#4a4a4a;}
:-ms-input-placeholder {opacity: 1 !important;color:#4a4a4a;}
*, *:before, *:after {	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box; box-sizing: border-box;}

 
.container{ margin:0px auto; max-width:1090px; padding:0px 15px}
header{ float:left; width:100%; background:url(../images/header.jpg) no-repeat center top;}
header .container{ background:url(../images/header-mid.jpg) no-repeat center top; min-height:128px; padding-top:10px;}
.logo{ float:left; width:130px;}
.headerRight{ float:right; width:918px;}
.headerSocial{ float:right; width:190px;}
.headerSocial ul{ float:right; padding-top:20px;}
.headerSocial ul li{ float:left; margin-left:5px;}
.headerSocial ul li a{ float:left;}
.headerSocial ul li a:hover{ opacity:0.8;}
.navigation{ float:left; width:100%;}
.navigation ul{ float:left; width:100%; padding:38px 0 0 7%;}
.flexnav {overflow: hidden;margin: 0 auto;width: 100%;max-height: 0; }
.flexnav.opacity {opacity: 0; }
.flexnav.flexnav-show {max-height: 2000px;opacity: 1;}
.flexnav li {font-size: 100%;position: relative;overflow: hidden; }
.flexnav li a {position: relative;display: block;z-index: 2;overflow: hidden;float:left; font-weight:700; font-size:12px; color:#010101; padding:0px 15px 8px 15px; border-bottom:10px solid #ffffff; text-transform:uppercase;}
.flexnav li a.active{ border-color:#e93f32;}
.flexnav li a:hover{ border-color:#e93f32;}
.flexnav li ul {width: 100%; }
.flexnav li ul li {font-size: 100%;position: relative;overflow: hidden; }
.flexnav li ul.flexnav-show li {overflow: visible; }
.flexnav li ul li{ border-bottom:1px solid #db3b2f;}
.flexnav li ul li:last-child { border:none;}
.flexnav li ul li a {display: block;background: #e93f32;color:#fff; }
.flexnav li ul li a:hover{ background:#ffffff; color:#e93f32;} 
.flexnav ul li ul li a {background: #0090d3; }
.flexnav ul li ul li{ border-bottom:1px solid #db3b2f;}
.flexnav li ul li ul li a:hover{ background:#8cc63f;}
.flexnav .touch-button {position: absolute;z-index: 999;top: 0; right: 0;width: 50px;height:33px;display: inline-block;
background:url(../images/downArrow.png) no-repeat center; text-align: center; }
.flexnav .touch-button:hover {cursor: pointer; }
.flexnav .touch-button .navicon {position: relative;top: 1.4em;font-size: 12px;color: #666; }
.menu-button {position: relative;display: block;cursor: pointer; width:80px; float:right; text-align:center; color:#fff; background:#e93f32; padding:8px 0; border:2px solid #c33126; border-radius:3px;}
.menu-button.one-page {position: fixed;top: 0;right: 5%;padding-right: 45px; }
.menu-button .touch-button {background: transparent;position: absolute;z-index: 999;top: 0;right: 0;width: 50px;height: 50px;display: inline-block;text-align: center;}
.menu-button .touch-button .navicon {font-size: 16px;position: relative;top: 1em;color: #666;}


.banner{ float:left; width:100%;}

.groupofcompanys{ float:left; width:100%; margin-top:50px;}
.groupofcompanys ul{ float:left; width:100%;}
.groupofcompanys ul li{ float:left; width:33.3%; text-align:center; padding:0 35px;}
.groupofcompanys ul li span{ float:left; width:100%; color:#303030; font-size:22px; line-height:22px;}
.groupofcompanys ul li p{float:left; margin:15px 0; text-align:center; min-height:60px; min-height:90px;}
.rmore{ float:left; width:100%; margin-top:20px;}
.rmore a{display:inline-block; border:1px solid #999999; padding:14px;}
.rmore a:hover{ background:#e44234; color:#e44234; border-color:#e44234; color:#fff;}

.newsandevents{ float:left;width:100%; clear:both; padding:60px 0;}
.subhead{ float:left; width:100%; background:url(../images/blackDot.jpg) repeat-x 0 30px; text-align:center;}
.subhead span{ font-size:40px; font-weight:300;margin:0px auto; padding:0px 30px; background:#ffffff;}
.newsandevents ul{ float:left; width:100%; margin-top:10px;}
.newsandevents ul li{ float:left; width:33.3%;}
.newsandevents ul li:nth-child(2){ padding:0px 2%;}
.newsandevents ul li span{ float:left; width:45%; font-weight:700; color:#d21d1d; font-size:47px;}
.newsandevents ul li p{ float:left; width:55%; padding-top:10px; min-height:110px;}
.newsandevents ul li a {float: right;font-size: 12px;border: 1px solid #5f5f5f; padding: 5px 17px;}
.newsandevents ul li a:hover{background:#d21d1d; color:#ffffff; border-color:#d21d1d; }

.sectpro{ float:left;width:100%; background:url(../images/redbg.jpg) center top; padding-top:40px; /*min-height:380px;*/  min-height:290px;}
.sctBox{ float:left; width:45%;}
.sctBox h3{ float:left; width:100%; font-weight:300; font-size:27px; color:#ffffff; text-align:center; background:url(../images/whiteline.png) no-repeat center bottom; padding-bottom:8px;}
.sctBox ul{ float:left; width:100%; padding-left:40px; margin-top:10px;}
.sctBox ul li{ float:left; width:50%; font-weight:300; color:#ffffff; margin-top:15px; background:url(../images/whitestar.jpg) no-repeat 0px 3px; padding-left:30px;}
.sctBox ul li span{ color:#ffffff; font-size:18px;}
.sctBox.lFt li { width: 50%;}

.sctBox a{ float:right; font-size:17px; font-weight:300; color:#fff; margin:30px 50px 0 0; border:1px solid #ffffff; padding:5px 25px;}
.sctBox a:hover{ background:#ffffff; color:#e93f32;}
.right{ float:right !important;}
.right.sctBox h3{ background:url(../images/blackline.png) no-repeat center bottom;color:#1a1a1a;}
.right.sctBox ul{ float:left; padding-left:40px; margin-top:10px;}
.right.sctBox ul li{ color:#1a1a1a;background:url(../images/blackstar.jpg) no-repeat 0px 3px;}
.right.sctBox ul li span{ color:#1a1a1a;}
.right.sctBox a{ color:#1a1a1a;border:1px solid #1a1a1a;}
.right.sctBox a:hover{ background:#1a1a1a; color:#ffffff;}

.skdslider{width:100%;position: relative;display: block; overflow:hidden;}
.skdslider:after {  content: '';padding-top:33%; display: block;}
.skdslider ul.slides{ margin:0; padding:0; list-style-type:none;}
.skdslider ul.slides li{ display: none;}
.skdslider ul.slides li img{ width: 100%;border:0;}
.skdslider .slide-desc { left: 0; position: absolute;bottom:25%;width:100%; text-align:center;display:inline-block;}
.skdslider .slide-desc p{color:#fff; font-size:30px; text-shadow:1px 2px 3px #000;}
.skdslider .slide-desc span{color:#fff;font-size:40px; text-shadow:1px 2px 3px #000;}
.skdslider a.prev{ background:url(../images/left.png);width:35px;height:35px;display:block;cursor:pointer;position:absolute;top:50%;left:2%;margin-top:-17px;}
.skdslider a.next{ background:url(../images/right.png);width:35px;height:35px;display:block;cursor:pointer;position:absolute;top:50%;right:2%;margin-top:-17px;}

 
footer{ display:inline-block; width:100%; background:#2e2e30; padding:30px 0; float:left;}
.allrights{ float:left; width:30%; color:#9f9fa0;}
.ftrNav{ float:left; width:40%; text-align:center;}
.ftrNav ul{ float:left; width:100%; text-align:center;}
.ftrNav ul li{ display:inline-block; padding:0px 5px;}
.ftrNav ul li a{ color:#d21d1d;}
.ftrNav ul li a:hover{ color:#9f9fa0;}
.digitalmarkt{ float:left; width:30%; text-align:right;color:#9f9fa0;}
.digitalmarkt a{color:#9f9fa0;}
.digitalmarkt a:hover{color:#d21d1d;}

.vpt{width:100%;float:left;overflow:hidden;margin-top:35px;}
.segment{width:84%;height:350px;float:left; padding:0px;overflow:hidden;}
.section{position:relative;left:0px;list-style-type: none; margin: 0px;padding: 0px;width:9999px; padding-bottom:0px;}
.section li{float:left;	height:590px;list-style-type:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;	box-sizing:bodrer-box;}
.leftnav{width:8%;height:51px;position:relative;float:left;z-index:1000;cursor:pointer;text-align:left; padding-top:100px;}
.rightnav{width:8%; height:51px; position:relative;float:left;z-index:1000;cursor:pointer; text-align:right;padding-top:100px;}

.aboutBox{ float:left; width:100%; background:url(../images/backbg.jpg) top center no-repeat;}
.aboutLeft{ float:left; width:50%; padding:90px 0;}
.aboutRight{ padding:50px 0 0 150px; float:right; width:50%;}
.aboutRight h3{ float:left; width:100%; font-size:40px; font-weight:300;}
.aboutRight p{ float:left; width:100%; margin:10px 0; color:#3a3a3a; text-align:justify;}
.aboutRight ul{ float:left; width:100%; padding-top:20px;}
.aboutRight ul li{ float:left; width:50%;padding-left:25px; background:url(../images/starsmall.jpg) no-repeat 0 3px; margin-bottom:8px;}
.aboutRight ul li a{color:#e52828;}
.aboutRight ul li a:hover{color:#000000;}

.innerbanner{ float:left; width:100%; position:relative;}
.innerbanner img{ width:100%;}
.innerban{ position:absolute; left:0; width:100%; bottom:15%; text-align:center;}
.innerban p{ color:#fff;font-size:30px; text-shadow:1px 2px 3px #000; font-weight:bold;}
.innerban span{ color:#fff;font-size:32px; text-shadow:1px 2px 3px #000; font-weight:bold;}
.abtBoxe{ float:left; width:100%; margin:50px 0;}
.abtBoxe li{ float:left; width:100%; padding:15px; margin-bottom:25px; border:1px solid #eee; text-align:justify;}
/*.abtBoxe li:last-child{ padding:0;}*/
.abtBoxe li h4{ float:left; width:100%; font-size:29px; font-weight:300; color:#2d2d2d; margin-bottom:10px; background:#ff6d62; padding-left:6px; padding-bottom:4px;}
.abtBoxe p {float: left;width: 100%; font-size: 17px;}
.leadershipteam{ float:left; width:100%; padding:40px 0; background:#f0f0f0;}
.leadershipteam h5{ float:left; width:100%; text-align:center; font-size:29px; color:#2d2d2d; font-weight:300;}
.leadershipteam ul{ float:left; width:100%; padding:20px 0;}
.leadershipteam ul li{ float:left; width:31%; padding:20px; text-align:center; margin:0 1%; border:1px solid #ddd;}
.leadershipteam ul li span{ float:left; width:100%; text-align:center; clear:both; font-size:22px; font-weight:300; padding:8px 0;}
.leadershipteam ul li p{font-size:22px;}

.heritage{ float:left; width:100%; padding:50px 0;}
.heritage h3{ float:left; width:100%; font-size:29px; font-weight:300;}
.heritage ul{ float:left; width:100%; padding:40px 0;}
.heritage ul li{ float:left; width:25%;}
.heritage ul li img{ float:left; width:100%;}
.heritage p{ font-size:18px;}

.ovrview{ float:left; width:47%; padding:30px 0;}
.ovrview h4{ float:left; width:100%; margin-bottom:20px; font-size:40px; font-weight:300;}
.ovrview p{ float:left; width:100%; color:#858c97; font-size:18px; margin-bottom:15px;}
.businnes{ float:left; width:100%; background:#f9f9f9; padding:30px 0;}
.businnesbx{ float:left; width:48%; margin-bottom:40px; min-height:470px;}
.businnesbx span{ float:left; width:100%; color:#454545; font-size:25px;}
.businnesbx img{ float:left; margin:10px 0}
.businnesbx p{ float:left; width:100%; /*color:#858c97;*/ font-size:17px; margin:20px 0; min-height:150px; text-align:justify}
.businnesbx a{ float:left; color:#050003; font-size:18px; background:#f13a36; padding:10px 20px;}
.businnesbx a:hover{ background:#050003; color:#f13a36;}
.businessBox{ float:left; width:100%; padding:50px 0;}
.businessBox h4 {float: left;font-size: 40px;font-weight: 300;width: 100%; margin-bottom:15px;}
.businessBox p {color: #1a1a1a; font-size: 17px;margin: 20px 0; width: 100%; line-height:26px; text-align:justify;}
.img_Box{ float:left; text-align:center; margin:0 30px 10px 0;}
.img_Box img{padding:8px; border:1px solid #cccccc; }

.contactBox{ float:left; width:100%;}
.cntactFill{ float:left; width:50%;}
.cntactFill ul{ float:left; width:100%;}
.cntactFill ul li{ float:left; width:100%; margin-bottom:5px;}
.cntactFill ul li span{ float:left; font-size:15px; width:40%; padding-top:5px;}
.cntactFill ul li span img{ width:100px;}
.cntbx {float: left;width: 50%;padding: 5px 10px;margin: 3px 0; border:2px solid #cdcdcd; font-size:13px;}
textarea.cntbx{ height:100px; resize:none;}
.cpdv { float: left;  width: 40%;}
.cntactFill ul li:last-child{ width:90%;}
.submitbutton{ float:right; width:130px; cursor:pointer; background:#e93f32; color:#fff;padding:8px 15px; font-weight:bold; border:2px solid #e93f32}
.submitbutton:hover{ background:#1e1a1b; border-color:#000;}
.cntactFill ul li p{ float:left;}
.cntactaddress {border: 2px solid #e93f32;float: right;padding: 15px;width:40%;}
.cntactaddress h6{ float:left; width:100%; padding:8px 0; text-align:center; background:#e93f32; font-weight:bold; color:#fff; font-size:20px;}
.cntactaddress ul{ float:left; width:100%; padding:8px 0;}
.cntactaddress ul li{ float:left; width:100%; margin:3px 0;}
.cntactaddress ul li a:hover{ color:#e93f32;}
.map{ float:left; width:100%; margin:15px 0; border:1px solid #cdcdcd; padding:5px;}
.careersBox{ float:left; width:100%;border: 1px solid #d4d4d4;}
.vacncyList {display: block;float: left;width: 100%;padding: 10px; background: #fcfcfc;}
.vacncyList ul li { float:left;border-bottom: 2px dotted #b3b3b3;clear: both; display: block; padding: 10px 0; width: 100%;}
.vacncyList ul li:last-child{ border:none;}
.vacncyList ul li span:nth-child(1) {float: left;width: 10%;}
.vacncyList ul li span:nth-child(2) {float: left; width: 25%;}
.vacncyList ul li span:nth-child(3) { float: left; width: 29%;}
.vacncyList ul li span:nth-child(4) { float: left; width: 22%;}
.vacncyList ul li span:nth-child(5) { float: left;  width: 13%;}
.vacncyList ul li span {color: #333333; font-weight: 400;}
.vacncyList ul li span b {font-size: 14px;font-weight: 600;}
.vacncyList ul li span a { border:1px solid #e93f32; border:1px solid #e93f32; border-radius:3px; padding:3px 15px;}
.vacncyList ul li span a:hover{ background:#e93f32; color:#fff;}

.reveal-modal-bg {position: fixed; height: 100%;width: 100%;background: #000;background: rgba(0,0,0,.8);z-index: 100;display: none;top: 0;left: 0;}
.reveal-modal {visibility: hidden;top: 100px;left: 50%;margin-left: -150px;width:350px;position: absolute;z-index: 101;  border-radius: 5px;-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);-box-shadow: 0 0 10px rgba(0,0,0,.4); background:#fff;}
.reveal-modal .close-reveal-modal {font-size: 22px;line-height: .5;position: absolute;top: 8px;right: 11px;color: #ffffff;text-shadow: 0 -1px 1px rbga(0,0,0,.6);	font-weight: bold;cursor: pointer;} 
.applyBx{ float:left; width:100%;}
.applyBx h6{ float:left; width:100%; text-align:center; font-weight:bold;padding:15px 0; background:#e93f32; color:#ffffff;}
.applyBx ul{ float:left; width:100%; padding:30px 20px;}
.applyBx ul li{ float:left; width:100%; padding:5px 0px;}
.lftbx{ float:left; width:40%; padding-top:11px;}
.rytbx{ float:left; width:60%;}
.rytbx input { max-width: 100%;}
.applyfill{ float:left; width:100%; padding:10px 15px; border:1px solid #c2c2c2;}
.rytbx p{ font-size:10px; padding:5px 0; float:left;}
.resume{ font-size:12px;}
.applyBx ul li input[type="submit"]{ background:#e93f32; color:#fff; border:1px solid #e93f32; border-radius:2px; float:left; width:100px; cursor:pointer; padding:7px 0;}
.applyBx ul li input[type="submit"]:hover{ background:#000; border-color:#000000;}
.r-bx{float: right; width:60%; }
.eventslist{ float:left; width:100%;}
.eventslist .newsandevents{ padding:0;}
.eventslist .newsandevents ul li{ padding:10px; border:1px solid #ccc; margin:5px 0.5%; width:32%;  min-height:200px;}
.eventslist .newsandevents ul li p{ font-size:16px; margin:0; padding:0;}
.gallery{ float:left; width:100%;}
.gallery ul{ float:left; width:100%;}
.gallery ul li{ float:left; border:1px solid #cdcdcd; padding:5px; width:24%; margin:5px 0.5%;}
.gallery ul li img{ float:left;}
.gallery ul li span{ float:left; text-align:center; padding:8px 0; text-align:center; width:100%;}


.sl-overlay {position: fixed;left: 0;right: 0;top: 0;bottom: 0;background: #fff;opacity: 0.7;display: none; z-index: 6;}
.sl-wrapper { z-index: 10;}
.sl-wrapper button {border: 0 none; background: transparent; font-size: 24px; padding: 0; cursor: pointer;}
.sl-wrapper button:hover { opacity: 0.7;}
.sl-wrapper .sl-close { display: none; position: fixed; right: 30px; top: 30px; z-index: 2147483647; padding:25px;}
.sl-wrapper .sl-navigation {width: 100%;display: none;}
.sl-wrapper .sl-navigation button { position: fixed;top: 50%; margin-top: -10px; height: 30px; width: 30px; line-height: 30px; text-algin: center; display: block; z-index: 15;}
.sl-wrapper .sl-navigation button.sl-next { right: 40px;}
.sl-wrapper .sl-navigation button.sl-prev { left: 40px;}
.sl-wrapper .sl-image {position: fixed; -ms-touch-action: none; touch-action: none; z-index: 10000;}
.sl-wrapper .sl-image img { margin: 0; padding: 0; display: block;}
.sl-wrapper .sl-image .sl-caption { display: none; padding: 10px; color: #fff; background: #000; opacity: 0.8; position: absolute; bottom: 0; left: 0; right: 0;}
.sl-spinner { display: none; border: 5px solid #333; border-radius: 40px; height: 40px; left: 50%; margin: -20px 0 0 -20px; opacity: 0; position: fixed; top: 50%; width: 40px;
 z-index: 10; -webkit-animation: pulsate 1s ease-out infinite; -moz-animation: pulsate 1s ease-out infinite; -ms-animation: pulsate 1s ease-out infinite; -o-animation: pulsate 1s ease-out infinite; animation: pulsate 1s ease-out infinite;}

@-webkit-keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0.0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
@keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0.0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
@-moz-keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0.0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
@-o-keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0.0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
@-ms-keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0.0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}


.media{ float:left; width:100%;}
.media ul{ float:left; width:100%;}
.media ul li{ float:left; width:24%; margin:5px 0.5%; border:1px solid #cdcdd;}
.cpdv input[type="text"] { background: #f00; border: medium none; color: #fff; float: left; font-size: 13px;font-style: italic; font-weight: bold; text-align: center;  width: 50%;  margin-top:5px; margin-right:20px; padding:10px 5px;}
.cpdv input[type="button"] {float: left;background:url(../images/rfresh.png) no-repeat center center; width:50px; height:50px; border-radius:50px; border:6px solid #e0e0e0; cursor:pointer;}


.erorMsgPlcholder::-webkit-input-placeholder {opacity: 1 !important;color:#e93f32 ;}
.erorMsgPlcholder:-moz-placeholder {opacity: 1 !important;color:#e93f32 ;}
.erorMsgPlcholder::-moz-placeholder {opacity: 1 !important;color:#e93f32 ;}
.erorMsgPlcholder:-ms-input-placeholder {opacity: 1 !important;color:#e93f32 ;}

#gallery {
	margin: 1rem 0;
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
	-webkit-column-gap: 1rem;
	-moz-column-gap: 1rem;
	column-gap: 1rem;
	-webkit-column-width: 33.33333333333333%;
	-moz-column-width: 33.33333333333333%;
	column-width: 33.33333333333333%;
}

#gallery figure {
	margin: 0;
}
#gallery video{width:100%; background: #000}
.tile {
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 350ms ease;
	transition: all 350ms ease;

}

.scale-anm {
	transform: scale(1);
}




.tile img {
	max-width: 100%;
	width: 100%;
	height: auto;
	margin-bottom: 1rem;

}
.toolbar{margin-top:20px; }
.toolbar .btn {
	font-family: Lato;
	font-size: 1rem;
	font-weight: normal;
	text-decoration: none;
	cursor: pointer;
	display: inline-block;
	line-height: normal;
	padding: .5rem 1rem;
	margin: 0;
	height: auto;
	border: 1px solid;
	vertical-align: middle;
	-webkit-appearance: none;
	color: #555;
	background-color: rgba(0, 0, 0, 0);
}

.toolbar .btn:hover {
	text-decoration: none;
}

.toolbar .btn:focus {
	outline: none;
	border-color: var(--darken-2);
	box-shadow: 0 0 0 3px var(--darken-3);
}

::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.product-grid{position: relative;     margin-right: -10px;
	margin-left: -10px;
	margin-bottom: 50px;
}
.gallery-wrapper{background: #000;}
#image-gallery{max-width: 800px; margin:0 auto;  }
.product-grid .product{width:33.3333333%;  padding:10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;box-sizing: border-box; }
.product-grid .product .product-img img{display:block; width:100%;}
.product-grid .product .product-content{ padding:20px 15px; border: 1px solid #eee; line-height: 1.5;}
.product-grid .product .product-content h3{font-size: 1.25rem; margin-bottom:5px; color:#000; }
.product-grid .product .product-content ul{ margin-left:25px; margin-top: 10px; }
.product-grid .product .product-content li{list-style:disc;  }
.mt-40{margin-top: 40px;}
.owl-carousel  .owl-nav [class*="owl-"]{ position: absolute; top:50%; margin-top: -25px !important;  z-index: 999; }
.owl-prev{left:50px;}
.owl-next{right:50px;}
.owl-carousel .owl-nav button[class*="owl-"]{width:50px; height: 50px; border:3px solid rgba(255,255,255,1); border-radius: 50px; background: rgba(0, 0, 0, 0.3); margin: 0;}
.owl-nav span{font-size: 30px; color: #fff;}
.owl-theme .owl-nav [class*="owl-"]:hover{background: rgba(0, 0, 0, 0.5);}
.video-gallery{  max-width:800px; margin: 0 auto; background: #000; height: 100%;  align-items: center; display: flex;}
.video-gallery video{width: 100%; }
 h3{font-size: 40px; font-weight: 300; margin-bottom: 10px;}
 .owl-carousel.owl-theme .owl-nav{ margin-top: 0;}
 .mt-50{margin-top:50px;}


.row{margin-left: -10px; margin-right: -10px; display: -ms-flexbox; 
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.col-4{-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%; width: 100%; padding: 0 10px; flex-wrap: wrap; }
.row:before,.row:after{display: table;
	content: " ";}
.row:after{clear: both;}
.mb-10{margin-bottom: 10px;}
.mb-20{margin-bottom: 20px;}
@media all and (min-width: 800px) {
	.flexnav {overflow: visible; }
	.flexnav.opacity {opacity: 1; }
	.flexnav.one-page {top: 0;right: auto;max-width: 1080px; }
	.flexnav li {position: relative;list-style: none;float: left;display: block;background-color: #fff;overflow: visible;}
  
	.flexnav li > ul {position: absolute;top: auto;left: 0; width:150px;}
	.flexnav li > ul li {width: 100%; }
	.flexnav li ul li > ul {margin-left: 100%;top: 0; }
	.flexnav li ul li a {border-bottom: none; width:100%; padding:10px 5px;}
	.flexnav li ul.open {display: block;opacity: 1;visibility: visible;z-index: 1; }
	.flexnav li ul.open li { overflow: visible;max-height: 100px; }
    .flexnav li ul.open ul.open {margin-left: 100%;top: 0; }
	.menu-button {display: none; } 
	}

@media screen and (max-width:1080px) {
	.headerRight {width: 83%;}
	.navigation ul li a{padding:0px 10px 8px 10px;}
	header .container{background-position:90px 0;}
	}
@media screen and (max-width:1024px) {
	.allrights, .ftrNav{ width:29%;}
	.digitalmarkt{ width:42%;}
	.newsandevents ul li span{ font-size:30px;}
	.abtBoxe li{ padding:0 20px;}
	.abtBoxe li:last-child{ padding:0 20px;}
	}
@media screen and (max-width:1000px) {
	.navigation ul{ padding-left:2%;}
	.navigation ul li a { padding: 0 6px 3px;}	
	.aboutRight{ padding-left:80px;}
	.segment{ height:430px;}
	.groupofcompanys ul li p{ min-height:130px;}
	}
@media screen and (max-width:900px) {
	.logo { margin-top: 15px; width: 80px;}
	.headerRight {width: 86%;}
	.segment{ height:420px;}
	.aboutLeft{ width:40%; margin-left:5%;}
	.aboutRight{ padding-top:10px;}
	.abtBoxe li h4{ font-size:20px;}
	.abtBoxe p{ font-size:14px;}
	}
@media screen and (max-width:800px) {
	.headerRight{ margin-bottom:15px;}
	.navigation{ margin-top:40px;}
	.navigation ul{ padding:0;}
	.flexnav li a{ width:100%; border-width:thin; padding:8px 10px !important;  background:#e93f32; color:#fff;}
	.flexnav li a.active{ border-color:#ffffff;}
	.flexnav li a.hover{ background:#fff !important;  color:#e93f32;}
	.flexnav li ul li a{ background:#b82d23;}
	.skdslider .slide-desc p{font-size:20px}
	.skdslider .slide-desc span{font-size:25px}
	.sectpro{ padding-top:15px;}
	.sctBox h3{ margin-left:10%; width:80%;}
	.sctBox a{ font-size:18px;}
	.aboutRight h3{ font-size:30px;}
	.leadershipteam ul li p{font-size:18px;}
	.groupofcompanys ul li span{ font-size:18px;}
	.businnesbx span{ font-size:21px;}
	.businnesbx p{ min-height:190px; font-size:17px;}
	.newsandevents ul li p{ min-height:160px;}
	.product-grid .product{width:50%; }
	.col-4{max-width: 50%; -ms-flex: 0 0 50%;
		flex: 0 0 50%;}
	}
@media screen and (max-width:767px) {
	header{ background:none;}
	header .container {background:none; position: relative;}
	.headerRight {width:100%; margin-bottom: 0;}
	.allrights, .ftrNav, .digitalmarkt{ width:100%; text-align:center; margin:3px 0;}
	.newsandevents ul li{ width:100%; margin-bottom:15px;}
	.newsandevents ul li:nth-child(2){padding:0;}
	.newsandevents ul li p{ padding-top:0; width:75%; min-height:0; margin-bottom:10px;}
	.newsandevents ul li span{ width:25%;}
	.subhead{ background-position:0px 15px;}
	.subhead span{ font-size:25px;}
	.logo {float:none; position: absolute; left:15px; top:0px;}
	.logo img{ width:100px;}
	header .container{min-height: 98px;}
	.navigation {	margin-top: 20px;float: right ; }
	.flexnav{margin-top:28px; }
	.headerSocial {position:absolute; width:auto ; right: 110px;top: 34px;}
	.headerSocial ul {background: #e93f32;border-radius: 5px;float: left;padding-top: 4px;width: 100%; padding-right:5px }
	.sectpro{ background:none;padding-top: 0;}
	.sectpro .container{ padding:0;}
	.sctBox{ width:100%; background:#e93f32; padding:15px 0;}
	.sctBox ul{ padding:0 10px;}
	.right.sctBox ul{ padding:0 10px;}
	.right.sctBox{ background:#f5f7f6;}
	.aboutBox{ background-image:none;}
	.aboutBox .container{ padding:0;}
	.aboutLeft{ background:#000; margin:0; padding:50px 0; width:100%; text-align:center;}
	.aboutRight{ width:100%; padding:15px;}
	.innerban p{font-size:18px; font-weight:normal;}
	.innerban span{font-size:20px; font-weight:normal;}
	.abtBoxe li, .abtBoxe li:last-child{ padding:10px 0; width:100%;}
	.cntactFill { width: 60%;}
	.eventslist .newsandevents ul li{ width:49%; padding:10px;}
	.eventslist .newsandevents ul li span { width: 100%;  text-align: center;}
	.eventslist .newsandevents ul li p { width: 100%;}
	.img_Box{ width:100%; text-align:center;}
	.sl-wrapper .sl-navigation button{ top:90%;}
	.businessBox h4{ font-size:30px;}
	.businnesbx{ width:100%;}
	.businnesbx, .businnesbx p{ min-height:0;}
	}

@media screen and (max-width:640px) {
	.groupofcompanys ul li{ width:100%; margin-bottom:30px;}
	.groupofcompanys ul li span br{display:none;}
	.rmore{ margin:0;}
	.skdslider .slide-desc p{font-size:15px}
	.skdslider .slide-desc span{font-size:18px}
	.segment{ height:300px; margin:0;}
	.heritage ul li{width:50%; padding:10px;}
	.cntactFill { width:100%;}
	.cntactFill ul li span{ width:50%;}
	.cpdv { float: left; width: 50%;}
	.cntactaddress { width: 100%; margin: 10px 0;}
	.gallery ul li{ width:49%;}
	.sl-wrapper .sl-navigation button{ top:80%;}
	.media ul li{  width:32%}
	.groupofcompanys ul li p { min-height: 0;}
	#gallery {
		margin: 1rem 0;
		-webkit-column-count:2;
		-moz-column-count: 2;
		column-count: 2;
		-webkit-column-gap: 1rem;
		-moz-column-gap: 1rem;
		column-gap: 1rem;
		-webkit-column-width: 50%;
		-moz-column-width: 50%;
		column-width: 50%;
	}
	}
	
@media screen and (max-width:480px) {
	.newsandevents ul li span{ font-size:20px;}	
	.subhead span{ font-size:20px;}
	.segment{ height:350px;}
	.aboutRight ul li{ width:100%;}
	.innerban p{font-size:12px;}
	.innerban span{font-size:16px;}
	.leadershipteam ul li{ width:100%; margin:10px 0;}
	.heritage ul li{padding:2px;}
	.cntactFill ul li span, .cntbx, .cpdv{ width:100%;}
	.submitbutton { float: left; width: 100%;}
	.cntactFill ul li:last-child {width:100%;}
	.careersBox{overflow:auto;}
	.careersBox::-webkit-scrollbar {width: 1em;}
	.careersBox::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);}
 	.careersBox::-webkit-scrollbar-thumb {background-color: #e93f32; outline: 1px solid #c33126;}
	.vacncyList{ width:460px;}
	.eventslist .newsandevents ul li{ width:100%; margin:5px 0;}
	.reveal-modal{ width:280px; margin-left:-140px;}
	.lftbx, .rytbx {width: 100%;}
	.lftbx{ padding-top: 5px; padding-bottom:2px; }
	.sl-wrapper .sl-navigation button{ top:90%;}
	.media ul li{  width:48%}
	#gallery {
		margin: 1rem 0;
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
		-webkit-column-gap: 0;
		-moz-column-gap: 0;
		column-gap: 0;
		-webkit-column-width: 100%;
		-moz-column-width: 100%;
		column-width: 100%;
	}
	.product-grid .product{width:100%; }
	.col-4{max-width: 100%; -ms-flex: 0 0 100%;
		flex: 0 0 100%;}
	}
@media screen and (max-width:360px) {
	.sl-wrapper .sl-navigation button{ top:70%;}
	.media ul li{  width:100%; margin:5px 0;}
	}

	.flex-list{display: flex; flex-wrap: wrap;}
	.download-btn{display:inline-block; background:#e93f32; color:#fff; padding:5px 15px;}