/*
Theme Name: Vdm Modul
Theme URI:
Author: Vdm Modul
Author URI: http://vdmmodul.com
Description: Wordpress Theme
Version: 1.0.7
*/
@import url(sass/normalize.css);
@import url(sass/bootstrap-grid.css);
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,500;0,600;0,700;1,300&display=swap");
@import url(sass/slick.css);
@import url(sass/slick-theme.css);
@import url(sass/fancy.css);
html,
body {
	height: 100%;
}

.site {
	display: flex;
	flex-direction: column;
	height: 100%;
}

#content,
#primary {
	flex: 1 0 auto;
}

.site-footer {
	flex: 0 0 auto;
}

.section {
	margin: 35px 0;
}

.section.none-m {
	margin: 0;
}

.section.with-p {
	margin: 0;
	padding: 35px 0;
}

@media only screen and (min-width: 768px) {
	.section.with-p {
		padding: 60px 0;
	}
}

@media only screen and (min-width: 768px) {
	.section {
		margin: 60px 0;
	}
}

.img-to-fit {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.img-to-fit.contain {
	object-fit: contain;
}

.content-area {
	padding-top: 75px;
}

h1 {
	font-family: "Open Sans", sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 32px;
	line-height: normal;
	color: #325947;
	margin: 0;
}

@media only screen and (min-width: 481px) {
	h1 {
		font-size: 38px;
		line-height: 48px;
	}
}

@media only screen and (min-width: 768px) {
	h1 {
		font-size: 40px;
		line-height: 50px;
	}
}

@media only screen and (min-width: 992px) {
	h1 {
		font-size: 48px;
		line-height: 58px;
	}
}

@media only screen and (min-width: 1400px) {
	h1 {
		font-size: 64px;
		line-height: 74px;
	}
}

h2 {
	font-family: "Open Sans", sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 28px;
	line-height: normal;
	color: #325947;
	margin: 0;
}

@media only screen and (min-width: 992px) {
	h2 {
		font-size: 32px;
	}
}

h3 {
	font-family: "Open Sans", sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 22px;
	line-height: normal;
	color: #325947;
	margin: 0;
}

@media only screen and (min-width: 481px) {
	h3 {
		font-size: 24px;
		line-height: 34px;
	}
}

@media only screen and (min-width: 768px) {
	h3 {
		font-size: 28px;
		line-height: 38px;
	}
}

@media only screen and (min-width: 992px) {
	h3 {
		font-size: 30px;
		line-height: 44px;
	}
}

@media only screen and (min-width: 1400px) {
	h3 {
		font-size: 36px;
		line-height: 50px;
	}
}

h4 {
	font-family: "Open Sans", sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: normal;
	color: #325947;
	margin: 0;
}

ul {
	font-family: "Open Sans", sans-serif;
	font-style: normal;
}

p,
li,
span,
ol {
	font-family: "Open Sans", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: normal;
}

@media only screen and (min-width: 768px) {
	p,
	li,
	span,
	ol {
		font-size: 16px;
	}
}

@media only screen and (min-width: 992px) {
	p,
	li,
	span,
	ol {
		font-size: 18px;
	}
}

.button,
a.button {
	font-family: "Open Sans", sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	display: flex;
	height: 52px;
	padding: 0 38px;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
	cursor: pointer;
	transition: all 0.35s;
	box-sizing: border-box;
}

.button.thin,
a.button.thin {
	height: 40px;
	font-size: 12px;
}

.button.full-width,
a.button.full-width {
	width: 100%;
}

.button.full-green,
a.button.full-green {
	background: #325947;
	border: 1px solid #325947;
	color: #fff;
}

.button.full-green:hover,
a.button.full-green:hover {
	background: #8ca58b;
	border-color: #8ca58b;
}

.button.full-orange,
a.button.full-orange {
	background: #ff6542;
	color: #fff;
	border: 1px solid #ff6542;
}

.button.full-orange:hover,
a.button.full-orange:hover {
	border-color: #ff7a5c;
	background: #ff7a5c;
}

.button.green,
a.button.green {
	background: #fff;
	border: 1px solid #325947;
	color: #325947;
}

.button.green:hover,
a.button.green:hover {
	color: #8ca58b;
	border-color: #8ca58b;
}

.button.full-light-green,
a.button.full-light-green {
	background: #8ca58b;
	border: 1px solid #8ca58b;
	color: #fff;
}

.button.full-light-green:hover,
a.button.full-light-green:hover {
	background: #325947;
	border-color: #325947;
}

a {
	font-family: "Open Sans", sans-serif;
	font-style: normal;
	line-height: normal;
	text-decoration: none;
}

img {
	width: 100%;
	height: auto;
	object-fit: contain;
}

.slider-arrow {
	display: flex;
	justify-content: center;
	margin-top: 25px;
}

.slider-arrow .arrow {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 34px;
	border-radius: 4px;
	margin: 0 5px;
	cursor: pointer;
	transition: 0.35s all;
}

.slider-arrow .arrow svg path {
	transition: 0.35s all;
}

.slider-arrow .arrow.prev {
	background: #e0ebe0;
}

.slider-arrow .arrow.prev.slick-disabled {
	cursor: none;
	pointer-events: none;
	opacity: 0.6;
}

.slider-arrow .arrow.prev:hover {
	background: #e0ebe0;
}

.slider-arrow .arrow.prev:hover svg path {
	fill: #8ca58b;
}

.slider-arrow .arrow.next {
	background: #325947;
}

.slider-arrow .arrow.next.slick-disabled {
	cursor: none;
	pointer-events: none;
	background: #e0ebe0 !important;
}

.slider-arrow .arrow.next:hover {
	background: #8ca58b;
}

section {
	margin-bottom: 60px;
}

@media only screen and (min-width: 1200px) {
	section {
		margin-bottom: 120px;
	}
}

section h2 {
	margin-bottom: 24px;
}

@media only screen and (min-width: 1200px) {
	section h2 {
		margin-bottom: 45px;
	}
}

input[type="checkbox"] {
	border-radius: 4px;
	border: 1px solid #606060;
	background: #fff;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	outline: none;
	cursor: pointer;
	height: 12px;
	width: 12px;
	position: relative;
	transition: 0.35s all;
	margin-right: 6px;
}

input[type="checkbox"]:checked {
	border-color: #ff6542;
}

input[type="checkbox"]:checked::before {
	content: "";
	display: inline-block;
	width: 10px;
	height: 10px;
	background-size: contain;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13' fill='none'%3E%3Cpath d='M10.6414 3.91772L5.14136 9.41772L2.64136 6.91772' stroke='%23FF6542' stroke-width='1.6666' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	position: absolute;
}

header {
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	width: 100%;
	border-bottom: 1px solid #e0ebe0;
	background: #fff;
	padding: 10px 0;
}

header .logo img {
	width: 145px;
	height: auto;
}

header .main-menu {
	display: none;
	justify-content: end;
	align-items: center;
}

@media only screen and (min-width: 998px) {
	header .main-menu {
		display: flex;
	}
}

header .main-menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
	display: flex;
	justify-content: space-between;
}

header .main-menu ul ul {
	display: none;
}

header .main-menu ul li {
	margin: 0 20px;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: 0.35s all;
}

header .main-menu ul li:first-child {
	margin-left: 0;
}

header .main-menu ul li:last-child {
	margin-right: 40px;
}

header .main-menu ul li:hover > a:first-child {
	color: #ff6542;
}

header .main-menu ul li.menu-item-has-children {
	height: 40px;
}

header .main-menu ul li.menu-item-has-children svg {
	position: relative;
	top: 1px;
	margin-left: 5px;
	transform: rotate(180deg);
	transition: 0.35s all;
}

header .main-menu ul li.menu-item-has-children:hover svg {
	transform: rotate(0deg);
	top: 3px;
}

header .main-menu ul li.menu-item-has-children:hover svg path {
	stroke: #ff6542;
}

header .main-menu ul li.menu-item-has-children:hover > a:first-child {
	color: #ff6542;
}

header .main-menu ul li .sub-menu {
	display: none;
	position: absolute;
	top: 40px;
	left: 0;
	z-index: 99999;
	background: #fff;
	box-shadow: 0 9px 32px 0 rgba(50, 89, 71, 0.05);
	margin: 0;
	width: 250px;
	flex-wrap: wrap;
}

header .main-menu ul li .sub-menu li {
	flex-basis: 100%;
	display: flex;
	margin: 12px 16px;
	justify-content: flex-start;
}

header .main-menu ul li .sub-menu li:hover > a:first-child {
	color: #ff6542;
}

header .main-menu ul li:hover > .sub-menu {
	display: flex;
}

header .main-menu ul li a {
	text-decoration: none;
	font-weight: 400;
	font-family: "Open Sans", sans-serif;
	color: #606060;
	position: relative;
	font-size: 14px;
	transition: all 0.35s;
	height: 100%;
	display: flex;
	align-items: center;
	cursor: pointer;
}

header .main-menu ul li a:hover.sub-menu {
	display: block;
}

header .main-menu ul li a:hover::before {
	width: 100%;
}

header .main-menu ul li.current_page_item svg path, header .main-menu ul li.current_page_parent svg path {
	stroke: #ff6542;
}

header .main-menu ul li.current_page_item > a, header .main-menu ul li.current_page_parent > a {
	color: #ff6542;
}

header .main-menu button {
	margin-right: 25px;
}

header .action-btn-row a {
	margin-right: 8px;
}

header .action-btn-row a:last-child {
	margin-right: 0;
}

header .toggle-btn {
	position: relative;
	width: 50px;
	height: 50px;
	background: transparent;
	border: none;
	cursor: pointer;
	overflow: hidden;
}

@media only screen and (min-width: 1200px) {
	header .toggle-btn {
		display: none;
	}
}

header .toggle-btn .line {
	display: block;
	width: 70%;
	height: 3px;
	background-color: #325947;
	position: absolute;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: transform 0.2s;
}

header .toggle-btn .line:first-of-type {
	top: 35%;
}

header .toggle-btn .line:nth-of-type(2) {
	top: 50%;
}

header .toggle-btn .line:last-of-type {
	top: 65%;
}

header .toggle-btn.active .line:first-of-type {
	top: 50%;
	transform: translate(-50%, -50%) rotate(45deg);
}

header .toggle-btn.active .line:nth-of-type(2) {
	opacity: 0;
}

header .toggle-btn.active .line:last-of-type {
	top: 50%;
	transform: translate(-50%, -50%) rotate(-45deg);
}

.mobile-menu {
	position: fixed;
	width: 100%;
	z-index: 99;
	padding-top: 120px;
	top: 0;
	left: 0;
	height: 100vh;
	background: #fff;
	display: none;
}

.mobile-menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.mobile-menu ul li {
	margin: 10px 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.mobile-menu ul li:last-child {
	margin-bottom: 0;
}

.mobile-menu ul li svg {
	transform: rotate(180deg);
	transition: 0.35s all;
}

.mobile-menu ul li svg.active {
	transform: rotate(0deg);
}

.mobile-menu ul li a {
	text-decoration: none;
	font-weight: 600;
	color: #606060;
	position: relative;
	font-size: 14px;
}

.mobile-menu ul li a:hover::before {
	width: 100%;
}

.mobile-menu ul li .sub-menu {
	flex-basis: 100%;
	display: none;
}

.mobile-menu ul li .sub-menu li a {
	font-size: 15px;
	font-style: normal;
	font-weight: 300;
}

.mobile-menu ul li.current_page_item > a {
	color: #ff6542;
}

.mobile-menu a {
	font-family: "Open Sans", sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	color: #606060;
}

.small-header .hero-block {
	position: relative;
	border-radius: 4px;
	height: 280px;
	background-size: cover;
	background-position: center right;
	background-position-x: center;
}

@media only screen and (min-width: 1200px) {
	.small-header .hero-block {
		height: 60vh;
	}
}

@media only screen and (min-width: 1400px) {
	.small-header .hero-block {
		height: 65vh;
	}
}

.small-header .hero-block h1 {
	padding: 20px 0;
	background: #fff;
	width: 65%;
	border-radius: 0 0 4px 0;
	font-weight: 700;
}

@media only screen and (min-width: 1200px) {
	.small-header .hero-block h1 {
		font-size: 48px;
		padding: 40px 0;
	}
}

.current-models .models-row {
	display: grid;
	gap: 20px;
	grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
}

@media only screen and (min-width: 720px) {
	.current-models .models-row {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media only screen and (min-width: 1200px) {
	.current-models .models-row {
		grid-template-columns: repeat(3, 1fr);
	}
}

.current-models .models-row .model-item {
	display: flex;
	flex-direction: column;
	box-shadow: 0 9px 32px 0 rgba(50, 89, 71, 0.05);
	border-radius: 4px;
}

.current-models .models-row .model-item img {
	object-fit: cover;
	height: 250px;
	border-radius: 4px;
}

@media only screen and (min-width: 1200px) {
	.current-models .models-row .model-item img {
		height: 310px;
	}
}

.current-models .models-row .model-item .text-block {
	padding: 25px;
}

.current-models .models-row .model-item .text-block h4 {
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 32px;
	margin-bottom: 8px;
}

.current-models .models-row .model-item .text-block .custom-list {
	list-style-type: none;
	padding-left: 0;
	margin: 0;
}

.current-models .models-row .model-item .text-block .custom-list li {
	font-family: "Open Sans", sans-serif;
	line-height: 20px;
	font-size: 16px;
	font-weight: 400;
	color: #606060;
	margin-bottom: 6px;
}

@media only screen and (min-width: 1200px) {
	.current-models .models-row .model-item .text-block .custom-list li {
		font-size: 18px;
	}
}

.current-models .models-row .model-item .text-block .custom-list li:last-child {
	margin-bottom: 0;
}

.current-models .models-row .model-item .text-block .custom-list li .value {
	font-weight: 700;
	font-size: 16px;
}

@media only screen and (min-width: 1200px) {
	.current-models .models-row .model-item .text-block .custom-list li .value {
		font-size: 18px;
	}
}

.current-models .models-row .model-item .text-block .more {
	display: block;
	color: #ff6542;
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	text-decoration-line: underline;
	margin: 10px 0;
}

.custom-accordion .accordion .accordion-item {
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #e0ebe0;
}

.custom-accordion .accordion .accordion-item:last-child {
	margin-bottom: 0;
}

.custom-accordion .accordion .accordion-item .accordion-header {
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.custom-accordion .accordion .accordion-item .accordion-header h4 {
	font-size: 14px;
	font-style: normal;
	font-weight: 800;
	line-height: 28px;
}

@media only screen and (min-width: 1200px) {
	.custom-accordion .accordion .accordion-item .accordion-header h4 {
		font-size: 18px;
	}
}

.custom-accordion .accordion .accordion-item .accordion-header .close-accordion {
	display: none;
}

.custom-accordion .accordion .accordion-item .accordion-header.active .close-accordion {
	display: block;
}

.custom-accordion .accordion .accordion-item .accordion-header.active .open-accordion {
	display: none;
}

.custom-accordion .accordion .accordion-item .accordion-content {
	display: none;
	margin-top: 15px;
}

.custom-accordion .accordion .accordion-item .accordion-content ul {
	padding-inline-start: 20px;
	margin-bottom: 0;
	margin-top: 0;
}

.custom-accordion .accordion .accordion-item .accordion-content ul li {
	color: #606060;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
}

@media only screen and (min-width: 1200px) {
	.custom-accordion .accordion .accordion-item .accordion-content ul li {
		font-size: 16px;
		font-style: normal;
		font-weight: 400;
		line-height: 150%;
	}
}

.custom-accordion .accordion .accordion-item .accordion-content p {
	margin: 6px 0;
	color: #606060;
	font-size: 14px;
}

@media only screen and (min-width: 1200px) {
	.custom-accordion .accordion .accordion-item .accordion-content p {
		font-size: 16px;
		font-style: normal;
		font-weight: 400;
		line-height: 150%;
	}
}

.custom-accordion .accordion .accordion-item .accordion-content p:last-child {
	margin-bottom: 0;
}

.model-overview {
	box-shadow: 0 9px 32px 0 rgba(50, 89, 71, 0.05);
	overflow: hidden;
}

@media only screen and (min-width: 992px) {
	.model-overview {
		box-shadow: none;
	}
}

.model-overview h1 {
	margin-bottom: 20px;
	font-size: 28px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	width: 80%;
}

@media only screen and (min-width: 992px) {
	.model-overview h1 {
		font-size: 32px;
		width: 100%;
	}
}

.model-overview .model-image-slider .model-image-slider-big {
	margin: -10px;
}

.model-overview .model-image-slider .model-image-slider-big .slick-arrow {
	display: none !important;
}

.model-overview .model-image-slider .model-image-slider-big .slick-slide {
	margin: 10px;
}

.model-overview .model-image-slider .model-image-slider-big .slider-item a {
	position: relative;
	display: flex !important;
	flex-direction: column;
	align-items: center;
}

.model-overview .model-image-slider .model-image-slider-big .slider-item a img {
	width: 100%;
	height: 230px;
	border-radius: 4px;
	object-fit: cover;
}

@media only screen and (min-width: 768px) and (orientation: portrait) {
	.model-overview .model-image-slider .model-image-slider-big .slider-item a img {
		height: 500px;
	}
}

@media only screen and (min-width: 992px) {
	.model-overview .model-image-slider .model-image-slider-big .slider-item a img {
		height: 350px;
	}
}

.model-overview .model-image-slider .model-image-slider-small {
	margin: -10px;
}

.model-overview .model-image-slider .model-image-slider-small .slick-slide {
	margin: 10px;
}

.model-overview .model-image-slider .model-image-slider-small .slider-item {
	cursor: pointer;
}

.model-overview .model-image-slider .model-image-slider-small .slider-item img {
	width: 100%;
	height: 70px;
	border-radius: 4px;
	object-fit: cover;
}

@media only screen and (min-width: 1200px) {
	.model-overview .model-image-slider .model-image-slider-small .slider-item img {
		height: 115px;
	}
}

.model-overview .model-image-slider .nav-arrows {
	display: flex;
	justify-content: center;
	margin-top: 15px;
	margin-bottom: 30px;
}

@media only screen and (min-width: 992px) {
	.model-overview .model-image-slider .nav-arrows {
		margin-bottom: 0;
	}
}

.model-overview .model-image-slider .nav-arrows svg {
	cursor: pointer;
	margin: 0 10px;
}

.model-overview .model-image-slider .nav-arrows svg:hover path {
	fill: #8ca58b;
}

.model-overview .model-image-slider .nav-arrows svg path {
	transition: 0.35s all;
}

.model-overview .info-block .green-block {
	background: #e0ebe0;
	box-shadow: 0 9px 32px 0 rgba(50, 89, 71, 0.05);
	padding: 20px;
	border-radius: 4px;
	margin-bottom: 20px;
}

.model-overview .info-block .green-block .custom-list {
	list-style-type: none;
	padding-left: 0;
	margin: 0;
}

.model-overview .info-block .green-block .custom-list li {
	font-family: "Open Sans", sans-serif;
	line-height: 20px;
	font-size: 14px;
	font-weight: 400;
	color: #606060;
	margin-bottom: 6px;
}

@media only screen and (min-width: 1200px) {
	.model-overview .info-block .green-block .custom-list li {
		font-size: 18px;
	}
}

.model-overview .info-block .green-block .custom-list li:last-child {
	margin-bottom: 0;
}

.model-overview .info-block .green-block .custom-list li .value {
	font-size: 16px;
	font-weight: 700;
}

@media only screen and (min-width: 1200px) {
	.model-overview .info-block .green-block .custom-list li .value {
		font-size: 18px;
	}
}

.model-overview .info-block .benefits-row {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 0;
	margin-bottom: 50px;
}

.model-overview .info-block .benefits-row .benefit-item {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex-basis: 25%;
}

.model-overview .info-block .benefits-row .benefit-item img {
	width: 24px;
}

@media only screen and (min-width: 1200px) {
	.model-overview .info-block .benefits-row .benefit-item img {
		width: 36px;
		margin-bottom: 6px;
	}
}

.model-overview .info-block .benefits-row .benefit-item p {
	color: #325947;
	font-size: 10px;
	font-style: normal;
	font-weight: 800;
	line-height: 30px;
	margin-bottom: 0;
	margin-top: 0;
	text-align: center;
}

@media only screen and (min-width: 1200px) {
	.model-overview .info-block .benefits-row .benefit-item p {
		font-size: 14px;
	}
}

@media only screen and (min-width: 1400px) {
	.model-overview .info-block .benefits-row .benefit-item p {
		font-size: 16px;
	}
}

@media only screen and (min-width: 992px) {
	.model-overview .info-block .text-block {
		overflow-y: scroll;
		box-shadow: 0 9px 32px 0 rgba(50, 89, 71, 0.05);
		box-sizing: border-box;
		scrollbar-color: #325947 #e0ebe0;
		min-height: 215px;
		max-height: 215px;
		scrollbar-width: thin;
		-ms-overflow-style: none;
	}
	.model-overview .info-block .text-block::-webkit-scrollbar {
		width: 10px;
	}
	.model-overview .info-block .text-block::-webkit-scrollbar-thumb {
		background-color: #325947;
		border-radius: 4px;
	}
	.model-overview .info-block .text-block::-webkit-scrollbar-track {
		background-color: #e0ebe0;
	}
}

.model-overview .info-block .text-block.custom-padding {
	padding: 15px;
}

.model-overview .info-block .text-block .custom-list {
	list-style-type: none;
	padding-left: 0;
	margin: 0;
}

.model-overview .info-block .text-block .custom-list li {
	font-family: "Open Sans", sans-serif;
	background: url(/wp-content/themes/vdmmodul/images/icon/tick_circle.svg) no-repeat left top;
	background-size: 28px;
	padding-left: 45px;
	line-height: 140%;
	font-size: 14px;
	font-weight: 400;
	width: 80%;
	color: #606060;
	margin-bottom: 12px;
	background-position-y: 2px;
}

@media only screen and (min-width: 1200px) {
	.model-overview .info-block .text-block .custom-list li {
		background-size: 20px;
		font-size: 18px;
		padding-left: 30px;
		margin-bottom: 6px;
	}
}

.model-overview .info-block .text-block .custom-list li:last-child {
	margin-bottom: 0;
}

.model-overview .info-block .text-block .custom-list li .value {
	font-weight: 700;
}

.model-overview .info-block .text-block .green-text {
	color: #325947;
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	line-height: 28px;
}

.model-overview .info-block .text-block .disclaimer {
	color: #606060;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%;
}

.know-price .green-block {
	background: #e0ebe0;
	padding: 50px 20px;
	text-align: center;
	border-radius: 4px;
}

@media only screen and (min-width: 992px) {
	.know-price .green-block {
		padding: 50px;
	}
}

.know-price .green-block h2 {
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 120%;
	width: 80%;
	margin: 0 auto;
}

@media only screen and (min-width: 992px) {
	.know-price .green-block h2 {
		font-size: 32px;
		line-height: 44px;
		width: 100%;
	}
}

.know-price .green-block p {
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%;
	color: #606060;
	width: 80%;
	margin: 20px auto;
}

@media only screen and (min-width: 992px) {
	.know-price .green-block p {
		font-size: 20px;
		line-height: 30px;
		width: 100%;
	}
}

.know-price .green-block .button {
	margin-bottom: 40px;
}

@media only screen and (min-width: 992px) {
	.know-price .green-block .button {
		width: 300px;
		font-size: 20px;
		margin-left: auto;
		margin-right: auto;
	}
}

@media only screen and (min-width: 992px) {
	.know-price .green-block .wpcf7-form {
		display: flex;
		position: relative;
	}
}

.know-price .green-block .wpcf7-form .wpcf7-form-control-wrap {
	margin-bottom: 16px;
}

@media only screen and (min-width: 992px) {
	.know-price .green-block .wpcf7-form .wpcf7-form-control-wrap {
		margin-bottom: 0;
		flex-basis: 28%;
		margin-right: 16px;
	}
}

.know-price .green-block .wpcf7-form .wpcf7-form-control-wrap input {
	border: 1px solid #e0ebe0;
	width: 100%;
}

@media only screen and (min-width: 992px) {
	.know-price .green-block .wpcf7-form .wpcf7-submit {
		flex-basis: 15%;
	}
}

@media only screen and (min-width: 992px) {
	.know-price .green-block .wpcf7-form .wpcf7-response-output {
		position: absolute;
		bottom: -30px;
	}
}

.steps-section img {
	border-radius: 4px;
	height: 250px;
	object-fit: cover;
}

@media only screen and (min-width: 992px) {
	.steps-section img {
		height: 500px;
	}
}

.steps-section .steps-row {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	margin-top: 25px;
}

@media only screen and (min-width: 992px) {
	.steps-section .steps-row {
		gap: 60px 30px;
		margin-top: 0;
	}
}

.steps-section .steps-row .step-item {
	flex-basis: calc(50% - 30px);
	text-align: center;
}

.steps-section .steps-row .step-item .title {
	color: #ff6542;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	margin: 0 0 12px;
}

@media only screen and (min-width: 992px) {
	.steps-section .steps-row .step-item .title {
		font-size: 32px;
	}
}

.steps-section .steps-row .step-item .description {
	color: #606060;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

@media only screen and (min-width: 992px) {
	.steps-section .steps-row .step-item .description {
		font-size: 16px;
		width: 100%;
	}
}

.business-adv .business-item-row {
	display: grid;
	gap: 20px;
	grid-template-columns: repeat(1, 1fr);
}

@media only screen and (min-width: 992px) {
	.business-adv .business-item-row {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
	}
}

.business-adv .business-item-row .business-item {
	display: flex;
	flex-direction: column;
	flex: 1 1 100%;
	box-shadow: 0 4px 32px 0 rgba(0, 0, 0, 0.1);
	transition: 0.35s all;
	cursor: pointer;
	border-radius: 4px;
}

@media only screen and (min-width: 992px) {
	.business-adv .business-item-row .business-item {
		flex: 1 1 calc(33% - 20px);
	}
}

@media only screen and (min-width: 992px) {
	.business-adv .business-item-row .business-item:hover {
		box-shadow: 0 4px 32px 0 rgba(0, 0, 0, 0.25);
	}
}

.business-adv .business-item-row .business-item img {
	height: 310px;
	border-radius: 4px;
	object-fit: cover;
}

@media only screen and (min-width: 992px) {
	.business-adv .business-item-row .business-item img {
		height: 260px;
	}
}

@media only screen and (min-width: 1400px) {
	.business-adv .business-item-row .business-item img {
		height: 310px;
	}
}

.business-adv .business-item-row .business-item .text-block {
	height: 130px;
	padding: 25px;
	box-sizing: border-box;
}

.business-adv .business-item-row .business-item .text-block h4 {
	margin: 0;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 32px;
}

.thanks-block h1 {
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%;
}

@media only screen and (min-width: 992px) {
	.thanks-block h1 {
		font-size: 60px;
		line-height: normal;
		margin-bottom: 24px;
	}
}

.thanks-block p {
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
}

@media only screen and (min-width: 992px) {
	.thanks-block p {
		font-size: 20px;
		line-height: 30px;
		margin-bottom: 48px;
	}
}

.thanks-block .buttons-row {
	display: flex;
	margin-bottom: 32px;
}

@media only screen and (min-width: 992px) {
	.thanks-block .buttons-row {
		margin-bottom: 0;
	}
}

.thanks-block .buttons-row .back {
	width: 120px;
	padding: 0 20px;
	box-sizing: content-box;
	margin-right: 12px;
}

.thanks-block .buttons-row .back svg {
	margin-right: 8px;
}

.thanks-block .buttons-row .home {
	width: 100%;
}

@media only screen and (min-width: 992px) {
	.thanks-block .buttons-row .home {
		width: 120px;
		padding: 0 20px;
		box-sizing: content-box;
	}
}

.thanks-block img {
	border-radius: 4px;
	height: 230px;
	object-fit: cover;
}

@media only screen and (min-width: 992px) {
	.thanks-block img {
		height: 500px;
	}
}

.contact-info {
	margin-top: 25px;
}

@media only screen and (min-width: 1200px) {
	.contact-info {
		margin-top: 50px;
		margin-bottom: 75px;
	}
}

.contact-info .contact-info-row {
	display: flex;
	flex-wrap: wrap;
}

.contact-info .contact-info-row .contact-element {
	display: flex;
	align-items: flex-start;
	flex-basis: 100%;
	margin-bottom: 24px;
}

@media only screen and (min-width: 768px) {
	.contact-info .contact-info-row .contact-element {
		flex-basis: unset;
		margin-right: 20px;
	}
	.contact-info .contact-info-row .contact-element:last-child {
		margin-right: 0;
	}
}

.contact-info .contact-info-row .contact-element .icon {
	width: 24px;
	margin-right: 16px;
	position: relative;
	top: 4px;
}

.contact-info .contact-info-row .contact-element .text-block h4 {
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 30px;
}

.contact-info .contact-info-row .contact-element .text-block p {
	color: #606060;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	margin-top: 5px;
	margin-bottom: 10px;
}

.contact-info .contact-info-row .contact-element .text-block a {
	display: block;
	color: #606060;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px;
	margin-bottom: 10px;
}

.contact-info .contact-info-row .contact-element .text-block a:last-child {
	margin-bottom: 0;
}

.contact-info .contact-info-row .contact-element .text-block .social-block {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.contact-info .contact-info-row .contact-element .text-block .social-block .social-icon {
	width: 36px;
	height: 36px;
}

.blog-content h1 {
	font-size: 28px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-bottom: 24px;
}

@media only screen and (min-width: 1200px) {
	.blog-content h1 {
		font-size: 32px;
		margin-bottom: 40px;
	}
}

.blog-post-row {
	display: grid;
	gap: 20px;
	grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
}

@media only screen and (min-width: 720px) {
	.blog-post-row {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media only screen and (min-width: 1200px) {
	.blog-post-row {
		grid-template-columns: repeat(3, 1fr);
	}
}

.post-page .post-content h1 {
	font-size: 28px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: capitalize;
	margin-bottom: 12px;
}

@media only screen and (min-width: 1200px) {
	.post-page .post-content h1 {
		font-size: 48px;
		margin-bottom: 36px;
	}
}

.post-page .post-content h2 {
	font-size: 24px;
	font-style: normal;
	font-weight: 800;
	line-height: normal;
	margin-bottom: 12px;
}

@media only screen and (min-width: 1200px) {
	.post-page .post-content h2 {
		font-size: 32px;
		margin-bottom: 20px;
	}
}

.post-page .post-content h3,
.post-page .post-content h4,
.post-page .post-content h5,
.post-page .post-content h6 {
	font-size: 18px;
	font-style: normal;
	font-weight: 800;
	line-height: normal;
}

@media only screen and (min-width: 1200px) {
	.post-page .post-content h3,
	.post-page .post-content h4,
	.post-page .post-content h5,
	.post-page .post-content h6 {
		font-size: 24px;
		margin-bottom: 20px;
	}
}

.post-page .post-content p {
	color: #606060;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
}

@media only screen and (min-width: 1200px) {
	.post-page .post-content p {
		font-size: 16px;
	}
}

.post-page .post-content blockquote {
	display: flex;
	flex-direction: column-reverse;
	margin: 30px 0;
}

.post-page .post-content blockquote cite {
	color: #325947;
	font-size: 18px;
	font-style: italic;
	font-weight: 500;
	line-height: 140%;
	position: relative;
	padding-left: 20px;
}

@media only screen and (min-width: 1200px) {
	.post-page .post-content blockquote cite {
		font-size: 24px;
		line-height: 36px;
	}
}

.post-page .post-content blockquote cite::before {
	content: "";
	position: absolute;
	height: 100%;
	width: 2px;
	top: 0;
	left: 0;
	background: #ff6542;
}

.post-page .post-content blockquote p {
	padding-left: 20px;
	margin-top: 32px;
	margin-bottom: 0;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}

@media only screen and (min-width: 1200px) {
	.post-page .post-content blockquote p {
		font-size: 16px;
		line-height: 24px;
	}
}

.post-page .post-content .custom-accordion {
	margin-bottom: 0;
	margin-top: 60px;
}

@media only screen and (min-width: 1200px) {
	.post-page .post-content .custom-accordion {
		margin-top: 120px;
	}
}

.post-page .post-content .custom-accordion .container {
	padding-right: 0;
	padding-left: 0;
}

.post-page .post-content .custom-accordion .container h4 {
	margin-bottom: 0;
}

.post-page .post-content img {
	border-radius: 4px;
}

.post-page .post-content ul {
	list-style-type: none;
	padding-left: 0;
	margin: 0;
}

.post-page .post-content ul li {
	background: url(/wp-content/themes/vdmmodul/images/icon/check.svg) no-repeat left top;
	background-size: 28px;
	padding-left: 40px;
	line-height: 24px;
	font-size: 16px;
	color: #606060;
	margin-bottom: 20px;
	min-height: 28px;
}

.post-page .post-content ul li:last-child {
	margin-bottom: 0;
}

.post-page .post-content ol {
	margin: 0;
	list-style-type: none;
	counter-reset: my-awesome-counter;
}

.post-page .post-content ol li {
	position: relative;
	line-height: 24px;
	font-size: 16px;
	color: #606060;
	margin-bottom: 20px;
	min-height: 28px;
}

.post-page .post-content ol li:last-child {
	margin-bottom: 0;
}

.post-page .post-content ol li::before {
	content: counter(my-awesome-counter);
	counter-increment: my-awesome-counter;
	display: inline-block;
	width: 28px;
	height: 28px;
	background-color: #e0ebe0;
	color: #325947;
	font-family: "Open Sans", sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 800;
	line-height: 28px;
	text-align: center;
	position: absolute;
	left: -40px;
	border-radius: 50%;
}

.related-post {
	border-radius: 4px;
	box-shadow: 0 9px 32px 0 rgba(50, 89, 71, 0.05);
	display: block;
	transition: 0.35s all;
}

@media only screen and (min-width: 992px) {
	.related-post:hover {
		box-shadow: 0 4px 32px 0 rgba(0, 0, 0, 0.1);
	}
}

.related-post img {
	height: 280px;
	object-fit: cover;
	border-radius: 4px;
}

.related-post .text-block {
	padding: 25px;
}

.related-post .text-block p {
	margin-top: 0;
	margin-bottom: 8px;
}

.related-post .text-block p.info {
	color: #8ca58b;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px;
}

.related-post .text-block p.title {
	color: #325947;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 32px;
}

.related-post .text-block p.orange {
	color: #ff6542;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px;
	/* 200% */
	text-decoration-line: underline;
}

.modal-overlay {
	background: rgba(47, 47, 47, 0.8);
	width: 100vw;
	height: 100vh;
	z-index: 1001;
	position: fixed;
	display: none;
	align-items: center;
	justify-content: center;
	top: 0;
	left: 0;
}

.modal-overlay .container {
	width: 100%;
}

.modal-overlay .elements {
	background: #fff;
	padding: 15px;
	border-radius: 10px;
	position: relative;
	width: calc(100% - 30px);
}

@media only screen and (min-width: 992px) {
	.modal-overlay .elements {
		padding: 20px 35px;
	}
}

.modal-overlay .elements #close-modal {
	position: absolute;
	top: 10px;
	right: 10px;
	height: 14px;
	width: 14px;
	cursor: pointer;
}

@media only screen and (min-width: 992px) {
	.modal-overlay .elements #close-modal {
		height: 20px;
		width: 20px;
	}
}

.modal-overlay .elements h3 {
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px;
	margin-bottom: 10px;
}

@media only screen and (min-width: 992px) {
	.modal-overlay .elements h3 {
		font-size: 32px;
		line-height: 30px;
	}
}

.modal-overlay .elements p {
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
}

@media only screen and (min-width: 992px) {
	.modal-overlay .elements p {
		font-size: 14px;
	}
}

.wpcf7-form .wpcf7-form-control-wrap {
	display: flex;
	flex-direction: column;
}

.wpcf7-form .inline {
	display: flex;
	gap: 20px;
}

.wpcf7-form .inline .wpcf7-list-item {
	margin-bottom: 0;
	margin-right: 30px;
}

.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"] {
	border: 1px solid #606060;
	border-radius: 4px;
	box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
	height: 48px;
	box-sizing: border-box;
	font-size: 14px;
	padding: 5px 16px;
}

.wpcf7-form input[type="text"].wpcf7-not-valid,
.wpcf7-form input[type="email"].wpcf7-not-valid,
.wpcf7-form input[type="tel"].wpcf7-not-valid {
	border-color: #dc3232 !important;
}

.wpcf7-form textarea {
	font-family: "Open Sans", sans-serif;
	font-style: normal;
	font-size: 14px;
	border: 1px solid #606060;
	border-radius: 4px;
	box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
	padding: 5px 16px;
	resize: none;
	outline: none;
	height: 70px;
	margin-bottom: 10px;
}

.wpcf7-form .with-label {
	margin-bottom: 18px;
}

.wpcf7-form .with-label label {
	font-family: "Open Sans", sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px;
	margin-bottom: 6px;
	display: block;
}

.wpcf7-form .wpcf7-list-item {
	margin-left: 0;
	margin-bottom: 24px;
}

.wpcf7-form .wpcf7-list-item .wpcf7-list-item-label {
	font-family: "Open Sans", sans-serif;
	color: #606060;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	cursor: pointer;
}

.wpcf7-form .wpcf7-submit {
	font-family: "Open Sans", sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	color: #fff;
	text-align: center;
	width: 100%;
	height: 50px;
	background: #ff6542;
	border: 1px solid #ff6542;
	box-sizing: border-box;
	cursor: pointer;
	border-radius: 4px;
	transition: 0.35s all;
}

.wpcf7-form .wpcf7-submit:hover {
	background: #ff7a5c;
	border-color: #ff7a5c;
}

.wpcf7-form .wpcf7-not-valid-tip {
	display: none;
}

.wpcf7-spinner {
	display: none !important;
}

.wpcf7-response-output {
	border: none !important;
	margin: 0 !important;
	padding: 0 !important;
	padding-top: 10px !important;
	font-family: "Open Sans", sans-serif;
	font-style: normal;
	font-weight: 600;
}

picture {
	width: 100%;
}

.footer {
	background: #325947;
	padding: 30px 0;
}

@media only screen and (min-width: 1200px) {
	.footer {
		padding: 90px 0;
	}
}

.footer .logo img {
	width: 100px;
	height: auto;
}

@media only screen and (min-width: 1200px) {
	.footer .logo img {
		width: 195px;
	}
}

.footer h4 {
	color: #8ca58b;
	font-family: "Open Sans", sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	margin-bottom: 10px;
}

@media only screen and (min-width: 1200px) {
	.footer h4 {
		font-size: 16px;
		margin-bottom: 30px;
	}
}

.footer a {
	color: #fff;
	font-family: "Open Sans", sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom: 12px;
}

.footer a:last-child {
	margin-bottom: 0;
}

@media only screen and (min-width: 1200px) {
	.footer a {
		font-size: 16px;
	}
}

.footer ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.footer ul li {
	margin-bottom: 12px;
}

.footer ul li:last-child {
	margin-bottom: 0;
}

.footer span {
	color: #fff;
	font-family: "Open Sans", sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom: 12px;
}

.footer span:last-child {
	margin-bottom: 0;
}

@media only screen and (min-width: 1200px) {
	.footer span {
		font-size: 16px;
	}
}

.footer span.copy-rigth {
	font-size: 12px;
	font-weight: 300;
}

.footer .social-block {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.footer .social-block .social-icon {
	width: 36px;
	height: 36px;
}

/*# sourceMappingURL=style.css.map */