@font-face {
    font-family: '28DaysLaterRegular';
    src: url('/fonts/28_days_later-webfont.eot');
    src: url('/fonts/28_days_later-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/28_days_later-webfont.woff') format('woff'),
         url('/fonts/28_days_later-webfont.ttf') format('truetype'),
         url('/fonts/28_days_later-webfont.svg#28DaysLaterRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

html {
	height: 100%;
}
body {
	height: 100%;
	background-color: #acacac;
	background-attachment: fixed;
	background-image: url('../img/img_bg.jpg');
}
body, table, input, select, textarea {
	color: #4C4C4C;
	font-family: 'Lato', sans-serif;
	font-weight: normal;
	font-size: 17px;
	line-height: 1.4;
}
a{
	color: #4C4C4C;
}
a:hover{
	color: #999;
}
h1 {
	padding-bottom: 5px;

	color: #3c3c3b;

	font-weight: 800;
	font-size: 20px;
	line-height: 1;
}
h2 {
	color: #1d1d1d;

	font-size: 20px;
	font-weight: 700;
}
h3 {
	color: #666666;

	font-size: 20px;
	font-weight: 400;
}
img {
	max-width: 100%;
}

.youtube{
	position: relative;
	overflow: hidden;

	height: 268px;

	border-radius: 0 0 4px 4px;
}
	.youtube:before {
		display: block;
		margin-top: 56%;

		content: '';
	}
	.youtube iframe {
		position: absolute;
		top: 0;
		left: 0;

		width: 100%;
		height: 100%;
	}

/* Forms */
.form-row {
	display: block;
	margin-bottom: 10px;
}
	.form-row label {
		float: left;

		display: block;
		width: 150px;
		margin-right: 20px;
		padding: 8px 0px;

		color: #ffffff;

		text-align: left;
	}
	input[type=text],
	input[type=number],
	textarea {
		padding: 6px 10px;
		border: 1px solid #ffffff;
		border-radius: 4px;

		background: transparent;
		color: #ffffff;
	}
	.cms_form input[type=text]{
		color:#000;
		background:#FFF;
	}
	select {
		padding: 6px 10px;
		border: 1px solid #000;
		border-radius: 4px;

		background: transparent;
		color: #fff;
	}
	.product-details-variants input[type=text],
	.product-details-variants input[type=number],
	.product-details-variants select,
	.product-details-variants textarea,
	.product-details-form input[type=text],
	.product-details-form input[type=number],
	.product-details-form select,
	.product-details-form textarea,
	.product-details-descr input[type=text],
	.product-details-descr input[type=number],
	.product-details-descr select,
	.product-details-descr textarea,
	.contact-form input[type=text],
	.contact-form input[type=number],
	.contact-form select,
	.contact-form textarea,
	.car-block input[type=text],
	.car-block input[type=number],
	.car-block select,
	.car-block textarea {
		border-color: #4c4c4c;
		color: #4c4c4c;
	}
	input[type=text]:focus,
	input[type=number]:focus,
	select:focus,
	textarea:focus {
		border-color: rgb(251, 195, 0);
		color: rgb(251, 195, 0);
	}
	.product-details-variants input[type=text]:focus,
	.product-details-variants input[type=number]:focus,
	.product-details-variants select:focus,
	.product-details-variants textarea:focus,
	.product-details-form input[type=text]:focus,
	.product-details-form input[type=number]:focus,
	.product-details-form select:focus,
	.product-details-form textarea:focus,
	.product-details-descr input[type=text]:focus,
	.product-details-descr input[type=number]:focus,
	.product-details-descr select:focus,
	.product-details-descr textarea:focus,
	.contact-form input[type=text]:focus,
	.contact-form input[type=number]:focus,
	.contact-form select:focus,
	.contact-form textarea:focus,
	.car-block input[type=text]:focus,
	.car-block input[type=number]:focus,
	.car-block select:focus,
	.car-block textarea:focus {
		color: #4c4c4c;
	}
	input[type=submit],
	input[type=button] {
		display: block;
		width: 200px;
		margin: 0px auto 10px;
		border: 1px solid rgb(251, 195, 0);
		border-radius: 4px;
		padding: 5px 0px;

		background: rgb(251, 195, 0);
		color: white;

		font-weight: bold;
	}
/* Transitions */
.zoom-img img {
	-moz-transition:-moz-transform 0.5s ease-in;
	-webkit-transition:-webkit-transform 0.5s ease-in;
	-o-transition:-o-transform 0.5s ease-in;
}
.zoom-img img:hover {
	-moz-transform: scale(2);
	-webkit-transform: scale(2);
	-o-transform: scale(2);
}
/* Design Elements */
.wrapper {
	position: relative;
	margin: auto;
	width: 100%;
	min-height:100%;
}

.header {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;

	height: 130px;
	padding-top: 40px;

	background-color: rgba(0,0,0,.7);
	box-shadow:0 3px 5px rgba(0,0,0,.25);
	z-index: 50;
}
	.header-container {
		position: relative;

		width: 1600px;
		margin: 0px auto;
	}
		.header-container:after {
			clear: float;

			display: block;
		}
		.header-logo {
			position: absolute;
			top:0;
			left:0;

			margin-right: 40px;
		}
			.header-logo img {
				position:relative;

				height: 120px;

				z-index: 1000000;
			}
			.home .header-logo img {
				height: 190px;
			}
		.header-menu-btn {
			display: none;
		}
		.header-menu {
			float: right;
		}
			.header-menu a {
				position: relative;
				float: left;

				display: inline-block;
				width: 135px;
				margin-left: 8px;
				padding-top: 65px;

				color: #fff;
				fill: #fff;

				font-size: 18px;
				font-weight: 400;
				text-align: center;
				text-decoration: none;
			}
			.header-menu a:first-of-type {
				margin-left: 0px;
			}
			.header-menu a:hover {
				color: #FBC300;
				fill: #FBC300;
			}
			.header-menu a.active {
				color: #FBC300;
				fill: #FBC300;
			}
			.header-menu a.active:hover {
				opacity:.8;
			}
				.header-menu > a > svg{
					content: "";
					position: absolute;
					top: 0px;
					left:50%;
					margin-left:-33px;
					width:66px;
					height:66px;
				}
@media (max-width: 369px) {
	.header {
		height: 100px;
		padding-top: 0px;
		z-index: 50;
	}
	.header-fixed {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
	}
		.header-container {
			width: 100%;
			min-height: 82px;
			padding-top: 18px;
		}
			.header-logo {
				position: absolute;
				top: 10px;
				left: 20px;
			}
				.header-container .header-logo img {
					height: 88px;
				}
			@media (max-width: 335px) {
				.header-logo {
					top: 20px;
				}
					.header-container .header-logo img {
						height: 70px;
					}
			}
			.header-menu-btn {
				position: absolute;
				top: 20px;
				right: 25px;

				display: block;
				width: 60px;
				height: 60px;
			}
				@media (max-width: 299px) {
					.header-menu-btn {
						right: 15px;
					}
				}
				@media (max-width: 275px) {
					.header-menu-btn {
						right: 10px;
					}
				}
				.header-menu-btn:before,
				.header-menu-btn:after,
				.header-menu-btn span {
					position: absolute;
					left: 12px;
					right: 12px;

					display: block;
					height: 6px;
					border-radius: 4px;

					background: #FBC300;

					content: '';
				}
				.header-menu-btn:before {
					top: 14px;
				}
				.header-menu-btn:after {
					bottom: 14px;
				}
				.header-menu-btn span {
					top: 27px;
				}
			.header-menu {
				position: fixed;
				top: 100px;
				bottom: 0;
				left: 0;
				right: 0;
				z-index: 40;

				display: none;
				padding: 10px 0;
				overflow-y: auto;
				overflow-x: hidden;
				margin-bottom: -6%;
				margin-bottom: calc(-20px);

				background: rgba(0,0,0,.9);
				box-shadow: 0 3px 5px rgba(0,0,0,.25) inset;
			}
				.header-menu a {
					padding: 54px 0 0;

					width: 44%;
					margin: 0 3% 6%;

					width: calc(50% - 20px);
					margin: 0 calc(10px) calc(20px);

					height: 17px;

					font-size: 17px;
					line-height: 1;
				}
				.header-menu a:first-of-type {
					margin-left: 3%;
					margin-left: calc(10px);
				}
					.header-menu > a > svg {
						position: absolute;
						top: 0;
						left: 50%;

						width: 54px;
						height: 54px;
						margin-left: -27px;

						content: '';
					}
}
@media (min-width: 370px) and (max-width: 799px) {
	.header {
		height: 92px;
		padding-top: 18px;
		z-index: 50;
	}
	.header-fixed {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
	}
		.header-container {
			width: 100%;
			min-height: 92px;
		}
			.header-logo {
				position: absolute;
				top: 16px;
				left: 24px;
			}
				.header-container .header-logo img {
					height: 112px;
				}
			@media (max-width: 406px) {
				.header-logo {
					top: 20px;
				}
					.header-container .header-logo img {
						height: 100px;
					}
			}
			.header-menu-btn {
				position: absolute;
				top: 7px;
				right: 25px;

				display: block;
				width: 60px;
				height: 60px;
			}
				.header-menu-btn:before,
				.header-menu-btn:after,
				.header-menu-btn span {
					position: absolute;
					left: 12px;
					right: 12px;

					display: block;
					height: 6px;
					border-radius: 4px;

					background: #FBC300;

					content: '';
				}
				.header-menu-btn:before {
					top: 14px;
				}
				.header-menu-btn:after {
					bottom: 14px;
				}
				.header-menu-btn span {
					top: 27px;
				}
			.header-menu {
				position: fixed;
				top: 110px;
				bottom: 0;
				left: 0;
				right: 0;
				z-index: 40;

				display: none;
				padding: 40px 0 24px;
				overflow-y: auto;
				overflow-x: hidden;
				margin-bottom: -6%;
				margin-bottom: calc(-20px);

				background: rgba(0,0,0,.9);
				box-shadow: 0 3px 5px rgba(0,0,0,.25) inset;
			}
				.header-menu a {
					padding: 66px 0 0;

					width: 44%;
					margin: 0 3% 6%;

					width: calc(50% - 20px);
					margin: 0 calc(10px) calc(32px);

					height: 17px;

					font-size: 17px;
					line-height: 1;
				}
				.header-menu a:first-of-type {
					margin-left: 3%;
					margin-left: calc(10px);
				}
}
@media (min-width: 500px) and (max-width: 799px) {
	.header-menu a {
		padding: 66px 0 0;

		width: 30%;
		margin: 0 3.3% 6%;

		width: calc(100% / 3 - 20px);
		margin: 0 calc(10px) calc(32px);

		height: 17px;

		font-size: 17px;
		line-height: 1;
	}
	.header-menu a:first-of-type {
		margin-left: 3.3%;
		margin-left: calc(10px);
	}
}
@media (min-width: 800px) and (max-width: 999px) {
	.header {
		height: 92px;
		padding-top: 18px;
		z-index: 50;
	}
	.header-fixed {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
	}
		.header-container {
			width: 100%;
			min-height: 92px;
		}
			.header-logo {
				position: absolute;
				top: 16px;
				left: 24px;
			}
				.header-container .header-logo img {
					height: 112px;
				}
			.header-menu-btn {
				position: absolute;
				top: 7px;
				right: 25px;

				display: block;
				width: 60px;
				height: 60px;
			}
				.header-menu-btn:before,
				.header-menu-btn:after,
				.header-menu-btn span {
					position: absolute;
					left: 12px;
					right: 12px;

					display: block;
					height: 6px;
					border-radius: 4px;

					background: #FBC300;

					content: '';
				}
				.header-menu-btn:before {
					top: 14px;
				}
				.header-menu-btn:after {
					bottom: 14px;
				}
				.header-menu-btn span {
					top: 27px;
				}
			.header-menu {
				position: fixed;
				top: 110px;
				bottom: 0;
				left: 0;
				right: 0;
				z-index: 40;

				display: none;
				padding: 40px 0 24px;
				overflow-y: auto;
				overflow-x: hidden;
				margin-bottom: -6%;
				margin-bottom: calc(-20px);

				background: rgba(0,0,0,.9);
				box-shadow: 0 3px 5px rgba(0,0,0,.25) inset;
			}
				.header-menu a {
					padding: 66px 0 0;

					width: 20%;
					margin: 0 2.5% 5%;

					width: calc(100% / 4 - 32px);
					margin: 0 calc(16px) calc(32px);

					height: 17px;

					font-size: 17px;
					line-height: 1;
				}
				.header-menu a:first-of-type {
					margin-left: 3.3%;
					margin-left: calc(10px);
				}
}
@media (min-width: 1000px) and (max-width: 1049px) {
	.header {
		height: 97px;
		width: calc(100% - 50px);

		padding-top: 13px;
		padding-left: 25px;
		padding-right: 25px;
	}
		.header-container {
			width: 100%;
		}
			.header-logo {
				position: absolute;
				top: 10px;
				left: 0px;
			}
				.header-container .header-logo img {
					height: 128px;
				}
			.header-menu a {
				width: 77px;
				margin-left: 0px;
				padding-top: 55px;

				font-size: 12px;
				line-height: 1;
			}
			.header-menu > a > svg {
				position: absolute;
				top: 4px;
				left: 50%;

				width: 50px;
				height: 50px;
				margin-left: -29px;

				content: '';
			}
}
@media (min-width: 1050px) and (max-width: 1199px) {
	.header {
		width: calc(100% - 50px);
		height: 110px;
		padding-top: 20px;
		padding-left: 25px;
		padding-right: 25px;
	}
		.header-container {
			width: 100%;
		}
		.header-logo {
			margin-right: 25px;
		}
			.header-container .header-logo img {
				height: 160px;
			}
			.header-menu a {
				width: 75px;
				margin-left: 0px;
				padding-top: 60px;

				font-size: 12px;
				line-height: 1;
			}
			.header-menu > a > svg {
				position: absolute;
				top: 4px;
				left: 50%;

				width: 50px;
				height: 50px;
				margin-left: -29px;

				content: '';
			}
}
@media (min-width: 1200px) and (max-width: 1399px) {
	.header {
		width: calc(100% - 50px);
		padding-left: 25px;
		padding-right: 25px;
	}
		.header-container {
			width: 100%;
		}
		.header-menu a {
			width: 86px;
			margin-left: 0;

			font-size: 14px;
			line-height: 1;
		}
}
@media (min-width: 1200px) and (max-width: 1399px) and (max-height: 899px) {
	.header {
		height: 110px;
		padding-top: 20px;
	}
	.header-container .header-logo img {
		height: 160px;
	}
}
@media (min-width: 1400px) and (max-width: 1699px) {
	.header {
		width: calc(100% - 100px);
		padding-left: 50px;
		padding-right: 50px;
	}
		.header-container {
			width: 100%;
		}
		.header-menu a {
			width: 100px;
			margin-left: 5px;

			font-size: 17px;
			line-height: 1;
		}
}
@media (min-width: 1400px) and (max-width: 1699px) and (max-height: 920px) {
	.header {
		height: 110px;
		padding-top: 20px;
	}
	.header-container .header-logo img {
		height: 160px;
	}
}
@media (min-width: 1700px) and (max-height: 920px) {
	.header {
		height: 110px;
		padding-top: 20px;
	}
	.header-container .header-logo img {
		height: 160px;
	}
}

.content {
	position: relative;
	margin: 0px auto 0px;
	z-index:2;
}

.social{
	position: fixed;
	top: 270px;
	right: 0;
	z-index: 3;

	border-radius: 5px 0 0 5px;
	overflow: hidden;

	background: #FBC300;
}
	.social a{
		display:block;
	}
	.social a:hover{
		background:#FCCC26;
	}
	.social a + a{
		border-top:solid 1px #FDDB66;
	}
		.social a img{
			display:block;
		}
@media (max-width: 369px) {
	.social {
		position: absolute;
		top: initial;
		bottom: 100px;
	}
		.social a {
			width: 40px;
			height: 40px;
		}
			.social a img {
				max-width: 40px;
				max-height: 40px;
			}
}
@media (min-width: 370px) and (max-width: 799px) {
	.social {
		position: absolute;
		top: initial;
		bottom: 100px;
	}
		.social a {
			width: 40px;
			height: 40px;
		}
			.social a img {
				max-width: 40px;
				max-height: 40px;
			}
}
@media (min-width: 800px) and (max-width: 1049px) {
	.social{
		top: initial;
		bottom: 200px;
	}
		.social a{
			width: 50px;
			height: 50px;
		}
			.social a img {
				max-width: 50px;
				max-height: 50px;
			}
}

.cms-slider {
	position: absolute;
	top: 170px;
	left: 0;

	padding: 5px 10px;

	background: #EEE;
	color: #000;

	text-decoration: none;
	font-weight: bold;
	z-index: 10;
}
.slider {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0;

	width: 100%;
	overflow: hidden;
	z-index: 1;
}
	.slider > a {
		display: block;

		background: url(/img/icon_add.svg) no-repeat center #999;
		background-size: 100px;
	}
	.slider > div {
		background: center no-repeat;
		background-size: cover;
		overflow-y:scroll;
	}
		.slider-main{
			width:100%;
			height:100%;
			padding-right:50px;
			background: center no-repeat;
			background-size: cover;
		}
			.slider-text, .slider-text-more-text{
				margin:0 auto;
				width:900px;
				color:#FFF;
				text-align:center;
				z-index:2;
			}
			.slider-text{
				position:absolute;
				left:50%;
				bottom:25px;
				transform:translateX(-50%);
			}
				.slider-text h1{
					margin-bottom:30px;
					color:#FFF;
				}
				.slider-text-readmore{
					display:inline-block;
					margin-top:30px;
					width:100px;
					padding:5px 15px;
					border:solid 1px #FFF;
					border-radius:3px;
					font-size:95%;
					color:#FFF;
					text-decoration:none;
					transition:all .5s;
				}
				.slider-text-more{
					display:none;
					padding:0 0 25px 50px;
					background:#000;
				}
				.open .slider-text-readmore{
					width:20%;
					padding:0;
					font-size:0;
					border-bottom-width:0px
				}
				.open .slider-text-more{
					display:block;
				}
		/*
		@media (max-width:1000px){
			.slider-text{
				display:none;
			}
		}
		@media (min-width:1700px){
			.slider-text{
				left:50%;
				padding:0;
				margin-left:-800px;
				max-width:1600px;
			}
		}
		*/
	.slider > * {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 100%;
		width: 100%;
		padding-right:50px;
		min-height: 300px !important;

		background-color: gold;

		transition: all 2s;
	}
	.slider > .first {
		left: -100%;
	}
	.slider > .second{
		position: absolute;
		left: 0;
	}
		.slider > *:after{
			content:"";
			position: absolute;
			left: 0;
			right: 0;
			bottom: 0;
			height:35%;
			background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
		}
.cms_slider {
	padding-top:225px;
	overflow: visible;
	z-index: 9;
}
	.cms_slider > *{
		position:relative;
		left:0;
		float:left;
		width:20%;
		overflow:visible;
	}
	.cms_slider .slider-text{
		display:none;
	}
#cms_add_grid:first-of-type{
	position:relative;
	top:250px;
}
.cms_slider_form{
	position:relative;
	margin:0 auto;
	max-width:90%;
	padding:225px 20px 20px;
	background:#FFF;
	z-index:1;
}
	.cms_slider_form input, .cms_slider_form input:focus{
		color:#000;
		border-color:#000;
	}
@media (max-width: 369px) {
	.cms-slider {
		top: 100px;
	}
	/*
	.slider {
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
		.slider:after {
			position: absolute;
			left: 0;
			top: 0;
			right: 0;
			bottom: 0;

			display: block;

			background: linear-gradient(to bottom, rgba(0,0,0,0) 150px, rgba(0,0,0,0.4) 400px, rgba(0,0,0,0.4) 100%);

			content: '';
		}
	*/
}
@media (min-width: 370px) and (max-width: 1049px) {
	.cms-slider {
		top: 110px;
	}
	/*
	.slider {
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
		.slider:after {
			position: absolute;
			left: 0;
			top: 0;
			right: 0;
			bottom: 0;

			display: block;

			background: linear-gradient(to bottom, rgba(0,0,0,0) 150px, rgba(0,0,0,0.4) 400px, rgba(0,0,0,0.4) 100%);

			content: '';
		}
	*/
}
@media (min-width: 1050px) and (max-width: 1199px) and (max-height: 899px) {
	.cms-slider {
		top: 130px;
	}
}
@media (min-width: 1200px) and (max-width: 1399px) and (max-height: 899px) {
	.cms-slider {
		top: 130px;
	}
}
@media (min-width: 1400px) and (max-width: 1699px) and (max-height: 920px) {
	.cms-slider {
		top: 130px;
	}
}
@media (min-width: 1700px) and (max-height: 920px) {
	.cms-slider {
		top: 130px;
	}
}

.video-contrainer{
	position: absolute;
	top: 0;
	left:0;
	width:100%;
	height:100vh;
	overflow: hidden;
	z-index: 2;
}
	.video{
		position:absolute;
		top:0;
		left:50%;
		width:100vw;
		height:111vh;
		transform:translateX(-50%);
	}
		.video::before{
			content:"";
			position:absolute;
			top:0;
			left:0;
			width:100%;
			height:100%;
			z-index:2;
		}
		.video-still{
			position:absolute;
			top:0;
			left:0;
			width:100%;
			height:100%;
			background:url(/img/video-still.jpg) center no-repeat;
			background-size:cover;
			z-index:2;
		}
		.video-tubular{
			position:relative;
			width:100%;
			height:100%;
		}
			.video-tubular iframe{
				width:100%;
				height:100%;
			}

.news {
	width: 1650px;
	margin: 0px -25px;
}
	.news:after {
		clear: both;

		display: block;

		content: "";
	}

.news-item-sizer {
	width: 550px;
}
.news-item {
	float: left;

	width: 450px;
	padding: 19.5px 25px 0px;
	margin: 0px 25px 50px;
	-webkit-border-radius: 4px;
	border-radius: 4px;

	background-color: #fff;

	text-decoration: none;

	cursor: pointer;
}
.news-item-form {
	padding-bottom: 25px;
}
.news-item-short {
	padding-bottom: 16px;

	cursor: default;
}
	.news-item-title {
		float: left;

		display: block;
		width: 290px;
		margin: 0px 0px 19.5px;
	}
	.news-item-date {
		float: right;

		display: block;
		height: 16px;
		margin-top: 4px;

		color: #666666;

		font-weight: 300;
		font-size: 16px;
		line-height: 1;
	}
	.news-item-img {
		position: relative;
		clear: both;

		display: block;
		width: 500px;
		margin: 0px -25px;
		overflow: hidden;

		background-color: #666666;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}
	.news-item-add .news-item-img {
		background-image: url('../img/icon_image.svg');
		background-size: 140px 140px;
	}
		.news-item-img:before {
			display: block;
			margin-top: 64%;

			content: '';
		}
		.news-item-img:after {
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;

			display: block;
			padding-top: 240px;

			background: rgba(251, 195, 0, .7);
			background-image: url('../img/icon_document_w.svg');
			background-repeat: no-repeat;
			background-position: center;
			background-size: 140px;
			color: #fff;
			opacity: 0;

			font-weight: 700;
			font-size: 18px;
			line-height: 1;
			text-align: center;

			-o-transition: opacity .2s ease-in;
			-moz-transition: opacity .2s ease-in;
			-webkit-transition: opacity .2s ease-in;
			transition: opacity .2s ease-in;

			content: 'Lees het hele nieuwsbericht';
		}
		.news-item-short .news-item-img:after {
			display: none;
		}
		.news-item:hover .news-item-img:after {
			opacity: 1;
		}
	.news-item-content {
		display: block;
		padding: 19.5px 0px; /* (25px - (line-height - font-size)) / 2 */
		max-height: 95px;
		overflow: hidden;

		color: #1D1D1D;

		font-weight: normal;
		font-size: 17px;
		line-height: 1.7;
		text-overflow: ellipsis;

		-o-transition: max-height 5s ease-in;
		-moz-transition: max-height 5s ease-in;
		-webkit-transition: max-height 5s ease-in;
		transition: max-height 5s ease-in;
	}
	.news-item-open .news-item-content {
		max-height: none;

		-o-transition: max-height 5s ease-in;
		-moz-transition: max-height 5s ease-in;
		-webkit-transition: max-height 5s ease-in;
		transition: max-height 5s ease-in;
	}
	.news-item-footer {
		display: block;
		height: 39px;
		margin: 0px -25px;
		padding-top: 11px;
		-webkit-border-radius: 4px 4px 4px 4px;
		border-radius: 4px 4px 4px 4px;

		background-color:#F4F4F4;
		color: #FBC300;

		font-size: 24px;
		line-height: 1;
		text-align: center;
		text-decoration: none;
	}
@media (max-width: 369px) {
	.news {
		width: 100%;
		margin: 0;
	}
		.news-item-sizer {
			width: 100%;
		}
		.news-item {
			width: 100%;
			margin: 0 0 16px;
			padding: 0;
		}
			.news-item-title {
				float: none;

				width: auto;
				margin: 12px 16px 8px;
			}
			.news-item-date {
				float: none;

				margin: 0 16px 16px;

				text-align: right;
			}
			.news-item-img {
				width: 100%;
				margin: 0;
			}
				.news-item-img:after {
					padding-top: 140px;

					background-size: 80px;
				}
			.news-item-content {
				max-height: 165px;
				margin: 16px;
				padding: 0;
			}
			.news-item-footer {
				height: 32px;
				margin: 0;
				padding-top: 6px;
			}
}
@media (min-width: 370px) and (max-width: 649px) {
	.news {
		width: 100%;
		margin: 0;
	}
		.news-item-sizer {
			width: 100%;
		}
		.news-item {
			width: 100%;
			margin: 0 0 20px;
			padding: 0;
		}
			.news-item-title {
				float: none;

				width: auto;
				margin: 14px 20px 8px;
			}
			.news-item-date {
				float: none;

				margin: 0 20px 20px;

				text-align: right;
			}
			.news-item-img {
				width: 100%;
				margin: 0;
			}
				.news-item-img:after {
					padding-top: 150px;

					background-size: 80px;
				}
			.news-item-content {
				max-height: 165px;
				margin: 20px;
				padding: 0;
			}
			.news-item-footer {
				height: 32px;
				margin: 0;
				padding-top: 6px;
			}
}
@media (min-width: 650px) and (max-width: 799px) {
	.news {
		width: 110%;
		width: calc(100% + 20px);
		margin: 0 -10px;
	}
		.news-item-sizer {
			width: 50%;
		}
		.news-item {
			width: 40%;
			width: calc(50% - 20px);
			margin: 0 10px 20px;
			padding: 0;
		}
			.news-item-title {
				float: none;

				width: auto;
				margin: 14px 20px 8px;
			}
			.news-item-date {
				float: none;

				margin: 0 20px 20px;

				text-align: right;
			}
			.news-item-img {
				width: 100%;
				margin: 0;
			}
				.news-item-img:after {
					padding-top: 150px;

					background-size: 80px;
				}
			.news-item-content {
				max-height: 165px;
				margin: 20px;
				padding: 0;
			}
			.news-item-footer {
				height: 32px;
				margin: 0;
				padding-top: 6px;
			}
}
@media (min-width: 800px) and (max-width: 1199px) {
	.news {
		width: 110%;
		width: calc(100% + 32px);
		margin: 0 -16px;
	}
		.news-item-sizer {
			width: 50%;
		}
		.news-item {
			width: 40%;
			width: calc(50% - 32px);
			margin: 0 16px 32px;
			padding: 0;
		}
			.news-item-title {
				float: none;

				width: auto;
				margin: 14px 20px 8px;
			}
			.news-item-date {
				float: none;

				margin: 0 20px 20px;

				text-align: right;
			}
			.news-item-img {
				width: 100%;
				margin: 0;
			}
				.news-item-img:after {
					padding-top: 240px;

					background-size: 130px;
				}
			.news-item-content {
				max-height: 165px;
				margin: 20px;
				padding: 0;
			}
			.news-item-footer {
				height: 32px;
				margin: 0;
				padding-top: 6px;
			}
}
@media (min-width: 1200px) and (max-width: 1449px) {
	.news {
		width: 110%;
		width: calc(100% + 32px);
		margin: 0 -16px;
	}
		.news-item-sizer {
			width: 33%;
			width: calc(100% / 3);
		}
		.news-item {
			width: 30%;
			width: calc(100% / 3 - 32px);
			margin: 0 16px 32px;
			padding: 0;
		}
			.news-item-title {
				float: none;

				width: auto;
				margin: 14px 20px 8px;
			}
			.news-item-date {
				float: none;

				margin: 0 20px 20px;

				text-align: right;
			}
			.news-item-img {
				width: 100%;
				margin: 0;
			}
				.news-item-img:after {
					padding-top: 240px;

					background-size: 130px;
				}
			.news-item-content {
				max-height: 165px;
				margin: 20px;
				padding: 0;
			}
			.news-item-footer {
				height: 32px;
				margin: 0;
				padding-top: 6px;
			}
}
@media (min-width: 1450px) and (max-width: 1699px) {
	.news {
		width: 110%;
		width: calc(100% + 50px);
		margin: 0 -25px;
	}
		.news-item-sizer {
			width: 33%;
			width: calc(100% / 3);
		}
		.news-item {
			width: 30%;
			width: calc(100% / 3 - 50px);
			margin: 0 25px 50px;
			padding: 0;
		}
			.news-item-title {
				float: none;

				width: auto;
				margin: 14px 20px 8px;
			}
			.news-item-date {
				float: none;

				margin: 0 20px 20px;

				text-align: right;
			}
			.news-item-img {
				width: 100%;
				margin: 0;
			}
				.news-item-img:after {
					padding-top: 240px;

					background-size: 130px;
				}
			.news-item-content {
				max-height: 165px;
				margin: 20px;
				padding: 0;
			}
			.news-item-footer {
				height: 32px;
				margin: 0;
				padding-top: 6px;
			}
}

.news-latest {
	position: relative;

	display: block;
	height: 364px;
	-webkit-border-radius: 4px;
	border-radius: 4px;

	background-color: #fff;
	color: #3c3c3b;

	text-decoration: none;
}
	.news-latest-header {
		position: absolute;
		left: 0;
		top: 0;
		right: 0;

		display: block;
		height: 56px;
		padding: 20px;
		border-radius: 4px 4px 0 0;

		background: #ffffff;
	}
	.news-latest-title {
		float: left;

		display: block;
		width: 280px;

		line-height: 1.4;
	}
	.news-latest-name {
		float: right;

		display: block;
		height: 16px;
		margin-top: 4px;

		color: #666666;

		font-weight: 300;
		font-size: 16px;
		line-height: 1;
	}
	.news-latest-img {
		position: absolute;
		top: 96px;
		left: 0px;
		right: 0px;
		bottom: 0px;

		display: block;

		background-color: #666666;
		background-size: cover;
		background-position: center;
	}

.workshop {
	width: 1650px;
	margin: 0px -25px;
}
	.workshop:after {
		clear: both;

		display: block;

		content: "";
	}

.workshop-item-sizer {
	width: 550px;
}
.workshop-item {
	float: left;

	width: 450px;
	padding: 19.5px 25px 0px;
	margin: 0px 25px 50px;
	-webkit-border-radius: 4px;
	border-radius: 4px;

	background-color: #fff;

	text-decoration: none;

	cursor: pointer;
}
.workshop-item-form {
	padding-bottom: 25px;
}
.workshop-item-short {
	padding-bottom: 16px;

	cursor: default;
}
	.workshop-item-title {
		float: left;

		display: block;
		width: 290px;
		margin: 0px 0px 19.5px;
	}
	.workshop-item-img {
		position: relative;
		clear: both;

		display: block;
		width: 500px;
		margin: 0px -25px;
		overflow: hidden;

		background-color: #666666;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}
	.workshop-item-add .workshop-item-img {
		background-image: url('../img/icon_image.svg');
		background-size: 140px 140px;
	}
		.workshop-item-img:before {
			display: block;
			margin-top: 64%;

			content: '';
		}
		.workshop-item-img:after {
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;

			display: block;
			padding-top: 240px;

			background: rgba(251, 195, 0, .7);
			background-image: url('../img/icon_document_w.svg');
			background-repeat: no-repeat;
			background-position: center;
			background-size: 140px;
			color: #fff;
			opacity: 0;

			font-weight: 700;
			font-size: 18px;
			line-height: 1;
			text-align: center;

			-o-transition: opacity .2s ease-in;
			-moz-transition: opacity .2s ease-in;
			-webkit-transition: opacity .2s ease-in;
			transition: opacity .2s ease-in;

			content: 'Lees meer';
		}
		.workshop-item-short .workshop-item-img:after {
			display: none;
		}
		.workshop-item:hover .workshop-item-img:after {
			opacity: 1;
		}
	.workshop-item-content {
		display: block;
		padding: 19.5px 0px; /* (25px - (line-height - font-size)) / 2 */
		max-height: 95px;
		overflow: hidden;

		color: #1D1D1D;

		font-weight: normal;
		font-size: 17px;
		line-height: 1.7;
		text-overflow: ellipsis;

		-o-transition: max-height 5s ease-in;
		-moz-transition: max-height 5s ease-in;
		-webkit-transition: max-height 5s ease-in;
		transition: max-height 5s ease-in;
	}
	.workshop-item-open .workshop-item-content {
		max-height: none;

		-o-transition: max-height 5s ease-in;
		-moz-transition: max-height 5s ease-in;
		-webkit-transition: max-height 5s ease-in;
		transition: max-height 5s ease-in;
	}
	.workshop-item-footer {
		display: block;
		height: 39px;
		margin: 0px -25px;
		padding-top: 11px;
		-webkit-border-radius: 4px 4px 4px 4px;
		border-radius: 4px 4px 4px 4px;

		background-color:#F4F4F4;
		color: #FBC300;

		font-size: 24px;
		line-height: 1;
		text-align: center;
		text-decoration: none;
	}
@media (max-width: 369px) {
	.workshop {
		width: 100%;
		margin: 0;
	}
		.workshop-item-sizer {
			width: 100%;
		}
		.workshop-item {
			width: 100%;
			margin: 0 0 16px;
			padding: 0;
		}
			.workshop-item-title {
				float: none;

				width: auto;
				margin: 12px 16px 8px;
			}
			.workshop-item-img {
				width: 100%;
				margin: 0;
			}
				.workshop-item-img:after {
					padding-top: 140px;

					background-size: 80px;
				}
			.workshop-item-content {
				max-height: 165px;
				margin: 16px;
				padding: 0;
			}
			.workshop-item-footer {
				height: 32px;
				margin: 0;
				padding-top: 6px;
			}
}
@media (min-width: 370px) and (max-width: 649px) {
	.workshop {
		width: 100%;
		margin: 0;
	}
		.workshop-item-sizer {
			width: 100%;
		}
		.workshop-item {
			width: 100%;
			margin: 0 0 20px;
			padding: 0;
		}
			.workshop-item-title {
				float: none;

				width: auto;
				margin: 14px 20px 8px;
			}
			.workshop-item-img {
				width: 100%;
				margin: 0;
			}
				.workshop-item-img:after {
					padding-top: 150px;

					background-size: 80px;
				}
			.workshop-item-content {
				max-height: 165px;
				margin: 20px;
				padding: 0;
			}
			.workshop-item-footer {
				height: 32px;
				margin: 0;
				padding-top: 6px;
			}
}
@media (min-width: 650px) and (max-width: 799px) {
	.workshop {
		width: 110%;
		width: calc(100% + 20px);
		margin: 0 -10px;
	}
		.workshop-item-sizer {
			width: 50%;
		}
		.workshop-item {
			width: 40%;
			width: calc(50% - 20px);
			margin: 0 10px 20px;
			padding: 0;
		}
			.workshop-item-title {
				float: none;

				width: auto;
				margin: 14px 20px 8px;
			}
			.workshop-item-img {
				width: 100%;
				margin: 0;
			}
				.workshop-item-img:after {
					padding-top: 150px;

					background-size: 80px;
				}
			.workshop-item-content {
				max-height: 165px;
				margin: 20px;
				padding: 0;
			}
			.workshop-item-footer {
				height: 32px;
				margin: 0;
				padding-top: 6px;
			}
}
@media (min-width: 800px) and (max-width: 1199px) {
	.workshop {
		width: 110%;
		width: calc(100% + 32px);
		margin: 0 -16px;
	}
		.workshop-item-sizer {
			width: 50%;
		}
		.workshop-item {
			width: 40%;
			width: calc(50% - 32px);
			margin: 0 16px 32px;
			padding: 0;
		}
			.workshop-item-title {
				float: none;

				width: auto;
				margin: 14px 20px 8px;
			}
			.workshop-item-img {
				width: 100%;
				margin: 0;
			}
				.workshop-item-img:after {
					padding-top: 240px;

					background-size: 130px;
				}
			.workshop-item-content {
				max-height: 165px;
				margin: 20px;
				padding: 0;
			}
			.workshop-item-footer {
				height: 32px;
				margin: 0;
				padding-top: 6px;
			}
}
@media (min-width: 1200px) and (max-width: 1449px) {
	.workshop {
		width: 110%;
		width: calc(100% + 32px);
		margin: 0 -16px;
	}
		.workshop-item-sizer {
			width: 33%;
			width: calc(100% / 3);
		}
		.workshop-item {
			width: 30%;
			width: calc(100% / 3 - 32px);
			margin: 0 16px 32px;
			padding: 0;
		}
			.workshop-item-title {
				float: none;

				width: auto;
				margin: 14px 20px 8px;
			}
			.workshop-item-img {
				width: 100%;
				margin: 0;
			}
				.workshop-item-img:after {
					padding-top: 240px;

					background-size: 130px;
				}
			.workshop-item-content {
				max-height: 165px;
				margin: 20px;
				padding: 0;
			}
			.workshop-item-footer {
				height: 32px;
				margin: 0;
				padding-top: 6px;
			}
}
@media (min-width: 1450px) and (max-width: 1699px) {
	.workshop {
		width: 110%;
		width: calc(100% + 50px);
		margin: 0 -25px;
	}
		.workshop-item-sizer {
			width: 33%;
			width: calc(100% / 3);
		}
		.workshop-item {
			width: 30%;
			width: calc(100% / 3 - 50px);
			margin: 0 25px 50px;
			padding: 0;
		}
			.workshop-item-title {
				float: none;

				width: auto;
				margin: 14px 20px 8px;
			}
			.workshop-item-img {
				width: 100%;
				margin: 0;
			}
				.workshop-item-img:after {
					padding-top: 240px;

					background-size: 130px;
				}
			.workshop-item-content {
				max-height: 165px;
				margin: 20px;
				padding: 0;
			}
			.workshop-item-footer {
				height: 32px;
				margin: 0;
				padding-top: 6px;
			}
}

.workshop-latest {
	position: relative;

	display: block;
	height: 364px;
	-webkit-border-radius: 4px;
	border-radius: 4px;

	background-color: #fff;
	color: #3c3c3b;

	text-decoration: none;
}
	.workshop-latest-header {
		position: absolute;
		left: 0;
		top: 0;
		right: 0;

		display: block;
		height: 56px;
		padding: 20px;
		border-radius: 4px 4px 0 0;

		background: #ffffff;
	}
	.workshop-latest-title {
		float: left;

		display: block;
		width: 280px;

		line-height: 1.4;
	}
	.workshop-latest-name {
		float: right;

		display: block;
		height: 16px;
		margin-top: 4px;

		color: #666666;

		font-weight: 300;
		font-size: 16px;
		line-height: 1;
	}
	.workshop-latest-img {
		position: absolute;
		top: 96px;
		left: 0px;
		right: 0px;
		bottom: 0px;

		display: block;

		background-color: #666666;
		background-size: cover;
		background-position: center;
	}

.text-white {
	padding: 25px;
	border-radius: 3px;

	background: #ffffff;
}
	.text-white h1 {
		margin-bottom: 25px;
	}
@media (max-width: 369px) {
	.text-white {
		padding: 16px;
	}
		.text-white h1 {
			margin-bottom: 16px;
		}
}

.text-transparent {
	color: #ffffff;

	line-height: 1.4;
	font-size: 50px;
	font-weight: 200;
	text-shadow: 1px 1px 9px rgba(0, 0, 0, 0.4);
}
	.text-transparent h1 {
		color: #ffffff;

		line-height: 1.4;
		font-size: 50px;
		font-weight: bold;
	}
	.text-transparent-color {
		font-size: 20px;
	}
@media (max-width: 369px) {
	.text-transparent {
		padding-top: 24px;
		padding-bottom: 48px;
		font-size: 30px;
		line-height: 1.4;
	}
		.text-transparent h1 {
			font-size: 30px;
			line-height: 1.4;
		}
}
@media (min-width: 370px) and (max-width: 799px) {
	.text-transparent {
		padding-top: 32px;
		padding-bottom: 96px;
		font-size: 36px;
		line-height: 1.4;
	}
		.text-transparent h1 {
			font-size: 36px;
			line-height: 1.4;
		}
}
@media (min-width: 500px) and (max-width: 799px) {
	.text-transparent {
		font-size: 44px;
	}
		.text-transparent h1 {
			font-size: 44px;
		}
}

.text-photo {
	width: 86%;
	/*width: calc(100% - 50px);*/
	padding: 19.5px 25px 19.5px;
	margin: 0;
	-webkit-border-radius: 4px;
	border-radius: 4px;

	background-color: #fff;

	text-decoration: none;
}
	.text-photo-title {
		display: block;
		margin: 0px 0px 19.5px;
	}
	.text-photo-img {
		position: relative;

		display: block;
		margin: 0px -25px;
		overflow: hidden;

		background-color: #666666;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}
		.text-photo-img:before {
			display: block;
			margin-top: 73%;

			content: '';
		}
	.text-photo-content {
		display: block;
		padding: 19.5px 0 0; /* (25px - (line-height - font-size)) / 2 */
		overflow: hidden;

		color: #1D1D1D;

		font-weight: normal;
		font-size: 17px;
		line-height: 1.7;

		-o-transition: max-height 5s ease-in;
		-moz-transition: max-height 5s ease-in;
		-webkit-transition: max-height 5s ease-in;
		transition: max-height 5s ease-in;
	}

body .photo-block{
	position:relative;
	display:block;
	height:100%;
	min-height: 364px;
	background:center no-repeat #FFF;
	background-size:cover;
	border-radius: 3px;
	overflow: hidden;
}
	.photo-block b{
		position:absolute;
		left:0;
		bottom:0;
		width:100%;
		padding:10px 20px;
		font-size:20px;
		font-weight: 200;
		box-sizing:border-box;
		background:#FFF;
	}
	.photo-block-form b{
		display:block;
		padding:10px 20px;
		font-size:20px;
		font-weight: 200;
		background:#FFF;
	}
.text-video {
	height: 364px;
	border-radius: 4px;

	background: #ffffff;
}
	.text-video-title {
		height: 56px;
		padding: 20px;

		color: #3c3c3b;

		font-weight: 800;
		font-size: 20px;
		line-height: 1.4;
	}

.cars {
	position: relative;

	display: block;
	width: calc(100% + 40px);
	margin: 0px -20px;
}
	.cars:after {
		clear: both;

		display: block;

		content: "";
	}
	.cars-filter {
		padding-bottom: 20px;

		overflow: hidden;
	}
		.cars-filter a {
			float: left;

			margin-left: 20px;
			padding: 8px 14px;
			border: solid 2px #FFF;
			border-radius: 3px;

			color: #FFF;

			font-weight: bold;
			font-size: 17px;
			line-height: 1;
			text-decoration: none;
		}
		.cars-filter a:hover {
			border-color:#FBC300;

			background-color: rgba(251, 195, 0, 1);
		}
		.cars-filter a.active {
			border-color:#FBC300;

			background:#FBC300;
			color:#FFF;
		}
		.cars-filter a.active:hover {
			background-color: rgba(251, 195, 0, .5);
		}
	.cars-car-sizer {
		width: calc(25%);
	}
	.cars-car {
		position: relative;
		float: left;

		display: block;
		width: calc(25% - 40px - 40px);
		margin: 0px 20px 40px;
		padding: 20px 20px 0px;
		border-radius: 3px;

		background: #ffffff;

		text-decoration: none;
		color: #3c3c3b;
	}
		.cars-car:hover {
			color:#3c3c3b;
		}
		.cars-car-add .cars-car-title {
			margin-bottom: 38px;
		}
		.cars-car-make {
			padding-right: 75px;
		}
		.cars-car-year {
			position:absolute;
			right: 20px;
			top: 22px;

			display: block;

			font-size: 18px;
		}
		.cars-car-type {
			display: block;

			font-size: 20px;
			font-weight: 200;
			margin-bottom: 10px;
		}
		.cars-car:hover .cars-car-year,
		.cars-car:hover .cars-car-type {
			color: #3c3c3b;
		}
		.cars-car-special {
			position: relative;
			float: right;

			padding: 4px 16px;
			border-radius: 12px;

			background: #fbc300;
			color: #fff;

			font-size: 17px;
			font-weight: bold;
			line-height: 1;
		}
		.cars-car-img {
			position: relative;
			clear: left;

			display: block;

			width: calc(100% + 40px);
			margin-left: calc(-20px);
			margin-right: calc(-20px);
			height: auto;
			border-radius: 0px 0px 3px 3px;
			overflow: hidden;

			background-color: #666;
			background-size: cover;
			background-position: center;
		}
			.cars-car-img:before {
				display: block;
				margin-top: 75%;

				content: '';
			}
		.cars-car-add .cars-car-img {
			border-radius: 0px 0px 3px 3px;

			background-color: #666666;
			background-position: center;
			background-size: calc(100% / 2) calc(100% / 2);
			background-image: url('../img/icon_image.svg');
			background-repeat: no-repeat;
		}
		.cars-car-img:after {
			position: absolute;
			left: 0px;
			right: 0px;
			top: 0px;
			bottom: 0px;

			display: block;
			border-radius: 0px 0px 3px 3px;

			background-color: rgba(255, 206, 0, .5);
			color: #ffffff;
			opacity: 0;

			content: '';

			-o-transition: opacity .2s ease-in;
			-moz-transition: opacity .2s ease-in;
			-webkit-transition: opacity .2s ease-in;
			transition: opacity .2s ease-in;
		}
		.cars-car-add .cars-car-img-hover {
			background-image: url('../img/icon_add.svg');
			background-repeat: no-repeat;
			background-position: center;
			background-size: calc(100% / 3) calc(100% / 3);
		}
		.cars-car:hover .cars-car-img:after {
			opacity: 1;
		}
	.cars-switch{
		background:#FBC300;
		text-align:center;
	}
		.cars-switch .cars-car-title{
			margin-bottom: 38px;
		}
		.cars-switch svg{
			position:absolute;
			top:15%;
			left:20%;
			width:60%;
			fill:#FFF;
			z-index:2;
		}
		.cars-switch > span{
			background:#FBC300;
			color:#FFF;
		}
			.cars-switch span > span{
				position:absolute;
				left:10%;
				bottom:10%;
				width:80%;
			}
				.cars-switch span > span b{
					display:block;
					margin-bottom:20px;
					font-size:20px;
				}
@media (max-width: 500px) {
	.cars-switch span > span{
		bottom:5%;
	}
	.cars-switch span > span b{
		margin-bottom:10px;
		font-size:17px;
	}
}
@media (max-width: 369px) {
	.cars {
		width: 100%;
		margin: 0;
	}
		.cars-filter {
			padding-bottom: 4px;
		}
			.cars-filter a {
				margin: 0 12px 12px 0;
				padding: 4px 12px;

				font-size: 16px;
			}
		.cars-car-sizer {
			width: calc(100%);
		}
		.cars-car {
			width: 90%;
			width: calc(100% - 32px);
			margin: 0 0 16px;
			padding: 16px 16px 0;
		}
			.cars-car-img {
				width: 100%;
				width: calc(100% + 32px);
				margin: 0;
				margin-left: calc(-16px);
				margin-right: calc(-16px);
			}
			.cars-car-year {
				right: 16px;
				top: 18px;

				font-size: 16px;
			}
			.cars-car-make {
				padding-right: 50px;
				font-size: 18px;
			}
			.cars-car-type {
				font-size: 16px;
				font-weight: 200;
				margin-bottom: 10px;
			}
			.cars-car-special {
				padding: 3px 12px;
				border-radius: 10px;

				font-size: 14px;
			}
}
@media (min-width: 370px) and (max-width: 799px) {
	.cars {
		width: calc(100% + 16px);
		margin: 0 -8px;
	}
		.cars-filter {
			margin: 0 8px;
			padding-bottom: 4px;
		}
			.cars-filter a {
				margin: 0 12px 12px 0;
				padding: 4px 12px;

				font-size: 16px;
			}
		.cars-car-sizer {
			width: calc(50%);
		}
		.cars-car {
			width: calc(50% - 16px - 24px);
			margin: 0 8px 16px;
			padding: 12px 12px 0;
		}
			.cars-car-img {
				width: 100%;
				width: calc(100% + 24px);
				margin: 0;
				margin-left: calc(-12px);
				margin-right: calc(-12px);
			}
			.cars-car-year {
				position: relative;
				right: initial;
				top: initial;

				display: inline;
				margin-left: 8px;

				font-size: 12px;
			}
			.cars-car-make {
				padding-right: 0;
				font-size: 12px;
			}
			.cars-car-type {
				font-size: 12px;
				font-weight: 200;
				margin-bottom: 10px;
			}
			.cars-car-special {
				bottom: 8px;
				right: 8px;

				padding: 3px 12px;
				border-radius: 10px;

				font-size: 14px;
			}
}
@media (min-width: 800px) and (max-width: 1049px) {
	.cars {
		width: calc(100% + 32px);
		margin: 0 -16px;
	}
		.cars-filter {
			margin: 0 16px;
			padding-bottom: 16px;
		}
			.cars-filter a {
				margin: 0 16px 16px 0;
				padding: 8px 16px;

				font-size: 16px;
			}
		.cars-car-sizer {
			width: 30%;
			width: calc(100% / 3);
		}
		.cars-car {
			width: calc(100% / 3 - 32px - 32px);
			margin: 0 16px 32px;
			padding: 16px 16px 0;
		}
			.cars-car-img {
				width: 100%;
				width: calc(100% + 32px);
				margin: 0;
				margin-left: calc(-16px);
				margin-right: calc(-16px);
			}
			.cars-car-year {
				position: relative;
				right: initial;
				top: initial;

				display: inline;
				margin-left: 8px;

				font-size: 12px;
			}
			.cars-car-make {
				padding-right: 0;
				font-size: 14px;
			}
			.cars-car-type {
				font-size: 14px;
				font-weight: 200;
				margin-bottom: 10px;
			}
			.cars-car-special {
				bottom: 16px;
				right: 16px;

				padding: 4px 16px;
				border-radius: 10px;

				font-size: 14px;
			}
}

.cars-random {
	position: relative;

	display: block;
	height: 100%;
	min-height: 364px;
	border-radius: 4px;

	background: #FFF;
	color: #3c3c3b;

	text-decoration: none;
}
	.cars-random-header{
		position:relative;
		z-index:2;

		display:block;
		padding:20px;
		border-radius: 4px 4px 0 0;

		background:#FFF;
	}
	.cars-random-year{
		position:absolute;
		right: 20px;
		top: 22px;
		font-size: 18px;
	}
	.cars-random-type{
		display: block;
		font-size: 20px;
		font-weight: 200;
	}
	.cars-random-image{
		position:absolute;
		top:96px;
		left:0;
		right:0;
		bottom:0;
		z-index:1;

		border-radius: 0 0 4px 4px;

		background:no-repeat center;
		background-size:cover;
	}

.car {
	width: calc(100% + 40px);
	margin: 0px -20px;
}
	.car:after {
		clear: both;

		display: block;

		content: "";
	}
	.car-span-2 {
		float: left;

		width: 66.67%;
	}
	.car-span-1 {
		float: left;

		width: 33.33%;
	}
	.car-make {
		margin: 0px 20px;

		color: #ffffff;

		font-weight: bold;
		font-size: 24px;
	}
	.car-price {
		margin: 0px 20px 40px;
		color: #ffffff;

		font-weight: normal;
		font-size: 24px;
	}
	.car-block,
	.car-image {
		float: left;

		margin: 0px 20px 40px;
	}
	.car-block-sizer {
		width: calc(100% / 3);
	}
	.car-block {
		display: table;
		width: calc(100% / 3 - 40px);
		border-radius: 3px;

		background: #ffffff;
	}
	.car-span-2 .car-block-sizer {
		width: calc(100% / 2);
	}
	.car-span-2 .car-block,
	.car-span-2 .car-image {
		width: calc(100% / 2 - 40px);
	}
	.car-span-1 .car-block-sizer {
		width: 100%;
	}
	.car-span-1 .car-block,
	.car-span-1 .car-image {
		width: calc(100% - 40px);
	}
	.car-image {
		clear: right;

		width: calc(100% / 3 - 40px);
	}
		.car-image img {
			width: 100%;
			border-radius: 3px;

			vertical-align: bottom;
		}
		.car-block-row {
			display: table-row;
		}
			.car-block-dt {
				display: table-cell;
				width: 40%;
				padding: 0px 20px 5px;
			}
			.car-block-dd {
				display: table-cell;
				padding: 0px 20px 5px;

				background: #f4f4f4;
			}
			.car-block .car-block-row:last-of-type .car-block-dt,
			.car-block .car-block-row:last-of-type .car-block-dd {
				padding-bottom: 20px;
			}
			.car-block .car-block-row:first-of-type .car-block-dd {
				border-radius: 0px 3px 0px 0px;
			}
			.car-block .car-block-row:last-of-type .car-block-dd {
				border-radius: 0px 0px 3px 0px;
			}
			.car-block-title {
				padding: 20px 5px 20px 20px;

				font-weight: bold;
				font-size: 18px;
			}
			.car-block-row:last-of-type > :last-child {
				padding-bottom: 20px;
			}
		.car-block-description-content{
			padding-top:20px;
		}
		.car-block-description-content h1{
			margin-bottom:20px;
		}
			.car-block-description-content-hide{
				max-height:12em;
				overflow:hidden;
			}
			.car-block-description-content-hide + a{
				display:inline-block;
				margin-top:20px;
			}
@media (max-width: 1049px) {
	.wrapper .car-span-1 .car-block-description{
		margin-top:25px;
	}
}
@media (max-width: 369px) {
	.car {
		width: 100%;
		margin: 0;
	}
		.car-make {
			margin: 0;
		}
		.car-price {
			margin: 0 0 32px;
		}
		.car-span-1,
		.car-span-1 .car-block-sizer,
		.car-span-2,
		.car-span-2 .car-block-sizer {
			width: 100%;
		}
		.car-span-1 .car-block,
		.car-span-1 .car-image,
		.car-span-2 .car-block,
		.car-span-2 .car-image {
			width: 100%;
			margin: 0 0 16px;
		}
			.car-block:last-of-type {
				margin-bottom: 0;
			}
				.car-block-dt {
					width: 43%;
					padding: 0px 8px 4px 16px;

					font-size: 14px;
				}
				.car-block-dd {
					padding: 0px 16px 4px 8px;

					font-size: 14px;
				}
				.car-block .car-block-row:last-of-type .car-block-dt,
				.car-block .car-block-row:last-of-type .car-block-dd {
					padding-bottom: 16px;
				}
				.car-block-title {
					padding: 16px 4px 16px 16px;

					font-size: 16px;
				}
				.car-block-row:last-of-type :last-child {
					padding-bottom: 16px;
				}
}
@media (min-width: 370px) and (max-width: 799px) {
	.car {
		width: 100%;
		margin: 0;
	}
		.car-make {
			margin: 0;
		}
		.car-price {
			margin: 0 0 32px;
		}
		.car-span-1,
		.car-span-1 .car-block-sizer,
		.car-span-2,
		.car-span-2 .car-block-sizer {
			width: 100%;
		}
		.car-span-1 .car-block,
		.car-span-1 .car-image,
		.car-span-2 .car-block,
		.car-span-2 .car-image {
			width: 100%;
			margin: 0 0 24px;
		}
			.car-block:last-of-type {
				margin-bottom: 0;
			}
				.car-block-dt {
					width: 43%;
					padding: 0px 8px 4px 16px;

					font-size: 14px;
				}
				.car-block-dd {
					padding: 0px 16px 4px 8px;

					font-size: 14px;
				}
				.car-block .car-block-row:last-of-type .car-block-dt,
				.car-block .car-block-row:last-of-type .car-block-dd {
					padding-bottom: 16px;
				}
				.car-block-title {
					padding: 16px 4px 16px 16px;

					font-size: 16px;
				}
				.car-block-row:last-of-type :last-child {
					padding-bottom: 16px;
				}
}
@media (min-width: 800px) and (max-width: 1049px) {
	.car {
		width: 110%;
		width: calc(100% + 32px);
		margin: 0 -16px;
	}
		.car-make {
			margin: 0 32px;
		}
		.car-price {
			margin: 0 32px 32px;
		}
		.car-span-1,
		.car-span-2 {
			width: 100%;
		}
		.car-span-1 .car-block-sizer,
		.car-span-2 .car-block-sizer {
			width: 50%;
		}
		.car-span-1 .car-block,
		.car-span-1 .car-image,
		.car-span-2 .car-block,
		.car-span-2 .car-image {
			width: calc(50% - 32px);
			margin: 0 16px 32px;
		}
			.car-block:last-of-type {
				margin-bottom: 0;
			}
				.car-block-dt {
					width: 43%;
					padding: 0px 8px 4px 16px;

					font-size: 14px;
				}
				.car-block-dd {
					padding: 0px 16px 4px 8px;

					font-size: 14px;
				}
				.car-block .car-block-row:last-of-type .car-block-dt,
				.car-block .car-block-row:last-of-type .car-block-dd {
					padding-bottom: 16px;
				}
				.car-block-title {
					padding: 16px 4px 16px 16px;

					font-size: 16px;
				}
				.car-block-row:last-of-type :last-child {
					padding-bottom: 16px;
				}
}

.car-photos {
	position: relative;

	display: block;
	/*margin-top: 40px;*/
}
	.car-photos:after {
		clear: both;

		display: block;

		content: "";
	}
	.car-photos-photo, .car-videos-video {
		position: relative;
		float: left;

		display: block;
		width: 25%;

		background-size: cover;
		background-position: center;
	}
	.car-photos-photo:before, .car-videos-video:before {
		display: block;
		padding-top: calc(71.4285%);

		content: "";
	}
	.car-videos-video::after{
		content:"";
		position:absolute;
		top:50%;
		left:50%;
		margin:-30px 0 0 -17px;
		width:0px;
		height:0px;
		border-top:solid 30px transparent;
		border-left:solid 45px #FFF;
		border-bottom:solid 30px transparent;
	}
		.car-photos-photo-hover, .car-videos-video-hover {
			position: absolute;
			left: 0px;
			right: 0px;
			top: 0px;
			bottom: 0px;

			display: block;

			background-color: rgba(255, 206, 0, .5);
			color: #ffffff;
			opacity: 0;

			-o-transition: opacity .2s ease-in;
			-moz-transition: opacity .2s ease-in;
			-webkit-transition: opacity .2s ease-in;
			transition: opacity .2s ease-in;
		}
		.car-photos-photo-add{
			background-image: url('../img/icon_image.svg');
		}
		.car-videos-video-add{
			background-image: url('../img/icon_video.svg');
		}
		.car-videos-video-add::after{
			display:none;
		}
		.cars-photos-photo:hover .car-photos-photo-hover, .car-videos-video:hover .car-videos-video-hover {
			opacity: 1;
		}
		.car-photos-photo-hover:hover, .car-videos-video-hover:hover {
			opacity: 1;
		}
@media (max-width: 369px) {
	.car-photos {
		margin: 0;
	}
		.car-photos-photo, .car-videos-video{
			width: 50%;
		}
}
@media (min-width: 370px) and (max-width: 799px) {
	.car-photos {
		margin: 0;
	}
		.car-photos-photo, .car-videos-video{
			width: 50%;
		}
}

.photobooks {}
	.photobooks:after {
		clear: both;

		display: block;
	}

.photobooks-photobook {
	position: relative;
	float: left;

	width: 25%;
	height: auto;
	/*height: calc(25vw / 20 * 13 + 75px);*/

	background: #ffffff;

	text-decoration: none;

	-o-transition: all .1s ease-in;
	-moz-transition: all .1s ease-in;
	-webkit-transition: all .1s ease-in;
	transition: all .1s ease-in;
}
.photobooks-photobook:hover {
	z-index: 3;

	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);

	-webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.42);
	-moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.42);
	box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.42);
}
	.photobooks-photobook-header {
		position: relative;

		display: block;
		width: 100%;
		height: 75px;

		background: #fff;
	}
		.photobooks-photobook-name {
			position: absolute;
			top: 23px;
			right: 75px;
			left: 25px;

			display: block;
			height: 51px;
			padding: 0;
			overflow: hidden;

			text-overflow: ellipsis;
			white-space: nowrap;
		}
		.photobooks-photobook-date {
			position: absolute;
			top: 23px;
			right: 25px;

			display: block;
			padding: 0;

			color: #3c3c3b;

			font-weight: normal;
			font-size: 16px;
			line-height: 28px;
		}
	.photobooks-photobook-img {
		position: relative;

		display: block;
		width: 100%;
		height: auto;
		overflow: hidden;

		background-color: #666666;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}
		.photobooks-photobook-img:before {
			display: block;

			margin-top: 75%;

			content: '';
		}
	.photobooks-photobook-add .photobooks-photobook-img {
		background-size: calc(100% / 2) calc(100% / 2);
		background-image: url('../img/icon_image.svg');
	}
	.photobooks-photobook-hover {
		position: absolute;
		left: 0px;
		right: 0px;
		top: 0px;
		bottom: 0px;

		display: block;

		background-color: rgba(255, 206, 0, .5);
		color: #ffffff;
		opacity: 0;

		-o-transition: opacity .2s ease-in;
		-moz-transition: opacity .2s ease-in;
		-webkit-transition: opacity .2s ease-in;
		transition: opacity .2s ease-in;
	}
	.photobooks-photobook:hover .photobooks-photobook-hover {
		opacity: 1;
	}
	.photobooks-photobook-add .photobooks-photobook-hover {
		background-image: url('../img/icon_add.svg');
		background-repeat: no-repeat;
		background-position: center;
		background-size: calc(100% / 3) calc(100% / 3);
		opacity: 0;
	}
	.photobooks-photobook-add:hover .photobooks-photobook-hover {
		opacity: 1;
	}
@media (max-width: 369px) {
	.photobooks-photobook {
		width: 100%;
		margin-bottom: 16px;
	}
	.photobooks-photobook:last-of-type {
		margin-bottom: 0px;
	}
		.photobooks-photobook-header {
			height: 48px;
		}
			.photobooks-photobook-name {
				top: 10px;
				right: 75px;
				left: 16px;

				height: 51px;
			}
			.photobooks-photobook-date {
				top: 11px;
				right: 16px;

				color: #3c3c3b;

				font-weight: normal;
				font-size: 16px;
				line-height: 28px;
			}
}
@media (min-width: 370px) and (max-width: 799px) {
	.photobooks-photobook {
		width: 50%;
	}
		.photobooks-photobook-header {
			height: 48px;
		}
			.photobooks-photobook-name {
				top: 10px;
				right: 75px;
				left: 24px;

				height: 51px;
			}
			.photobooks-photobook-date {
				top: 11px;
				right: 24px;

				color: #3c3c3b;

				font-weight: normal;
				font-size: 16px;
				line-height: 28px;
			}
}

.photobook {}
	.photobook:after {
		clear: both;

		display: block;
	}

.photobook-breadcrumbs {
	padding: 40px calc((100% - 1600px) / 2) 20px;

	color: #ffffff;

	font-size: 24px;
	line-height: 1.3;
}
	.photobook-breadcrumbs a {
		color: #ffffff;

		text-decoration: underline;
	}
@media (max-width: 369px) {
	.photobook-breadcrumbs {
		padding: 16px;

		font-size: 18px;
	}
}
@media (min-width: 370px) and (max-width: 799px) {
	.photobook-breadcrumbs {
		padding: 24px;

		font-size: 20px;
	}
}

.photobook-photo {
	position: relative;
	float: left;

	width: 25%;
	overflow: hidden;

	background-color: #3c3c3b;
	background-size: cover;
	background-repeat: no-repeat;

	text-decoration: none;

	-o-transition: all .1s ease-in;
	-moz-transition: all .1s ease-in;
	-webkit-transition: all .1s ease-in;
	transition: all .1s ease-in;
}
	.photobook-photo:before {
		display: block;
		margin-top: 75%;

		content: '';
	}
.photobook-photo:hover {
	z-index: 3;

	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);

	-webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.42);
	-moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.42);
	box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.42);
}
.photobook-photo-add {
	background-size: calc(100% / 2) calc(100% / 2);
	background-image: url('../img/icon_image.svg');
	background-repeat: no-repeat;
	background-position: center;
}
	.photobook-photo:after {
		position: absolute;
		left: 0px;
		right: 0px;
		top: 0px;
		bottom: 0px;

		display: block;

		background-color: rgba(255, 206, 0, .5);
		color: #ffffff;
		opacity: 0;

		-o-transition: opacity .2s ease-in;
		-moz-transition: opacity .2s ease-in;
		-webkit-transition: opacity .2s ease-in;
		transition: opacity .2s ease-in;

		content: '';
	}
	.photobook-photo:hover:after {
		opacity: 1;
	}
	.photobook-photo-add .photobook-photo-hover {
		background-image: url('../img/icon_add.svg');
		background-repeat: no-repeat;
		background-position: center;
		background-size: calc(100% / 3) calc(100% / 3);
	}
@media (max-width: 369px) {
	.photobook-photo {
		width: 50%;
	}
}
@media (min-width: 370px) and (max-width: 499px) {
	.photobook-photo {
		width: 50%;
	}
}
@media (min-width: 500px) and (max-width: 799px) {
	.photobook-photo {
		width: 33.3%;
		width: calc(100% / 3);
	}
}

.photobook-form {
	padding: 50px calc((100% - 1600px) / 2) 50px;
}

		.grid_photoalbum {
		}
			.grid_photoalbum a {
				width: 25%;
				float: left;
				position: relative;
				-moz-transition:-moz-transform 0.2s ease-in;
				-webkit-transition:-webkit-transform 0.2s ease-in;
				-o-transition:-o-transform 0.2s ease-in;
				transition: transform 0.2s ease-in;
			}
			.grid_photoalbum a:hover{
				width: 25%;
				float: left;
				position: relative;
				-moz-transform:scale(1.1);
				-webkit-transform:scale(1.1);
				-o-transform:scale(1.1);
				z-index:3;
				-webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.42);
				-moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.42);
				box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.42);

			}
				.grid_photoalbum a img{
					max-width: 100%;
					display: block;
				}

				.grid_photoalbum a::before{
					content:"";
					display:block;
					background-color: #FBC300;
					width: 100%;
					height:100%;
					position:absolute;
					opacity: 0.7;
					z-index: 2;
					-o-transition: opacity 0.2s ease-in;
					-moz-transition: opacity 0.2s ease-in;
					-webkit-transition: opacity 0.2s ease-in;
					transition: opacity 0.2s ease-in;

				}
				.grid_photoalbum a:hover::before{
					opacity: 0;

				}

				.grid_photoalbum a b{
					position: absolute;
					top: 0px;
					left: 0px;
					right: 0px;
					background-color: #fff;
					padding: 20px 25px;
					font-size: 21px;
					font-weight: 700;
					color: #000;
				}
				.grid_photoalbum a span{
					position: absolute;
					top: 0px;
					right: 0px;
					padding: 25px;
					font-size: 21px;
					font-weight: 300;
					color: #666666;
				}
		.grid_photoalbumdetail{
		}
			.grid_photoalbumdetail a{
				width: 25%;
				float: left;
				position: relative;
				-moz-transition:-moz-transform 0.2s ease-in;
				-webkit-transition:-webkit-transform 0.2s ease-in;
				-o-transition:-o-transform 0.2s ease-in;
				transition: transform 0.2s ease-in;
			}
			.grid_photoalbumdetail a:hover{
				width: 25%;
				float: left;
				position: relative;
				-moz-transform:scale(1.1);
				-webkit-transform:scale(1.1);
				-o-transform:scale(1.1);
				z-index:3;
				-webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.42);
				-moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.42);
				box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.42);

			}
				.grid_photoalbumdetail a img{
					max-width: 100%;
					display: block;
				}

				.grid_photoalbumdetail a:before{
					content:"";
					display:block;
					background: url(/img/icon_eye.svg) center no-repeat;
					background-color: rgba(251, 195, 0, 0.75);
					background-size: 25%;
					width:100%;
					height: 100%;
					opacity: 0;
					position:absolute;
					z-index: 2;
					-o-transition: opacity 0.2s ease-in;
					-moz-transition: opacity 0.2s ease-in;
					-webkit-transition: opacity 0.2s ease-in;
					transition: opacity 0.2s ease-in;

				}
				.grid_photoalbumdetail a:hover:before{
					opacity:1;
				}

.map {
	height: 564px;
}
	.google-maps-bubble {
		background: red;
		border-radius: 0px !important;
		-webkit-box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.2);
		-moz-box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.2);
		box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.2);
	}
		.google-maps-bubble-label {
			font-size: 12px;
			line-height: 2.2;
			min-width: 200px;
		}
			.google-maps-bubble-label h3 {
				font-size: 16px;
				line-height: 2;
				font-weight: bold;
			}

.map-form {
	max-width: 460px;
	margin: 0 auto;
	padding: 20px;
	border-radius: 4px;

	background: #fff;
}

.products {
	position: relative;

	display: block;
	width: calc(100% + 40px);
	margin: 0px -20px;
}
	.products:after {
		clear: both;

		display: block;

		content: "";
	}
	.products-title {
		margin: 40px 20px 20px;

		color: #ffffff;

		font-weight: bold;
		font-size: 24px;
	}
	.products-filter {
		padding-bottom: 20px;

		overflow: hidden;
	}
		.products-filter a {
			float: left;

			margin-left: 20px;
			padding: 8px 14px;
			border: solid 2px #FFF;
			border-radius: 3px;

			color: #FFF;

			font-weight: bold;
			font-size: 17px;
			line-height: 1;
			text-decoration: none;
		}
		.products-filter a:hover {
			border-color: #FBC300;

			background-color: rgba(251, 195, 0, 1);
		}
		.products-filter a.active{
			border-color: #FBC300;

			background: #FBC300;
			color: #FFF;
		}
		.products-filter a:hover {
			background-color: rgba(251, 195, 0, .5);
		}
	.products-product {
		position: relative;
		float: left;

		display: block;
		width: calc(25% - 40px - 40px);
		margin: 0px 20px 40px;
		padding: 20px;
		border-radius: 3px;

		background: #ffffff;

		text-decoration: none;
		color: #3c3c3b;
	}
	.products-product-nocat {
		padding-top: 0px;
	}
	.products-product.hidden {
		opacity: .7;
	}
		.products-product-productcat {
			position: relative;

			margin-bottom: 20px;

			text-align: center;
		}
		.products-product-new {
			position: absolute;
			left: 0;
			top: 3px;

			padding: 4px 16px;
			border-radius: 12px;

			background: #fbc300;
			color: #fff;

			font-size: 16px;
			font-weight: bold;
			line-height: 1;
		}
		.products-product-img {
			position: relative;

			display: block;
			width: 100%;
			width: calc(100% + 40px);
			margin: 0px -20px;
			overflow: hidden;

			background-position: center;
			background-size: contain;
			background-repeat: no-repeat;
			background-color: #fff;
		}
		.products-product-nocat .products-product-img {
			border-radius: 3px 3px 0 0;
		}
			.products-product-img:before {
				display: block;
				margin-top: 75%;

				content: '';
			}
			.products-product-img:after {
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;

				display: block;

				background-color: rgba(251, 195, 0, .7);
				opacity: 0;

				content: '';

				-o-transition: opacity .2s ease-in;
				-moz-transition: opacity .2s ease-in;
				-webkit-transition: opacity .2s ease-in;
				transition: opacity .2s ease-in;
			}
			.products-product-add .products-product-img:after {
				background-color: rgba(251, 195, 0, .7);
				background-image: url('../img/icon_add.svg');
				background-repeat: no-repeat;
				background-position: center;
				background-size: 130px;
			}
			.products-product:hover .products-product-img:after {
				opacity: 1;
			}
		.products-product-add .products-product-img {
			background-color: #666;
			background-image: url('../img/icon_merchandise_bg.svg');
			background-repeat: no-repeat;
			background-position: center;
			background-size: 180px;
		}
		.products-product-name {
			margin-top: 15px;

			text-align: center;
		}
			.products-product-name span {
				border-top: 1px solid #ddd;
				padding-top: 5px;
			}
		.products-product-price {
			color: #aaa;

			text-align: center;
		}
@media (max-width: 369px) {
	.products {
		width: 100%;
		width: calc(100% + 16px);
		margin: 0;
		margin-left: calc(-8px);
		margin-right: calc(-8px);
	}
		.products-filter {
			padding-bottom: 4px;
			margin: 0 8px;
		}
			.products-filter a {
				margin: 0 12px 12px 0;
				padding: 4px 12px;

				font-size: 16px;
			}
		.products-product {
			width: 30%;
			width: calc(50% - 16px - 16px);
			margin: 0 8px 16px;
			padding: 0 8px 4px;
		}
			.products-product-img {
				width: 100%;
				width: calc(100% + 16px);
				margin: 0 0 4px;
				margin-left: calc(-8px);
				margin-right: calc(-8px);
			}
			.products-product-productcat {
				display: none;
			}
			.products-product-new {
				position: absolute;
				top: initial;
				left: initial;
				right: 8px;
				bottom: 8px;

				padding: 3px 12px;
				border-radius: 10px;

				font-size: 14px;
			}
			.products-product-img {
				border-radius: 3px 3px 0 0;
			}
			.products-product-name {
				margin-top: 0;

				font-size: 16px;
			}
				.products-product-name span {
					border: 0;
				}
}
@media (min-width: 370px) and (max-width: 799px) {
	.products {
		width: 100%;
		width: calc(100% + 16px);
		margin: 0;
		margin-left: calc(-8px);
		margin-right: calc(-8px);
	}
		.products-filter {
			padding-bottom: 4px;
			margin: 0 8px;
		}
			.products-filter a {
				margin: 0 12px 12px 0;
				padding: 4px 12px;

				font-size: 16px;
			}
		.products-product {
			width: 30%;
			width: calc(50% - 16px - 16px);
			margin: 0 8px 16px;
			padding: 0 8px 4px;
		}
			.products-product-img {
				width: 100%;
				width: calc(100% + 16px);
				margin: 0 0 4px;
				margin-left: calc(-8px);
				margin-right: calc(-8px);
			}
			.products-product-productcat {
				display: none;
			}
			.products-product-new {
				position: absolute;
				top: initial;
				left: initial;
				right: 8px;
				bottom: 8px;

				padding: 3px 12px;
				border-radius: 10px;

				font-size: 14px;
			}
			.products-product-img {
				border-radius: 3px 3px 0 0;
			}
			.products-product-name {
				margin-top: 0;

				font-size: 16px;
			}
				.products-product-name span {
					border: 0;
				}
}
@media (min-width: 500px) and (max-width: 799px) {
	.products-product {
		width: 25%;
		width: calc(100% / 3 - 16px - 16px);
	}
}
@media (min-width: 800px) and (max-width: 1049px) {
	.products {
		width: 100%;
		width: calc(100% + 16px);
		margin: 0;
		margin-left: calc(-8px);
		margin-right: calc(-8px);
	}
		.products-filter {
			padding-bottom: 4px;
			margin: 0 8px;
		}
			.products-filter a {
				margin: 0 12px 12px 0;
				padding: 4px 12px;

				font-size: 16px;
			}
		.products-product {
			width: 25%;
			width: calc(100% / 3 - 16px - 16px);
			margin: 0 8px 16px;
			padding: 0 8px 4px;
		}
			.products-product-img {
				width: 100%;
				width: calc(100% + 16px);
				margin: 0 0 4px;
				margin-left: calc(-8px);
				margin-right: calc(-8px);
			}
			.products-product-productcat {

			}
			.products-product-new {
				position: absolute;
				top: initial;
				left: initial;
				right: 16px;
				bottom: 16px;

				padding: 4px 16px;
				border-radius: 10px;

				font-size: 14px;
			}
			.products-product-name {
				margin-top: 0;

				font-size: 16px;
			}
				.products-product-name span {
					border: 0;
				}
}

.product {
	width: calc(100% + 40px);
	margin: 0px -20px;
}
	.product:after {
		clear: both;

		display: block;

		content: "";
	}
	.product-name {
		margin: 0px 20px;

		color: #ffffff;

		font-weight: bold;
		font-size: 24px;
	}
	.product-new {
		position: relative;

		margin-left: 30px;
		padding: 4px 16px;
		border-radius: 12px;

		background: #fbc300;
		color: #fff;

		font-size: 16px;
		font-weight: bold;
		line-height: 1;
	}
	.product-productcat {
		margin: 0px 20px 40px;
		color: #ffffff;

		font-weight: 200;
		font-size: 24px;
	}
	.product-imgs {
		float: left;

		width: 33.3%;
	}
		.product-imgs-img {
			width: calc(100% - 40px);
			margin: 0px 20px 40px;
			border-radius: 3px;

			background: #666;
		}
			.product-imgs-img img {
				width: 100%;
				border-radius: 3px;

				vertical-align: bottom;
			}
			.product-imgs-img-placeholder,
			.product-imgs-img-add a {
				position: relative;

				display: block;
				width: 100%;
				border-radius: 3px;
				overflow: hidden;

				background-image: url('../img/icon_image.svg');
				background-repeat: no-repeat;
				background-position: center;
				background-size: 140px 140px;
			}
			.product-imgs-img-placeholder {
				background-image: none;
			}
				.product-imgs-img-placeholder:before,
				.product-imgs-img-add a:before {
					display: block;

					margin-top: 75%;

					content: '';
				}
				.product-imgs-img-add a:after {
					position: absolute;
					top: 0;
					right: 0;
					bottom: 0;
					left: 0;

					display: block;

					background-color: rgba(251, 195, 0, .7);
					background-image: url('../img/icon_add.svg');
					background-repeat: no-repeat;
					background-position: center;
					background-size: 150px;
					color: #fff;
					opacity: 0;

					content: '';

					-o-transition: opacity .2s ease-in;
					-moz-transition: opacity .2s ease-in;
					-webkit-transition: opacity .2s ease-in;
					transition: opacity .2s ease-in;
				}
				.product-imgs-img-add:hover a:after {
					opacity: 1;
				}
		.product-imgs-thumbs {
			width: calc(100% - 30px);
			margin: 0px 15px -10px;
		}
			.product-imgs-thumbs:after {
				clear: both;

				display: block;

				content: "";
			}
			.product-imgs-thumbs-add {
				position: relative;
				float: left;

				width: calc(25% - 10px);
				margin: 0px 5px 10px;
				border-radius: 3px;

				background-color: #666;
				background-image: url('../img/icon_image.svg');
				background-repeat: no-repeat;
				background-position: center;
				background-size: 50px;
			}
				.product-imgs-thumbs-add:before,
				.product-imgs-thumbs-img:before {
					display: block;
					margin-top: 100%;

					content: '';
				}
				.product-imgs-thumbs-add a {
					position: absolute;
					top: 0;
					left: 0;
					right: 0;
					bottom: 0;

					display: block;
					padding: 10px;

					text-align: center;
					text-decoration: none;
				}
					.product-imgs-thumbs-add a:after {
						position: absolute;
						top: 0;
						bottom: 0;
						right: 0;
						left: 0;

						display: block;

						background-color: rgba(251, 195, 0, .7);
						background-image: url('../img/icon_add.svg');
						background-repeat: no-repeat;
						background-position: center;
						background-size: 60px;
						color: #fff;
						opacity: 0;

						content: '';

						-o-transition: opacity .2s ease-in;
						-moz-transition: opacity .2s ease-in;
						-webkit-transition: opacity .2s ease-in;
						transition: opacity .2s ease-in;
					}
					.product-imgs-thumbs-add a:hover:after {
						opacity: 1;
					}
			.product-imgs-thumbs-img {
				position: relative;
				float: left;

				display: block;
				width: calc(25% - 10px);
				margin: 0px 5px 10px;
				border-radius: 3px;

				background-color: #fff;
				background-size: contain;
				background-position: center;
				background-repeat: no-repeat;
			}
	.product-details {
		float: left;

		width: 66.7%;
	}
		.product-details-descr {
			width: calc(100% - 40px - 40px);
			margin: 0 20px 40px;
			padding: 20px;
			border-radius: 3px;

			background: #fff;
		}
		.product-details-form {
			position: relative;

			width: calc(100% - 40px - 40px);
			margin: 0 20px 0;
			padding: 20px;
			border-radius: 3px;

			background: #fff;
		}
			.product-details-form h4 {
				margin-bottom: 10px;
			}
		.product-details-variants {
			width: calc(100% - 40px - 40px);
			margin: 40px 20px 0;
			padding: 20px;
			border-radius: 3px;

			background: #fff;
		}
			.product-details-variants-variant {
				padding: 5px 0;
			}
@media (max-width: 369px) {
	.product {
		width: 100%;
		margin: 0;
	}
		.product-name {
			margin: 0;
		}
		.product-productcat {
			margin: 0 0 32px;
		}
		.product-imgs {
			float: none;

			width: 100%;
			margin: 0 0 16px;
		}
			.product-imgs-img {
				width: 100%;
				margin: 0 0 8px;
			}
			.product-imgs-thumbs {
				width: 100%;
				width: calc(100% + 8px);
				margin: 0 0 -8px;
				margin-left: calc(-4px);
				margin-right: calc(-4px);
			}
				.product-imgs-thumbs-img {
					width: 25%;
					width: calc(25% - 8px);
					margin: 0 4px 8px;
				}
		.product-details {
			width: 100%;
			margin: 0;
		}
			.product-details-descr {
				width: 100%;
				width: calc(100% - 32px);
				margin: 0 0 16px;
				padding: calc(16px);
			}
			.product-details-form {
				width: 100%;
				width: calc(100% - 32px);
				margin: 0 0 16px;
				padding: calc(16px);
			}
}
@media (min-width: 370px) and (max-width: 799px) {
	.product {
		width: 100%;
		margin: 0;
	}
		.product-name {
			margin: 0;
		}
		.product-productcat {
			margin: 0 0 32px;
		}
		.product-imgs {
			float: none;

			width: 100%;
			margin: 0 0 24px;
		}
			.product-imgs-img {
				width: 100%;
				margin: 0 0 8px;
			}
			.product-imgs-thumbs {
				width: 100%;
				width: calc(100% + 8px);
				margin: 0 0 -8px;
				margin-left: calc(-4px);
				margin-right: calc(-4px);
			}
				.product-imgs-thumbs-img {
					width: 25%;
					width: calc(25% - 8px);
					margin: 0 4px 8px;
				}
		.product-details {
			width: 100%;
			margin: 0;
		}
			.product-details-descr {
				width: 100%;
				width: calc(100% - 48px);
				margin: 0 0 24px;
				padding: calc(24px);
			}
			.product-details-form {
				width: 100%;
				width: calc(100% - 48px);
				margin: 0 0 24px;
				padding: calc(24px);
			}
}

.webshop-form-row {
	margin-bottom: 10px;
}
.webshop-form-row:last-of-type {
	margin-bottom: 0px;
}
	.webshop-form-row:after {
		clear: both;

		display: block;

		content: '';
	}
	.webshop-form-row label {
		float: left;

		display: block;
		width: 30%;
	}
	.webshop-form-row div {
		float: left;

		display: block;
		width: 70%;
	}
	.webshop-form-row input[type=submit] {
		margin-left: 0px;
		width: 120px;
	}
	.webshop-form-row input[type=submit]:last-of-type {
		margin-bottom: 0px;
	}
.webshop-amount {
	width: 50px;
}
input[type=button].webshop-amount-plus,
input[type=button].webshop-amount-min {
	display: inline;
	width: 40px;
	margin: 0;

	font-weight: bold;

	cursor: pointer;
}
.webshop-street {
	margin-right: 10px;
}
.webshop-number {
	width: 50px;
}
.webshop-zipcode {
	width: 70px;
	margin-right: 10px;
}
.webshop-city {
	width: 150px;
}
@media (max-width: 369px) {
	.webshop-form-row label {
		float: none;
		width: 100%;
	}
	.webshop-firstname,
	.webshop-lastname,
	.webshop-email {
		width: 80%;
		width: calc(100% - 2px - 20px);
	}
	.webshop-street {
		width: 70%;
		width: calc(100% - 2px - 20px - 40px - 2px - 20px - 10px);
	}
	.webshop-number {
		width: 40px;
	}
	.webshop-zipcode {
		width: 70px;
	}
	.webshop-city {
		width: 50%;
		width: calc(100% - 2px - 20px - 70px - 2px - 20px - 10px);
	}
}
@media (min-width: 370px) and (max-width: 799px) {
	.webshop-form-row label {
		float: none;
		width: 100%;
	}
	.webshop-firstname,
	.webshop-lastname,
	.webshop-email {
		width: 80%;
		width: calc(100% - 2px - 20px);
	}
	.webshop-street {
		width: 70%;
		width: calc(100% - 2px - 20px - 45px - 2px - 20px - 10px);
	}
	.webshop-number {
		width: 45px;
	}
	.webshop-zipcode {
		width: 75px;
	}
	.webshop-city {
		width: 50%;
		width: calc(100% - 2px - 20px - 75px - 2px - 20px - 10px);
	}
}

		.photothumb{
			width: 20%;
			height:auto;
			float: left;
			margin-right: 30px;
			margin-bottom:30px;
			-webkit-border-radius: 4px 4px 4px 4px;
			border-radius: 4px 4px 4px 4px;
			text-decoration: none;
			}

		.block_normal{
			width:480px;
			background-color: #fff;
			webkit-border-radius: 4px 4px 4px 4px;
			border-radius: 4px 4px 4px 4px;
		}

			.block_normal h2{
				line-height: 1;
				margin-left: 25px;
				margin-top: 25px;
				float: left;
			}

			.block_normal_text{
				display: inline-block;
				color: #1D1D1D;
				line-height: 1.7em;
				font-size: 16px;
				font-weight: 300;
				margin: 20px 25px 25px 25px;
			}

		.block_car {
			margin-left: 50px;
			position: relative;
			width: 350px;
			padding-top:100px;
			display: block;
			background-color: #fff;
			text-decoration: none;
			border-radius: 4px 4px 0px 0px;
		}
			.block_car_text{
				width:300px;
				position: absolute;
				top: 0px;
				left: 0px;
				display: block;
				padding: 25px;
				background-color: #fff;
				border-radius: 4px 4px 0px 0px;

			}
				.block_car h2{
					position: relative;
					display: block;
					padding-right: 50px;
					line-height: 30px;
				}

				.block_car_year{
					font-size: 16px;
					font-weight: 300;
					line-height: 30px;
					color: #666666;
					position: absolute;
					right: 25px;
					top: 25px;
				}
				.block_car img{
					display: block;
					width: 100%;
					border-radius: 0px 0px 4px 4px;
				}
				.block_car b{
					display: block;
					font-size: 20px;
					font-weight: 400;
					color: #666666;

				}

.contact-form {
	position: relative;

	padding: 20px;
	border-radius: 3px;

	background: #fff;
	color: #000;
}
	.contact-form h1 {
		margin-bottom: 30px;
	}
	.contact-form label {
		color: #000;
	}
	.contact-form input[type="submit"] {
		margin: 0;
	}

	/*
		.block_spec table{
			width: auto;

		}
			.block_spec tr:nth-child(1) th{
				border-radius: 4px 0px 0px 0px;
			}
			.block_spec tr:nth-last-child(1) th{
				border-radius: 0px 0px 0px 4px;
			}
			.block_spec tr:nth-child(1) td{
				border-radius: 0px 4px 0px 0px;
			}
			.block_spec tr:nth-last-child(1) td{
				border-radius: 0px 0px 4px 0px;
			}
				.block_spec th{
					background-color: #fff;
					color: #4D4D4D;
					font-weight:700;
					font-size: 16px;
					text-align: left;
					padding: 5px 10px 5px 25px;
					line-height:18px;
				}
				.block_spec td{
					background-color: #F4F4F4;
					color: #4D4D4D;
					font-weight:400;
					font-size: 16px;
					text-align: left;
					padding: 5px 25px 5px 30px;
					line-height:25px;
				}
				.block_spec h2{
					padding-top: 25px;
					line-height: 24px;
				}

		.block_introduction {
			margin-left: 50px;
			position: relative;
			width: 480px;
			padding-top:50px;
			display: block;
			background-color: #fff;
			text-decoration: none;
			border-radius: 4px 4px 0px 0px;
		}
			.block_introduction_text{
				width:430px;
				position: absolute;
				top: 0px;
				left: 0px;
				display: block;
				padding: 25px;
				background-color: #fff;
				border-radius: 4px 4px 0px 0px;

			}
				.block_introduction h2{
					position: relative;
					display: block;
					padding-right: 50px;
					line-height: 25px;
				}

				.block_introduction_category{
					font-size: 16px;
					font-weight: 300;
					line-height: 30px;
					color: #666666;
					position: absolute;
					right: 25px;
					top: 25px;
				}
				.block_introduction img{
					display: block;
					width: 100%;
					border-radius: 0px 0px 4px 4px;
				}

			.block_img{
				width: 430px;
				position: relative;
				background-color: #fff;
				display: block;
			}
				.block_img img{
					display: block;
					width: 100%;
					border-radius: 4px 4px 4px 4px;
				}
*/

.message {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;

	display: block;
	padding: 50px;
	padding-top: 100px;

	background: rgba(251, 195, 0, .9);
	color: #fff;

	text-align: center;
	font-size: 22px;
	font-weight: bold;
}
	.message .close {
		position: absolute;
		top: 20px;
		right: 20px;

		display: block;
		width: 32px;
		height: 32px;

		background: url(../img/icon_close.svg) top right no-repeat;
		background-size: 32px 32px;
	}
.cars-page-selection{
	display:block;
	width:70%;
	padding:15%;
	background:rgba(0,0,0,.7);
	text-align:center;
	text-decoration:none;
	color:#FFF;
	font-size:17px;
}
	.cars-page-selection svg{
		display:block;
		margin:0 auto 30px;
		fill:#FBC300;
	}
	.cars-page-selection strong{
		display:block;
		margin-bottom:30px;
		font-size:24px;
	}
@media (min-width: 500px) {
	.cars-page-selection{
		width:60%;
		padding:15% 20%;
		font-size:19px;
	}
}
@media (min-width: 600px) {
	.cars-page-selection{
		width:50%;
		padding:15% 25%;
		font-size:19px;
	}
}
@media (min-width: 1000px) {
	.cars-page-selection{
		width:60%;
		padding:15% 20%;
		font-size:19px;
	}
}
@media (min-width: 1500px) {
	.cars-page-selection{
		width:40%;
		padding:15% 30%;
		font-size:19px;
	}
}
/* Grid 12 */
.grid-12 {
	width: 100%;
}
	.grid-12-row {
		width: calc(100% + 40px);
		margin: 0px -20px -40px;
	}
		.grid-12-row:after {
			clear: both;

			display: block;

			content: '';
		}
		.grid-12-col-xs-1, .grid-12-col-sm-1, .grid-12-col-md-1, .grid-12-col-lg-1, .grid-12-col-xl-1,
		.grid-12-col-xs-2, .grid-12-col-sm-2, .grid-12-col-md-2, .grid-12-col-lg-2, .grid-12-col-xl-2,
		.grid-12-col-xs-3, .grid-12-col-sm-3, .grid-12-col-md-3, .grid-12-col-lg-3, .grid-12-col-xl-3,
		.grid-12-col-xs-4, .grid-12-col-sm-4, .grid-12-col-md-4, .grid-12-col-lg-4, .grid-12-col-xl-4,
		.grid-12-col-xs-5, .grid-12-col-sm-5, .grid-12-col-md-5, .grid-12-col-lg-5, .grid-12-col-xl-5,
		.grid-12-col-xs-6, .grid-12-col-sm-6, .grid-12-col-md-6, .grid-12-col-lg-6, .grid-12-col-xl-6,
		.grid-12-col-xs-7, .grid-12-col-sm-7, .grid-12-col-md-7, .grid-12-col-lg-7, .grid-12-col-xl-7,
		.grid-12-col-xs-8, .grid-12-col-sm-8, .grid-12-col-md-8, .grid-12-col-lg-8, .grid-12-col-xl-8,
		.grid-12-col-xs-9, .grid-12-col-sm-9, .grid-12-col-md-9, .grid-12-col-lg-9, .grid-12-col-xl-9,
		.grid-12-col-xs-10, .grid-12-col-sm-10, .grid-12-col-md-10, .grid-12-col-lg-10, .grid-12-col-xl-10,
		.grid-12-col-xs-11, .grid-12-col-sm-11, .grid-12-col-md-11, .grid-12-col-lg-11, .grid-12-col-xl-11,
		.grid-12-col-xs-12, .grid-12-col-sm-12, .grid-12-col-md-12, .grid-12-col-lg-12, .grid-12-col-xl-12 {
			float: left;

			margin: 0px 20px 40px;
		}
@media (min-width: 0px) { /* Small */
	.grid-12-col-xs-1 { width: calc(100% / 12 - 40px); }
	.grid-12-col-xs-2 { width: calc(100% / 12 * 2 - 40px); }
	.grid-12-col-xs-3 { width: calc(100% / 12 * 3 - 40px); }
	.grid-12-col-xs-4 { width: calc(100% / 12 * 4 - 40px); }
	.grid-12-col-xs-5 { width: calc(100% / 12 * 5 - 40px); }
	.grid-12-col-xs-6 { width: calc(100% / 12 * 6 - 40px); }
	.grid-12-col-xs-7 { width: calc(100% / 12 * 7 - 40px); }
	.grid-12-col-xs-8 { width: calc(100% / 12 * 8 - 40px); }
	.grid-12-col-xs-9 { width: calc(100% / 12 * 9 - 40px); }
	.grid-12-col-xs-10 { width: calc(100% / 12 * 10 - 40px); }
	.grid-12-col-xs-11 { width: calc(100% / 12 * 11 - 40px); }
	.grid-12-col-xs-12 { width: calc(100% - 40px); }
}
@media (min-width: 370px) { /* Small */
	.grid-12-col-sm-1 { width: calc(100% / 12 - 40px); }
	.grid-12-col-sm-2 { width: calc(100% / 12 * 2 - 40px); }
	.grid-12-col-sm-3 { width: calc(100% / 12 * 3 - 40px); }
	.grid-12-col-sm-4 { width: calc(100% / 12 * 4 - 40px); }
	.grid-12-col-sm-5 { width: calc(100% / 12 * 5 - 40px); }
	.grid-12-col-sm-6 { width: calc(100% / 12 * 6 - 40px); }
	.grid-12-col-sm-7 { width: calc(100% / 12 * 7 - 40px); }
	.grid-12-col-sm-8 { width: calc(100% / 12 * 8 - 40px); }
	.grid-12-col-sm-9 { width: calc(100% / 12 * 9 - 40px); }
	.grid-12-col-sm-10 { width: calc(100% / 12 * 10 - 40px); }
	.grid-12-col-sm-11 { width: calc(100% / 12 * 11 - 40px); }
	.grid-12-col-sm-12 { width: calc(100% - 40px); }
}
@media (min-width: 800px) { /* Medium */
	.grid-12-col-md-1 { width: calc(100% / 12 - 40px); }
	.grid-12-col-md-2 { width: calc(100% / 12 * 2 - 40px); }
	.grid-12-col-md-3 { width: calc(100% / 12 * 3 - 40px); }
	.grid-12-col-md-4 { width: calc(100% / 12 * 4 - 40px); }
	.grid-12-col-md-5 { width: calc(100% / 12 * 5 - 40px); }
	.grid-12-col-md-6 { width: calc(100% / 12 * 6 - 40px); }
	.grid-12-col-md-7 { width: calc(100% / 12 * 7 - 40px); }
	.grid-12-col-md-8 { width: calc(100% / 12 * 8 - 40px); }
	.grid-12-col-md-9 { width: calc(100% / 12 * 9 - 40px); }
	.grid-12-col-md-10 { width: calc(100% / 12 * 10 - 40px); }
	.grid-12-col-md-11 { width: calc(100% / 12 * 11 - 40px); }
	.grid-12-col-md-12 { width: calc(100% - 40px); }
}
@media (min-width: 1050px) { /* Large */
	.grid-12-col-lg-1 { width: calc(100% / 12 - 40px); }
	.grid-12-col-lg-2 { width: calc(100% / 12 * 2 - 40px); }
	.grid-12-col-lg-3 { width: calc(100% / 12 * 3 - 40px); }
	.grid-12-col-lg-4 { width: calc(100% / 12 * 4 - 40px); }
	.grid-12-col-lg-5 { width: calc(100% / 12 * 5 - 40px); }
	.grid-12-col-lg-6 { width: calc(100% / 12 * 6 - 40px); }
	.grid-12-col-lg-7 { width: calc(100% / 12 * 7 - 40px); }
	.grid-12-col-lg-8 { width: calc(100% / 12 * 8 - 40px); }
	.grid-12-col-lg-9 { width: calc(100% / 12 * 9 - 40px); }
	.grid-12-col-lg-10 { width: calc(100% / 12 * 10 - 40px); }
	.grid-12-col-lg-11 { width: calc(100% / 12 * 11 - 40px); }
	.grid-12-col-lg-12 { width: calc(100% - 40px); }
}
@media (min-width: 1600px) { /* Extra Large */
	.grid-12-col-xl-1 { width: calc(100% / 12 - 40px); }
	.grid-12-col-xl-2 { width: calc(100% / 12 * 2 - 40px); }
	.grid-12-col-xl-3 { width: calc(100% / 12 * 3 - 40px); }
	.grid-12-col-xl-4 { width: calc(100% / 12 * 4 - 40px); }
	.grid-12-col-xl-5 { width: calc(100% / 12 * 5 - 40px); }
	.grid-12-col-xl-6 { width: calc(100% / 12 * 6 - 40px); }
	.grid-12-col-xl-7 { width: calc(100% / 12 * 7 - 40px); }
	.grid-12-col-xl-8 { width: calc(100% / 12 * 8 - 40px); }
	.grid-12-col-xl-9 { width: calc(100% / 12 * 9 - 40px); }
	.grid-12-col-xl-10 { width: calc(100% / 12 * 10 - 40px); }
	.grid-12-col-xl-11 { width: calc(100% / 12 * 11 - 40px); }
	.grid-12-col-xl-12 { width: calc(100% - 40px); }
}

/* Grid */
.grid {
	min-height: 364px;
	background: no-repeat center top;
	background-size: cover;
}
.grid:only-child {
	min-height: 100%;
	min-height: calc(100% - 100px);
	min-height: calc(100vh - 100px);
}
.grid:after {
	content: "";
	display: block;
	clear: both;
}
	.grid_row {
		float: left;
		min-height: 364px;
		clear: both;
	}
	.grid_row + .grid_row {
		margin-top:100px;
	}
		.row {
			min-height:364px;
		}
		.row_2 {
			min-height:828px;
		}
		.row_3 {
			min-height:1292px;
		}
		.span {
			float: left;
		}
.grid_1 {
	padding-top: 0px;
}
	.grid_1 .grid_row {
		width: 100%;
		margin: 0px;
	}
		.grid_1 .span_1 {
			width: 100%;
		}
.grid_3 {
	padding: 50px calc((100% - 1600px) / 2) 50px;
}
	.grid_3 .grid_row {
		width: 100%;
		width: calc(100% + 50px);
		margin: 0 -25px;
	}
		.grid_3 .span_1 {
			width: 30.303%;
			width: calc(33.3% - 50px);
		}
		.grid_3 .span_2 {
			width: 63.6363%;
			width: calc(66.7% - 50px);
		}
		.grid_3 .span_3 {
			width: 96.9696%;
			width: calc(100% - 50px);
			height:auto;
		}
		.grid_3 .span {
			margin: 0 1.51515%;
			margin-left: calc(25px);
			margin-right: calc(25px);
		}
.grid_4 {
	padding: 50px calc((100% - 1600px) / 2) 50px;
}
	.grid_4 .grid_row {
		width: 100%;
		width: calc(100% + 50px);
		margin: 0 -25px;
	}
		.grid_4 .span_1 {
			width: 21.9697%;
			width: calc(25% - 50px);
		}
		.grid_4 .span_2 {
			width: 46.9697%;
			width: calc(50% - 50px);
		}
		.grid_4 .span_3 {
			width: 71.9697%;
			width: calc(75% - 50px);
		}
		.grid_4 .span_4 {
			width: 96.9697%;
			width: calc(100% - 50px);
			height: auto;
		}
		.grid_4 .span {
			margin: 0 1.51515%;
			margin-left: calc(25px);
			margin-right: calc(25px);
		}
.grid_bg_yellow {
	background-color: #ffd148;
}
	.grid_bg_yellow > h1 {
		border-bottom-color: #FFF;
		color: #fff;
	}
.grid_row_autoheight,
.grid_row_autoheight .row {
	height: auto;
	min-height: 100px;
}
.grid:first-of-type {
	padding-top: 250px;
}
.grid:only-child {
	min-height: calc(100% - 220px - 50px);
	min-height: calc(100vh - 220px - 50px);
}
.grid.grid_1:first-of-type {
	padding-top: 170px;
}
.grid.grid_1:only-child {
	min-height: calc(100% - 170px);
	min-height: calc(100vh - 170px);
}
@media (max-width: 369px) {
	.grid_1,
	.grid_3,
	.grid_4 {
		width: 100%;
		padding: 0;
	}
	.grid:first-of-type {
		padding-top: 116px;
	}
	.grid:only-child {
		min-height: calc(100% - 116px);
		min-height: calc(100vh - 116px);
	}
	.grid.grid_1:first-of-type {
		padding-top: 100px;
	}
	.grid.grid_1:only-child {
		min-height: calc(100% - 100px);
		min-height: calc(100vh - 100px);
	}
		.grid_1 .grid_row,
		.grid_3 .grid_row,
		.grid_4 .grid_row {
			width: 100%;
			height: auto;
			padding: 0;
			margin: 0;
		}
		.grid_3 .span_1,
		.grid_3 .span_2,
		.grid_3 .span_3,
		.grid_3 .span,
		.grid_4 .span_1,
		.grid_4 .span_2,
		.grid_4 .span_3,
		.grid_4 .span_4,
		.grid_4 .span {
			float: none;
			width: 96%;
			width: calc(100% - 32px);
			height: auto;
			margin: 0 3% 3%;
			margin: 0 calc(16px) calc(16px);
		}
		.grid_1 .span_1 {
			float: none;
			width: 100%;
			height: auto;
			margin: 0 0 3%;
			margin: 0 0 calc(16px);
		}
		.grid_3 .span:empty,
		.grid_4 .span:empty {
			display: none;
		}
}
@media (min-width: 370px) and (max-width: 799px) {
	.grid_1,
	.grid_3,
	.grid_4 {
		width: 100%;
		padding: 0;
	}
	.grid:first-of-type {
		padding-top: 160px;
	}
	.grid:only-child {
		min-height: calc(100% - 134px);
		min-height: calc(100vh - 134px);
	}
	.grid.grid_1:first-of-type {
		padding-top: 110px;
	}
	.grid.grid_1:only-child {
		min-height: calc(100% - 110px);
		min-height: calc(100vh - 110px);
	}
		.grid_1 .grid_row,
		.grid_3 .grid_row,
		.grid_4 .grid_row {
			width: 100%;
			height: auto;
			padding: 0;
			margin: 0;
		}
		.grid_3 .span_1,
		.grid_3 .span_2,
		.grid_3 .span_3,
		.grid_3 .span,
		.grid_4 .span_1,
		.grid_4 .span_2,
		.grid_4 .span_3,
		.grid_4 .span_4,
		.grid_4 .span {
			float: none;
			width: 96%;
			width: calc(100% - 48px);
			height: auto;
			/*
			margin: 0 3% 3%;
			margin: 0 calc(24px) calc(24px);
			*/
		}
		.grid_1 .span_1 {
			float: none;
			width: 100%;
			height: auto;
			margin: 0 0 3%;
			margin: 0 0 calc(24px);
		}
		.grid_3 .span:empty,
		.grid_4 .span:empty {
			display: none;
		}
}
@media (min-width: 800px) and (max-width: 999px) {
	.grid_1,
	.grid_3,
	.grid_4 {
		width: 100%;
		padding: 0;
	}
	.grid:first-of-type {
		padding-top: 170px;
	}
	.grid.grid_1:first-of-type {
		padding-top: 110px;
	}
		.grid_1 .grid_row,
		.grid_3 .grid_row,
		.grid_4 .grid_row {
			width: 100%;
			height: auto;
			padding: 0;
			margin: 0;
		}
		.grid_3 .span_1,
		.grid_3 .span,
		.grid_4 .span_1,
		.grid_4 .span {
			width: 48%;
			width: calc(50% - 50px);
			height: auto;
			margin: 0 3% 3%;
			margin: 0 calc(25px) calc(50px);
		}
		.grid_3 .span_2,
		.grid_3 .span_3,
		.grid_4 .span_2,
		.grid_4 .span_3,
		.grid_4 .span_4 {
			width: 96%;
			width: calc(100% - 50px);
			height: auto;
			margin: 0 3% 3%;
			margin: 0 calc(25px) calc(50px);
		}
		.grid_1 .span_1 {
			width: 100%;
			height: auto;
			margin: 0 0 3%;
			margin: 0 0 calc(25px);
		}
		.grid_3 .span:empty,
		.grid_4 .span:empty {
			display: none;
		}
}
@media (min-width: 1000px) and (max-width: 1049px) {
	.grid:first-of-type {
		padding-top: 177px;
	}
	.grid.grid_1:first-of-type {
		padding-top: 110px;
	}
	.grid_3,
	.grid_4 {
		width: calc(100% - 50px);
		padding-left: 25px;
		padding-right: 25px;
	}
	.grid_bg {
		padding-top: 70px;
	}
}
@media (min-width: 1050px) and (max-width: 1699px) {
	.grid_3,
	.grid_4 {
		width: calc(100% - 50px);
		padding-left: 25px;
		padding-right: 25px;
	}
	.grid_bg {
		padding-top: 70px;
	}
}
@media (min-width: 1050px) and (max-width: 1199px) {
	.grid:first-of-type {
		padding-top: 200px;
	}
	.grid.grid_1:first-of-type {
		padding-top: 130px;
	}
}
@media (min-width: 1050px) and (max-width: 1199px) and (max-height: 899px) {
	.grid:first-of-type {
		padding-top: 220px;
	}
	.grid.grid_1:first-of-type {
		padding-top: 130px;
	}
}
@media (min-width: 1200px) and (max-width: 1399px) and (max-height: 899px) {
	.grid:first-of-type {
		padding-top: 220px;
	}
	.grid.grid_1:first-of-type {
		padding-top: 130px;
	}
}
@media (min-width: 1400px) and (max-width: 1699px) and (max-height: 920px) {
	.grid:first-of-type {
		padding-top: 220px;
	}
	.grid.grid_1:first-of-type {
		padding-top: 130px;
	}
}
@media (min-width: 1700px) and (max-height: 920px) {
	.grid:first-of-type {
		padding-top: 220px;
	}
	.grid.grid_1:first-of-type {
		padding-top: 130px;
	}
}
#cms_add_grid {
	display: block;
	width: 100%;
	height: 33px;
	padding-top: 17px;
	-webkit-border-radius: 4px;
	border-radius: 4px;

	background: rgba(255,255,255,.2);
	color: #ffffff;

	font-weight: bold;
	font-size: 16px;
	line-height: 1;
	text-decoration: none;
	text-align: center;

	cursor: pointer;
}
#cms_add_grid:hover {
	background: rgba(255,255,255,.5);
}
.content > .cms_grid_form{
	padding:250px 50px 50px;
	background:rgba(255,255,255,.5);
}
@media (max-width: 369px) { /* Extra Small*/
	.visible-sm:not(.visible-xs),
	.visible-md:not(.visible-xs),
	.visible-lg:not(.visible-xs),
	.visible-xl:not(.visible-xs),
	.hidden-xs {
		display: none;
	}
}
@media (min-width: 370px) and (max-width: 799px) { /* Small */
	.visible-xs:not(.visible-sm),
	.visible-md:not(.visible-sm),
	.visible-lg:not(.visible-sm),
	.visible-xl:not(.visible-sm),
	.hidden-sm {
		display: none;
	}
}
@media (min-width: 800px) and (max-width: 1049px) { /* Medium */
	.visible-xs:not(.visible-md),
	.visible-sm:not(.visible-md),
	.visible-lg:not(.visible-md),
	.visible-xl:not(.visible-md),
	.hidden-md {
		display: none;
	}
}
@media (min-width: 1050px) and (max-width: 1599px) { /* Large */
	.visible-xs:not(.visible-lg),
	.visible-sm:not(.visible-lg),
	.visible-md:not(.visible-lg),
	.visible-xl:not(.visible-lg),
	.hidden-lg {
		display: none;
	}
}
@media (min-width: 1600px) { /* Extra Large */
	.visible-xs:not(.visible-xl),
	.visible-sm:not(.visible-xl),
	.visible-md:not(.visible-xl),
	.visible-lg:not(.visible-xl),
	.hidden-xl {
		display: none;
	}
}