/* Fonts
-------------------------------------------------- */
@font-face {
  font-family: 'RobotoBold';
  src: url('fonts/Roboto-Medium.eot');
  src: url('fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
  url('fonts/Roboto-Medium.woff') format('woff'),
  url('fonts/Roboto-Medium.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('fonts/Roboto-Regular.eot');
  src: url('fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
  url('fonts/Roboto-Regular.woff') format('woff'),
  url('fonts/Roboto-Regular.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'RobotoLight';
  src: url('fonts/Roboto-Light.eot');
  src: url('fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),
  url('fonts/Roboto-Light.woff') format('woff'),
  url('fonts/Roboto-Light.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}


html {
  position: relative;
  min-height: 100%;
}

body {
	color: #000;
	font-size: 16px;
	font-family: Roboto, Helvetica, Arial, sans-serif;
	min-width: 280px;
	overflow-x: hidden;
	padding-top: 50px;
}

a {
	color: #000;
}

a:hover,
a:focus,
a:visited,
a:active {
	color: #000;
	text-decoration: none;
}

header {
	background: #FAFAFA;
	border-bottom: 1px solid #EDEDED;
	bottom: auto;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10;
}

section {
	padding: 0;
}

.font-light {
	font-family: RobotoLight, Roboto, Helvetica, Arial, sans-serif;
}

.font-bold {
	font-family: RobotoBold, Roboto, Helvetica, Arial, sans-serif;
}

.button {
	background: linear-gradient(274.2deg, #F8B517 0%, #FFCF5C 100%);
	border-radius: 5px;
	color: #3A3A3A;
	font-size: 14px;
	padding: 10px 25px;
	text-decoration: none;
	transition: background 0.5s ease;
}

.button:hover {
	background: linear-gradient(274.2deg, #FFCF5C 0%, #F8B517 100%);
	color: #3A3A3A;
	text-decoration: none;
}

.title {
	font-family: RobotoBold, Roboto, Helvetica, Arial, sans-serif;
	font-size: 30px;
	margin-bottom: 30px;
}

.caption {
	font-weight: bold;
}

header nav ul {
    display: -webkit-box;
    -webkit-box-pack: justify;
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    display: flex;
    justify-content: space-between;
	list-style: none;
	margin: 0;
	margin-right: 20px;
	padding: 0;
	text-align: justify; /* IE10-, Firefox 12-22 */
	text-align-last: justify; /* IE10-, Firefox 12-22 */
    /*text-justify: newspaper; /* IE7- */
    /*zoom: 1; /* IE7- */
    
}

header nav ul li {
	display: inline-block;
	display: -webkit-box;
	line-height: 50px;
    margin: 0;
    padding: 0;
    text-align: left;
    /*display: inline;  /* IE7- */
    /*zoom: 1; /* IE7- */
}

header nav ul li a {
	font-family: RobotoLight, Roboto, Helvetica, Arial, sans-serif;
	font-size: 14px;
	text-decoration: none;
}

.header-email {
	display: block;
	position: relative;
	text-align: center;
}

.header-email:before,
.header-email:after {
	background: #DBDBDB;
	bottom: 8px;
	content: "";
	position: absolute;
	top: 8px;
	width: 1px;
}

.header-email:before {
	left: 0;
	right: auto;
}

.header-email:after {
	left: auto;
	right: 0;
}

.header-email a {
	font-family: RobotoLight, Roboto, Helvetica, Arial, sans-serif;
	line-height: 50px;
	padding-left: 30px;
	position: relative;
}

.header-email a:before {
	background-image: url(images/email.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: auto;
	top: 0;
	width: 24px;
}

.messangers p {
	line-height: 50px;
	margin: 0;
	padding: 0;
	white-space: nowrap;
}

.messangers p span {
	font-family: RobotoLight, Roboto, Helvetica, Arial, sans-serif;
	font-size: 14px;
	margin-right: 10px;
}

.messangers p a {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	display: inline-block;
	font-size: 14px;
	line-height: 50px;
	width: 26px;
}

.teaser .messangers p a,
.contact-us .messangers p a {
	width: 40px;
}

.messangers p a.header-whatsapp {
	background-image: url(images/header-whatsapp.svg);
	margin-right: 10px;
}

.messangers p a.header-telegram {
	background-image: url(images/header-telegram.svg);
}

.top-logo {
	background-image: url(images/logo.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	display: inline-block;
	height: 115px;
	max-width: 100%;
	width: 264px;
}

header .top-logo {
	display: none;
}

.top-caption {
	display: table;
	height: 115px;
}

.top-caption p {
	display: table-cell;
	font-size: 14px;
	vertical-align: middle;
}

.contacts-phones,
.top-button {
	display: table;
	height: 115px;
	width: 100%;
}

.contacts-phones > div,
.top-button > div {
	display: table-cell;
	text-align: right;
	vertical-align: middle;
}

.contacts-phones a {
	padding-left: 20px;
	position: relative;
	white-space: nowrap;
}

.contacts-phones a:before {
	background-image: url(images/phone.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: auto;
	top: 0;
	width: 13px;
}

.teaser-carousel-item {
	background: radial-gradient(54.01% 128.11% at 68.73% 67.59%, #FFD571 0%, #FFD02B 100%);
	border-radius: 20px;
	height: 450px;
	padding: 30px 40px;
	position: relative;
}

.teaser-carousel-item-picture {
	background-repeat: no-repeat;
	background-position: right center;
	background-size: auto 392px;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}

.teaser-carousel-item-text {
	height: 100%;
	position: relative;
	z-index: 1;
}

.teaser-carousel-item .title {
	width: 400px;
}

.teaser-carousel-item .text {
	font-size: 16px;
	width: 400px;
}

.teaser .button-container {
	bottom: 0;
	left: 0;
	position: absolute;
	right: auto;
	top: auto;
}

.teaser .button-container .button {
	background: linear-gradient(274.2deg, #242424 0%, #656565 100%);
	border-radius: 10px;
	color: #FFF;
	display: block;
	font-size: 20px;
	line-height: 22px;
	padding: 15px 40px;
	text-align: center;
}

.teaser .button-container .button:hover {
	background: linear-gradient(274.2deg, #656565 0%, #242424 100%);
}

.teaser .owl-carousel .owl-nav {
	bottom: 20px;
	right: 40px;
	top: auto;
}

.side-teaser {
	background: #F6F6F6;
	border-radius: 20px;
	height: 210px;
	overflow: hidden;
	padding: 20px;
	position: relative;
}

.side-teaser:before {
	background-image: url(images/f3__.png?1);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: contain;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 0;
}

.side-teaser:first-child {
	margin-bottom: 30px;
}

.side-teaser:first-child:before  {
	background-image: url(images/teaser-2.png);
	background-size: auto 145px;
}

.side-teaser .title,
.side-teaser .text,
.side-teaser .price,
.side-teaser .title,
.side-teaser .order {
	position: relative;
	width: 170px;
	z-index: 1;
}

.side-teaser .title {
	font-size: 32px;
	margin-bottom: 20px;
}

.side-teaser .text {
	color: #838383;
	font-size: 16px;
	margin-bottom: 20px;
}

.side-teaser .title {
	font-size: 24px;
	margin-bottom: 20px;
}

.side-teaser .order a {
	color: #D39400;
	text-decoration: underline;
}

.informers {
	padding: 30px 0;
}

.informers-carousel-section {
	overflow-x: hidden;
	width: 100%;
}

.informers-carousel-container {
	margin: 0 -15px;
}

.informer {
	border: 1px solid #FFEAB8;
	border-radius: 20px;
	box-shadow: 0px 10px 10px 0px #FFFDF8;
	height: 170px;
	margin: 0 15px;
	padding: 25px 0;
	position: relative;
	text-align: center;
}

.informer:before {
	background-position: center center;
	background-repeat: no-repeat;
	content: "";
	display: block;
	height: 70px;
}

.informer.informer-1:before {
	background-image: url(images/informer-1.svg);
	background-size: 70px auto;
}

.informer.informer-2:before {
	background-image: url(images/informer-2.svg);
	background-size: 63px auto;
}

.informer.informer-3:before {
	background-image: url(images/informer-3.svg);
	background-size: 65px auto;
}

.informer.informer-4:before {
	background-image: url(images/informer-4.svg);
	background-size: 65px auto;
}

.about-img-container {
	border-radius: 20px;
	overflow: hidden;
}

.about-img-container img {
	width: 100%;
}

.about {
	padding: 50px 0;
}

.about p {
	margin-bottom: 20px;
}

.about p:last-child {
	margin-bottom: 0;
}

.info {
	background-image: url(images/info.png);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 50% auto;
	margin: 30px 0 0 0;
	padding: 80px 0 190px 0;
	position: relative;
}

.info:before {
	background: transparent;
    background: linear-gradient(90deg, #292D32 51%, rgba(41, 45, 50, 0) 100%);
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}

.info:after {
	background-image: url(images/noize.png?3);
	background-position: center center;
	background-repeat: repeat;
	background-size: auto;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}

.info .title {
	color: #FFFFFF;
}

.info .text {
	color: #FFFFFF;
}

.catalog-teaser-section {
	margin-top: -130px;
	position: relative;
}

.catalog-teaser {
	background: #3C4045;
	border-radius: 10px;
	padding: 30px 25px 20px 280px;
	position: relative;
}

.catalog-teaser:before {
	background-image: url(images/catalog-teser.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	bottom: -18px;
	content: "";
	height: 235px;
	left: -122px;
	position: absolute;
	right: auto;
	top: auto;
	width: 372px;
}

.catalog-teaser .title {
	color: #F8B517;
}

.catalog-teaser .text {
	color: #FFF;
	margin-bottom: 30px;
}

.catalog-text {
	padding-top: 160px;
}

.boxspring {
	padding: 80px 0;
}

.boxspring .img {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 10px;
	height: 137px;
	margin-bottom: 30px;
	overflow: hidden;
	width: 100%;
}

.boxspring .img.boxspring-1 {
	background-image: url(images/boxspring-1.png);
}

.boxspring .img.boxspring-2 {
	background-image: url(images/boxspring-2.png);
}

.boxspring .img.boxspring-3 {
	background-image: url(images/boxspring-3.png);
}

.boxspring p {
	margin-bottom: 30px;
	margin-top: 0;
}

.boxspring p:last-child {
	margin-bottom: 0;
}

.boxspring-video {
	background-image: url(images/boxspring.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 20px;
	height: 470px;
	position: relative;
	width: 100%;
}

.boxspring-video:before {
	background-image: url(images/video.svg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	bottom: 0;
	content: "";
	height: 171px;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	top: 0;
	width: 171px;
}

.boxspring-video a {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}

.catalog .title,
.catalog-hits .title {
	border-bottom: 1px solid #F5F5F5;
	margin-bottom: 30px;
	padding-bottom: 20px;
	padding-right: 110px;
}

.products-carousel-section {
	overflow-x: hidden;
	width: 100%;
}

.products-carousel-container {
	margin: 0 -15px;
}

.products-item {
	border: 1px solid #EEEEEE;
	border-radius: 15px;
	display: block;
	margin: 0 15px 20px 15px;
	padding: 15px;
}

.product-image {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 15px;
	height: 150px;
	width: 100%;
}

.product-title {
	font-size: 16px;
	margin: 25px 0;
	min-height: 70px;
}

.product-price {
	font-family: RobotoBold, Roboto, Helvetica, Arial, sans-serif;
	font-size: 20px;
	white-space: nowrap;
}

.product-price span {
	font-family: Roboto, Helvetica, Arial, sans-serif;
	font-size: 14px;
}

.products-item .button {
	display: block;
	font-size: 12px;
	padding-left: 0;
	padding-right: 0;
	text-align: center;
}

.owl-carousel .owl-nav {
	bottom: auto;
	left: auto;
	position: absolute;
	right: 15px;
	top: 0;
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
	background-color: #F8B517;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 24px 24px;
	border: 1px solid #F3F3F3;
	border-radius: 100%;
	height: 45px;
	margin: 0;
	margin-right: 10px;
	opacity: 1;
	width: 45px;
}

.owl-carousel .owl-nav button.owl-prev:hover,
.owl-carousel .owl-nav button.owl-next:hover {
	background-color: #FDFDFD;
}

.owl-carousel .owl-nav button.owl-prev {
	background-image: url(images/arrow-left.svg);
}

.owl-carousel .owl-nav button.owl-next {
	background-image: url(images/arrow-right.svg);
}

.owl-carousel .owl-nav button.disabled {
	background-color: #FDFDFD;
}

.products-carousel-section .owl-carousel .owl-nav {
	margin-top: -90px;
}

.contact-us {
	margin: 80px 0;
}

.contact-us-container {
	background-color: #FFFBF2;
	border-radius: 20px;
	padding: 40px 30px 180px 30px;
	position: relative;
}

.contact-us-container:before {
	background-image: url(images/contact-us.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	bottom: 0;
	content: "";
	display: block;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 0;
	width: 340px;
}

.contact-us-container .row {
	height: 100%;
}

.contact-us .title {
	font-size: 36px;
	margin-bottom: 30px;
}

.contact-us .text {
	font-size: 24px;
}

.contact-us-delimeter {
	display: block;
	height: 250px;
	margin: 20px;
}

.contact-us .button-container {
	bottom: 50px;
	left: auto;
	position: absolute;
	right: auto;
	top: auto;
}

.contact-us .button-container.request {
	left: 30px;
}

.contact-us .button-container.whatsapp {
	right: 30px;
}

.contact-us .button-container .button {
	border-radius: 10px;
	display: block;
	font-size: 20px;
	text-align: center;
	width: 230px;
}

.contact-us .button-container.whatsapp .button {
	background: linear-gradient(274.2deg, #242424 0%, #656565 100%);
	color: #FFF;
}

.contact-us .button-container.whatsapp .button:hover {
	background: linear-gradient(274.2deg, #656565 0%, #242424 100%);
}

.catalog {
	margin: 80px 0;
}

.projects {
	background-color: #292D32;
	background-image: url(images/projects.svg);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: contain;
	padding: 80px 0;
	position: relative;
}

.projects:before {
	background-image: url(images/commerts.svg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	bottom: 20px;
	content: "";
	left: auto;
	margin: auto;
	position: absolute;
	right: 80px;
	top: 20px;
	width: 70px;
}

.projects .title {
	color: #FFFFFF;
	font-size: 40px;
	margin-bottom: 30px;
	text-align: center;
}

.projects-carousel-section {
	overflow-x: hidden;
	width: 100%;
}

.projects-carousel-container {
	margin: 0 -15px;
}

.projects-item {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 5px;
	display: block;
	height: 200px;
	margin: 0 15px;
	position: relative;
}

.projects-item a {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}

.active-project {
	display: none;
	margin-bottom: 40px;
	position: relative;
}

.active-project.active {
	display: block;
}

.project-image {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 5px;
	display: block;
	height: 420px;
}

.project-description {
	padding-bottom: 50px;
}

.project-title {
	color: #FFFFFF;
	font-size: 24px;
	margin-bottom: 20px;
}

.project-text {
	font-size: 16px;
}

.project-text h6 {
	background: #F8B517;
	border-radius: 5px;
	color: #272727;
	display: block;
	font-size: 16px;
	margin-bottom: 20px;
	margin-top: 0;
	padding: 10px 15px;
}

.project-text p {
	color: #CECECE;
	margin-bottom: 20px;
	margin-top: 0;
}

.project-text p strong {
	color: #FFFFFF;
	font-family: RobotoBold, Roboto, Helvetica, Arial, sans-serif;
}

.projects .owl-carousel .owl-nav {
	left: 50%;
	padding-left: 15px;
	right: auto;
	top: -85px;
}

.get-consult {
	border-bottom: 1px dashed #FFD02B;
	bottom: 0;
	color: #FFFFFF !important;
	font-size: 16px;
	left: auto;
	position: absolute;
	right: 0;
	top: auto;
}

.get-consult:hover {
	color: #FFFFFF;
	text-decoration: none;
}

.reviews-carousel-section {
	width: 100%;
}

.reviews-carousel-container {
	margin: 0 -15px;
}

.reviews {
	display: block;
	margin: 80px 0;
}

.reviews .title {
	font-size: 40px;
	margin-bottom: 30px;
	text-align: center;
}

.reviews-item {
	margin: 0 15px;
}

.reviews-item-header {
	border: 1px solid #E1E1E1;
	border-radius: 15px 15px 0 0;
	display: block;
	font-size: 24px;
	overflow: hidden;
	padding: 20px 60px;
	position: relative;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.reviews-item-header:before {
	background-image: url(images/reviews-arrow.svg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 37px 37px;
	bottom: 0;
	content: "";
	display: block;
	height: 100%;
	left: 20px;
	position: absolute;
	right: auto;
	top: 0;
	width: 37px;
}

.reviews-dots {
	bottom: 0;
	left: auto;
	overflow: hidden;
	padding: 15px 0;
	position: absolute;
	right: 20px;
	top: 0;
}

.reviews-dots span {
	background: #F8B517;
	border-radius: 100%;
	display: inline-block;
	height: 7px;
	margin-left: 5px;
	width: 7px;
}

.reviews .owl-carousel .owl-nav {
	bottom: 0;
	height: 45px;
	left: 0;
	margin: auto;
	right: 0;
	top: 0;
	width: 100%;
	z-index: -1;
}

.reviews .owl-carousel .owl-nav button {
	margin-right: 0;
	position: absolute;
}

.reviews .owl-carousel .owl-nav button.owl-prev {
	left: -90px;
}

.reviews .owl-carousel .owl-nav button.owl-next {
	right: -90px;
}

.reviews-item-content {
	border: 1px solid;
	border-image-source: linear-gradient(180deg, #E1E1E1 0%, rgba(225, 225, 225, 0) 100%);
	border-image-slice: 30;
	border-width: 30px;
	border-style: solid;
	border-width: 1px;
	border-top: none;
	overflow: hidden;
	padding: 15px 15px 15px 80px;
	position: relative;
}

.reviews-item-content-img {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 100%;
	bottom: auto;
	display: block;
	height: 50px;
	left: 15px;
	position: absolute;
	right: auto;
	top: 15px;
	width: 50px;
}

.reviews-item-content:after {
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
	bottom: 0;
	content: "";
	height: 50%;
	left: 0;
	position: absolute;
	right: 0;
	top: auto;
}

.reviews-item-content-text {
	height: 260px;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #F8B517 !important;
	width: 5px !important;
}

.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #4A4A4A;
	width: 1px;
}

.mCustomScrollBox:after {
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
	bottom: 0;
	content: "";
	height: 50%;
	left: 0;
	position: absolute;
	right: 0;
	top: auto;
}

.mCSB_scrollTools {
	z-index: 10;
}

.certificates {
	margin: 80px 0;
	position: relative;
}

.certificates .title {
	font-size: 40px;
	margin-bottom: 30px;
}

.certificates-carousel-section {
	overflow: hidden;
	width: 100%;
}

.certificates-carousel-container {
	margin: 0 -15px;
}

.certificates .owl-carousel .owl-nav {
	top: -75px;
}

.certificates-item {
	border: 1px solid #E8D2A0;
	border-radius: 15px;
	margin: 0 15px;
	position: relative;
}

.certificates-item-img {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
	height: 340px;
	margin: 15px;
	position: relative;
}

.certificates-item-img a {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}

.certificates-item-caption {
	border-top: 1px solid #E8D2A0;
	font-size: 16px;
	text-align: center;
	padding: 15px;
}

.map-container {
	bottom: 0;
	left: auto;
	position: absolute;
	right: 0;
	top: 0;
	width: 50%;
	z-index: 0;
}

footer .messangers,
footer .messangers p {
	line-height: 115px;
}

.bottom {
	background: #FAFAFA;
	border-top: 1px solid #EDEDED;
	padding: 20px 0;
}

.copyright {
	font-family: RobotoLight, Roboto, Helvetica, Arial, sans-serif;
	font-size: 14px;
}

.policy {
	font-family: RobotoLight, Roboto, Helvetica, Arial, sans-serif;
	text-align: right;
}

.policy a {
	font-size: 11px;
	border-right: 1px solid #000;
	margin-right: 10px;
	padding-right: 10px;
}

.policy a:last-child {
	border: none;
	margin-right: 0;
	padding-right: 0;
}

@media (min-width: 992px) {
	footer .top-button {
		align-items: center;
		display: flex;
		justify-content: flex-end;
	}

	footer .top-button > div {
		display: block;
	}

	footer .top-button .button {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		line-height: 1.1;
		padding: 14px 18px;
		white-space: nowrap;
	}
}

.mfp-bg {
	background: rgba(0, 0, 0, 0.8);
}

.mfp-content {
	background-color: #FFF;
    border-radius: 5px;
	max-width: 970px;
    padding: 30px 0;
}

.mfp-iframe-holder .mfp-content {
	height: auto;
	max-width: 100%;
	width: 650px !important;
}

.mfp-iframe-holder .mfp-close {
	right: -44px;
	text-align: center;
	padding: 0;
	width: 44px;
}

.modal-container {
	border-radius: 5px;
	max-height: 80vh;
	max-width: 100%;
	overflow: scroll;
	padding: 0 40px;
	position: relative;
}

.modal-container-holder {
	background-color: #FFF;
    border-radius: 5px;
    color: #000;
    margin: auto;
    padding: 0;
    position: relative;
    text-align: left;
}
.privacy-modal-container-holder {
	text-align: left;
	width: 700px;
}
.modal-text-container {
	padding-bottom: 25px;
}
.modal-header {
	border-bottom: none;
	font-size: 32px;
	margin: 0 -40px;
	padding: 0;
	text-align: center;
}
.modal-text {
	font-size: 12px;
	margin-top: 15px;
}
.modal-container-holder .modal-text {
	background: #F3F3F3;
	color: #001D4A;
	font-size: 16px;
	margin-left: -40px;
	margin-right: -40px;
	padding: 30px 40px;
	text-align: center;
}
.close-modal {
	border: 1px solid #fff;
    border-radius: 5px;
    bottom: auto;
    color: #000;
    cursor: pointer;
    display: block;
    height: 21px;
    font-size: 12px;
    left: auto;
    position: absolute;
    right: -25px;
    top: -25px;
    width: 21px;
}
.close-modal i {
	color: #fff;
	line-height: 21px;
	text-align: center;
	width: 100%;
}
.form-content input[type="text"],
.form-content input[type="tel"],
.form-content input[type="email"],
.form-content textarea {
	background: #fff;
    border: 1px solid #e6e6e6;
    font-size: 14px;
    height: 50px;
    margin-bottom: 15px;
    padding: 0 10px;
    width: 100%;
}
.form-content input[type="text"]:focus-visible {
	border: 1px solid #9D1C3E;
}
.form-content form input[type=text]::placeholder,
.form-content form input[type=tel]::placeholder,
.form-content form input[type=email]::placeholder,
.form-content form textarea::placeholder {
	color: #929AA2;
}
label {
	color: #001D4A;
	font-size: 14px;
	padding-left: 10px;
}
.field-container {
	margin-bottom: 10px;
	position: relative;
}
.field-container:before {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	bottom: auto;
	content: "";
	height: 60px;
	left: 25px;
	position: absolute;
	right: auto;
	top: 27px;
	width: 10px;
	z-index: 1;
}
.field-container-name:before {
	background-image: url(images/field-name.svg);
}
.field-container-phone:before {
	background-image: url(images/field-phone.svg);
	width: 12px;
}
.field-container-email:before {
	background-image: url(images/field-email.svg);
	width: 15px;
}
.conf {
	color: #FFF;
	margin-bottom: 20px;
}
.conf label {
	color: #929AA2;
	font-size: 10px;
}
.conf label a {
	color: #929AA2;
	text-decoration: underline;
}
.form-content input[type="submit"] {
	background: linear-gradient(274.2deg, #F8B517 0%, #FFCF5C 100%);
	border: none;
	border-radius: 5px;
	color: #3A3A3A;
	display: block;
	font-size: 14px;
	padding: 10px 25px;
	text-decoration: none;
	transition: background 0.5s ease;
	width: 100%;
}
.form-content input[type="submit"]:hover {
	background: linear-gradient(274.2deg, #FFCF5C 0%, #F8B517 100%);
	color: #3A3A3A;
}
.form-content p {
	margin-bottom: 0;
	text-align: center;
}
.wpcf7 form .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output {
	border: none;
	color: #01D363;
	margin: 0;
	padding: 0;
}
.wpcf7 form.invalid .wpcf7-response-output {
	color: #9D1C3E;
}
.modal-container-holder .wpcf7-not-valid-tip {
	color: #9D1C3E;
	font-size: 12px;
	margin-bottom: 10px;
	margin-top: -5px;
	text-align: left;	
	top: 0;
}
.button .wpcf7-spinner {
	position: absolute;
	right: 20px;
}
.wpcf7-list-item {
	margin: 0;
}
.wpcf7-list-item label {
	padding: 0;
}

.grecaptcha-badge {
	display: none;
}

.product-img {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 10px;
	display: block;
	height: 285px;
	overflow: hidden;
	width:100%;
}

.product .owl-carousel .owl-nav {
	bottom: 20px;
	left: auto;
	right: 20px;
	top: auto;
}

.capacity {
	background: #FFEAB8;
	border-radius: 15px;
	display: inline-block;
	margin-bottom: 20px;
	padding: 5px 15px;
}

.characteristics-caption {
	margin-bottom: 20px;
}

.characteristics-list {
	margin-bottom: 20px;
}

.characteristics-list p {
	font-family: RobotoLight, Roboto, Helvetica, Arial, sans-serif;
	margin: 0;
	margin-bottom: 5px;
	padding: 0;
}

.characteristics-list p span:first-child {
	color: #6A6A6A;
	margin-right: 10px;
}

.characteristics-list p span:first-child:after {
	content: ":";
}

.product .product-price {
	font-size: 32px;
}

.product .button {
	display: block;
	font-size: 16px;
	text-align: center;
}

.product-content {
	margin-top: 20px;
}

@media (max-width: 1039px) {
	body {
		padding-top: 100px;
	}
	
	header .top-logo {
		display: block;
		height: 70px;
		position: relative;
		width: 165px;
		z-index: 101;
	}
	
	.title {
		font-size: 24px;
		margin-bottom: 20px;
	}
	
	.text {
		font-size: 14px;
	}
	
    header nav {
        background-color: #fff;
        border-radius: 20px;
        bottom: 5px;
        left: 5px;
        opacity: 0;
        overflow: hidden;
        padding: 70px 15px 15px 15px;
        position: fixed;
        right: 5px;
        top: 5px;
        transform: scale(0);
        transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
        z-index: 100;
    }
    
    header nav:before {
    	background: #FAFAFA;
		border-bottom: 1px solid #EDEDED;
    	bottom: auto;
	    content: "";
	    height: 65px;
	    left: 0;
	    position: absolute;
	    right: 0;
	    top: 0;
	    z-index: 0;
    }
    
    header nav.active {
        opacity: 1;
        transform: scale(1);
    }
    
    header nav ul {
        display: block;
        padding-top: 20px;
        position: relative;
        z-index: 1;
    }
    
    header nav ul li {
        display: block;
        line-height: 40px;
        margin: 0;
        opacity: 1;
        padding: 8px 0;
        transition: all 400ms 510ms;
        transform: translateX(0);
    }
    
    header nav ul li a {
        font-size: 16px;
    }
    
    header nav .row {
    	margin-top: 20px;
    	padding-top: 40px;
	    position: relative;
    }
    
    header nav .row:before {
	    background: #F3F3F3;
	    bottom: auto;
	    content: "";
	    display: block;
	    height: 1px;
	    left: 15px;
	    position: absolute;
	    top: 0;
	    right: 15px;
    }
    
    header nav .contacts-phones {
	    height: auto;
    }
    
    .nav-button {
	    display: block;
	    height: 40px;
	    text-align: right;
    }
    
    .nav-button .button {
	    font-size: 12px;
	    line-height: 40px;
    }
    
    header nav .messangers {
    	margin-top: 20px;
	    text-align: right;
    }
    
    header nav .header-email {
	    margin-top: 20px;
	    text-align: left;
    }
    
    header nav .header-email:before,
    header nav .header-email:after {
	    content: none;
    }
    
    header nav .contacts-phones > div {
	    font-size: 14px;
	    text-align: left;
    }
    
    .menu-container {
		background: #FFD02B;
		border-radius: 10px;
		bottom: 15px;
	    display: block;
	    height: 40px;
	    left: auto;
	    position: absolute;
	    right: 15px;
	    top: 15px;
	    width: 40px;
	    z-index: 101;
    }
    
    .menu {
        display: block;
        height: 22px;
        position: absolute;
        right: 0;
        top: 10px;
        width: 30px;
    }
    .menu > span {
        background-color: #454545;
        border-radius: 1px;
        height: 1px;
        width: 100%;
        position: absolute;
        left: 50%;
        top: 50%;
        margin: -1px 0 0 -20px;
        transition: height 100ms;
    }
    .menu > span:after,
    .menu > span:before {
        content: '';
        background-color: #454545;
        border-radius: 1px;
        height: 1px;
        width: 100%;
        position: absolute;
        left: 50%;
        margin-left: -15px;
        transition: all 200ms;
    }
    .menu > span:after {
        top: -7px;
    }
    .menu > span:before {
        bottom: -7px;
    }

    .menu.active > span {
        height: 0;
    }
    .menu.active > span:after,
    .menu.active > span:before {
        background-color: #494949;
        top: 1px;
    }
    .menu.active > span:after {
        transform: rotate(45deg);
    }
    .menu.active > span:before {
        transform: rotate(-45deg);
    }
    
    .teaser-carousel-item {
	    padding: 30px 20px;
    }
    
    .teaser-carousel-item .title {
	    font-size: 18px;
	    width: auto;
    }
    
    .teaser-carousel-item .text {
	    font-size: 14px;
	    width: auto;
    }
    
    .teaser .button-container {
    	bottom: auto;
    	left: auto;
    	margin-top: 20px;
	    position: relative;
	    right: auto;
	    top: auto;
    }
    
    .teaser .button-container .button {
    	font-size: 14px;
	    width: 165px;
    }
    
    .teaser-carousel-item-picture {
    	background-position: right 80%;
	    background-size: 50% auto;
    }
    
    .teaser .owl-carousel .owl-nav {
	    left: 20px;
	    right: auto;
    }
    
    .side-teaser:first-child {
	    margin-bottom: 20px;
	    margin-top: 20px;
    }
    
    .about-img-container {
	    margin: 25px 0;
    }
    
    .info {
	    background: #292D32;
	    padding-bottom: 300px;
    }
    
    .info:before,
    .info:after {
	    content: none;
    }
    
    .catalog-teaser {
	    padding: 150px 15px 40px 15px;
    }
    
    .catalog-teaser:before {
	    bottom: auto;
	    left: 0;
	    margin: auto;
	    max-width: 100%;
	    right: 0;
	    top: -100px;
    }
    
    .catalog-text {
	    padding-top: 20px;
    }
    
    .boxspring p {
	    margin-bottom: 20px;
    }
    
    .boxspring-video {
	    margin-bottom: 20px;
    }
    
    .contact-us-container {
	    padding: 30px 15px;
    }
    
    .contact-us-container:before {
    	background-position: center bottom;
    	height: 250px;
	    width: auto;
    }
    
    .contact-us .title {
		margin-bottom: 20px;
	}
	
	.contact-us .text {
		font-size: 16px;
	}
	
	.contact-us .button-container {
		bottom: auto;
		left: auto !important;
		margin-top: 20px;
		position: relative;
		right: auto !important;
		top: auto;
	}
	.contact-us__whatsapp-block {
		text-align: right;
	}
	
	.contact-us .button-container.whatsapp .button {
		display: inline-block;
	}
	
	.projects {
		background-image: none;
		padding: 30px 0 0 0;
	}
	
	.projects .title {
		font-size: 24px;
		margin-bottom: 20px;
		text-align: left;
	}
	
	.projects:before {
		content: none;
	}
	
	.project-title {
		font-size: 20px;
	}
	
	.project-text h6 {
		margin-top: 20px;
	}
	
	.projects .owl-carousel .owl-nav {
		left: auto;
		right: 15px;
	}
	
	.owl-carousel .owl-nav button.owl-next {
		margin-right: 0;
	}
	
	.get-consult {
		bottom: auto;
		left: auto;
		position: relative;
		right: auto;
		top: auto;
	}
	
	.reviews .title {
		font-size: 24px;
		margin-bottom: 20px;
	}
	
	.reviews-carousel-container {
		padding-bottom: 75px;
	}
	
	.reviews .owl-carousel .owl-nav {
		bottom: -75px;
		text-align: center;
		top: auto;
	}
	
	.reviews .owl-carousel .owl-nav button {
		bottom: auto;
		left: auto !important;
		position: relative;
		right: auto !important;
		top: auto;
	}
	
	.reviews .owl-carousel .owl-nav button.owl-prev {
		margin-right: 10px;
	}
	
	.certificates {
		margin: 50px 0;
	}
	
	.certificates .title {
		font-size: 24px;
		margin-bottom: 20px;
		text-align: center;
	}
	
	.certificates-carousel-container {
		padding-bottom: 75px;
	}
	
	.certificates .owl-carousel .owl-nav {
		bottom: -75px;
		text-align: center;
		top: auto;
		width: 100%;
	}
	
	.map-container {
		bottom: auto;
		height: 550px;
		left: auto;
		margin-top: 50px;
		position: relative;
		right: auto;
		top: auto;
		width: 100%;
	}
	
	footer {
		padding-bottom: 50px;
	}
		
	footer .top-logo {
		height: 40px;
		width: 100%;
	}
	
	footer .top-caption {
		display: block;
	}
	
	footer .top-caption p {
		display: block;
		margin-bottom: 20px;
		margin-top: 20px;
		text-align: center;
	}
	
	footer .contacts-phones,
	footer .top-caption,
	footer .top-button {
		display: block;
		height: auto;
	}
	
	footer .contacts-phones {
		text-align: left;
	}
	
	footer .messangers,
	footer .messangers p {
	    line-height: normal;
	}
	
	footer .contacts-phones > div {
		text-align: left;
	}
	
	footer .contacts-phones > div, 
	footer .top-button > div {
		display: block;
	}
	
	footer .top-button .button {
		display: block;
		line-height: 40px;
		padding: 0;
		text-align: center;
	}
	
	footer .messangers {
		margin-top: 20px;
		text-align: center;
	}
	
	.copyright,
	.policy {
		text-align: center;
	}
	
	.policy {
		margin-bottom: 10px;
	}
	
	.modal-container-holder {
		padding: 0;
	}
	.modal-header {
		font-size: 20px;
	}
	.modal-container-holder .modal-text {
		font-size: 14px;
	}
	label {
		font-size: 12px;
	}
	.form-content input[type="text"], 
	.form-content input[type="tel"], 
	.form-content input[type="email"], 
	.form-content textarea {
		height: 40px;
	}
	.field-container:before {
		height: 40px;
		top: 24px;
	}
	
	.capacity {
		margin-top: 20px;
	}
}

@media (max-width: 699px) {
	.informers-carousel-section,
	.products-carousel-section {
		margin-left: -15px;
    	margin-right: -15px;
    	width: auto;
	}
	
	.informers-carousel-section-inner,
	.products-carousel-section-inner {
		margin-left: -15px;
    	margin-right: -15px;
	}
	    
    .informers-carousel-container,
    .products-carousel-container {
	    margin: 0 -15px 0 -30%;
    }
    
    .products-carousel-container {
	    padding-bottom: 75px;
    }
    
    .catalog .title,
    .catalog-hits .title {
    	border: none;
    	padding-bottom: 0;
	    padding-right: 0;
	    margin-bottom: 20px;
    }
    
    .products-carousel-section .owl-carousel .owl-nav {
    	bottom: -75px;
    	margin: 0;
	    margin-top: auto;
	    padding-left: 30%;
	    text-align: center;
	    top: auto;
	    width: 100%;
	}
	
	.projects-carousel-container .owl-stage-outer {
		display: none;
	}
}

body button.mfp-close {
	background: #FFF;
	border-radius: 100%;
	color: #F8B517 !important;
	font-family: RobotoLight, Roboto, Helvetica, Arial, sans-serif;
	font-size: 44px;
	height: 44px;
	line-height: 50px;
	opacity: 1;
	right: -44px;
	top: -44px !important;
	width: 44px;
}

.modal-container-holder button.mfp-close {
	top: -74px !important;
}

.mfp-auto-cursor .mfp-content {
	width: auto;
}

.privacy-policy .modal-container {
	width: 800px;
}

.callback-modal .modal-container {
	max-width: 100%;
	width: 500px;
}

.mfp-content .product {
	padding: 0 40px;
}

@media (max-width: 699px) {
	.mfp-auto-cursor .mfp-content {
		width: 100%;
	}
	.mfp-close-btn-in .mfp-close {
	    top: 0 !important;
	    right: 0 !important;
	}
	.modal-container-holder button.mfp-close {
		right: 0;
		top: -30px !important;
	}
	.privacy-policy .modal-container {
		padding: 0 15px;
	}
}









.cookies {
	background: #fff;
	bottom: 20px;
	box-shadow: 0px 4px 36px rgba(159,159,159,.15);
	display: flex;
	font-weight: 300;
	left: 0;
	margin: auto;
	max-width: 900px;
	padding: 30px;
	position: fixed;
	right: 0;
	top: auto;	
	width: 80%;
	z-index: 3;
}
.cookies.hidden {
	display:none;
}
.cookies__mob {
	display:none;
}
.cookies p {
	margin: 0;
	flex: 1 1;
}
.cookies a {
	text-decoration: underline;
}
.cookies button {
    border: none;
    font-family: Roboto, Helvetica, Arial, sans-serif;
}
    
@media (max-width: 991.98px){
	.cookies{
		padding:20px;
		font-weight:300;
		font-size:14px;
		line-height:21px;
		flex-wrap:wrap;
		width:auto;
		left:20px;
		right:20px;
		bottom:80px;
	}
	.cookies p {
		flex: 0 0 100%;
		margin: 0 0 16px;
		display: none;
	}
	.cookies__mob {
		display:block;
	}
	.cookies__mob p {
		display:block;
	}
}