/****************************/
/*FONTS_FAMILY*/
/****************************/



@font-face { font-family: 'OpenSans_Regular'; src: url("../fonts/OpenSans-Regular.ttf") format('truetype');}
@font-face { font-family: 'OpenSans_Bold'; src: url("../fonts/OpenSans-Bold.ttf") format('truetype');}
@font-face { font-family: 'OpenSans_Light'; src: url("../fonts/OpenSans-Light.ttf") format('truetype');}

html {	overflow-x: hidden; }

body {
	font: 14px/18px 'OpenSans_Regular', Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	color: #666;
	background-color: #fff;
	position: relative;
	left: 0;
	-webkit-transition: all .3s ease;
			 -o-transition: all .3s ease;
					transition: all .3s ease;
}

.main-holder { 	overflow: hidden; }
img {	max-width: 100%;	height: auto; }
.main-holder {	overflow: hidden;}


/*==============>-Block--classes-<================*/

a {	color: #000;	text-decoration: none;	transition: color 0.25s ease 0s; }
a:hover {	color: #EC1C24;	text-decoration: none;}
a:focus {	color: #EC1C24;	text-decoration: none;}
.small_font {	font-size: 12px;}

.largeh-Bold-white {
	color: #fff;
	font: 100px/88px 'OpenSans_Bold',Arial,Helvetica,sans-serif;
	margin: 123px 0 37px;
}

.xxh-Bold-white {
	color: #fff;
	font: 30px/30px 'OpenSans_Bold',Arial,Helvetica,sans-serif;
	margin: 5px;
}

.large-h {
	color: #000;
	display: block;
	font: 56px/30px 'OpenSans_Bold',Arial,Helvetica,sans-serif;
	margin: 0 0 60px;
}

.h-Bold {
	color: #fff;
	font: 46px/50px 'OpenSans_Bold',Arial,Helvetica,sans-serif;
	margin: 0 0 18px;
	letter-spacing: -2px;
}

.xh-Bold {
	color: #fff;
	font: 36px/40px 'OpenSans_Bold',Arial,Helvetica,sans-serif;
	margin: 0 0 35px;
}

.xxh-Bold {
	color: #238cc5;
	font: 32px/32px 'OpenSans_Bold',Arial,Helvetica,sans-serif;
	margin: 60px 0 18px 0;
	letter-spacing: -1px;
}

.medium-h {
	color: #fff;
	font: 24px/25px 'OpenSans_Bold',Arial,Helvetica,sans-serif;
	margin: 0;
	text-transform: uppercase;
}

.xmedium-h {
	color: #6d6f71;
	font: 19px/20px 'OpenSans_Regular',Arial,Helvetica,sans-serif;
	margin: -8px 0 93px;
	letter-spacing: -1px;
	font-weight: 600;
}

.xxmedium-h {
	color: #999;
	font: 16px/15px 'OpenSans_Regular',Arial,Helvetica,sans-serif;
	margin: 0 0 35px;
}

.xxxmedium-h {
	color: #CECECD;
	font: 18px/30px 'OpenSans_Regular',Arial,Helvetica,sans-serif;
	margin: 0;
}

.xsmall-h {
	color: #fff;
	font: 14px/32px Arial,Helvetica,sans-serif;
	margin: 0;
}

.xxsmall-h {
	color: #2C3E50;
	font: 18px/24px 'OpenSans_Bold',Arial,Helvetica,sans-serif;
	margin: 0 0 18px;
}

.division-h {
	color: #fff;
	font: 18px/24px 'OpenSans_Bold',Arial,Helvetica,sans-serif;
	margin: 0 0 0 25px;
	text-align: left; 
	letter-spacing: -1px;
	padding-left: 30px !important;
	width: 80% !important; 
}

.slide-title {
	color: #fff;
	font: 36px/40px 'OpenSans_Bold',Arial,Helvetica,sans-serif;
	margin: 0 0 27px;
}

.modal h2, .modal h3 { 	color: #000; }
button {	-moz-user-select: none;}
input[type="button"] {	-moz-user-select: none;}
input:-moz-placeholder, textarea:-moz-placeholder {	color: #999;	opacity: 1; }
input:focus {	outline: medium none; }

img {	image-rendering: optimizespeed;}

*:after, *:before {
	-moz-box-sizing: border-box;
	border: 0 none;
	margin: 0;
}


/*====================>-Header-<===================*/

@-moz-keyframes bouncedelay {
	0%, 80%, 100% {
		transform: scale(0);
	}
	40% {
		transform: scale(1);
	}
}

.header {
	padding: 30px 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.apex {	position: relative;}

.adhesion {
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.logo {	position: relative; 	z-index: 150; top: -10px; }

.header-navbar {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
}

.header-navbar .navbar-brand {
	padding: 0;
	height: 45px;
}

.navbar-collapse {
	padding-left: 0;
	padding-right: 0;
}

.red-back .backside, .red-back .back {	color: #FF6065; }
.Open-sansR {	font-family: 'OpenSans_Regular'; }
.end-header { 	padding-bottom: 33px; }



/*===================>-Content-<==================*/

/*------- Slider -------*/

.firstslide { 	background: url("../images/achtergrond.jpg") no-repeat scroll left; }

.forma-slider .form-bxslider {	padding: 0;	margin: 0; }

.forma-slider .form-bxslider > li {
	width: 100% !important;
	max-height: 540px;
	min-height: 540px;
}

.bx-wrapper .bx-controls-direction a {		display: none; }

.list-forstart {
	float: left;
	position: relative;
	top: 30px;
	width: 40%;
	z-index: 1;
}

.list-forstart .desc {
	color: #fff;
	font: 17px/28px 'OpenSans_Regular',Arial;
	margin-bottom: 50px;
	margin-top: -15px;
}

.img-slider {
	bottom: -44px;
	left: 50%;
	margin-left: -225px;
	position: absolute;
	width: 475px;
}

.slide-man1 {
	background: url("../images/buitenboordmotor.png") no-repeat !important;
	height: 497px;
	width: 364px;
	left: 50%;
	margin-left: -105px;
}

.slide-man2 {
	background: url("../images/buitenboordmotor-2.png") no-repeat !important;
	height: 497px;
	width: 364px;
	left: 50%;
	margin-left: 140px;
}





.fin_1,.fin_2,.fin_3 {	opacity: 0;}
.big-slider .body-slide {	padding: 180px 0 0 0; }
#form_slider .bx-default-pager a { display: none; }

#form_slider.big-bxslider .bx-viewport {	width: 100% !important;}
#form_slider.big-bxslider .form-bxslider > li {	min-height: 520px; }
#form_slider.big-bxslider .img-slider {	bottom: 0; }

#form_slider.big-bxslider .ver2 {
	float: none;
	margin: 0;
}

.dark-blue-btn {	background: #000;	color: #fff; position: relative; z-index: 99999999; }
.dark-blue-btn:hover {	background: #2d8dc2 !important; }
#form_slider.big-bxslider .bx-wrapper .bx-controls-direction a {	top: 50%;}
#form_slider .form-bxslider {	margin: 0; }

#form_slider .bx-default-pager a:hover, #form_slider .bx-default-pager .active { 	background: #fff !important; 	color: #fff; }


@-webkit-keyframes bounceIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(.3);
		transform: scale(.3);
		visibility: visible;
	}
	50% {
		opacity: 1;
		-webkit-transform: scale(1.05);
		transform: scale(1.05);
	}
	70% {
		-webkit-transform: scale(.9);
		transform: scale(.9);
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
		visibility: visible;
	}
}
@keyframes bounceIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(.3);
		-ms-transform: scale(.3);
		transform: scale(.3);
		visibility: visible;
	}
	50% {
		opacity: 1;
		-webkit-transform: scale(1.05);
		-ms-transform: scale(1.05);
		transform: scale(1.05);
	}
	70% {
		-webkit-transform: scale(.9);
		-ms-transform: scale(.9);
		transform: scale(.9);
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		visibility: visible;
	}
}
.bounceIn {
	-webkit-animation: bounceIn .40s linear forwards;
			 -o-animation: bounceIn .40s linear forwards;
					animation: bounceIn .40s linear forwards;
}
@-webkit-keyframes bounceOut {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	25% {
		-webkit-transform: scale(.95);
		transform: scale(.95);
	}
	50% {
		opacity: 1;
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(.3);
		transform: scale(.3);
		visibility: hidden;
	}
}
@-o-keyframes bounceOut {
	0% {
		-o-transform: scale(1);
		transform: scale(1);
	}
	25% {
		-o-transform: scale(.95);
		transform: scale(.95);
	}
	50% {
		opacity: 1;
		-o-transform: scale(1.1);
		transform: scale(1.1);
	}
	100% {
		opacity: 0;
		-o-transform: scale(.3);
		transform: scale(.3);
		visibility: hidden;
	}
}
@keyframes bounceOut {
	0% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
	25% {
		-webkit-transform: scale(.95);
		-ms-transform: scale(.95);
		transform: scale(.95);
	}
	50% {
		opacity: 1;
		-webkit-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1);
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(.3);
		-ms-transform: scale(.3);
		transform: scale(.3);
		visibility: hidden;
	}
}
.bounceOut {
	visibility: visible;
	-webkit-animation: bounceOut .40s linear forwards;
			 -o-animation: bounceOut .40s linear forwards;
					animation: bounceOut .40s linear forwards;
}
.reg-now {
	position: absolute;
	right: 0;
	text-align: center;
	top: 174px;
	width: 340px;
}
#elem-portable {
	position: absolute;
	top: 0;
	z-index: 151;
}
.relative {
	position: relative;
	z-index: 99;
}
.reg-now-visible {
	margin-top: 19px;
	position: relative;
	z-index: 100;
}

.btn {
	border: medium none;
	color: #fff;
	display: block;
	position: relative;
	text-align: center;
	-webkit-transition: background 0.25s ease;
	-moz-transition: background 0.25s ease;
	transition: background 0.25s ease;
}

.btn:focus, .btn:hover {	color: #fff;}
.btn:hover {	background: #DB2027;}

.submit {
	box-shadow: none;
	font: 13px/18px 'OpenSans_Bold',Arial;
	padding: 8px 17px 9px 14px;
	text-transform: uppercase;
	letter-spacing: -1px;
	border-radius: 0px !important; 
	width: 293px !important;
	position: relative; 
	float: left; 
	display: block; 	
	margin-right: 18px;
}

.button-small {
	box-shadow: none;
	font: 13px/18px 'OpenSans_Bold',Arial;
	padding: 8px 17px 9px 14px;
	text-transform: uppercase;
	letter-spacing: -1px;
	border-radius: 0px !important; 
	width: 210px !important;
	position: relative; 
	float: right; 
	display: block; 
}





/* --------- blauwe balk met icons ---------------------*/

.dark-blue {
	background: #2d8dc2;
	padding: 28px 0 0 0;
	text-align: center;
}

.icon-1 {
	background: url("../images/icon-1.png") no-repeat !important;
	display: block;
	float: left;
	height: 65px;
	width: 65px;
	position: relative; 
	top: -13px;
	left: -12px;
	margin-bottom: -18px;
}

.icon-2 {
	background: url("../images/icon-2.png") no-repeat !important;
	display: block;
	float: left;
	height: 65px;
	width: 65px;
	position: relative; 
	top: -13px;
	left: -12px;
	margin-bottom: -18px;	
}

.icon-3 {
	background: url("../images/icon-3.png") no-repeat !important;
	display: block;
	float: left;
	height: 65px;
	width: 65px;
	position: relative; 
	top: -13px;
	left: -12px;
	margin-bottom: -18px;
}


.seminars .media {
	color: #798089;
	font-size: 14px;
	width: 145px;
	margin: 0 0 0 55px;
	text-align: left;
}

.seminars i {
	color: #63B5FF;
	float: left;
	font-size: 40px;
}

.seminars li, .dark-blue .sem-h {
	margin-bottom: 30px;
}
.seminars li:hover h4 {
	color: #fff;
}
.seminars .wr-item {
	display: inline-block;
}


.make-row > .row {
	margin-left: -30px;
	margin-right: -30px;
}

.excerpt {
	color: #798089;
	line-height: 24px;
	margin-bottom: 40px;
}
.hideElement #cboxPrevious, .hideElement #cboxNext, .hideElement #cboxCurrent {
	display: none !important;
}
.hideElement #cboxPrevious:focus, .hideElement #cboxNext:focus, .hideElement #cboxCurrent:focus {
	outline: medium none;
}





.bg-darkblue {
	background: url("../images/klanten.jpg") repeat-x;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	padding: 40px 0 0px 0;
	width: 100%;
	height: 100%;
}

.bg-darkblue .media-news {	max-width: 100%; }

.klanten { letter-spacing: -1px; color: #2d8dc2; }
.klanten-text { color: #424242; margin-top: -30px; font-size: 16px; }
iframe { margin-left: 30px; }

.auto-x {
	display: table;
	margin: 0 auto;
	width: 75%;
}

.hov1:hover .it-ico1 {
	background-position: -1px -300px;
}
.hov2:hover .it-ico2 {
	background-position: -44px -301px;
}
.hov3:hover .it-ico3 {
	background-position: -85px -292px;
}
.hov4:hover .it-ico4 {
	background-position: -131px -303px;
}
.thumbnails {
	background: #FF6065;
	border: 1px solid #FF6065;
	border-radius: 150px;
	height: 130px;
	margin: 0 auto 27px;
	width: 130px;
}
.trainings > div:hover .thumbnails {
	background: #FF797E;
	border-color: #FF797E;
}
.trainings > div:hover h4 {
	color: #FF797E;
}
.full-text {
	color: #798089;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
}
.transition-h {
	-webkit-transition: color 0.2s ease;
			 -o-transition: color 0.2s ease;
					transition: color 0.2s ease;
}
.transition-all {
	-webkit-transition: all 0.2s ease;
			 -o-transition: all 0.2s ease;
					transition: all 0.2s ease;
}
.trainings i {
	color: #fff;
	cursor: default;
	display: block;
	font-size: 55px;
	line-height: 130px;
	text-align: center;
}
.trainings > div {
	margin-bottom: 40px;
	min-height: 320px;
}




/* --------- Gallery blokken ------------- */

.blok-title { 
	position: relative; 
	bottom: 150px;
	font-size: 26px;
	line-height: 30px;
	color: #fff; 
	font-weight: 700;
	font-family: "Open Sans", Arial, Tahoma;
	letter-spacing: -1px;
	text-align: center; 
	margin: 0 auto; 
	width: 80%; 
}

.button-blok {
	position: relative; 
	bottom: 123px;
	background: #000;
	padding: 6px 15px 7px 15px; 
	color: #fff;
	text-align: center; 
	width: 125px;
	font-weight: 600;
	font-size: 13px;
	letter-spacing: -1px;
	margin: 0 auto; 
}

.button-blok:hover { background: #2d8dc2; }

#gallery > div {
    margin-top: -40px;
	margin-bottom: 70px;
	height: 179px;
}

.media-news {
	margin: 0;
	position: relative;
	display: inline-block;
	height: 180px !important;
}


.media-news a {	cursor: pointer; }
.media-news:hover { opacity: 0.9; }

.bwWrapper {
	display: block;
	position: relative;
}

#gallery .mar-clear {
	margin-bottom: 32px;
}
#gallery img {
	width: 100%;
}
.blue-text .frontside {
	color: #63B5FF;
}
.blue-text .backside {
	color: #63B5FF;
	text-decoration: underline;
}
.blue-text:before {
	color: #63B5FF;
}
.a-trig {
	line-height: 60px;
	margin: 70px auto 55px;
	width: 320px;
	padding: 0;
}
.modal-wr {
	box-shadow: 0 0 12px rgba(0, 0, 0, 0.8);
	padding: 40px 25px 30px;
	background: #fff;
	top: 100px;
	width: 320px;
	left: 50%;
	margin-left: -160px;
	position: absolute;
}
.modal-wr.more-size {
	width: 400px;
	margin-left: -200px;
}
.modal {
	overflow-y: visible;
}
.modal-wr input,
.modal-wr textarea,
span.customSelect {
	border: 1px solid #ccc;
}

.close:hover {
	opacity: 0.7;
}
.captcha input {
	float: right;
	margin-bottom: 17px;
	width: 140px;
}
.picture-code {
	color: #000;
	float: left;
	width: 130px;
}



/*====================>-Footer-<==================*/

.footer { background: #2d8dc2; margin-top: -50px; }
	
.partners {
	background: #F7F7F7;
	border-top: 1px solid #D0D0D0;
	box-shadow: 0 1px 0 #F3F3F3 inset;
	padding: 25px 0;
}

.partners .dark-text {	margin-top: 14px; }

.partnersList {
	float: left;
	margin-left: 0;
	margin-top: -10px;
}

.partnersList li {	text-align: center;}

.bottom {	padding: 18px 33px;}

.copyright {
	color: #fff;
	display: block;
	font-family: "Open Sans", Arial, Tahoma;
	font-size: 13px;
	text-align: center;
}

.copyright a { color: #fff; }
.copyright a:hover { color: #000; }

.come-in {
	opacity: 1;
	animation: opacityAnimate 1s 1 ease-in-out;
	-webkit-animation: opacityAnimate 1s 1 ease-in-out;
	-moz-animation: opacityAnimate 1s 1 ease-in-out;
	-o-animation: opacityAnimate 1s 1 ease-in-out;
}




@keyframes opacityAnimate {
	from { opacity: 0; }
	to { opacity: 1; }
}

@-webkit-keyframes opacityAnimate {
	from { opacity: 0; }
	to { opacity: 1; }
}

@-moz-keyframes opacityAnimate {
	from { opacity: 0; }
	to { opacity: 1; }
}

@-o-keyframes opacityAnimate {
	from { opacity: 0; }
	to { opacity: 1; }
}
.complete {
	background: rgba(0, 0, 0, 0.62);
	border-bottom-left-radius: 10px;
	box-shadow: 6px rgba(0, 0, 0, 0.4);
	color: #fff;
	cursor: pointer;
	padding: 20px;
	position: fixed;
	right: 0;
	text-align: center;
	top: 0;
	z-index: 1000;
}


/*====================>-Other-<===================*/

[class*="spacer"] {
	font-size: 0;
	line-height: 0;
	width: 100%;
}
.spacer1 {
	height: 35px;
}
.spacer1x0 {
	height: 10px;
}
.spacer2 {
	height: 90px;
}
.spacer2x0 {
	height: 20px;
}
.spacer3 {
	height: 77px;
}
.spacer4 {
	height: 58px;
}
.spacer5 {
	height: 50px;
}
.spacer6 {
	height: 120px;
}
.spacer7 {
	height: 135px;
}
.spacer8 {
	height: 215px;
}

.offsetY-1 {
	margin-bottom: 45px;
}
.offsetY-2 {
	margin-bottom: 63px;
}
.offsetY-3 {
	margin-bottom: 135px;
}
.offsetY-4 {
	margin-bottom: 98px;
}
.offsetY-5 {
	margin-bottom: 45px;
	margin-top: 25px;
}
.offsetY-6 {
	margin-bottom: 18px;
	margin-top: 25px;
}
.offsetY-7 {
	margin-bottom: 30px;
}
.offsetY-8 {
	margin-bottom: 72px;
}

.container.make-row {
	/*padding-right: 30px;*/
	/*padding-left: 30px;*/
}

@-webkit-keyframes fadeOutRight {
	0% {
			opacity: 0;
			-webkit-transform: translateX(20px);
	}
	100% {
			opacity: 1;
			-webkit-transform: translateX(0);
	}
}
@-moz-keyframes fadeOutRight {
	0% {
			opacity: 0;
			-moz-transform: translateX(20px);
	}
	100% {
			opacity: 1;
			-moz-transform: translateX(0);
	}
}
@keyframes fadeOutRight {
	0% {
			opacity: 0;
			transform: translateX(20px);
	}
	100% {
			opacity: 1;
			transform: translateX(0);
	}
}
.fadeOutRight {
		-webkit-animation: 1s fadeOutRight both;
		-moz-animation: 1s fadeOutRight both;
		animation: 1s fadeOutRight both;
}
@-webkit-keyframes fadeOutLeft {
	0% {
			opacity: 0;
			-webkit-transform: translateX(-20px);
	}
	100% {
			opacity: 1;
			-webkit-transform: translateX(0);
	}
}
@-moz-keyframes fadeOutLeft {
	0% {
			opacity: 0;
			-moz-transform: translateX(-20px);
	}
	100% {
			opacity: 1;
			-moz-transform: translateX(0);
	}
}
@keyframes fadeOutLeft {
	0% {
			opacity: 0;
			transform: translateX(-20px);
	}
	100% {
			opacity: 1;
			transform: translateX(0);
	}
}
.fadeOutLeft {
		-webkit-animation: 1s fadeOutLeft both;
		-moz-animation: 1s fadeOutLeft both;
		animation: 1s fadeOutLeft both;
}
@-webkit-keyframes fadeOutBigRight {
	0% {
			opacity: 0;
			-webkit-transform: translateX(2000px);
	}
	100% {
			opacity: 1;
			-webkit-transform: translateX(0);
	}
}
@-moz-keyframes fadeOutBigRight {
	0% {
			opacity: 0;
			-moz-transform: translateX(2000px);
	}
	100% {
			opacity: 1;
			-moz-transform: translateX(0);
	}
}
@keyframes fadeOutBigRight {
	0% {
			opacity: 0;
			transform: translateX(2000px);
	}
	100% {
			opacity: 1;
			transform: translateX(0);
	}
}
.fadeOutBigRight {
		-webkit-animation: 1s fadeOutBigRight both;
		-moz-animation: 1s fadeOutBigRight both;
		animation: 1s fadeOutBigRight both;
}
@-webkit-keyframes fadeOutBigLeft {
	0% {
			opacity: 0;
			-webkit-transform: translateX(-2000px);
	}
	100% {
			opacity: 1;
			-webkit-transform: translateX(0);
	}
}
@-moz-keyframes fadeOutBigLeft {
	0% {
			opacity: 0;
			-moz-transform: translateX(-2000px);
	}
	100% {
			opacity: 1;
			-moz-transform: translateX(0);
	}
}
@keyframes fadeOutBigLeft {
	0% {
			opacity: 0;
			transform: translateX(-2000px);
	}
	100% {
			opacity: 1;
			transform: translateX(0);
	}
}
.fadeOutBigLeft {
		-webkit-animation: 1s fadeOutBigLeft both;
		-moz-animation: 1s fadeOutBigLeft both;
		animation: 1s fadeOutBigLeft both;
}
@-webkit-keyframes fadeOutBottom {
	0% {
			opacity: 0;
			-webkit-transform: translateY(20px);
	}
	100% {
			opacity: 1;
			-webkit-transform: translateY(0);
	}
}
@-moz-keyframes fadeOutBottom {
	0% {
			opacity: 0;
			-moz-transform: translateY(20px);
	}
	100% {
			opacity: 1;
			-moz-transform: translateY(0);
	}
}
@keyframes fadeOutBottom {
	0% {
			opacity: 0;
			transform: translateY(20px);
	}
	100% {
			opacity: 1;
			transform: translateY(0);
	}
}
.fadeOutBottom {
		-webkit-animation: 1s fadeOutBottom both;
		-moz-animation: 1s fadeOutBottom both;
		animation: 1s fadeOutBottom both;
}
@-webkit-keyframes fadeOutTop {
	0% {
			opacity: 0;
			-webkit-transform: translateY(-20px);
	}
	100% {
			opacity: 1;
			-webkit-transform: translateY(0);
	}
}
@-moz-keyframes fadeOutTop {
	0% {
			opacity: 0;
			-moz-transform: translateY(-20px);
	}
	100% {
			opacity: 1;
			-moz-transform: translateY(0);
	}
}
@keyframes fadeOutTop {
	0% {
			opacity: 0;
			transform: translateY(-20px);
	}
	100% {
			opacity: 1;
			transform: translateY(0);
	}
}
.fadeOutTop {
	-webkit-animation: 1s fadeOutTop both;
	-moz-animation: 1s fadeOutTop both;
	animation: 1s fadeOutTop both;
}
#animIt1,
#animIt2,
#animIt3,
#animIt4,
#trainings,
#animIt5,
#animIt6,
#animIt7,
#animIt8,
#animIt9,
#animIt10,
#animIt11,
#animIt12,
#animIt13,
.animIt14,
.animIt15,
#animIt16,
#animIt17,
#animIt18,
#animIt19,
#animIt20 {
	opacity: 0;
}
.lay-wrapper {
	margin-top: 10%;
}
.lay-wrapper .span6 {
	float: none;
	margin: 0 auto !important;
	width: 460px;
}
.layout li {
	float: left;
	width: 33.333%;
}
.layout figure {
	margin-bottom: 25px;
	margin-top: 0;
}
.layout figcaption {
	color: #9B9B9B;
	font-size: 12px;
	text-align: center;
}

.lay1:hover {
	background-position: -66px 0;
}
.lay2:hover {
	background-position: -132px -66px;
}
.lay3:hover {
	background-position: 0 -66px;
}
.app-bxslider {
	margin: 0 auto;
	width: 939px;
}
#form_slider.app-bxslider .bx-wrapper {
	padding: 0;
}
#form_slider.app-bxslider .bx-pager {
	text-align: center;
	top: 24px;
}
#form_slider.app-bxslider .bx-has-controls-direction .bx-pager-item {
	display: inline-block;
	float: none;
	margin-left: -5px;
}
#form_slider.app-bxslider .bx-default-pager a span {
	bottom: -24px;
	color: #000;
	display: block;
	font: 12px/15px 'OpenSans_Bold',Arial;
	transition: color 0.25s ease 0s;
}
#form_slider.app-bxslider .bx-default-pager .active span,
#form_slider.app-bxslider .bx-default-pager a:hover span {
	color: #EC1C24;
}

.footer-block {
	-moz-box-sizing: border-box;
	background: rgba(0, 0, 0, 0.6);
	bottom: 0;
	padding: 21px 37px 31px 47px;
	position: absolute;
	width: 100%;
}
.dv1 {
	color: #fff;
	float: left;
	font: 14px/20px 'OpenSans_Regular',Arial;
	width: 395px;
}
.dv2 {
	float: right;
	width: 400px;
}
.dv2 .btn {
	margin-bottom: 0;
	margin-left: 20px;
	margin-top: 19px;
	width: 188px;
}
.dv2 .no-mar, .no-mar {
	margin-left: 0;
}
.white-btn, .white-btn:hover, .white-btn:focus {
	background: #fff;
	border-color: #8F8F8F;
	box-shadow: none;
	color: #000;
}
.white-btn i {
	background-position: -98px -393px;
}
.white-btn:hover i {
	background-position: -98px -365px !important;
}







.relative.body-slide {	z-index: 9999;}
.big-slider .slide-man1 {	left: 70%; }
.big-slider .list-forstart {	width: 60%;}

.big-slider .form-bxslider > li {
	padding-left: 15px;
	padding-right: 15px;
}

.white {	color: #fff; }
 
.ver2 {
	float: none;
	margin: 65px auto 0;
}
.ver2 a {
	float: left;
}
.btn .excl {
	background-position: -128px -394px;
}
.btn:hover .excl {
	background-position: -128px -366px !important;
}
section.video-bxslider:after {
	background: rgba(0, 0, 0, 0.4);
	bottom: -87px;
	content: "";
	display: block;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition: background 0.35s ease 0s;
}
section.video-bxslider:hover:after {
	background: rgba(0, 0, 0, 0);
}
.video-bxslider li:hover:after,
.header:hover + .content .video-bxslider li:after {
	background: rgba(45, 62, 80, 0.1);
}
.glam-btn {
	background: rgba(0, 0, 0, 0.1);
	border: 1px solid #C8CCCF;
	color: #fff;
}
.glam-btn:hover {
	background: #fff;
	border-color: #fff;
	color: #000;
}

.toggle-slide-left {
	border: none;
	position: relative;
	z-index: 100;
	width: 40px;
	height: 40px;
	margin: -8px 0 0 30px;
	float: right;
}

.toggle-slide-left.collapsed {
	background: #fff;
	color: #000;
}
.toggle-slide-left:hover,
.toggle-slide-left {
	background: #2C3E50;
	color: #fff;
}
.responsive-switcher {
	text-align: center;
	color: #fff;
	padding-top: 30px;
}
.responsive-switcher i {
	font-size: 18px;
}
.alert .close {
	background: none;
	position: static;
}






/*xSlider*/
.big-slider #form_slider .bx-pager {
	text-align: center;
	position: absolute;
	left: 0;
	top: auto;
	bottom: 20px;
	width: 100%;
}
.big-slider #form_slider .bx-pager-link {
	width: 20px;
	height: 20px;
	text-indent: -9999px;
}
.big-slider #form_slider .bx-pager .bx-pager-item {
	margin: 0 7px !important;
	width: auto;
	height: auto;
	float: none;
}
.big-slider #form_slider .bx-has-controls-direction .bx-pager-item {
	display: inline-block;
	margin-right: 0;
}


.features { padding-top: 30px; }
.assortiment { letter-spacing: -1px; color: #6d6f71; font-size: 24px;  }
.assortiment-text { color: #424242; margin-top: -30px; font-size: 14px; }
.assortiment-foto { position: relative; left: 18px; }
.assortiment-blok { padding-bottom: 270px !important; }


/* ---------- RESPONSIVE ----------- */
@media only screen
and (max-width : 1200px) {
/* Styles */

.h-Bold { 	font: 40px/88px 'OpenSans_Bold',Arial,Helvetica,sans-serif !important; margin-bottom: -10px !important; }

.list-forstart .desc {	font: 16px/22px 'OpenSans_Regular',Arial;	margin-bottom: 40px; }

.blok-title { 	font-size: 22px;	line-height: 27px; width: 100%; position: relative; bottom: 130px; width: 94%; }
.button-blok {	position: relative; 	bottom: 114px; }
iframe { margin-left: 0px; }


.assortiment { letter-spacing: -1px; color: #6d6f71; font-size: 20px;  }
.assortiment-text { color: #424242; margin-top: -30px; font-size: 14px; line-height: 19px;  }
.assortiment-foto { position: relative; top: 14px; left: 0px; }
.assortiment-blok { padding-bottom: 270px !important; }


.klanten-text { font-size: 14px; line-height: 19px;  }
.col-md-3 {    width: 30%;    margin: 0 6px 0 22px;   }

}


@media only screen and (min-width : 768px)  and (max-width : 1024px) {

.xh-Bold {	font: 22px/22px 'OpenSans_Bold',Arial,Helvetica,sans-serif !important; margin-top: 25px !important; }
.col-sm-8 { padding-bottom: 70px !important; }

.seminars li { width: 29.4% !important; }
.division-h { font-size: 14px !important; line-height: 16px; margin-left: 35px !important; }

}







@media only screen and (max-width : 767px) {

.h-Bold { 
	color: #fff;
	font: 38px/40px 'OpenSans_Bold',Arial,Helvetica,sans-serif !important;
	margin: 25px 0 !important; 
}

.xh-Bold {	font: 18px/20px 'OpenSans_Bold',Arial,Helvetica,sans-serif !important; margin-top: 25px !important; }
.xxh-Bold {	font: 19px/20px 'OpenSans_Bold',Arial,Helvetica,sans-serif; }
.col-sm-8 { padding-bottom: 70px !important; }

.assortiment { font-size: 16px !important; }
.assortiment-text { font: 13px/18px 'OpenSans_Regular',Arial !important; }
.desc { 	font: 14px/21px 'OpenSans_Regular',Arial !important; margin-bottom: 55px !important; }

.division-h {
	padding-left: 30px !important;
	width: 160% !important; 
	margin: 0 0 0 40px !important;	
}
.wr-item { margin-left: -30px; }

}







@media only screen and (max-width : 500px) {

.h-Bold { 
	color: #fff;
	font: 35px/35px 'OpenSans_Bold',Arial,Helvetica,sans-serif !important;
	margin: 0px 0 19px 0 !important; 
}

.desc { 	font: 14px/21px 'OpenSans_Regular',Arial !important; margin-bottom: 55px !important; }
.assortiment-blok .dark-blue-btn {  font-size: 11px !important; width: 110% !important;  }

}



/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

iframe, .col-sm-2 { margin-left: -14px !important; }
.assortiment-afbeelding { display: none; }


}



/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 767px) {

.logo-afbeelding { 
 	display: none !important;
	background-size: 270px 119px !important; 
	margin: -18px -80px 0 -20px; 
}
.logo-afbeelding img { display: none; }

.firstslide { background: #575c62 url(../images/logo_klein.png) no-repeat center top !important;  }
.h-Bold { 	font: 30px/30px 'OpenSans_Bold',Arial,Helvetica,sans-serif !important; }
.fin_2 .dark-blue-btn, .dark-blue-btn { width: 100% !important; font-size: 11px !important; }

.seminars li { margin-left: 36px !important; }
.division-h { 	font: 16px/20px 'OpenSans_Bold',Arial,Helvetica,sans-serif; }

.assortiment-afbeelding { display: none !important; }
.features { padding: 0 !important; width: 100% !important; margin-left: -8px; padding-bottom: 40px !important; }
.make-row { padding: 0 !important; width: 92% !important; }

}




@media only screen and (max-device-width : 1024px) {


.assortiment-afbeelding { background: url(../images/onderdelen-voor-buitenboordmotoren.jpg) no-repeat !important; width: 244px !important; height: 247px !important; 	background-size: 224px 247px !important; }
.assortiment-afbeelding img { display: none; }

.logo-afbeelding { background: url(../images/logo.png); width: 383px; height: 169px !important; }
.logo-afbeelding img { display: none; }


.box-1 { background: url(../images/honda-buitenboordmotor-onderdelen.jpg) !important; width: 186px; height: 56px !important;  }
.box-1 img { display: none; }

.box-2 { background: url(../images/mercury-buitenboordmotor-onderdelen.jpg) !important; width: 186px; height: 56px !important;  }
.box-2 img { display: none; }

.box-3 { background: url(../images/johnson-buitenboordmotor-onderdelen.jpg) !important; width: 186px; height: 56px !important;   }
.box-3 img { display: none; }

.box-4 { background: url(../images/suzuki-buitenboordmotor-onderdelen.jpg) !important; width: 186px; height: 56px !important;   }
.box-4 img { display: none; }

.box-5 { background: url(../images/yamaha-buitenboordmotor-onderdelen.jpg) !important; width: 186px; height: 56px !important;   }
.box-5 img { display: none; }

.box-1, .box-2, .box-3, .box-4, .box-5 { margin: 0 auto !important; }


.blok-01 { background: url(../images/force-buitenboordmotor-onderdelen.jpg) !important; width: 100%; height: 170px !important;  }
.blok-01 img { display: none; }

.blok-02 { background: url(../images/mercury_buitenboordmotor-onderdelen.jpg) !important; width: 100%; height: 170px !important;  }
.blok-02 img { display: none; }

.blok-03 { background: url(../images/yamaha_buitenboordmotor-onderdelen.jpg) !important; width: 100%; height: 170px !important;  }
.blok-03 img { display: none; }

.blok-04 { background: url(../images/honda_buitenboordmotor-onderdelen.jpg) !important; width: 100%; height: 170px !important;  }
.blok-04 img { display: none; }

.blok-05 { background: url(../images/tohatsu-buitenboordmotor-onderdelen.jpg) !important; width: 100%; height: 170px !important;  }
.blok-05 img { display: none; }

.blok-06 { background: url(../images/envinrude-buitenboordmotor-onderdelen.jpg) !important; width: 100%; height: 170px !important;  }
.blok-06 img { display: none; }

.blok-title { position: relative; top: 40px; height: 38px;  }
.button-blok { position: relative; top: 64px; }

.button-blok {
	position: relative; 
	bottom: 123px;
	background: #000;
	padding: 6px 15px 7px 15px; 
	color: #fff;
	text-align: center; 
	width: 135px;
	font-weight: 600;
	font-size: 12px;
	letter-spacing: -1px;
	margin: 0 auto; 
}

}