@font-face {
  font-family: 'pachomiusw00_regular';
  src: url('fonts/pachomiusw00_regular.eot');
  src: url('fonts/pachomiusw00_regular.eot') format('embedded-opentype'), url('fonts/pachomiusw00_regular.woff2') format('woff2'), url('fonts/pachomiusw00_regular.woff') format('woff'), url('fonts/pachomiusw00_regular.ttf') format('truetype'), url('fonts/pachomiusw00_regular.svg#pachomiusw00_regular') format('svg');
}
@font-face {
  font-family: 'gothampro';
  src: url('fonts/gothampro.eot');
  src: url('fonts/gothampro.eot') format('embedded-opentype'), url('fonts/gothampro.woff2') format('woff2'), url('fonts/gothampro.woff') format('woff'), url('fonts/gothampro.ttf') format('truetype'), url('fonts/gothampro.svg#gothampro') format('svg');
}
.pach {
  font-family: "pachomiusw00_regular";
}
.got {
  font-family: "gothampro";
}
@media (min-width: 0px) and (max-width: 1200px) {
        .top-menu > li:not(:nth-child(n+4)):after {
        content: " \25C0";
        width: 30px;
        height: 10px;
        position: absolute;
        color: #fff;
        font-size: 16px;
        text-align: center;
        align-items: center;
        rotate: 0deg;
        right: 0;
        transition: 0.2s;
}
.dc_menu {
    display: none;
}
.header-content .mob_menu {
    display: block;
    width: 32px;
}
.style-menu {
    background: none;
}
.top-menu > li:hover:after {
  rotate: -90deg;
}
}



 @media screen and (max-width: 1200px) {
     
.menu-bar {
    transition: all 0.3s ease-in-out;
    transition-delay: 0.2s;
    position: relative;
/*    top: 10px;*/
    width: 32px;
    height: 32px;
    z-index: 999;
    box-sizing: content-box;
}
.error404 {
    margin-top: 100px;
}
.menu-bar span {
    transition: all 0.3s ease-in-out;
    background-color: #000;
    display: inline-block;
    height: 3px;
    position: absolute;
    top: 50%;
    left: 0px;
    width: 32px;
}
.menu-bar span:before,
.menu-bar span:after {
    transition: all 0.3s ease-in-out;
    background-color: #000;
    content: '';
    display: block;
    height: 3px;
    position: absolute;
    width: 32px;
}
.menu-bar span:before {
    top: -14px;
}
.menu-bar span:after {
    top: 14px;
}
.triggered .menu-bar span:before,
.triggered .menu-bar span:after{
    background-color: #fff;
}
.triggered .menu-bar span {
    width: 0;
}
.triggered .menu-bar span:before {
    transform: rotate(45deg);
    top: 0;
}
.triggered .menu-bar span:after {
    transform: rotate(-45deg);
    top: 0;
}
.menu {
    transition: all 0.3s ease-in-out;
    background-color: #537496;
    height: 100vh;
    opacity: 0;
    padding: 15px;
    position: fixed;
    top: 0;
    left: 0;
    transform: translateY(-100%);
    width: 100vw;
    z-index: 998;
    overflow-y: auto;
}
.menu ul {
    transition: all 0.3s ease-in-out;
    list-style: none;
    margin: 0;
    padding: 0;
}
.menu ul li {
    transition: all 0.3s ease-in-out;
}
.menu ul li a {
    color: #fff;
    display: inline-block;
    font-family: Verdana, sans-serif;
    font-size: 20px;
    padding: 8px 15px;
    position: relative;
    text-decoration: none;
    outline: none;
}
.menu ul li span {
    display: inline-block;
    height: 24px;
    top: 5px;
    position: relative;
    width: 24px;
}
.menu ul li span:before,
.menu ul li span:after {
    background-color: #BFE2FF;
    content: '';
    display: block;
    height: 3px;
    position: absolute;
    width: 15px;
}
.menu ul li span:before {
    top: 50%;
    transform: translateY(-50%);
}
.menu ul li span:after {
    transition: all 0.15s ease-in-out;
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
}
.menu ul li span.subtriggered:after {
    transform: translateY(-50%) rotate(0);
}
.menu ul li ul li a {
    padding: 8px 30px;
    font-size: 18px;
    color: #BFE2FF;
}
.triggered .menu {
    opacity: 1;
    transform: translateY(0);
    padding-top: 40px;
}
.menu ul ul {
    display: none;
}
.menu ul .subtriggered + ul {
    display: block;
}
.header-blok-content-zvonok {
    display: none;
}
.icon-left-menu {
    display: block;
    font-size: 36px;
    z-index: 99999;
    width: 35px;
}
.second-menu {
  flex-wrap: nowrap;
}
.top-menu {
    font-family: 'Exo 2';
    position: relative;
    padding: 0 15px;
    display: flex;
    flex-direction: column;
}
.top-menu:after {
    display: none;
}
.top-menu:before {
    display: none;
}
i.fa {
    color: #000;
}
.top-menu > li {
    display: block;
    margin-bottom: 0;
}
.art-block {
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 0;

}

.top-menu > ul > li > a {
    display: block;
    color: rgba(77, 77, 77, 1.00);
    font-size: 16px;
    padding: 3px 10px 3px 20px;
}
.top-menu > ul > li > a:hover {
    display: block;
    color: #ff8500;
}
.fix_price {
    margin-top: 80px;
}
.top-menu > ul {
    display: none;
    padding: 0 0 20px;
}
 }


@media (min-width: 0px) and (max-width: 320px) {
  .container {
    width: 270px;
  }
  h2 {
    font-size: 24px;
    line-height: 36px;
  }
  header#header {
    display: none;
  }
  header#header-mobile {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    height: 64px;
  }
  header#header-mobile .container {
    width: 270px;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  header#header-mobile nav#top-nav-mobile nav {
    background-color: #1E1E23;
    height: 65px;
  }
  header#header-mobile nav#top-nav-mobile ul#menu {
    list-style-type: none;
    background: #fff;
    height: 551px;
  }
  header#header-mobile nav#top-nav-mobile ul#menu .first {
    position: absolute;
    left: 0;
    right: 0;
    top: 6%;
    text-align: center;
    z-index: 4;
    color: #101922;
    font-family: "gothampro";
    font-weight: bold;
    font-size: 24px;
    line-height: 24px;
    height: 64px;
    border-bottom: 1px solid #101922;
  }
  header#header-mobile nav#top-nav-mobile ul#menu .contact-phone {
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid #101922;
  }
  header#header-mobile nav#top-nav-mobile ul#menu .contact-email {
    padding-top: 0;
  }
  header#header-mobile nav#top-nav-mobile ul#menu .button-li {
    margin-top: 5px;
  }
  header#header-mobile nav#top-nav-mobile ul#menu .button-li .reservation {
    width: 230px;
    height: 53px;
  }
  header#header-mobile nav#top-nav-mobile ul#menu li {
    margin-left: -30px;
    padding-left: 30px;
  }
  header#header-mobile nav#top-nav-mobile ul#menu li a {
    font-family: "gothampro";
    font-size: 16px;
    line-height: 24px;
    color: #101922;
  }
  header#header-mobile nav#top-nav-mobile #menuToggle {
    display: flex;
    flex-direction: column;
    position: relative;
    top: 3px;
    left: 35px;
    z-index: 5;
    -webkit-user-select: none;
    user-select: none;
  }
  header#header-mobile nav#top-nav-mobile #menuToggle input {
    display: flex;
    width: 40px;
    height: 32px;
    position: absolute;
    cursor: pointer;
    opacity: 0;
    z-index: 5;
  }
  header#header-mobile nav#top-nav-mobile #menuToggle span {
    display: flex;
    width: 29px;
    height: 2px;
    margin-bottom: 5px;
    position: relative;
    background: #101922;
    border-radius: 3px;
    z-index: 5;
    transform-origin: 5px 0px;
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
  }
  header#header-mobile nav#top-nav-mobile #menuToggle span:first-child {
    transform-origin: 0% 0%;
  }
  header#header-mobile nav#top-nav-mobile #menuToggle span:nth-last-child(2) {
    transform-origin: 0% 100%;
  }
  header#header-mobile nav#top-nav-mobile #menuToggle input:checked ~ span {
    opacity: 1;
    transform: rotate(45deg) translate(-3px, -1px);
    background: #36383F;
    right: 26px;
  }
  header#header-mobile nav#top-nav-mobile #menuToggle input:checked ~ span:nth-last-child(3) {
    opacity: 0;
    transform: rotate(0deg) scale(0.2, 0.2);
  }
  header#header-mobile nav#top-nav-mobile #menuToggle input:checked ~ span:nth-last-child(2) {
    transform: rotate(-45deg) translate(0, -1px);
    right: 25px;
  }
  header#header-mobile nav#top-nav-mobile #menu {
    position: absolute;
    width: 300px;
    height: 581px;
    box-shadow: 0 0 10px #85888C;
    margin: -50px 0 0 -80px;
    padding: 50px;
    padding-right: 0;
    padding-top: 105px;
    background-color: #F5F6FA;
    -webkit-font-smoothing: antialiased;
    transform-origin: 0% 0%;
    transform: translate(-100%, 0);
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
  }
  header#header-mobile nav#top-nav-mobile #menu li {
    padding: 5px 0;
    transition-delay: .2s;
  }
  header#header-mobile nav#top-nav-mobile #menuToggle input:checked ~ ul {
    transform: none;
  }
  section#main {
    align-items: center;
    justify-content: center;
  }
  section#main .container-main {
    width: 270px;
    margin-right: 0;
    align-items: center;
    justify-content: center;
  }
  section#main .container-main .headers-text {
    margin-top: 50px;
  }
  section#main .container-main .headers-text .photo-container-mobile {
    display: flex;
    margin-top: 30px;
  }
  section#main .container-main .headers-text h1 {
    font-size: 36px;
    line-height: 50px;
  }
  section#main .container-main .customer-reviews {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
  section#main .container-main .customer-reviews .reviews-p {
    margin-top: 10px;
  }
  section#main .container-main .reservation {
    width: 270px;
    margin-top: 33px;
  }
  section#main .photo-container {
    display: none;
  }
  section#guest-house {
    margin-top: 55px;
  }
  section#guest-house .container .header-section .text-block {
    width: 100%;
  }
  section#guest-house .container .header-section .text-block .description br {
    display: none;
  }
  section#guest-house .container .header-section .discount {
    margin-left: 0;
    margin-top: 20px;
  }
  section#guest-house .container .header-section .discount .discount-title {
    margin-left: 0;
  }
  section#guest-house .slider .cart .top-block {
    flex-direction: column;
  }
  section#guest-house .slider .cart .top-block .price-block {
    width: 100%;
  }
  section#guest-house .slider .cart .top-block .price-block .price-data {
    display: none;
  }
  section#guest-house .slider .cart .middle-block .price-data-mobile {
    display: block;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 25px;
  }
  section#guest-house .slider .cart .bottom-block {
    margin-left: 0;
    margin-top: 0;
    text-align: center;
    margin-bottom: 25px;
  }
  section#guest-house .slider .cart .bottom-block button {
    width: 250px;
  }
  section#guest-house .slider .cart .bottom-block .more {
    margin-left: 0;
    margin-top: 15px;
  }
  section#guest-house .slider .slide-one .owl-dots {
    bottom: 8%;
  }
  section#guest-house .slider .slide-one .owl-nav {
    margin-top: 55px;
  }
  section#bath {
    margin-top: 55px;
  }
  section#bath .container {
    width: 260px;
  }
  section#bath .container .bath-title h2 {
    font-size: 25px;
  }
  section#bath .container .bath-data {
    margin-top: 0;
  }
  section#bath .container .bath-data .slider {
    margin-top: 30px;
  }
  section#bath .container .bath-data .slider .cart {
    width: 92%;
    padding: 0;
  }
  section#bath .container .bath-data .slider .cart .top-block {
    flex-direction: column;
  }
  section#bath .container .bath-data .slider .cart .top-block .price-block {
    width: 100%;
    margin-top: 22px;
  }
  section#bath .container .bath-data .slider .cart .top-block .price-block .price-data {
    margin-left: 0;
    margin-top: 15px;
  }
  section#bath .container .bath-data .slider .cart .top-block .price-block .price-data .text-p span {
    font-size: 21px;
  }
  section#bath .container .bath-data .slider .cart .middle-block {
    margin-left: 0;
  }
  section#bath .container .bath-data .slider .cart .middle-block .text-p {
    padding-right: 0;
  }
  section#bath .container .bath-data .slider .cart .bottom-block {
    margin-left: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    justify-content: center;
  }
  section#bath .container .bath-data .slider .cart .bottom-block button {
    width: 240px;
  }
  section#bath .container .bath-data .slider .cart .bottom-block .more {
    margin-left: 0;
    margin-top: 10px;
  }
  section#kitchen {
    margin-top: 55px;
  }
  section#kitchen .container .kitchen-title {
    margin-bottom: 20px;
  }
  section#kitchen .container .kitchen-title h2 {
    font-size: 24px;
    line-height: 36px;
  }
  section#kitchen .container .kitchen-img {
    margin-top: 10px;
    flex-direction: column;
  }
  section#kitchen .container .kitchen-img .items {
    width: 100%;
    margin: 0px 0px 15px 0px;
  }
  section#kitchen .container .kitchen-img .items .name-photo {
    display: none;
  }
  section#entertainment {
    margin-top: 55px;
  }
  section#entertainment .container .enter-title h2 {
    font-size: 24px;
    line-height: 36px;
  }
  section#entertainment .container .types-enter {
    flex-direction: column;
  }
  section#entertainment .container .types-enter .item {
    width: 100%;
    margin-bottom: 20px;
  }
  section#entertainment .container .types-enter .item .headtext {
    margin-top: 5px;
  }
  section#entertainment .container .types-enter .item .headtext span:before {
    width: 245px;
    bottom: 80%;
    right: -42px;
  }
  section#video-blog {
    margin-top: 55px;
  }
  section#video-blog .container h2 {
    font-size: 24px;
    line-height: 36px;
  }
  section#video-blog .container .slider-video {
    margin-top: 20px;
  }
  section#video-blog .container .slider-video .slide-two .block-video {
    max-width: 240px;
    height: 480px;
  }
  section#video-blog .container .slider-video .slide-two .owl-dots {
    bottom: 12%;
  }
  section#video-blog .container .slider-video .slide-two .owl-nav {
    margin-top: 50px;
  }
  section#house-reservation {
    margin-top: 55px;
  }
  section#house-reservation .container {
    padding-left: 7px;
    padding-right: 7px;
  }
  section#house-reservation .container .reservation-title {
    margin-top: 55px;
  }
  section#house-reservation .container .reservation-title h2 {
    font-size: 24px;
    line-height: 36px;
  }
  section#house-reservation .container .reservation-form {
    margin-top: 24px;
  }
  section#house-reservation .container .reservation-form .client-data {
    flex-wrap: wrap;
  }
  section#house-reservation .container .reservation-form .client-data input {
    width: 255px;
    margin-bottom: 15px;
  }
  section#house-reservation .container .reservation-form .house-data {
    flex-wrap: wrap;
    margin-top: 0;
  }
  section#house-reservation .container .reservation-form .house-data .house-new-select,
  section#house-reservation .container .reservation-form .house-data .human-new-select,
  section#house-reservation .container .reservation-form .house-data .transfer-new-select {
    width: 255px;
    margin-bottom: 15px;
  }
  section#house-reservation .container .reservation-form .house-data .date-input-container {
    margin-bottom: 15px;
  }
  section#house-reservation .container .reservation-form .house-data .date-input-container input {
    width: 121px;
    margin-right: 12px;
    padding-left: 32px;
  }
  section#house-reservation .container .reservation-form .total {
    margin-top: 20px;
    margin-bottom: 66px;
    align-items: flex-end;
    justify-content: flex-start;
  }
  section#house-reservation .container .reservation-form .total .total-title {
    margin-right: 15px;
  }
  section#house-reservation .container .reservation-form .total .discount-total {
    margin-left: 0px;
  }
  section#house-reservation .container .reservation-form .total .reservation {
    margin-top: 30px;
    width: 255px;
  }
  section#reviews-bottom {
    margin-top: 55px;
  }
  section#reviews-bottom .container h2 {
    font-size: 24px;
    line-height: 36px;
  }
  section#reviews-bottom .container .description {
    margin-top: 11px;
  }
  section#reviews-bottom .slider-reviews {
    margin-top: 26px;
    width: 300px;
  }
  section#reviews-bottom .slider-reviews .slide-three .reviews-cart .reviews-top {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
  section#reviews-bottom .slider-reviews .slide-three .reviews-cart .reviews-top .photo-guest {
    display: none;
  }
  section#reviews-bottom .slider-reviews .slide-three .reviews-cart .reviews-top .data-reviews {
    text-align: left;
    margin-left: 17px;
  }
  section#reviews-bottom .slider-reviews .slide-three .reviews-cart .reviews-top .name-guest {
    margin-bottom: 15px;
  }
  section#reviews-bottom .slider-reviews .slide-three .reviews-cart .reviews-top .name-guest .guest {
    margin-bottom: 5px;
  }
  section#reviews-bottom .slider-reviews .slide-three .reviews-cart .reviews-bottom .text-p {
    margin-left: 17px;
    margin-right: 17px;
  }
  section#reviews-bottom .slider-reviews .slide-three .owl-dots {
    bottom: 16%;
  }
  section#map .map-block {
    flex-direction: column;
    width: 270px;
  }
  section#map .map-block .title-map {
    order: 0;
    margin-left: 15px;
    margin-right: 15px;
    width: 100%;
    align-items: center;
  }
  section#map .map-block .title-map h2 {
    font-size: 24px;
    line-height: 36px;
  }
  section#map .map-block .yandex-map {
    order: 1;
    width: 100%;
  }
  section#main-boat {
      -ms-background-position-x: 75%;
      background-position-x: 75%;
  }
  section#main-boat .container .header-text h1 {
    font-size: 29px;
    line-height: 40px;
  }
  section#main-boat .container .header-text p {
      font-size: 17px;
      margin-top: 20px;
  }
  section#on-water .container {
      flex-direction: column;
      margin-top: 50px;
  }
  section#on-water .container .text-block {
      width: 100%;
      margin-bottom: 20px;
  }
  section#on-water .container .text-block .main-p {
      font-size: 23px;
  }
  section#on-water .container .img-block {
    width: 100%;
  }
  section#on-water .container .text-block .main-p {
      font-size: 30px;
  }
  section#adventures .container .main-adventures {
      font-size: 30px;
  }
  section#adventures .container .items-adv .card-adv .bott-adv {
      height: auto;
  }
  section#adventures .container .items-adv .card-adv .bott-adv a {
      position: relative;
      width: 210px;
      margin-top: 40px;
  }
  section#adventures .container .items-adv {
      flex-direction: column;
  }
  section#adventures .container .items-adv .card-adv {
      width: 100%;
      margin-bottom: 20px;
  }
  section#adventures .bottom-info p {
      font-size: 13px;
  }
  section#gallery .container .items-gallery {
      flex-direction: column;
  }
  section#gallery .container .items-gallery .item {
      width: 100%;
  }
  section#gallery .container .items-gallery .left h2 {
      font-size: 40px;
      margin-top: 20px;
      margin-bottom: 30px;
  }
  section#about {
      margin-top: 80px;
  }
  section#about .container {
      flex-direction: column;
  }
  section#about .container .left-block {
      width: 100%;
  }
  section#about .container .left-block h2 {
      font-size: 30px;
      margin-bottom: 20px;
  }
  section#about .container .left-block p {
      margin-bottom: 20px;
  }
  section#about .container .left-block a {
      width: 240px;
      margin-bottom: 40px;
  }
  section#about .container .center-block {
      width: 100%;
  }
  section#more-airboat {
      margin-top: 100px;
  }
  section#more-airboat .container {
      flex-direction: column;
  }
  section#more-airboat .container .left-block {
      width: 100%;
  }
  section#more-airboat .container .left-block h4 {
      font-size: 18px;
  }
  section#more-airboat .container .left-block p {
      font-size: 14px;
  }
  section#more-airboat .container .right-block {
      width: 100%;
      margin-top: 30px;
  }
  section#more-airboat .container .right-block h3 {
      font-size: 27px;
  }
  section#more-airboat .container .right-block p {
      font-size: 16px;
  }
  section#pre-footer {
      -ms-background-position-x: 70%;
      background-position-x: 70%;
  }
  section#pre-footer .container {
      flex-direction: column;
      justify-content: flex-end;
      align-items: center;
  }
  section#pre-footer .container .logo {
      width: 100%;
  }
  section#pre-footer .container .contacts {
      width: 100%;
  }
  section#pre-footer .container .contacts .main-pre {
      font-size: 20px;
      margin-top: 20px;
  }
  section#content-airboat {
      margin-top: 80px;
  }
  section#content-airboat .container {
      flex-direction: column;
  }
  section#content-airboat .container .text-block {
      width: 100%;
  }
  section#content-airboat .container .text-block p {
      font-size: 17px;
      line-height: 24px;
  }
  section#content-airboat .container .img-block {
      width: 100%;
  }
  section#content-airboat .container .img-block img {
      width: 47%;
  }
  footer {
    margin-top: 0;
  }
  footer .container {
    display: none;
  }
  footer .container-mobile {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 270px;
    margin-left: 0px;
  }
  footer .container-mobile .footer-logo {
    margin-top: 62px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  footer .container-mobile .data-footer {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 25px;
    margin-bottom: 112px;
  }
  footer .container-mobile .data-footer .social {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
    width: 44%;
    margin-bottom: 30px;
  }
  footer .container-mobile .data-footer .contact-link-footer,
  footer .container-mobile .data-footer .policy {
    font-family: "gothampro";
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-right: 0px;
    color: #fff;
  }
  footer .container-mobile .data-footer hr {
    width: 100%;
    height: 1px;
    background: #fff;
    margin-bottom: 24px;
  }
  footer .container-mobile .data-footer .policy {
    text-decoration: underline;
    margin-top: 14px;
  }
  .modal-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 5px;
    border-bottom: 1px solid #eceeef;
    overflow: hidden;
  }
  .modal-title {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1.5;
    font-size: 1.25rem;
    font-weight: 500;
  }
  .modal-body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    width: 98%;
    margin-left: 10px;
    margin-bottom: 40px;
    overflow-y: scroll;
    height: auto;
  }
  .modal-body .modal-home-title {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    margin-top: 10px;
    margin-bottom: 9px;
  }
  .modal-body .modal-home-title .home-title {
    font-family: "pachomiusw00_regular";
    font-size: 20px;
    line-height: 25px;
    color: #101922;
  }
  .modal-body .modal-home-title .seats {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
  }
  .modal-body .modal-home-title .seats img {
    width: 33%;
    margin-left: 23px;
  }
  .modal-body .modal-home-title .seats p {
    font-size: 16px;
    font-family: "gothampro";
    line-height: 24px;
    color: #101922;
    margin-left: 8px;
  }
  .modal-body .container-form-modal {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
  }
  .modal-body .container-form-modal .reservation-title {
    width: 80%;
  }
  .modal-body .container-form-modal .reservation-title h2 {
    font-size: 24px;
    line-height: 50px;
    margin-bottom: 10px;
  }
  .modal-body .container-form-modal .reservation-title .description {
    font-size: 16px;
  }
  .modal-body .container-form-modal .reservation-title .description br {
    display: none;
  }
  .modal-body .container-form-modal .reservation-form {
    margin-top: 60px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }
  .modal-body .container-form-modal .reservation-form .client-data {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
  }
  .modal-body .container-form-modal .reservation-form .client-data input {
    width: 247px;
    height: 65px;
    border: none;
    padding-left: 20px;
    margin-right: 11px;
    font-family: "gothampro";
    font-size: 18px;
    color: #101922;
    margin-bottom: 10px;
  }
  .modal-body .container-form-modal .reservation-form .client-data ::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #d2d2d2;
  }
  .modal-body .container-form-modal .reservation-form .client-data :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #d2d2d2;
    opacity: 1;
  }
  .modal-body .container-form-modal .reservation-form .client-data ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #d2d2d2;
    opacity: 1;
  }
  .modal-body .container-form-modal .reservation-form .client-data :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #d2d2d2;
  }
  .modal-body .container-form-modal .reservation-form .client-data ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #d2d2d2;
  }
  .modal-body .container-form-modal .reservation-form .client-data ::placeholder {
    /* Most modern browsers support this now. */
    color: #d2d2d2;
  }
  .modal-body .container-form-modal .reservation-form .house-data {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 30px;
  }
  .modal-body .container-form-modal .reservation-form .house-data .house-select,
  .modal-body .container-form-modal .reservation-form .house-data .transfer-select {
    display: block;
    max-width: 126px;
    width: 100%;
    position: relative;
    margin-right: 11px;
    margin-bottom: 10px;
  }
  .modal-body .container-form-modal .reservation-form .house-data .house-new-select,
  .modal-body .container-form-modal .reservation-form .house-data .transfer-new-select {
    position: relative;
    background: #fff;
    padding: 10px 15px;
    cursor: pointer;
    user-select: none;
    width: 247px;
    height: 65px;
    font-family: "gothampro";
    font-size: 18px;
    line-height: 30px;
    color: #101922;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }
  .modal-body .container-form-modal .reservation-form .house-data .human-select {
    display: block;
    max-width: 165px;
    width: 100%;
    position: relative;
    margin-right: 10px;
    margin-bottom: 10px;
  }
  .modal-body .container-form-modal .reservation-form .house-data .human-new-select {
    position: relative;
    background: #fff;
    padding: 10px 15px;
    cursor: pointer;
    user-select: none;
    width: 247px;
    height: 65px;
    font-family: "gothampro";
    font-size: 18px;
    line-height: 30px;
    color: #101922;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }
  .modal-body .container-form-modal .reservation-form .house-data .house-new-select__list,
  .modal-body .container-form-modal .reservation-form .house-data .human-new-select__list,
  .modal-body .container-form-modal .reservation-form .house-data .transfer-new-select__list {
    position: absolute;
    top: 55px;
    left: 0;
    cursor: pointer;
    width: 100%;
    z-index: 2;
    background: #fff;
    user-select: none;
    font-family: "gothampro";
    font-size: 16px;
    line-height: 24px;
  }
  .modal-body .container-form-modal .reservation-form .house-data .house-new-select__list.on,
  .modal-body .container-form-modal .reservation-form .house-data .human-new-select__list.on,
  .modal-body .container-form-modal .reservation-form .house-data .transfer-new-select__list.on {
    display: block;
  }
  .modal-body .container-form-modal .reservation-form .house-data .house-new-select__item span,
  .modal-body .container-form-modal .reservation-form .house-data .human-new-select__item span,
  .modal-body .container-form-modal .reservation-form .house-data .transfer-new-select__item span {
    display: block;
    padding: 10px 15px;
  }
  .modal-body .container-form-modal .reservation-form .house-data .house-new-select__item span:hover,
  .modal-body .container-form-modal .reservation-form .house-data .human-new-select__item span:hover,
  .modal-body .container-form-modal .reservation-form .house-data .transfer-new-select__item span:hover {
    color: #3bcf76;
  }
  .modal-body .container-form-modal .reservation-form .house-data .house-new-select:after,
  .modal-body .container-form-modal .reservation-form .house-data .human-new-select:after,
  .modal-body .container-form-modal .reservation-form .house-data .transfer-new-select:after {
    content: '';
    display: block;
    width: 11px;
    height: 11px;
    position: absolute;
    right: 25px;
    top: 42%;
    background: url('../img/icons/select-arrow.png') no-repeat right center / cover;
    opacity: 1;
    -webkit-transition: all 0.27s ease-in-out;
    -o-transition: all 0.27s ease-in-out;
    transition: all 0.27s ease-in-out;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  .modal-body .container-form-modal .reservation-form .house-data .house-new-select.on:after,
  .modal-body .container-form-modal .reservation-form .house-data .human-new-select.on:after,
  .modal-body .container-form-modal .reservation-form .house-data .transfer-new-select.on:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .modal-body .container-form-modal .reservation-form .house-data .date-input {
    width: 121px;
    height: 65px;
    margin-right: 5px;
    margin-bottom: 10px;
    border: none;
    background: url("../img/icons/calendar.png"), #ffffff;
    background-repeat: no-repeat;
    background-position: 20px center;
    padding-left: 30px;
    font-family: "gothampro";
    font-size: 18px;
    color: #101922;
    line-height: 30px;
  }
  .modal-body .container-form-modal .reservation-form .house-data .date-input:focus {
    background: #fff;
  }
  .modal-body .container-form-modal .reservation-form .house-data ::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #d2d2d2;
    padding-left: 20px;
  }
  .modal-body .container-form-modal .reservation-form .total {
    margin-top: 30px;
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
  }
  .modal-body .container-form-modal .reservation-form .total .total-title {
    margin-right: 9px;
    font-family: "gothampro";
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
    color: #101922;
  }
  .modal-body .container-form-modal .reservation-form .total .reservation {
    width: 247px;
    margin-right: 15px;
    margin-top: 10px;
    height: 65px;
  }
  .modal-body .container-form-modal .reservation-form .total .discount-total {
    margin-right: 0px;
    width: 59px;
    height: 34px;
    background: #3bcf76;
    border-radius: 9px;
    box-shadow: 0px 0px 13px rgba(17, 92, 47, 0.2);
    text-align: center;
    padding-top: 2px;
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    font-family: "gothampro";
  }
  .modal-body .container-form-modal .reservation-form .total .price-total {
    margin-right: 25px;
  }
  .modal-body .container-form-modal .reservation-form .total .price-total .no-disc {
    font-family: "gothampro";
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-decoration: line-through;
    color: #101922;
  }
  .modal-body .container-form-modal .reservation-form .total .price-total .no-disc:after {
    content: "\20BD";
    margin-left: 5px;
  }
  .modal-body .container-form-modal .reservation-form .total .price-total .disc {
    font-family: "gothampro";
    font-size: 20px;
    line-height: 24px;
    color: #101922;
    font-weight: bold;
  }
  .modal-body .container-form-modal .reservation-form .total .price-total .disc:after {
    content: "\20BD";
    margin-left: 5px;
  }
  .modal-slider {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
  }
  .modal-slider .price-data {
    margin-left: 18px;
    margin-top: 44px;
  }
  .modal-slider .price-data p {
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    padding: 14px 0px;
    width: 252px;
    text-align: center;
  }
  .modal-slider .price-data p span:after {
    content: "\20BD";
    margin-left: 5px;
  }
  .modal-slider .price-data .reservation {
    width: 242px;
    height: 53px;
    margin-top: 40px;
  }
  .modal-content {
    position: relative;
    display: flex;
    width: 270px;
    flex-direction: column;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: .3rem;
    outline: 0;
  }
  #modal-1 .modal-dialog {
    height: 500px;
  }
  #modal-1 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider {
    flex-wrap: wrap;
  }
  #modal-1 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .price-data {
    margin-top: 0;
    margin-left: 10px;
  }
  #modal-1 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .price-data .reservation {
    width: 230px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  #modal-1 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .slider-for {
    padding-left: 5px;
    padding-top: 11px;
    color: #fff;
  }
  #modal-1 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .slider__images {
    height: 110px;
  }
  #modal-1 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .slider__images .slider__image img {
    width: 25%;
    height: auto;
  }
  #modal-1 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .slider__image img {
    height: auto;
  }
  #modal-2 .modal-dialog .modal-content {
    background: #d7d9e8;
    width: 270px;
  }
  #modal-2 .modal-dialog .modal-content .modal-overflow {
    overflow-y: scroll;
  }
  #modal-2 .modal-dialog .modal-content .close-button {
    width: 100%;
    text-align: right;
  }
  #modal-3 .modal-dialog .modal-content {
    background: #fff;
    width: 270px;
  }
  #modal-3 .modal-dialog .modal-content .modal-overflow {
    overflow-y: scroll;
    height: 600px;
    width: 265px;
    margin-left: 5px;
    overflow-x: hidden;
  }
  #modal-3 .modal-dialog .modal-content .modal-overflow .container-about-modal {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
  }
  #modal-3 .modal-dialog .modal-content .modal-overflow .container-about-modal .about-title {
    display: flex;
    width: 100%;
    flex-direction: column;
    order: 2;
  }
  #modal-3 .modal-dialog .modal-content .modal-overflow .slider-about {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
  }
  #modal-3 .modal-dialog .modal-content .close-button {
    width: 100%;
    text-align: right;
  }
  #modal-4 .modal-dialog {
    height: 500px;
  }
  #modal-4 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider {
    flex-wrap: wrap;
  }
  #modal-4 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .price-data {
    margin-top: 0;
    margin-left: 10px;
  }
  #modal-4 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .price-data .reservation {
    width: 230px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  #modal-4 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .slider-for {
    padding-left: 5px;
    padding-top: 11px;
    color: #fff;
  }
  #modal-4 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .slider__images {
    height: 110px;
  }
  #modal-4 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .slider__images .slider__image img {
    width: 25%;
    height: auto;
  }
  #modal-4 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .slider__image img {
    height: auto;
  }
  #modal-5 .modal-dialog .modal-content {
    width: 260px;
    height: 500px;
  }
  #modal-5 .modal-dialog .modal-content .modal-overflow {
    width: 100%;
  }
  #modal-5 .modal-dialog .modal-content .modal-overflow .modal-header {
    width: 100%;
  }
  #modal-5 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  #modal-5 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .fotorama {
    width: 100%;
  }
  #modal-5 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .price-data {
    margin-left: 32px;
  }
  #modal-5 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .price-data .text-p {
    font-size: 14px;
    text-align: left;
  }
  #modal-5 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .price-data .text-p span {
    font-size: 21px;
  }
  #modal-5 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .price-data button {
    width: 215px;
  }
  #modal-6 .modal-dialog .modal-content {
    height: 500px;
    background: #d7d9e8;
    width: 270px;
  }
  #modal-6 .modal-dialog .modal-content .modal-overflow {
    overflow-y: scroll;
  }
  #modal-6 .modal-dialog .modal-content .modal-overflow #date-off-modal {
    background: #fff;
  }
  #modal-6 .modal-dialog .modal-content .close-button {
    width: 100%;
    text-align: right;
  }
  /* свойства модального окна по умолчанию */
  .modal {
    position: fixed;
    /* фиксированное положение */
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    /* цвет фона */
    z-index: 1050;
    opacity: 0;
    /* по умолчанию модальное окно прозрачно */
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    /* анимация перехода */
    pointer-events: none;
    /* элемент невидим для событий мыши */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
  }
  /* при отображении модального окно */
  .modal.show {
    opacity: 1;
    pointer-events: auto;
    overflow-y: scroll;
  }
  /* ширина модального окна и его отступы от экрана */
  .modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
  }
}
@media (min-width: 321px) and (max-width: 360px) {
  .container {
    width: 320px;
  }
  h2 {
    font-size: 24px;
    line-height: 36px;
  }
    section#content-airboat {
      margin-top: 80px;
  }
  section#content-airboat .container {
      flex-direction: column;
  }
  section#content-airboat .container .text-block {
      width: 100%;
  }
  section#content-airboat .container .text-block p {
      font-size: 17px;
      line-height: 24px;
  }
  section#content-airboat .container .img-block {
      width: 100%;
  }
  section#content-airboat .container .img-block img {
      width: 47%;
  }
  header#header {
    display: none;
  }
  header#header-mobile {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    height: 64px;
  }
  header#header-mobile .container {
    width: 320px;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  header#header-mobile nav#top-nav-mobile nav {
    background-color: #1E1E23;
    height: 65px;
  }
  header#header-mobile nav#top-nav-mobile ul#menu {
    list-style-type: none;
    background: #fff;
    height: 551px;
    margin-left: -95px;
  }
  header#header-mobile nav#top-nav-mobile ul#menu .first {
    position: absolute;
    left: 0;
    right: 0;
    top: 6%;
    text-align: center;
    z-index: 4;
    color: #101922;
    font-family: "gothampro";
    font-weight: bold;
    font-size: 24px;
    line-height: 24px;
    height: 64px;
    border-bottom: 1px solid #101922;
  }
  header#header-mobile nav#top-nav-mobile ul#menu .contact-phone {
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid #101922;
  }
  header#header-mobile nav#top-nav-mobile ul#menu .contact-email {
    padding-top: 0;
  }
  header#header-mobile nav#top-nav-mobile ul#menu .button-li {
    margin-top: 5px;
  }
  header#header-mobile nav#top-nav-mobile ul#menu .button-li .reservation {
    width: 290px;
    height: 53px;
  }
  header#header-mobile nav#top-nav-mobile ul#menu li {
    margin-left: -30px;
    padding-left: 30px;
  }
  header#header-mobile nav#top-nav-mobile ul#menu li a {
    font-family: "gothampro";
    font-size: 16px;
    line-height: 24px;
    color: #101922;
  }
  header#header-mobile nav#top-nav-mobile #menuToggle {
    display: flex;
    flex-direction: column;
    position: relative;
    top: 3px;
    left: 35px;
    z-index: 5;
    -webkit-user-select: none;
    user-select: none;
  }
  header#header-mobile nav#top-nav-mobile #menuToggle input {
    display: flex;
    width: 40px;
    height: 32px;
    position: absolute;
    cursor: pointer;
    opacity: 0;
    z-index: 5;
  }
  header#header-mobile nav#top-nav-mobile #menuToggle span {
    display: flex;
    width: 29px;
    height: 2px;
    margin-bottom: 5px;
    position: relative;
    background: #101922;
    border-radius: 3px;
    z-index: 5;
    transform-origin: 5px 0px;
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
  }
  header#header-mobile nav#top-nav-mobile #menuToggle span:first-child {
    transform-origin: 0% 0%;
  }
  header#header-mobile nav#top-nav-mobile #menuToggle span:nth-last-child(2) {
    transform-origin: 0% 100%;
  }
  header#header-mobile nav#top-nav-mobile #menuToggle input:checked ~ span {
    opacity: 1;
    transform: rotate(45deg) translate(-3px, -1px);
    background: #36383F;
    right: 26px;
  }
  header#header-mobile nav#top-nav-mobile #menuToggle input:checked ~ span:nth-last-child(3) {
    opacity: 0;
    transform: rotate(0deg) scale(0.2, 0.2);
  }
  header#header-mobile nav#top-nav-mobile #menuToggle input:checked ~ span:nth-last-child(2) {
    transform: rotate(-45deg) translate(0, -1px);
    right: 25px;
  }
  header#header-mobile nav#top-nav-mobile #menu {
    position: absolute;
    width: 360px;
    height: 581px;
    box-shadow: 0 0 10px #85888C;
    margin: -50px 0 0 -80px;
    padding: 50px;
    padding-right: 0;
    padding-top: 105px;
    background-color: #F5F6FA;
    -webkit-font-smoothing: antialiased;
    transform-origin: 0% 0%;
    transform: translate(-100%, 0);
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
  }
  header#header-mobile nav#top-nav-mobile #menu li {
    padding: 5px 0;
    transition-delay: .2s;
  }
  header#header-mobile nav#top-nav-mobile #menuToggle input:checked ~ ul {
    transform: none;
  }
  section#main {
    align-items: center;
    justify-content: center;
  }
  section#main .container-main {
    width: 320px;
    margin-right: 15px;
    margin-left: 15px;
    align-items: center;
    justify-content: center;
  }
  section#main .container-main .headers-text {
    margin-top: 50px;
  }
  section#main .container-main .headers-text .photo-container-mobile {
    display: flex;
    margin-top: 30px;
  }
  section#main .container-main .headers-text h1 {
    font-size: 36px;
    line-height: 50px;
  }
  section#main .container-main .customer-reviews {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
  section#main .container-main .customer-reviews .reviews-p {
    margin-top: 10px;
  }
  section#main .container-main .reservation {
    width: 290px;
    margin-top: 33px;
  }
  section#main .photo-container {
    display: none;
  }
  section#guest-house {
    margin-top: 55px;
  }
  section#guest-house .container .header-section .text-block {
    width: 100%;
  }
  section#guest-house .container .header-section .text-block .description br {
    display: none;
  }
  section#guest-house .container .header-section .discount {
    margin-left: 0;
    margin-top: 20px;
  }
  section#guest-house .container .header-section .discount .discount-title {
    margin-left: 0;
  }
  section#guest-house .slider .cart .top-block {
    flex-direction: column;
  }
  section#guest-house .slider .cart .top-block .price-block .price-data {
    display: none;
  }
  section#guest-house .slider .cart .middle-block .price-data-mobile {
    display: block;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 25px;
  }
  section#guest-house .slider .cart .bottom-block {
    margin-left: 0;
    margin-top: 0;
    text-align: center;
    margin-bottom: 25px;
  }
  section#guest-house .slider .cart .bottom-block button {
    width: 250px;
  }
  section#guest-house .slider .cart .bottom-block .more {
    margin-left: 0;
    margin-top: 15px;
  }
  section#guest-house .slider .slide-one .owl-dots {
    bottom: 8%;
  }
  section#guest-house .slider .slide-one .owl-nav {
    margin-top: 55px;
  }
  section#bath {
    margin-top: 55px;
  }
  section#bath .container {
    width: 260px;
  }
  section#bath .container .bath-title h2 {
    font-size: 25px;
  }
  section#bath .container .bath-data {
    margin-top: 0;
  }
  section#bath .container .bath-data .slider {
    margin-top: 30px;
  }
  section#bath .container .bath-data .slider .cart {
    width: 92%;
    padding: 0;
  }
  section#bath .container .bath-data .slider .cart .top-block {
    flex-direction: column;
  }
  section#bath .container .bath-data .slider .cart .top-block .price-block {
    width: 100%;
    margin-top: 22px;
  }
  section#bath .container .bath-data .slider .cart .top-block .price-block .price-data {
    margin-left: 0;
    margin-top: 15px;
  }
  section#bath .container .bath-data .slider .cart .top-block .price-block .price-data .text-p span {
    font-size: 21px;
  }
  section#bath .container .bath-data .slider .cart .middle-block {
    margin-left: 0;
  }
  section#bath .container .bath-data .slider .cart .middle-block .text-p {
    padding-right: 0;
  }
  section#bath .container .bath-data .slider .cart .bottom-block {
    margin-left: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    justify-content: center;
  }
  section#bath .container .bath-data .slider .cart .bottom-block button {
    width: 240px;
  }
  section#bath .container .bath-data .slider .cart .bottom-block .more {
    margin-left: 0;
    margin-top: 10px;
  }
  section#kitchen {
    margin-top: 55px;
  }
  section#kitchen .container .kitchen-title {
    margin-bottom: 20px;
  }
  section#kitchen .container .kitchen-title h2 {
    font-size: 24px;
    line-height: 36px;
  }
  section#kitchen .container .kitchen-img {
    margin-top: 10px;
    flex-direction: column;
  }
  section#kitchen .container .kitchen-img .items {
    width: 100%;
    margin: 0px 0px 15px 0px;
  }
  section#kitchen .container .kitchen-img .items .name-photo {
    display: none;
  }
  section#entertainment {
    margin-top: 55px;
  }
  section#entertainment .container .enter-title h2 {
    font-size: 24px;
    line-height: 36px;
  }
  section#entertainment .container .types-enter {
    flex-direction: column;
  }
  section#entertainment .container .types-enter .item {
    width: 100%;
    margin-bottom: 20px;
  }
  section#entertainment .container .types-enter .item .headtext {
    margin-top: 5px;
  }
  section#entertainment .container .types-enter .item .headtext span:before {
    width: 245px;
    bottom: 80%;
    right: -42px;
  }
  section#video-blog {
    margin-top: 55px;
  }
  section#video-blog .container h2 {
    font-size: 24px;
    line-height: 36px;
  }
  section#video-blog .container .slider-video {
    margin-top: 20px;
  }
  section#video-blog .container .slider-video .slide-two .block-video {
    width: 290px;
    height: 515px;
  }
  section#video-blog .container .slider-video .slide-two .owl-dots {
    bottom: 10%;
  }
  section#video-blog .container .slider-video .slide-two .owl-nav {
    margin-top: 30px;
  }
  section#house-reservation {
    margin-top: 55px;
  }
  section#house-reservation .container {
    padding-left: 7px;
    padding-right: 7px;
  }
  section#house-reservation .container .reservation-title {
    margin-top: 55px;
  }
  section#house-reservation .container .reservation-title h2 {
    font-size: 24px;
    line-height: 36px;
  }
  section#house-reservation .container .reservation-form {
    margin-top: 24px;
  }
  section#house-reservation .container .reservation-form .client-data {
    flex-wrap: wrap;
  }
  section#house-reservation .container .reservation-form .client-data input {
    width: 290px;
    margin-bottom: 15px;
  }
  section#house-reservation .container .reservation-form .house-data {
    flex-wrap: wrap;
    margin-top: 0;
  }
  section#house-reservation .container .reservation-form .house-data .house-new-select,
  section#house-reservation .container .reservation-form .house-data .human-new-select,
  section#house-reservation .container .reservation-form .house-data .transfer-new-select {
    width: 290px;
    margin-bottom: 15px;
  }
  section#house-reservation .container .reservation-form .house-data .date-input-container {
    margin-bottom: 15px;
  }
  section#house-reservation .container .reservation-form .house-data .date-input-container input {
    width: 139px;
    margin-right: 12px;
  }
  section#house-reservation .container .reservation-form .total {
    margin-top: 20px;
    margin-bottom: 66px;
    align-items: flex-end;
    justify-content: flex-start;
  }
  section#house-reservation .container .reservation-form .total .discount-total {
    margin-left: 25px;
  }
  section#house-reservation .container .reservation-form .total .reservation {
    margin-top: 30px;
    width: 290px;
  }
  section#reviews-bottom {
    margin-top: 55px;
  }
  section#reviews-bottom .container h2 {
    font-size: 24px;
    line-height: 36px;
  }
  section#reviews-bottom .container .description {
    margin-top: 11px;
  }
  section#reviews-bottom .slider-reviews {
    margin-top: 26px;
    width: 360px;
  }
  section#reviews-bottom .slider-reviews .slide-three .reviews-cart .reviews-top {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
  section#reviews-bottom .slider-reviews .slide-three .reviews-cart .reviews-top .photo-guest {
    display: none;
  }
  section#reviews-bottom .slider-reviews .slide-three .reviews-cart .reviews-top .data-reviews {
    text-align: left;
    margin-left: 17px;
  }
  section#reviews-bottom .slider-reviews .slide-three .reviews-cart .reviews-top .name-guest {
    margin-bottom: 15px;
  }
  section#reviews-bottom .slider-reviews .slide-three .reviews-cart .reviews-top .name-guest .guest {
    margin-bottom: 5px;
  }
  section#reviews-bottom .slider-reviews .slide-three .reviews-cart .reviews-bottom .text-p {
    margin-left: 17px;
    margin-right: 17px;
  }
  section#reviews-bottom .slider-reviews .slide-three .owl-dots {
    bottom: 16%;
  }
  section#map .map-block {
    flex-direction: column;
    width: 320px;
  }
  section#map .map-block .title-map {
    order: 0;
    margin-left: 15px;
    margin-right: 15px;
    width: 100%;
    align-items: center;
  }
  section#map .map-block .title-map h2 {
    font-size: 24px;
    line-height: 36px;
  }
  section#map .map-block .yandex-map {
    order: 1;
    width: 100%;
  }
    section#main-boat {
      -ms-background-position-x: 75%;
      background-position-x: 75%;
  }
  section#main-boat .container .header-text h1 {
    font-size: 29px;
    line-height: 40px;
  }
  section#main-boat .container .header-text p {
      font-size: 17px;
      margin-top: 20px;
  }
  section#on-water .container {
      flex-direction: column;
      margin-top: 50px;
  }
  section#on-water .container .text-block {
      width: 100%;
      margin-bottom: 20px;
  }
  section#on-water .container .text-block .main-p {
      font-size: 23px;
  }
  section#on-water .container .img-block {
    width: 100%;
  }
  section#on-water .container .text-block .main-p {
      font-size: 30px;
  }
  section#adventures .container .main-adventures {
      font-size: 30px;
  }
  section#adventures .container .items-adv .card-adv .bott-adv {
      height: auto;
  }
  section#adventures .container .items-adv .card-adv .bott-adv a {
      position: relative;
      width: 210px;
      margin-top: 40px;
  }
  section#adventures .container .items-adv {
      flex-direction: column;
  }
  section#adventures .container .items-adv .card-adv {
      width: 100%;
      margin-bottom: 20px;
  }
  section#adventures .bottom-info p {
      font-size: 13px;
  }
  section#gallery .container .items-gallery {
      flex-direction: column;
  }
  section#gallery .container .items-gallery .item {
      width: 100%;
  }
  section#gallery .container .items-gallery .left h2 {
      font-size: 40px;
      margin-top: 20px;
      margin-bottom: 30px;
  }
  section#about {
      margin-top: 80px;
  }
  section#about .container {
      flex-direction: column;
  }
  section#about .container .left-block {
      width: 100%;
  }
  section#about .container .left-block h2 {
      font-size: 30px;
      margin-bottom: 20px;
  }
  section#about .container .left-block p {
      margin-bottom: 20px;
  }
  section#about .container .left-block a {
      width: 240px;
      margin-bottom: 40px;
  }
  section#about .container .center-block {
      width: 100%;
  }
  section#more-airboat {
      margin-top: 100px;
  }
  section#more-airboat .container {
      flex-direction: column;
  }
  section#more-airboat .container .left-block {
      width: 100%;
  }
  section#more-airboat .container .left-block h4 {
      font-size: 18px;
  }
  section#more-airboat .container .left-block p {
      font-size: 14px;
  }
  section#more-airboat .container .right-block {
      width: 100%;
      margin-top: 30px;
  }
  section#more-airboat .container .right-block h3 {
      font-size: 27px;
  }
  section#more-airboat .container .right-block p {
      font-size: 16px;
  }
  section#pre-footer {
      -ms-background-position-x: 70%;
      background-position-x: 70%;
  }
  section#pre-footer .container {
      flex-direction: column;
      justify-content: flex-end;
      align-items: center;
  }
  section#pre-footer .container .logo {
      width: 100%;
  }
  section#pre-footer .container .contacts {
      width: 100%;
  }
  section#pre-footer .container .contacts .main-pre {
      font-size: 20px;
      margin-top: 20px;
  }
  footer {
    margin-top: 0;
  }
  footer .container {
    display: none;
  }
  footer .container-mobile {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 320px;
    margin-left: 0px;
  }
  footer .container-mobile .footer-logo {
    margin-top: 62px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  footer .container-mobile .data-footer {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 25px;
    margin-bottom: 112px;
  }
  footer .container-mobile .data-footer .social {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
    width: 44%;
    margin-bottom: 30px;
  }
  footer .container-mobile .data-footer .contact-link-footer,
  footer .container-mobile .data-footer .policy {
    font-family: "gothampro";
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-right: 0px;
    color: #fff;
  }
  footer .container-mobile .data-footer hr {
    width: 100%;
    height: 1px;
    background: #fff;
    margin-bottom: 24px;
  }
  footer .container-mobile .data-footer .policy {
    text-decoration: underline;
    margin-top: 14px;
  }
  .modal-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 5px;
    border-bottom: 1px solid #eceeef;
    overflow: hidden;
  }
  .modal-title {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1.5;
    font-size: 1.25rem;
    font-weight: 500;
  }
  .modal-body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    width: 98%;
    margin-left: 10px;
    margin-bottom: 40px;
    overflow-y: scroll;
    height: auto;
  }
  .modal-body .modal-home-title {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    margin-top: 10px;
    margin-bottom: 9px;
  }
  .modal-body .modal-home-title .home-title {
    font-family: "pachomiusw00_regular";
    font-size: 20px;
    line-height: 25px;
    color: #101922;
  }
  .modal-body .modal-home-title .seats {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
  }
  .modal-body .modal-home-title .seats img {
    width: 10%;
    margin-left: 23px;
  }
  .modal-body .modal-home-title .seats p {
    font-size: 16px;
    font-family: "gothampro";
    line-height: 24px;
    color: #101922;
    margin-left: 8px;
  }
  .modal-body .container-form-modal {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
  }
  .modal-body .container-form-modal .reservation-title {
    width: 80%;
  }
  .modal-body .container-form-modal .reservation-title h2 {
    font-size: 24px;
    line-height: 50px;
    margin-bottom: 10px;
  }
  .modal-body .container-form-modal .reservation-title .description {
    font-size: 16px;
  }
  .modal-body .container-form-modal .reservation-title .description br {
    display: none;
  }
  .modal-body .container-form-modal .reservation-form {
    margin-top: 60px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }
  .modal-body .container-form-modal .reservation-form .client-data {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
  }
  .modal-body .container-form-modal .reservation-form .client-data input {
    width: 300px;
    height: 65px;
    border: none;
    padding-left: 20px;
    margin-right: 11px;
    font-family: "gothampro";
    font-size: 18px;
    color: #101922;
    margin-bottom: 10px;
  }
  .modal-body .container-form-modal .reservation-form .client-data ::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #d2d2d2;
  }
  .modal-body .container-form-modal .reservation-form .client-data :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #d2d2d2;
    opacity: 1;
  }
  .modal-body .container-form-modal .reservation-form .client-data ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #d2d2d2;
    opacity: 1;
  }
  .modal-body .container-form-modal .reservation-form .client-data :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #d2d2d2;
  }
  .modal-body .container-form-modal .reservation-form .client-data ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #d2d2d2;
  }
  .modal-body .container-form-modal .reservation-form .client-data ::placeholder {
    /* Most modern browsers support this now. */
    color: #d2d2d2;
  }
  .modal-body .container-form-modal .reservation-form .house-data {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 30px;
  }
  .modal-body .container-form-modal .reservation-form .house-data .house-select,
  .modal-body .container-form-modal .reservation-form .house-data .transfer-select {
    display: block;
    max-width: 300px;
    width: 100%;
    position: relative;
    margin-right: 11px;
    margin-bottom: 10px;
  }
  .modal-body .container-form-modal .reservation-form .house-data .house-new-select,
  .modal-body .container-form-modal .reservation-form .house-data .transfer-new-select {
    position: relative;
    background: #fff;
    padding: 10px 15px;
    cursor: pointer;
    user-select: none;
    width: 300px;
    height: 65px;
    font-family: "gothampro";
    font-size: 18px;
    line-height: 30px;
    color: #101922;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }
  .modal-body .container-form-modal .reservation-form .house-data .human-select {
    display: block;
    max-width: 300px;
    width: 100%;
    position: relative;
    margin-right: 10px;
    margin-bottom: 10px;
  }
  .modal-body .container-form-modal .reservation-form .house-data .human-new-select {
    position: relative;
    background: #fff;
    padding: 10px 15px;
    cursor: pointer;
    user-select: none;
    width: 300px;
    height: 65px;
    font-family: "gothampro";
    font-size: 18px;
    line-height: 30px;
    color: #101922;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }
  .modal-body .container-form-modal .reservation-form .house-data .house-new-select__list,
  .modal-body .container-form-modal .reservation-form .house-data .human-new-select__list,
  .modal-body .container-form-modal .reservation-form .house-data .transfer-new-select__list {
    position: absolute;
    top: 55px;
    left: 0;
    cursor: pointer;
    width: 100%;
    z-index: 2;
    background: #fff;
    user-select: none;
    font-family: "gothampro";
    font-size: 16px;
    line-height: 24px;
  }
  .modal-body .container-form-modal .reservation-form .house-data .house-new-select__list.on,
  .modal-body .container-form-modal .reservation-form .house-data .human-new-select__list.on,
  .modal-body .container-form-modal .reservation-form .house-data .transfer-new-select__list.on {
    display: block;
  }
  .modal-body .container-form-modal .reservation-form .house-data .house-new-select__item span,
  .modal-body .container-form-modal .reservation-form .house-data .human-new-select__item span,
  .modal-body .container-form-modal .reservation-form .house-data .transfer-new-select__item span {
    display: block;
    padding: 10px 15px;
  }
  .modal-body .container-form-modal .reservation-form .house-data .house-new-select__item span:hover,
  .modal-body .container-form-modal .reservation-form .house-data .human-new-select__item span:hover,
  .modal-body .container-form-modal .reservation-form .house-data .transfer-new-select__item span:hover {
    color: #3bcf76;
  }
  .modal-body .container-form-modal .reservation-form .house-data .house-new-select:after,
  .modal-body .container-form-modal .reservation-form .house-data .human-new-select:after,
  .modal-body .container-form-modal .reservation-form .house-data .transfer-new-select:after {
    content: '';
    display: block;
    width: 11px;
    height: 11px;
    position: absolute;
    right: 25px;
    top: 42%;
    background: url('../img/icons/select-arrow.png') no-repeat right center / cover;
    opacity: 1;
    -webkit-transition: all 0.27s ease-in-out;
    -o-transition: all 0.27s ease-in-out;
    transition: all 0.27s ease-in-out;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  .modal-body .container-form-modal .reservation-form .house-data .house-new-select.on:after,
  .modal-body .container-form-modal .reservation-form .house-data .human-new-select.on:after,
  .modal-body .container-form-modal .reservation-form .house-data .transfer-new-select.on:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .modal-body .container-form-modal .reservation-form .house-data .date-input {
    width: 145px;
    height: 65px;
    margin-right: 10px;
    margin-bottom: 10px;
    border: none;
    background: url("../img/icons/calendar.png"), #ffffff;
    background-repeat: no-repeat;
    background-position: 20px center;
    padding-left: 30px;
    font-family: "gothampro";
    font-size: 18px;
    color: #101922;
    line-height: 30px;
  }
  .modal-body .container-form-modal .reservation-form .house-data .date-input:focus {
    background: #fff;
  }
  .modal-body .container-form-modal .reservation-form .house-data ::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #d2d2d2;
    padding-left: 20px;
  }
  .modal-body .container-form-modal .reservation-form .total {
    margin-top: 30px;
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
  }
  .modal-body .container-form-modal .reservation-form .total .total-title {
    margin-right: 9px;
    font-family: "gothampro";
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
    color: #101922;
  }
  .modal-body .container-form-modal .reservation-form .total .reservation {
    width: 300px;
    margin-right: 15px;
    margin-top: 10px;
    height: 65px;
  }
  .modal-body .container-form-modal .reservation-form .total .discount-total {
    margin-right: 0px;
    width: 59px;
    height: 34px;
    background: #3bcf76;
    border-radius: 9px;
    box-shadow: 0px 0px 13px rgba(17, 92, 47, 0.2);
    text-align: center;
    padding-top: 2px;
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    font-family: "gothampro";
  }
  .modal-body .container-form-modal .reservation-form .total .price-total {
    margin-right: 25px;
  }
  .modal-body .container-form-modal .reservation-form .total .price-total .no-disc {
    font-family: "gothampro";
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-decoration: line-through;
    color: #101922;
  }
  .modal-body .container-form-modal .reservation-form .total .price-total .no-disc:after {
    content: "\20BD";
    margin-left: 5px;
  }
  .modal-body .container-form-modal .reservation-form .total .price-total .disc {
    font-family: "gothampro";
    font-size: 20px;
    line-height: 24px;
    color: #101922;
    font-weight: bold;
  }
  .modal-body .container-form-modal .reservation-form .total .price-total .disc:after {
    content: "\20BD";
    margin-left: 5px;
  }
  .modal-slider {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
  }
  .modal-slider .price-data {
    margin-left: 18px;
    margin-top: 44px;
  }
  .modal-slider .price-data p {
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    padding: 14px 0px;
    width: 252px;
    text-align: center;
  }
  .modal-slider .price-data p span:after {
    content: "\20BD";
    margin-left: 5px;
  }
  .modal-slider .price-data .reservation {
    width: 242px;
    height: 53px;
    margin-top: 40px;
  }
  .modal-content {
    position: relative;
    display: flex;
    width: 320px;
    flex-direction: column;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: .3rem;
    outline: 0;
  }
  #modal-1 .modal-dialog {
    height: 500px;
  }
  #modal-1 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider {
    flex-wrap: wrap;
  }
  #modal-1 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .price-data {
    margin-top: 0;
    margin-left: 10px;
  }
  #modal-1 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .price-data .reservation {
    width: 230px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  #modal-1 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .slider-for {
    padding-left: 5px;
    padding-top: 11px;
    color: #fff;
  }
  #modal-1 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .slider__images {
    height: 155px;
  }
  #modal-1 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .slider__images .slider__image img {
    width: 32%;
    height: auto;
  }
  #modal-1 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .slider__image img {
    height: auto;
  }
  #modal-1 .modal-dialog .modal-content .modal-overflow .modal-body {
    width: 90%;
  }
  #modal-2 .modal-dialog .modal-content {
    background: #d7d9e8;
    width: 320px;
  }
  #modal-2 .modal-dialog .modal-content .modal-overflow {
    overflow-y: scroll;
  }
  #modal-2 .modal-dialog .modal-content .close-button {
    width: 100%;
    text-align: right;
  }
  #modal-3 .modal-dialog .modal-content {
    background: #fff;
    width: 320px;
  }
  #modal-3 .modal-dialog .modal-content .modal-overflow {
    overflow-y: scroll;
    height: 600px;
    width: 305px;
    margin-left: 5px;
    overflow-x: hidden;
  }
  #modal-3 .modal-dialog .modal-content .modal-overflow .container-about-modal {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
  }
  #modal-3 .modal-dialog .modal-content .modal-overflow .container-about-modal .about-title {
    display: flex;
    width: 100%;
    flex-direction: column;
    order: 2;
  }
  #modal-3 .modal-dialog .modal-content .modal-overflow .slider-about {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
  }
  #modal-3 .modal-dialog .modal-content .close-button {
    width: 100%;
    text-align: right;
  }
  #modal-4 .modal-dialog {
    height: 500px;
  }
  #modal-4 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider {
    flex-wrap: wrap;
  }
  #modal-4 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .price-data {
    margin-top: 0;
    margin-left: 10px;
  }
  #modal-4 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .price-data .reservation {
    width: 230px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  #modal-4 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .slider-for {
    padding-left: 5px;
    padding-top: 11px;
    color: #fff;
  }
  #modal-4 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .slider__images {
    height: 155px;
  }
  #modal-4 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .slider__images .slider__image img {
    width: 32%;
    height: auto;
  }
  #modal-4 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .slider__image img {
    height: auto;
  }
  #modal-4 .modal-dialog .modal-content .modal-overflow .modal-body {
    width: 90%;
  }
  #modal-5 .modal-dialog .modal-content {
    width: 260px;
    height: 500px;
  }
  #modal-5 .modal-dialog .modal-content .modal-overflow {
    width: 100%;
  }
  #modal-5 .modal-dialog .modal-content .modal-overflow .modal-header {
    width: 100%;
  }
  #modal-5 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  #modal-5 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .fotorama {
    width: 100%;
  }
  #modal-5 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .price-data {
    margin-left: 32px;
  }
  #modal-5 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .price-data .text-p {
    font-size: 14px;
    text-align: left;
  }
  #modal-5 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .price-data .text-p span {
    font-size: 21px;
  }
  #modal-5 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .price-data button {
    width: 215px;
  }
  #modal-6 .modal-dialog .modal-content {
    height: 500px;
    background: #d7d9e8;
    width: 270px;
  }
  #modal-6 .modal-dialog .modal-content .modal-overflow {
    overflow-y: scroll;
  }
  #modal-6 .modal-dialog .modal-content .modal-overflow #date-off-modal {
    background: #fff;
  }
  #modal-6 .modal-dialog .modal-content .close-button {
    width: 100%;
    text-align: right;
  }
  /* свойства модального окна по умолчанию */
  .modal {
    position: fixed;
    /* фиксированное положение */
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    /* цвет фона */
    z-index: 1050;
    opacity: 0;
    /* по умолчанию модальное окно прозрачно */
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    /* анимация перехода */
    pointer-events: none;
    /* элемент невидим для событий мыши */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
  }
  /* при отображении модального окно */
  .modal.show {
    opacity: 1;
    pointer-events: auto;
    overflow-y: scroll;
  }
  /* ширина модального окна и его отступы от экрана */
  .modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
  }
}
@media (min-width: 361px) and (max-width: 480px) {
  .container {
    width: 360px;
  }
  h2 {
    font-size: 24px;
    line-height: 36px;
  }
    section#content-airboat {
      margin-top: 80px;
  }
  section#content-airboat .container {
      flex-direction: column;
  }
  section#content-airboat .container .text-block {
      width: 100%;
  }
  section#content-airboat .container .text-block p {
      font-size: 17px;
      line-height: 24px;
  }
  section#content-airboat .container .img-block {
      width: 100%;
  }
  section#content-airboat .container .img-block img {
      width: 47%;
  }
  header#header {
    display: none;
  }
  header#header-mobile {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    height: 64px;
  }
  header#header-mobile .container {
    width: 360px;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  header#header-mobile nav#top-nav-mobile nav {
    background-color: #1E1E23;
    height: 65px;
  }
  header#header-mobile nav#top-nav-mobile ul#menu {
    list-style-type: none;
    background: #fff;
    height: 551px;
    margin-left: -95px;
  }
  header#header-mobile nav#top-nav-mobile ul#menu .first {
    position: absolute;
    left: 0;
    right: 0;
    top: 6%;
    text-align: center;
    z-index: 4;
    color: #101922;
    font-family: "gothampro";
    font-weight: bold;
    font-size: 24px;
    line-height: 24px;
    height: 64px;
    border-bottom: 1px solid #101922;
  }
  header#header-mobile nav#top-nav-mobile ul#menu .contact-phone {
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid #101922;
  }
  header#header-mobile nav#top-nav-mobile ul#menu .contact-email {
    padding-top: 0;
  }
  header#header-mobile nav#top-nav-mobile ul#menu .button-li {
    margin-top: 5px;
  }
  header#header-mobile nav#top-nav-mobile ul#menu .button-li .reservation {
    width: 290px;
    height: 53px;
  }
  header#header-mobile nav#top-nav-mobile ul#menu li {
    margin-left: -30px;
    padding-left: 30px;
  }
  header#header-mobile nav#top-nav-mobile ul#menu li a {
    font-family: "gothampro";
    font-size: 16px;
    line-height: 24px;
    color: #101922;
  }
  header#header-mobile nav#top-nav-mobile #menuToggle {
    display: flex;
    flex-direction: column;
    position: relative;
    top: 3px;
    left: 35px;
    z-index: 5;
    -webkit-user-select: none;
    user-select: none;
  }
  header#header-mobile nav#top-nav-mobile #menuToggle input {
    display: flex;
    width: 40px;
    height: 32px;
    position: absolute;
    cursor: pointer;
    opacity: 0;
    z-index: 5;
  }
  header#header-mobile nav#top-nav-mobile #menuToggle span {
    display: flex;
    width: 29px;
    height: 2px;
    margin-bottom: 5px;
    position: relative;
    background: #101922;
    border-radius: 3px;
    z-index: 5;
    transform-origin: 5px 0px;
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
  }
  header#header-mobile nav#top-nav-mobile #menuToggle span:first-child {
    transform-origin: 0% 0%;
  }
  header#header-mobile nav#top-nav-mobile #menuToggle span:nth-last-child(2) {
    transform-origin: 0% 100%;
  }
  header#header-mobile nav#top-nav-mobile #menuToggle input:checked ~ span {
    opacity: 1;
    transform: rotate(45deg) translate(-3px, -1px);
    background: #36383F;
    right: 26px;
  }
  header#header-mobile nav#top-nav-mobile #menuToggle input:checked ~ span:nth-last-child(3) {
    opacity: 0;
    transform: rotate(0deg) scale(0.2, 0.2);
  }
  header#header-mobile nav#top-nav-mobile #menuToggle input:checked ~ span:nth-last-child(2) {
    transform: rotate(-45deg) translate(0, -1px);
    right: 25px;
  }
  header#header-mobile nav#top-nav-mobile #menu {
    position: absolute;
    width: 360px;
    height: 581px;
    box-shadow: 0 0 10px #85888C;
    margin: -50px 0 0 -80px;
    padding: 50px;
    padding-right: 0;
    padding-top: 105px;
    background-color: #F5F6FA;
    -webkit-font-smoothing: antialiased;
    transform-origin: 0% 0%;
    transform: translate(-100%, 0);
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
  }
  header#header-mobile nav#top-nav-mobile #menu li {
    padding: 5px 0;
    transition-delay: .2s;
  }
  header#header-mobile nav#top-nav-mobile #menuToggle input:checked ~ ul {
    transform: none;
  }
  section#main {
    align-items: center;
    justify-content: center;
  }
  section#main .container-main {
    width: 360px;
    margin-right: 15px;
    margin-left: 15px;
    align-items: center;
    justify-content: center;
  }
  section#main .container-main .headers-text {
    margin-top: 50px;
  }
  section#main .container-main .headers-text .photo-container-mobile {
    display: flex;
    margin-top: 30px;
  }
  section#main .container-main .headers-text h1 {
    font-size: 36px;
    line-height: 50px;
  }
  section#main .container-main .customer-reviews {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
  section#main .container-main .customer-reviews .reviews-p {
    margin-top: 10px;
  }
  section#main .container-main .reservation {
    width: 290px;
    margin-top: 33px;
  }
  section#main .photo-container {
    display: none;
  }
  section#guest-house {
    margin-top: 55px;
  }
  section#guest-house .container .header-section .text-block {
    width: 100%;
  }
  section#guest-house .container .header-section .text-block .description br {
    display: none;
  }
  section#guest-house .container .header-section .discount {
    margin-left: 0;
    margin-top: 20px;
  }
  section#guest-house .container .header-section .discount .discount-title {
    margin-left: 0;
  }
  section#guest-house .slider {
    width: 360px;
  }
  section#guest-house .slider .slide {
    width: 100%;
  }
  section#guest-house .slider .cart .top-block {
    flex-direction: column;
  }
  section#guest-house .slider .cart .top-block .price-block .price-data {
    display: none;
  }
  section#guest-house .slider .cart .middle-block .price-data-mobile {
    display: block;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 25px;
  }
  section#guest-house .slider .cart .bottom-block {
    margin-left: 0;
    margin-top: 0;
    text-align: center;
    margin-bottom: 25px;
  }
  section#guest-house .slider .cart .bottom-block button {
    width: 250px;
  }
  section#guest-house .slider .cart .bottom-block .more {
    margin-left: 0;
    margin-top: 15px;
  }
  section#guest-house .slider .slide-one .owl-dots {
    bottom: 8%;
  }
  section#guest-house .slider .slide-one .owl-nav {
    margin-top: 55px;
  }
  section#bath {
    margin-top: 55px;
  }
  section#bath .container {
    width: 380px;
  }
  section#bath .container .bath-title h2 {
    font-size: 25px;
  }
  section#bath .container .bath-data {
    margin-top: 0;
  }
  section#bath .container .bath-data .slider {
    margin-top: 30px;
  }
  section#bath .container .bath-data .slider .cart {
    width: 100%;
    padding: 0;
  }
  section#bath .container .bath-data .slider .cart .top-block {
    flex-direction: column;
  }
  section#bath .container .bath-data .slider .cart .top-block .price-block {
    width: 100%;
    margin-top: 22px;
  }
  section#bath .container .bath-data .slider .cart .top-block .price-block .price-data {
    margin-left: 0;
    margin-top: 15px;
  }
  section#bath .container .bath-data .slider .cart .top-block .price-block .price-data .text-p span {
    font-size: 21px;
  }
  section#bath .container .bath-data .slider .cart .middle-block {
    margin-left: 0;
  }
  section#bath .container .bath-data .slider .cart .middle-block .text-p {
    padding-right: 0;
  }
  section#bath .container .bath-data .slider .cart .bottom-block {
    margin-left: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    justify-content: center;
  }
  section#bath .container .bath-data .slider .cart .bottom-block button {
    width: 240px;
  }
  section#bath .container .bath-data .slider .cart .bottom-block .more {
    margin-left: 0;
    margin-top: 10px;
  }
  section#kitchen {
    margin-top: 55px;
  }
  section#kitchen .container .kitchen-title {
    margin-bottom: 20px;
  }
  section#kitchen .container .kitchen-title h2 {
    font-size: 24px;
    line-height: 36px;
  }
  section#kitchen .container .kitchen-img {
    margin-top: 10px;
    flex-direction: column;
  }
  section#kitchen .container .kitchen-img .items {
    width: 100%;
    margin: 0px 0px 15px 0px;
  }
  section#kitchen .container .kitchen-img .items .name-photo {
    display: none;
  }
  section#entertainment {
    margin-top: 55px;
  }
  section#entertainment .container .enter-title h2 {
    font-size: 24px;
    line-height: 36px;
  }
  section#entertainment .container .types-enter {
    flex-direction: column;
  }
  section#entertainment .container .types-enter .item {
    width: 100%;
    margin-bottom: 20px;
  }
  section#entertainment .container .types-enter .item .headtext {
    margin-top: 5px;
  }
  section#entertainment .container .types-enter .item .headtext span:before {
    width: 245px;
    bottom: 80%;
    right: -42px;
  }
  section#video-blog {
    margin-top: 55px;
  }
  section#video-blog .container h2 {
    font-size: 24px;
    line-height: 36px;
  }
  section#video-blog .container .slider-video {
    margin-top: 20px;
  }
  section#video-blog .container .slider-video .slide-two .block-video {
    width: 330px;
    height: 590px;
  }
  section#video-blog .container .slider-video .slide-two .owl-dots {
    bottom: 11%;
  }
  section#video-blog .container .slider-video .slide-two .owl-nav {
    margin-top: 25px;
  }
  section#house-reservation {
    margin-top: 55px;
  }
  section#house-reservation .container {
    padding-left: 7px;
    padding-right: 7px;
  }
  section#house-reservation .container .reservation-title {
    margin-top: 55px;
  }
  section#house-reservation .container .reservation-title h2 {
    font-size: 24px;
    line-height: 36px;
  }
  section#house-reservation .container .reservation-form {
    margin-top: 24px;
  }
  section#house-reservation .container .reservation-form .client-data {
    flex-wrap: wrap;
  }
  section#house-reservation .container .reservation-form .client-data input {
    width: 290px;
    margin-bottom: 15px;
  }
  section#house-reservation .container .reservation-form .house-data {
    flex-wrap: wrap;
    margin-top: 0;
  }
  section#house-reservation .container .reservation-form .house-data .house-new-select,
  section#house-reservation .container .reservation-form .house-data .human-new-select,
  section#house-reservation .container .reservation-form .house-data .transfer-new-select {
    width: 290px;
    margin-bottom: 15px;
  }
  section#house-reservation .container .reservation-form .house-data .date-input-container {
    margin-bottom: 15px;
  }
  section#house-reservation .container .reservation-form .house-data .date-input-container input {
    width: 139px;
    margin-right: 12px;
  }
  section#house-reservation .container .reservation-form .total {
    margin-top: 20px;
    margin-bottom: 66px;
    align-items: flex-end;
    justify-content: flex-start;
  }
  section#house-reservation .container .reservation-form .total .discount-total {
    margin-left: 25px;
  }
  section#house-reservation .container .reservation-form .total .reservation {
    margin-top: 30px;
    width: 290px;
  }
  section#reviews-bottom {
    margin-top: 55px;
  }
  section#reviews-bottom .container h2 {
    font-size: 24px;
    line-height: 36px;
  }
  section#reviews-bottom .container .description {
    margin-top: 11px;
  }
  section#reviews-bottom .slider-reviews {
    margin-top: 26px;
    width: 360px;
  }
  section#reviews-bottom .slider-reviews .slide-three .reviews-cart .reviews-top {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
  section#reviews-bottom .slider-reviews .slide-three .reviews-cart .reviews-top .photo-guest {
    display: none;
  }
  section#reviews-bottom .slider-reviews .slide-three .reviews-cart .reviews-top .data-reviews {
    text-align: left;
    margin-left: 17px;
  }
  section#reviews-bottom .slider-reviews .slide-three .reviews-cart .reviews-top .name-guest {
    margin-bottom: 15px;
  }
  section#reviews-bottom .slider-reviews .slide-three .reviews-cart .reviews-top .name-guest .guest {
    margin-bottom: 5px;
  }
  section#reviews-bottom .slider-reviews .slide-three .reviews-cart .reviews-bottom .text-p {
    margin-left: 17px;
    margin-right: 17px;
  }
  section#reviews-bottom .slider-reviews .slide-three .owl-dots {
    bottom: 16%;
  }
  section#map .map-block {
    flex-direction: column;
    width: 360px;
    margin-left: 30px;
  }
  section#map .map-block .title-map {
    order: 0;
    margin-left: 15px;
    margin-right: 15px;
    width: 100%;
    align-items: center;
  }
  section#map .map-block .title-map h2 {
    font-size: 24px;
    line-height: 36px;
  }
  section#map .map-block .yandex-map {
    order: 1;
    width: 100%;
  }
    section#main-boat {
      -ms-background-position-x: 75%;
      background-position-x: 75%;
  }
  section#main-boat .container .header-text h1 {
    font-size: 36px;
    line-height: 40px;
  }
  section#main-boat .container .header-text p {
      font-size: 22px;
      margin-top: 20px;
  }
  section#on-water .container {
      flex-direction: column;
      margin-top: 50px;
  }
  section#on-water .container .text-block {
      width: 100%;
      margin-bottom: 20px;
  }
  section#on-water .container .text-block .main-p {
      font-size: 23px;
  }
  section#on-water .container .img-block {
    width: 100%;
  }
  section#on-water .container .text-block .main-p {
      font-size: 30px;
  }
  section#adventures .container .main-adventures {
      font-size: 30px;
  }
  section#adventures .container .items-adv .card-adv .bott-adv {
      height: auto;
  }
  section#adventures .container .items-adv .card-adv .bott-adv a {
      position: relative;
      width: 210px;
      margin-top: 40px;
  }
  section#adventures .container .items-adv {
      flex-direction: column;
  }
  section#adventures .container .items-adv .card-adv {
      width: 100%;
      margin-bottom: 20px;
  }
  section#adventures .bottom-info p {
      font-size: 13px;
  }
  section#gallery .container .items-gallery {
      flex-direction: column;
  }
  section#gallery .container .items-gallery .item {
      width: 100%;
  }
  section#gallery .container .items-gallery .left h2 {
      font-size: 40px;
      margin-top: 20px;
      margin-bottom: 30px;
  }
  section#about {
      margin-top: 80px;
  }
  section#about .container {
      flex-direction: column;
  }
  section#about .container .left-block {
      width: 100%;
  }
  section#about .container .left-block h2 {
      font-size: 30px;
      margin-bottom: 20px;
  }
  section#about .container .left-block p {
      margin-bottom: 20px;
  }
  section#about .container .left-block a {
      width: 240px;
      margin-bottom: 40px;
  }
  section#about .container .center-block {
      width: 100%;
  }
  section#more-airboat {
      margin-top: 100px;
  }
  section#more-airboat .container {
      flex-direction: column;
  }
  section#more-airboat .container .left-block {
      width: 100%;
  }
  section#more-airboat .container .left-block h4 {
      font-size: 18px;
  }
  section#more-airboat .container .left-block p {
      font-size: 14px;
  }
  section#more-airboat .container .right-block {
      width: 100%;
      margin-top: 30px;
  }
  section#more-airboat .container .right-block h3 {
      font-size: 27px;
  }
  section#more-airboat .container .right-block p {
      font-size: 16px;
  }
  section#pre-footer {
      -ms-background-position-x: 70%;
      background-position-x: 70%;
  }
  section#pre-footer .container {
      flex-direction: column;
      justify-content: flex-end;
      align-items: center;
  }
  section#pre-footer .container .logo {
      width: 100%;
  }
  section#pre-footer .container .contacts {
      width: 100%;
  }
  section#pre-footer .container .contacts .main-pre {
      font-size: 20px;
      margin-top: 20px;
  }
  footer {
    margin-top: 0;
  }
  footer .container {
    display: none;
  }
  footer .container-mobile {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 360px;
    margin-left: 25px;
  }
  footer .container-mobile .footer-logo {
    margin-top: 62px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  footer .container-mobile .data-footer {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 25px;
    margin-bottom: 112px;
  }
  footer .container-mobile .data-footer .social {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
    width: 44%;
    margin-bottom: 30px;
  }
  footer .container-mobile .data-footer .contact-link-footer,
  footer .container-mobile .data-footer .policy {
    font-family: "gothampro";
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-right: 0px;
    color: #fff;
  }
  footer .container-mobile .data-footer hr {
    width: 100%;
    height: 1px;
    background: #fff;
    margin-bottom: 24px;
  }
  footer .container-mobile .data-footer .policy {
    text-decoration: underline;
    margin-top: 14px;
  }
  .modal-body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    width: 98%;
    margin-left: 10px;
    margin-bottom: 40px;
    overflow-y: scroll;
    height: auto;
  }
  .modal-body .modal-home-title {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    margin-top: 10px;
    margin-bottom: 9px;
  }
  .modal-body .modal-home-title .home-title {
    font-family: "pachomiusw00_regular";
    font-size: 20px;
    line-height: 25px;
    color: #101922;
  }
  .modal-body .modal-home-title .seats {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
  }
  .modal-body .modal-home-title .seats img {
    width: 33%;
    margin-left: 23px;
  }
  .modal-body .modal-home-title .seats p {
    font-size: 16px;
    font-family: "gothampro";
    line-height: 24px;
    color: #101922;
    margin-left: 8px;
  }
  .modal-body .container-form-modal {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
  }
  .modal-body .container-form-modal .reservation-title {
    width: 80%;
  }
  .modal-body .container-form-modal .reservation-title h2 {
    font-size: 24px;
    line-height: 50px;
    margin-bottom: 10px;
  }
  .modal-body .container-form-modal .reservation-title .description {
    font-size: 16px;
  }
  .modal-body .container-form-modal .reservation-title .description br {
    display: none;
  }
  .modal-body .container-form-modal .reservation-form {
    margin-top: 60px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }
  .modal-body .container-form-modal .reservation-form .client-data {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
  }
  .modal-body .container-form-modal .reservation-form .client-data input {
    width: 300px;
    height: 65px;
    border: none;
    padding-left: 20px;
    margin-right: 11px;
    font-family: "gothampro";
    font-size: 18px;
    color: #101922;
    margin-bottom: 10px;
  }
  .modal-body .container-form-modal .reservation-form .client-data ::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #d2d2d2;
  }
  .modal-body .container-form-modal .reservation-form .client-data :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #d2d2d2;
    opacity: 1;
  }
  .modal-body .container-form-modal .reservation-form .client-data ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #d2d2d2;
    opacity: 1;
  }
  .modal-body .container-form-modal .reservation-form .client-data :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #d2d2d2;
  }
  .modal-body .container-form-modal .reservation-form .client-data ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #d2d2d2;
  }
  .modal-body .container-form-modal .reservation-form .client-data ::placeholder {
    /* Most modern browsers support this now. */
    color: #d2d2d2;
  }
  .modal-body .container-form-modal .reservation-form .house-data {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 30px;
  }
  .modal-body .container-form-modal .reservation-form .house-data .house-select,
  .modal-body .container-form-modal .reservation-form .house-data .transfer-select {
    display: block;
    max-width: 300px;
    width: 100%;
    position: relative;
    margin-right: 11px;
    margin-bottom: 10px;
  }
  .modal-body .container-form-modal .reservation-form .house-data .house-new-select,
  .modal-body .container-form-modal .reservation-form .house-data .transfer-new-select {
    position: relative;
    background: #fff;
    padding: 10px 15px;
    cursor: pointer;
    user-select: none;
    width: 300px;
    height: 65px;
    font-family: "gothampro";
    font-size: 18px;
    line-height: 30px;
    color: #101922;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }
  .modal-body .container-form-modal .reservation-form .house-data .human-select {
    display: block;
    max-width: 300px;
    width: 100%;
    position: relative;
    margin-right: 10px;
    margin-bottom: 10px;
  }
  .modal-body .container-form-modal .reservation-form .house-data .human-new-select {
    position: relative;
    background: #fff;
    padding: 10px 15px;
    cursor: pointer;
    user-select: none;
    width: 300px;
    height: 65px;
    font-family: "gothampro";
    font-size: 18px;
    line-height: 30px;
    color: #101922;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }
  .modal-body .container-form-modal .reservation-form .house-data .house-new-select__list,
  .modal-body .container-form-modal .reservation-form .house-data .human-new-select__list,
  .modal-body .container-form-modal .reservation-form .house-data .transfer-new-select__list {
    position: absolute;
    top: 55px;
    left: 0;
    cursor: pointer;
    width: 100%;
    z-index: 2;
    background: #fff;
    user-select: none;
    font-family: "gothampro";
    font-size: 16px;
    line-height: 24px;
  }
  .modal-body .container-form-modal .reservation-form .house-data .house-new-select__list.on,
  .modal-body .container-form-modal .reservation-form .house-data .human-new-select__list.on,
  .modal-body .container-form-modal .reservation-form .house-data .transfer-new-select__list.on {
    display: block;
  }
  .modal-body .container-form-modal .reservation-form .house-data .house-new-select__item span,
  .modal-body .container-form-modal .reservation-form .house-data .human-new-select__item span,
  .modal-body .container-form-modal .reservation-form .house-data .transfer-new-select__item span {
    display: block;
    padding: 10px 15px;
  }
  .modal-body .container-form-modal .reservation-form .house-data .house-new-select__item span:hover,
  .modal-body .container-form-modal .reservation-form .house-data .human-new-select__item span:hover,
  .modal-body .container-form-modal .reservation-form .house-data .transfer-new-select__item span:hover {
    color: #3bcf76;
  }
  .modal-body .container-form-modal .reservation-form .house-data .house-new-select:after,
  .modal-body .container-form-modal .reservation-form .house-data .human-new-select:after,
  .modal-body .container-form-modal .reservation-form .house-data .transfer-new-select:after {
    content: '';
    display: block;
    width: 11px;
    height: 11px;
    position: absolute;
    right: 25px;
    top: 42%;
    background: url('../img/icons/select-arrow.png') no-repeat right center / cover;
    opacity: 1;
    -webkit-transition: all 0.27s ease-in-out;
    -o-transition: all 0.27s ease-in-out;
    transition: all 0.27s ease-in-out;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  .modal-body .container-form-modal .reservation-form .house-data .house-new-select.on:after,
  .modal-body .container-form-modal .reservation-form .house-data .human-new-select.on:after,
  .modal-body .container-form-modal .reservation-form .house-data .transfer-new-select.on:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .modal-body .container-form-modal .reservation-form .house-data .date-input {
    width: 145px;
    height: 65px;
    margin-right: 10px;
    margin-bottom: 10px;
    border: none;
    background: url("../img/icons/calendar.png"), #ffffff;
    background-repeat: no-repeat;
    background-position: 20px center;
    padding-left: 30px;
    font-family: "gothampro";
    font-size: 18px;
    color: #101922;
    line-height: 30px;
  }
  .modal-body .container-form-modal .reservation-form .house-data .date-input:focus {
    background: #fff;
  }
  .modal-body .container-form-modal .reservation-form .house-data ::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #d2d2d2;
    padding-left: 20px;
  }
  .modal-body .container-form-modal .reservation-form .total {
    margin-top: 30px;
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
  }
  .modal-body .container-form-modal .reservation-form .total .total-title {
    margin-right: 9px;
    font-family: "gothampro";
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
    color: #101922;
  }
  .modal-body .container-form-modal .reservation-form .total .reservation {
    width: 300px;
    margin-right: 15px;
    margin-top: 10px;
    height: 65px;
  }
  .modal-body .container-form-modal .reservation-form .total .discount-total {
    margin-right: 0px;
    width: 59px;
    height: 34px;
    background: #3bcf76;
    border-radius: 9px;
    box-shadow: 0px 0px 13px rgba(17, 92, 47, 0.2);
    text-align: center;
    padding-top: 2px;
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    font-family: "gothampro";
  }
  .modal-body .container-form-modal .reservation-form .total .price-total {
    margin-right: 25px;
  }
  .modal-body .container-form-modal .reservation-form .total .price-total .no-disc {
    font-family: "gothampro";
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-decoration: line-through;
    color: #101922;
  }
  .modal-body .container-form-modal .reservation-form .total .price-total .no-disc:after {
    content: "\20BD";
    margin-left: 5px;
  }
  .modal-body .container-form-modal .reservation-form .total .price-total .disc {
    font-family: "gothampro";
    font-size: 20px;
    line-height: 24px;
    color: #101922;
    font-weight: bold;
  }
  .modal-body .container-form-modal .reservation-form .total .price-total .disc:after {
    content: "\20BD";
    margin-left: 5px;
  }
  .modal-slider {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
  }
  .modal-slider .price-data {
    margin-left: 18px;
    margin-top: 44px;
  }
  .modal-slider .price-data p {
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    padding: 14px 0px;
    width: 252px;
    text-align: center;
  }
  .modal-slider .price-data p span:after {
    content: "\20BD";
    margin-left: 5px;
  }
  .modal-slider .price-data .reservation {
    width: 242px;
    height: 53px;
    margin-top: 40px;
  }
  .modal-content {
    position: relative;
    display: flex;
    width: 360px !important;
    flex-direction: column;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: .3rem;
    outline: 0;
  }
  #modal-1 .modal-dialog {
    height: 500px;
  }
  #modal-1 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider {
    flex-wrap: wrap;
  }
  #modal-1 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .price-data {
    margin-top: 0;
    margin-left: 10px;
  }
  #modal-1 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .price-data .reservation {
    width: 230px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  #modal-1 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .slider-for {
    padding-left: 5px;
    padding-top: 11px;
    color: #fff;
  }
  #modal-1 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .slider__images {
    height: 185px;
  }
  #modal-1 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .slider__images .slider__image img {
    width: 38%;
    height: auto;
  }
  #modal-1 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .slider__image img {
    height: auto;
  }
  #modal-1 .modal-dialog .modal-content .modal-overflow .modal-body {
    width: 90%;
  }
  #modal-2 .modal-dialog .modal-content {
    background: #d7d9e8;
    width: 320px;
  }
  #modal-2 .modal-dialog .modal-content .modal-overflow {
    overflow-y: scroll;
    height: 650px;
  }
  #modal-2 .modal-dialog .modal-content .close-button {
    width: 100%;
    text-align: right;
  }
  #modal-3 .modal-dialog .modal-content {
    background: #fff;
    width: 360px;
  }
  #modal-3 .modal-dialog .modal-content .modal-overflow {
    overflow-y: scroll;
    height: 650px;
    width: 340px;
    margin-left: 5px;
    overflow-x: hidden;
  }
  #modal-3 .modal-dialog .modal-content .modal-overflow .container-about-modal {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
  }
  #modal-3 .modal-dialog .modal-content .modal-overflow .container-about-modal .about-title {
    display: flex;
    width: 100%;
    flex-direction: column;
    order: 2;
  }
  #modal-3 .modal-dialog .modal-content .modal-overflow .slider-about {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
  }
  #modal-3 .modal-dialog .modal-content .close-button {
    width: 100%;
    text-align: right;
  }
  #modal-4 .modal-dialog {
    height: 500px;
  }
  #modal-4 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider {
    flex-wrap: wrap;
  }
  #modal-4 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .price-data {
    margin-top: 0;
    margin-left: 10px;
  }
  #modal-4 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .price-data .reservation {
    width: 230px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  #modal-4 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .slider-for {
    padding-left: 5px;
    padding-top: 11px;
    color: #fff;
  }
  #modal-4 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .slider__images {
    height: 185px;
  }
  #modal-4 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .slider__images .slider__image img {
    width: 38%;
    height: auto;
  }
  #modal-4 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .slider__image img {
    height: auto;
  }
  #modal-4 .modal-dialog .modal-content .modal-overflow .modal-body {
    width: 90%;
  }
  #modal-5 .modal-dialog .modal-content {
    width: 380px;
    height: 600px;
  }
  #modal-5 .modal-dialog .modal-content .modal-overflow {
    width: 100%;
  }
  #modal-5 .modal-dialog .modal-content .modal-overflow .modal-header {
    width: 100%;
  }
  #modal-5 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  #modal-5 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .fotorama {
    width: 100%;
  }
  #modal-5 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .price-data {
    margin-left: 32px;
  }
  #modal-5 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .price-data .text-p {
    font-size: 14px;
    text-align: left;
  }
  #modal-5 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .price-data .text-p span {
    font-size: 21px;
  }
  #modal-5 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .price-data button {
    width: 215px;
  }
  #modal-6 .modal-dialog .modal-content {
    height: 600px;
    background: #d7d9e8;
    width: 380px;
  }
  #modal-6 .modal-dialog .modal-content .modal-overflow {
    overflow-y: scroll;
  }
  #modal-6 .modal-dialog .modal-content .modal-overflow #date-off-modal {
    background: #fff;
  }
  #modal-6 .modal-dialog .modal-content .close-button {
    width: 100%;
    text-align: right;
  }
  /* свойства модального окна по умолчанию */
  .modal {
    position: fixed;
    /* фиксированное положение */
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    /* цвет фона */
    z-index: 1050;
    opacity: 0;
    /* по умолчанию модальное окно прозрачно */
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    /* анимация перехода */
    pointer-events: none;
    /* элемент невидим для событий мыши */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
  }
  /* при отображении модального окно */
  .modal.show {
    opacity: 1;
    pointer-events: auto;
    overflow-y: scroll;
  }
  /* ширина модального окна и его отступы от экрана */
  .modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
  }
}
@media (min-width: 481px) and (max-width: 767px) {
  .container {
    width: 480px;
  }
  h2 {
    font-size: 24px;
    line-height: 36px;
  }
    section#content-airboat {
      margin-top: 80px;
  }
  section#content-airboat .container {
      flex-direction: column;
  }
  section#content-airboat .container .text-block {
      width: 100%;
  }
  section#content-airboat .container .text-block p {
      font-size: 17px;
      line-height: 24px;
  }
  section#content-airboat .container .img-block {
      width: 100%;
  }
  section#content-airboat .container .img-block img {
      width: 47%;
  }
  header#header {
    display: none;
  }
  header#header-mobile {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    height: 64px;
  }
  header#header-mobile .container {
    width: 480px;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  header#header-mobile nav#top-nav-mobile nav {
    background-color: #1E1E23;
    height: 65px;
  }
  header#header-mobile nav#top-nav-mobile ul#menu {
    list-style-type: none;
    background: #fff;
    height: 551px;
  }
  header#header-mobile nav#top-nav-mobile ul#menu .first {
    position: absolute;
    left: 0;
    right: 0;
    top: 6%;
    text-align: center;
    z-index: 4;
    color: #101922;
    font-family: "gothampro";
    font-weight: bold;
    font-size: 24px;
    line-height: 24px;
    height: 64px;
    border-bottom: 1px solid #101922;
  }
  header#header-mobile nav#top-nav-mobile ul#menu .contact-phone {
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid #101922;
  }
  header#header-mobile nav#top-nav-mobile ul#menu .contact-email {
    padding-top: 0;
  }
  header#header-mobile nav#top-nav-mobile ul#menu .button-li {
    margin-top: 5px;
  }
  header#header-mobile nav#top-nav-mobile ul#menu .button-li .reservation {
    width: 290px;
    height: 53px;
  }
  header#header-mobile nav#top-nav-mobile ul#menu li {
    margin-left: -30px;
    padding-left: 30px;
  }
  header#header-mobile nav#top-nav-mobile ul#menu li a {
    font-family: "gothampro";
    font-size: 16px;
    line-height: 24px;
    color: #101922;
  }
  header#header-mobile nav#top-nav-mobile #menuToggle {
    display: flex;
    flex-direction: column;
    position: relative;
    top: 3px;
    left: 35px;
    z-index: 5;
    -webkit-user-select: none;
    user-select: none;
  }
  header#header-mobile nav#top-nav-mobile #menuToggle input {
    display: flex;
    width: 40px;
    height: 32px;
    position: absolute;
    cursor: pointer;
    opacity: 0;
    z-index: 5;
  }
  header#header-mobile nav#top-nav-mobile #menuToggle span {
    display: flex;
    width: 29px;
    height: 2px;
    margin-bottom: 5px;
    position: relative;
    background: #101922;
    border-radius: 3px;
    z-index: 5;
    transform-origin: 5px 0px;
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
  }
  header#header-mobile nav#top-nav-mobile #menuToggle span:first-child {
    transform-origin: 0% 0%;
  }
  header#header-mobile nav#top-nav-mobile #menuToggle span:nth-last-child(2) {
    transform-origin: 0% 100%;
  }
  header#header-mobile nav#top-nav-mobile #menuToggle input:checked ~ span {
    opacity: 1;
    transform: rotate(45deg) translate(-3px, -1px);
    background: #36383F;
    right: 26px;
  }
  header#header-mobile nav#top-nav-mobile #menuToggle input:checked ~ span:nth-last-child(3) {
    opacity: 0;
    transform: rotate(0deg) scale(0.2, 0.2);
  }
  header#header-mobile nav#top-nav-mobile #menuToggle input:checked ~ span:nth-last-child(2) {
    transform: rotate(-45deg) translate(0, -1px);
    right: 25px;
  }
  header#header-mobile nav#top-nav-mobile #menu {
    position: absolute;
    width: 360px;
    height: 581px;
    box-shadow: 0 0 10px #85888C;
    margin: -50px 0 0 -95px;
    padding: 50px;
    padding-right: 0;
    padding-top: 105px;
    background-color: #F5F6FA;
    -webkit-font-smoothing: antialiased;
    transform-origin: 0% 0%;
    transform: translate(-100%, 0);
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
  }
  header#header-mobile nav#top-nav-mobile #menu li {
    padding: 5px 0;
    transition-delay: .2s;
  }
  header#header-mobile nav#top-nav-mobile #menuToggle input:checked ~ ul {
    transform: none;
  }
  section#main {
    align-items: center;
    justify-content: center;
  }
  section#main .container-main {
    width: 480px;
    margin-right: 0;
    align-items: center;
    justify-content: center;
  }
  section#main .container-main .headers-text {
    margin-top: 50px;
  }
  section#main .container-main .headers-text .photo-container-mobile {
    display: flex;
    margin-top: 30px;
  }
  section#main .container-main .headers-text h1 {
    font-size: 36px;
    line-height: 50px;
  }
  section#main .container-main .customer-reviews {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
  section#main .container-main .customer-reviews .reviews-p {
    margin-top: 10px;
  }
  section#main .container-main .reservation {
    width: 290px;
    margin-top: 33px;
  }
  section#main .photo-container {
    display: none;
  }
  section#guest-house {
    margin-top: 55px;
  }
  section#guest-house .container .header-section .text-block {
    width: 100%;
  }
  section#guest-house .container .header-section .text-block .description br {
    display: none;
  }
  section#guest-house .container .header-section .discount {
    margin-left: 0;
    margin-top: 20px;
  }
  section#guest-house .container .header-section .discount .discount-title {
    margin-left: 0;
  }
  section#guest-house .slider .slide {
    width: 100%;
  }
  section#guest-house .slider .cart .top-block {
    flex-direction: column;
  }
  section#guest-house .slider .cart .top-block .price-block .price-data {
    display: none;
  }
  section#guest-house .slider .cart .middle-block {
    margin-left: 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  section#guest-house .slider .cart .middle-block .home-name {
    order: 2;
  }
  section#guest-house .slider .cart .middle-block .text-p {
    order: 3;
  }
  section#guest-house .slider .cart .middle-block .price-data-mobile {
    display: block;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 15px;
    order: 1;
  }
  section#guest-house .slider .cart .bottom-block {
    margin-left: 0;
    margin-top: 0;
    text-align: center;
    margin-bottom: 25px;
  }
  section#guest-house .slider .cart .bottom-block button {
    width: 220px;
  }
  section#guest-house .slider .cart .bottom-block .more {
    margin-left: 10px;
    margin-top: 15px;
  }
  section#guest-house .slider .slide-one .owl-dots {
    bottom: 8%;
  }
  section#guest-house .slider .slide-one .owl-nav {
    margin-top: 55px;
  }
  section#bath {
    margin-top: 55px;
  }
  section#bath .container {
    width: 460px;
  }
  section#bath .container .bath-title h2 {
    font-size: 25px;
  }
  section#bath .container .bath-data {
    margin-top: 0;
  }
  section#bath .container .bath-data .slider {
    margin-top: 30px;
  }
  section#bath .container .bath-data .slider .cart {
    width: 100%;
    padding: 0;
  }
  section#bath .container .bath-data .slider .cart .top-block {
    flex-direction: column;
  }
  section#bath .container .bath-data .slider .cart .top-block .price-block {
    width: 100%;
    margin-top: 22px;
  }
  section#bath .container .bath-data .slider .cart .top-block .price-block .price-data {
    margin-left: 0;
    margin-top: 15px;
  }
  section#bath .container .bath-data .slider .cart .top-block .price-block .price-data .text-p span {
    font-size: 21px;
  }
  section#bath .container .bath-data .slider .cart .middle-block {
    margin-left: 0;
  }
  section#bath .container .bath-data .slider .cart .middle-block .text-p {
    padding-right: 0;
  }
  section#bath .container .bath-data .slider .cart .bottom-block {
    margin-left: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    justify-content: center;
  }
  section#bath .container .bath-data .slider .cart .bottom-block button {
    width: 240px;
  }
  section#bath .container .bath-data .slider .cart .bottom-block .more {
    margin-left: 0;
    margin-top: 10px;
  }
  section#kitchen {
    margin-top: 55px;
  }
  section#kitchen .container .kitchen-title {
    margin-bottom: 20px;
  }
  section#kitchen .container .kitchen-title h2 {
    font-size: 24px;
    line-height: 36px;
  }
  section#kitchen .container .kitchen-img {
    margin-top: 10px;
    flex-direction: column;
  }
  section#kitchen .container .kitchen-img .items {
    width: 100%;
    margin: 0px 0px 15px 0px;
  }
  section#kitchen .container .kitchen-img .items .name-photo {
    top: 82%;
    font-size: 16px;
  }
  section#entertainment {
    margin-top: 55px;
  }
  section#entertainment .container .enter-title h2 {
    font-size: 24px;
    line-height: 36px;
  }
  section#entertainment .container .types-enter {
    flex-direction: column;
  }
  section#entertainment .container .types-enter .item {
    width: 100%;
    margin-bottom: 20px;
  }
  section#entertainment .container .types-enter .item .headtext {
    margin-top: 5px;
  }
  section#entertainment .container .types-enter .item .headtext span:before {
    width: 245px;
    bottom: 80%;
    right: -42px;
  }
  section#video-blog {
    margin-top: 55px;
  }
  section#video-blog .container h2 {
    font-size: 24px;
    line-height: 36px;
  }
  section#video-blog .container .slider-video {
    margin-top: 20px;
  }
  section#video-blog .container .slider-video .slide-two .block-video {
    width: 450px;
    height: 800px;
  }
  section#video-blog .container .slider-video .slide-two .owl-dots {
    bottom: 8%;
  }
  section#video-blog .container .slider-video .slide-two .owl-nav {
    margin-top: 30px;
  }
  section#house-reservation {
    margin-top: 55px;
  }
  section#house-reservation .container {
    padding-left: 7px;
    padding-right: 7px;
  }
  section#house-reservation .container .reservation-title {
    margin-top: 55px;
  }
  section#house-reservation .container .reservation-title h2 {
    font-size: 24px;
    line-height: 36px;
  }
  section#house-reservation .container .reservation-form {
    margin-top: 24px;
  }
  section#house-reservation .container .reservation-form .client-data {
    flex-wrap: wrap;
  }
  section#house-reservation .container .reservation-form .client-data input {
    width: 290px;
    margin-bottom: 15px;
  }
  section#house-reservation .container .reservation-form .house-data {
    flex-wrap: wrap;
    margin-top: 0;
  }
  section#house-reservation .container .reservation-form .house-data .house-new-select,
  section#house-reservation .container .reservation-form .house-data .human-new-select,
  section#house-reservation .container .reservation-form .house-data .transfer-new-select {
    width: 290px;
    margin-bottom: 15px;
  }
  section#house-reservation .container .reservation-form .house-data .date-input-container {
    margin-bottom: 15px;
  }
  section#house-reservation .container .reservation-form .house-data .date-input-container input {
    width: 139px;
    margin-right: 12px;
  }
  section#house-reservation .container .reservation-form .total {
    margin-top: 20px;
    margin-bottom: 66px;
    align-items: flex-end;
    justify-content: flex-start;
  }
  section#house-reservation .container .reservation-form .total .discount-total {
    margin-left: 25px;
  }
  section#house-reservation .container .reservation-form .total .reservation {
    margin-top: 30px;
    width: 290px;
  }
  section#reviews-bottom {
    margin-top: 55px;
  }
  section#reviews-bottom .container h2 {
    font-size: 24px;
    line-height: 36px;
  }
  section#reviews-bottom .container .description {
    margin-top: 11px;
  }
  section#reviews-bottom .slider-reviews {
    margin-top: 26px;
    width: 300px;
  }
  section#reviews-bottom .slider-reviews .slide-three .reviews-cart .reviews-top {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
  section#reviews-bottom .slider-reviews .slide-three .reviews-cart .reviews-top .photo-guest {
    display: none;
  }
  section#reviews-bottom .slider-reviews .slide-three .reviews-cart .reviews-top .data-reviews {
    text-align: left;
    margin-left: 17px;
  }
  section#reviews-bottom .slider-reviews .slide-three .reviews-cart .reviews-top .name-guest {
    margin-bottom: 15px;
  }
  section#reviews-bottom .slider-reviews .slide-three .reviews-cart .reviews-top .name-guest .guest {
    margin-bottom: 5px;
  }
  section#reviews-bottom .slider-reviews .slide-three .reviews-cart .reviews-bottom .text-p {
    margin-left: 17px;
    margin-right: 17px;
  }
  section#reviews-bottom .slider-reviews .slide-three .owl-dots {
    bottom: 16%;
  }
  section#map .map-block {
    flex-direction: column;
    width: 480px;
    margin-left: 30px;
  }
  section#map .map-block .title-map {
    order: 0;
    margin-left: 15px;
    margin-right: 15px;
    width: 100%;
    align-items: center;
  }
  section#map .map-block .title-map h2 {
    font-size: 24px;
    line-height: 36px;
  }
  section#map .map-block .yandex-map {
    order: 1;
    width: 100%;
  }
    section#main-boat {
      -ms-background-position-x: 75%;
      background-position-x: 75%;
  }
  section#main-boat .container .header-text h1 {
    font-size: 45px;
    line-height: 40px;
  }
  section#main-boat .container .header-text p {
      font-size: 30px;
      margin-top: 20px;
  }
  section#on-water .container {
      flex-direction: column;
      margin-top: 50px;
  }
  section#on-water .container .text-block {
      width: 100%;
      margin-bottom: 20px;
  }
  section#on-water .container .text-block .main-p {
      font-size: 23px;
  }
  section#on-water .container .img-block {
    width: 100%;
  }
  section#on-water .container .text-block .main-p {
      font-size: 30px;
  }
  section#adventures .container .main-adventures {
      font-size: 30px;
  }
  section#adventures .container .items-adv .card-adv .bott-adv {
      height: auto;
  }
  section#adventures .container .items-adv .card-adv .bott-adv a {
      position: relative;
      width: 210px;
      margin-top: 40px;
  }
  section#adventures .container .items-adv {
      flex-direction: column;
      align-items: center;
  }
  section#adventures .container .items-adv .card-adv {
      width: 75%;
      margin-bottom: 20px;
  }
  section#adventures .bottom-info p {
      font-size: 13px;
  }
  section#gallery .container .items-gallery {
      flex-direction: column;
      align-items: center;
  }
  section#gallery .container .items-gallery .item {
      width: 90%;
  }
  section#gallery .container .items-gallery .left h2 {
      font-size: 40px;
      margin-top: 20px;
      margin-bottom: 30px;
  }
  section#about {
      margin-top: 80px;
  }
  section#about .container {
      flex-direction: column;
  }
  section#about .container .left-block {
      width: 100%;
  }
  section#about .container .left-block h2 {
      font-size: 30px;
      margin-bottom: 20px;
  }
  section#about .container .left-block p {
      margin-bottom: 20px;
  }
  section#about .container .left-block a {
      width: 240px;
      margin-bottom: 40px;
  }
  section#about .container .center-block {
      width: 100%;
  }
  section#more-airboat {
      margin-top: 100px;
  }
  section#more-airboat .container {
      flex-direction: column;
  }
  section#more-airboat .container .left-block {
      width: 100%;
  }
  section#more-airboat .container .left-block h4 {
      font-size: 18px;
  }
  section#more-airboat .container .left-block p {
      font-size: 14px;
  }
  section#more-airboat .container .right-block {
      width: 100%;
      margin-top: 30px;
  }
  section#more-airboat .container .right-block h3 {
      font-size: 27px;
  }
  section#more-airboat .container .right-block p {
      font-size: 16px;
  }
  section#pre-footer {
      -ms-background-position-x: 70%;
      background-position-x: 70%;
  }
  section#pre-footer .container {
      flex-direction: column;
      justify-content: flex-end;
      align-items: flex-end;
  }
  section#pre-footer .container .logo {
      width: 67%;
  }
  section#pre-footer .container .contacts {
      width: 100%;
  }
  section#pre-footer .container .contacts .main-pre {
      font-size: 30px;
      margin-top: 20px;
  }
  footer {
    margin-top: 0;
  }
  footer .container {
    display: none;
  }
  footer .container-mobile {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 480px;
    margin-left: 35px;
  }
  footer .container-mobile .footer-logo {
    margin-top: 62px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  footer .container-mobile .data-footer {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 25px;
    margin-bottom: 112px;
  }
  footer .container-mobile .data-footer .social {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
    width: 44%;
    margin-bottom: 30px;
  }
  footer .container-mobile .data-footer .contact-link-footer,
  footer .container-mobile .data-footer .policy {
    font-family: "gothampro";
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-right: 0px;
    color: #fff;
  }
  footer .container-mobile .data-footer hr {
    width: 100%;
    height: 1px;
    background: #fff;
    margin-bottom: 24px;
  }
  footer .container-mobile .data-footer .policy {
    text-decoration: underline;
    margin-top: 14px;
  }
  .modal-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 5px;
    border-bottom: 1px solid #eceeef;
    overflow: hidden;
  }
  .modal-title {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1.5;
    font-size: 1.25rem;
    font-weight: 500;
  }
  .modal-body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    width: 98%;
    margin-left: 10px;
    margin-bottom: 40px;
    overflow-y: scroll;
    height: auto;
  }
  .modal-body .modal-home-title {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    margin-top: 10px;
    margin-bottom: 9px;
  }
  .modal-body .modal-home-title .home-title {
    font-family: "pachomiusw00_regular";
    font-size: 20px;
    line-height: 25px;
    color: #101922;
  }
  .modal-body .modal-home-title .seats {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
  }
  .modal-body .modal-home-title .seats img {
    width: 33%;
    margin-left: 23px;
  }
  .modal-body .modal-home-title .seats p {
    font-size: 16px;
    font-family: "gothampro";
    line-height: 24px;
    color: #101922;
    margin-left: 8px;
  }
  .modal-body .container-form-modal {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
  }
  .modal-body .container-form-modal .reservation-title {
    width: 80%;
  }
  .modal-body .container-form-modal .reservation-title h2 {
    font-size: 24px;
    line-height: 50px;
    margin-bottom: 10px;
  }
  .modal-body .container-form-modal .reservation-title .description {
    font-size: 16px;
  }
  .modal-body .container-form-modal .reservation-title .description br {
    display: none;
  }
  .modal-body .container-form-modal .reservation-form {
    margin-top: 60px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }
  .modal-body .container-form-modal .reservation-form .client-data {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
  }
  .modal-body .container-form-modal .reservation-form .client-data input {
    width: 310px;
    height: 65px;
    border: none;
    padding-left: 20px;
    margin-right: 11px;
    font-family: "gothampro";
    font-size: 18px;
    color: #101922;
    margin-bottom: 10px;
  }
  .modal-body .container-form-modal .reservation-form .client-data ::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #d2d2d2;
  }
  .modal-body .container-form-modal .reservation-form .client-data :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #d2d2d2;
    opacity: 1;
  }
  .modal-body .container-form-modal .reservation-form .client-data ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #d2d2d2;
    opacity: 1;
  }
  .modal-body .container-form-modal .reservation-form .client-data :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #d2d2d2;
  }
  .modal-body .container-form-modal .reservation-form .client-data ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #d2d2d2;
  }
  .modal-body .container-form-modal .reservation-form .client-data ::placeholder {
    /* Most modern browsers support this now. */
    color: #d2d2d2;
  }
  .modal-body .container-form-modal .reservation-form .house-data {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 30px;
  }
  .modal-body .container-form-modal .reservation-form .house-data .house-select,
  .modal-body .container-form-modal .reservation-form .house-data .transfer-select {
    display: block;
    max-width: 310px;
    width: 100%;
    position: relative;
    margin-right: 11px;
    margin-bottom: 10px;
  }
  .modal-body .container-form-modal .reservation-form .house-data .house-new-select,
  .modal-body .container-form-modal .reservation-form .house-data .transfer-new-select {
    position: relative;
    background: #fff;
    padding: 10px 15px;
    cursor: pointer;
    user-select: none;
    width: 310px;
    height: 65px;
    font-family: "gothampro";
    font-size: 18px;
    line-height: 30px;
    color: #101922;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }
  .modal-body .container-form-modal .reservation-form .house-data .human-select {
    display: block;
    max-width: 310px;
    width: 100%;
    position: relative;
    margin-right: 10px;
    margin-bottom: 10px;
  }
  .modal-body .container-form-modal .reservation-form .house-data .human-new-select {
    position: relative;
    background: #fff;
    padding: 10px 15px;
    cursor: pointer;
    user-select: none;
    width: 310px;
    height: 65px;
    font-family: "gothampro";
    font-size: 18px;
    line-height: 30px;
    color: #101922;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }
  .modal-body .container-form-modal .reservation-form .house-data .house-new-select__list,
  .modal-body .container-form-modal .reservation-form .house-data .human-new-select__list,
  .modal-body .container-form-modal .reservation-form .house-data .transfer-new-select__list {
    position: absolute;
    top: 55px;
    left: 0;
    cursor: pointer;
    width: 100%;
    z-index: 2;
    background: #fff;
    user-select: none;
    font-family: "gothampro";
    font-size: 16px;
    line-height: 24px;
  }
  .modal-body .container-form-modal .reservation-form .house-data .house-new-select__list.on,
  .modal-body .container-form-modal .reservation-form .house-data .human-new-select__list.on,
  .modal-body .container-form-modal .reservation-form .house-data .transfer-new-select__list.on {
    display: block;
  }
  .modal-body .container-form-modal .reservation-form .house-data .house-new-select__item span,
  .modal-body .container-form-modal .reservation-form .house-data .human-new-select__item span,
  .modal-body .container-form-modal .reservation-form .house-data .transfer-new-select__item span {
    display: block;
    padding: 10px 15px;
  }
  .modal-body .container-form-modal .reservation-form .house-data .house-new-select__item span:hover,
  .modal-body .container-form-modal .reservation-form .house-data .human-new-select__item span:hover,
  .modal-body .container-form-modal .reservation-form .house-data .transfer-new-select__item span:hover {
    color: #3bcf76;
  }
  .modal-body .container-form-modal .reservation-form .house-data .house-new-select:after,
  .modal-body .container-form-modal .reservation-form .house-data .human-new-select:after,
  .modal-body .container-form-modal .reservation-form .house-data .transfer-new-select:after {
    content: '';
    display: block;
    width: 11px;
    height: 11px;
    position: absolute;
    right: 25px;
    top: 42%;
    background: url('../img/icons/select-arrow.png') no-repeat right center / cover;
    opacity: 1;
    -webkit-transition: all 0.27s ease-in-out;
    -o-transition: all 0.27s ease-in-out;
    transition: all 0.27s ease-in-out;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  .modal-body .container-form-modal .reservation-form .house-data .house-new-select.on:after,
  .modal-body .container-form-modal .reservation-form .house-data .human-new-select.on:after,
  .modal-body .container-form-modal .reservation-form .house-data .transfer-new-select.on:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .modal-body .container-form-modal .reservation-form .house-data .date-input {
    width: 150px;
    height: 65px;
    margin-right: 10px;
    margin-bottom: 10px;
    border: none;
    background: url("../img/icons/calendar.png"), #ffffff;
    background-repeat: no-repeat;
    background-position: 20px center;
    padding-left: 30px;
    font-family: "gothampro";
    font-size: 18px;
    color: #101922;
    line-height: 30px;
  }
  .modal-body .container-form-modal .reservation-form .house-data .date-input:focus {
    background: #fff;
  }
  .modal-body .container-form-modal .reservation-form .house-data ::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #d2d2d2;
    padding-left: 20px;
  }
  .modal-body .container-form-modal .reservation-form .total {
    margin-top: 30px;
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
  }
  .modal-body .container-form-modal .reservation-form .total .total-title {
    margin-right: 9px;
    font-family: "gothampro";
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
    color: #101922;
  }
  .modal-body .container-form-modal .reservation-form .total .reservation {
    width: 310px;
    margin-right: 15px;
    margin-top: 10px;
    height: 65px;
  }
  .modal-body .container-form-modal .reservation-form .total .discount-total {
    margin-right: 0px;
    width: 59px;
    height: 34px;
    background: #3bcf76;
    border-radius: 9px;
    box-shadow: 0px 0px 13px rgba(17, 92, 47, 0.2);
    text-align: center;
    padding-top: 2px;
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    font-family: "gothampro";
  }
  .modal-body .container-form-modal .reservation-form .total .price-total {
    margin-right: 25px;
  }
  .modal-body .container-form-modal .reservation-form .total .price-total .no-disc {
    font-family: "gothampro";
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-decoration: line-through;
    color: #101922;
  }
  .modal-body .container-form-modal .reservation-form .total .price-total .no-disc:after {
    content: "\20BD";
    margin-left: 5px;
  }
  .modal-body .container-form-modal .reservation-form .total .price-total .disc {
    font-family: "gothampro";
    font-size: 20px;
    line-height: 24px;
    color: #101922;
    font-weight: bold;
  }
  .modal-body .container-form-modal .reservation-form .total .price-total .disc:after {
    content: "\20BD";
    margin-left: 5px;
  }
  .modal-slider {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
  }
  .modal-slider .price-data {
    margin-left: 18px;
    margin-top: 44px;
  }
  .modal-slider .price-data p {
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    padding: 14px 0px;
    width: 252px;
    text-align: center;
  }
  .modal-slider .price-data p span:after {
    content: "\20BD";
    margin-left: 5px;
  }
  .modal-slider .price-data .reservation {
    width: 242px;
    height: 53px;
    margin-top: 40px;
  }
  .modal-content {
    position: relative;
    display: flex;
    width: 480px;
    flex-direction: column;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: .3rem;
    outline: 0;
  }
  #modal-1 .modal-dialog {
    height: 650px;
  }
  #modal-1 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider {
    flex-wrap: wrap;
  }
  #modal-1 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .price-data {
    margin-top: 0;
    margin-left: 10px;
  }
  #modal-1 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .price-data .reservation {
    width: 230px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  #modal-1 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .slider-for {
    padding-left: 5px;
    padding-top: 11px;
    color: #fff;
  }
  #modal-1 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .slider__images {
    height: 250px;
  }
  #modal-1 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .slider__images .slider__image img {
    width: 50%;
    height: auto;
  }
  #modal-1 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .slider__image img {
    height: auto;
  }
  #modal-1 .modal-dialog .modal-content .modal-overflow .modal-body {
    width: 90%;
  }
  #modal-2 .modal-dialog .modal-content {
    background: #d7d9e8;
    width: 480px;
  }
  #modal-2 .modal-dialog .modal-content .modal-overflow {
    overflow-y: scroll;
  }
  #modal-2 .modal-dialog .modal-content .close-button {
    width: 100%;
    text-align: right;
  }
  #modal-3 .modal-dialog .modal-content {
    background: #fff;
    width: 480px;
  }
  #modal-3 .modal-dialog .modal-content .modal-overflow {
    overflow-y: scroll;
    height: 650px;
    width: 450px;
    margin-left: 5px;
    overflow-x: hidden;
  }
  #modal-3 .modal-dialog .modal-content .modal-overflow .container-about-modal {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
  }
  #modal-3 .modal-dialog .modal-content .modal-overflow .container-about-modal .about-title {
    display: flex;
    width: 100%;
    flex-direction: column;
    order: 2;
  }
  #modal-3 .modal-dialog .modal-content .modal-overflow .slider-about {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
  }
  #modal-4 .modal-dialog {
    height: 650px;
  }
  #modal-4 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider {
    flex-wrap: wrap;
  }
  #modal-4 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .price-data {
    margin-top: 0;
    margin-left: 10px;
  }
  #modal-4 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .price-data .reservation {
    width: 230px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  #modal-4 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .slider-for {
    padding-left: 5px;
    padding-top: 11px;
    color: #fff;
  }
  #modal-4 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .slider__images {
    height: 250px;
  }
  #modal-4 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .slider__images .slider__image img {
    width: 50%;
    height: auto;
  }
  #modal-4 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .slider__image img {
    height: auto;
  }
  #modal-4 .modal-dialog .modal-content .modal-overflow .modal-body {
    width: 90%;
  }
  #modal-5 .modal-dialog .modal-content {
    width: 380px;
    height: 600px;
  }
  #modal-5 .modal-dialog .modal-content .modal-overflow {
    width: 100%;
  }
  #modal-5 .modal-dialog .modal-content .modal-overflow .modal-header {
    width: 100%;
  }
  #modal-5 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  #modal-5 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .fotorama {
    width: 100%;
  }
  #modal-5 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .price-data {
    margin-left: 32px;
  }
  #modal-5 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .price-data .text-p {
    font-size: 14px;
    text-align: left;
  }
  #modal-5 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .price-data .text-p span {
    font-size: 21px;
  }
  #modal-5 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .price-data button {
    width: 215px;
  }
  #modal-6 .modal-dialog .modal-content {
    height: 600px;
    background: #d7d9e8;
    width: 380px;
  }
  #modal-6 .modal-dialog .modal-content .modal-overflow {
    overflow-y: scroll;
  }
  #modal-6 .modal-dialog .modal-content .modal-overflow #date-off-modal {
    background: #fff;
  }
  #modal-6 .modal-dialog .modal-content .close-button {
    width: 100%;
    text-align: right;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .container {
    width: 750px;
  }
  h2 {
    font-size: 24px;
    line-height: 36px;
  }
    section#content-airboat {
      margin-top: 80px;
  }
  section#content-airboat .container {
      flex-direction: column;
  }
  section#content-airboat .container .text-block {
      width: 100%;
  }
  section#content-airboat .container .text-block p {
      font-size: 17px;
      line-height: 24px;
  }
  section#content-airboat .container .img-block {
      width: 100%;
  }
  section#content-airboat .container .img-block img {
      width: 47%;
  }
  header#header {
    display: none;
  }
  header#header-mobile {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    height: 64px;
  }
  header#header-mobile .container {
    width: 750px;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  header#header-mobile nav#top-nav-mobile nav {
    background-color: #1E1E23;
    height: 65px;
  }
  header#header-mobile nav#top-nav-mobile ul#menu {
    list-style-type: none;
    background: #fff;
    height: 551px;
  }
  header#header-mobile nav#top-nav-mobile ul#menu .first {
    position: absolute;
    left: 0;
    right: 0;
    top: 6%;
    text-align: center;
    z-index: 4;
    color: #101922;
    font-family: "gothampro";
    font-weight: bold;
    font-size: 24px;
    line-height: 24px;
    height: 64px;
    border-bottom: 1px solid #101922;
  }
  header#header-mobile nav#top-nav-mobile ul#menu .contact-phone {
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid #101922;
  }
  header#header-mobile nav#top-nav-mobile ul#menu .contact-email {
    padding-top: 0;
  }
  header#header-mobile nav#top-nav-mobile ul#menu .button-li {
    margin-top: 5px;
  }
  header#header-mobile nav#top-nav-mobile ul#menu .button-li .reservation {
    width: 290px;
    height: 53px;
  }
  header#header-mobile nav#top-nav-mobile ul#menu li {
    margin-left: -30px;
    padding-left: 30px;
  }
  header#header-mobile nav#top-nav-mobile ul#menu li a {
    font-family: "gothampro";
    font-size: 16px;
    line-height: 24px;
    color: #101922;
  }
  header#header-mobile nav#top-nav-mobile #menuToggle {
    display: flex;
    flex-direction: column;
    position: relative;
    top: 3px;
    left: 35px;
    z-index: 5;
    -webkit-user-select: none;
    user-select: none;
  }
  header#header-mobile nav#top-nav-mobile #menuToggle input {
    display: flex;
    width: 40px;
    height: 32px;
    position: absolute;
    cursor: pointer;
    opacity: 0;
    z-index: 5;
  }
  header#header-mobile nav#top-nav-mobile #menuToggle span {
    display: flex;
    width: 29px;
    height: 2px;
    margin-bottom: 5px;
    position: relative;
    background: #101922;
    border-radius: 3px;
    z-index: 5;
    transform-origin: 5px 0px;
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
  }
  header#header-mobile nav#top-nav-mobile #menuToggle span:first-child {
    transform-origin: 0% 0%;
  }
  header#header-mobile nav#top-nav-mobile #menuToggle span:nth-last-child(2) {
    transform-origin: 0% 100%;
  }
  header#header-mobile nav#top-nav-mobile #menuToggle input:checked ~ span {
    opacity: 1;
    transform: rotate(45deg) translate(-3px, -1px);
    background: #36383F;
    right: 26px;
  }
  header#header-mobile nav#top-nav-mobile #menuToggle input:checked ~ span:nth-last-child(3) {
    opacity: 0;
    transform: rotate(0deg) scale(0.2, 0.2);
  }
  header#header-mobile nav#top-nav-mobile #menuToggle input:checked ~ span:nth-last-child(2) {
    transform: rotate(-45deg) translate(0, -1px);
    right: 25px;
  }
  header#header-mobile nav#top-nav-mobile #menu {
    position: absolute;
    width: 360px;
    height: 581px;
    box-shadow: 0 0 10px #85888C;
    margin: -50px 0 0 -95px;
    padding: 50px;
    padding-right: 0;
    padding-top: 105px;
    background-color: #F5F6FA;
    -webkit-font-smoothing: antialiased;
    transform-origin: 0% 0%;
    transform: translate(-100%, 0);
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
  }
  header#header-mobile nav#top-nav-mobile #menu li {
    padding: 5px 0;
    transition-delay: .2s;
  }
  header#header-mobile nav#top-nav-mobile #menuToggle input:checked ~ ul {
    transform: none;
  }
  section#main {
    align-items: center;
    justify-content: center;
  }
  section#main .container-main {
    width: 750px;
    margin-right: 0;
    align-items: center;
    justify-content: center;
  }
  section#main .container-main .headers-text {
    margin-top: 50px;
  }
  section#main .container-main .headers-text .photo-container-mobile {
    display: flex;
    margin-top: 30px;
  }
  section#main .container-main .headers-text h1 {
    font-size: 36px;
    line-height: 50px;
  }
  section#main .container-main .customer-reviews {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
  section#main .container-main .customer-reviews .reviews-p {
    margin-top: 10px;
  }
  section#main .container-main .reservation {
    width: 290px;
    margin-top: 33px;
  }
  section#main .photo-container {
    display: none;
  }
  section#guest-house {
    margin-top: 55px;
  }
  section#guest-house .container .header-section .text-block {
    width: 100%;
  }
  section#guest-house .container .header-section .text-block .description br {
    display: none;
  }
  section#guest-house .container .header-section .discount {
    margin-left: 0;
    margin-top: 20px;
  }
  section#guest-house .container .header-section .discount .discount-title {
    margin-left: 0;
  }
  section#guest-house .slider .slide {
    width: 100%;
  }
  section#guest-house .slider .cart .top-block {
    flex-direction: column;
  }
  section#guest-house .slider .cart .top-block .price-block .price-data {
    display: none;
  }
  section#guest-house .slider .cart .middle-block {
    margin-left: 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  section#guest-house .slider .cart .middle-block .home-name {
    order: 2;
  }
  section#guest-house .slider .cart .middle-block .text-p {
    order: 3;
  }
  section#guest-house .slider .cart .middle-block .price-data-mobile {
    display: block;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 15px;
    order: 1;
  }
  section#guest-house .slider .cart .bottom-block {
    margin-left: 0;
    margin-top: 0;
    text-align: center;
    margin-bottom: 25px;
  }
  section#guest-house .slider .cart .bottom-block button {
    width: 220px;
  }
  section#guest-house .slider .cart .bottom-block .more {
    margin-left: 10px;
    margin-top: 15px;
  }
  section#guest-house .slider .slide-one .owl-dots {
    bottom: 8%;
  }
  section#guest-house .slider .slide-one .owl-nav {
    margin-top: 55px;
  }
  section#bath {
    margin-top: 55px;
  }
  section#bath .container {
    width: 760px;
  }
  section#bath .container .bath-title h2 {
    font-size: 25px;
  }
  section#bath .container .bath-data {
    margin-top: 0;
  }
  section#bath .container .bath-data .slider {
    margin-top: 30px;
  }
  section#bath .container .bath-data .slider .cart {
    width: 100%;
    padding: 0;
  }
  section#bath .container .bath-data .slider .cart .top-block {
    flex-direction: column;
  }
  section#bath .container .bath-data .slider .cart .top-block .price-block {
    width: 100%;
    margin-top: 22px;
  }
  section#bath .container .bath-data .slider .cart .top-block .price-block .price-data {
    margin-left: 0;
    margin-top: 15px;
  }
  section#bath .container .bath-data .slider .cart .top-block .price-block .price-data .text-p span {
    font-size: 21px;
  }
  section#bath .container .bath-data .slider .cart .middle-block {
    margin-left: 0;
  }
  section#bath .container .bath-data .slider .cart .middle-block .text-p {
    padding-right: 0;
  }
  section#bath .container .bath-data .slider .cart .bottom-block {
    margin-left: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    justify-content: center;
  }
  section#bath .container .bath-data .slider .cart .bottom-block button {
    width: 240px;
  }
  section#bath .container .bath-data .slider .cart .bottom-block .more {
    margin-left: 0;
    margin-top: 10px;
  }
  section#kitchen {
    margin-top: 55px;
  }
  section#kitchen .container .kitchen-title {
    margin-bottom: 20px;
  }
  section#kitchen .container .kitchen-title h2 {
    font-size: 24px;
    line-height: 36px;
  }
  section#kitchen .container .kitchen-img {
    margin-top: 10px;
    flex-direction: column;
  }
  section#kitchen .container .kitchen-img .items {
    width: 100%;
    margin: 0px 0px 15px 0px;
  }
  section#kitchen .container .kitchen-img .items .name-photo {
    display: none;
  }
  section#entertainment {
    margin-top: 55px;
  }
  section#entertainment .container .enter-title h2 {
    font-size: 24px;
    line-height: 36px;
  }
  section#entertainment .container .types-enter {
    flex-direction: row;
  }
  section#entertainment .container .types-enter .item {
    width: 100%;
    margin-bottom: 20px;
  }
  section#entertainment .container .types-enter .item .headtext {
    margin-top: 5px;
  }
  section#entertainment .container .types-enter .item .headtext span:before {
    width: 245px;
    bottom: 80%;
    right: -42px;
  }
  section#video-blog {
    margin-top: 55px;
  }
  section#video-blog .container h2 {
    font-size: 24px;
    line-height: 36px;
  }
  section#video-blog .container .slider-video {
    margin-top: 20px;
  }
  section#video-blog .container .slider-video .slide-two .block-video {
    width: 300px;
    height: 532px;
  }
  section#video-blog .container .slider-video .slide-two .owl-dots {
    bottom: 11%;
  }
  section#video-blog .container .slider-video .slide-two .owl-nav {
    margin-top: 30px;
  }
  section#house-reservation {
    margin-top: 55px;
  }
  section#house-reservation .container {
    padding-left: 7px;
    padding-right: 7px;
  }
  section#house-reservation .container .reservation-title {
    margin-top: 55px;
  }
  section#house-reservation .container .reservation-title h2 {
    font-size: 24px;
    line-height: 36px;
  }
  section#house-reservation .container .reservation-form {
    margin-top: 24px;
  }
  section#house-reservation .container .reservation-form .client-data {
    flex-wrap: wrap;
  }
  section#house-reservation .container .reservation-form .client-data input {
    width: 290px;
    margin-bottom: 15px;
  }
  section#house-reservation .container .reservation-form .house-data {
    flex-wrap: wrap;
    margin-top: 0;
  }
  section#house-reservation .container .reservation-form .house-data .house-select {
    margin-left: 0;
    margin-right: 0;
  }
  section#house-reservation .container .reservation-form .house-data .house-new-select,
  section#house-reservation .container .reservation-form .house-data .human-new-select,
  section#house-reservation .container .reservation-form .house-data .transfer-new-select {
    width: 290px;
    margin-bottom: 15px;
  }
  section#house-reservation .container .reservation-form .house-data .date-input-container {
    margin-bottom: 15px;
    margin-left: 57px;
  }
  section#house-reservation .container .reservation-form .house-data .date-input-container input {
    width: 139px;
    margin-right: 12px;
  }
  section#house-reservation .container .reservation-form .house-data .human-select {
    margin-right: 155px;
  }
  section#house-reservation .container .reservation-form .total {
    margin-top: 20px;
    margin-bottom: 66px;
    align-items: flex-end;
    justify-content: flex-start;
  }
  section#house-reservation .container .reservation-form .total .discount-total {
    margin-left: 25px;
  }
  section#house-reservation .container .reservation-form .total .reservation {
    margin-top: 30px;
    width: 290px;
  }
  section#reviews-bottom {
    margin-top: 55px;
  }
  section#reviews-bottom .container h2 {
    font-size: 24px;
    line-height: 36px;
  }
  section#reviews-bottom .container .description {
    margin-top: 11px;
  }
  section#reviews-bottom .slider-reviews {
    margin-top: 26px;
    width: 300px;
  }
  section#reviews-bottom .slider-reviews .slide-three .reviews-cart .reviews-top {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
  section#reviews-bottom .slider-reviews .slide-three .reviews-cart .reviews-top .photo-guest {
    display: none;
  }
  section#reviews-bottom .slider-reviews .slide-three .reviews-cart .reviews-top .data-reviews {
    text-align: left;
    margin-left: 17px;
  }
  section#reviews-bottom .slider-reviews .slide-three .reviews-cart .reviews-top .name-guest {
    margin-bottom: 15px;
  }
  section#reviews-bottom .slider-reviews .slide-three .reviews-cart .reviews-top .name-guest .guest {
    margin-bottom: 5px;
  }
  section#reviews-bottom .slider-reviews .slide-three .reviews-cart .reviews-bottom .text-p {
    margin-left: 17px;
    margin-right: 17px;
  }
  section#reviews-bottom .slider-reviews .slide-three .owl-dots {
    bottom: 16%;
  }
  section#map .map-block {
    flex-direction: column;
    width: 750px;
    margin-left: 10px;
  }
  section#map .map-block .title-map {
    order: 0;
    margin-left: 15px;
    margin-right: 15px;
    width: 100%;
    align-items: center;
  }
  section#map .map-block .title-map h2 {
    font-size: 24px;
    line-height: 36px;
  }
  section#map .map-block .yandex-map {
    order: 1;
    width: 100%;
  }
    section#main-boat {
      -ms-background-position-x: 75%;
      background-position-x: 75%;
  }
  section#main-boat .container .header-text h1 {
    font-size: 45px;
    line-height: 40px;
  }
  section#main-boat .container .header-text p {
      font-size: 30px;
      margin-top: 20px;
  }
  section#on-water .container {
      flex-direction: column;
      margin-top: 50px;
  }
  section#on-water .container .text-block {
      width: 100%;
      margin-bottom: 20px;
  }
  section#on-water .container .text-block .main-p {
      font-size: 23px;
  }
  section#on-water .container .img-block {
    width: 100%;
  }
  section#on-water .container .text-block .main-p {
      font-size: 30px;
  }
  section#adventures .container .main-adventures {
      font-size: 30px;
  }
  section#adventures .container .items-adv .card-adv .bott-adv {
      height: auto;
  }
  section#adventures .container .items-adv .card-adv .bott-adv a {
      position: relative;
      width: 210px;
      margin-top: 40px;
  }
  section#adventures .container .items-adv {
      flex-direction: column;
      align-items: center;
  }
  section#adventures .container .items-adv .card-adv {
      width: 48%;
      margin-bottom: 20px;
  }
  section#adventures .bottom-info p {
      font-size: 13px;
  }
  section#gallery .container .items-gallery {
      flex-direction: column;
      align-items: center;
  }
  section#gallery .container .items-gallery .item {
      width: 58%;
  }
  section#gallery .container .items-gallery .left h2 {
      font-size: 40px;
      margin-top: 20px;
      margin-bottom: 30px;
  }
  section#about {
      margin-top: 80px;
  }
  section#about .container {
      flex-direction: column;
  }
  section#about .container .left-block {
      width: 100%;
  }
  section#about .container .left-block h2 {
      font-size: 30px;
      margin-bottom: 20px;
  }
  section#about .container .left-block p {
      margin-bottom: 20px;
  }
  section#about .container .left-block a {
      width: 240px;
      margin-bottom: 40px;
  }
  section#about .container .center-block {
      width: 100%;
  }
  section#more-airboat {
      margin-top: 100px;
  }
  section#more-airboat .container {
      flex-direction: column;
  }
  section#more-airboat .container .left-block {
      width: 100%;
  }
  section#more-airboat .container .left-block h4 {
      font-size: 18px;
  }
  section#more-airboat .container .left-block p {
      font-size: 14px;
  }
  section#more-airboat .container .right-block {
      width: 100%;
      margin-top: 30px;
  }
  section#more-airboat .container .right-block h3 {
      font-size: 27px;
  }
  section#more-airboat .container .right-block p {
      font-size: 16px;
  }
  section#pre-footer {
      -ms-background-position-x: 70%;
      background-position-x: 70%;
  }
  section#pre-footer .container {
      flex-direction: row;
      justify-content: flex-end;
      align-items: flex-end;
  }
  section#pre-footer .container .logo {
      width: 67%;
  }
  section#pre-footer .container .contacts {
      width: 100%;
  }
  section#pre-footer .container .contacts .main-pre {
      font-size: 30px;
      margin-top: 20px;
  }
  footer {
    margin-top: 0;
  }
  footer .container {
    display: none;
  }
  footer .container-mobile {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 750px;
    margin-left: 10px;
  }
  footer .container-mobile .footer-logo {
    margin-top: 62px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  footer .container-mobile .data-footer {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 25px;
    margin-bottom: 112px;
  }
  footer .container-mobile .data-footer .social {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
    width: 44%;
    margin-bottom: 30px;
  }
  footer .container-mobile .data-footer .contact-link-footer,
  footer .container-mobile .data-footer .policy {
    font-family: "gothampro";
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-right: 0px;
    color: #fff;
  }
  footer .container-mobile .data-footer hr {
    width: 100%;
    height: 1px;
    background: #fff;
    margin-bottom: 24px;
  }
  footer .container-mobile .data-footer .policy {
    text-decoration: underline;
    margin-top: 14px;
  }
  .modal-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 5px;
    border-bottom: 1px solid #eceeef;
    overflow: hidden;
  }
  .modal-title {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1.5;
    font-size: 1.25rem;
    font-weight: 500;
  }
  .modal-body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    width: 98%;
    margin-left: 10px;
    margin-bottom: 40px;
    overflow-y: scroll;
    height: auto;
  }
  .modal-body .modal-home-title {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    margin-top: 10px;
    margin-bottom: 9px;
  }
  .modal-body .modal-home-title .home-title {
    font-family: "pachomiusw00_regular";
    font-size: 20px;
    line-height: 25px;
    color: #101922;
  }
  .modal-body .modal-home-title .seats {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
  }
  .modal-body .modal-home-title .seats img {
    width: 33%;
    margin-left: 23px;
  }
  .modal-body .modal-home-title .seats p {
    font-size: 16px;
    font-family: "gothampro";
    line-height: 24px;
    color: #101922;
    margin-left: 8px;
  }
  .modal-body .container-form-modal {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
  }
  .modal-body .container-form-modal .reservation-title {
    width: 80%;
  }
  .modal-body .container-form-modal .reservation-title h2 {
    font-size: 24px;
    line-height: 50px;
    margin-bottom: 10px;
  }
  .modal-body .container-form-modal .reservation-title .description {
    font-size: 16px;
  }
  .modal-body .container-form-modal .reservation-title .description br {
    display: none;
  }
  .modal-body .container-form-modal .reservation-form {
    margin-top: 60px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }
  .modal-body .container-form-modal .reservation-form .client-data {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
  }
  .modal-body .container-form-modal .reservation-form .client-data input {
    width: 310px;
    height: 65px;
    border: none;
    padding-left: 20px;
    margin-right: 11px;
    font-family: "gothampro";
    font-size: 18px;
    color: #101922;
    margin-bottom: 10px;
  }
  .modal-body .container-form-modal .reservation-form .client-data ::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #d2d2d2;
  }
  .modal-body .container-form-modal .reservation-form .client-data :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #d2d2d2;
    opacity: 1;
  }
  .modal-body .container-form-modal .reservation-form .client-data ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #d2d2d2;
    opacity: 1;
  }
  .modal-body .container-form-modal .reservation-form .client-data :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #d2d2d2;
  }
  .modal-body .container-form-modal .reservation-form .client-data ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #d2d2d2;
  }
  .modal-body .container-form-modal .reservation-form .client-data ::placeholder {
    /* Most modern browsers support this now. */
    color: #d2d2d2;
  }
  .modal-body .container-form-modal .reservation-form .house-data {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 30px;
  }
  .modal-body .container-form-modal .reservation-form .house-data .house-select,
  .modal-body .container-form-modal .reservation-form .house-data .transfer-select {
    display: block;
    max-width: 310px;
    width: 100%;
    position: relative;
    margin-right: 11px;
    margin-bottom: 10px;
  }
  .modal-body .container-form-modal .reservation-form .house-data .house-new-select,
  .modal-body .container-form-modal .reservation-form .house-data .transfer-new-select {
    position: relative;
    background: #fff;
    padding: 10px 15px;
    cursor: pointer;
    user-select: none;
    width: 310px;
    height: 65px;
    font-family: "gothampro";
    font-size: 18px;
    line-height: 30px;
    color: #101922;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }
  .modal-body .container-form-modal .reservation-form .house-data .human-select {
    display: block;
    max-width: 310px;
    width: 100%;
    position: relative;
    margin-right: 10px;
    margin-bottom: 10px;
  }
  .modal-body .container-form-modal .reservation-form .house-data .human-new-select {
    position: relative;
    background: #fff;
    padding: 10px 15px;
    cursor: pointer;
    user-select: none;
    width: 310px;
    height: 65px;
    font-family: "gothampro";
    font-size: 18px;
    line-height: 30px;
    color: #101922;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }
  .modal-body .container-form-modal .reservation-form .house-data .house-new-select__list,
  .modal-body .container-form-modal .reservation-form .house-data .human-new-select__list,
  .modal-body .container-form-modal .reservation-form .house-data .transfer-new-select__list {
    position: absolute;
    top: 55px;
    left: 0;
    cursor: pointer;
    width: 100%;
    z-index: 2;
    background: #fff;
    user-select: none;
    font-family: "gothampro";
    font-size: 16px;
    line-height: 24px;
  }
  .modal-body .container-form-modal .reservation-form .house-data .house-new-select__list.on,
  .modal-body .container-form-modal .reservation-form .house-data .human-new-select__list.on,
  .modal-body .container-form-modal .reservation-form .house-data .transfer-new-select__list.on {
    display: block;
  }
  .modal-body .container-form-modal .reservation-form .house-data .house-new-select__item span,
  .modal-body .container-form-modal .reservation-form .house-data .human-new-select__item span,
  .modal-body .container-form-modal .reservation-form .house-data .transfer-new-select__item span {
    display: block;
    padding: 10px 15px;
  }
  .modal-body .container-form-modal .reservation-form .house-data .house-new-select__item span:hover,
  .modal-body .container-form-modal .reservation-form .house-data .human-new-select__item span:hover,
  .modal-body .container-form-modal .reservation-form .house-data .transfer-new-select__item span:hover {
    color: #3bcf76;
  }
  .modal-body .container-form-modal .reservation-form .house-data .house-new-select:after,
  .modal-body .container-form-modal .reservation-form .house-data .human-new-select:after,
  .modal-body .container-form-modal .reservation-form .house-data .transfer-new-select:after {
    content: '';
    display: block;
    width: 11px;
    height: 11px;
    position: absolute;
    right: 25px;
    top: 42%;
    background: url('../img/icons/select-arrow.png') no-repeat right center / cover;
    opacity: 1;
    -webkit-transition: all 0.27s ease-in-out;
    -o-transition: all 0.27s ease-in-out;
    transition: all 0.27s ease-in-out;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  .modal-body .container-form-modal .reservation-form .house-data .house-new-select.on:after,
  .modal-body .container-form-modal .reservation-form .house-data .human-new-select.on:after,
  .modal-body .container-form-modal .reservation-form .house-data .transfer-new-select.on:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .modal-body .container-form-modal .reservation-form .house-data .date-input {
    width: 150px;
    height: 65px;
    margin-right: 10px;
    margin-bottom: 10px;
    border: none;
    background: url("../img/icons/calendar.png"), #ffffff;
    background-repeat: no-repeat;
    background-position: 20px center;
    padding-left: 30px;
    font-family: "gothampro";
    font-size: 18px;
    color: #101922;
    line-height: 30px;
  }
  .modal-body .container-form-modal .reservation-form .house-data .date-input:focus {
    background: #fff;
  }
  .modal-body .container-form-modal .reservation-form .house-data ::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #d2d2d2;
    padding-left: 20px;
  }
  .modal-body .container-form-modal .reservation-form .total {
    margin-top: 30px;
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
  }
  .modal-body .container-form-modal .reservation-form .total .total-title {
    margin-right: 9px;
    font-family: "gothampro";
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
    color: #101922;
  }
  .modal-body .container-form-modal .reservation-form .total .reservation {
    width: 310px;
    margin-right: 15px;
    margin-top: 10px;
    height: 65px;
  }
  .modal-body .container-form-modal .reservation-form .total .discount-total {
    margin-right: 75px;
    width: 59px;
    height: 34px;
    background: #3bcf76;
    border-radius: 9px;
    box-shadow: 0px 0px 13px rgba(17, 92, 47, 0.2);
    text-align: center;
    padding-top: 2px;
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    font-family: "gothampro";
  }
  .modal-body .container-form-modal .reservation-form .total .price-total {
    margin-right: 25px;
  }
  .modal-body .container-form-modal .reservation-form .total .price-total .no-disc {
    font-family: "gothampro";
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-decoration: line-through;
    color: #101922;
  }
  .modal-body .container-form-modal .reservation-form .total .price-total .no-disc:after {
    content: "\20BD";
    margin-left: 5px;
  }
  .modal-body .container-form-modal .reservation-form .total .price-total .disc {
    font-family: "gothampro";
    font-size: 20px;
    line-height: 24px;
    color: #101922;
    font-weight: bold;
  }
  .modal-body .container-form-modal .reservation-form .total .price-total .disc:after {
    content: "\20BD";
    margin-left: 5px;
  }
  .modal-slider {
    overflow: hidden;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
  }
  .modal-slider .price-data {
    margin-left: 18px;
    margin-top: 44px;
  }
  .modal-slider .price-data p {
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    padding: 14px 0px;
    width: 252px;
    text-align: center;
  }
  .modal-slider .price-data p span:after {
    content: "\20BD";
    margin-left: 5px;
  }
  .modal-slider .price-data .reservation {
    width: 242px;
    height: 53px;
    margin-top: 40px;
  }
  .modal-content {
    position: relative;
    display: flex;
    width: 750px;
    flex-direction: column;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: .3rem;
    outline: 0;
  }
  #modal-1 .modal-dialog .modal-content {
    height: 800px;
  }
  #modal-1 .modal-dialog .modal-content .modal-overflow {
    overflow-y: scroll;
  }
  #modal-1 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .price-data {
    margin-top: 0;
    margin-left: 10px;
  }
  #modal-1 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .price-data .reservation {
    width: 230px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  #modal-2 .modal-dialog .modal-content {
    background: #d7d9e8;
    width: 750px;
  }
  #modal-2 .modal-dialog .modal-content .modal-overflow {
    overflow-y: scroll;
  }
  #modal-2 .modal-dialog .modal-content .close-button {
    width: 100%;
    text-align: right;
  }
  #modal-3 .modal-dialog .modal-content {
    background: #fff;
    width: 750px;
  }
  #modal-3 .modal-dialog .modal-content .modal-overflow {
    overflow-y: scroll;
    height: 850px;
    width: 730px;
    margin-left: 5px;
    overflow-x: hidden;
  }
  #modal-3 .modal-dialog .modal-content .modal-overflow .container-about-modal {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
  }
  #modal-3 .modal-dialog .modal-content .modal-overflow .container-about-modal .about-title {
    display: flex;
    width: 100%;
    flex-direction: column;
    order: 2;
  }
  #modal-3 .modal-dialog .modal-content .modal-overflow .slider-about {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
  }
  #modal-4 .modal-dialog .modal-content {
    height: 800px;
  }
  #modal-4 .modal-dialog .modal-content .modal-overflow {
    overflow-y: scroll;
  }
  #modal-4 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .price-data {
    margin-top: 0;
    margin-left: 10px;
  }
  #modal-4 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .price-data .reservation {
    width: 230px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  #modal-5 .modal-dialog .modal-content {
    width: 760px;
    height: 600px;
  }
  #modal-5 .modal-dialog .modal-content .modal-overflow {
    width: 100%;
  }
  #modal-5 .modal-dialog .modal-content .modal-overflow .modal-header {
    width: 100%;
  }
  #modal-5 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  #modal-5 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .fotorama {
    width: 100%;
  }
  #modal-5 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .price-data {
    margin-left: 32px;
  }
  #modal-5 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .price-data .text-p {
    font-size: 14px;
    text-align: left;
  }
  #modal-5 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .price-data .text-p span {
    font-size: 21px;
  }
  #modal-5 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .price-data button {
    width: 215px;
  }
  #modal-6 .modal-dialog .modal-content {
    height: 600px;
    background: #d7d9e8;
    width: 760px;
  }
  #modal-6 .modal-dialog .modal-content .modal-overflow {
    overflow-y: scroll;
  }
  #modal-6 .modal-dialog .modal-content .modal-overflow #date-off-modal {
    background: #fff;
  }
  #modal-6 .modal-dialog .modal-content .close-button {
    width: 100%;
    text-align: right;
  }
}
@media (min-width: 993px) and (max-width: 1200px) {
  .container {
    width: 980px;
  }
  h2 {
    font-size: 24px;
    line-height: 36px;
  }
    section#content-airboat {
      margin-top: 80px;
  }
  section#content-airboat .container {
      flex-direction: column;
  }
  section#content-airboat .container .text-block {
      width: 100%;
  }
  section#content-airboat .container .text-block p {
      font-size: 17px;
      line-height: 24px;
  }
  section#content-airboat .container .img-block {
      width: 100%;
  }
  section#content-airboat .container .img-block img {
      width: 47%;
  }
  header#header {
    display: none;
  }
  header#header-mobile {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    height: 64px;
  }
  header#header-mobile .container {
    width: 980px;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  header#header-mobile nav#top-nav-mobile nav {
    background-color: #1E1E23;
    height: 65px;
  }
  header#header-mobile nav#top-nav-mobile ul#menu {
    list-style-type: none;
    background: #fff;
    height: 551px;
  }
  header#header-mobile nav#top-nav-mobile ul#menu .first {
    position: absolute;
    left: 0;
    right: 0;
    top: 6%;
    text-align: center;
    z-index: 4;
    color: #101922;
    font-family: "gothampro";
    font-weight: bold;
    font-size: 24px;
    line-height: 24px;
    height: 64px;
    border-bottom: 1px solid #101922;
  }
  header#header-mobile nav#top-nav-mobile ul#menu .contact-phone {
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid #101922;
  }
  header#header-mobile nav#top-nav-mobile ul#menu .contact-email {
    padding-top: 0;
  }
  header#header-mobile nav#top-nav-mobile ul#menu .button-li {
    margin-top: 5px;
  }
  header#header-mobile nav#top-nav-mobile ul#menu .button-li .reservation {
    width: 290px;
    height: 53px;
  }
  header#header-mobile nav#top-nav-mobile ul#menu li {
    margin-left: -30px;
    padding-left: 30px;
  }
  header#header-mobile nav#top-nav-mobile ul#menu li a {
    font-family: "gothampro";
    font-size: 16px;
    line-height: 24px;
    color: #101922;
  }
  header#header-mobile nav#top-nav-mobile #menuToggle {
    display: flex;
    flex-direction: column;
    position: relative;
    top: 3px;
    left: 35px;
    z-index: 5;
    -webkit-user-select: none;
    user-select: none;
  }
  header#header-mobile nav#top-nav-mobile #menuToggle input {
    display: flex;
    width: 40px;
    height: 32px;
    position: absolute;
    cursor: pointer;
    opacity: 0;
    z-index: 5;
  }
  header#header-mobile nav#top-nav-mobile #menuToggle span {
    display: flex;
    width: 29px;
    height: 2px;
    margin-bottom: 5px;
    position: relative;
    background: #101922;
    border-radius: 3px;
    z-index: 5;
    transform-origin: 5px 0px;
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
  }
  header#header-mobile nav#top-nav-mobile #menuToggle span:first-child {
    transform-origin: 0% 0%;
  }
  header#header-mobile nav#top-nav-mobile #menuToggle span:nth-last-child(2) {
    transform-origin: 0% 100%;
  }
  header#header-mobile nav#top-nav-mobile #menuToggle input:checked ~ span {
    opacity: 1;
    transform: rotate(45deg) translate(-3px, -1px);
    background: #36383F;
    right: 26px;
  }
  header#header-mobile nav#top-nav-mobile #menuToggle input:checked ~ span:nth-last-child(3) {
    opacity: 0;
    transform: rotate(0deg) scale(0.2, 0.2);
  }
  header#header-mobile nav#top-nav-mobile #menuToggle input:checked ~ span:nth-last-child(2) {
    transform: rotate(-45deg) translate(0, -1px);
    right: 25px;
  }
  header#header-mobile nav#top-nav-mobile #menu {
    position: absolute;
    width: 360px;
    height: 581px;
    box-shadow: 0 0 10px #85888C;
    margin: -50px 0 0 -80px;
    padding: 50px;
    padding-right: 0;
    padding-top: 105px;
    background-color: #F5F6FA;
    -webkit-font-smoothing: antialiased;
    transform-origin: 0% 0%;
    transform: translate(-100%, 0);
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
  }
  header#header-mobile nav#top-nav-mobile #menu li {
    padding: 5px 0;
    transition-delay: .2s;
  }
  header#header-mobile nav#top-nav-mobile #menuToggle input:checked ~ ul {
    transform: none;
  }
  section#main {
    align-items: center;
    justify-content: center;
  }
  section#main .container-main {
    width: 980px;
    margin-right: 0;
    align-items: center;
    justify-content: center;
  }
  section#main .container-main .headers-text {
    margin-top: 50px;
  }
  section#main .container-main .headers-text .photo-container-mobile {
    display: flex;
    margin-top: 30px;
  }
  section#main .container-main .headers-text h1 {
    font-size: 36px;
    line-height: 50px;
  }
  section#main .container-main .customer-reviews {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
  section#main .container-main .customer-reviews .reviews-p {
    margin-top: 10px;
  }
  section#main .container-main .reservation {
    width: 290px;
    margin-top: 33px;
  }
  section#main .photo-container {
    display: none;
  }
  section#guest-house {
    margin-top: 55px;
  }
  section#guest-house .container .header-section .text-block {
    width: 100%;
  }
  section#guest-house .container .header-section .text-block .description br {
    display: none;
  }
  section#guest-house .container .header-section .discount {
    margin-left: 0;
    margin-top: 20px;
  }
  section#guest-house .container .header-section .discount .discount-title {
    margin-left: 0;
  }
  section#guest-house .slider .slide-one .cart .top-block {
    flex-direction: column;
  }
  section#guest-house .slider .slide-one .cart .top-block .price-block .price-data {
    display: none;
  }
  section#guest-house .slider .slide-one .cart .middle-block .price-data-mobile {
    display: block;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 25px;
  }
  section#guest-house .slider .slide-one .cart .bottom-block {
    margin-left: 0;
    margin-top: 0;
    text-align: center;
    margin-bottom: 25px;
  }
  section#guest-house .slider .slide-one .cart .bottom-block button {
    width: 250px;
  }
  section#guest-house .slider .slide-one .cart .bottom-block .more {
    margin-left: 0;
    margin-top: 15px;
  }
  section#guest-house .slider .slide-one .owl-dots {
    bottom: 8%;
  }
  section#guest-house .slider .slide-one .owl-nav {
    margin-top: 55px;
  }
  section#bath {
    margin-top: 55px;
  }
  section#bath .container {
    width: 980px;
  }
  section#bath .container .bath-title h2 {
    font-size: 25px;
  }
  section#bath .container .bath-data {
    margin-top: 0;
  }
  section#bath .container .bath-data .slider {
    margin-top: 30px;
  }
  section#bath .container .bath-data .slider .cart {
    width: 100%;
    padding: 0;
  }
  section#bath .container .bath-data .slider .cart .top-block {
    flex-direction: column;
  }
  section#bath .container .bath-data .slider .cart .top-block .price-block {
    width: 100%;
    margin-top: 22px;
  }
  section#bath .container .bath-data .slider .cart .top-block .price-block .price-data {
    margin-left: 0;
    margin-top: 15px;
  }
  section#bath .container .bath-data .slider .cart .top-block .price-block .price-data .text-p span {
    font-size: 21px;
  }
  section#bath .container .bath-data .slider .cart .middle-block {
    margin-left: 0;
  }
  section#bath .container .bath-data .slider .cart .middle-block .text-p {
    padding-right: 0;
  }
  section#bath .container .bath-data .slider .cart .bottom-block {
    margin-left: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    justify-content: center;
  }
  section#bath .container .bath-data .slider .cart .bottom-block button {
    width: 240px;
  }
  section#bath .container .bath-data .slider .cart .bottom-block .more {
    margin-left: 0;
    margin-top: 10px;
  }
  section#kitchen {
    margin-top: 55px;
  }
  section#kitchen .container .kitchen-title {
    margin-bottom: 20px;
  }
  section#kitchen .container .kitchen-title h2 {
    font-size: 24px;
    line-height: 36px;
  }
  section#kitchen .container .kitchen-img {
    margin-top: 10px;
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }
  section#kitchen .container .kitchen-img .items {
    width: 40%;
    margin: 0px 15px 15px 0px;
  }
  section#kitchen .container .kitchen-img .items .name-photo {
    display: none;
  }
  section#entertainment {
    margin-top: 55px;
  }
  section#entertainment .container .enter-title h2 {
    font-size: 24px;
    line-height: 36px;
  }
  section#entertainment .container .types-enter {
    flex-direction: row;
  }
  section#entertainment .container .types-enter .item {
    width: 100%;
    margin-bottom: 20px;
  }
  section#entertainment .container .types-enter .item .headtext {
    margin-top: 5px;
  }
  section#entertainment .container .types-enter .item .headtext span:before {
    width: 245px;
    bottom: 80%;
    right: -42px;
  }
  section#video-blog {
    margin-top: 55px;
  }
  section#video-blog .container h2 {
    font-size: 24px;
    line-height: 36px;
  }
  section#video-blog .container .slider-video {
    margin-top: 20px;
  }
  section#video-blog .container .slider-video .slide-two .block-video {
    width: 400px;
    height: 711px;
  }
  section#video-blog .container .slider-video .slide-two .owl-dots {
    bottom: 10%;
  }
  section#video-blog .container .slider-video .slide-two .owl-nav {
    margin-top: 66px;
  }
  section#house-reservation {
    margin-top: 55px;
  }
  section#house-reservation .container {
    padding-left: 7px;
    padding-right: 7px;
    width: 790px;
    align-items: center;
    justify-content: center;
  }
  section#house-reservation .container .reservation-title {
    margin-top: 55px;
  }
  section#house-reservation .container .reservation-title h2 {
    font-size: 24px;
    line-height: 36px;
  }
  section#house-reservation .container .reservation-form {
    margin-top: 24px;
    align-items: center;
  }
  section#house-reservation .container .reservation-form .client-data {
    flex-wrap: wrap;
  }
  section#house-reservation .container .reservation-form .client-data input {
    width: 290px;
    margin-bottom: 10px;
    margin-right: 10px;
  }
  section#house-reservation .container .reservation-form .house-data {
    flex-wrap: wrap;
    margin-top: 0;
    justify-content: center;
  }
  section#house-reservation .container .reservation-form .house-data .house-select {
    margin-right: 38px;
  }
  section#house-reservation .container .reservation-form .house-data .human-select {
    margin-right: 138px;
  }
  section#house-reservation .container .reservation-form .house-data .transfer-select {
    margin-right: 38px;
  }
  section#house-reservation .container .reservation-form .house-data .house-new-select,
  section#house-reservation .container .reservation-form .house-data .human-new-select,
  section#house-reservation .container .reservation-form .house-data .transfer-new-select {
    width: 290px;
    margin-bottom: 15px;
  }
  section#house-reservation .container .reservation-form .house-data .date-input-container {
    margin-bottom: 15px;
  }
  section#house-reservation .container .reservation-form .house-data .date-input-container input {
    width: 139px;
    margin-right: 12px;
  }
  section#house-reservation .container .reservation-form .total {
    margin-top: 20px;
    margin-bottom: 66px;
    align-items: flex-end;
    justify-content: center;
  }
  section#house-reservation .container .reservation-form .total .total-title {
    margin-right: 19px;
  }
  section#house-reservation .container .reservation-form .total .discount-total {
    margin-left: 25px;
  }
  section#house-reservation .container .reservation-form .total .reservation {
    margin-top: 10px;
    width: 290px;
    margin-right: 9px;
  }
  section#reviews-bottom {
    margin-top: 55px;
  }
  section#reviews-bottom .container h2 {
    font-size: 24px;
    line-height: 36px;
  }
  section#reviews-bottom .container .description {
    margin-top: 11px;
  }
  section#reviews-bottom .slider-reviews {
    margin-top: 26px;
    width: 300px;
  }
  section#reviews-bottom .slider-reviews .slide-three .reviews-cart .reviews-top {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
  section#reviews-bottom .slider-reviews .slide-three .reviews-cart .reviews-top .photo-guest {
    display: none;
  }
  section#reviews-bottom .slider-reviews .slide-three .reviews-cart .reviews-top .data-reviews {
    text-align: left;
    margin-left: 17px;
  }
  section#reviews-bottom .slider-reviews .slide-three .reviews-cart .reviews-top .name-guest {
    margin-bottom: 15px;
  }
  section#reviews-bottom .slider-reviews .slide-three .reviews-cart .reviews-top .name-guest .guest {
    margin-bottom: 5px;
  }
  section#reviews-bottom .slider-reviews .slide-three .reviews-cart .reviews-bottom .text-p {
    margin-left: 17px;
    margin-right: 17px;
  }
  section#reviews-bottom .slider-reviews .slide-three .owl-dots {
    bottom: 16%;
  }
  section#map .map-block {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 980px;
    margin-left: 30px;
  }
  section#map .map-block .title-map {
    order: 0;
    margin-left: 15px;
    margin-right: 15px;
    width: 100%;
    align-items: center;
  }
  section#map .map-block .title-map h2 {
    font-size: 24px;
    line-height: 36px;
  }
  section#map .map-block .yandex-map {
    order: 1;
    width: 100%;
  }
    section#main-boat {
      -ms-background-position-x: 75%;
      background-position-x: 75%;
  }
  section#main-boat .container .header-text h1 {
    font-size: 45px;
    line-height: 40px;
  }
  section#main-boat .container .header-text p {
      font-size: 30px;
      margin-top: 20px;
  }
  section#on-water .container {
      flex-direction: column;
      margin-top: 50px;
  }
  section#on-water .container .text-block {
      width: 100%;
      margin-bottom: 20px;
  }
  section#on-water .container .text-block .main-p {
      font-size: 23px;
  }
  section#on-water .container .img-block {
    width: 100%;
  }
  section#on-water .container .text-block .main-p {
      font-size: 30px;
  }
  section#adventures .container .main-adventures {
      font-size: 30px;
  }
  section#adventures .container .items-adv .card-adv .bott-adv {
      height: 290px;
      position: relative;
  }
  section#adventures .container .items-adv .card-adv .bott-adv a {
      position: absolute;
      width: 210px;
      bottom: 20px;
  }
  section#adventures .container .items-adv {
      flex-direction: row;
      align-items: center;
  }
  section#adventures .container .items-adv .card-adv {
      width: 30%;
      margin-bottom: 20px;
  }
  section#adventures .bottom-info p {
      font-size: 13px;
  }
  section#gallery .container .items-gallery {
      flex-direction: column;
      align-items: center;
  }
  section#gallery .container .items-gallery .item {
      width: 40%;
  }
  section#gallery .container .items-gallery .left h2 {
      font-size: 40px;
      margin-top: 20px;
      margin-bottom: 30px;
  }
  section#about {
      margin-top: 80px;
  }
  section#about .container {
      flex-direction: column;
  }
  section#about .container .left-block {
      width: 100%;
  }
  section#about .container .left-block h2 {
      font-size: 30px;
      margin-bottom: 20px;
  }
  section#about .container .left-block p {
      margin-bottom: 20px;
  }
  section#about .container .left-block a {
      width: 240px;
      margin-bottom: 40px;
  }
  section#about .container .center-block {
      width: 100%;
  }
  section#more-airboat {
      margin-top: 100px;
  }
  section#more-airboat .container {
      flex-direction: column;
  }
  section#more-airboat .container .left-block {
      width: 100%;
  }
  section#more-airboat .container .left-block h4 {
      font-size: 18px;
  }
  section#more-airboat .container .left-block p {
      font-size: 14px;
  }
  section#more-airboat .container .right-block {
      width: 100%;
      margin-top: 30px;
  }
  section#more-airboat .container .right-block h3 {
      font-size: 27px;
  }
  section#more-airboat .container .right-block p {
      font-size: 16px;
  }
  section#pre-footer {
      -ms-background-position-x: 70%;
      background-position-x: 70%;
  }
  section#pre-footer .container {
      flex-direction: row;
      justify-content: flex-end;
      align-items: flex-end;
  }
  section#pre-footer .container .logo {
      width: 67%;
  }
  section#pre-footer .container .contacts {
      width: 100%;
  }
  section#pre-footer .container .contacts .main-pre {
      font-size: 30px;
      margin-top: 20px;
  }
  footer {
    margin-top: 0;
  }
  footer .container {
    display: none;
  }
  footer .container-mobile {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 980px;
    margin-left: 20px;
  }
  footer .container-mobile .footer-logo {
    margin-top: 62px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  footer .container-mobile .data-footer {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 25px;
    margin-bottom: 112px;
  }
  footer .container-mobile .data-footer .social {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
    width: 44%;
    margin-bottom: 30px;
  }
  footer .container-mobile .data-footer .contact-link-footer,
  footer .container-mobile .data-footer .policy {
    font-family: "gothampro";
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-right: 0px;
    color: #fff;
  }
  footer .container-mobile .data-footer hr {
    width: 100%;
    height: 1px;
    background: #fff;
    margin-bottom: 24px;
  }
  footer .container-mobile .data-footer .policy {
    text-decoration: underline;
    margin-top: 14px;
  }
  .modal-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 5px;
    border-bottom: 1px solid #eceeef;
    overflow: hidden;
  }
  .modal-title {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1.5;
    font-size: 1.25rem;
    font-weight: 500;
  }
  .modal-body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    width: 98%;
    margin-left: 10px;
    margin-bottom: 40px;
    overflow-y: scroll;
    height: auto;
  }
  .modal-body .modal-home-title {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    margin-top: 10px;
    margin-bottom: 9px;
  }
  .modal-body .modal-home-title .home-title {
    font-family: "pachomiusw00_regular";
    font-size: 20px;
    line-height: 25px;
    color: #101922;
  }
  .modal-body .modal-home-title .seats {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
  }
  .modal-body .modal-home-title .seats img {
    width: 33%;
    margin-left: 23px;
  }
  .modal-body .modal-home-title .seats p {
    font-size: 16px;
    font-family: "gothampro";
    line-height: 24px;
    color: #101922;
    margin-left: 8px;
  }
  .modal-body .container-form-modal {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
  }
  .modal-body .container-form-modal .reservation-title {
    width: 80%;
  }
  .modal-body .container-form-modal .reservation-title h2 {
    font-size: 24px;
    line-height: 50px;
    margin-bottom: 10px;
  }
  .modal-body .container-form-modal .reservation-title .description {
    font-size: 16px;
  }
  .modal-body .container-form-modal .reservation-title .description br {
    display: none;
  }
  .modal-body .container-form-modal .reservation-form {
    margin-top: 60px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }
  .modal-body .container-form-modal .reservation-form .client-data {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
  }
  .modal-body .container-form-modal .reservation-form .client-data input {
    width: 310px;
    height: 65px;
    border: none;
    padding-left: 20px;
    margin-right: 11px;
    font-family: "gothampro";
    font-size: 18px;
    color: #101922;
    margin-bottom: 10px;
  }
  .modal-body .container-form-modal .reservation-form .client-data ::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #d2d2d2;
  }
  .modal-body .container-form-modal .reservation-form .client-data :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #d2d2d2;
    opacity: 1;
  }
  .modal-body .container-form-modal .reservation-form .client-data ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #d2d2d2;
    opacity: 1;
  }
  .modal-body .container-form-modal .reservation-form .client-data :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #d2d2d2;
  }
  .modal-body .container-form-modal .reservation-form .client-data ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #d2d2d2;
  }
  .modal-body .container-form-modal .reservation-form .client-data ::placeholder {
    /* Most modern browsers support this now. */
    color: #d2d2d2;
  }
  .modal-body .container-form-modal .reservation-form .house-data {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 30px;
  }
  .modal-body .container-form-modal .reservation-form .house-data .house-select,
  .modal-body .container-form-modal .reservation-form .house-data .transfer-select {
    display: block;
    max-width: 310px;
    width: 100%;
    position: relative;
    margin-right: 11px;
    margin-bottom: 10px;
  }
  .modal-body .container-form-modal .reservation-form .house-data .house-new-select,
  .modal-body .container-form-modal .reservation-form .house-data .transfer-new-select {
    position: relative;
    background: #fff;
    padding: 10px 15px;
    cursor: pointer;
    user-select: none;
    width: 310px;
    height: 65px;
    font-family: "gothampro";
    font-size: 18px;
    line-height: 30px;
    color: #101922;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }
  .modal-body .container-form-modal .reservation-form .house-data .human-select {
    display: block;
    max-width: 310px;
    width: 100%;
    position: relative;
    margin-right: 10px;
    margin-bottom: 10px;
  }
  .modal-body .container-form-modal .reservation-form .house-data .human-new-select {
    position: relative;
    background: #fff;
    padding: 10px 15px;
    cursor: pointer;
    user-select: none;
    width: 310px;
    height: 65px;
    font-family: "gothampro";
    font-size: 18px;
    line-height: 30px;
    color: #101922;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }
  .modal-body .container-form-modal .reservation-form .house-data .house-new-select__list,
  .modal-body .container-form-modal .reservation-form .house-data .human-new-select__list,
  .modal-body .container-form-modal .reservation-form .house-data .transfer-new-select__list {
    position: absolute;
    top: 55px;
    left: 0;
    cursor: pointer;
    width: 100%;
    z-index: 2;
    background: #fff;
    user-select: none;
    font-family: "gothampro";
    font-size: 16px;
    line-height: 24px;
  }
  .modal-body .container-form-modal .reservation-form .house-data .house-new-select__list.on,
  .modal-body .container-form-modal .reservation-form .house-data .human-new-select__list.on,
  .modal-body .container-form-modal .reservation-form .house-data .transfer-new-select__list.on {
    display: block;
  }
  .modal-body .container-form-modal .reservation-form .house-data .house-new-select__item span,
  .modal-body .container-form-modal .reservation-form .house-data .human-new-select__item span,
  .modal-body .container-form-modal .reservation-form .house-data .transfer-new-select__item span {
    display: block;
    padding: 10px 15px;
  }
  .modal-body .container-form-modal .reservation-form .house-data .house-new-select__item span:hover,
  .modal-body .container-form-modal .reservation-form .house-data .human-new-select__item span:hover,
  .modal-body .container-form-modal .reservation-form .house-data .transfer-new-select__item span:hover {
    color: #3bcf76;
  }
  .modal-body .container-form-modal .reservation-form .house-data .house-new-select:after,
  .modal-body .container-form-modal .reservation-form .house-data .human-new-select:after,
  .modal-body .container-form-modal .reservation-form .house-data .transfer-new-select:after {
    content: '';
    display: block;
    width: 11px;
    height: 11px;
    position: absolute;
    right: 25px;
    top: 42%;
    background: url('../img/icons/select-arrow.png') no-repeat right center / cover;
    opacity: 1;
    -webkit-transition: all 0.27s ease-in-out;
    -o-transition: all 0.27s ease-in-out;
    transition: all 0.27s ease-in-out;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  .modal-body .container-form-modal .reservation-form .house-data .house-new-select.on:after,
  .modal-body .container-form-modal .reservation-form .house-data .human-new-select.on:after,
  .modal-body .container-form-modal .reservation-form .house-data .transfer-new-select.on:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .modal-body .container-form-modal .reservation-form .house-data .date-input {
    width: 150px;
    height: 65px;
    margin-right: 10px;
    margin-bottom: 10px;
    border: none;
    background: url("../img/icons/calendar.png"), #ffffff;
    background-repeat: no-repeat;
    background-position: 20px center;
    padding-left: 30px;
    font-family: "gothampro";
    font-size: 18px;
    color: #101922;
    line-height: 30px;
  }
  .modal-body .container-form-modal .reservation-form .house-data .date-input:focus {
    background: #fff;
  }
  .modal-body .container-form-modal .reservation-form .house-data ::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #d2d2d2;
    padding-left: 20px;
  }
  .modal-body .container-form-modal .reservation-form .total {
    margin-top: 30px;
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
  }
  .modal-body .container-form-modal .reservation-form .total .total-title {
    margin-right: 9px;
    font-family: "gothampro";
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
    color: #101922;
  }
  .modal-body .container-form-modal .reservation-form .total .reservation {
    width: 310px;
    margin-right: 15px;
    margin-top: 10px;
    height: 65px;
  }
  .modal-body .container-form-modal .reservation-form .total .discount-total {
    margin-right: 75px;
    width: 59px;
    height: 34px;
    background: #3bcf76;
    border-radius: 9px;
    box-shadow: 0px 0px 13px rgba(17, 92, 47, 0.2);
    text-align: center;
    padding-top: 2px;
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    font-family: "gothampro";
  }
  .modal-body .container-form-modal .reservation-form .total .price-total {
    margin-right: 25px;
  }
  .modal-body .container-form-modal .reservation-form .total .price-total .no-disc {
    font-family: "gothampro";
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-decoration: line-through;
    color: #101922;
  }
  .modal-body .container-form-modal .reservation-form .total .price-total .no-disc:after {
    content: "\20BD";
    margin-left: 5px;
  }
  .modal-body .container-form-modal .reservation-form .total .price-total .disc {
    font-family: "gothampro";
    font-size: 20px;
    line-height: 24px;
    color: #101922;
    font-weight: bold;
  }
  .modal-body .container-form-modal .reservation-form .total .price-total .disc:after {
    content: "\20BD";
    margin-left: 5px;
  }
  .modal-slider {
    overflow: hidden;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
  }
  .modal-slider .price-data {
    margin-left: 18px;
    margin-top: 44px;
  }
  .modal-slider .price-data p {
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    padding: 14px 0px;
    width: 252px;
    text-align: center;
  }
  .modal-slider .price-data p span:after {
    content: "\20BD";
    margin-left: 5px;
  }
  .modal-slider .price-data .reservation {
    width: 242px;
    height: 53px;
    margin-top: 40px;
  }
  .modal-content {
    position: relative;
    display: flex;
    width: 980px;
    flex-direction: column;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: .3rem;
    outline: 0;
  }
  #modal-1 .modal-dialog .modal-content {
    height: 600px;
  }
  #modal-1 .modal-dialog .modal-content .modal-overflow {
    overflow-y: scroll;
  }
  #modal-1 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .price-data {
    display: none;
    margin-top: 0;
    margin-left: 10px;
  }
  #modal-1 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .price-data .reservation {
    width: 230px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  #modal-2 .modal-dialog .modal-content {
    background: #d7d9e8;
    width: 980px;
  }
  #modal-2 .modal-dialog .modal-content .modal-overflow {
    overflow-y: scroll;
  }
  #modal-2 .modal-dialog .modal-content .close-button {
    width: 100%;
    text-align: right;
  }
  #modal-3 .modal-dialog .modal-content {
    background: #fff;
    width: 950px;
  }
  #modal-3 .modal-dialog .modal-content .modal-overflow {
    overflow-y: scroll;
    height: 600px;
    width: 930px;
    margin-left: 5px;
    overflow-x: hidden;
  }
  #modal-3 .modal-dialog .modal-content .modal-overflow .container-about-modal {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
  }
  #modal-3 .modal-dialog .modal-content .modal-overflow .container-about-modal .about-title {
    display: flex;
    width: 50%;
    flex-direction: column;
  }
  #modal-3 .modal-dialog .modal-content .modal-overflow .slider-about {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 50%;
  }
  #modal-4 .modal-dialog .modal-content {
    height: 600px;
  }
  #modal-4 .modal-dialog .modal-content .modal-overflow {
    overflow-y: scroll;
  }
  #modal-4 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .price-data {
    display: none;
    margin-top: 0;
    margin-left: 10px;
  }
  #modal-4 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .price-data .reservation {
    width: 230px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  #modal-5 .modal-dialog .modal-content {
    width: 980px;
    height: 600px;
  }
  #modal-5 .modal-dialog .modal-content .modal-overflow {
    width: 100%;
  }
  #modal-5 .modal-dialog .modal-content .modal-overflow .modal-header {
    width: 100%;
  }
  #modal-5 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  #modal-5 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .fotorama {
    width: 100%;
  }
  #modal-5 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .price-data {
    margin-left: 32px;
  }
  #modal-5 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .price-data .text-p {
    font-size: 14px;
    text-align: left;
  }
  #modal-5 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .price-data .text-p span {
    font-size: 21px;
  }
  #modal-5 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .price-data button {
    width: 215px;
  }
  #modal-6 .modal-dialog .modal-content {
    height: 600px;
    background: #d7d9e8;
    width: 980px;
  }
  #modal-6 .modal-dialog .modal-content .modal-overflow {
    overflow-y: scroll;
  }
  #modal-6 .modal-dialog .modal-content .modal-overflow #date-off-modal {
    background: #fff;
  }
  #modal-6 .modal-dialog .modal-content .close-button {
    width: 100%;
    text-align: right;
  }
}
@media (min-width: 1201px) and (max-width: 1480px) {
  .modal-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 5px;
    border-bottom: 1px solid #eceeef;
    overflow: hidden;
  }
  .modal-title {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1.5;
    font-size: 1.25rem;
    font-weight: 500;
  }
  .modal-body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    width: 98%;
    margin-left: 10px;
    margin-bottom: 40px;
    overflow-y: scroll;
    height: auto;
  }
  .modal-body .modal-home-title {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    margin-top: 10px;
    margin-bottom: 9px;
  }
  .modal-body .modal-home-title .home-title {
    font-family: "pachomiusw00_regular";
    font-size: 20px;
    line-height: 25px;
    color: #101922;
  }
  .modal-body .modal-home-title .seats {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
  }
  .modal-body .modal-home-title .seats img {
    width: 33%;
    margin-left: 23px;
  }
  .modal-body .modal-home-title .seats p {
    font-size: 16px;
    font-family: "gothampro";
    line-height: 24px;
    color: #101922;
    margin-left: 8px;
  }
  .modal-body .container-form-modal {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
  }
  .modal-body .container-form-modal .reservation-title {
    width: 80%;
  }
  .modal-body .container-form-modal .reservation-title h2 {
    font-size: 24px;
    line-height: 50px;
    margin-bottom: 10px;
  }
  .modal-body .container-form-modal .reservation-title .description {
    font-size: 16px;
  }
  .modal-body .container-form-modal .reservation-title .description br {
    display: none;
  }
  .modal-body .container-form-modal .reservation-form {
    margin-top: 60px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }
  .modal-body .container-form-modal .reservation-form .client-data {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
  }
  .modal-body .container-form-modal .reservation-form .client-data input {
    width: 310px;
    height: 65px;
    border: none;
    padding-left: 20px;
    margin-right: 11px;
    font-family: "gothampro";
    font-size: 18px;
    color: #101922;
    margin-bottom: 10px;
  }
  .modal-body .container-form-modal .reservation-form .client-data ::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #d2d2d2;
  }
  .modal-body .container-form-modal .reservation-form .client-data :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #d2d2d2;
    opacity: 1;
  }
  .modal-body .container-form-modal .reservation-form .client-data ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #d2d2d2;
    opacity: 1;
  }
  .modal-body .container-form-modal .reservation-form .client-data :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #d2d2d2;
  }
  .modal-body .container-form-modal .reservation-form .client-data ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #d2d2d2;
  }
  .modal-body .container-form-modal .reservation-form .client-data ::placeholder {
    /* Most modern browsers support this now. */
    color: #d2d2d2;
  }
  .modal-body .container-form-modal .reservation-form .house-data {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 30px;
  }
  .modal-body .container-form-modal .reservation-form .house-data .house-select,
  .modal-body .container-form-modal .reservation-form .house-data .transfer-select {
    display: block;
    max-width: 310px;
    width: 100%;
    position: relative;
    margin-right: 11px;
    margin-bottom: 10px;
  }
  .modal-body .container-form-modal .reservation-form .house-data .house-new-select,
  .modal-body .container-form-modal .reservation-form .house-data .transfer-new-select {
    position: relative;
    background: #fff;
    padding: 10px 15px;
    cursor: pointer;
    user-select: none;
    width: 310px;
    height: 65px;
    font-family: "gothampro";
    font-size: 18px;
    line-height: 30px;
    color: #101922;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }
  .modal-body .container-form-modal .reservation-form .house-data .human-select {
    display: block;
    max-width: 310px;
    width: 100%;
    position: relative;
    margin-right: 10px;
    margin-bottom: 10px;
  }
  .modal-body .container-form-modal .reservation-form .house-data .human-new-select {
    position: relative;
    background: #fff;
    padding: 10px 15px;
    cursor: pointer;
    user-select: none;
    width: 310px;
    height: 65px;
    font-family: "gothampro";
    font-size: 18px;
    line-height: 30px;
    color: #101922;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }
  .modal-body .container-form-modal .reservation-form .house-data .house-new-select__list,
  .modal-body .container-form-modal .reservation-form .house-data .human-new-select__list,
  .modal-body .container-form-modal .reservation-form .house-data .transfer-new-select__list {
    position: absolute;
    top: 55px;
    left: 0;
    cursor: pointer;
    width: 100%;
    z-index: 2;
    background: #fff;
    user-select: none;
    font-family: "gothampro";
    font-size: 16px;
    line-height: 24px;
  }
  .modal-body .container-form-modal .reservation-form .house-data .house-new-select__list.on,
  .modal-body .container-form-modal .reservation-form .house-data .human-new-select__list.on,
  .modal-body .container-form-modal .reservation-form .house-data .transfer-new-select__list.on {
    display: block;
  }
  .modal-body .container-form-modal .reservation-form .house-data .house-new-select__item span,
  .modal-body .container-form-modal .reservation-form .house-data .human-new-select__item span,
  .modal-body .container-form-modal .reservation-form .house-data .transfer-new-select__item span {
    display: block;
    padding: 10px 15px;
  }
  .modal-body .container-form-modal .reservation-form .house-data .house-new-select__item span:hover,
  .modal-body .container-form-modal .reservation-form .house-data .human-new-select__item span:hover,
  .modal-body .container-form-modal .reservation-form .house-data .transfer-new-select__item span:hover {
    color: #3bcf76;
  }
  .modal-body .container-form-modal .reservation-form .house-data .house-new-select:after,
  .modal-body .container-form-modal .reservation-form .house-data .human-new-select:after,
  .modal-body .container-form-modal .reservation-form .house-data .transfer-new-select:after {
    content: '';
    display: block;
    width: 11px;
    height: 11px;
    position: absolute;
    right: 25px;
    top: 42%;
    background: url('../img/icons/select-arrow.png') no-repeat right center / cover;
    opacity: 1;
    -webkit-transition: all 0.27s ease-in-out;
    -o-transition: all 0.27s ease-in-out;
    transition: all 0.27s ease-in-out;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  .modal-body .container-form-modal .reservation-form .house-data .house-new-select.on:after,
  .modal-body .container-form-modal .reservation-form .house-data .human-new-select.on:after,
  .modal-body .container-form-modal .reservation-form .house-data .transfer-new-select.on:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .modal-body .container-form-modal .reservation-form .house-data .date-input {
    width: 150px;
    height: 65px;
    margin-right: 10px;
    margin-bottom: 10px;
    border: none;
    background: url("../img/icons/calendar.png"), #ffffff;
    background-repeat: no-repeat;
    background-position: 20px center;
    padding-left: 30px;
    font-family: "gothampro";
    font-size: 18px;
    color: #101922;
    line-height: 30px;
  }
  .modal-body .container-form-modal .reservation-form .house-data .date-input:focus {
    background: #fff;
  }
  .modal-body .container-form-modal .reservation-form .house-data ::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #d2d2d2;
    padding-left: 20px;
  }
  .modal-body .container-form-modal .reservation-form .total {
    margin-top: 30px;
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
  }
  .modal-body .container-form-modal .reservation-form .total .total-title {
    margin-right: 9px;
    font-family: "gothampro";
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
    color: #101922;
  }
  .modal-body .container-form-modal .reservation-form .total .reservation {
    width: 310px;
    margin-right: 15px;
    margin-top: 10px;
    height: 65px;
  }
  .modal-body .container-form-modal .reservation-form .total .discount-total {
    margin-right: 75px;
    width: 59px;
    height: 34px;
    background: #3bcf76;
    border-radius: 9px;
    box-shadow: 0px 0px 13px rgba(17, 92, 47, 0.2);
    text-align: center;
    padding-top: 2px;
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    font-family: "gothampro";
  }
  .modal-body .container-form-modal .reservation-form .total .price-total {
    margin-right: 25px;
  }
  .modal-body .container-form-modal .reservation-form .total .price-total .no-disc {
    font-family: "gothampro";
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-decoration: line-through;
    color: #101922;
  }
  .modal-body .container-form-modal .reservation-form .total .price-total .no-disc:after {
    content: "\20BD";
    margin-left: 5px;
  }
  .modal-body .container-form-modal .reservation-form .total .price-total .disc {
    font-family: "gothampro";
    font-size: 20px;
    line-height: 24px;
    color: #101922;
    font-weight: bold;
  }
  .modal-body .container-form-modal .reservation-form .total .price-total .disc:after {
    content: "\20BD";
    margin-left: 5px;
  }
  .modal-slider {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
  }
  .modal-slider .price-data {
    margin-left: 18px;
    margin-top: 44px;
  }
  .modal-slider .price-data p {
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    padding: 14px 0px;
    width: 252px;
    text-align: center;
  }
  .modal-slider .price-data p span:after {
    content: "\20BD";
    margin-left: 5px;
  }
  .modal-slider .price-data .reservation {
    width: 242px;
    height: 53px;
    margin-top: 40px;
  }
  .modal-content {
    position: relative;
    display: flex;
    width: 980px;
    flex-direction: column;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: .3rem;
    outline: 0;
  }
  #modal-1 .modal-dialog .modal-content {
    height: 600px;
  }
  #modal-1 .modal-dialog .modal-content .modal-overflow {
    overflow-y: scroll;
  }
  #modal-1 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .price-data {
    display: none;
    margin-top: 0;
    margin-left: 10px;
  }
  #modal-1 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .price-data .reservation {
    width: 230px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  #modal-2 .modal-dialog .modal-content {
    background: #d7d9e8;
    width: 980px;
  }
  #modal-2 .modal-dialog .modal-content .modal-overflow {
    overflow-y: scroll;
  }
  #modal-2 .modal-dialog .modal-content .close-button {
    width: 100%;
    text-align: right;
  }
  #modal-3 .modal-dialog .modal-content {
    background: #fff;
    width: 950px;
  }
  #modal-3 .modal-dialog .modal-content .modal-overflow {
    overflow-y: scroll;
    height: 600px;
    width: 930px;
    margin-left: 5px;
    overflow-x: hidden;
  }
  #modal-3 .modal-dialog .modal-content .modal-overflow .container-about-modal {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
  }
  #modal-3 .modal-dialog .modal-content .modal-overflow .container-about-modal .about-title {
    display: flex;
    width: 50%;
    flex-direction: column;
  }
  #modal-3 .modal-dialog .modal-content .modal-overflow .slider-about {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 50%;
  }
  #modal-4 .modal-dialog .modal-content {
    height: 600px;
  }
  #modal-4 .modal-dialog .modal-content .modal-overflow {
    overflow-y: scroll;
  }
  #modal-4 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .price-data {
    display: none;
    margin-top: 0;
    margin-left: 10px;
  }
  #modal-4 .modal-dialog .modal-content .modal-overflow .modal-header .modal-slider .price-data .reservation {
    width: 230px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
}