@charset "utf-8";
/* PWS OFFROAD GMBH - CSS */

/* Fonts */

	/* open-sans-300 - latin */
	@font-face {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: 300;
		src: url('../fonts/open-sans-v17-latin-300.eot'); /* IE9 Compat Modes */
		src: local('Open Sans Light'), local('OpenSans-Light'),url('../fonts/open-sans-v17-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */url('../fonts/open-sans-v17-latin-300.woff2') format('woff2'), /* Super Modern Browsers */url('../fonts/open-sans-v17-latin-300.woff') format('woff'), /* Modern Browsers */url('../fonts/open-sans-v17-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */url('../fonts/open-sans-v17-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
	}

	/* open-sans-regular - latin */
	@font-face {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: 400;
		src: url('../fonts/open-sans-v17-latin-regular.eot'); /* IE9 Compat Modes */
		src: local('Open Sans Regular'), local('OpenSans-Regular'),url('../fonts/open-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */url('../fonts/open-sans-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */url('../fonts/open-sans-v17-latin-regular.woff') format('woff'), /* Modern Browsers */url('../fonts/open-sans-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */url('../fonts/open-sans-v17-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
	}

	/* open-sans-600 - latin */
	@font-face {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: 600;
		src: url('../fonts/open-sans-v17-latin-600.eot'); /* IE9 Compat Modes */
		src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),url('../fonts/open-sans-v17-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */url('../fonts/open-sans-v17-latin-600.woff2') format('woff2'), /* Super Modern Browsers */url('../fonts/open-sans-v17-latin-600.woff') format('woff'), /* Modern Browsers */url('../fonts/open-sans-v17-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */url('../fonts/open-sans-v17-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
	}

	/* open-sans-700 - latin */
	@font-face {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: 700;
		src: url('../fonts/open-sans-v17-latin-700.eot'); /* IE9 Compat Modes */
		src: local('Open Sans Bold'), local('OpenSans-Bold'),
		url('../fonts/open-sans-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */url('../fonts/open-sans-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */url('../fonts/open-sans-v17-latin-700.woff') format('woff'), /* Modern Browsers */url('../fonts/open-sans-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */url('../fonts/open-sans-v17-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
	}

	/* open-sans-800 - latin */
	@font-face {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: 800;
		src: url('../fonts/open-sans-v17-latin-800.eot'); /* IE9 Compat Modes */
		src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'),
		url('../fonts/open-sans-v17-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */url('../fonts/open-sans-v17-latin-800.woff2') format('woff2'), /* Super Modern Browsers */url('../fonts/open-sans-v17-latin-800.woff') format('woff'), /* Modern Browsers */url('../fonts/open-sans-v17-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */url('../fonts/open-sans-v17-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
	}


/* Basic-CSS */

* {
	box-sizing : border-box;
}

html, body {
	margin : 0;
	padding : 0;
	overflow-x: hidden;
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	-webkit-font-smoothing: antialiased !important;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	background: #FFFFFF;
}

.noshow{display: none;}

.text-left{text-align: left;}
.text-center{text-align: center;}
.text-right{text-align: right;}

.nopadding {padding: 0 !important; margin: 0 !important;}
.img-wsl{padding-bottom: 10px;}

a{color: #ca8800;}
a:hover, a:focus {color: #ca8800;}
a:link, a:hover{text-decoration: none !important;}
td.captcha_expl {padding-left: 5px !important;}

.telmail {display: inline-block; width: 3.8em;}

.text-black, .text-black a, a.text-black{color: #000000 !important;}
.text-blue, .text-blue a, a.text-blue{color: #08628f !important;}
.text-white, .text-white a, a.text-white{color: #FFFFFF !important;}

.bg-black{background: #000000 !important;}
.bg-white{background: #FFFFFF !important;}
.bg-grey{background: #343a40 !important;}

.modal-open {padding-right: 0px !important;}

a.modal-pointer{cursor: pointer}

strong, bold{

}

p{
	font-family: 'Open Sans';
	font-style: normal;
	font-size: 16px;
	line-height: 26px;
}

h1{
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 36px;
	line-height: auto;
	margin-top: 5px;
	margin-bottom: 10px;
	color: #00628e;
}

h2{
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 24px;
	line-height: auto;
	margin-top: 5px;
	margin-bottom: 10px;
}

h3{
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 24px;
	line-height: auto;
	margin-top: 5px;
	margin-bottom: 10px;
}


h4{

}

h5{

}

h6{

}

.btn-pwsoffroad {
  color: #FFFFFF;
  background-color: #00628E;
  border-color: #FFFFFF;
  border-radius: 0px !important;
}

.btn-pwsoffroad:hover,
.btn-pwsoffroad:focus,
.btn-pwsoffroad:active,
.btn-pwsoffroad.active,
.open .dropdown-toggle.btn-pwsoffroad {
  color: #FFFFFF;
  background-color: #ca8800;
  border-color: #FFFFFF;
}

.btn-pwsoffroad:active,
.btn-pwsoffroad.active,
.open .dropdown-toggle.btn-pwsoffroad {
  background-image: none;
}

.btn-pwsoffroad .badge {
  color: #00628E;
  background-color: #FFFFFF;
}

.btn-grenadier {
  color: #FFFFFF;
  background-color: #33383e;
  border-color: #FFFFFF;
  border-radius: 0px !important;
}

.btn-grenadier:hover,
.btn-grenadier:focus,
.btn-grenadier:active,
.btn-grenadier.active,
.open .dropdown-toggle.btn-grenadier {
  color: #FFFFFF;
  background-color: #33383e;
  border-color: #FFFFFF;
}

.btn-grenadier:active,
.btn-grenadier.active,
.open .dropdown-toggle.btn-grenadier {
  background-image: none;
}

.btn-grenadier .badge {
  color: #FFFFFF;
  background-color: #33383e;
}


/* Header-CSS */


.img-head-logo{
	height: 75px;
	margin: 60px auto 60px auto;
}

.content-margin{
	margin-top: 48px;
}

/* Sidebar-Navigation */
.sidenav {
	left: 0;
	height: 40px;
	position: fixed;
	display: block;
	color: #FFF;
	z-index: 5;
}

.sidenav img{
	max-height: 40px;
}

a .sidenav{
	color: #FFF;
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
}

.sidenav-1 {
	top: 265px;
}

.sidenav-2 {
	top: 310px;
}

.sidenav-3 {
	top: 355px;
}

.sidenav-4 {
	top: 400px;
}

.sidenav-5 {
	top: 445px;
}

/* Navigation-CSS */

.navbar{
	min-height: 50px !important;
	border-radius: 0px !important;
	margin-bottom: 0px !important;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
}

.navhome{
	background-color: #006490 !important;
}

.nav4x4{
	background-color: #d78c09 !important;
}

.navwerkstatt{
	background-color: #d78c09 !important;
}

.navineos{
	background-color: #33383e !important;
}

.navineos .nav.navbar-nav li a {
    color: #FFFFFF !important;
}

.navbike{
	background-color: #8cbe26 !important;
}

.navtrial{
	background-color: #e4272b !important;
}

.navbar-toggle {
    background-color: #000000;
    background-image: none;
    border: solid 1px #FFFFFF;
    border-radius: 0 !important;
    float: right;
    margin-bottom: 8px;
    margin-right: 15px;
    margin-top: 8px;
    padding: 12px 10px;
    position: relative;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
    background-color: #000000 !important;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #FFFFFF;
}

.navbar-toggle .icon-bar {
    border-radius: 0px;
    display: block;
    height: 4px;
    width: 25px;
}

.nav.navbar-nav li a {
	position: relative;
	display: block;
	padding: 16px 10px 16px 10px;
	font-size: 14px;
	font-weight: 400;
	color: #FFF;
	text-transform: uppercase;
	background: none !important;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{
	color: #FFFFFF !important;
	background: url('../img/menu-active.png') bottom center no-repeat !important;
}

.navbar-default ul.nav.navbar-nav li.active a{
	color: #FFFFFF !important;
	font-weight: 700;
}

.nav.navbar-nav li a:hover, .nav.navbar-nav li a:focus {
	background: url('../img/menu-active.png') bottom center no-repeat !important;
}

.trialnavbar ul{
    margin-left: auto;
    margin-right: auto;
    float: none;
    width: fit-content;
}

/* Slider */

.carousel{
		border-bottom: solid 20px #00628e;
}

.carousel.fade {
     opacity: 1;
}

.slidermargin{
	margin-bottom: 60px !important;
}

.carousel.fade .item {
    transition: opacity ease-out .7s;
    left: 0;
    opacity: 0; /* hide all slides */
    top: 0;
    position: absolute;
    width: 100%;
    display: block;
}

.carousel.fade .item:first-child {
    top: auto;
    opacity: 1; /* show first slide */
    position: relative;
}

.carousel.fade .item.active {
    opacity: 1;
}

.carousel .btn-pwsoffroad{
	margin-top: 35px;
	margin-left: 35px;
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: right !important;
    text-shadow: none !important;
}

.img-slider-logo{
	width: 100%;
	margin: 0px auto 5px 0px;
}

.carousel-caption span.headline{
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 800;
	text-transform: uppercase;
	height: auto;
	line-height: auto;
}

.carousel-caption span.headline{
	font-size: 85px;
	line-height: 95px;
	color: #FFFFFF !important;
}

.carousel-caption p.slider-text{
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	height: auto;
}


/* Newsbereich */

.news-header{
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 36px;
	line-height: auto;
	margin-top: 5px;
	margin-bottom: 10px;
}

.news-trenner{
	margin-top: 15px;
	margin-bottom: 15px;
	border: 0;
	border-top: 3px solid #ca8800;
}

h2.news-topheadline{
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 24px;
	line-height: auto;
	margin-top: 5px;
	margin-bottom: 10px;
	color: #ca8800;
}

.news-item-start{
	margin-bottom: 25px;
}

.news-item-start h3{
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 800;
	text-transform: uppercase;
	font-size: 26px;
	line-height: auto;
	margin-top: 5px;
	margin-bottom: 10px;
	color: #00628e;
}

.news-item-start hr{
	border-top: solid 4px #00628e;
}

.news-item-start a.btn.btn-pwsoffroad{
	float: right;
}


/* Team */

.navboxen-margin{
	margin-bottom: 30px;
}

.navbox-margin{
	margin-top: 15px;
	margin-bottom: 15px;
}

.navbox-mbottom{
	margin-bottom: 30px;
	margin-top: 30px;
}

.navboxen, .navboxen .navboxen-img {
    position: relative;
}

.navboxen {
    overflow: hidden;
	min-height: auto;
	border: solid 1px #000;
}

.navboxen, .navboxen .navboxen-img {
    position: relative;
}

.navboxen-hover4x4 {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0;
    border: 0px;
    background-color: rgba(215, 140, 9, 0.7);
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.navboxen-hoverwerkstatt {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0;
    border: 0px;
    background-color: rgba(215, 140, 9, 0.7);
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.navboxen-hoverineos {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0;
    border: 0px;
    background-color: rgba(51, 56, 62, 0.7);
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.navboxen-hoverbike {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0;
    border: 0px;
    background-color: rgba(140, 190, 38, 0.7);
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.navboxen-hovertrial {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0;
    border: 0px;
    background-color: rgba(228, 39, 43, 0.7);
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}


.navboxen:hover .navboxen-hover4x4,.navboxen:hover .navboxen-hoverwerkstatt, .navboxen:hover .navboxen-hoverineos, .navboxen:hover .navboxen-hoverbike , .navboxen:hover .navboxen-hovertrial {
    opacity: 1;
}

.desc-info{
    position: absolute !important;
    width: -webkit-fill-available;
    text-align: right;
    padding-right: 10px;
    padding-top: 12px;
    padding-bottom: 4px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    z-index: 999;
    bottom: 0px;
    margin-right: 15px !important;
    padding-left: 10px;
}

.desc-info h3{
	color: #FFFFFF;
}


/* Content-Images */
.backgroundimagemargin {
    margin-top: 60px !important;
}

.backgroundimage-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    max-height: 620px;
}

.background-images {
	position: relative;
}

.pws-offroad-4x4_background-images:after {
	content: "";
	background: rgba(215, 140, 9, 0.85);
	width: 50%;
	height: 100%;
	position: absolute;
	top:0;
	left: 0;
}

.pws-offroad-werkstatt_background-images:after {
	content: "";
	background: rgba(215, 140, 9, 0.85);
	width: 50%;
	height: 100%;
	position: absolute;
	top:0;
	left: 0;
}

.pws-offroad-ineos_background-images:after {
	content: "";
	background: rgba(51, 56, 62, 0.85);
	width: 50%;
	height: 100%;
	position: absolute;
	top:0;
	left: 0;
}

.pws-offroad-bike_background-images:after {
	content: "";
	background: rgba(140, 190, 38, 0.85);
	width: 50%;
	height: 100%;
	position: absolute;
	top:0;
	left: 0;
}

.pws-offroad-trial_background-images:after {
	content: "";
	background: rgba(228, 39, 43, 0.85);
	width: 50%;
	height: 100%;
	position: absolute;
	top:0;
	left: 0;
}

.carousel-caption-2 {
    position: absolute;
    right: 15%;
    top: 130px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: left !important;
    text-shadow: none !important;
}

.carousel-caption-2 h3{
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 24px;
	line-height: auto;
	margin-top: 5px;
	margin-bottom: 10px;
	color: #006490;
}

.carousel-caption-2 p{
	font-family: 'Open Sans';
	font-style: normal;
	font-size: 16px;
	line-height: 26px;
}



/* Startseite */

#video_box167, #video_box168, #video_box169{
	position: relative;
	max-height: 100vh;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	align-items: center;
}

#video_box167 video, #video_box168 video, #video_box169 video{
	height: 100vh;
}

#video_overlays167 {
	position: absolute;
	width: 100%;
	padding-top: 50vh;
	z-index: 300000;
	height: 100vh;
	background: rgba(0, 0, 0, 0.45);
}

#video_overlays168 {
	position: absolute;
	width: 100%;
	padding-top: 50vh;
	z-index: 300000;
	height: 100vh;
	background: rgba(0, 0, 0, 0.45);
}

#video_overlays169 {
	position: absolute;
	width: 100%;
	padding-top: 50vh;
	z-index: 300000;
	height: 100vh;
	background: rgba(0, 0, 0, 0.45);
}

.startlogo{
	margin: 0px auto !important;
	/* -webkit-filter: grayscale(100%);  */
	/* filter: grayscale(100%); */
}

/* .startlogo:hover{ */
	/* margin: 0px auto !important; */
	/* -webkit-filter: grayscale(0%); */
	/* filter: grayscale(0%); */
/* } */

.blue_boxbackground {
	background: #00628e;
}

.pws-offroad-4x4_boxbackground {
	background: rgba(215, 140, 9, 1);
}

.pws-offroad-werkstatt_boxbackground {
	background: rgba(215, 140, 9, 1);
}

.pws-offroad-ineos_boxbackground {
	background: rgba(51, 56, 62, 1);
}

.pws-offroad-bike_boxbackground {
	background: rgba(140, 190, 38, 1);
}

.pws-offroad-trial_boxbackground {
	background: rgba(228, 39, 43, 1);
}

.pws-offroad-werkstatt_markenboxbackground {
	background: url(../img/marken-hintergrund.jpg);
}

.pws-offroad-4x4_markenboxbackground {
	background: url(../img/marken-hintergrund.jpg);
}

.pws-offroad-ineos_markenboxbackground {
	background: url(../img/marken-hintergrund.jpg);
}

.pws-offroad-bike_markenboxbackground {
	background: url(../img/marken-hintergrund.jpg);
}

.pws-offroad-trial_markenboxbackground {
	background: url(../img/marken-hintergrund.jpg);
}

.start-margin{
	margin-top: -60px !important;
}

.start-text1-margin{
	padding-top: 65px;
	padding-bottom: 50px;
}

.marken-overlay-blend{
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
	mix-blend-mode:multiply;
}

#flex-container-1 {
   display: -webkit-flex;
   display: -ms-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}

.flex-box-1 {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

#flex-container-2 {
   display: -webkit-flex;
   display: -ms-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}

.flex-box-2 {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

#flex-container-3 {
   display: -webkit-flex;
   display: -ms-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}

.flex-box-3 {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.news-box{
	min-height: 570px;
}

.bildrechts p{
	margin: 0px 0px 0px 0px !important;
}

.page236 .blue_boxbackground{
	background: rgba(51, 56, 62, 1) !important;
}

.page236 #flex-container-1 .start-text1-margin {
    padding-top: 0px;
    padding-bottom: 0px;
}

.page236 #flex-container-1 .col-lg-offset-1 {
    margin-left: 0px;
	padding-left: 0px;
}

.page236 .flex-box-1 {
    align-items: center;
	padding-left: 0px;
}


/* 6er Start */

.startgrid{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
}

.video6_box333{
	width: 33.33333vw;
	height: 50vh;
	background-size: cover;
}

.video6er_overlays {
    width: 100%;
    height: 100%;
    margin: auto;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
	background-color: rgba(0,0,0,0.75);
}

.video6er_overlays img {
	padding: 20%;
	filter: grayscale(100%);
}

.video6er_overlays:hover img {
	filter: grayscale(0%);
}


.iframe-fullheight {
  height: 100vh;
  max-height: 1200px;
  padding-bottom: 0;
}

@media (max-width: 767px) {
  .iframe-fullheight {
    height: 80vh;
  }
}


/* Steckbriefe */

.steckbriefe h2{
    text-align: left;
    color: #FFF;
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 24px;
	line-height: auto;
}

.steckbriefe h2 span{
	background-color: #000000;
	width: auto !important;
	margin: 10px 0px 4px 0px;
	padding: 0px 11px 0px 5px;
}

.steckbriefe-note{
	margin-top: 10px;
}

/* Produkte */

.produktbild-center{
	margin: 0px auto !important;
}




/* Anfang Formular-CSS */

.formbox{
	margin-top: 85px;
	margin-bottom: 35px;
}

div.mpform .form-group{
    display: inline-block;
    height: auto;
    margin-bottom: 2px;
    min-height: 35px;
    width: 100%;
}

div.mpform p {
    padding:1px;
    margin:1px;
}

div.mpform h3 label{
	font-size: 25px;
	line-height: 30px;
	text-transform: uppercase;
	font-weight: normal;
}

.mpform label{
	font-size: 18px;
	line-height: 22px;
	font-weight: normal;
}

.mpform .mpform_field_14.mpform_field_checkbox.mpform_checkbox_label{
	font-size: 12px;
	line-height: 16px;
}

div.mpform p.help_txt {
    color:#600;
}

div.mpform fieldset {

}

/* IE7 specific: */
*:first-child+html div.mpform fieldset {

}

div.mpform legend {

}

/* IE7 specific: */
*:first-child+html div.mpform legend {

}

div.mpform input{
	font-size: 16px;
}


div.mpform input[type=text] {
    padding:5px;
    border:1px solid #ccc;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

div.mpform input[type=text]:focus {
    border-color:#333;
}

div.mpform textarea {
    padding:5px;
    border:1px solid #ccc;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

div.mpform textarea:focus {
    border-color:#333;
}

/* >>>>>>>> Layout without main table: */
div.mpform div.newline {
  clear: both;
  margin: 0;
  padding: 0;
}

div.mpform div.questionbox {
  clear: left;
  float:left;
  height:auto;
  padding: 4px;
  margin: 2px 0px 2px 2px;
  border-width: 1px 0px 1px 1px;
  border-style: solid;
  border-color: #aa3;
  text-align: right;
}

div.mpform fieldset div.questionbox {
  clear: left;
  float:left;
  height:auto;
  padding: 4px;
  margin: 2px 0px 2px 2px;
  border-width: 1px 0px 1px 1px;
  border-style: solid;
  border-color: #aa3;
  text-align: right;
}

div.mpform div.answerbox {
  float:left;
  width:100%;
  height:auto;
  padding: 4px;
  margin: 2px 2px 2px 0;
}

div.mpform fieldset div.answerbox {
  float:left;
  width:100%;
  height:auto;
  padding: 4px;
  margin: 2px 2px 2px 0;
  border: 1px solid #cccccc;
}

div.mpform div.submitbox {
  clear: both;
  float: left;
  height: 26px;
  padding: 8px;
  margin: 2px;
  text-align: center;
}

div.mpform div.submitbox input {
    cursor: pointer;
    border: 2px solid #999;
    color:#666;
    text-align: center;
    margin: 2px 2px 2px 180px;
}
/* <<<<<<<<< Layout without main table */

.mpform_title, .mpform_help {
font-weight: normal;
vertical-align: top;
padding: 6px;
background-color: #FFE;
color: black;
}

.mpform_error .mpform_title,
.mpform_error .mpform_field,
.captcha_err  .mpform_title,
.captcha_err  .mpform_field {
color: red;
}

div.mpform form fieldset fieldset div.form-group div.col-md-8.inputGroupContainer div.input-group{
	width: 100%;
}

.mpform_field {
	width: 100%;
}

.mpform_date, .mpform_email, .mpform_textarea, .mpform_text, .mpform_select {
	width: 100%;
}

.mpform_err_date, .mpform_err_email, .mpform_err_textarea,
.mpform_err_text, .mpform_err_radio, .mpform_err_select,
.captcha_err input {
background-color:#F4A4A4;
border: 1px solid red;
}

div.mpform_missing {
	background-color: red;
	border: 2px solid yellow;
	color: yellow;
	font-weight: bold;
	padding: 6px;
}

.mpform_textfield.mpform_readonly input.mpform_text {
	background-color: #ddd;
}

/* old classes: */
.mpform_date:hover, .mpform_email:hover, .mpform_textarea:hover, .mpform_text:hover,
.mpform_radio:hover, .mpform_select:hover, .mpform_checkbox:hover, .mpform_err_date:hover,
.mpform_err_email:hover, .mpform_err_textarea:hover, .mpform_err_text:hover, .mpform_err_radio:hover,
.mpform_err_select:hover, .mpform_err_checkbox:hover {
background-color: white;
}

.mpform_date, .mpform_err_date{
}

.mpform_date_img{
cursor: pointer;
border: 0;
vertical-align: middle;
}
.mpform_email, .mpform_err_email {
}

.mpform_text, .mpform_err_text {

}
.mpform_radio, .mpform_err_radio{

}
.mpform_checkbox, .mpform_err_checkbox{
	margin: 4px 10px 0 0 !important;
}
.mpform_select, .mpform_err_select{
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 5px;
}


.mpform_heading {
	background-color: #fcc;
	padding: 5px;
}

.mpform_submit {
cursor: pointer;
border: 2px solid #999;
color:#666666;
}
.mpform_submit:hover{
border: 2px solid #333;
}

span.mpform_required {
color:red;
}

.captcha input {
background-color:#F4F4D4;
border: 1px solid #CCCCCC;
}

.captcha .captcha_expl{
font-weight:normal;
}

.mpform_a_img{
border:0;
}
.mpform_img_help{
border:0;
width:16px;
height:16px;
}

.mpform_help_box_td{
border:1px solid #336699;
padding:6px;
background-color:#ECF3F7;
color:#003366;
}

.mpform_help_box_div{
color:#003366;
background-color:#ECF3F7;
}

#mpform_help_box_hr {
color:#336699;
/*background-color:#336699;*/
margin:0;
padding:0;
}

h5.mpform_help_box_h5 {
color:#036;
background-color:transparent;
font-size:1.0em;
font-weight:normal;
margin:0;
padding:0;
}

.mpform_help_box_h6 {
color:#003366;
background-color:#ccf;
font-size:1.0em;
font-weight:normal;
margin:0;
padding:4px;
}

div.mpform_results {
	background-color: #cfc;
	border: 2px solid #090;
	padding: 6px;
}


/*** Don't remove the class nixhier, this is required for ASP ***/
.nixhier {
	display:none;
}

/*  deprecated definitions, only for forms created with mpform < 0.3.0
	mpform_td_help is now called mpform_help
*/

.mpform_td_help{
width:16px;
vertical-align:top;
}

.input-group {
    border-collapse: separate;
    display: inline;
    position: relative;
}

.mpform .text_captcha.medium.calc_text{
	float: left;
	margin-right: 15px;
}

.socialfeed{
	margin-top: 160px;
	margin-bottom: 160px;
}


/* Footer */

.footer{
	padding-top: 48px;
	padding-bottom: 48px;
}


@media (max-width: 1200px) {
	.slider-text{
		display: none;
	}

	.nav.navbar-nav li a {
		position: relative;
		display: block;
		padding: 10px 10px 34px 10px;
		font-size: 18px;
		font-weight: 400;
		color: #343a40;
		text-transform: uppercase;
		background: none !important;
	}

}

@media (max-width: 1100px) {
	.carousel-caption{
		display: none;
	}
}

@media (max-width: 992px) {
	.nav.navbar-nav li a {
		position: relative;
		display: block;
		padding: 10px 10px 34px 10px;
		font-size: 15px;
		font-weight: 400;
		color: #343a40;
		text-transform: uppercase;
		background: none !important;
	}

}

@media (max-width: 768px) {
	.nav.navbar-nav li a {
		position: relative;
		display: block;
		padding: 10px 10px 10px 10px;
		font-size: 18px;
		text-align: center !important;
		font-weight: 400;
		color: #343a40;
		text-transform: uppercase;
		background: none !important;
	}

	.nav.navbar-nav li a:hover, .nav.navbar-nav li a:focus {
		background: none !important;
	}


	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
		color: #343a40;
		font-weight: 700;
		background: none !important;
	}


	#video_box167, #video_box168, #video_box169{
		position: relative;
		height: 33vh;
		overflow: hidden;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	#video_box167 video, #video_box168 video, #video_box169 video{
		width: auto;
		height: 33vh;
	}

	#video_overlays167 {
		position: absolute;
		width: 100vw;
		padding-top: 75px;
		z-index: 300000;
		height: 33vh;
		background: rgba(0, 0, 0, 0.7);
	}

	#video_overlays168 {
		position: absolute;
		width: 100vw;
		padding-top: 75px;
		z-index: 300000;
		height: 33vh;
		background: rgba(0, 0, 0, 0.7);
	}

	#video_overlays169 {
		position: absolute;
		width: 100vw;
		padding-top: 75px;
		z-index: 300000;
		height: 33vh;
		background: rgba(0, 0, 0, 0.7);
	}

	.startlogo{
		margin: 0px auto !important;
		padding: 0px 35px;
		-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
		filter: grayscale(100%);
	}

	.startlogo:hover{
		margin: 0px auto !important;
		-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
		filter: grayscale(0%);
	}

	.start-text1-margin {
		padding-top: 65px;
		padding-bottom: 50px;
		padding-left: 40px !important;
		padding-right: 40px !important;
	}

	h3 {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: 700;
		text-transform: uppercase;
		font-size: 20px;
		line-height: auto;
		margin-top: 5px;
		margin-bottom: 14px;
	}

	.pws-offroad-4x4_background-images:after {
		content: "";
		background: rgba(215, 140, 9, 0.85);
		width: 100%;
		height: 100%;
		position: absolute;
		top:0;
		left: 0;
	}
	
	.pws-offroad-ineos_background-images:after {
		content: "";
		background: rgba(51, 56, 62, 0.85);
		width: 100%;
		height: 100%;
		position: absolute;
		top:0;
		left: 0;
	}

	.pws-offroad-bike_background-images:after {
		content: "";
		background: rgba(140, 190, 38, 0.85);
		width: 100%;
		height: 100%;
		position: absolute;
		top:0;
		left: 0;
	}

	.pws-offroad-trial_background-images:after {
		content: "";
		background: rgba(228, 39, 43, 0.85);
		width: 100%;
		height: 100%;
		position: absolute;
		top:0;
		left: 0;
	}

	.carousel-caption-2 {
		position: absolute;
		right: 15%;
		top: 30px;
		left: 15%;
		z-index: 10;
		padding-top: 20px;
		padding-bottom: 20px;
		color: #fff;
		text-align: left !important;
		text-shadow: none !important;
	}
	
	.startgrid{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-content: center;
		justify-content: center;
	}

	.video6_box333{
		width: 50vw;
		height: 33.33333vh;
		background-size: cover;
	}

}
