html {background: #F9F9F9;}
body {font-size: 15px; font-family: 'Eurostile', sans-serif; font-weight: normal; color: #000; min-height: 100%; position: relative; min-width: 1360px;
  overflow-x: hidden;
  -webkit-transition:all 1s ease;-o-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease; font-weight: 400;
}

body {position: relative; min-height: 100vh; padding-top: 0px; overflow-x: hidden; background: #F9F9F9;}

.no-bg {background: #0A0A0D;}

/*.cont {padding: 0 47px; margin: 0 auto;}*/

.cont {max-width: 1380px; margin: 0 auto; padding: 0 20px; position: relative;}

.mobile {display: none!important;}
.desktop {display: block;}

.clear {clear: both;width: 0px;height: 0px;overflow: hidden;font-size: 0px;line-height: 0px;}

a {-webkit-transition:all 0.2s ease;-o-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease;
    text-decoration: none; color: #060606;
    -webkit-appearance: none;
}
a:hover {text-decoration: none; color: #B6965F;}

b, strong {font-family: 'Eurostile', sans-serif; font-weight: 500;}

body img {max-width: 100%;}

.pull-left {float: left;}
.pull-right {float: right;}


input,
textarea,
select {font-family: 'Eurostile', sans-serif; -webkit-appearance: none; -webkit-appearance: none; border-radius: 0;
  -webkit-transition:all 0.2s ease;-o-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease; font-weight: 500;
}

.select-style {font-weight: 400; font-size: 16px; line-height: 19px; color: rgba(255, 255, 255, 0.6); padding: 10px 28px 10px 12px; background: rgba(255, 255, 255, 0.08) url(../images/dd.png) right 2px center no-repeat; background-size: 24px; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 13px;}
.select-style-blank {background: transparent url(../images/dd.png) no-repeat right center; background-size: 24px; border: 0; font-weight: 400; font-size: 16px; line-height: 19px; color: rgba(255, 255, 255, 0.6); padding: 0 26px 0 0;}

.btn {text-decoration: none; display: inline-block; font-weight: 500; padding: 17px 45px 13px 45px; border: 1px solid transparent; border-radius: 60px;
  -webkit-appearance: none; -webkit-appearance: none; position: relative; background: #FF1519; color: #fff; text-align: center; font-size: 16px;
  -webkit-transition:all 0.2s ease;-o-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease; position: relative;
}
.btn:hover {background: #fff; color: #000;}

.btn-big {padding: 30px 62px 25px 62px; border-radius: 20px;}

.btn-blank {border: 1px solid rgba(255, 255, 255, 1.0); background: transparent; font-size: 20px; color: rgba(255, 255, 255, 1.0); font-weight: 400;}
.btn-blank:hover {color: #000; background: rgba(255, 255, 255, 1.0);}

.btn-black {background: #000; color: #fff;}
.btn-black:hover {color: #000;}

.btn-white {background: #fff; color: #000;}
.btn-white:hover {background: #FFE500;}

.btn-gray {color: #fff; background: #4C4D50;}
.btn-gray:hover {color: #fff; background: #000;}

.btn-blue {color: #fff; background: #0088DE;}
.btn-blue:hover {color: #fff; background: #000;}


.flex {display: flex;}
.flex-justify {justify-content: space-between;}
.flex-center {align-items: center;}
.flex-wrap {flex-wrap: wrap;}


header {position: absolute; left: 0; top: 0; width: 100%; padding: 17px 0;}
.header-cont {}
header .logo {width: 173px; height: 118px; background: url(../images/logo.png) no-repeat; background-size: contain;}
header .menu {}
header .menu li {position: relative; padding: 0 30px;}
header .menu li a {font-weight: 500; font-size: 16px; line-height: 19px; color: #FFFFFF;}
header .menu li.dd:before {content: ""; position: absolute; right: 0; top: 0; width: 24px; height: 12px;
  background-color: #fff;
  -webkit-mask-image: url(../images/dd.svg);
  mask-image: url(../images/dd.svg);
}
header .menu li.dd {padding-right: 40px;}
header .contacts {margin: 10px 0 0 0;}
header .contact {text-align: right; margin: 7px 17px 0 0;}
header .contact span {display: block; font-weight: 400; font-size: 16px; line-height: 19px; color: #CBCBCB; margin: 0 0 2px 0;}
header .contact .phone {font-family: 'EurostileCon-Hea'; font-size: 25px; line-height: 30px; color: #FFFFFF;}
header .contact .btn {}

.slider {background: #000 url(../images/slider.webp) no-repeat top center; background-size: cover; color: #fff; padding-top: 157px; padding-bottom: 63px; text-align: center; margin: 0 0 40px 0;}
.slider h1 {font-family: 'Eurostile'; font-weight: bold; font-size: 39px; line-height: 50px; text-transform: uppercase; margin: 0 0 23px 0;}
.slider .short {font-weight: 400; font-size: 20px; line-height: 24px; color: #CBCBCB; margin: 0 0 30px 0;}
.slider .btn {margin: 0 0 80px 0;}
.slider-sub {padding-bottom: 2px;}
.slider-margin {margin-bottom: 0;}
.slider .btns {}
.slider .btns .btn-blank {position: relative; padding-left: 60px;}
.slider .btns .btn-blank:before {content: ""; position: absolute; margin: auto; width: 8px; height: 13px; background: url(../images/back.png) no-repeat; background-size: contain; left: 30px;}
.slider .btns .btn {margin-bottom: 0;}
.slider .btns .backed {width: 300px;}
.slider .columns {text-align: left; margin: 51px 0 24px 0; padding: 0 220px;}
.slider .column {}
.slider .column .title {font-weight: bold; font-size: 19px; line-height: 24px; margin: 0 0 31px 0;}
.slider .column p {font-weight: 400; font-size: 18px; line-height: 22px; margin: 0 0 22px 0;}
.slider .form-block {text-align: left; padding: 0 216px; margin: 0 0 53px 0;}
.slider .form-block input[type="text"] {padding: 0 27px; border: 0; height: 65px; background: #FFFFFF; border-radius: 20px; color: #000; font-weight: 400; font-size: 20px; line-height: 24px; width: calc(34% - 70px);}
.slider input[type="checkbox"] {display: none;}
.slider input[type="checkbox"]+label {position: relative; font-weight: 400; font-size: 16px; line-height: 19px; color: #CBCBCB; padding-left: 32px;}
.slider input[type="checkbox"]+label a {text-decoration: underline; color: #CBCBCB;}
.slider input[type="checkbox"]+label a:hover {text-decoration: none;}
.slider input[type="checkbox"]+label:before {content: ""; position: absolute; left: 0; top: -4px; width: 20px; height: 20px; background: #FFFFFF; opacity: 0.8; border-radius: 6px;}
.slider .btn-cont {display: flex; flex-direction: column; width: 32%;}
.slider .btn-cont .btn {padding: 26px 0 18px 0; font-size: 19px; border-radius: 20px; margin: 0 0 18px 0;}
.slider .map {position: relative; overflow: hidden; border-radius: 20px; width: 100%; height: 363px; background: url(../images/map.jpg) no-repeat; background-size: cover; margin: 0 0 35px 0;}

.works {position: relative;}
.works .title {font-weight: 500; font-size: 22px; line-height: 26px; text-transform: uppercase; margin: 0 0 35px 0;}
.works .list-cont {position: relative; margin: 0 0 50px 0;}
.works .list-cont .nav {position: absolute; left: 34px; top: calc(50% + 2px); width: calc(100% - 68px);}
.works .list-cont .prev {position: absolute; margin: auto; left: 0; top: 0; bottom: 0; width: 32px; height: 32px; border-radius: 32px; background: #FF1519;}
.works .list-cont .prev:before {content: ""; position: absolute; margin: auto; left: 0; top: 0; bottom: 0; right: 0; width: 14px; height: 11px; background: url(../images/nav.png) no-repeat; background-size: contain;}
.works .list-cont .next {position: absolute; margin: auto; right: 0; top: 0; bottom: 0; width: 32px; height: 32px; border-radius: 32px; background: #FF1519;}
.works .list-cont .next:before {content: ""; position: absolute; margin: auto; left: 0; top: 0; bottom: 0; right: 0; width: 14px; height: 11px; background: url(../images/nav.png) no-repeat; background-size: contain; transform: rotate(180deg);}
.works .list {margin: 0 94px;}
.works .list .item {position: relative; overflow: hidden; width: 138px; height: 138px; border-radius: 138px;}
.works .list .item img {display: block;}
.works .more {font-weight: 500; font-size: 12px; line-height: 14px; text-transform: uppercase; color: #FF1519; position: relative; padding: 0 0 23px 0;}
.works .more:before {content: ""; position: absolute; margin: auto; left: 0; right: 0; bottom: 0; width: 14px; height: 11px; background: url(../images/nav.png) no-repeat; background-size: contain; transform: rotate(-90deg);}

.services {margin: 0 0 63px 0;}
.services .title {font-weight: 500; font-size: 32px; line-height: 38px; text-transform: uppercase; opacity: 0.8; text-align: center; margin: 0 0 22px 0;}
.services .short {font-size: 20px; line-height: 24px; color: #565656; text-align: center; margin: 0 0 36px 0;}
.services .short-2 {text-align: left; width: 872px; margin: 0 auto 60px auto;}
.services-list {flex-wrap: wrap; justify-content: center; margin: 0 0 30px 0;}
.service-item {position: relative; width: 428px; height: 225px; background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); border-radius: 17px; margin: 0 15px 48px 15px; text-align: left;}
.service-item span {position: absolute; left: 30px; bottom: 30px; font-weight: bold; font-size: 15px; line-height: 19px; color: #FFFFFF;}
.service-item-1 {background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(../images/service-item-1.jpg) no-repeat; background-size: cover;}
.service-item-2 {background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(../images/service-item-2.jpg) no-repeat; background-size: cover;}
.service-item-3 {background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(../images/service-item-3.jpg) no-repeat; background-size: cover;}
.service-item-4 {background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(../images/service-item-4.jpg) no-repeat; background-size: cover;}
.service-item-5 {background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(../images/service-item-5.jpg) no-repeat; background-size: cover;}
.services .title-2 {margin-bottom: 46px;}
.services .icons {width: 874px; margin: 0 auto;}
.services .icons .item {width: 110px; height: 50px; display: flex; align-items: center;}
.services .icons .item img {display: block; max-height: 100%;}

.form {color: #fff; margin: 0 0 60px 0;}
.form-bg {background: url(../images/form-bg.jpg) no-repeat center; background-size: cover; border-radius: 20px; position: relative; padding: 55px 0 70px 0;}
.form-bg-2 {background: url(../images/form-bg-2.jpg) no-repeat center; background-size: cover; padding: 76px 0 70px 0;}
.form .title {font-weight: bold; font-size: 38px; line-height: 48px; text-align: center; text-transform: uppercase; margin: 0 0 64px 0;}
.form .short {font-weight: 400; font-size: 20px; line-height: 24px; text-align: center; color: #CBCBCB; margin: 0 0 30px 0;}
.form-bg-2 .title {margin: 0 0 29px 0;}
.form .list {align-items: flex-start; margin: 0 30px 0 130px;}
.form .list .item {width: 290px}
.form .list .item b {display: block; font-weight: bold; font-size: 76px; line-height: 98px; opacity: 0.23;}
.form .list .item span {display: block; font-weight: 400; font-size: 20px; line-height: 24px; color: #DCDCDC; margin: 0 0 0 50px;}
.form .inputs {margin: 0 340px 20px 340px;}
.form .inputs input[type="text"] {padding: 0 27px; border: 0; width: 333px; height: 65px; background: #FFFFFF; border-radius: 20px; color: #000; font-weight: 400; font-size: 20px; line-height: 24px; width: calc(50% - 70px);}
.form .checkbox-cont {margin: 0 auto 32px auto; width: 480px;}
.form input[type="checkbox"] {display: none;}
.form input[type="checkbox"]+label {position: relative; font-weight: 400; font-size: 16px; line-height: 19px; color: #CBCBCB; padding-left: 32px;}
.form input[type="checkbox"]+label a {text-decoration: underline; color: #CBCBCB;}
.form input[type="checkbox"]+label a:hover {text-decoration: none;}
.form input[type="checkbox"]+label:before {content: ""; position: absolute; left: 0; top: -4px; width: 20px; height: 20px; background: #FFFFFF; opacity: 0.8; border-radius: 6px;}
.form .btn {}

.select-our {margin: 0 0 46px 0;}
.select-our .title {font-weight: 500; font-size: 32px; line-height: 38px; text-transform: uppercase; opacity: 0.8; text-align: center; margin: 0 0 46px 0;}
.select-our .list {}
.select-our .list .item {position: relative; border-radius: 16px; width: 324px; height: 176px; background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));}
.select-our .list .item img {height: 24px; display: block; margin: 0 0 -7px 0;}
.select-our .list .item .text {position: absolute; left: 14px; bottom: 24px; font-weight: 500; font-size: 16px; line-height: 19px; color: #FFFFFF;}
.select-our .list .item-1 {background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(../images/select-our-1.jpg) no-repeat; background-size: cover;}
.select-our .list .item-2 {background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(../images/select-our-2.jpg) no-repeat; background-size: cover;}
.select-our .list .item-3 {background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(../images/select-our-3.jpg) no-repeat; background-size: cover;}
.select-our .list .item-4 {background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(../images/select-our-4.jpg) no-repeat; background-size: cover;}

.questions {margin: 0 0 112px 0;}
.questions .title {font-weight: 500; font-size: 32px; line-height: 38px; text-align: center; text-transform: uppercase; opacity: 0.8; margin: 0 0 40px 0;}
.questions .list {margin: 0 auto; width: 974px;}
.questions .list .item {border-bottom: 1px solid #434343; position: relative; padding: 10px 60px 10px 0;}
.questions .list .item:last-child {border-bottom: 0;}
.questions .list .item:after {content: ""; position: absolute; right: 0; top: 20px; width: 30px; height: 30px; background: url(../images/question-open.png) no-repeat; background-size: contain;}
.questions .list .item .name {font-weight: bold; font-size: 20px; line-height: 24px; position: relative; padding: 10px 0 10px 20px;}
.questions .list .item .name:before {content: ""; position: absolute; margin: auto; left: 0; top: 0; bottom: 0; width: 6px; height: 6px; border-radius: 6px; background: #000;}
.questions .list .item .short {font-weight: 400; font-size: 20px; line-height: 24px; color: #565656; display: none; padding: 18px 0;}
.questions .list .item.open {}
.questions .list .item.open:after {content: ""; position: absolute; right: 0; top: 20px; width: 30px; height: 30px; background: url(../images/question-close.png) no-repeat; background-size: contain;}
.questions .list .item.open .short {display: block;}

.reviews {margin: 0 0 80px 0;}
.reviews .title {font-weight: 500; font-size: 32px; line-height: 38px; text-align: center; text-transform: uppercase; opacity: 0.8; margin: 0 0 53px 0;}
.reviews .list {position: relative; margin: 0 100px;}
.reviews .list-cont {margin: 0 0 98px 0;}
.reviews .list-cont .nav {position: absolute; left: 34px; top: calc(27% + 2px); width: calc(100% - 68px);}
.reviews .list-cont .prev {position: absolute; margin: auto; left: 0; top: 0; bottom: 0; width: 32px; height: 32px; border-radius: 32px; background: #FF1519;}
.reviews .list-cont .prev:before {content: ""; position: absolute; margin: auto; left: 0; top: 0; bottom: 0; right: 0; width: 14px; height: 11px; background: url(../images/nav.png) no-repeat; background-size: contain;}
.reviews .list-cont .next {position: absolute; margin: auto; right: 0; top: 0; bottom: 0; width: 32px; height: 32px; border-radius: 32px; background: #FF1519;}
.reviews .list-cont .next:before {content: ""; position: absolute; margin: auto; left: 0; top: 0; bottom: 0; right: 0; width: 14px; height: 11px; background: url(../images/nav.png) no-repeat; background-size: contain; transform: rotate(180deg);}
.reviews .list .item {width: 200px;}
.reviews .list .item .image {width: 194px; height: 194px; border-radius: 194px; position: relative; overflow: hidden; margin: 0 0 30px 0;}
.reviews .list .item .image img {display: block;}
.reviews .list .item .short {font-weight: 400; font-size: 20px; line-height: 24px; color: #565656; width: 95%; margin: 0 0 30px 0;}
.reviews .list .item .name {font-weight: bold; font-size: 13px; line-height: 24px; color: #565656; width: 110%;}
.reviews .btn {}

.map-block {padding: 34px 0 0 0; margin: 0 0 45px 0;}
.map-block .address {justify-content: center; margin: 0 0 53px 0;}
.map-block .address .item {}
.map-block .address .item span {display: block; font-weight: 400; font-size: 20px; line-height: 24px; color: #565656; margin: 0 0 17px 0;}
.map-block .address .item .phone {font-style: italic; font-weight: bold; font-size: 25px; line-height: 30px; font-family: 'EurostileCon-Hea';}
.map-block .address .item b {font-style: italic; font-weight: bold; font-size: 25px; line-height: 30px; font-family: 'EurostileCon-Hea';}
.map-block .address .line {width: 66px; height: 1px; background: #000000; margin: 0 36px;}
.map-block .map {position: relative; overflow: hidden; border-radius: 20px; width: 100%; height: 363px; background: url(../images/map.jpg) no-repeat; background-size: cover;}


footer {color: #fff; background: #0B0B0B url(../images/footer-bg.png) no-repeat bottom center; background-size: contain; padding: 110px 0 31px 0;}
.footer-top {padding: 0 122px; margin: 0 0 93px 0;}
.footer-top b {position: relative; font-weight: bold; font-size: 20px; line-height: 24px; padding: 0 0 0 87px;}
.footer-top b:before {content: ""; position: absolute; left: -7px; top: -20px; width: 50px; height: 50px; background: url(../images/footer-top-1.png) no-repeat; background-size: contain;}
.footer-top span {position: relative; font-style: 400; font-weight: 400; font-size: 19px; line-height: 22px; padding: 0 0 0 87px;}
.footer-top span:before {content: ""; position: absolute; left: -7px; top: -30px; width: 70px; height: 70px; background: url(../images/footer-top-2.png) no-repeat; background-size: contain;}
.footer-center {padding: 0 208px; align-items: flex-start; margin: 0 0 77px 0;}
.footer-center .item {}
.footer-center .item .title {font-weight: bold; font-size: 17px; line-height: 22px; margin: 0 0 36px 0;}
.footer-center .item ul {}
.footer-center .item ul li {margin: 0 0 14px 0;}
.footer-center .item ul li a {font-style: 400; font-weight: 400; font-size: 18px; line-height: 22px; color: #FFFFFF;}
.footer-center .item .address {font-weight: 400; font-size: 18px; line-height: 22px;}
.footer-center .item p {font-weight: 400; font-size: 18px; line-height: 22px; margin: 0 0 20px 0;}
.footer-bottom {padding: 0 104px;}
.footer-bottom .logo {width: 173px; height: 118px; background: url(../images/logo.png) no-repeat; background-size: contain;}
.footer-bottom .icons {width: 504px; margin: 0 auto;}
.footer-bottom .icons .item {width: 80px; height: 37px; display: flex; align-items: center;}
.footer-bottom .icons .item img {display: block; max-height: 100%;}
.footer-bottom .btn {}

article {font-weight: 400; font-size: 20px; line-height: 24px; color: #565656; padding: 49px 0 30px 0;}
article .cont {max-width: 838px;}
article p {margin: 0 0 23px 0;}
article b {font-weight: bold;}
article ul {list-style: disc; padding-left: 20px; margin-bottom: 20px;}
article ul li {margin-bottom: 5px;}

.photo-list {flex-wrap: wrap; justify-content: center;}
.photo-list .item {position: relative; width: 428px; height: 225px; border-radius: 17px; overflow: hidden; margin: 0 16px 25px 16px;}
.photo-list .item img {display: block;}
.photo-list-names {margin: 73px 0 0 0;}
.photo-list-names .item {text-align: left; border-radius: 0; height: 353px;}
.photo-list-names .item b {display: block; font-weight: bold; font-size: 16px; line-height: 19px; color: #FFFFFF; margin: 0 0 18px 0;}
.photo-list-names .item .image {width: 428px; height: 225px; border-radius: 17px; overflow: hidden; margin: 0 0 17px 0;}
.photo-list-names .item .image img {display: block;}
.photo-list-names .item span {display: block; font-weight: bold; font-size: 16px; line-height: 19px; color: #FFFFFF;}