@import url("https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap");
* {
box-sizing: border-box;
}
a{
color: #444;
}
body {
padding: 0;
margin: 0;
font-family: 'Ubuntu', sans-serif;
overflow-x:hidden; 
color: #444;
font-size: 14px;
line-height: 22px;
}
h2{
font-size: 24px;
}
.builder{
line-height: 22px;
padding-bottom: 20px;
}
.container_header{
margin: 0 auto;
}
.container {
max-width: 1140px;
padding: 0 15px;
margin: 0 auto;
}
.desktop_header{
min-height: 120px;
padding: 15px 80px;
color: #333;
z-index: 2;
position: relative;
}
.menu__desktop{
margin-right: auto;
margin-left: auto;
position: relative;
background: #e9e9e9;
margin-top: 20px;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
border-radius: 20px;
padding: 12px 0;
}
.menu {
margin: 0;
padding: 0;
list-style: none;
display: flex;
justify-content: center;
align-items: center;
}
.menu__item a {
font-family: 'Ubuntu', sans-serif;
font-size: 14px;
line-height: 17px;
letter-spacing: 0.04em;
color: #333;
text-decoration: none;
padding: 15px 25px;
}
.menu__item:last-child a {
margin-right: 0;
}
.menu__mobile {
display: none;
}
.active a {
color: #838383;
}
.sub-menu {
position: absolute;
top: 100%; z-index: 10;
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
.menu__desktop .sub-menu {
display: none;
list-style: none;
background: #e9e9e9;
border-radius: 5px; 
}
.sub-menu{
border: 1px solid #b4b4b4;
padding: 0px;
}
.sub-menu li{
padding: 8px 5px;
border-radius: 5px;
}
.sub-menu li:hover{
background: #d9d9d9;
}
.menu__desktop ul li:hover .sub-menu {
display: block;
}
.menu__mobile .sub-menu {
display: none;
}
.logo {
margin: 0 1px;
text-align: center;
} 
.logo_img img{
max-width: 150px;
height: auto;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
}
.logo_text{
padding-top: 5px;
padding-bottom: 15px;
}
.logo_text a{
font-family: 'Ubuntu', sans-serif;
color: #333;
text-decoration: none;
font-size: 22px;
letter-spacing: 1px;
}
.phone_header{
text-align: center;
font-size: 14px;
color: #555;
}
.phone{
text-decoration: none;
padding-right: 5px;
color: #555;
}
.mail-top{
text-decoration: none;
padding-left: 5px;
color: #555;
}
.header__content {
display: flex;
justify-content: space-between;
}
.header__content__50 {
width: 50%;
}
.header__title {
font-family: 'Ubuntu', sans-serif;
font-size: 38px;
line-height: 46px;
font-weight: 700;
color: #d4551a;
padding-top: 150px;
margin: 0px auto 4px;
}
.header__text {
font-family: 'Ubuntu', sans-serif;
font-size: 38px;
line-height: 46px;
font-weight: 700;
color: #4c4c4c;
}
.header__button_one {
font-family: 'Ubuntu', sans-serif;
font-size: 14px;
line-height: 17px;
font-weight: 400;
letter-spacing: 0.04em;
color: #fff;
text-decoration: none;
width: 160px;
background: rgba(0,0,0,0.2);
border: 2px solid #fff;
padding: 10px 10px;
border-radius: 30px;
box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 25%);
margin-top: 30px;
margin-left: auto;
margin-right: auto;
text-shadow: 3px 3px 7px rgb(64 64 64);
-webkit-text-shadow: 3px 3px 7px rgba(64,64,64,1);
-moz-text-shadow: 3px 3px 7px rgba(64,64,64,1);
}
.header__button_one:hover{
background: rgba(0,0,0,0.4);
}
.header__button_text{
font-family: 'Ubuntu', sans-serif;
font-size: 13px;
line-height: 17px;
font-weight: 500;
letter-spacing: 0.04em;
color: #787676;
margin-top: 12px;
}
.header__video__img img{
max-width: 580px;
width: 100%;
float: right;
margin-top: 50px;
} .fbc{ max-width: 650px;
margin-left: auto;
margin-right: auto;
}
.fbc-page .fbc-wrap .fbc-items{
border-radius: 20px;
float: none!important;
margin-left: auto;
margin-right: auto;
position: relative;
text-align: center;
} .our-builder-slider{
padding: 30px 0 30px 0;
}
.our-builder-slider .slick-slide a {
background: #f4f4f4;
display: block;
position: relative;
text-decoration: none;
}
.our-builder-slider .slick-slide a:before {
position: absolute;
width: 100%;
height: 100%;
top: 0;
background: rgba(0, 0, 0, 0.3);
content: '';
opacity: 0;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.our-builder-slider .slick-slide a:hover:before {
opacity: 1;
}
.our-builder-slider .slick-slide {
padding: 0 5px;
}
.our-builder-slider .slick-slide img {
width: 100%;
max-width: 600px;
height: auto;
}
.slider-builder-container{
padding: 0 40px;
}
.our-builder-slider #prev{
display: block;
background: none;
border: 0px solid red;
cursor: pointer;
position: absolute;
z-index: 2;
left: -40px!important;
font-size: 40px;
color: #10839E;
top: calc(50% - 20px);
}
.our-builder-slider #next{
display: block;
background: none;
border: 0px solid red;
cursor: pointer;
position: absolute;
z-index: 2;
right: -40px!important;
font-size: 40px;
color: #10839E;
top: calc(50% - 20px);
}
.slider-builder-container .slick-slide p{
padding: 0 20px;
color: #444;
line-height: 16px;
}
.slider-builder-container .line{
width: 80px;
border-bottom: 1px solid #10839E;
margin-top: -7px;
margin-left: 20px;
margin-bottom: 20px;
}
#modal-form1{
max-width: 1140px;
margin: 0 20px;
}
#modal-form2{
max-width: 1140px;
margin: 0 20px;
}
#modal-form3{
max-width: 1140px;
margin: 0 20px;
}
#modal-form4{
max-width: 1140px;
margin: 0 20px;
}
#modal-form5{
max-width: 1140px;
margin: 0 20px;
} .interieri h2{
color: #888; font-size: 20px;
}
.gal1{
margin-top: -35px;
}
#gallery-1 img {
border: 0px solid #cfcfcf!important;
}
.elpt-portfolio-content .portfolio-item-category {
font-size: 14px!important;
font-style: normal!important;
} .form1_title{
font-family: 'Ubuntu', sans-serif;
font-size: 22px;
font-weight: 700;
margin-top: 30px;
text-align: center;
}
.form1 input[type=text], .form1 input[type=tel], input[type="email"] {
border: 1px solid #c2c2c2;
border-radius: 5px;
width: 100%;
padding: 12px 10px;
border-radius: 30px;
}
.form1 label{
font-family: 'Ubuntu', sans-serif;
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: #4c4c4c;
text-align: center;
}
input:focus::-webkit-input-placeholder { color:transparent!important; display: none; }
input:focus:-moz-placeholder { color:transparent!important; display: none;} input:focus::-moz-placeholder { color:transparent!important; display: none;} input:focus:-ms-input-placeholder { color:transparent!important; display: none; } .form1 input::placeholder { font-size: 14px; color: #5c5c5c; font-family: 'Ubuntu', sans-serif;}
.form1 textarea::placeholder { font-size: 14px; color: #5c5c5c; font-family: 'Ubuntu', sans-serif;}
.form2 textarea::placeholder { font-size: 14px; color: #5c5c5c; font-family: 'Ubuntu', sans-serif;}
.form1 [type=button],
.form1 [type=submit],
.form1 button {
display: inline-block;
font-weight: 400;
color: #304e74;
text-align: center;
white-space: nowrap;
background-color: #ff2c13;
border: 2px solid #ff2c13;
color: #fff;
padding: 10px 25px;
font-size: 16px;
font-family: 'Ubuntu', sans-serif;
border-radius: 30px;
margin-top: 20px;
}
.form1 [type=button]:hover,
.form1 [type=submit]:hover,
.form1 button:hover {
border: 2px solid #fb5744;
background-color: #fb5744;
}
.wpcf7-form .form1 p {
text-align: center;
}
.wpcf7-spinner {
display: none;
} .home-slider {
height: auto;
z-index: 1;
max-width: 1140px;
margin-left: auto;
margin-right: auto;
border-style: solid;
border-width: 2px 2px 2px 2px;
border-color: #e9e9e9;
padding: 8px 8px 36px 8px;
margin-bottom: 30px;
}
.home-slider .slick-slide,
.home-slider .slick-track {
height: auto;
}
.home-slider .slick-slide img {
display: flex;
width: 100%;
align-items: flex-start;
}
.block-wrapper-heading {
padding: 20px;
position: absolute;
margin-top: 30px;
text-align: center;
}
.block-wrapper-heading h2 {
margin: 0;
font-family: 'Ubuntu', sans-serif;
font-size: 38px;
line-height: 56px;
font-weight: 700;
color: #fff;
text-shadow:3px 3px 7px rgba(64,64,64,1);
-webkit-text-shadow:3px 3px 7px rgba(64,64,64,1);
-moz-text-shadow:3px 3px 7px rgba(64,64,64,1);
}
.main-image-heading h2 {
font-family: 'Ubuntu', sans-serif;
font-size: 38px;
line-height: 56px;
font-weight: 700;
color: #fff;
text-shadow:3px 3px 7px rgba(64,64,64,1);
-webkit-text-shadow:3px 3px 7px rgba(64,64,64,1);
-moz-text-shadow:3px 3px 7px rgba(64,64,64,1);
}
.block-wrapper-heading p {
padding: 0 20px;
margin-bottom: 0;
font-family: 'Ubuntu', sans-serif;
font-size: 14px;
line-height: 26px;
color: #fff;
font-style: normal;
} .slick-dots{
margin-top: -60px;
position: relative;
text-align: center;
list-style: none;
}
.slick-slider ul{
padding-inline-start: 0px;
}
.slick-dots li{
display: inline-block;
}
.slick-dots button{
border: 1px solid white;
border-radius: 30px;
font-size: 0;
line-height: 0;
display: block;
width: 10px;
height: 10px;
padding: 5px;
cursor: pointer;
color: transparent;
outline: none;
background: transparent;
margin-right: 10px;
}
.slick-dots .slick-active button{
border: 1px solid white;
border-radius: 30px;
font-size: 0;
line-height: 0;
display: block;
width: 10px;
height: 10px;
padding: 5px;
cursor: pointer;
color: transparent;
outline: none;
background: white;
margin-right: 10px;
} .onas{
margin: 10px 0 0 0;
}
.onas__title{
margin-bottom: 20px;
padding: 10px 0 0 0;
}
.onas__title h1{
font-family: 'Ubuntu', sans-serif;
font-size: 26px;
line-height: 30px;
color: #444;
}
.onas__title__small{
font-size: 14px;
line-height: 22px;
color: #444;
margin-top: 20px;
margin-bottom: 0px;
font-family: 'Ubuntu', sans-serif;
}
.onas__footer{
padding: 0 0 40px 0;
margin-top: 40px;
}
.onas__inner{
display: flex;
justify-content: space-between;
font-size: 14px;
}
.onas__button_one{
font-family: 'Ubuntu', sans-serif;
font-size: 14px;
line-height: 17px;
font-weight: 500;
color: #10839E;
text-decoration: none;
width: 190px;
border: 2px solid #10839E;
background-color: #fff;
padding: 15px 24px;
border-radius: 30px;
margin-top: 10px;
}
.onas__button_one:hover{
background-color: #10839E;
color: #fff;
} .dop_str{
margin-bottom: 30px;
} .footer{
background-color: #333;
color: #fff;
padding: 80px 0 80px 0;
}
.footer_logo_text{
color: #fff;
font-size: 20px;
font-weight: 600;
line-height: 26px;
}
.footer_logo_text a{
color: #fff;
text-decoration: none;
font-size: 16px;
font-weight: 600;
}
.footer_logo_text_description{
font-size: 12px;
font-weight: 400;
}
.footer__opisanie{
text-align: center;
margin-bottom: 30px;
}
.footer__opisanie > * {
flex: 1 1 0;
}
.footer__text__opisanie{
margin-top: 30px;
font-size: 12px;
font-weight: 400;
color: #dddddd;
}
.hr-line{
padding: 15px 0 5px 0;
height: 0;
border: none;
border-top: 1px solid #dddddd;
max-width: 650px;
}
.footer__opisanie2{
text-align: center;
}
.policy__text{
margin-top: 2px;
color: #fff;
font-size: 13px;
}
.policy__text a{
color: #777;
}
.phone_footer{
margin-top: 30px;
margin-bottom: 5px;
}
.phone_footer i{
font-size: 14px;
padding-right: 3px;
}
.mail_footer{
margin-bottom: 10px;
}
.mail_footer i{
font-size: 13px;
padding-right: 5px;
}
.footer1 a{
color: #fff;
}
.footer1 a{
color: #fff;
text-decoration: none;
}
.footer1 .phone {
font-weight: 400;
font-size: 16px;
}
.footer__button_one {
font-family: 'Ubuntu', sans-serif;
font-size: 14px;
line-height: 17px;
font-weight: 400;
letter-spacing: 0.04em;
color: #333;
text-decoration: none;
width: 140px;
border: 1px solid #f6f6f6;
background-color: #f6f6f6;
padding: 10px 10px;
border-radius: 30px;
box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 25%);
margin-top: 20px;
margin-left: auto;
margin-right: auto;
}
.footer__button_one:hover{
border: 1px solid #c6c6c6;
background-color: #c6c6c6;
} .zayavka{
background-color: #f8f8f8;
margin: 5px 0 0 0;
}
.zayavka__title{
background-image: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
padding: 30px 0 30px 0;
}
.zayavka__title{
font-family: 'Ubuntu', sans-serif;
font-size: 24px;
line-height: 28px;
font-weight: 700;
color: #4c4c4c;
text-align: center;
}
.zayavka__inner__line p{
font-family: 'Ubuntu', sans-serif;
font-size: 20px;
line-height: 36px;
font-weight: 500;
color: #4c4c4c;
text-align: center;
}
.zayavka__inner__line2{
margin-top: -10px;
text-align: center;
font-weight: 500;
color: #666;
}
.zayavka__inner__line img{
max-width: 200px;
display: block;
margin-left: auto;
margin-right: auto;
}
.zayavka__title_1 p{
max-width: 400px;
margin-left: auto;
margin-right: auto;
}
.zayavka__footer__50{
display: flex;
justify-content: center;
}
.zayavka__footer__50_1{ max-width: 800px;
}
.zayavka__footer{
background-image: linear-gradient(to top, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
padding: 30px 0 30px 0;
}
.zayavka__footer{
font-family: 'Ubuntu', sans-serif;
font-size: 14px;
color: #666;
text-align: center;
}
.zayavka__footer_1{
font-family: 'Ubuntu', sans-serif;
font-size: 14px;
color: #666;
text-align: center;
}
.zayavka__inner{
box-shadow: 0px 5px 15px 0px rgb(0 0 0 / 10%);
padding: 25px;
border-radius: 30px;
background: #fff;
margin-left: 80px;
margin-right: 80px;
margin-top: 20px;
}
.zayavka__inner__line{
padding: 5px 5px 5px 5px;
}
.zayavka__footer_1 .container{
font-size: 14px;
margin-top: 20px;
margin-left: 80px;
margin-right: 80px;
margin-bottom: 40px;
}
.form2 input[type=text], .form2 input[type=tel] {
border: 1px solid #c2c2c2;
border-radius: 30px;
width: 100%;
padding: 12px 10px;
}
.form2 input::placeholder { font-size: 14px; color: #5c5c5c; font-family: 'Ubuntu', sans-serif;}
.form2 [type=button],
.form2 [type=submit],
.form2 button {
display: inline-block;
font-weight: 500;
color: #fff;
text-align: center;
white-space: nowrap;
background-color: #10839E;
border: 2px solid #10839E;
padding: 15px 30px;
font-size: 14px;
font-family: 'Ubuntu', sans-serif;
border-radius: 30px;
margin-top: 20px;
}
.form2 [type=button]:hover,
.form2 [type=submit]:hover,
.form2 button:hover {
background-color: #fff;
color: #10839E;
}
.wpcf7-form .form2 p {
text-align: center;
margin-block-start: 15px;
margin-block-end: 15px;
}
.form1 textarea{
border: 1px solid #c2c2c2;
border-radius: 5px;
width: 100%;
border-radius: 30px;
padding: 15px 10px;
height: 80px;
}
.form2 textarea{
border: 1px solid #c2c2c2;
padding: 15px 10px;
border-radius: 30px;
width: 100%;
height: 80px;
}
@media screen and (max-width: 1281px) {
.desktop_header {
justify-content: space-between;
padding: 15px 20px;
}
}
@media screen and (max-width: 1200px) {
.header__button_one {
margin-top: 50px;
}
.header__title {
font-size: 30px;
line-height: 40px;
}
.header__text {
font-size: 30px;
line-height: 40px;
}
.block-wrapper-heading{
max-width: 700px;
}
.block-wrapper-heading h2 {
margin-bottom: 20px;
}
.home-slider .slick-slide, .home-slider .slick-track {
height: auto;
}
.home-slider {
height: auto;
}
} @media screen and (max-width: 989px) {
.zayavka {
margin: 10px 0 0 0;
}
.zayavka__footer__50 {
display: block;
}
.zayavka__footer__50_1 {
width: 100%;
}
.zayavka__title_1 img {
max-width: 200px;
}
.zayavka__footer_1 .container {
margin-left: 20px;
margin-right: 20px;
}
.home-slider {
height: auto;
margin-top: 0px;
}
.circle1__button_one{
margin-left: auto;
margin-right: auto;		
}
.rashet__inner__img img{
max-width: 100px;
position: relative;
float: none;
margin-left: auto;
margin-right: auto;
display: block;
margin-top: 20px;
}
.onas__inner{
display: block;
}
.onas__title{
font-size: 24px;
line-height: 32px;
}
.rashet__inner__line {
padding: 30px 10px 30px 10px;
}
.rashet__inner {
padding: 15px;
}
.zayavka__inner {
margin-left: 10px;
margin-right: 10px;
padding: 15px;
}
.zayavka__inner__line {
padding: 15px;
}
.zayavka__title{
font-size: 24px;
line-height: 32px;
padding: 20px 0 40px 0;
}
.zayavka__title_1{
font-size: 22px;
line-height: 32px;
}
.desktop_header {
display: block;
padding: 15px 15px;
} 
.logo_text {
padding-bottom: 10px;
}
.logo_text_description {
font-size: 10px;
}
.footer__opisanie{
display: block;
}
.header__content {
display: block;
}
.header__content__50 {
width: 100%;
padding-right: 50px;
}
.header__video__img{
display: none;
}
.container {
max-width: 768px;
}
.menu__desktop {
display: none;
}
.menu__mobile {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-top: 10px;
}
.menu__inner {
display: flex;
justify-content: space-between;
align-items: center;
}
.menu {
display: none;
text-align: center;
}
.menu li {
padding: 10px 0;
}
.menu a {
margin: 0;
}
.menu__burger {
display: block;
overflow: hidden;
cursor: pointer;
margin: 0;
padding: 0;
width: 40px;
height: 35px;
font-size: 0;
background-color: #b2b2b2; position: relative;
}
.menu__burger span {
display: block;
position: absolute;
background-color: #fff;
height: 2px;
width: 23px;
top: 16px;
left: 8px;
right: 5px;
transition: background 0s 0.3s;  
}
.menu__burger span:after,
.menu__burger span:before  {
position: absolute;
display: block;
height: 2px;
width: 100%;
background-color: #fff;
content: '';
transition-duration: 0.3s, 0.3s;  
transition-delay: 0.3s, 0s;
}
.menu__burger span:after {
top: -8px;
}
.menu__burger span:before {
bottom: -8px;
}  
.menu__burger.close span {
background: none;
}
.menu__burger.close span:after {
top: 0px;
transform: rotate(45deg);
}
.menu__burger.close span:before {
bottom: 0px;
transform: rotate(-45deg);
}  
.header__title {
padding-top: 65px;
font-size: 24px;
line-height: 22px;
}
.header__text {
font-size: 22px;
line-height: 22px;
}
.header__button {
margin-bottom: 100px;   
}
.phone_header {
text-align: center;
}
.header__button_one {
margin-top: 50px;
}
.footer2{
margin-top: 35px;
margin-left: 0px;
}
.footer3{
margin-top: 35px;
margin-left: 0px;
}
.rashet__title{
font-size: 23px;
line-height: 32px;
}
}
@media screen and (max-width: 989px) {
.block-wrapper-heading h2 {
font-size: 28px;
}
.main-image-heading h2 {
font-size: 28px;
}
.block-wrapper-heading p {
max-width: 350px;
}
.block-wrapper-heading {
margin-top: 0px;
padding: 0px 0px 20px 0px;
}
}
@media screen and (max-width: 769px) {
.slider-builder-container {
padding: 0 10px;
}
.our-builder-slider #next {
right: -20px!important;
font-size: 30px;
}
.our-builder-slider #prev {
left: -20px!important;
font-size: 30px;
}
.print__line__interer {
display: block;
padding: 20px;
}
.print__column__interer1,
.print__column__interer2,
.print__column__interer3{
width: 100%;
}
.print__column__interer2 {
padding: 0 0px;
}
.print__column__interer3 {
padding-top: 20px;
}
.print__tkani{
display: block;
}
.print__column__tkani {
width: 100%;
}
.print__column {
width: 100%;
}
.block-wrapper-heading h2 {
font-size: 18px;
margin-bottom: 0px;
margin-top: 5px;
}
.main-image-heading h2 {
font-size: 20px;
}
.block-wrapper-heading p {
max-width: 250px;
}
.slick-dots {
margin-top: 0px;
position: relative;
text-align: center;
list-style: none;
}
.slick-dots button {
border: 1px solid #b2b2b2;
}
.slick-dots .slick-active button{
border: 1px solid #b2b2b2;
background: #b2b2b2;
}
.header__button_one {
font-size: 14px;
width: 260px;
padding: 8px 10px;
margin-top: 20px;
}
#gallery-1 .gallery-item {
width: 100%!important;
}
.home-slider {
border-width: 0px 0px 0px 0px;
margin-bottom: 1px;
}
.onas {
margin-top: -15px;
}
.our-builder-slider {
padding: 1px 0 1px 0;
}
.onas__button_one{
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 480px) {
.slider-builder-container .slick-track .slick-slide {
height: auto;
min-height: 380px;
}
}