html {
    scroll-behavior: smooth;
}
body, a, input {
	font-size:16px;
	color:#1A1A1A;
	font-family: 'Ubuntu', sans-serif;
}
/* Extra small */
.container,
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto, .container-fluid {
	padding-left: 0;
	padding-right: 0
}
.row {
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
}
p{
	margin-bottom: 0
}
a {
	outline:none;
	text-decoration: none
}
a:hover {
	color:unset
}
dl,
ol,
ul{
	margin-bottom: 0;
}
h1 {
	font-size: x-large;
	margin: 7px 0;
};
h3 {
	font-size: large;
}
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
	box-shadow: none;
}
button:focus{
	outline: none;
}

.realizations-slider img.swiper-lazy {
    height: 452px!important;
    display: block;
    opacity: 0;
}
.realizations-slider img.swiper-lazy.swiper-lazy-loaded {
    opacity: 1;
}

.pswp__caption__center {
	text-align:center
}
.xinfo {
    text-align: center;
    margin-top: 20px;
    padding: 7px 0;
    background: #228e39;
    color: #fff;
    border-radius: 10px;
}
.xinfo.msgErr {
    background: #c51a32;
}

.breadcrumb {
	margin-bottom: 0;
	margin-top: 30px;
	background-color: transparent;
	padding-bottom: 0;
	padding-top: 13px;
	padding-left: 50px;
	border-top: 1px solid #666666;
	border-radius: 0;
	font-size: 11px;
	font-weight: 300;
	color: #666666;
	text-transform: uppercase;
}

.breadcrumb a {
	font-size: 11px;
	font-weight: 300;
	color: #666666;
	text-transform: uppercase;
}
.breadcrumb .dash {
	margin: 0 15px;
}

.navi .navi {
	display: flex;
	align-items: center;
}

.navi .navi .label {
	display: inline-block;
	overflow: hidden;
	width: 27px;
	text-indent: -300px;
}

.navi .navi .label.prev {
	background: url(../i/arrow-left.png) no-repeat;
	background-position: center;
}

.navi .navi .label.next {
	background: url(../i/arrow-right.png) no-repeat;
	background-position: center;
}

.navi .navi a {
	font-size: 13px;
	font-weight: 300;
	color: #737373;
	padding: 0 5px
}

.navi .navi span {
	display: inline-block;
	font-size: 15px;
	font-weight: 500;
	color: #FFAD01;
	padding: 0 8px;
}

.realizations-list-section .navi,
.product-list .navi {
	margin-bottom: -50px;
}
.realisation-content-wraper {
    flex-direction: column;
    text-align: center;
}

header{
	padding-top: 30px
}
header div.logo-box{
	text-align: center
}


header nav.menu-top ul{
	list-style-type: none;
	padding: 0;
	margin-bottom: 0;
	text-align: right;
}
header nav.menu-top ul li{
	display: inline-block;
	position: relative;
}

header nav.menu-top ul li.your-project {
	display: none;
}
header nav.menu-top .nav-link {
	padding: 0 20px;
	font-family: 'Poppins', sans-serif;
	font-weight: 500;
}
header nav.menu-top .nav-link.your-project {
	text-transform: uppercase;
	border: 1px solid #1A1A1A;
	border-radius: 3px;
	font-size: 12px;
	line-height: 33px;
	margin-left: 20px;
}
header nav.menu-top .nav-link.your-project:hover {
	border-color: #F9A901;
}
header nav.menu-top ul li.active a{
	color: #F9A901
}
header nav.menu-top ul div.dropdown-menu.show{
	border: none;
	border-radius: 0;
	background-color: rgba(255, 255, 255, 1);
	padding: 25px 40px;
	left: -50%!important;
	margin-top: 0;
}
header nav.menu-top ul div.dropdown-menu a{
	line-height: 30px;
	color: #1A1A1A;
	font-size:14px;
	font-weight: 400;
	border-bottom: 1px solid #B5B5B5;
	padding: 0 0 0 5px;
}
header nav.menu-top ul div.dropdown-menu a:hover{
	background-color: unset;
}
header nav.menu-top ul li:hover,
header nav.menu-top ul li a:hover{
	text-decoration: none;
	color: #F9A901
}

header div.lang-box div.dropdown{
	text-align: right
}
header div.lang-box div.dropdown button.lang-btn{
	text-transform: uppercase;
	background-color: transparent;
	color: #57657a;
	border: none;
	font-size: 16px;
	font-weight: 500;
	padding-left: 0;
	width: 19px;
	height: 15px;
	padding: 0;
	background: url(../i/pl.png) no-repeat;
	background-size: cover;
	overflow: hidden;
	text-indent: 50px;
}
header div.lang-box div.dropdown button.lang-btn.dropdown-toggle::after{
	display: none;
	margin-left: 11px;
	border-top: 7px solid;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}
header div.lang-box .show>.btn-secondary.dropdown-toggle:focus,
header div.lang-box .btn-secondary:focus{
	box-shadow: none
}
header div.lang-box .btn-secondary:not(:disabled):not(.disabled):active{
	background-color: transparent;
	border: none;
	color: #57657a
}
header div.lang-box div.dropdown ul.dropdown-menu{
	min-width: 74px;
	padding: 0;
	margin-left: 8px;
	margin-top: -1px;
	border: none;
	background-color: rgba(255, 255, 255, 0.7);
	border-radius: 0;
	left: -28px!important;
}
header div.lang-box div.dropdown ul.dropdown-menu li{
	text-align: center;
	padding: 0;
}
header div.lang-box div.dropdown ul li:hover{
	background-color: rgba(240, 240, 240, 0.7);
	cursor: pointer;
}
header div.lang-box div.dropdown ul li a{
	text-transform: uppercase;
	display: block;
	padding: .25rem 1.5rem;
}
header div.lang-box div.dropdown ul li a:hover{
	text-decoration: none
}
header div.lang-box div.dropdown ul li a:focus{
	color:#000;
}

header div.baner-wrapper{
	display: flex;
	justify-content: center;
	margin-top: 30px;
}
header div.baner-wrapper img {
	max-width: 100%;
	height: auto;
}


/* Breadcrumbs */
nav.breadcrumbs{margin-bottom: 10px; font-weight: 300}
nav.breadcrumbs ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

nav.breadcrumbs ul,
nav.breadcrumbs ul li,
nav.breadcrumbs ul li a {
	display: inline-block;
	position: relative;
	font-size: 13px;
	color: #a6abb3;
}

nav.breadcrumbs ul li a {
	text-decoration: none;
	padding: 0 14px 0 4px;
	color: #a6abb3;
}
nav.breadcrumbs ul li:first-child a{padding-left: 0}

nav.breadcrumbs ul li a:before {
	content: '>';
	position: absolute;
	top: 0;
	right: 3px;
	width: 5px;
	height: 10px;
}
nav.breadcrumbs ul li a:hover{color: #57657a}
nav.breadcrumbs ul li a.l{color: #57657a}
nav.breadcrumbs ul li a.l:before {
	display: none;
}

/*section art 1*/
span.line{
	display: inline-block;
	width: 4px;
	height: 50px;
	background-color: #F9A901;
	position: absolute;
	top: 28%;
	left: -3px;
}
section.mid div.article-box{
	padding: 150px 0 150px 150px;
	border-left: 2px solid #ECEBEE;
	margin-left: 55px;
	position: relative;
}
section.mid div.article-box div.about-us{
	text-align: left;
	font-family: 'Ubuntu', sans-serif;
}
section.mid div.article-box div.about-us h1{
	font-size: 25px;
	font-weight: 700;
	text-transform: uppercase;
	display: flex;
	margin-bottom: 40px;
}
section.mid div.article-box div.about-us h1 span {
	display: inline-block;
	margin-left: 40px;
}
section.mid div.article-box div.about-us p{
	font-size: 18px;
	width: 87%;
	color: #243746;
}

.art-what-is .image-wrapper{
	max-width: 392px;
	margin-right: 80px;
}

.art-what-is .image-wrapper img {
	max-width: 100%;
	height: auto;
}

.art-what-is .art-wrapper {
	padding: 100px 0 0 0;
	font-family: 'Ubuntu', sans-serif;
}

.art-what-is .art-wrapper .art-text .accompanying-text {
	font-size: 21px;
	font-weight: 300;
	text-transform: uppercase;
}

.art-what-is .art-wrapper .art-text h2 {
	font-size: 53px;
	font-weight: 700;
	margin-bottom: 25px;
}

.art-what-is .art-wrapper .art-text p {
	font-size: 17px;
	font-weight: 300;
	line-height: 33px;
	color: #2D2D2D;
	width: 93%;
}

a.read-more {
	display: block;
	font-family: 'Ubuntu', sans-serif;
	font-size: 13px;
	line-height: 20px;
	text-align: center;
	text-transform: uppercase;
	width: 120px;
	border-left: 1px solid #F9A901;
	border-right: 1px solid #F9A901;
	margin: 50px 15px 0 auto;
}
.header-specification-image {
    text-align: center;
    text-transform: uppercase;
    font-size: 21px;
    padding-bottom: 10px;
}
a.read-more:hover {
	color: #F9A901;
	text-decoration: none;
}

section.mid div.values-bg{
	background-image:
		linear-gradient(black, black),
		url(../i/our_values.png);
	background-blend-mode: saturation;
	padding: 100px 0;
	-moz-user-select: none;
	user-select: none;
	background-size: cover;
	max-width: 1458px;
	margin-top: 200px;
	font-family: 'Ubuntu', sans-serif;
	position: relative;
}
section.mid div.values-bg:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	background: #000;
	opacity: 0.85;
}
section.mid div.values-bg .title h2 {
	font-size: 38px;
	font-weight: 700;
	text-transform: uppercase;
	color: #fff;
	position: relative;
	margin-bottom: 90px;
}
section.mid div.values-bg .title h2::before {
	content: '';
	display: block;
	width: 45px;
	height: 2px;
	background-color: #fff;
	margin: 0 auto 30px;
}
section.mid div.values-bg div.values-box{
	text-align: center;
	color: #fff;
	font-family: 'Poppins', sans-serif;
}
section.mid div.values-bg div.values-box .title {
	font-size: 22px;
	font-weight: 600;
	display: block;
	margin-top: 15px;
}

section.mid div.values-bg div.values-box .title::after {
	content: '';
	display: block;
	width: 23px;
	height: 2px;
	background-color: #F9A901;
	margin: 25px auto;
}

section.mid div.values-bg div.values-box p.description{
	max-width: 200px;
	min-height: 65px;
	display: block;
	margin: 5px auto;
	margin-bottom: 0;
	position: relative;
	font-size: 13px;
	font-weight: 300;
	color: #ACABAB;
}

section.mid div.values-bg div.values-box div.icon img{
	max-height: 45px;
	width: auto
}

.social-media-wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: fixed;
	top: 60%;
	right: 15px;
	z-index: 999;
}

.social-media-wrapper .fb,
/*.social-media-wrapper .yt,*/
.social-media-wrapper .insta {
	width: 30px;
	height: 30px;
	display: block;
	text-indent: -300px;
	overflow: hidden;
}

.social-media-wrapper .fb {
	background: url(../i/fb.png) no-repeat;
	background-position: center;
}

/*.social-media-wrapper .yt {*/
/*	background: url(../i/yt.png) no-repeat;*/
/*	background-position: center;*/
/*}*/
.social-media-wrapper .insta {
	background: url(../i/insta.png) no-repeat;
	background-position: center;
}

.social-media-wrapper .catalog {
	font-size: 14px;
	color: #ffad01;
	text-transform: uppercase;
	display: block;
	line-height: 35px;
	padding: 0 10px;
	box-shadow: -1px 2px 5px #707070;
	background-color: #fff;
}

.social-media-wrapper .catalog:hover {
	text-decoration: none;
}


/*article section SG*/

div.article-section-sg {
	margin-top: 270px;
}

h2.introduction-title {
	font-family: 'Ubuntu', sans-serif;
	font-size: 75px;
	font-weight: 700;
	margin-bottom: 25px;
}

h2.introduction-title span {
	color: #FFB417;
}

p.introduction-text,
div.introduction-text {
	font-family: 'Ubuntu', sans-serif;
	font-size: 25px;
	color: #474747;
	display: flex;
	width: 85%;
}

p.introduction-text::before,
div.introduction-text::before {
	content: '';
	display: inline-block;
	width: 65px;
	height: 2px;
	background-color: #1A1A1A;
	margin-top: 18px;
	margin-right: 40px;
}

.article-section-sg .image-wrapper img {
	max-width: 100%;
	height: auto;
}
.article-one {
	padding-top: 100px;
	border-right: 2px solid #ECEBEE;
}
.article-one .art-wrapper {
	padding-left: 55px;
	padding-top: 30px;
	padding-bottom: 170px;
	border-left: 2px solid #ECEBEE;
	padding-right: 50px;
}
.article-section-sg h3.art-title {
	font-family: 'Ubuntu', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	min-height: 130px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.article-section-sg .article-one h3.art-title {
	background: url(../i/01.png) no-repeat;
}

.article-section-sg h3.art-title .accompanying-text {
	display: block;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 3px;
	padding-bottom: 10px;
}

.article-section-sg .art-text p {
	font-family: 'Ubuntu', sans-serif;
	font-size: 14px;
	font-weight: 300;
	color: #474747;
	line-height: 28px;
}

.article-second {
	border-right: 2px solid #ECEBEE;
}

.article-second .art-wrapper {
	padding-left: 65px;
	padding-right: 35px;
	padding-top: 125px;
}

.article-section-sg .article-second h3.art-title {
	background: url(../i/02.png) no-repeat;
}

.article-second .image-wrapper {
	padding-bottom: 185px;
	border-left: 2px solid #ECEBEE;
}
.article-third {
	border-right: 2px solid #ECEBEE;
}

.article-third .art-wrapper {
	padding-left: 55px;
	padding-right: 50px;
	padding-top: 110px;
	padding-bottom: 250px;
	border-left: 2px solid #ECEBEE;
}

.article-section-sg .article-third h3.art-title {
	background: url(../i/03.png) no-repeat;
}

.article-section-sg .article-third h3.art-title span.novelty {
	color: #FFB417;
}

.article-fourth {
	border-right: 2px solid #ECEBEE;
}

.article-fourth .art-wrapper {
	padding-left: 65px;
	padding-right: 35px;
	padding-top: 30px;
}

.article-section-sg .article-fourth h3.art-title {
	background: url(../i/04.png) no-repeat;
}

.article-fourth .art-wrapper .read-more,
.article-second .art-wrapper .read-more {
	margin-left: 0;
	margin-right: auto;
}

.article-fourth .image-wrapper {
	padding-bottom: 290px;
	border-left: 2px solid #ECEBEE;
}

.baner-designers {
	background-image:
		linear-gradient(black, black),
		url(../i/our_users.png);
	background-size: contain;
	font-family: 'Ubuntu', sans-serif;
	padding-top: 115px;
	padding-bottom: 115px;
	padding-left: 150px;
	position: relative;
	background-blend-mode: saturation;
}

.baner-designers::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	background: #000;
	opacity: 0.85;
}

.baner-designers h3 {
	font-size: 42px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 40px;
	position: relative;
}
.baner-designers h3 span.first-step {
	font-size: 58px;
	display: block;
}
.baner-designers h3 span.first-step .second-step {
	color: #FFB417;
}

.baner-designers .designers-text {
	color: #fff;
	font-size: 18px;
	font-weight: 300;
	line-height: 34px;
	width: 75%;
	padding-left: 105px;
	position: relative;
}

.baner-designers .designers-text::before {
	content: '';
	display: block;
	height: 2px;
	width: 65px;
	margin-right: 40px;
	background-color: #fff;
	position: absolute;
	top: 22px;
	left: 0;
}

.realizations-slider {
	margin-top: 200px;
}

.realizations-slider .introduction-text {
	font-size: 22px;
}

.realizations-slider .slider-container {
	position: relative;
}

.realizations-slider .slider-container img {
	max-width: 100%;
	height: auto!important;
}

.realizations-slider .slider-container .description-container {
	display: flex;
	justify-content: space-between;
	padding-top: 15px;
}

.realizations-slider .slider-container .description-text a {
	font-family: 'Ubuntu', sans-serif;
	font-size: 13px;
	text-transform: uppercase;
	color: #474747;
	display: block;
}
.realizations-slider .slider-container .description-text a:hover{
	text-decoration: none;
	color: #FFB417;
}
.realizations-slider .slider-container .description-text a span {
	display: block;
	font-size: 17px;
	font-weight: 700;
	line-height: 17px;
}

.realizations-slider .slider-container .description-container .media-box .social-link {
	display: inline-block;
	width: 14px;
	height: 14px;
	overflow: hidden;
	text-indent: -100px;
}
.realizations-slider .slider-container .description-container .media-box .social-link.fb {
	background: url(../i/fb.png) no-repeat;
	background-size: contain;
	background-position: center;
	margin-right: 10px;
}
.realizations-slider .slider-container .description-container .media-box .social-link.insta {
	background: url(../i/insta.png) no-repeat;
	background-size: contain;
	background-position: center;
}

.realizations-slider .slider-container a.read-more {
	width: 200px;
	margin-right: auto;
	margin-top: 80px;
}

.realizations-slider .slider-container .slider-navi {
	width: 90px;
	margin-left: auto;
	margin-bottom: 40px;
}

.realizations-slider .slider-container .swiper-button-next,
.realizations-slider .slider-container .swiper-button-prev{
	position: static;
	background-image: none;
	width: auto;
	height: auto;
	margin-top: 0;
	color: #474747;
	font-size: 16px;
	font-weight: 300;
	font-style: italic;
	outline: none;
	user-select: none;
}

.realizations-slider .slider-container .swiper-button-next {
	text-align: right;
}

.realizations-slider .slider-container .swiper-button-prev {
	border-bottom: 1px solid #808080;
}

.realizations-slider .slider-container .swiper-button-prev::before,
.realizations-slider .slider-container .swiper-button-next::after{
	content: '';
	display: inline-block;
	width: 7px;
	height: 10px;
}

.realizations-slider .slider-container .swiper-button-prev::before {
	background: url(../i/arrow-left.png) no-repeat;
	background-size: contain;
	margin-right: 10px;
}

.realizations-slider .slider-container .swiper-button-next::after {
	background: url(../i/arrow-right.png) no-repeat;
	background-size: contain;
	margin-left: 10px;
}

section.mid h2.not-exist{margin: 20px 0}

/*References*/
.references-wrapper {
	font-family: 'Ubuntu', sans-serif;
	color: white;
	background-image:
		linear-gradient(black, black),
		url(../i/references.png);
	margin-top: 180px;
	padding-top: 130px;
	padding-bottom: 115px;
	position: relative;
	background-blend-mode: saturation;
}

.references-wrapper::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	background: #000;
	opacity: 0.85;
}

.references-wrapper .title h2 {
	font-size: 50px;
	font-weight: 700;
	line-height: 38px;
	text-transform: uppercase;
	text-align: center;
	position: relative;
	margin-bottom: 35px;
}

.references-wrapper .title h2::after {
	content: '';
	display: block;
	width: 80px;
	height: 2px;
	background-color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
}

.references-wrapper .title h2 span {
	display: block;
	font-size: 19px;
	font-weight: 400;
	color: #FFB417;
}

.references-wrapper .quote {
	font-family: 'Poppins', sans-serif;
	font-size: 144px;
	font-weight: 500;
	color: #FFB417;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 200px;
	height: 200px;
	background-color: rgba(56, 56, 56, 0.6);
	position: relative;
	border-radius: 100%;
}

.references-wrapper .quote span {
	margin-top: -100px;
}

.references-wrapper .reference-content {
	font-size: 16px;
	font-weight: 300;
	line-height: 30px;
}
.references-wrapper .reference-author {
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
	color: #FFB417;
	line-height: 27px;
	text-align: right;
	margin-top: 35px;
}

.references-wrapper .reference-author .dot {
	content: '';
	display: inline-block;
	width: 4px;
	height: 4px;
	background-color: #FFB417;
	border-radius: 100%;
	margin-bottom: 3px;
	margin-right: 15px;
}

.references-wrapper .reference-author span {
	text-transform: none;
	color: #fff;
	font-size: 13px;
	font-weight: 300;
	display: block;
}

.references-wrapper .swiper-slide {
	width: 100%!important;
	margin-right: 0!important;
}

.references-wrapper .swiper-pagination.references-pagination {
	text-align: left;
	width: 45px;
	border-bottom: 1px solid #464646;
}

.references-wrapper .swiper-pagination.references-pagination .swiper-pagination-current {
	font-size: 16px;
	font-weight: 500;
	color: #989898;
	margin-right: 10px;
	padding-left: 7px;
	line-height: 30px;
}

.references-wrapper .swiper-pagination.references-pagination .swiper-pagination-total {
	font-size: 13px;
	font-weight: 500;
	color: #6E6E6E;
}

/*Design*/

.design-wrapper {
	margin-top: 200px;
	font-family: 'Ubuntu', sans-serif;
	background: url(../i/design-with-us-new.jpg) no-repeat;
}

.design-wrapper .design-content h2 {
	font-size: 61px;
	font-weight: 700;
	margin-bottom: 35px;
}

.design-wrapper .design-content h2 span {
	font-size: 83px;
	display: block;
}
.design-wrapper .design-content h2 span .yellow {
	color: #FFB417;
	display: inline-block;
}

.design-wrapper .design-content .design-content-description{
	position: relative;
	padding-left: 100px;
	margin-bottom: 200px;
}

.design-wrapper .design-content .design-content-description::before {
	content: '';
	display: inline-block;
	width: 65px;
	height: 2px;
	background-color: #1A1A1A;
	position: absolute;
	top: 16px;
	left: 0;
}

.design-wrapper .design-content .design-content-description .pragraph {
	font-size: 24px;
	line-height: 34px;
	color: #474747;
	margin-bottom: 50px;
	width: 62%;
}
.design-wrapper .design-content .design-content-description .second-pragraph {
	font-size: 17px;
	font-weight: 300;
	line-height: 34px;
	color: #2D2D2D;
	width: 80%;
}

.design-wrapper .design-content .design-content-description .read-more {
	width: 160px;
	margin-left: 0;
}

.design-wrapper .img-container {
	min-height: 380px;
}

.design-wrapper .img-container img {
	max-width: 100%;
	height: auto;
	position: absolute;
	top: 0;
	left: -100px;
}

.design-wrapper .form-container h2 {
	font-size: 60px;
	font-weight: 700;
}

.design-wrapper .form-container .form-description {
	font-size: 19px;
	color: #474747;
	line-height: 34px;
	position: relative;
	padding-left: 100px;
}

.design-wrapper .form-container .form-description::before{
	content: '';
	display: inline-block;
	width: 65px;
	height: 2px;
	background-color: #1A1A1A;
	position: absolute;
	top: 17px;
	left: 0;
}

.design-wrapper .form-container form {
	margin-top: 40px;
}

.design-wrapper .form-container form input {
	display: block;
	width: 100%;
	text-align: center;
	line-height: 65px;
	border-radius: 4px;
}
.design-wrapper .form-container form .mail-input {
	margin-bottom: 5px;
	border: 1px solid #808080;
	font-size: 16px;
}

.design-wrapper .form-container form .submit-btn {
	font-size: 15px;
	font-weight: 500;
	color: #fff;
	text-transform: uppercase;
	background-color: #1A1A1A;
	border: 1px solid #1A1A1A;
}

.design-wrapper .form-container form .submit-btn:hover,
.your-project-wrapper .your-project-form form  .submit-btn:hover {
	cursor: pointer;
}

.design-wrapper .form-container form  .privacy-policy-wrapper {
	margin-top: 20px;
}

.design-wrapper .form-container form  .privacy-policy-wrapper input[type="checkbox"] {
	display: inline;
	width: auto;
}

.design-wrapper .form-container form  .privacy-policy-wrapper label {
	font-size: 13px;
	font-weight: 300;
}

.design-wrapper .form-container form  .privacy-policy-wrapper label a {
	font-size: 13px;
	font-weight: 300;
	text-decoration: underline;
}

/* stopka */
section.footer {
	background: black;
	font-family: 'Ubuntu', sans-serif;
	color: white;
	padding-top: 150px;
	padding-bottom: 20px;
	position: relative;
	background-blend-mode: saturation;
}
section.footer > .container {
	position: relative;
}
section.footer::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	background: #000;
	opacity: 0.85;
}

section.footer .footer-logo {
	text-align: center;
	margin-bottom: 60px;
}

section.footer .footer-logo img {
	max-width: 100%;
	height: auto;
}

section.footer .link-box {
	width: 150px;
}

section.footer .link-box.about-us {
	padding-left: 40px;
}

section.footer .link-box.offer {
	width: 410px;
	padding-left: 15%;
}

section.footer .link-box.other {
	width: 210px;
	padding-left: 90px;
}

section.footer .link-box p {
	font-size: 18px;
	font-weight: 500;
	text-transform: uppercase;
	margin-bottom: 20px;
}

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

section.footer .link-box ul li a {
	font-size: 16px;
	color: #fff;
	line-height: 30px;
}

section.footer .link-box ul li a:hover{
	color: #FFB417;
	text-decoration: none;
}

section.footer .social-media-box {
	width: 100%;
	display: flex;
	justify-content: center;
	margin-top: 90px;
	margin-bottom: 50px;
}

section.footer .social-media-box a {
	color: #fff;
	display: inline-block;
	width: 25px;
	height: 20px;
	text-indent: -100px;
	overflow: hidden;
}

section.footer .social-media-box a.fb {
	background: url(../i/fb-foot.png) no-repeat;
	background-size: contain;
	background-position: center;
}

section.footer .social-media-box a.yt {
	background: url(../i/yt-foot.png) no-repeat;
	background-size: contain;
	background-position: center;
	margin: 0 65px;
}

section.footer .social-media-box a.insta {
	background: url(../i/insta-foot.png) no-repeat;
	background-size: contain;
	background-position: center;
}

section.footer .contact-box {
	width: 580px;
	border-top: 1px solid #FFB417;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 60px;
}

section.footer .contact-box p {
	color: #FFB417;
	font-size: 16px;
	font-weight: 300;
	text-transform: uppercase;
	margin-bottom: 25px;
}
section.footer .contact-box .contact-link {
	font-size: 13px;
	font-weight: 300;
	color: #FFB417;
	text-transform: uppercase;
	display: inline-block;
	line-height: 38px;
	padding: 0 30px;
	border: 1px solid #FFB417;
	border-radius: 4px;
}

section.footer .author-box {
	font-size: 14px;
	color: #ddd;
}

section.footer .author-box .author a {
	font-size: 14px;
	color: #ddd;
}

section.footer-bar {background: url('../i/header_bg_2.jpg'); background-position: -20px}
section.footer-bar div p {text-align: center; padding: 23px 0 0; text-transform: uppercase; font-size: 14px; color: #aab1bb}
section.footer-bar div p span {font-weight: 700;}
section.footer-bar div span.author{display: block; text-align: center; color: #aab1bb; font-size: 13px; padding-bottom: 15px}
section.footer-bar div span.author a{font-size: 13px; color: #aab1bb;}

div.cookie-info{width: 100%; position: fixed; bottom: 0; left: 0; z-index: 999; background-color: rgba(0,0,0,.75);}
div.cookie-info p{text-align: center; padding: 20px 0; font-size: 15px; color: #fff}
div.cookie-info p a{text-decoration: underline; color: #fff}
div.cookie-info p span{display: inline-block; border: 1px solid #fff; padding: 0 15px; line-height: 30px;}
div.cookie-info p span:hover{background-color: #fff; color: #000; cursor: pointer}


/*Article*/

.article .art-title,
.product .prod-title,
.product-list .prod-list-title,
.realizations-list-section .realis-list-title,
.your-project-wrapper .your-project-title {
	font-size: 50px;
	font-weight: 700;
	margin-top: 85px;
	margin-bottom: 85px;
	text-align: center;
}

.article .art-title::after,
.product .prod-title::after,
.product-list .prod-list-title::after,
.realizations-list-section .realis-list-title::after,
.your-project-wrapper .your-project-title::after {
	content: '';
	display: block;
	width: 80px;
	height: 2px;
	background-color: #1A1A1A;
	margin: 15px auto 0 auto;
}

.article .first-headline {
	margin-bottom: 45px;
}

.article .sub-title {
	font-size: 32px;
	font-weight: 500;
	margin-bottom: 20px;
}

.article p {
	font-size: 17px;
	font-weight: 300;
	line-height: 33px;
	width: 83%;
}

.article .text-container {
	padding-left: 40px;
}

.article .text-container p {
	width: 95%;
}

.article .img-container {
	text-align: right;
}

.article .img-container img {
	max-width: 100%;
	height: auto;
}

.article .secend-headline-wrapper {
	padding-top: 75px;
	padding-bottom: 170px;
	margin-right: 50px;
	border-right: 2px solid #ECEBEE;
	position: relative;
}

.article .secend-headline-wrapper .line {
	top: 105px;
	right: -3px;
	left: auto;
}

.article .secend-headline-wrapper .img-container {
	text-align: left;
	padding-left: 40px;
}

.article .secend-headline-wrapper .text-container {
	padding-left: 0;
}
.article .secend-headline-wrapper .text-container p {
	width: 90%;
}

.article .property-wrapper {
	padding: 60px 0;
	background-color: #F9F9F9;
}

.article .property-wrapper .property-box {
	text-align: center;
}

.article .property-wrapper .property-box img {
	max-width: 100%;
	height: auto;
}

.article .property-wrapper .property-box span {
	display: block;
	line-height: 20px;
	color: #243746;
	margin-top: 15px;
}

/*Product*/

.product .prod-title,
.product-list .prod-list-title,
.realizations-list-section .realis-list-title,
.your-project-wrapper .your-project-title {
	margin-bottom: 40px;
}

.product .prod-slider-wrapper picture img {
	max-width: 100%;
	height: auto;
	max-height: 630px;
}

.product .prod-description,
.product-list .prod-list-description,
.realizations-list-section .realis-list-description,
.your-project-wrapper .your-project-description {
	font-size: 17px;
	font-weight: 300;
	color: #2D2D2D;
	text-align: center;
	line-height: 31px;
}

.product .prod-slider-wrapper {
	overflow: hidden;
	position: relative;
}

.product .prod-slider-wrapper .slider-nav {
	width: 420px;
}

.product .prod-slider-wrapper .slider-nav .nav-img-wrapper {
	box-sizing: border-box;
	width: 131px!important;
	height: 109px;
	border: 1px solid #EAEAEA;
	border-radius:4px;
	margin: 5px;
	display: flex;
	align-items: center;
}

.swiper-slide-thumb-active {
	border-color: #FFB417!important;
}
.swiper-button-next,
.swiper-button-prev {
    outline: none!important;
}

.product .prod-slider-wrapper .swiper-button-prev.prod-prev,
.product .prod-slider-wrapper .swiper-button-next.prod-next,
.realisation .realisation-slider-wrapper .swiper-button-prev.realisation-prev,
.realisation .realisation-slider-wrapper .swiper-button-next.realisation-next {
	width: 8px;
	height: 15px;
	top: 95%;
}

.product .prod-slider-wrapper .swiper-button-prev.prod-prev,
.realisation .realisation-slider-wrapper .swiper-button-prev.realisation-prev {
	background: url(../i/arrow-left-slider.png) no-repeat;
	left: 27%;
}
.product .prod-slider-wrapper .swiper-button-next.prod-next,
.realisation .realisation-slider-wrapper .swiper-button-next.realisation-next {
	background: url(../i/arrow-right-slider.png) no-repeat;
	right: 27%;
}

.product .characteristics-wrapper {
	margin-top: 90px;
	padding: 65px 50px;
	background-color: #F9F9F9;
}

.product .characteristics-wrapper .norm p {
	font-size: 14px;
	font-weight: 300;
	color: #7D7D7D;
	text-transform: uppercase;
	padding-left: 55px;
}

.product .characteristics-wrapper .norm p span {
	display: inline-block;
	font-size: 16px;
	font-weight: 400;
	color: #243746;
	margin-left: 30px;
}

.product .characteristics-wrapper .download-characteristics {
	padding-bottom: 55px;
	border-bottom: 1px solid #1A1A1A;
}

.product .characteristics-wrapper .download-wrapper {
	display: flex;
}

.product .characteristics-wrapper .download-wrapper .download-box.sheet {
	margin-right: 35px;
}

.product .characteristics-wrapper .download-wrapper .download-box p {
	font-size: 15px;
	font-weight: 500;
	color: #243746;
	text-transform: uppercase;
	line-height: 38px;
	text-align: center;
}

.product .characteristics-wrapper .download-wrapper .download-box a {
	display: block;
	font-size: 12px;
	font-weight: 300;
	text-transform: uppercase;
	line-height: 38px;
	border: 1px solid #1A1A1A;
	border-radius: 3px;
	text-align: center;
	min-width: 175px;
}

.product .characteristics-wrapper .download-wrapper .download-box a:hover{
	color: #FFB417;
	border-color: #FFB417;
	text-decoration: none;
}

.product .characteristics-wrapper .download-wrapper .download-box a::before {
	content: '';
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-bottom: -5px;
	margin-right: 15px;
}

.product .characteristics-wrapper .download-wrapper .download-box.sheet a::before {
	background: url(../i/pdf.png) no-repeat;
	background-size: contain;
}

.product .characteristics-wrapper .download-wrapper .download-box.dwg a::before {
	background: url(../i/dwg.png) no-repeat;
	background-size: contain;
}

.product .characteristics-wrapper .property-wrapper,
.realisation .property-wrapper {
	margin-top: 50px;
	text-align: center;
}

.product .characteristics-wrapper .property-wrapper .property-box span,
.realisation .property-wrapper .property-box span {
	display: block;
	font-size: 11px;
	font-weight: 300;
	color: #ACACAC;
	text-transform: uppercase;
	line-height: 38px;
}

.product .characteristics-wrapper .property-wrapper .property-box .value,
.realisation .property-wrapper .property-box .value {
	line-height: 20px;
	color: #243746;
}

.product .characteristics-wrapper .property-wrapper .property-box .more-info,
.realisation .property-wrapper .property-box .more-info {
	font-size: 13px;
	font-weight: 400;
	line-height: 20px;
	color: #243746;
	display: block;
	text-transform: none;
}

.product .product-sheet-nav {
	padding: 30px 0;
	box-shadow: 0px 1px 5px #707070;
	margin-top: 155px;
	margin-bottom: 150px;
	text-align: center;
}

.product .product-sheet-nav a {
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
}

.product .product-sheet-nav a:hover {
	color: #FFB417;
	text-decoration: none;
}

.product .product-sheet-nav .product-description {
	border-right: 1px solid #ACACAC;
}

.product .product-sheet-nav .product-description a {
	color: #FFB417;
}

.product .product-description-wrapper {
	padding: 0 60px;
	margin-bottom: 185px;
}

.product .product-description-wrapper .title,
.product .product-technical-specifications-wrapper .title {
	font-size: 40px;
	font-weight: 700;
	text-transform: uppercase;
	background: url(../i/01.png) no-repeat;
	min-height: 130px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-bottom: 20px;
}

.product .product-technical-specifications-wrapper .title {
	background: url(../i/02.png) no-repeat;
}

.product .product-description-wrapper .title .accompanying-text,
.product .product-technical-specifications-wrapper .title .accompanying-text {
	display: block;
	font-size: 16px;
	font-weight: 300;
	line-height: 35px;
	letter-spacing: 9px;
}

.product .product-description-wrapper .first-headline {
	margin-bottom: 60px;
}

.product .product-description-wrapper p,
.product .product-technical-specifications-wrapper p {
	font-size: 17px;
	font-weight: 300;
	line-height: 33px;
}

.product .product-description-wrapper .img-container {
	text-align: right;
}

.product .product-description-wrapper .img-container img {
	max-width: 100%;
	height: auto;
}

.product .product-description-wrapper .text-container {
	padding-left: 35px
}

.product .product-technical-specifications-wrapper {
	padding: 0 60px;
	margin-top: 225px;
}

.product .product-technical-specifications-wrapper .specification-table {
	margin-top: 60px;
}

.product .product-technical-specifications-wrapper p {
	width: 90%;
}

.product .product-technical-specifications-wrapper .table-wrapper .table-row {
	display: flex;
}

.product .product-technical-specifications-wrapper .table-wrapper .table-row.grey {
	background-color: #F5F5F5;
}

.product .product-technical-specifications-wrapper .table-wrapper .specification-name {
	width: 40%;
}

.product .product-technical-specifications-wrapper .table-wrapper .specification-name p {
	font-size: 14px;
	font-weight: 300;
	line-height: 43px;
	color: #646464;
	text-align: right;
}

.product .product-technical-specifications-wrapper .table-wrapper .specification-value {
	width: 60%;
}

.product .product-technical-specifications-wrapper .table-wrapper .specification-value p {
	font-size: 15px;
	font-weight: 500;
	line-height: 43px;
	color: #1A1A1A;
    white-space: pre;
}

.product .product-technical-specifications-wrapper .table-wrapper .table-row.color .specification-value{
	padding: 10px 0;
}

.product .product-technical-specifications-wrapper .table-wrapper .table-row.color .specification-value p {
	line-height: 1.2;
}

.product .product-technical-specifications-wrapper .table-wrapper .info {
	width: 60%;
	margin-left:auto;
	font-size: 13px;
	font-weight: 300;
}

.product .specification-image {
	margin-top: 90px;
}

.product .specification-image .sepcification-img-box {
	text-align: center;
	margin-bottom: 80px;
}

.product .specification-image .row:last-child .sepcification-img-box {
	margin-bottom: 0;
}

.product .specification-image .sepcification-img-box img {
	max-width: 100%;
	height: auto;
}

.product .characteristics-wrapper.down {
	padding: 50px;
	margin-top: 80px;
}

.product .characteristics-wrapper.down .download-characteristics {
	padding-bottom: 0;
	border-bottom: none;
}

.product .navi-product-wrapper .navi-box,
.realisation .navi-realisation-wrapper .navi-box {
	text-align: center;
	margin-top: 100px;
}

.product .navi-product-wrapper .navi-box a,
.realisation .navi-realisation-wrapper .navi-box a {
	display: inline-block;
	font-size: 12px;
	font-weight: 300;
	line-height: 31px;
	text-align: center;
	text-transform: uppercase;
	color: #243746;
	min-width: 175px;
	border: 1px solid #1A1A1A;
	border-radius: 3px;
	margin: 0 5px;
}

.product .navi-product-wrapper .navi-box a:hover,
.realisation .navi-realisation-wrapper .navi-box a:hover {
	color: #FFB417;
	border-color: #FFB417;
	text-decoration: none;
}

.product .navi-product-wrapper .navi-box a.prev::before,
.realisation .navi-realisation-wrapper .navi-box a.prev::before {
	content: '';
	display: inline-block;
	width: 13px;
	height: 10px;
	background: url(../i/arrow-nav-left.png) no-repeat;
	background-size: contain;
	margin-right: 15px;
	margin-bottom: -1px;
}

.product .navi-product-wrapper .navi-box a.next::after,
.realisation .navi-realisation-wrapper .navi-box a.next::after {
	content: '';
	display: inline-block;
	width: 13px;
	height: 10px;
	background: url(../i/arrow-nav-right.png) no-repeat;
	background-size: contain;
	margin-left: 15px;
	margin-bottom: -1px;
}

/*Product list*/
.product-list .prod-list-description,
.realizations-list-section .realis-list-description {
	margin-bottom: 100px;
}

.product-list .filter-form,
.realizations-list-section .realisation-filter-form {
	display: flex;
	justify-content: center;
}

.product-list .filter-form .form-item.max-people-box {
	margin: 0 25px;
}

.product-list .filter-form .form-item label,
.realizations-list-section .realisation-filter-form .form-item label {
	display: block;
	font-size: 11px;
	font-weight: 300;
	line-height: 30px;
	text-transform: uppercase;
	color: #7F7F7F;
	margin-bottom: 0;
}

.product-list .filter-form .form-item select,
.realizations-list-section .realisation-filter-form select {
	font-size: 14px;
	line-height: 27px;
	padding: 4px 20px;
	border: 1px solid #E5E5E2;
}

.product-list .filter-form .form-item.elements-box select {
	min-width: 240px;
}

.product-list .filter-form .form-item.max-people-box select {
	min-width: 145px;
}

.product-list .filter-form .form-item.area-box select,
.realizations-list-section .realisation-filter-form .area-box select {
	min-width: 190px;
}

.product-list .search-info,
.realizations-list-section .search-info {
	margin-top: 30px;
}

.product-list .search-info .reset-filter,
.realizations-list-section .search-info .reset-filter {
	font-size: 12px;
	font-weight: 300;
	color: #676767;
	display: block;
	margin-left: auto;
	background-color: inherit;
	border: none;
	margin-bottom: -10px;
	position: relative;
	z-index: 999
}

.product-list .search-info .reset-filter:hover, 
.realizations-list-section .search-info .reset-filter:hover {
	cursor: pointer;
}

.product-list .search-info .quantity-box,
.realizations-list-section .search-info .quantity-box {
	position: relative;
}

.product-list .search-info .quantity-box::before,
.realizations-list-section .search-info .quantity-box::before {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #B1B1B1;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: -1;
}

.product-list .search-info .quantity,
.realizations-list-section .search-info .quantity {
	display: block;
	width: 220px;
	margin: 0 auto;
	text-align: center;
	font-size: 14px;
	font-weight: 300;
	line-height: 30px;
	color: #2D2D2D;
	background-color: #fff;
}

.product-list .prod-list,
.realizations-list-section .realizations-list {
	list-style-type: none;
	margin: 45px 0 90px;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 50px;
	width: 100%;
}

.product-list .prod-list li,
.realizations-list-section .realizations-list li {
	width: 30%;
	flex: 0 0 30%;
	margin-bottom: 25px;
}

.product-list .prod-list li a img {
	border: 1px solid #ECEBEE;
	max-width: 100%;
	height: auto;
}

.product-list .prod-list li .product-name {
	line-height: 19px;
	margin-bottom: 0;
	margin-top: 5px;
}

.product-list .prod-list li .product-name a {
	font-size: 19px;
	font-weight: 700;
	color: #474747;
	text-transform: uppercase;
}

.product-list .prod-list li .product-name-wrapper span {
	font-size: 12px;
	font-weight: 300;
	color: #474747;
	text-transform: uppercase;
}


/*Lista realizacji*/

.realizations-list-section .realisation-filter-form .form-item {
	padding-left: 25px;
}

.realizations-list-section .realisation-filter-form .form-item.type-box {
	padding-left: 0;
}

.realizations-list-section .realisation-filter-form .type-box select {
	min-width: 240px;
}

.realizations-list-section .realisation-filter-form .country-box select,
.realizations-list-section .realisation-filter-form .location-box select{
	min-width: 200px;
}


.realizations-list-section .realizations-list li a img {
	max-width: 100%;
	height: auto;
}

.realizations-list-section .realizations-list li .realizations-name-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 15px;
}

.realizations-list-section .realizations-list li .realizations-title span {
	font-size: 13px;
	color: #474747;
	text-transform: uppercase;
}

.realizations-list-section .realizations-list li .realizations-title .product-name {
	font-size: 17px;
	margin-bottom: 0;
}

.realizations-list-section .realizations-list li .realizations-title .product-name a {
	font-size: 17px;
	font-weight: 700;
	text-transform: uppercase;
	color: #474747;
	line-height: 19px;
}

.realizations-list-section .realizations-list li .realizations-name-wrapper .media-box .social-link {
	display: inline-block;
	width: 14px;
	height: 14px;
	overflow: hidden;
	text-indent: -100px;
}

.realizations-list-section .realizations-list li .realizations-name-wrapper .media-box .social-link.fb {
	background: url(../i/fb.png) no-repeat;
	background-size: contain;
	background-position: center;
	margin-right: 10px;
}

.realizations-list-section .realizations-list li .realizations-name-wrapper .media-box .social-link.insta {
	background: url(../i/insta.png) no-repeat;
	background-size: contain;
	background-position: center;
}


/*Realization*/

.realisation .realisation-title {
	margin-top: 90px;
	font-size: 37px;
	font-weight: 700;
	margin-bottom: 35px;
}

.realisation .realisation-title::after {
	content: '';
	display: block;
	width: 80px;
	height: 2px;
	background-color: #1A1A1A;
	margin: 15px auto 0 auto;
}

.realisation .realisation-description {
	font-size: 17px;
	font-weight: 300;
	line-height: 30px;
	text-align: center;
}

.realisation .realisation-slider-wrapper {
	margin-top: 65px;
	overflow: hidden;
	position: relative;
	text-align: center;
}

.realisation .realisation-slider-wrapper .swiper-slide img {
	max-width: 100%;
	border-radius: 4px;
}

.realisation .realisation-slider-wrapper .realisation-gallery-top img {
	max-height: 568px;
}
.gallery-thumbs,
.realisation .realisation-slider-wrapper .realisation-gallery-thumbs {
	margin-top: 45px;
}

.realisation .realisation-slider-wrapper .slider-nav {
	width: 500px;
}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after,
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{
    display: none;
}
.realisation .realisation-slider-wrapper .slider-nav .nav-img-wrapper {
	box-sizing: border-box;
	width: 157px!important;
	height: 89px;
	border: 1px solid #EAEAEA;
	border-radius: 5px;
	margin: 5px;
	display: flex;
	align-items: center;
}

.realisation .property-wrapper {
	margin-top: 130px;
	padding-top: 45px;
	border-top: 1px solid #1A1A1A;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}


.realisation .navi-realisation-wrapper .navi-box {
	margin-top: 120px;
}

/*Your Project*/

.your-project-wrapper .your-project-description {
	width: 80%;
}

.your-project-wrapper .benefits-wrapper {
	margin-top: 45px;
	padding: 35px 60px;
	background-color: #F9F9F9;
}

.your-project-wrapper .benefits-wrapper .benefit-box {
	text-align: center;
	font-family: 'Poppins', sans-serif;
}

.your-project-wrapper .benefits-wrapper .benefit-box .icon img {
	max-height: 45px;
	width: auto;
}

.your-project-wrapper .benefits-wrapper .benefit-box p.title {
	font-size: 18px;
	font-weight: 600;
	margin-top: 15px;
}
.your-project-wrapper .benefits-wrapper .benefit-box p.title span {
	display: block;
}

.your-project-wrapper .benefits-wrapper .benefit-box p.title::after {
	content: '';
	display: block;
	width: 23px;
	height: 2px;
	background-color: #F9A901;
	margin: 15px auto;
}

.your-project-wrapper .benefits-wrapper .benefit-box .description {
	font-size: 13px;
	font-weight: 300;
	width: 70%;
	margin: 0 auto;
}

.your-project-wrapper .formation-title-wrapper {
	text-align: center;
	margin-top: 120px;
}

.your-project-wrapper .formation-title-wrapper span {
	display: block;
	font-size:28px;
	line-height: 34px;
}

.your-project-wrapper .formation-title-wrapper p {
	font-size: 36px;
}

.your-project-wrapper .formation-wrapper {
	position: relative;
	margin-top: 70px;
	min-height: 770px;
}

.your-project-wrapper .formation-wrapper .pillar {
	position: absolute;
	top: 0;
	left: calc(50% - 16px);
	z-index: 3;
}

.your-project-wrapper .formation-wrapper .step {
	display: flex;
}

.your-project-wrapper .formation-wrapper .step.left {
	text-align: right;
}

.your-project-wrapper .formation-wrapper .step.step-one,
.your-project-wrapper .formation-wrapper .step.step-five {
	margin-top: 70px;
}

.your-project-wrapper .formation-wrapper .step.step-two {
	margin-top: 25px;
}

.your-project-wrapper .formation-wrapper .step.step-three {
	margin-top: 70px;
}

.your-project-wrapper .formation-wrapper .step.right .image {
	margin-left: -21px;
}

.your-project-wrapper .formation-wrapper .step.left .image {
	margin-right: -21px;
}

.your-project-wrapper .formation-wrapper .step.right .description {
	margin-left: 60px;
	padding-left: 40px;
	position: relative;
}

.your-project-wrapper .formation-wrapper .step.left .description {
	margin-right: 60px;
	padding-right: 40px;
	position: relative;
}

.your-project-wrapper .formation-wrapper .step.right .description::before {
	font-size: 17px;
	font-weight: 700;
	line-height: 31px;
	color: #FFB417;
	position: absolute;
	top: 0;
	left: 0;
}

.your-project-wrapper .formation-wrapper .step.right.step-one .description::before {
	content: '01';
}

.your-project-wrapper .formation-wrapper .step.right.step-three .description::before {
	content: '03';
}

.your-project-wrapper .formation-wrapper .step.right.step-five .description::before {
	content: '05';
}

.your-project-wrapper .formation-wrapper .step.left .description::after {
	font-size: 17px;
	font-weight: 700;
	line-height: 31px;
	color: #FFB417;
	position: absolute;
	top: 0;
	right: 0;
}
.your-project-wrapper .formation-wrapper .step.left.step-two .description::after {
	content: '02';
}
.your-project-wrapper .formation-wrapper .step.left.step-four .description::after {
	content: '04';
}

.your-project-wrapper .formation-wrapper .step .description span {
	font-size: 18px;
	font-weight: 500;
	line-height: 30px;
	display: block;
}

.your-project-wrapper .formation-wrapper .step .description p {
	font-size: 13px;
	font-weight: 300;
	line-height: 18px;
}

.your-project-wrapper .your-project-form {
	margin-top: 180px;
	padding-top: 75px;
	padding-bottom: 65px;
	background-color: #F9F9F9;
}

.your-project-wrapper .your-project-form .form-title {
	margin-bottom: 50px
}

.your-project-wrapper .your-project-form h2 {
	font-size: 51px;
	font-weight: 500;
	text-align: center;
	width: 100%;
	margin-bottom: 0;
}

.your-project-wrapper .your-project-form h2 span {
	display: block;
	font-size: 40px;
	line-height: 50px;
}

.your-project-wrapper .your-project-form .contact {
	text-align: center;
	padding-top: 85px;
}

.your-project-wrapper .your-project-form .contact .title {
	font-size: 28px;
	font-weight: 500;
	line-height: 35px;
	margin-bottom: 55px;
}

.your-project-wrapper .your-project-form .contact .call {
	display: block;
	font-size: 15px;
	font-weight: 300;
	text-transform: uppercase;
	margin-bottom: 30px;
}

.your-project-wrapper .your-project-form .contact a {
	display: block;
	font-size: 27px;
	font-weight: 700;
	margin-bottom: 25px;
}

.your-project-wrapper .your-project-form .contact .day,
.your-project-wrapper .your-project-form .contact .hour {
	font-size: 15px;
}

.your-project-wrapper .your-project-form .contact .hour {
	margin-bottom: 55px;
}

.your-project-wrapper .your-project-form form .title {
	text-align: center;
	width: 90%;
}

.your-project-wrapper .your-project-form form .title h3 {
	font-size: 22px;
	font-weight: 500;
}

.your-project-wrapper .your-project-form form .title p {
	font-size: 13px;
	line-height: 20px;
	color:#243746;
	width: 65%;
	margin: 0 auto;
	margin-bottom: 15px;
}

.your-project-wrapper .your-project-form form .form-input {
	display: block;
	font-size: 14px;
	font-weight: 300;
	line-height: 54px;
	text-indent: 55px;
	border: 1px solid #CCCCCC;
	border-radius: 4px;
	margin-bottom: 10px;
	width: 90%;
}

.your-project-wrapper .your-project-form form .form-content {
	display: block;
	font-size: 14px;
	font-weight: 300;
	padding: 20px 55px;
	width: 90%;
	resize: none;
	height: 135px;
	border: 1px solid #CCCCCC;
	border-radius: 4px;
	margin-bottom: 30px;
}

.your-project-wrapper .your-project-form form .submit-btn {
	width: 90%;
	text-align: center;
	line-height: 55px;
	font-size: 13px;
	font-weight: 500;
	color: #fff;
	text-transform: uppercase;
	background-color: #1A1A1A;
	border: 1px solid #1A1A1A;
	border-radius: 4px;
	margin-bottom: 20px;
}

.your-project-wrapper .your-project-form form .privacy-policy-wrapper {
	display: flex;
	align-items: center;
}

.your-project-wrapper .your-project-form form .privacy-policy-wrapper label {
	font-size: 12px;
	font-weight: 300;
	margin-bottom: 0;
	margin-left: 10px;
}

.your-project-wrapper .your-project-form form .privacy-policy-wrapper label a {
	font-size: 12px;
	font-weight: 300;
	text-decoration: underline;
}






/* toggle */
header div.mobile-menu div.button_container{
	position: relative;
	height: 26px;
	width: 35px;
	cursor: pointer;
	z-index: 100;
	transition: opacity .25s ease;
	margin: 0 auto
}
header div.mobile-menu div.button_container.active .top {
	-webkit-transform: translateY(7px) translateX(0) rotate(45deg);
	transform: translateY(7px) translateX(0) rotate(45deg)
}
header div.mobile-menu div.button_container.active .middle {
	opacity: 0
}
header div.mobile-menu div.button_container.active .bottom {
	-webkit-transform: translateY(-10px) translateX(0) rotate(-45deg);
	transform: translateY(-10px) translateX(0) rotate(-45deg)
}
header div.mobile-menu div.button_container span {
	background: #1a1a1a;
	border: none;
	height: 3px;
	width: 25px;
	position: absolute;
	top: 3px;
	left: 0;
	transition: all .35s ease;
	cursor: pointer;
	border-radius: 2px;
}
header div.mobile-menu div.button_container span:nth-of-type(2) {
	top: 11px;
	width: 35px;
}
header div.mobile-menu div.button_container span:nth-of-type(3) {
	top: 19px;
}

/* gallery */
section.mid div.gallery-box{margin-top: 40px; margin-bottom: 40px}
section.mid div.gallery-box h1{font-size: 27px;font-weight: 700; text-transform: uppercase; text-align: center;}
section.mid div.gallery-box div.my-gallery{display: flex; flex-wrap: wrap}
section.mid div.gallery-box div.my-gallery figure{width: 33.33%; padding: 10px; height: 260px; margin-bottom: 0}
section.mid div.gallery-box div.my-gallery figure a.gallery-item{position: relative; display: block; width: 100%; height: 100%}
section.mid div.gallery-box div.my-gallery figure a.gallery-item img.gallery-img{width: 100%; height: 100%; object-fit: cover; opacity: 1; display: block; transition: .5s ease; backface-visibility: hidden;}
section.mid div.gallery-box div.my-gallery figure a.gallery-item div.text span{display: inline-block; font-size: 13px; font-weight: 700; text-transform: uppercase; line-height: 33px; border: 1px solid #57657a; padding: 0px 30px; margin-top: 10px;}
section.mid div.gallery-box div.my-gallery figure a.gallery-item div.text span:hover{background-color: #57657a; color: #fff}
section.mid div.gallery-box a.back{font-size: 17px; font-weight: 700; text-transform: uppercase; text-align: center; line-height: 37px; border: 1px solid #57657a; display: block; width: 170px; margin: 30px auto 0 auto}
section.mid div.gallery-box a.back:hover{color: #fff; background-color: #57657a; text-decoration: none}

section.mid div.gallery-box .obj-header {text-align: center;}
section.mid div.gallery-box .obj-header h1 {display: inline; margin: 0; margin-left: 4px; margin-bottom: 0;}
section.mid div.gallery-box .obj-header img {vertical-align: bottom;}
section.mid div.gallery-box .obj-desc {text-align: center; margin: 20px 0;}

/*404*/
section.mid div.not-exist{text-align: center; margin: 60px 0 70px;}
section.mid div.not-exist h2{margin: 0}
section.mid div.not-exist h3{font-size: 26px; font-weight: 300; text-transform: uppercase; margin: 10px 0 5px;}
section.mid div.not-exist h3 strong{font-weight: 700}
section.mid div.not-exist p{font-size: 18px; font-weight: 300; text-transform: uppercase; margin-bottom: 15px}
section.mid div.not-exist p a.link404{font-size: 18px; font-weight: 700}
section.mid div.not-exist p a.link404:hover{color: #455061; text-decoration: none}

.mid .article.container a.catalog {position: relative; display: block; width: 100%; height: 100%; max-width: 960px; max-height: 681px; margin: 0 auto;}
.mid .article.container a.catalog img {max-width: 100%; height: auto; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; opacity: 1;}
.mid .article.container a.catalog:hover img{opacity: 0.7;}
.mid .article.container a.catalog button {opacity: 0; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; height: 42px; line-height: 41px; color: #fff; font-size: 17px; font-weight: 700; border: 1px solid #57657a; background: #57657a; text-transform: uppercase; padding: 0 40px; cursor: pointer}
.mid .article.container a.catalog:hover button {opacity: 1; }

/* Large */
@media (max-width: 1199.98px) {
	.social-media-wrapper {
		display: none;
	}

	section.mid div.article-box {
		padding: 100px 0 100px 120px;
	}

	.art-what-is .art-wrapper .art-text h2 {
		font-size: 45px;
	}

	.art-what-is .art-wrapper .art-text .accompanying-text {
		font-size: 19px;
	}

	section.mid div.values-bg {
		margin-top: 100px;
	}

	div.article-section-sg {
		margin-top: 120px;
	}

	h2.introduction-title {
		font-size: 65px;
	}

	p.introduction-text,
	div.introduction-text {
		font-size: 23px;
		width: 95%;
	}

	.article-one {
		padding-top: 80px;
	}

	.article-one .art-wrapper {
		padding-bottom: 110px;
	}

	.article-second .art-wrapper,
	.article-third .art-wrapper {
		padding-top: 60px;
	}

	.article-second .image-wrapper,
	.article-third .art-wrapper {
		padding-bottom: 160px;
	}

	.article-fourth .image-wrapper {
		padding-bottom: 200px;
	}

	.baner-designers {
		padding-top: 60px;
		padding-bottom: 60px;
		padding-left: 75px;
		background-position: center;
		background-size: unset;
	}

	.baner-designers .designers-text {
		width: 90%;
	}

	.realizations-slider {
		margin-top: 100px;
	}

	.references-wrapper {
		margin-top: 110px;
		padding: 100px 0;
	}

	.references-wrapper .title h2 {
		font-size: 45px;
	}

	.references-wrapper .quote {
		width: 170px;
		height: 170px;
	}

	.references-wrapper .reference-content {
		font-size: 15px;
		line-height: 28px;
	}

	.design-wrapper {
		margin-top: 110px;
		background-size: contain;
	}

	.design-wrapper .design-content .design-content-description {
		margin-bottom: 100px;
	}

	.design-wrapper .design-content h2 {
		font-size: 50px;
	}

	.design-wrapper .design-content h2 span {
		font-size: 70px;
	}

	.design-wrapper .design-content .design-content-description .text-container {
		font-size: 14px;
	}

	.design-wrapper .design-content .design-content-description .pragraph {
		width: 90%;
		font-size: 22px;
		margin-bottom: 30px;
	}

	.design-wrapper .img-container img {
		max-width: 85%;
		left: -10px;
	}

	.design-wrapper .form-container h2 {
		font-size: 50px;
	}

	.design-wrapper .form-container .form-description {
		font-size: 17px;
		line-height: 30px;
	}

	.design-wrapper .form-container form input {
		line-height: 50px;
	}

	section.footer {
		margin-top: 100px;
	}

	.article .img-container img {
		max-width: 95%;
	}

	.product .prod-slider-wrapper picture img {
		max-width: 100%;
		height: auto;
	}

	.product .prod-slider-wrapper,
	.realisation .realisation-slider-wrapper {
		padding: 0 35px;
	}

	.your-project-wrapper .formation-wrapper .step.step-one {
		margin-top: 50px;
	}

	.your-project-wrapper .formation-wrapper .step.step-three,
	.your-project-wrapper .formation-wrapper .step.step-five {
		margin-top: 40px;
	}

	.your-project-wrapper .formation-wrapper .step.right .description {
		margin-left: 10px;
	}

	.your-project-wrapper .formation-wrapper .step.left .description {
		margin-right: 10px;
	}

	.your-project-wrapper .your-project-form {
		margin-top: 100px;
	}

	
}

/* Small */

@media (max-width: 991.98px) {
	.container{
		max-width: 100%
	}

	header {
		padding-top: 0;
	}

	header div.logo-box {
		text-align: left;
		padding-left: 40px;
	}

	header div.menu-top-box{
		position: fixed;
		top: 68px;
		left: -100%;
		height: 100%;
		width: 100%;
		margin: 0;
		padding: 0;
		-webkit-transition: 0.5s left;
		-moz-transition: 0.5s left;
		-ms-transition: 0.5s left;
		-o-transition: 0.5s left;
		transition: 0.5s left;
		background-color: rgba(255, 255, 255, 1);
		z-index: 999999;
	}
	header div.menu-top-box.show{
		left: 0;
		overflow: scroll;
		text-align: center
	}
	header div.mobile-menu{
		width: 100%;
		padding: 20px 0;
	}
	header nav.menu-top{
		height: 100%;
		border-top: 1px solid #1a1a1a;
		padding-top: 20px;
	}
	header nav.menu-top ul{
		display: flex;
		flex-direction: column;
		padding-right: 0;
		height: 100%;
		padding-right: 0;
		text-align: left;
	}
	header nav.menu-top ul li{
		font-size: 26px;
		padding: 5px 0 5px 75px;
	}

	header nav.menu-top .nav-link {
		padding: 0;
		font-size: 25px;
	}

	header nav.menu-top .nav-link.your-project {
		margin-left: 0;
		display: inline-block;
		padding: 0 30px;
	}

	header nav.menu-top ul div.dropdown-menu.show{
		position: static!important;
		transform: none!important;
		text-align: left;
		padding: 0 20px;
	}

	header nav.menu-top ul div.dropdown-menu a {
		padding: 0;
		border: none;
		font-size: 15px;
	}

	header div.lang-box div.dropdown{
		text-align: right;
	}
	header div.lang-box div.dropdown ul.dropdown-menu{
		background-color: rgba(255, 255, 255, 0.95);margin-left: 0
	}
	header div.lang-box div.dropdown button.lang-btn.dropdown-toggle::after{
		display: inline-block;
		margin-left: 0
	}
	header ul.social-media li{
		margin-right: 12px
	}
	
	header div.lang-box div.dropdown button.lang-btn::before{
		margin-bottom: -7px
	}

	header nav.menu-top ul div.dropdown-menu {
		width:100%;
	}

	header div.baner-wrapper {
		margin-top: 0;
	}

	nav.breadcrumbs ul{
		padding: 0 10px 10px 10px
	}

	section.mid div.article-box {
		padding: 70px 0 70px 25px;
	}

	section.mid div.article-box div.about-us h1 img {
		width: 30%;
		object-fit: contain;
	}

	section.mid div.article-box div.about-us h1 span {
		margin-left: 25px;
		font-size: 22px;
	}

	section.mid div.article-box div.about-us p{
		padding: 0 20px;
		font-size: 16px;
		width: 95%;
	}

	.art-what-is .image-wrapper {
		margin-right: 4%;
		max-width: 43%;
	}

	.art-what-is .art-wrapper {
		padding: 50px 0 0 0;
	}

	.art-what-is .art-wrapper .art-text .accompanying-text {
		font-size: 17px;
	}

	.art-what-is .art-wrapper .art-text h2 {
		font-size: 33px;
	}

	.art-what-is .art-wrapper .art-text p {
		font-size: 16px;
		line-height: 30px;
	}

	section.mid div.values-bg {
		padding: 50px 0;
	}

	section.mid div.values-bg .title h2 {
		font-size: 32px;
		margin-bottom: 35px;
	}

	section.mid div.values-bg div.values-box .title {
		font-size: 20px;
	}

	div.article-section-sg {
		margin-top: 80px;
	}

	div.article-section-sg .introduction {
		padding-left: 20px;
	}

	h2.introduction-title {
		font-size: 56px;
	}

	p.introduction-text,
	div.introduction-text {
		font-size: 18px;
	}

	.article-one {
		padding-top: 60px;
	}

	.article-one .art-wrapper {
		padding: 0 30px 80px 30px;
	}

	.article-section-sg .art-text p {
		line-height: 25px;
	}

	.article-second .art-wrapper, .article-third .art-wrapper {
		padding: 20px 30px 0 30px;
	}

	.article-second .image-wrapper,
	.article-third .art-wrapper {
		padding-bottom: 120px;
	}

	.baner-designers {
		padding-left: 40px;
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.baner-designers h3 {
		font-size: 37px;
	}

	.baner-designers h3 span.first-step {
		font-size: 53px;
	}

	.baner-designers .designers-text {
		font-size: 16px;
	}

	.references-wrapper .quote {
		margin: 0 auto;
	}

	.references-wrapper .reference-box,
	.references-wrapper .reference-content {
		font-size: 14px;
	}

	.design-wrapper {
		padding: 0 20px;
		margin-top: 80px;
	}

	.design-wrapper .design-content h2 {
		font-size: 40px;
	}

	.design-wrapper .design-content h2 span {
		font-size: 60px;
	}

	.design-wrapper .design-content .design-content-description .pragraph {
		width: 95%;
		font-size: 20px;
	}

	.design-wrapper .design-content .design-content-description {
		margin-bottom: 65px;
	}

	.design-wrapper .form-container h2 {
		font-size: 45px;
	}
	
	.design-wrapper .form-container .form-description {
		font-size: 16px;
		padding-left: 90px;
	}

	section.footer {
		margin-top: 80px;
	}

	section.footer .link-box.about-us {
		padding-left: 40px;
	}

	section.footer .link-box.offer {
		width: 255px;
		padding-left: 10%;
	}

	section.footer .link-box.other {
		width: 150px;
		padding-left: 50px;
	}

	.product-list,
	.realizations-list-section {
		padding: 0 20px;
	}

	.realizations-list-section .realisation-filter-form {
		flex-wrap: wrap;
	}

	.realizations-list-section .realisation-filter-form .form-item {
		width: 50%;
	}

	.realizations-list-section .realisation-filter-form .form-item.type-box {
		padding-left: 25px;
	}

	.realizations-list-section .realisation-filter-form .form-item select {
		min-width: 240px;
	}

	.realizations-list-section .navi,
	.product-list .navi {
		margin-bottom: 0;
	}

	.product .product-description-wrapper .title,
	.product .product-technical-specifications-wrapper .title {
		font-size: 35px;
	}

	.product .characteristics-wrapper {
		padding: 40px 20px;
	}

	.product .prod-title-wrapper {
		padding-left: 20px;
		padding-right: 20px;
	}

	.product .characteristics-wrapper .download-characteristics {
		padding-bottom: 40px;
	}

	.product .characteristics-wrapper .download-characteristics .norm {
		text-align: center;
		margin-bottom: 15px;
	}

	.product .characteristics-wrapper .norm p{
		padding-left: 0;
	}

	.product .characteristics-wrapper .download-wrapper {
		justify-content: center;
	}

	.product .product-sheet-nav {
		padding: 20px 0;
		margin-top: 80px;
		margin-bottom: 80px;
	}

	.product .product-sheet-nav a {
		font-size: 14px;
	}

	.product .product-technical-specifications-wrapper {
		padding: 0 20px;
		margin-top: 80px;
	}

	.product .product-technical-specifications-wrapper .table-wrapper .specification-name,
	.product .product-technical-specifications-wrapper .table-wrapper .specification-value {
		width: 50%
	}

	.product .specification-image {
		margin-top: 100px;
	}

	.product .characteristics-wrapper.down {
		padding: 35px;
		margin-top: 100px;
	}

	.product .product-description-wrapper .img-container img {
		max-width: 90%;
	}

	.product .product-technical-specifications-wrapper .table-wrapper .specification-value p {
		overflow: hidden;
		white-space: normal;
	}

	.product .prod-slider-wrapper .swiper-button-prev.prod-prev {
		left: 20%;
	}

	.realisation .realisation-slider-wrapper .swiper-button-prev.realisation-prev {
		left: 16%;
	}

	.product .prod-slider-wrapper .swiper-button-next.prod-next {
		right: 20%;
	}
	.realisation .realisation-slider-wrapper .swiper-button-next.realisation-next {
		right: 16%;
	}

	.realisation .realisation-content-wraper {
		padding: 0 20px;
	}

	.your-project-wrapper .formation-wrapper .step.right .description {
		position: absolute;
		top: -110px;
		left: 25px;
	}

	.your-project-wrapper .formation-wrapper .step.left .description {
		position: absolute;
		top: -110px;
		right: 30px;
	}

	.your-project-wrapper .formation-wrapper .step.left .image {
		margin-left: auto;
	}

	.your-project-wrapper .formation-wrapper .step.step-one {
		margin-top: 95px;
	}

	.your-project-wrapper .formation-wrapper .step.step-two {
		margin-top: 50px;
	}

	.your-project-wrapper .formation-wrapper .step.step-four {
		margin-top: 70px;
	}

	section.mid section.article{padding: 10px 20px 30px}

	.your-project-wrapper .your-project-title-wrapper {
		padding-left: 20px;
		padding-right: 20px;
	}

	
	section.footer{padding: 35px 10px}
	section.footer .f-objects ul, section.footer .f-contact div, section.footer .f-contact ul{margin-left: 0; text-align: center}
	section.footer a{font-size: 14px}
	section.footer p{font-size: 20px}
	section.footer .f-follow {border-left: none}
	section.footer .f-follow ul p {margin-top: 15px;}
	section.footer div.f-contact{margin-top: 20px}
	section.footer .f-contact .foot-logo{margin-left: auto; margin-right: auto}

/*	section.footer .f-objects ul, section.footer .f-contact div, section.footer .f-contact ul{margin-left: 35px}
	section.footer .f-contact .foot-logo{max-width: 210px}*/
	section.footer-bar{margin-bottom: 55px}
	section.mid div.video-box-bg div.swiper-button-next,
	section.mid div.realizations-box div.swiper-button-next{right:10px}
	section.mid div.video-box-bg div.swiper-button-prev,
	section.mid div.realizations-box div.swiper-button-prev{left:10px}
	section.footer .f-contact .foot-logo{width: 75%}

	section.mid div.realizations-box ul.realizations-lst li.realizations-item:hover a.text, section.mid div.gallery-box div.my-gallery figure a.gallery-item:hover div.text {opacity: 0;}
	section.mid div.realizations-box ul.realizations-lst li.realizations-item:hover img.realizations-image, section.mid div.gallery-box div.my-gallery figure a.gallery-item:hover img.gallery-img {opacity: 1;}
	section.mid div.realizations-box div.swiper-button-next,
	section.mid div.realizations-box div.swiper-button-prev {display: none;}

	section.mid div.gallery-box div.my-gallery figure{width: 50%; height: auto}

	div.cookie-info{bottom: 0; padding: 0 5px}
}


@media (max-width: 767.98px) {

	section.mid div.values-bg {
		padding-bottom: 20px;
	}
	
	section.mid div.values-bg div.values-box .title::after {
		display: none;
	}

	section.mid div.values-bg div.values-box {
		margin-bottom: 30px;
	}

	section.mid div.values-bg div.values-box .title {
		font-weight: 300;
	}

	.article-one .art-wrapper {
		padding: 0 30px 20px 30px;
	}

	.article-second .art-wrapper,
	.article-third .art-wrapper {
		padding: 0px 10px 0 10px;
	}

	.article-section-sg .art-wrapper .read-more {
		margin-bottom: 15px;
	}

	.article-fourth .art-wrapper {
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 0;
	}

	.baner-designers {
		padding-left: 15px;
	}

	.baner-designers h3 {
		font-size: 30px;
	}

	.baner-designers h3 span.first-step {
		font-size: 45px;
	}

	.baner-designers .designers-text {
		font-size: 15px;
		line-height: 25px;
		padding-left: 80px;
	}

	.baner-designers .designers-text::before {
		top: 13px;
	}

	.realizations-slider {
		padding: 0 20px;
		margin-top: 80px;
	}

	h2.introduction-title {
		font-size: 45px;
	}

	.realizations-slider .introduction-text {
		font-size: 19px;
	}

	.references-wrapper {
		background-size: cover;
		padding: 200px 15px 55px;
		position: relative;
	}

	.references-wrapper .quote-wrapper {
		position: absolute;
		top: 50px;
		left: 0;
	}

	.references-wrapper .quote {
		width: 120px;
		height: 120px;
	}

	.design-wrapper .img-container {
		text-align: center;
	}

	.design-wrapper .img-container img {
		position: static;
	}

	.breadcrumb {
		padding-left: 10px;
		margin-top: 0;
	}

	.article .art-title,
	.product .prod-title,
	.product-list .prod-list-title,
	.realizations-list-section .realis-list-title,
	.your-project-wrapper .your-project-title {
		font-size: 40px;
		margin-top: 40px;
		margin-bottom: 60px;
	}

	.article .sub-title {
		font-size: 26px;
	}

	.article p {
		font-size: 15px;
		line-height: 30px;
		width: 100%;
	}

	.article .secend-headline-wrapper {
		border: none;
		margin-right: 0;
	}
	.article .secend-headline-wrapper .line {
		display: none;
	}

	.article .secend-headline-wrapper .img-container {
		padding-left: 0;
		padding-right: 20px;
	}

	.article .property-wrapper {
		padding: 40px 0 20px;
	}

	.article .property-wrapper .property-box {
		margin-bottom: 20px;
	}

	.article .img-container img {
		max-width: 90%;
	}

	.article .text-container {
		padding-left: 20px;
	}

	.article .text-container p {
		width: 100%;
	}

	.product-list .prod-list-description,
	.realizations-list-section .realis-list-description {
		margin-bottom: 65px;
	}

	.product-list .prod-list li,
	.realizations-list-section .realizations-list li {
		width: 45%;
		flex: 0 0 45%;
	}

	.product-list .filter-form .form-item.elements-box select {
		min-width: 200px;
	}

	.product-list .filter-form .form-item.max-people-box select {
		min-width: 130px;
	}

	.product-list .filter-form .form-item.area-box select {
		min-width: 150px;
	}
	.product .product-description-wrapper .img-container {
		text-align: center;
		margin-top: 20px;
	}

	.product .product-description-wrapper .first-headline {
		margin-bottom: 30px;
	}

	.product .product-description-wrapper {
		padding: 0 20px;
	}

	.product .product-description-wrapper .text-container {
		padding: 0;
	}

	.product .product-description-wrapper p,
	.product .product-technical-specifications-wrapper p {
		font-size: 15px;
		line-height: 27px;
	}

	.product .specification-image .sepcification-img-box {
		margin-bottom: 150px;
	}

	.product .product-technical-specifications-wrapper .table-wrapper .specification-value p {
		overflow: hidden;
		white-space: normal;
	}

	.product .prod-slider-wrapper .swiper-button-prev.prod-prev {
		left: 10%;
	}

	.realisation .realisation-slider-wrapper .swiper-button-prev.realisation-prev {
		left: 4%;
	}

	.product .prod-slider-wrapper .swiper-button-next.prod-next {
		right: 10%;
	}

	.realisation .realisation-slider-wrapper .swiper-button-next.realisation-next {
		right: 4%;
	}

	.your-project-wrapper .benefits-wrapper .benefit-box p.title {
		font-size: 15px;
	}

	.your-project-wrapper .formation-wrapper .step.right .description,
	.your-project-wrapper .formation-wrapper .step.left .description {
		top: -135px;
	}


	.your-project-wrapper .your-project-form .contact .title {
		font-size: 20px;
		line-height: 25px;
		margin-bottom: 40px;
	}

	.your-project-wrapper .your-project-form .contact .call {
		margin-bottom: 15px;
	}

	.your-project-wrapper .your-project-form .contact a {
		margin-bottom: 15px;
		font-size: 23px;
	}

	.your-project-wrapper .your-project-form .contact .hour {
		margin-bottom: 40px;
	}


}


@media (max-width: 575.98px){
	header div.mobile-menu {
		padding: 21px 0;
	}

	header div.logo-box {
		padding-left: 30px;
	}

	header div.logo-box img {
		max-width: 74%;
		height: auto;
	}

	header div.lang-box div.dropdown {
		padding-right: 15px;
	}

	header div.baner-wrapper img {
		object-fit: cover;
		width: 100%;
		height: 480px;
		object-position: 62%;
	}

	span.line{
		display: none;
	}

	section.mid div.article-box {
		margin-left: 0;
		border: none;
		padding: 45px 20px;
	}

	section.mid div.article-box div.about-us h1 {
		margin-bottom: 20px;
		margin-top: 0;
	}

	section.mid div.article-box div.about-us h1 img {
		display: none;
	}

	section.mid div.article-box div.about-us h1 span {
		margin-left: 0;
		font-size: 16px;
		font-weight: 500;
	}

	section.mid div.article-box div.about-us p {
		padding: 0;
		width: 100%;
		font-size: 14px;
		font-weight: 300;
		line-height: 24px;
	}

	.art-what-is {
		padding: 0 20px;
	}

	.art-what-is .image-wrapper {
		margin-right: 0;
		max-width: 100%;
	}

	.art-what-is .art-wrapper {
		padding: 40px 0 0 0;
	}

	.art-what-is .art-wrapper .art-text .accompanying-text {
		font-size: 12px;
	}

	.art-what-is .art-wrapper .art-text h2 {
		font-size: 27px;
		font-weight: 500;
		margin-bottom: 20px;
	}

	.art-what-is .art-wrapper .art-text p {
		width: 100%;
		font-size: 14px;
		line-height: 24px;
	}

	a.read-more,
	.article-section-sg .art-wrapper .read-more {
		margin: 20px auto 0 auto;
	}

	section.mid div.values-bg {
		margin-top: 60px;
	}

	section.mid div.values-bg .title h2 {
		font-size: 19px;
		font-weight: 500;
	}

	section.mid div.values-bg div.values-box .title {
		font-size: 13px;
	}

	div.article-section-sg {
		padding: 0 20px;
	}

	div.article-section-sg .introduction {
		padding-left: 0;
	}

	h2.introduction-title {
		font-size: 35px;
		text-align: center;
		margin-bottom: 0;
	}

	p.introduction-text::before,
	div.introduction-text::before {
		display: block;
		margin: 10px auto 20px auto;
		width: 45px;
	}

	p.introduction-text,
	div.introduction-text{
		flex-direction: column;
		width: 100%;
		font-size: 14px;
	}

	.article-one {
		padding-top: 35px;
		border: none;
	}

	.article-one .art-wrapper {
		padding: 25px 0 50px 0;
		border: none;
	}

	.article-section-sg h3.art-title {
		font-size: 25px;
		min-height: 75px;
		background-size: contain;
	}
	

	.article-section-sg h3.art-title .accompanying-text {
		font-size: 11px;
		font-weight: 300;
		padding-bottom: 0;
	}

	.article-second,
	.article-fourth {
		flex-direction: column-reverse;
		border: none;
	}

	.article-second .image-wrapper,
	.article-third .art-wrapper {
		padding-bottom: 0;
		border: none;
	}

	.article-section-sg .article-second h3.art-title,
	.article-section-sg .article-one h3.art-title,
	.article-section-sg .article-third h3.art-title,
	.article-section-sg .article-fourth h3.art-title {
		background-size: contain;
	}

	.article-second .art-wrapper,
	.article-third .art-wrapper,
	.article-fourth .art-wrapper {
		padding: 25px 0 50px 0;
	}

	.article-third,
	.article-fourth {
		border: none;
	}

	.article-fourth .image-wrapper {
		padding-bottom: 0;
		border: none;
	}

	.baner-designers h3 {
		font-size: 19px;
		font-weight: 500;
		margin-bottom: 25px;
	}

	.baner-designers h3 span.first-step {
		font-size: 29px
	}

	.baner-designers {
		padding: 50px 10%;
	}

	.baner-designers .designers-text {
		padding: 0;
		width: 100%;
		font-size: 14px;
	}

	.baner-designers .designers-text::before {
		position: static;
		margin-bottom: 20px;
		width: 35px;
	}

	div.introduction-text::before {
		margin-bottom: 35px;
	}

	.realizations-slider .introduction-text p,
	.realizations-slider .slider-container .slider-navi {
		display: none;
	}

	.realizations-slider .swiper-slide {
		max-width: 240px !important;
	}

	.realizations-slider .slider-container a.read-more {
		margin-top: 50px;
	}

	.swiper-container.references {
		padding-bottom: 50px;
	}

	.references-wrapper .swiper-pagination.references-pagination {
		left: calc(50% - 22.5px);
	}

	.references-wrapper {
		margin-top: 80px;
	}
	.references-wrapper .quote {
		width: 68px;
		height: 68px;
		font-size: 55px;
	}

	.references-wrapper .quote span {
		margin-top: -40px;
	}

	.references-wrapper .quote-wrapper {
		top: 65px;
	}

	.references-wrapper .title h2 span {
		font-size: 12px;
	}

	.references-wrapper .title h2 {
		font-size: 32px;
		margin-bottom: 40px;
	}

	.references-wrapper .title h2::after {
		width: 35px;
		margin-top: 20px;
	}

	.references-wrapper .reference-box,
	.references-wrapper .reference-content {
		font-size: 13px;
		text-align: center;
		line-height: 25px;
	}

	.references-wrapper .reference-author {
		text-align: center;
		font-size: 12px;
		margin-top: 20px;
	}

	.references-wrapper .reference-author span,
	.references-wrapper .reference-author span.dot {
		display: none;
	}

	.design-wrapper .design-content h2 {
		font-size: 30px;
		margin-bottom: 25px;
	}

	.design-wrapper .design-content h2 span {
		font-size: 40px;
	}

	.design-wrapper .design-content .design-content-description {
		padding: 0;
		margin-bottom: 50px;
	}

	.design-wrapper .design-content .design-content-description::before,
	.design-wrapper .form-container .form-description::before {
		width: 35px;
		display: block;
		position: static;
		margin-bottom: 20px;
	}

	.design-wrapper .design-content .design-content-description .text-container p {
		display: none;
	}

	.design-wrapper .design-content .design-content-description .text-container .pragraph {
		display: block;
		width: 100%;
		font-size: 17px;
		font-weight: 300;
		line-height: 30px;
	}

	.design-wrapper .img-container {
		min-height: 100%;
		margin-bottom: 20px;
	}

	.design-wrapper .img-container img {
		max-width: 100%;
		height: auto;
	}

	.design-wrapper .form-container h2 {
		font-size: 34px;
		text-align: center;
	}

	.design-wrapper .form-container .form-description {
		padding: 0;
		font-size: 14px;
		font-weight: 300;
		line-height: 20px;
		text-align: center;
	}
	
	.design-wrapper .form-container .form-description::before{
		margin-left: auto;
		margin-right: auto;
	}

	.design-wrapper .form-container form {
		margin-top: 20px;
	}

	.design-wrapper .form-container form .privacy-policy-wrapper label,
	.design-wrapper .form-container form .privacy-policy-wrapper label a {
		font-size: 11px;
	}

	section.footer {
		background-size: cover;
		padding-top: 75px;
		padding-bottom: 15px;
	}

	section.footer .footer-logo {
		margin-bottom: 50px;
	}

	section.footer .footer-logo img {
		max-width: 60%;
	}

	section.footer .link-box.about-us,
	section.footer .link-box.offer,
	section.footer .link-box.other {
		padding-left: 70px;
		width: 100%;
	}

	section.footer .link-box ul {
		display: none;
		padding-bottom: 35px;
	}

	section.footer .link-box ul.show {
		display: block;
	}

	section.footer .link-box p {
		font-size: 20px;
		font-weight: 700;
	}

	section.footer .link-box p::after {
		content: '+';
		display: inline-block;
		font-size: 23px;
		margin-left: 25px;
	}

	section.footer .social-media-box {
		margin-top: 60px;
	}

	section.footer .contact-box {
		padding-bottom: 50px;
	}

	.article .art-title,
	.product .prod-title,
	.product-list .prod-list-title,
	.realizations-list-section .realis-list-title,
	.your-project-wrapper .your-project-title,
	.realisation .realisation-title {
		font-size: 26px;
		margin-top: 25px;
		margin-bottom: 45px;
	}

	.article .sub-title {
		font-size: 20px;
	}

	.article p {
		font-size: 14px;
		line-height: 25px;
	}

	.article .first-headline {
		margin-bottom: 30px;
	}

	.article .text-container {
		padding-left: 0;
	}

	.article .img-container {
		text-align: center;
		margin-top: 20px;
	}

	.article .secend-headline-wrapper {
		padding-top: 45px;
		padding-bottom: 105px;
	}

	.article .secend-headline-wrapper .img-container {
		padding-right: 0;
		text-align: center;
		margin-bottom: 20px;
	}

	.article .secend-headline-wrapper .text-container p {
		width: 100%;
	}

	.product-list .filter-form,
	.realizations-list-section .realisation-filter-form {
		flex-wrap: wrap;
	}

	.product-list .filter-form .form-item,
	.realizations-list-section .realisation-filter-form .form-item {
		width: 100%;
		margin-bottom: 10px;
	}

	.product-list .filter-form .form-item select,
	.realizations-list-section .realisation-filter-form .form-item select {
		width: 100%;
	}

	.realizations-list-section .navi, .product-list .navi {
		margin-bottom: 0;
	}

	.product-list .filter-form .form-item.max-people-box {
		margin: 0 0 10px;
	}

	.product-list .prod-list li, .realizations-list-section .realizations-list li {
		width: 100%;
		flex: 0 0 100%;
	}

	.product-list .prod-list li a {
		text-align: center;
	}

	.realizations-list-section .realisation-filter-form .form-item.type-box,
	.realizations-list-section .realisation-filter-form .form-item {
		padding-left: 0;
	}

	.product .characteristics-wrapper .property-wrapper .property-box,
	.realisation .property-wrapper .property-box {
		margin-bottom: 15px;
	}

	.product .characteristics-wrapper .download-wrapper {
		flex-direction: column;
	}

	.product .characteristics-wrapper .download-wrapper .download-box.sheet {
		margin-right:0;
		margin-bottom: 15px;
	}

	.product .characteristics-wrapper .download-wrapper .download-box a {
		max-width: 220px;
		margin: 0 auto;
	}

	.product .product-sheet-nav {
		margin-bottom: 50px;
	}

	.product .product-sheet-nav a {
		font-size: 12px;
	}

	.product .product-sheet-nav .product-description {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.product .product-description-wrapper {
		padding: 0 20px;
		margin-bottom: 80px;
	}

	.product .product-description-wrapper .title,
	.product .product-technical-specifications-wrapper .title {
		font-size: 23px;
		min-height: 100px;
		background-size: contain;
	}

	.product .product-description-wrapper .title .accompanying-text,
	.product .product-technical-specifications-wrapper .title .accompanying-text {
		font-size: 12px;
		line-height: 20px;
		letter-spacing: 6px;
	}

	.product .product-technical-specifications-wrapper .table-wrapper .specification-name,
	.product .product-technical-specifications-wrapper .table-wrapper .specification-value {
		display: flex;
		align-items: center;
	}

	.product .product-technical-specifications-wrapper .table-wrapper .specification-name p {
		line-height: 20px;
		padding: 5px 0;
	}

	.product .navi-product-wrapper .navi-box,
	.realisation .navi-realisation-wrapper .navi-box {
		margin-top: 65px;
	}

	.product .navi-product-wrapper .navi-box a,
	.realisation .navi-realisation-wrapper .navi-box a {
		min-width: 133px;
		font-size: 10px;
	}

	.product .product-technical-specifications-wrapper .table-wrapper .specification-value p {
		font-size: 14px;
	}

	.breadcrumb a,
	.breadcrumb {
		font-size: 10px;
	}

	.breadcrumb .dash {
		margin: 0 5px;
	}

	.product .specification-image .sepcification-img-box {
		margin-bottom: 80px;
	}

	.product .prod-slider-wrapper .gallery-thumbs,
	.realisation .realisation-slider-wrapper .realisation-gallery-thumbs {
		visibility: hidden;
		height: 0;
	}

	.product .prod-slider-wrapper {
		padding: 0 35px;
	}

	.product .prod-slider-wrapper .swiper-button-prev.prod-prev,
	.product .prod-slider-wrapper .swiper-button-next.prod-next,
	.realisation .realisation-slider-wrapper .swiper-button-prev.realisation-prev,
	.realisation .realisation-slider-wrapper .swiper-button-next.realisation-next {
		top: 50%
	}

	.product .prod-slider-wrapper .swiper-button-prev.prod-prev,
	.realisation .realisation-slider-wrapper .swiper-button-prev.realisation-prev {
		left: 2%;
	}

	.product .prod-slider-wrapper .swiper-button-next.prod-next,
	.realisation .realisation-slider-wrapper .swiper-button-next.realisation-next {
		right: 2%;
	}

	.realisation .navi-realisation-wrapper .navi-box a.prev::before {
		margin-right: 3px;
	}

	.realisation .navi-realisation-wrapper .navi-box a.next::after {
		margin-left: 3px;
	}

	.your-project-wrapper .benefits-wrapper {
		padding: 35px 15px;
	}

	.your-project-wrapper .formation-title-wrapper {
		margin-top: 40px;
		padding: 0 20px;
	}

	.your-project-wrapper .formation-title-wrapper span {
		font-size: 17px;
	}

	.your-project-wrapper .formation-title-wrapper p {
		font-size: 25px;
	}

	.your-project-wrapper .formation-wrapper .step.right .description,
	.your-project-wrapper .formation-wrapper .step.left .description {
		position: static;
	}

	.your-project-wrapper .formation-wrapper {
		min-height: 100%;
		margin-top: 40px;
		padding: 0 20px;
	}

	.your-project-wrapper .formation-wrapper .step.step-one {
		margin-top: 0px;
	}

	.your-project-wrapper .formation-wrapper .step.step-two,
	.your-project-wrapper .formation-wrapper .step.step-four,
	.your-project-wrapper .formation-wrapper .step.step-three,
	.your-project-wrapper .formation-wrapper .step.step-five {
		margin-top: 20px;
	}

	.your-project-wrapper .formation-wrapper .step.left .description {
		text-align: left;
		padding-left: 40px;
		padding-right: 0;
		margin-right: 0;
	}

	.your-project-wrapper .formation-wrapper .step.right .description {
		margin-left: 0;
	}

	.your-project-wrapper .formation-wrapper .step.left .description::after {
		right: calc(100% - 20px);
	}

	.your-project-wrapper .your-project-form {
		margin-top: 70px;
		padding: 40px 20px;
	}

	.your-project-wrapper .your-project-form h2 span {
		font-size: 30px;
	}

	.your-project-wrapper .your-project-form h2 {
		font-size: 35px;
	}

	.your-project-wrapper .your-project-form .contact {
		padding-top: 0;
	}

	.your-project-wrapper .your-project-form form .form-input,
	.your-project-wrapper .your-project-form form .form-content,
	.your-project-wrapper .your-project-form form .submit-btn,
	.your-project-wrapper .your-project-form form .title {
		width: 100%;
		text-indent: 20px;
	}

	.your-project-wrapper .your-project-form form .form-content {
		padding-left: 0;
		padding-right: 10px;
	}

	.your-project-wrapper .your-project-form form .title p {
		width: 90%;
		margin: 15px auto;
	}

	.your-project-wrapper .your-project-form .contact .hour {
		margin-bottom: 30px;
	}

	.social-media-wrapper {
		display: none;
	}

	.product-list .prod-list,
	.realizations-list-section .realizations-list {
		margin-bottom: 50px;
	}

	.product .prod-title-wrapper {
		padding-left: 20px;
		padding-right: 20px;
	}

	.your-project-wrapper .your-project-description {
		width: 100%
	}

	.product .product-technical-specifications-wrapper .table-wrapper .info {
		width: 100%;
	}
}