a{cursor: pointer; color: #424242;}
body,html {margin:0;padding: 0;font-family: 'Montserrat', sans-serif; font-size: 14px;line-height: 1.428571429;	background: #fff;color: #111;}
input {font-family: 'Montserrat', sans-serif;}
.clr {float:left;width:100%;height:100px}
.container {margin:0 auto;max-width:1140px;width:100%;padding:0;display:block;position: relative;z-index:2}
.outer-block {float:left;width:100%;}
.bg-vid {position: absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}
.main-header {float:left;width:100%;padding:0;position:relative;background: #000;position: fixed;left:0;top:0;z-index: 999}

.header {float:left;width: 100%;}


.header {float:left;width: 100%;display: flex;align-items: center;justify-content: space-between;padding: 10px 0}
.header .logo{max-width: 22%;display: flex;align-items: center;text-decoration: none}
.header .logo img {float:left;width: 50px;}
.header .logo span {margin-left: 15px;font-weight: 800;text-decoration: none;color:#fff;font-size: 20px;line-height: 1.2}
.header__block {width: 75%;}
.nav {float:right;padding: 0;margin:0;list-style: none;margin-bottom: 10px;border-bottom: 1px solid rgba(255,255,255,.1);padding: 15px 0}
.nav li{float:left;}
.nav li a{float:left;padding: 5px 10px;color:#fff;text-decoration: none;font-weight:600;font-size: 12px;text-transform: uppercase;}


.message__icon {float:left;width: 20px;height: 20px;background-repeat: no-repeat;background-size: contain;background-position: center;margin-left:10px;}
.work-time,.head-adress {color:#fff;margin:0 20px;}
.work-time small,.work-time span {float:left;clear: both;}
.head-adress small,.head-adress span {float:left;clear: both;}
.work-time small,.head-adress small {color:#999;font-weight: 500}
.work-time span,.head-adress span {color:#fff;font-weight:700}
.phones a {color:#fff;text-decoration: none;font-weight: 700;font-size: 22px; white-space: nowrap}
.phones {margin-left: auto}
.phone-order {width: 100%;padding: 6px 15px;background: #FFEB3B;border-radius: 3px;margin-left: 15px; white-space: nowrap}
.message__icon.viber{background-image: url('../img/viber.svg')}
.message__icon.whatsapp{background-image: url('../img/whatsapp.svg')}
.order-phone {width: 100%;text-decoration: underline;color:#aaa;font-size: 13px}
.slider-block{width:100%;max-height:1375px;position:relative;left:0;top:0;z-index:0;float:left;}
.slider {float:left;width:100%;position: relative;}
.slide:after{content:'';width:100%;height:100%;background:rgba(0,0,0,.5);position: absolute;left:0;top:0;}

.slide{height:100vh}
.slide img {width:100%;position: absolute;left:0;}

.icons,.icons2 {padding:50px 0;}
.icons2 .container >div {float:left;width:25%}
.icons .container >div {float:left;width:calc(100% / 6);}
.icons i,.icons span,.icons2 span,.icons2 img {float:left;width:100%;text-align:center;text-transform:uppercase}
.icons i {font-size:50px;margin-bottom:25px}
.icons span {font-size:18px;}

.main-banner {float:left;width:100%;position:relative;z-index:1;background: url('../img/bg_1.jpg') center no-repeat;background-size: cover;padding: 150px 0;margin-top:50px;}
.main-banner:before{content:'';position: absolute;left:0;top:0;width: 100%;height: 100%;background: rgba(255,255,255,.7);}
.main-banner .main-left{ float:left;width:100%;position: relative;z-index:2}
.main-left h1 {float:left;width:100%;font-size:32px;color:#000;white-space: nowrap;font-weight: 400;padding: 0;margin:0;text-align: center;}
.main-left h1 {font-size: 52px;font-weight: 900;line-height: 1.2}

.main-left p {float:left;width: 100%;text-align: center;margin:10px 0 0 0;padding: 0;font-size: 24px;font-weight: 600}
.advantages-block {float:left;width: 100%;display: flex;justify-content: space-between;padding: 70px 0}
.advantages-block div {width: 20%;color:#111;padding: 0 10px;box-sizing: border-box;}
.advantages-block div span,.advantages-block div p{float:left;width: 100%;text-align: center;}
.advantages-block div span {padding: 15px 0;font-weight: 800}
.advantages-block div p {padding: 0;margin:0;font-size: 12px;color:#666;}
.advantages-block div i {float:left;width:100%;font-size: 54px;text-align: center;color:#999;}

.form-right {float:left;position: relative;left:50%;transform: translateX(-50%);margin-top:50px;align-items: center;background: rgba(0,0,0,.8);box-sizing: border-box;padding: 20px;border-radius: 5px;max-width: 60%;overflow: hidden;z-index: 2}
.form-right > span,.form-right > p {float:left;width: 100%;text-align: center;margin:0;padding: 0}
.form-right > span {color:#FFEB3B;font-size: 32px;font-weight: 700;text-transform: uppercase;}
.form-right p {color:#fff;;font-size: 18px;font-weight: 300}
.form-right  > i {position: absolute;left:20px;top:20px;color:#FFEB3B;font-size: 120px;opacity: .1;display: none}
.form-right div {float:left;width: 100%;display: flex;margin-top:30px;}
.form-right input {margin-right: 20px;padding: 10px 20px;border:none;border-radius: 3px;font-size: 14px;width: 50%;outline: none}
.form-right a{background: #FFEB3B;line-height: 42px;box-shadow: 0 0 5px rgba(0,0,0,.3);padding: 0 20px;font-weight: 800;color:#000;font-size: 16px;border-radius: 3px}
/*
.btn{float:left;color:#fff;background: #e47f31;border-bottom:2px solid #985521;padding: 8px 30px;border-radius: 3px;font-size: 13px;text-transform: uppercase;box-sizing: border-box;text-align: center}
*/

.bx-controls {display:none;}

.order-arenda {padding:14px 30px;background:#ffe400;color:#111;margin-top:30px;border-radius:3px;float:left;width:400px;box-sizing:border-box;text-align:center;box-shadow:0 0 5px rgba(0,0,0,.2);float:left;position: relative;left:50%;margin-left:-200px;text-transform:uppercase;font-weight:bold}
.about img {float:left;max-width:400px;}

.our-park {padding: 70px 0;background: #f0f0f0}
.share {padding: 50px 0}
.share-block {float:left;width: 100%;display: flex;align-items: center;}
.share-block div {width: 50%}
.share-block div span {float:left;width: 100%;font-weight: 900;color:#000;font-size: 48px;line-height: 1;}
.share-block div p {float:left;margin:20px 0 0 0;color:#666;font-size: 22px}
.share-block div a {float:left;background: #FFEB3B;line-height: 42px;box-shadow: 0 0 5px rgba(0,0,0,.3);padding: 5px 30px;font-weight: 500;color:#000;font-size: 18px;border-radius: 3px;margin-top: 30px;}
.share-block div img {width: 100%;float:left;}
.h2 {float:left;width: 100%;text-align: center;margin:0 0 20px 0;padding: 0;font-size: 32px;font-weight: 900}
.park-block {float:left;width: 100%;display: flex;justify-content: space-between;margin-top:40px;}
.park-block > div {width: 30%;box-sizing: border-box;background: #fff;padding: 15px;border-radius: 3px;box-shadow: 2px 2px 5px rgba(0,0,0,.05);}
.park-block > div > span {float:left;width: 100%;text-align: center;color:#000;padding: 0 0 10px 0;font-size: 18px;font-weight: 700}
.park-block > div > div {float:left;width: 100%;}
.park-block > div > div img {float:left;width: 100%;}
.park-block > div > div p {float:left;width: 100%;margin:0;padding: 3px 0;display: flex;align-items: center;font-size: 13px}
.park-block > div > div.description{margin-top:20px;}
.park-block > div > div p i {line-height: 20px;color:#999;font-size: 16px;width: 20px}
.park-block > div > div p span {width: 50%;font-weight: 500;color:#666;}
.park-block > div > div p strong {width: calc(50% - 40px);}
.park-block > div a{float:left;margin-top:20px;position: relative;left:50%;transform: translateX(-50%);background: #FFEB3B;line-height: 38px;box-shadow: 0 0 5px rgba(0,0,0,.3);padding: 0 30px;font-weight: 500;color:#000;font-size: 14px;border-radius: 3px}
.about {padding: 100px 0;background: #f2f2f2}
.about-content{float:right;width:100%;color:#111;font-size:18px;font-weight:500;text-align: justify;margin-top: 30px}
.about-content p {float:left;width:100%;padding:5px 0;margin:0;}
footer {float:left;width:100%}
.prices-block {padding: 100px 0;background:url('../img/bg0.png') repeat;}
.price__title {padding-bottom: 30px;font-weight: 900;font-size: 42px;width: 100%}
.price__items {float:left;width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;margin-top:50px;}
.price__items.rastvor {justify-content: center}
.price__item {width: calc(94% / 3);margin:0 1% 4% 1%;}
.price__image {float:left;width: 100%;position: relative;}
.price__image:after{content:'';position: relative;float:left;width: 100%;padding-bottom: 60%}
.price__image img {position: absolute;left:0;top:0;width: 100%;height: 100%;object-fit: cover;}
.price__name {float:left;width: 100%;padding: 10px 0;}
.price__name span {float:left;width: 50%;font-weight: 400;font-size: 15px;line-height: 22px}
.price__name small {float:left;width: 50%;font-size: 18px;font-weight: 900;color:#000;text-align: right;line-height: 22px}
.price__price {float:left;width: 60%;}
.price__price + .btn {float:right;width: 35%;text-align: center;padding: 5px 0}
.price__price span {line-height: 30px;}
.price__price span:first-child {text-decoration: line-through;font-size: 16px;font-weight: 400}
.price__price span:last-child {color:#df0000;font-size: 22px;font-weight: 700}
.price__notice {width: 100%;text-align: center;color:#666;font-size: 14px}
#delivery {padding: 100px 0}
.delivery__items {float:left;width: 100%;margin-top:50px;display: flex;justify-content: space-between;}
.delivery__item {width: 48%;}
.delivery__image {float:left;width: 100%;position: relative;}
.delivery__image img {position: absolute;left:0;top:0;width: 100%;height: 100%;object-fit: cover;}
.delivery__image:after{content:'';float:left;width: 100%;padding-bottom: 60%}
.delivery__title {float:left;width: 100%;padding: 10px 0;}
.delivery__title * {float:left;width: 100%;text-align: center;}
.delivery__title span {font-weight: 900;font-size: 24px}
.delivery__title p {padding: 5px 0 0 0;margin:0;font-size: 16px;font-weight: 400;color:#444;}
.delivery__price {float:left;width: 100%;}
.delivery__price span {float:left;line-height: 30px;font-size: 24px;font-weight: 700}
.delivery__price a.btn {float:right;}
.how-we-work{padding: 100px 0}
.contacts h2 {margin-bottom: 30px}
.how-we-work-in {margin-top:40px;float:left;width: 100%;display: flex;flex-wrap: wrap;}
.how-we-work-in > div {width: 49%;display: flex;align-items: center;position: relative;overflow: hidden;}
.how-we-work-in > div:nth-child(3),.how-we-work-in > div:nth-child(4) {margin-bottom: 2%}
.how-we-work-in > div:nth-child(2),.how-we-work-in > div:nth-child(4) {box-sizing: border-box;padding-left:100px}
.how-we-work-in > div > span {font-size: 72px;color:#ddd;font-weight: 900}
.how-we-work-in > div > i {width: 80px;font-size: 42px;text-align: center;}
.how-we-work-in > div > div span {float:left;width: 100%;font-weight: 900;padding-bottom: 5px;font-size:20px}
.how-we-work-in > div > div p {padding: 0;margin:0;font-size: 14px;color:#666;}
.contacts {position: relative;overflow: hidden;}
.map {position: absolute;left:0;top:0;width: 100%;height: 100%}
.right-contacts {float:right;width:50%;box-sizing: border-box;padding-left: 50px;background: #fff;padding: 20px;margin:20px 0;}
.right-contacts .line {float:left;width:100%;margin-bottom:10px;}
.right-contacts .line i {float:left;color:#111;font-size:16px;line-height:24px;}
.right-contacts .line a,.right-contacts .line span {float:left;margin-left:20px;color:#111;font-size:14px;font-weight:500;text-decoration: none;line-height:24px}
.right-contacts form {float:left;width:100%;margin-top:20px;box-sizing:border-box;padding:0 30px;padding-bottom:20px;}
.form-caption-2 {float:left;width: 100%;font-weight:bold;text-align:center;text-transform:uppercase;padding-top:20px;font-size:24px;}
.right-contacts p {float:left;width:100%;text-align:center;font-weight:500;padding:0;margin:0;}

.right-contacts form div {float:left;width:50%;margin:9px 0;box-sizing: border-box;padding: 0 10px}
.right-contacts form div.col-12 {width: 100%}
.right-contacts form a {float:left;background: #FFEB3B;line-height: 42px;box-shadow: 0 0 5px rgba(0,0,0,.3);padding: 0 20px;font-weight: 800;color:#000;font-size: 16px;border-radius: 3px;margin-left: 10px}
.right-contacts form div{ font: normal normal normal 14px/1 FontAwesome;position: relative;}
.right-contacts form div:before{position:absolute;z-index:2;left:10px;top:0;line-height:39px;padding:0 10px;color:#999;font-size:14px;}
.right-contacts form input,.right-contacts form textarea{float:left;width:100%;padding:12px 10px 12px 30px;border:1px solid #ddd;box-sizing:border-box;background: #f2f2f2;border-radius: 5px}
.right-contacts form div:nth-child(3):before {    content: "\f007";}
.right-contacts form div:nth-child(4):before {    content: "\f095";}
.right-contacts form div:nth-child(5):before {    content: "\f0e0";}
.right-contacts form div:nth-child(6):before {    content:"\f27a";}
.right-contacts form div textarea {font-family: arial;height:100px}
footer {padding:15px 0;color:#fff;background: #222;font-size: 12px}
.f-left {float:left;width:70%;}
.f-right {float:right;width:30%;text-align: right;}
.f-right a {color:#fff}

.bg,.modal {display:none;}
.bg{position:fixed;z-index:20;width:100%;height:100%;background:rgba(0,0,0,.6);left:0;top:0}
.modal {position:fixed;z-index:21;width:350px;top:100px;left:50%;margin-left:-175px;background:#fff}
.modal-header {float:left;width:100%;position:relative;text-align:center;background:#ffe400;color:#111;padding:15px 0;font-size:18px;text-transform:uppercase;line-height:20px}
.modal-header a {float:right;margin-right:10px;color:#000;line-height:20px;}
.modal-content {float:left;width:80%;box-sizing:border-box;padding:0 20px;margin:10px 10%;}
.modal-content .line {float:left;width:100%;margin:10px 0;}
.modal-content .line span {float:left;width:100%;}
.modal-content .line span em {color:#df0000;font-style:normal}
.modal-content .line input {float:left;width:100%;padding:8px 10px;box-sizing:border-box;border:1px solid rgba(0,0,0,.3);margin-top:5px;}
.modal-content .send-modal-form {padding:8px 30px;background:#ffe400;color:#111;margin:6px 10%;border-radius:3px;float:left;width:80%;box-sizing:border-box;text-align:center;border:1px solid rgba(0,0,0,.1);}
.modal-content .send-modal-form:hover{box-shadow:0 0 5px rgba(0,0,0,.5)}
#toTop {display:none;position:fixed;z-index:15;right:30px;bottom:30px;cursor:pointer}
#toTop i {float:left;width:40px;line-height:40px;color:#fff;background:#ffe400;color:#111;text-align:center;font-size:20px;box-shadow:0 0 15px rgba(0,0,0,.5);}

.fixed-header {position:fixed;left:0;width:100%;background:url('../img/blue.jpg') center top;z-index:17;box-shadow: 0 2px 5px rgba(0,0,0,.7);display:none}
.fixed-header .container >a:first-child {float:left;}
.fixed-header .logo img {padding:10px 0 9px 0;}
.fixed-header .logo span {display:none;}
.fixed-header .head-phones {padding:0;}
.fixed-header .nav {padding:0;}
#prices {background:url('../img/bg0.png')}

.container {padding: 0 15px; box-sizing: border-box; max-width: 1170px;}

@media(max-width: 992px)
{
    .main-header {position: relative}
    .phones a {font-size: 16px}
    .header .logo span {font-size: 14px}
    .phone-order {display: none}
    .main-left h1 {font-size: 30px}
    .main-left p {font-size: 16px}
    .form-right > span {font-size: 20px}
    .form-right div {flex-direction: column; margin-top: 10px}
    .form-right a {margin: 0 auto}
    .form-right input {width: 100%; margin: 0 0 10px}
    .main-banner {margin-top: 0; padding: 30px 0}
    .form-right {margin-top: 20px}
    .advantages-block {flex-wrap: wrap; justify-content: space-around;}
    .advantages-block div {width: 50%; margin-bottom: 20px}
    .h2 {font-size: 24px; margin-bottom: 0}
    .park-block {flex-direction: column}
    .park-block > div {width: 100%; margin-bottom: 20px}
    .share-block {position: relative;}
    .share-block div {width: 100%; padding: 30px 0}
    .share-block div:last-child {position: absolute; z-index: -1; opacity: 0.1; left: 0; top: 0; height: 100%; width: 100%;}
    .share-block div img {height: 100%; object-fit: contain}
    .share-block div span {font-size: 24px}
    .share-block div p {font-size: 14px}
    .share-block div a {font-size: 13px; line-height: 32px}
    .map, .map >ymaps {position: relative; height: 200px !important;}
    .right-contacts {width: 100%; background: #efefef}
    .right-contacts form input, .right-contacts form textarea {background: #fff}
    .f-left, .f-right {width: 100%; text-align: center; margin-bottom: 5px}
    .right-contacts form div {width: 100%; margin: 5px 0}
    .right-contacts form a {font-size: 13px; margin-top: 10px;}
    .share, .our-park, .advantages-block {padding: 20px 0}
    .advantages-block div i {font-size: 30px}
    #toTop i {width: 35px; line-height: 35px; font-size: 16px;}
    #toTop {right: 10px; bottom: 10px}
}
@media(max-width: 780px)
{
    .header {flex-direction: column; justify-content: center}
    .header > div {margin-top: 10px}
    .header > div small {width: 100%; text-align: center}
    .phones {margin: 0 auto}
    .header .logo {max-width: 100%; width: 210px}
    .header .logo span {font-size: 18px}
    .work-time span, .head-adress span {text-align: center}
}
@media(max-width: 600px)
{
    .form-right {max-width: 100%}
    .right-contacts form {margin: 0; padding: 0}
}
@media(max-width: 420px)
{
    .advantages-block div {width: 100%;}
    .main-left h1 {font-size: 22px}
    .park-block > div > div p {font-size: 11px}
}
@media(max-width: 360px)
{
    .modal {width: 90%; left: 5%;; margin-left: auto}
}