/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

html{
  line-height:1.15;
  -webkit-text-size-adjust:100%;
}

body{
  margin:0;
}

main{
  display:block;
}

h1{
  font-size:2em;
  margin:0.67em 0;
}

hr{
  box-sizing:content-box;
  height:0;
  overflow:visible;
}

pre{
  font-family:monospace, monospace;
  font-size:1em;
}

a{
  background-color:transparent;
}

abbr[title]{
  border-bottom:none;
  text-decoration:underline;
  -webkit-text-decoration:underline dotted;
  text-decoration:underline dotted;
}

b,
strong{
  font-weight:bolder;
}

code,
kbd,
samp{
  font-family:monospace, monospace;
  font-size:1em;
}

small{
  font-size:80%;
}

sub,
sup{
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline;
}

sub{
  bottom:-0.25em;
}

sup{
  top:-0.5em;
}

img{
  border-style:none;
}

button,
input,
optgroup,
select,
textarea{
  font-family:inherit;
  font-size:100%;
  line-height:1.15;
  margin:0;
}

button,
input{
  overflow:visible;
}

button,
select{
  text-transform:none;
}

button,
[type="button"],
[type="reset"],
[type="submit"]{
  -webkit-appearance:button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner{
  border-style:none;
  padding:0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring{
  outline:1px dotted ButtonText;
}

fieldset{
  padding:0.35em 0.75em 0.625em;
}

legend{
  box-sizing:border-box;
  color:inherit;
  display:table;
  max-width:100%;
  padding:0;
  white-space:normal;
}

progress{
  vertical-align:baseline;
}

textarea{
  overflow:auto;
}

[type="checkbox"],
[type="radio"]{
  box-sizing:border-box;
  padding:0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button{
  height:auto;
}

[type="search"]{
  -webkit-appearance:textfield;
  outline-offset:-2px;
}

[type="search"]::-webkit-search-decoration{
  -webkit-appearance:none;
}

::-webkit-file-upload-button{
  -webkit-appearance:button;
  font:inherit;
}

details{
  display:block;
}

summary{
  display:list-item;
}

template{
  display:none;
}

[hidden]{
  display:none;
}

@font-face{
  font-family:"Prata";
  src:url("../fonts/Prata-Regular.woff2") format("woff2"), url("../fonts/Prata-Regular.woff") format("woff");
  font-weight:400;
  font-style:normal;
  font-display:swap; }

@font-face{
  font-family:'Noto Sans';
  src:url("../fonts/NotoSans-Bold.woff2") format("woff2"), url("../fonts/NotoSans-Bold.woff") format("woff");
  font-weight:700;
  font-style:normal;
  font-display:swap; }

@font-face{
  font-family:'Noto Sans';
  src:url("../fonts/NotoSans.woff2") format("woff2"), url("../fonts/NotoSans.woff") format("woff");
  font-weight:400;
  font-style:normal;
  font-display:swap; }

html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
em,
img,
strong,
sub,
sup,
b,
u,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
table,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video{
  margin:0;
  padding:0;
  border:0;
  outline:0;
  vertical-align:baseline;
  background:transparent; }

*{
  text-decoration:none;
  list-style:none;
  box-sizing:border-box; }

html{
  font-size:16px; }

body{
  font-family:"Noto Sans"; }

body.overflow{
    overflow:hidden; }

a{
  text-decoration:none;
  display:inline-block;
  cursor:pointer;
  -webkit-transition:all 0.3s ease-in-out;
  transition:all 0.3s ease-in-out; }

a:hover,
a:active,
a:focus{
  text-decoration:none; }

input{
  border:none;
  background-color:transparent;
  outline:none;
  -webkit-appearance:none; }

textarea{
  resize:none;
  border:none;
  background-color:transparent;
  outline:none;
  -webkit-appearance:none; }

button{
  cursor:pointer;
  border:none;
  background-color:transparent;
  -webkit-transition:all 0.3s ease-in-out;
  transition:all 0.3s ease-in-out;
  outline:none;
  -webkit-appearance:none; }

select{
  cursor:pointer;
  border:none;
  background-color:transparent;
  -webkit-transition:all 0.3s ease-in-out;
  transition:all 0.3s ease-in-out;
  outline:none;
  -webkit-appearance:none; }

.wrapper{
  width:100%;
  position:relative;
  overflow:hidden;
  padding-top:46px; }

@media screen and (min-width: 768px){
    .wrapper{
      padding-top:56px; } }

.container{
  max-width:1480px;
  width:100%;
  margin:0 auto;
  padding:0 20px; }

@media screen and (min-width: 768px){
    .container{
      padding:0 30px; } }

@media screen and (min-width: 1200px){
    .container{
      padding:0 70px; } }

.scroll-wrap::-webkit-scrollbar{
  width:3px;
  background-color:#ccc; }

.scroll-wrap::-webkit-scrollbar-thumb{
  background-color:rgba(0, 0, 0, 0.75);
  border-radius:2px; }

.list::-webkit-scrollbar{
  width:3px;
  background-color:#ccc; }

.list::-webkit-scrollbar-thumb{
  background-color:#236197;
  border-radius:2px; }

@media screen and (min-width: 768px){
  .ml{
    margin-left:100px; } }

@media screen and (min-width: 1024px){
  .ml{
    margin-left:180px; } }

@media screen and (min-width: 1360px){
  .ml{
    margin-left:250px; } }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
  -webkit-appearance:none;
  margin:0; }

input[type=number]{
  -moz-appearance:textfield; }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus{
  box-shadow:0 0 0px 1000px #FFFFFF inset;
  -webkit-transition:background-color 5s ease-in-out 0s;
  transition:background-color 5s ease-in-out 0s; }

.advantage-wrap{
  display:-webkit-box;
  display:flex;
  flex-wrap:wrap;
  margin:0 -6px;
  max-width:1300px; }

@media screen and (min-width: 768px){
    .advantage-wrap{
      margin:0 -10px; } }

@media screen and (min-width: 1360px){
    .advantage-wrap{
      margin:0 -50px; } }

.advantage{
  padding:0 6px;
  margin-bottom:27px;
  width:50%; }

@media screen and (min-width: 768px){
    .advantage{
      width:25%;
      padding:0 10px; } }

@media screen and (min-width: 1360px){
    .advantage{
      padding:0 50px; } }

.advantage__wrap{
    width:100%;
    max-width:260px;
    display:-webkit-box;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    flex-direction:column;
    -webkit-box-align:start;
    align-items:flex-start; }

.advantage__img{
    margin-bottom:30px; }

@media screen and (min-width: 768px){
      .advantage__img{
        height:160px; } }

.advantage__img img{
      width:100%; }

.advantage__title{
    color:#2c333e;
    font-family:"Prata";
    font-size:18px;
    font-weight:400;
    margin-bottom:20px;
    line-height:150%; }

.advantage__descr{
    color:#787d89;
    font-size:14px;
    font-weight:400;
    line-height:150%; }

.btn{
  background-color:#ffffff;
  color:#236197;
  font-family:"Noto Sans";
  -webkit-transition:all 0.3s ease;
  transition:all 0.3s ease;
  display:-webkit-box;
  display:flex;
  -webkit-box-align:center;
  align-items:center;
  -webkit-box-pack:center;
  justify-content:center;
  padding:7px 12px; }

.btn.primary{
    box-shadow:0 0 9px rgba(184, 191, 208, 0.24);
    background-color:#ffffff;
    border-radius:21px;
    border:1px solid #236197;
    min-width:88px;
    font-size:14px;
    font-weight:400;
    line-height:1; }

.btn.primary:hover{
      background-color:#236197;
      color:#ffffff; }

.btn.search{
    color:#ffffff;
    font-size:14px;
    border-radius:21px;
    background-color:#236197;
    padding:10px 42px 10px 18px;
    background-repeat:no-repeat;
    background-position:78% center;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='13' viewBox='0 0 12 13'%3E%3Cpath fill='%23fff' d='M11.787 12.653a.638.638 0 0 1-.925-.019l-2.98-3.236a4.82 4.82 0 0 1-2.873.948c-2.767 0-5.016-2.35-5.016-5.238 0-2.888 2.25-5.239 5.016-5.239 2.765 0 5.015 2.35 5.015 5.239a5.364 5.364 0 0 1-1.176 3.368l2.957 3.211a.704.704 0 0 1-.018.966zM1.3 5.108c0 2.135 1.663 3.871 3.708 3.871 2.044 0 3.707-1.736 3.707-3.871S7.053 1.236 5.01 1.236c-2.045 0-3.708 1.737-3.708 3.872z'/%3E%3C/svg%3E"); }

.btn.search:hover{
      background-color:#003561; }

.btn.secondary{
    border-radius:21px;
    font-size:14px;
    font-weight:600;
    padding:8px 20px; }

.btn.secondary:hover{
      background-color:#dee2ea; }

.btn.tertiary{
    border-radius:21px;
    background-color:#236197;
    color:#ffffff;
    font-size:14px;
    font-weight:400;
    padding:9px 27px; }

.btn.tertiary:hover{
      background-color:#003561;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease; }

.btn.add{
    padding:9px 24px 9px 42px !important;
    border-radius:21px;
    background-repeat:no-repeat;
    background-position:18% center;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='9'%3E%3Cpath fill='%23fff' d='M4.894.125a.5.5 0 01.5.5v3.5h3.5a.5.5 0 010 1h-3.5v3.5a.5.5 0 01-1 0v-3.5h-3.5a.5.5 0 010-1h3.5v-3.5a.5.5 0 01.5-.5z'/%3E%3C/svg%3E"); }

.btn-wrap{
  display:-webkit-box;
  display:flex;
  -webkit-box-pack:center;
  justify-content:center; }

.btn-color{
  font-family:"Noto Sans";
  font-size:8px;
  font-weight:700;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:0.32px;
  padding:7px 13px;
  display:-webkit-box;
  display:flex;
  -webkit-box-align:center;
  align-items:center;
  -webkit-box-pack:center;
  justify-content:center;
  border-radius:11px; }

.btn-color.btn-peach{
    background-color:#fe9478;
    color:#ffdac5; }

.btn-color.btn-peach:hover{
      background-color:#ffdac5;
      color:#fe9478;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease; }

.btn-color.btn-sky{
    background-color:#9adddf;
    color:#019598; }

.btn-color.btn-sky:hover{
      background-color:#019598;
      color:#9adddf;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease; }

.btn-color.btn-darksky{
    background-color:#019598;
    color:#9adddf; }

.btn-color.btn-darksky:hover{
      background-color:#9adddf;
      color:#019598;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease; }

.breadcrumb{
  display:none;
  color:#ffffff;
  font-size:8px;
  font-weight:400;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:1.44px;
  margin-bottom:30px;
  padding-top:20px; }

@media screen and (min-width: 768px){
    .breadcrumb{
      display:-webkit-box;
      display:flex; } }

.breadcrumb li{
    position:relative;
    padding-left:10px;
    color:#ffffff; }

.breadcrumb li a{
      color:#ffffff; }

.breadcrumb li a:hover{
        color:#dee2ea; }

.breadcrumb li:before{
      content:"";
      position:absolute;
      border-radius:50%;
      top:50%;
      left:0;
      -webkit-transform:translateY(-50%);
      transform:translateY(-50%);
      width:2px;
      height:2px;
      margin:0 2px;
      background-color:#ffffff;
      margin-left:5px; }

.breadcrumb li:nth-child(1){
      padding-left:0; }

.breadcrumb li:nth-child(1):before{
        display:none; }

.breadcrumb li:last-child{
      color:#62a4dd !important;
      letter-spacing:1.44px; }

.tabs{
  width:100%; }

.tabs__list{
    display:-webkit-box;
    display:flex;
    margin-bottom:11px; }

.tabs__item{
    font-size:11px;
    line-height:1;
    color:#ffffff;
    margin-right:15px;
    padding-bottom:5px;
    border-bottom:2px solid transparent;
    cursor:pointer;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease; }

@media screen and (min-width: 480px){
      .tabs__item{
        margin-right:21px;
        font-size:12px; } }

.tabs__item:last-child{
      margin-right:0; }

.tabs__item:hover, .tabs__item.active{
      border-bottom:2px solid #ffffff; }

.tabs__item a{
      color:#ffffff; }

.tabs__content{
    height:0;
    overflow:hidden; }

.tabs__content.active{
      height:auto;
      overflow:visible; }

.ui-datepicker{
  padding:15px;
  font-family:"Noto Sans" !important;
  max-width:200px;
  border-radius:0 0 6px 6px !important;
  border:1px solid #dee2ea !important;
  background-color:#ffffff !important;
  margin-top:10px;
  z-index:15 !important; }

.ui-widget-header{
  border:none;
  background:transparent; }

.ui-datepicker th{
  padding:0; }

.ui-datepicker th span{
  color:#949bab;
  font-size:8px;
  font-weight:700;
  line-height:12px;
  text-transform:uppercase;
  letter-spacing:0.32px; }

.ui-datepicker-title{
  color:#32383f;
  font-size:11px;
  font-weight:400;
  width:60px; }

.ui-datepicker td span,
.ui-datepicker td a{
  padding:6px 2px !important;
  text-align:center;
  display:block !important;
  text-decoration:none;
  color:#32383f;
  font-size:10px;
  font-weight:400;
  letter-spacing:0.4px;
  border:none !important;
  background-color:transparent !important;
  border-radius:50%;
  width:23px;
  height:23px; }

.ui-datepicker td span:hover,
.ui-datepicker td a:hover{
  box-shadow:0 0 9px rgba(184, 191, 208, 0.24) !important;
  background-color:#1f6099 !important;
  color:#FFF; }

.ui-state-default.ui-state-active{
  box-shadow:0 0 9px rgba(184, 191, 208, 0.24) !important;
  background-color:#1f6099 !important;
  color:#FFF; }

.ui-icon{
  display:none !important; }

.ui-state-hover{
  border:none !important;
  background-color:transparent !important; }

.ui-datepicker-header{
  position:relative;
  display:-webkit-box;
  display:flex;
  -webkit-box-align:center;
  align-items:center;
  -webkit-box-pack:justify;
  justify-content:space-between;
  margin-bottom:5px; }

.ui-datepicker-calendar thead{
  margin-bottom:10px; }

.ui-datepicker-next,
.ui-datepicker-next-hover{
  width:30px !important;
  height:30px !important;
  position:absolute !important;
  top:-2px !important;
  right:0px !important;
  background-repeat:no-repeat !important;
  background-color:transparent !important;
  background-size:22% !important;
  background-position:center !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='11' viewBox='0 0 6 11'%3E%3Cpath fill='%23236197' d='M5.843 5.124L.967.194a.544.544 0 0 0-.775 0 .558.558 0 0 0 0 .782l4.488 4.54-4.488 4.54a.557.557 0 0 0 0 .782.544.544 0 0 0 .775 0l4.876-4.93a.564.564 0 0 0 0-.784z'/%3E%3C/svg%3E") !important; }

.ui-datepicker-prev,
.ui-datepicker-prev-hover{
  width:30px !important;
  height:30px !important;
  position:absolute !important;
  top:-2px !important;
  left:0px !important;
  -webkit-transform:rotate(180deg);
  transform:rotate(180deg);
  background-repeat:no-repeat !important;
  background-color:transparent !important;
  background-size:22% !important;
  background-position:center !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='11' viewBox='0 0 6 11'%3E%3Cpath fill='%23236197' d='M5.843 5.124L.967.194a.544.544 0 0 0-.775 0 .558.558 0 0 0 0 .782l4.488 4.54-4.488 4.54a.557.557 0 0 0 0 .782.544.544 0 0 0 .775 0l4.876-4.93a.564.564 0 0 0 0-.784z'/%3E%3C/svg%3E") !important; }

.filter-wrap{
  width:100%;
  box-shadow:0 0 9px rgba(184, 191, 208, 0.14);
  border-radius:6px;
  background-color:#ffffff; }

.filter{
  height:50px; }

.footer{
  padding:35px 0 35px;
  background-color:#003660; }

.footer .container{
    display:-webkit-box;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    flex-direction:column;
    -webkit-box-align:center;
    align-items:center; }

@media screen and (min-width: 992px){
      .footer .container{
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        flex-direction:row;
        -webkit-box-pack:justify;
        justify-content:space-between; } }

.footer__info-text{
    color:#236197;
    font-family:"Noto Sans";
    font-size:14px;
    font-weight:300;
    line-height:1.28;
    margin-bottom:18px;
    max-width:343px;
    text-align:center; }

@media screen and (min-width: 480px){
      .footer__info-text{
        max-width:343px; } }

@media screen and (min-width: 992px){
      .footer__info-text{
        margin-bottom:0;
        max-width:100%; } }

.footer__info-rights{
    display:-webkit-box;
    display:flex;
    -webkit-box-align:center;
    align-items:center; }

.footer__rights-text{
    color:#236197;
    font-family:"Noto Sans";
    font-size:14px;
    position:relative;
    top:-2px; }

.footer__rights-logo{
    margin:0 0 0 4px; }

.footer__rights-logo svg{
      fill:#ffffff; }

.footer__rights-logo:hover svg{
      fill:#00aeef; }

.search-form__wrap{
  box-shadow:0 0 9px rgba(184, 191, 208, 0.14);
  border-radius:6px;
  border:1px solid #dee2ea;
  background-color:#ffffff; }

@media screen and (min-width: 768px){
    .search-form__wrap{
      display:-webkit-box;
      display:flex;
      flex-wrap:wrap; } }

@media screen and (min-width: 1024px){
    .search-form__wrap{
      flex-wrap:nowrap; } }

@media screen and (min-width: 768px){
    .search-form__wrap.build-wrap{
      flex-wrap:nowrap; } }

@media screen and (min-width: 768px){
    .search-form__wrap.build-wrap .search-form__select-wrap.number{
      min-width:200px;
      width:auto; } }

@media screen and (min-width: 768px){
    .search-form__wrap.build-wrap .search-form__footer{
      width:100%; } }

@media screen and (min-width: 768px){
    .search-form__wrap.build-wrap .datepicker{
      border:none;
      border-right:1px solid #dee2ea;
      width:200px; } }

.search-form__select-wrap{
  position:relative;
  height:50px;
  cursor:pointer; }

@media screen and (min-width: 768px){
    .search-form__select-wrap{
      width:33.33%;
      border-right:1px solid #dee2ea; } }

@media screen and (min-width: 1024px){
    .search-form__select-wrap{
      width:20%; } }

.search-form__select-wrap:nth-child(3){
    border-right:none; }

@media screen and (min-width: 1024px){
      .search-form__select-wrap:nth-child(3){
        border-right:1px solid #dee2ea; } }

.search-form__select-wrap.number{
    width:100%; }

@media screen and (min-width: 1024px){
      .search-form__select-wrap.number{
        min-width:200px;
        width:auto; } }

.search-form__select-wrap.datepicker{
    position:relative;
    border-bottom:1px solid #dee2ea;
    border-top:1px solid #dee2ea; }

.search-form__select-wrap.datepicker:after{
      content:"";
      position:absolute;
      right:15px;
      top:15px;
      width:15px;
      height:17px;
      background-repeat:no-repeat;
      background-position:center;
      background-size:cover;
      background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='17' viewBox='0 0 14 17'%3E%3Cpath fill='%23c3c8d4' d='M11.993 9.327h-1.597V7.712h1.597zm0 2.422h-1.597v-1.615h1.597zm-2.78-2.422H7.618V7.712h1.597v1.615zm0 2.422H7.618v-1.615h1.597v1.615zm1.843-8.736V.763c0-.24.192-.434.43-.434h.078c.237 0 .43.194.43.434v2.25c0 .24-.193.435-.43.435h-.079a.433.433 0 0 1-.429-.435zm-9.001 0V.763c0-.24.194-.434.431-.434h.078c.236 0 .43.194.43.434v2.25c0 .24-.194.435-.43.435h-.078a.435.435 0 0 1-.431-.435zm11.938-.165v12.337c0 .623-.5 1.13-1.118 1.13H1.117a1.125 1.125 0 0 1-1.116-1.13V2.848c0-.622.501-1.13 1.116-1.13h.58v1.586c0 .335.27.608.602.608h.45a.605.605 0 0 0 .601-.608V1.719h7.347v1.585c0 .335.272.608.603.608h.45a.606.606 0 0 0 .6-.608V1.719h.525c.617 0 1.118.507 1.118 1.13zM.935 15.197c0 .096.078.173.174.173h11.776a.172.172 0 0 0 .172-.173V6.564a.173.173 0 0 0-.172-.175H1.11a.175.175 0 0 0-.174.175zm5.498-1.027H4.836v-1.613h1.597v1.613zm2.78 0H7.618v-1.613h1.597v1.613zm-5.56 0H2.054v-1.613h1.597zm0-2.421H2.054v-1.615h1.597zm2.78-2.422H4.836V7.712h1.597v1.615zm0 2.422H4.836v-1.615h1.597v1.615z'/%3E%3C/svg%3E"); }

.search-form__select-wrap.day{
    width:auto;
    min-width:75px; }

.search-form__select-row{
  display:-webkit-box;
  display:flex;
  border-bottom:1px solid #dee2ea; }

@media screen and (min-width: 768px){
    .search-form__select-row{
      border-bottom:none; } }

.search-form__select-row .nice-select{
    border-bottom:none !important;
    border-right:1px solid #dee2ea; }

.search-form .nice-select{
  position:relative;
  border-bottom:1px solid #dee2ea; }

@media screen and (min-width: 1024px){
    .search-form .nice-select{
      border-bottom:none; } }

.search-form__label{
  position:absolute;
  top:12px;
  left:15px;
  z-index:1;
  color:#2c333e;
  font-size:8px;
  font-weight:700;
  line-height:12px;
  text-transform:uppercase;
  letter-spacing:0.32px; }

.search-form__input{
  width:100%;
  font-size:11px;
  color:#32383f;
  padding-left:15px;
  padding-top:27px;
  cursor:pointer;
  display:inline-block;
  position:relative;
  z-index:2; }

.search-form__nav{
  padding:7px 10px; }

@media screen and (min-width: 768px){
    .search-form__nav{
      padding:0 10px 0 0;
      margin:0 0 0 auto; } }

@media screen and (min-width: 768px){
  .search-form__footer{
    width:100%;
    display:-webkit-box;
    display:flex;
    -webkit-box-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    justify-content:space-between; } }

@media screen and (min-width: 1024px){
  .search-form__footer{
    width:100%; } }

.search-form__footer .search-form__select-wrap{
  border-right:none; }

@media screen and (max-width: 767px){
  .search-form .btn{
    padding:13px 30px 13px 10px;
    background-position:58% center;
    text-align:center;
    width:100%;
    border-radius:21px; } }

.number-dropdown{
  width:240px;
  position:absolute;
  z-index:-1;
  top:calc(100% - 10px);
  opacity:0;
  visibility:hidden;
  right:0;
  background-color:#ffffff;
  padding:20px;
  border-radius:0 0 6px 6px;
  box-shadow:0 0 0 1px rgba(68, 68, 68, 0.11);
  -webkit-transition:all 0.3s ease;
  transition:all 0.3s ease; }

@media screen and (min-width: 380px){
    .number-dropdown{
      right:auto;
      left:0; } }

.number-dropdown.build-drop{
    left:0 !important;
    right:auto !important; }

.number-dropdown.active{
    top:calc(100% + 1px);
    z-index:5;
    visibility:visible;
    opacity:1; }

.number-dropdown .price-wrap{
    padding:0;
    border-bottom:none; }

.number-dropdown .build-price{
    margin-bottom:26px; }

.number-dropdown .build-price.mb{
      margin-bottom:0; }

.number-dropdown .build-amount{
    margin-left:auto;
    margin-right:0; }

.number-dropdown .price-wrap__text{
    font-size:8px; }

.header{
  background-color:#ffffff;
  -webkit-transition:all 0.3s ease;
  transition:all 0.3s ease;
  position:fixed;
  top:0;
  width:100%;
  z-index:5;
  padding:8px 0; }

.header.fixed{
    box-shadow:0px 2px 5px rgba(0, 0, 0, 0.05); }

@media screen and (min-width: 768px){
    .header{
      padding:12px 0; } }

.header .container{
    display:-webkit-box;
    display:flex;
    -webkit-box-align:center;
    align-items:center;
    height:100%;
    position:relative; }

.header .logo{
    position:absolute;
    top:-8px;
    left:20px;
    z-index:3;
    width:104px;
    padding:20px 10px;
    box-shadow:0 0 20px rgba(10, 41, 67, 0.1);
    border-radius:0 0 6px 6px;
    background-color:#236197; }

@media screen and (min-width: 768px){
      .header .logo{
        top:-12px;
        left:30px; } }

@media screen and (min-width: 1024px){
      .header .logo{
        width:140px; } }

@media screen and (min-width: 1200px){
      .header .logo{
        left:50px; } }

@media screen and (min-width: 1360px){
      .header .logo{
        width:212px;
        padding:27px; } }

.header .logo__text{
      color:#62a4dd;
      font-size:10px;
      display:none; }

@media screen and (min-width: 1024px){
        .header .logo__text{
          display:block;
          text-align:center;
          margin-top:10px; } }

.header .logo img{
      width:100%; }

.header .btn{
    display:none; }

@media screen and (min-width: 768px){
      .header .btn{
        display:block;
        margin:0 0 0 auto; } }

.header .email-btn{
    box-shadow:0 0 9px rgba(184, 191, 208, 0.24);
    width:30px;
    height:30px;
    display:-webkit-box;
    display:flex;
    -webkit-box-align:center;
    align-items:center;
    -webkit-box-pack:center;
    justify-content:center;
    border:1px solid #236197;
    border-radius:50%;
    margin-right:12px; }

@media screen and (min-width: 768px){
      .header .email-btn{
        display:none; } }

.header .email-btn img{
      width:16px;
      height:auto;
      -o-object-fit:contain;
      object-fit:contain; }

.header .search-btn{
    cursor:pointer;
    border:1px solid #236197;
    width:30px;
    height:30px;
    margin:0 10px 0 0;
    border-radius:50%;
    display:-webkit-box;
    display:flex;
    -webkit-box-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    align-items:center; }

@media screen and (min-width: 768px){
      .header .search-btn{
        margin:0 0 0 15px; } }

.header .search-btn:hover{
      background-color:#236197; }

.header .search-btn:hover svg{
        fill:#ffffff; }

.header .search-btn svg{
      fill:#236197;
      width:14px;
      height:14px; }

.header .soc-wrap.mob{
    display:-webkit-box;
    display:flex; }

@media screen and (min-width: 768px){
      .header .soc-wrap.mob{
        display:none; } }

.header .soc-wrap.tablet{
    display:none; }

@media screen and (min-width: 768px){
      .header .soc-wrap.tablet{
        display:-webkit-box;
        display:flex; } }

.header .soc-wrap.tablet .soc-link{
      border:1px solid #236197;
      width:30px;
      height:30px;
      margin:0 0 0 15px;
      box-shadow:0 0 9px rgba(184, 191, 208, 0.24); }

@media screen and (min-width: 1024px){
        .header .soc-wrap.tablet .soc-link{
          margin-left:25px; } }

.header .soc-wrap.tablet .soc-link:hover{
        background-color:#236197; }

.header .soc-wrap.tablet .soc-link:hover svg{
          fill:#ffffff; }

.header .soc-wrap.tablet .soc-link:first-child{
        margin-left:20px; }

@media screen and (min-width: 1024px){
          .header .soc-wrap.tablet .soc-link:first-child{
            display:none; } }

.header .soc-wrap.tablet .soc-link .tel-icon{
        width:14px;
        height:14px; }

.header .soc-wrap.tablet .soc-link .fb-icon{
        width:8px;
        height:14px; }

.header .soc-wrap.tablet .soc-link svg{
        fill:#236197; }

.header .soc-wrap .soc-link{
    width:42px;
    height:42px;
    margin-right:20px;
    border-radius:50%;
    border:1px solid #ffffff;
    display:-webkit-box;
    display:flex;
    -webkit-box-align:center;
    align-items:center;
    -webkit-box-pack:center;
    justify-content:center; }

.header .tel{
    display:none;
    margin-left:25px; }

.header .tel:hover .tel__number, .header .tel.active .tel__number{
      color:#1f6099; }

.header .tel:hover .tel__img, .header .tel.active .tel__img{
      background-color:#236197; }

.header .tel:hover svg, .header .tel.active svg{
      width:15px;
      height:15px;
      fill:#ffffff; }

.header .tel__img{
      width:30px;
      height:30px;
      display:-webkit-box;
      display:flex;
      -webkit-box-align:center;
      align-items:center;
      -webkit-box-pack:center;
      justify-content:center;
      border-radius:50%;
      margin-right:8px;
      background-color:#e8ebf2;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease; }

.header .tel__img svg{
        width:15px;
        height:15px;
        fill:#949bab; }

.header .tel__number{
      color:#32383f;
      font-size:12px;
      line-height:1;
      border-bottom:2px solid transparent;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease;
      margin-top:3px; }

@media screen and (min-width: 1024px){
      .header .tel{
        display:-webkit-box;
        display:flex;
        -webkit-box-align:center;
        align-items:center; } }

.lang{
  margin:0 0 0 auto;
  box-shadow:0 0 9px rgba(184, 191, 208, 0.24);
  border-radius:15px;
  margin-right:12px; }

@media screen and (min-width: 768px){
    .lang{
      margin:0 0 0 20px; } }

@media screen and (min-width: 1024px){
    .lang{
      margin-left:25px; } }

.lang.nice-select{
    color:#236197;
    border:1px solid #236197;
    padding:7px 10px 5px;
    width:48px; }

.lang.nice-select.open{
      border-radius:6px 6px 0 0; }

.lang.nice-select .list{
      border:1px solid #236197;
      border-top:none;
      width:calc(100% + 2px) !important;
      left:-1px;
      height:auto !important; }

.lang.nice-select .current{
      color:#236197;
      font-size:14px; }

.lang.nice-select .option{
      line-height:30px;
      min-height:30px;
      height:30px;
      padding:0px 10px;
      color:#236197; }

.lang.nice-select .option:hover{
        color:#ffffff;
        background-color:#1f6099; }

.lang.nice-select:after{
      top:45%;
      right:8px;
      border-top:4px solid #236197; }

.lang.nice-select:hover{
      border:1px solid #1f6099;
      background-color:#1f6099; }

.lang.nice-select:hover .current{
        color:#ffffff; }

.lang.nice-select:hover:after{
        border-top:4px solid #ffffff; }

.nav{
  position:fixed;
  top:46px;
  z-index:5;
  right:-100%;
  width:100%;
  -webkit-transition:all 0.5s ease;
  transition:all 0.5s ease;
  background-color:#003660;
  padding:65px 30px 20px 62px;
  z-index:2;
  overflow:hidden;
  overflow-y:auto;
  height:calc(100vh - 46px); }

@media screen and (min-width: 768px){
    .nav{
      width:auto;
      position:relative;
      top:auto;
      right:auto;
      height:auto;
      overflow:visible;
      background-color:transparent;
      padding:0;
      box-shadow:none;
      display:-webkit-box;
      display:flex;
      -webkit-box-align:center;
      align-items:center;
      margin:0 0 0 125px; } }

@media screen and (min-width: 1024px){
    .nav{
      margin:0 0 0 165px; } }

@media screen and (min-width: 1360px){
    .nav{
      margin:0 0 0 250px; } }

.nav.active{
    right:0; }

.nav__list{
    display:-webkit-box;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    flex-direction:column;
    margin-bottom:60px; }

@media screen and (min-width: 768px){
      .nav__list{
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        flex-direction:row;
        -webkit-box-align:center;
        align-items:center;
        margin-bottom:0; } }

.nav__item{
    margin:0 0 37px; }

@media screen and (min-width: 768px){
      .nav__item{
        margin:0 11px 0 0; } }

@media screen and (min-width: 1024px){
      .nav__item{
        margin:0 21px 0 0; } }

.nav__link{
    font-size:14px;
    color:#ffffff; }

@media screen and (min-width: 768px){
      .nav__link{
        font-size:9px;
        position:relative;
        color:#32383f;
        border-bottom:2px solid transparent; } }

@media screen and (min-width: 800px){
      .nav__link{
        font-size:11px; } }

@media screen and (min-width: 840px){
      .nav__link{
        font-size:12px; } }

@media screen and (min-width: 900px){
      .nav__link{
        font-size:14px; } }

.nav__link:hover{
      color:#1f6099; }

.nav__link.active{
      color:#949bab; }

.burger{
  position:relative;
  z-index:3;
  width:30px;
  height:30px;
  display:-webkit-box;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  flex-direction:column;
  -webkit-box-align:center;
  align-items:center;
  -webkit-box-pack:center;
  justify-content:center;
  border:1px solid #236197;
  border-radius:50%;
  cursor:pointer; }

@media screen and (min-width: 768px){
    .burger{
      display:none; } }

.burger span{
    width:14px;
    height:1px;
    background:#236197;
    border-radius:5px;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease;
    position:relative; }

.burger span:nth-child(1){
      margin-bottom:3px; }

.burger span:nth-child(3){
      margin-top:3px; }

.burger.active span:nth-child(1){
    top:4px;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg); }

.burger.active span:nth-child(2){
    -webkit-transform:translateX(100px);
    transform:translateX(100px);
    opacity:0; }

.burger.active span:nth-child(3){
    bottom:4px;
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg); }

svg{
  -webkit-transition:all 0.3s ease;
  transition:all 0.3s ease; }

.mask{
  display:none;
  position:fixed;
  top:0;
  left:0;
  background:#ffffff;
  z-index:12;
  width:100%;
  height:100vh;
  background:rgba(0, 0, 0, 0.68); }

.modal{
  position:fixed;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%);
  z-index:13;
  max-width:780px;
  width:100%;
  display:none;
  padding:15px;
  overflow:hidden;
  overflow-y:auto;
  max-height:calc(100vh - 30px);
  height:auto; }

@media screen and (min-width: 768px){
    .modal{
      overflow-y:hidden; } }

.modal .nice-select{
    padding-left:0;
    padding-top:2px;
    margin:0 0 4px;
    border-bottom:none; }

.modal .nice-select .list{
    left:-16px; }

.modal .nice-select.open .list{
    margin-top:9px; }

@media screen and (min-width: 768px){
      .modal .nice-select.open .list{
        width:120%; } }

.modal .nice-select:after{
    margin-top:-5px;
    right:-5px; }

.modal.thx{
    max-width:460px; }

.modal .btn{
    min-width:105px;
    margin:0 auto;
    margin-bottom:20px; }

.modal__wrap{
    padding:30px 15px;
    box-shadow:0px 1px 12px rgba(0, 0, 0, 0.18);
    border-radius:10px;
    background-color:#e8ebf2; }

@media screen and (min-width: 768px){
      .modal__wrap{
        padding:37px 55px; } }

.modal__img{
    width:208px;
    margin:0 auto 25px;
    overflow:hidden; }

.modal__img img{
      width:100%; }

.modal__header{
    display:-webkit-box;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    flex-direction:column;
    -webkit-box-pack:center;
    justify-content:center;
    margin-bottom:30px;
    border-bottom:1px solid #e8e9f1; }

.modal__info{
    display:-webkit-box;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    flex-direction:column;
    -webkit-box-align:center;
    align-items:center;
    margin:0 20px; }

.modal .btn-close{
    position:absolute;
    cursor:pointer;
    z-index:1;
    padding:0;
    top:30px;
    right:30px;
    width:31px;
    height:31px;
    border:1px solid #236197;
    border-radius:50%;
    box-shadow:0 0 9px rgba(184, 191, 208, 0.24);
    background-color:#fff;
    background-position:center;
    background-repeat:no-repeat;
    background-image:url("../img/c1.svg"); }

.modal .btn-close:hover{
      background-color:#236197;
      background-image:url("../img/c2.svg"); }

.modal__title{
    color:#2c333e;
    font-family:Prata;
    font-size:26px;
    font-weight:400;
    line-height:2.4;
    display:block;
    text-align:center;
    margin-bottom:10px; }

.modal__subtitle{
    display:block;
    text-align:center;
    color:#787d89;
    font-size:14px;
    font-weight:400;
    line-height:1.57;
    margin-bottom:20px;
    max-width:572px;
    margin:0 auto; }

.contact-form__case{
  max-width:852px;
  width:100%;
  margin-bottom:20px; }

.contact-form__case-wrap{
  display:-webkit-box;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  flex-direction:column; }

@media screen and (min-width: 768px){
    .contact-form__case-wrap{
      -webkit-box-orient:horizontal;
      -webkit-box-direction:normal;
      flex-direction:row; } }

.contact-form__case-wrap_wrap{
    width:100%;
    max-height:50px;
    border-radius:6px;
    border:1px solid #dee2ea;
    background-color:#ffffff;
    margin-right:12px;
    display:-webkit-box;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    flex-direction:column;
    -webkit-box-pack:center;
    justify-content:center;
    padding:14px 16px;
    margin-bottom:15px; }

@media screen and (min-width: 768px){
      .contact-form__case-wrap_wrap{
        margin-right:30px; } }

.contact-form__case-wrap_wrap:last-child{
      margin-right:0; }

.contact-form__case-wrap_wrap.inve{
      visibility:hidden;
      display:none; }

@media screen and (min-width: 768px){
        .contact-form__case-wrap_wrap.inve{
          display:block; } }

.contact-form__label{
  color:#2c333e;
  font-size:8px;
  font-weight:700;
  line-height:1.5;
  text-transform:uppercase;
  letter-spacing:0.32px; }

.contact-form__input, .contact-form__date{
  color:#2c333e;
  font-family:"Noto Sans";
  font-size:11px;
  font-weight:400;
  line-height:1.45;
  cursor:pointer;
  position:relative;
  left:-15px;
  padding-left:15px; }

.contact-form__input::-webkit-input-placeholder, .contact-form__date::-webkit-input-placeholder{
    color:#949bab; }

.contact-form__input::-ms-input-placeholder, .contact-form__date::-ms-input-placeholder{
    color:#949bab; }

.contact-form__input::placeholder, .contact-form__date::placeholder{
    color:#949bab; }

.contact-form__areae{
  width:100%;
  max-height:100px;
  height:100%; }

.contact-form .ui-datepicker{
  margin-left:-15px !important; }

.nice-select{
  -webkit-tap-highlight-color:transparent;
  cursor:pointer;
  display:block;
  font-size:11px;
  outline:none;
  padding-left:15px;
  padding-top:27px;
  padding-right:30px;
  position:relative;
  text-align:left !important;
  -webkit-transition:all 0.2s ease-in-out;
  transition:all 0.2s ease-in-out;
  -webkit-user-select:none;
  -ms-user-select:none;
  user-select:none;
  white-space:nowrap;
  width:auto;
  height:100%;
  color:#949bab;
  border-bottom:1px solid #dee2ea; }

.nice-select .current{
    color:#32383f; }

.nice-select:hover{
  color:#32383f; }

.nice-select:active,
.nice-select.open,
.nice-select:focus{
  border-color:none; }

.nice-select:after{
  border:4px solid transparent;
  border-top:4px solid #c3c8d4;
  content:"";
  display:block;
  pointer-events:none;
  position:absolute;
  right:11px;
  top:50%;
  -webkit-transition:all 0.15s ease-in-out;
  transition:all 0.15s ease-in-out; }

.nice-select.open .list{
  min-width:100%;
  max-height:240px;
  overflow:auto;
  opacity:1;
  pointer-events:auto;
  -webkit-transform:scale(1) translateY(0);
  transform:scale(1) translateY(0);
  z-index:3; }

.nice-select.disabled{
  border-color:#ededed;
  color:#999;
  pointer-events:none; }

.nice-select.disabled:after{
  border-color:#cccccc; }

.nice-select.wide{
  width:100%; }

.nice-select.wide .list{
  left:0 !important;
  right:0 !important; }

.nice-select.right{
  float:right; }

.nice-select.right .list{
  left:auto;
  right:0; }

.nice-select.small{
  font-size:12px;
  height:36px;
  line-height:34px; }

.nice-select.small:after{
  height:4px;
  width:4px; }

.nice-select.small .option{
  line-height:34px;
  min-height:34px; }

.nice-select .list{
  background-color:#fff;
  border-radius:0 0 6px 6px;
  box-shadow:0 0 0 1px rgba(68, 68, 68, 0.11);
  box-sizing:border-box;
  opacity:0;
  overflow:hidden;
  padding:0;
  pointer-events:none;
  position:absolute;
  top:calc(100% + 1px);
  left:0;
  -webkit-transform-origin:50% 0;
  transform-origin:50% 0;
  -webkit-transform:scale(0.75) translateY(-21px);
  transform:scale(0.75) translateY(-21px);
  -webkit-transition:all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  transition:all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  z-index:9; }

.nice-select .list:hover .option:not(:hover){
  background-color:transparent !important; }

.nice-select .option{
  cursor:pointer;
  font-weight:400;
  line-height:40px;
  list-style:none;
  min-height:40px;
  outline:none;
  padding-left:18px;
  padding-right:29px;
  text-align:left;
  -webkit-transition:all 0.2s;
  transition:all 0.2s; }

.nice-select .option:last-child{
    border-bottom:none; }

.nice-select .option:hover,
.nice-select .option.focus{
  background-color:#e8ebf2; }

.nice-select .option.disabled{
  background-color:transparent;
  color:#999;
  cursor:default; }

.no-csspointerevents .nice-select .list{
  display:none; }

.no-csspointerevents .nice-select.open .list{
  display:block; }

.book-section{
  background-color:#ffffff;
  padding:166px 0 12vw 0; }

@media screen and (min-width: 1024px){
    .book-section{
      padding:280px 0 23px; } }

.book-section .section-title{
    margin-bottom:20px; }

@media screen and (min-width: 768px){
      .book-section .section-title{
        margin-bottom:25px; } }

@media screen and (min-width: 1024px){
      .book-section .section-title{
        margin-bottom:31px; } }

.book-section .btn{
    padding:8px 12px 7px; }

.book{
  display:-webkit-box;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  flex-direction:column;
  -webkit-box-align:center;
  align-items:center;
  text-align:center; }

.book__info{
    max-width:437px;
    color:#787d89;
    font-family:"Noto Sans";
    font-size:14px;
    font-weight:400;
    line-height:1.57;
    margin-bottom:27px; }

@media screen and (min-width: 480px){
      .book__info{
        margin-bottom:36px; } }

.contacts-section{
  background-color:#ffffff;
  padding:10vw 0 0 0;
  position:relative; }

.contacts-section__wrap{
    padding:39px 0 24px;
    background-color:#236197;
    position:relative; }

.contacts-section__wrap:before{
      content:'';
      position:absolute;
      top:-10vw;
      right:0;
      width:100vw;
      height:10vw;
      background-image:url("../img/line.svg");
      background-size:cover;
      background-repeat:no-repeat; }

@media screen and (min-width: 768px){
      .contacts-section__wrap{
        padding:59px 0 45px; } }

@media screen and (min-width: 1024px){
      .contacts-section__wrap{
        padding:59px 0 60px; } }

.contacts-section .section-title{
    color:#ffffff;
    margin-bottom:38px; }

@media screen and (min-width: 768px){
      .contacts-section .section-title{
        margin-bottom:39px; } }

@media screen and (min-width: 1024px){
      .contacts-section .section-title{
        margin-bottom:47px; } }

@media screen and (min-width: 1300px){
      .contacts-section .section-title{
        margin-bottom:99px; } }

.contacts-wrap{
  display:-webkit-box;
  display:flex;
  flex-wrap:wrap; }

.contacts{
  width:100%; }

@media screen and (min-width: 480px){
    .contacts{
      width:50%; } }

@media screen and (min-width: 768px){
    .contacts{
      width:25%; } }

.contacts__wrap{
    width:100%;
    display:-webkit-box;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    flex-direction:column;
    text-align:center; }

.contacts__img{
    margin-bottom:27px; }

.contacts__img img{
      max-width:100%; }

.contacts__title{
    color:#ffffff;
    font-family:"Noto Sans";
    font-size:14px;
    font-weight:400;
    line-height:26px;
    max-width:282px; }

@media screen and (min-width: 480px){
      .contacts__title{
        max-width:189px;
        line-height:1.57; } }

@media screen and (min-width: 768px){
      .contacts__title{
        max-width:164px; } }

@media screen and (min-width: 1024px){
      .contacts__title{
        max-width:282px; } }

.contacts__title span{
      border-bottom:2px solid rgba(255, 255, 255, 0.4); }

.contacts__title span:hover{
        color:#fe9478;
        -webkit-transition:all 0.3s ease;
        transition:all 0.3s ease;
        border-bottom:2px solid rgba(254, 148, 120, 0.4); }

.contacts__title-wrap{
    margin:0 auto 36px;
    display:-webkit-box;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    flex-direction:column; }

.evening-section{
  min-height:400px;
  max-height:500px;
  height:50vw;
  position:relative;
  display:-webkit-box;
  display:flex;
  -webkit-box-align:center;
  align-items:center; }

.evening-section .swiper-container{
    margin-left:0;
    height:100%;
    padding-top:30vw;
    padding-bottom:30vw;
    padding-left:15px;
    padding-right:15px; }

@media (min-width: 768px){
      .evening-section .swiper-container{
        padding-left:100px; } }

@media (min-width: 1360px){
      .evening-section .swiper-container{
        padding-left:250px; } }

.evening-section .swiper-slide{
    display:-webkit-box;
    display:flex;
    -webkit-box-align:center;
    align-items:center;
    position:relative;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:20% center; }

.evening-section .swiper-pagination{
    z-index:2;
    display:-webkit-box !important;
    display:flex !important;
    bottom:20%;
    left:15px; }

@media (min-width: 768px){
      .evening-section .swiper-pagination{
        left:100px; } }

@media (min-width: 1024px){
      .evening-section .swiper-pagination{
        bottom:22%; } }

@media (min-width: 1360px){
      .evening-section .swiper-pagination{
        left:250px;
        bottom:28%; } }

@media (min-width: 1800px){
      .evening-section .swiper-pagination{
        left:250px;
        bottom:32%; } }

@media (min-width: 2200px){
      .evening-section .swiper-pagination{
        bottom:35%; } }

.evening-section .swiper-pagination-bullet{
      opacity:1;
      padding:3px 0;
      border-bottom:2px solid rgba(255, 255, 255, 0.16);
      background-color:transparent;
      cursor:pointer; }

.evening-section .swiper-pagination-bullet-active{
        border-bottom:2px solid #ffffff; }

.evening__wrap{
  display:-webkit-box;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  flex-direction:column;
  -webkit-box-align:start;
  align-items:flex-start; }

.evening__abs-bg{
  position:absolute;
  width:120%;
  height:70vw;
  z-index:-1;
  top:60%;
  left:-15px;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%); }

@media (min-width: 480px){
    .evening__abs-bg{
      top:70%;
      height:50vw; } }

@media (min-width: 768px){
    .evening__abs-bg{
      left:-100px;
      height:40vw; } }

@media (min-width: 1360px){
    .evening__abs-bg{
      left:-250px;
      height:30vw;
      width:130%; } }

.evening__abs-img{
  position:absolute;
  width:95%;
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  right:-15px;
  z-index:-1; }

@media (min-width: 480px){
    .evening__abs-img{
      width:60%; } }

@media (min-width: 768px){
    .evening__abs-img{
      width:60%; } }

@media (min-width: 1024px){
    .evening__abs-img{
      width:50%; } }

@media (min-width: 1200px){
    .evening__abs-img{
      width:60%; } }

@media (min-width: 1500px){
    .evening__abs-img{
      width:50%; } }

.evening__head{
  display:-webkit-box;
  display:flex;
  -webkit-box-align:center;
  align-items:center;
  margin-bottom:28px; }

@media (min-width: 768px){
    .evening__head{
      margin-bottom:40px; } }

.evening__info{
  display:-webkit-box;
  display:flex;
  -webkit-box-align:center;
  align-items:center;
  margin-right:32px; }

.evening__info:last-child{
    margin-right:0; }

.evening__text{
  color:#ffffff;
  font-size:14px;
  font-weight:500;
  margin-left:10px; }

.evening__title{
  color:#ffffff;
  font-family:"Prata";
  font-size:32px;
  font-weight:400;
  line-height:1.2;
  margin-bottom:20px; }

@media (min-width: 768px){
    .evening__title{
      font-size:60px;
      max-width:650px; } }

@media (min-width: 1024px){
    .evening__title{
      font-size:92px; } }

.main-section{
  padding:60px 0 175px;
  background-repeat:no-repeat;
  background-size:cover;
  position:relative;
  z-index:1;
  background-image:url("../img/Mob_Index-1.png");
  margin-bottom:20px;
  height:177vw; }

@media screen and (min-width: 768px){
    .main-section{
      height:60vw;
      padding:0 0 70px;
      background-image:url("../img/Index-1.png");
      margin-bottom:0; } }

@media screen and (min-width: 1024px){
    .main-section{
      height:52vw; } }

.main-section .container{
    height:100%;
    display:-webkit-box;
    display:flex;
    -webkit-box-align:center;
    align-items:center; }

.petersburg-section{
  padding:0 0 55px;
  position:relative;
  z-index:2; }

@media (min-width: 768px){
    .petersburg-section{
      background-size:55%; } }

@media (min-width: 1024px){
    .petersburg-section{
      background-position:-60px top;
      padding:0 0 150px;
      background-size:45%; } }

@media (min-width: 1450px){
    .petersburg-section{
      background-position:left center;
      background-size:35%; } }

.petersburg-section .section-title{
    margin-bottom:47px;
    padding-left:20px; }

@media (min-width: 1024px){
      .petersburg-section .section-title{
        margin-left:52vw;
        padding-left:10px; } }

.petersburg-section .swiper-container{
    position:relative;
    padding-bottom:35px;
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0); }

.petersburg-section .swiper-nav{
    display:none; }

@media (min-width: 1024px){
      .petersburg-section .swiper-nav{
        display:-webkit-box;
        display:flex;
        -webkit-box-pack:start;
        justify-content:flex-start;
        width:70px;
        position:absolute;
        top:10px;
        left:73%; } }

@media (min-width: 1260px){
      .petersburg-section .swiper-nav{
        top:15px;
        left:75%; } }

.petersburg-section .swiper-pagination{
    position:absolute;
    left:20px;
    bottom:0px; }

.petersburg-section .swiper-slide{
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0); }

@media (min-width: 1024px){
      .petersburg-section .swiper-slide{
        width:81%; } }

@media (min-width: 1024px){
    .petersburg-section .swiper-slide-active .descr__img-holder{
      max-width:42%;
      margin-right:18%;
      opacity:1; } }

@media (min-width: 1200px){
    .petersburg-section .swiper-slide-active .descr__img-holder{
      max-width:43%;
      margin-right:22%; } }

.descr{
  position:relative;
  -webkit-transform:translate3d(0, 0, 0);
  transform:translate3d(0, 0, 0); }

@media (min-width: 1024px){
    .descr{
      display:-webkit-box;
      display:flex;
      -webkit-box-align:start;
      align-items:flex-start; } }

.descr__img-holder{
    width:85%; }

@media (min-width: 768px){
      .descr__img-holder{
        width:60%; } }

@media (min-width: 1024px){
      .descr__img-holder{
        min-height:35vw;
        width:100%;
        flex-shrink:0;
        max-width:0;
        margin-right:0;
        opacity:0;
        -webkit-transition:max-width 0.8s ease-in-out, margin-right 0.8s ease-in-out, opacity 0.8s ease-in-out;
        transition:max-width 0.8s ease-in-out, margin-right 0.8s ease-in-out, opacity 0.8s ease-in-out; } }

.descr__img{
    width:100%;
    height:auto; }

.descr__wrap{
    position:relative;
    margin:-20vw 20px 0;
    padding:30px 15px;
    border-radius:6px;
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0); }

@media (min-width: 1024px){
      .descr__wrap{
        padding:42px 30px;
        max-width:40%;
        margin:0; } }

@media (min-width: 1200px){
      .descr__wrap{
        max-width:35%; } }

.descr__wrap.dac{
      background-color:#ffdac5;
      color:#fe9478; }

.descr__wrap.adf{
      background-color:#9adddf;
      color:#019598; }

.descr__wrap.fed{
      background-color:#fe9478;
      color:#ffdac5; }

.descr__wrap.daf{
      background-color:#019598;
      color:#9adddf; }

.descr__title{
    font-family:"Prata";
    color:#2c333e;
    font-size:22px;
    margin-bottom:20px;
    font-weight:400;
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0); }

.descr__text{
    font-size:14px;
    line-height:1.6;
    margin-bottom:30px;
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0); }

.descr__text:last-child{
      margin-bottom:0; }

.descr p{
    font-size:14px;
    line-height:1.6;
    margin-bottom:30px;
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0); }

.descr p:last-child{
      margin-bottom:0; }

.why-section{
  padding:20px 0 60px; }

.why-section .section-title{
    margin-bottom:68px; }

.swiper-button-next:after,
.swiper-button-prev:after{
  display:none; }

.swiper-button-prev,
.swiper-button-next{
  position:relative;
  right:auto;
  left:auto;
  bottom:auto;
  top:auto;
  margin:0 2px;
  width:30px;
  height:30px;
  border:1px solid #236197;
  background-color:#ffffff;
  -webkit-transition:all 0.3s ease;
  transition:all 0.3s ease;
  border-radius:50%;
  background-repeat:no-repeat;
  background-size:22%;
  background-position:center;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='11' viewBox='0 0 6 11'%3E%3Cpath fill='%23236197' d='M5.843 5.124L.967.194a.544.544 0 0 0-.775 0 .558.558 0 0 0 0 .782l4.488 4.54-4.488 4.54a.557.557 0 0 0 0 .782.544.544 0 0 0 .775 0l4.876-4.93a.564.564 0 0 0 0-.784z'/%3E%3C/svg%3E"); }

.swiper-button-prev:hover,
  .swiper-button-next:hover{
    background-color:#236197;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='11' viewBox='0 0 6 11'%3E%3Cpath fill='%23fff' d='M5.843 5.124L.967.194a.544.544 0 0 0-.775 0 .558.558 0 0 0 0 .782l4.488 4.54-4.488 4.54a.557.557 0 0 0 0 .782.544.544 0 0 0 .775 0l4.876-4.93a.564.564 0 0 0 0-.784z'/%3E%3C/svg%3E"); }

.swiper-button-prev{
  -webkit-transform:rotate(180deg);
  transform:rotate(180deg); }

.swiper-nav{
  display:none; }

@media screen and (min-width: 768px){
    .swiper-nav{
      display:-webkit-box;
      display:flex;
      -webkit-box-pack:start;
      justify-content:flex-start;
      width:70px; } }

.swiper-pagination{
  display:-webkit-box;
  display:flex; }

@media screen and (min-width: 768px){
    .swiper-pagination{
      display:none; } }

.swiper-pagination-bullet{
    display:block;
    width:26px;
    height:2px;
    border-radius:1px;
    background-color:#2c333e;
    opacity:0.16;
    margin:0 8px 0 0; }

.swiper-pagination-bullet-active{
      background-color:#236197;
      opacity:1; }

.svg-wrap{
  height:0;
  width:0;
  overflow:hidden; }

.section-title{
  font-family:"Prata";
  color:#2c333e;
  font-size:27px;
  font-weight:400;
  line-height:1.2; }

@media screen and (min-width: 768px){
    .section-title{
      font-size:42px; } }

@media screen and (min-width: 1024px){
    .section-title{
      font-size:52px; } }

.section-subtitle{
  color:#ffffff;
  font-family:"Noto Sans";
  font-size:14px;
  font-weight:400;
  line-height:1.57; }

.section-info__inner{
  display:-webkit-box;
  display:flex; }

.section-info__title{
  color:#ffffff;
  font-family:"Noto Sans";
  font-size:14px;
  font-weight:500;
  line-height:1.2;
  margin-right:48px;
  margin-bottom:17px;
  position:relative;
  padding-left:20px; }

.section-info__title:before{
    content:"";
    position:absolute;
    top:50%;
    left:0;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    width:14px;
    height:12px;
    background-image:url("../img/count1.svg");
    background-repeat:no-repeat; }

.section-info__title:last-child{
    margin-right:0; }

.section-info__title.add:before{
    background-image:url("../img/count2.svg"); }

.invalid{
  position:relative; }

.invalid.reservation__case-wrap_wrap{
    border-color:red; }

.invalid .error-massage{
    opacity:1; }

.error-massage{
  font-size:13px;
  color:red;
  position:absolute;
  font-weight:500;
  left:0;
  bottom:-15px;
  opacity:0; }

.notfound-section{
  padding:50px 0 70px;
  background-color:#236197;
  background-image:url("../img/404bg.png");
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  height:100vh;
  display:-webkit-box;
  display:flex;
  -webkit-box-align:center;
  align-items:center; }

.notfound-section .btn{
    font-weight:500; }

.notfound{
  display:-webkit-box;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  flex-direction:column;
  -webkit-box-align:center;
  align-items:center; }

.notfound__img{
    margin-bottom:42px; }

.notfound__img img{
      max-width:100%; }

.notfound__title{
    margin-bottom:35px;
    color:#ffffff;
    color:#fefefe;
    font-family:"Prata";
    font-size:18px;
    font-weight:400;
    line-height:1.44;
    max-width:230px;
    text-align:center; }

@media screen and (min-width: 768px){
      .notfound__title{
        max-width:100%; } }

.build-section{
  padding:50px 0; }

@media screen and (min-width: 768px){
    .build-section{
      padding:0; } }

@media screen and (min-width: 1440px){
    .build-section{
      padding:50px 0; } }

@media screen and (max-width: 1024px){
  .build{
    margin-left:0; } }

@media screen and (min-width: 768px){
  .build__content{
    display:-webkit-box;
    display:flex;
    -webkit-box-pack:start;
    justify-content:flex-start;
    -webkit-box-align:start;
    align-items:flex-start; } }

.build__content-left{
  margin-bottom:40px; }

@media screen and (min-width: 768px){
    .build__content-left{
      margin-right:30px;
      margin-bottom:0;
      max-width:558px;
      width:100%; } }

.build__content-right{
  border-radius:6px;
  border:1px solid #dee2ea;
  background-color:#ffffff; }

@media screen and (min-width: 768px){
    .build__content-right{
      max-width:300px;
      width:100%; } }

@media screen and (min-width: 1024px){
    .build__content-right{
      max-width:362px; } }

.build h2{
  color:#2c333e;
  font-family:"Prata";
  font-size:26px;
  font-weight:400;
  line-height:1.2;
  margin-bottom:24px;
  max-width:500px; }

.build h3{
  color:#2c333e;
  font-family:"Prata";
  font-size:22px;
  font-weight:400;
  line-height:1.3;
  max-width:500px; }

@media screen and (min-width: 768px){
    .build h3{
      line-height:38px; } }

.build p{
  color:#787d89;
  font-size:14px;
  font-weight:400;
  line-height:1.57;
  margin-bottom:25px; }

.build ul{
  display:block;
  margin-bottom:30px; }

.build ul li{
    color:#787d89;
    font-size:14px;
    line-height:1.57;
    max-width:457px;
    width:100%;
    margin-bottom:18px;
    position:relative;
    padding-left:15px;
    margin-left:5px; }

.build ul li:before{
      content:"";
      position:absolute;
      width:7px;
      height:7px;
      top:8px;
      left:0;
      -webkit-transform:translateX(-50%);
      transform:translateX(-50%);
      background-image:url("../img/dot.svg");
      background-repeat:no-repeat; }

@media screen and (min-width: 768px){
  .build-card-wrap{
    display:-webkit-box;
    display:flex;
    -webkit-box-pack:center;
    justify-content:center;
    margin-bottom:50px; } }

.build-card{
  display:-webkit-box;
  display:flex;
  -webkit-box-align:center;
  align-items:center;
  margin-bottom:20px; }

@media screen and (min-width: 768px){
    .build-card{
      margin-bottom:0;
      -webkit-box-orient:vertical;
      -webkit-box-direction:normal;
      flex-direction:column;
      margin-right:90px; }
      .build-card:last-child{
        margin-right:0; } }

.build-card__img{
    margin-right:35px; }

@media screen and (min-width: 768px){
      .build-card__img{
        margin:0 0 27px; } }

@media screen and (min-width: 768px){
    .build-card__info{
      display:-webkit-box;
      display:flex;
      -webkit-box-orient:vertical;
      -webkit-box-direction:normal;
      flex-direction:column;
      -webkit-box-align:center;
      align-items:center; } }

.build-card__name{
    color:#2c333e;
    font-family:"Prata";
    font-size:18px;
    font-weight:400;
    line-height:1.2;
    margin-bottom:10px; }

@media screen and (min-width: 768px){
      .build-card__name{
        text-align:center; } }

.build-card__descr{
    color:#787d89;
    font-size:14px;
    line-height:1.4; }

@media screen and (min-width: 768px){
      .build-card__descr{
        text-align:center; } }

.build-info-wrap{
  margin-bottom:40px; }

.build-info-wrap.warning .build-info{
    border:1px solid #fe9478; }

.build-info-wrap.warning .build-info-add{
    display:-webkit-box;
    display:flex;
    -webkit-box-align:center;
    align-items:center; }

.build-info-wrap.warning .warning-text{
    display:block; }

.build-info-wrap .warning-text{
    color:#fe9478;
    font-size:10px;
    display:none;
    line-height:1.2; }

@media screen and (min-width: 768px){
      .build-info-wrap .warning-text{
        margin-left:50px; } }

.build-info-wrap .build-amount{
    margin:0; }

.build-info-wrap .build-amount .count{
      color:#279698; }

.build-info-wrap .build-amount .down-btn{
      background-image:none;
      border:1px solid #279698;
      border-radius:50%;
      color:#279698;
      font-size:14px;
      font-weight:600; }

.build-info-wrap .build-amount .down-btn:hover{
        background-image:none;
        color:#ffffff;
        border:1px solid #ffffff; }

.build-info-wrap .build-amount .up-btn{
      background-image:none;
      border:1px solid #279698;
      border-radius:50%;
      color:#279698;
      font-size:22px;
      font-weight:100; }

.build-info-wrap .build-amount .up-btn:hover{
        background-image:none;
        color:#ffffff;
        border:1px solid #ffffff; }

.build-info-wrap .build-info-add{
    margin-top:20px;
    display:none; }

.build-info-wrap .build-add-text{
    font-size:14px;
    margin-right:30px;
    color:#2c333e; }

.build-info{
  max-width:558px;
  width:100%;
  border-radius:6px;
  background-color:#9adddf;
  padding:30px 15px;
  display:-webkit-box;
  display:flex;
  -webkit-box-pack:center;
  justify-content:center;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  flex-direction:column;
  margin-bottom:20px;
  border:1px solid transparent; }

@media screen and (min-width: 768px){
    .build-info{
      padding:50px; } }

.build-info h3{
    font-family:"Prata";
    font-size:22px;
    font-weight:400;
    line-height:1.2;
    margin-bottom:17px; }

@media screen and (min-width: 768px){
      .build-info h3{
        font-size:26px; } }

.build-info p{
    font-size:14px;
    line-height:22px;
    margin-bottom:0; }

.build-check{
  display:-webkit-box;
  display:flex;
  -webkit-box-align:center;
  align-items:center;
  line-height:1.2;
  margin-bottom:30px; }

.build-check:last-child{
    margin-bottom:0; }

.build-check input[type="checkbox"]:checked + label:before{
    background-repeat:no-repeat;
    background-position:center;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='11' viewBox='0 0 13 11'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23c3c8d4' d='M12.872.895a.628.628 0 0 0-.919 0L4.166 9.052 1.172 5.916a.629.629 0 0 0-.919 0 .704.704 0 0 0 0 .963l3.453 3.617a.63.63 0 0 0 .92 0l8.246-8.638a.704.704 0 0 0 0-.963z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }

.build-check__input{
    display:none; }

.build-check__label{
    color:#2c333e;
    font-size:14px;
    font-weight:400;
    max-width:222px;
    position:relative;
    padding-left:24px;
    cursor:pointer; }

.build-check__label:before{
      content:"";
      position:absolute;
      left:0;
      top:-1px;
      width:16px;
      height:16px;
      border-radius:4px;
      border:1px solid #c3c8d4;
      background-color:#ffffff; }

.build-check__time{
    color:#787d89;
    font-size:14px;
    font-weight:400;
    margin-left:auto; }

.build-check__price{
    color:#2c333e;
    font-size:14px;
    font-weight:700;
    margin-left:20px; }

.price-wrap{
  padding:20px 15px;
  border-bottom:1px solid #dee2ea; }

@media screen and (min-width: 1024px){
    .price-wrap{
      padding:20px; } }

.price-wrap.border{
    border-bottom:none; }

.price-wrap .btn{
    width:100%; }

@media screen and (max-width: 768px){
      .price-wrap .btn{
        padding:13px 10px; } }

@media screen and (min-width: 768px){
      .price-wrap .btn{
        margin-left:auto;
        width:auto; } }

.price-wrap__text{
    color:#949bab;
    font-size:11px;
    font-weight:400;
    line-height:1; }

.build-price{
  display:-webkit-box;
  display:flex;
  -webkit-box-align:center;
  align-items:center;
  -webkit-box-pack:justify;
  justify-content:space-between;
  margin-bottom:30px; }

.build-price:last-child{
    margin-bottom:0; }

.build-price.result span{
    font-weight:700; }

.build-price span{
    color:#2c333e;
    font-weight:400;
    font-size:14px;
    line-height:1; }

.build-price p{
    color:#787d89;
    font-size:10px;
    margin-bottom:0; }

.build-summ{
  max-width:60px;
  width:100%;
  text-align:end; }

.build-amount{
  display:-webkit-box;
  display:flex;
  -webkit-box-align:center;
  align-items:center;
  margin-left:auto; }

@media screen and (min-width: 768px){
    .build-amount{
      margin-right:20px; } }

.build-amount .count{
    color:#787d89;
    font-size:14px;
    font-weight:400;
    margin:0 10px; }

.build-amount .down-btn{
    display:inline-block;
    cursor:pointer;
    text-align:center;
    width:31px;
    height:31px;
    background-position:center;
    background-repeat:no-repeat;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31' height='31' viewBox='0 0 31 31'%3E%3Cdefs%3E%3CclipPath id='3sira'%3E%3Cpath fill='%23fff' d='M15.5 0C24.06 0 31 6.94 31 15.5 31 24.06 24.06 31 15.5 31 6.94 31 0 24.06 0 15.5 0 6.94 6.94 0 15.5 0z'/%3E%3C/clipPath%3E%3CclipPath id='3sirb'%3E%3Cpath fill='%23fff' d='M21 15v1H10v-1z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23fff' d='M15.5 0C24.06 0 31 6.94 31 15.5 31 24.06 24.06 31 15.5 31 6.94 31 0 24.06 0 15.5 0 6.94 6.94 0 15.5 0z'/%3E%3Cpath fill='none' stroke='%23c3c8d4' stroke-miterlimit='20' stroke-width='2' d='M15.5 0C24.06 0 31 6.94 31 15.5 31 24.06 24.06 31 15.5 31 6.94 31 0 24.06 0 15.5 0 6.94 6.94 0 15.5 0z' clip-path='url("%233sira")'/%3E%3C/g%3E%3Cg%3E%3Cpath fill='none' stroke='%23c3c8d4' stroke-miterlimit='20' stroke-width='2' d='M21 15v1H10v0-1 0z' clip-path='url("%233sirb")'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }

.build-amount .down-btn.disabled{
      cursor:not-allowed;
      pointer-events:none;
      background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31' height='31' viewBox='0 0 31 31'%3E%3Cdefs%3E%3CclipPath id='3sira'%3E%3Cpath fill='%23fff' d='M15.5 0C24.06 0 31 6.94 31 15.5 31 24.06 24.06 31 15.5 31 6.94 31 0 24.06 0 15.5 0 6.94 6.94 0 15.5 0z'/%3E%3C/clipPath%3E%3CclipPath id='3sirb'%3E%3Cpath fill='%23fff' d='M21 15v1H10v-1z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23fff' d='M15.5 0C24.06 0 31 6.94 31 15.5 31 24.06 24.06 31 15.5 31 6.94 31 0 24.06 0 15.5 0 6.94 6.94 0 15.5 0z'/%3E%3Cpath fill='none' stroke='%23e8ebf2' stroke-miterlimit='20' stroke-width='2' d='M15.5 0C24.06 0 31 6.94 31 15.5 31 24.06 24.06 31 15.5 31 6.94 31 0 24.06 0 15.5 0 6.94 6.94 0 15.5 0z' clip-path='url("%233sira")'/%3E%3C/g%3E%3Cg%3E%3Cpath fill='none' stroke='%23e8ebf2' stroke-miterlimit='20' stroke-width='2' d='M21 15v1H10v0-1 0z' clip-path='url("%233sirb")'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }

.build-amount .down-btn:hover{
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease;
      background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31' height='31' viewBox='0 0 31 31'%3E%3Cdefs%3E%3CclipPath id='3sira'%3E%3Cpath fill='%23fff' d='M15.5 0C24.06 0 31 6.94 31 15.5 31 24.06 24.06 31 15.5 31 6.94 31 0 24.06 0 15.5 0 6.94 6.94 0 15.5 0z'/%3E%3C/clipPath%3E%3CclipPath id='3sirb'%3E%3Cpath fill='%23fff' d='M21 15v1H10v-1z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23fff' d='M15.5 0C24.06 0 31 6.94 31 15.5 31 24.06 24.06 31 15.5 31 6.94 31 0 24.06 0 15.5 0 6.94 6.94 0 15.5 0z'/%3E%3Cpath fill='none' stroke='%231f6099' stroke-miterlimit='20' stroke-width='2' d='M15.5 0C24.06 0 31 6.94 31 15.5 31 24.06 24.06 31 15.5 31 6.94 31 0 24.06 0 15.5 0 6.94 6.94 0 15.5 0z' clip-path='url("%233sira")'/%3E%3C/g%3E%3Cg%3E%3Cpath fill='none' stroke='%231f6099' stroke-miterlimit='20' stroke-width='2' d='M21 15v1H10v0-1 0z' clip-path='url("%233sirb")'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }

.build-amount .up-btn{
    display:inline-block;
    cursor:pointer;
    text-align:center;
    width:31px;
    height:31px;
    background-position:center;
    background-repeat:no-repeat;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31' height='31' viewBox='0 0 31 31'%3E%3Cdefs%3E%3CclipPath id='gqrea'%3E%3Cpath fill='%23fff' d='M15.5 0C24.06 0 31 6.94 31 15.5 31 24.06 24.06 31 15.5 31 6.94 31 0 24.06 0 15.5 0 6.94 6.94 0 15.5 0z'/%3E%3C/clipPath%3E%3CclipPath id='gqreb'%3E%3Cpath fill='%23fff' d='M16 21h-1v-5h-5v-1h5v-5h1v5h5v1h-5z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23fff' d='M15.5 0C24.06 0 31 6.94 31 15.5 31 24.06 24.06 31 15.5 31 6.94 31 0 24.06 0 15.5 0 6.94 6.94 0 15.5 0z'/%3E%3Cpath fill='none' stroke='%23c3c8d4' stroke-miterlimit='20' stroke-width='2' d='M15.5 0C24.06 0 31 6.94 31 15.5 31 24.06 24.06 31 15.5 31 6.94 31 0 24.06 0 15.5 0 6.94 6.94 0 15.5 0z' clip-path='url("%23gqrea")'/%3E%3C/g%3E%3Cg%3E%3Cpath fill='none' stroke='%23c3c8d4' stroke-miterlimit='20' stroke-width='2' d='M16 21h-1v-5h-5v-1h5v-5h1v5h5v1h-5z' clip-path='url("%23gqreb")'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }

.build-amount .up-btn:hover{
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease;
      background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31' height='31' viewBox='0 0 31 31'%3E%3Cdefs%3E%3CclipPath id='gqrea'%3E%3Cpath fill='%23fff' d='M15.5 0C24.06 0 31 6.94 31 15.5 31 24.06 24.06 31 15.5 31 6.94 31 0 24.06 0 15.5 0 6.94 6.94 0 15.5 0z'/%3E%3C/clipPath%3E%3CclipPath id='gqreb'%3E%3Cpath fill='%23fff' d='M16 21h-1v-5h-5v-1h5v-5h1v5h5v1h-5z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23fff' d='M15.5 0C24.06 0 31 6.94 31 15.5 31 24.06 24.06 31 15.5 31 6.94 31 0 24.06 0 15.5 0 6.94 6.94 0 15.5 0z'/%3E%3Cpath fill='none' stroke='%231f6099' stroke-miterlimit='20' stroke-width='2' d='M15.5 0C24.06 0 31 6.94 31 15.5 31 24.06 24.06 31 15.5 31 6.94 31 0 24.06 0 15.5 0 6.94 6.94 0 15.5 0z' clip-path='url("%23gqrea")'/%3E%3C/g%3E%3Cg%3E%3Cpath fill='none' stroke='%231f6099' stroke-miterlimit='20' stroke-width='2' d='M16 21h-1v-5h-5v-1h5v-5h1v5h5v1h-5z' clip-path='url("%23gqreb")'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }

.accordion-section{
  padding:50px 0;
  position:relative;
  z-index:1; }

@media screen and (min-width: 768px){
    .accordion-section{
      padding:0 0 50px 0;
      margin:-56px 0 0 0; } }

@media screen and (min-width: 1024px){
    .accordion-section{
      margin:-98px 0 0 0; } }

.accordion{
  max-width:558px;
  width:100%; }

.accordion__item{
    -webkit-box-align:center;
    align-items:center;
    text-align:start;
    border-radius:6px;
    background-color:#e8ebf2;
    margin-bottom:10px; }

.accordion__content{
    display:none;
    box-sizing:border-box;
    padding:0px 10px 28px 12px; }

@media screen and (min-width: 768px){
      .accordion__content{
        padding:0px 60px 25px 50px; } }

.accordion h3{
    color:#2c333e;
    font-family:"Prata";
    font-weight:400;
    font-size:22px;
    line-height:1;
    max-width:100%;
    position:relative;
    cursor:pointer;
    padding:27px 12px 25px 12px;
    display:-webkit-box;
    display:flex;
    -webkit-box-align:center;
    align-items:center; }

@media screen and (min-width: 768px){
      .accordion h3{
        padding:7px 47px 4px 50px;
        font-size:26px;
        line-height:1.2;
        min-height:72px; } }

.accordion h3:hover:after, .accordion h3.active:after{
      background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31' height='31' viewBox='0 0 31 31'%3E%3Cdefs%3E%3CclipPath id='3sira'%3E%3Cpath fill='%23fff' d='M15.5 0C24.06 0 31 6.94 31 15.5 31 24.06 24.06 31 15.5 31 6.94 31 0 24.06 0 15.5 0 6.94 6.94 0 15.5 0z'/%3E%3C/clipPath%3E%3CclipPath id='3sirb'%3E%3Cpath fill='%23fff' d='M21 15v1H10v-1z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23fff' d='M15.5 0C24.06 0 31 6.94 31 15.5 31 24.06 24.06 31 15.5 31 6.94 31 0 24.06 0 15.5 0 6.94 6.94 0 15.5 0z'/%3E%3Cpath fill='none' stroke='%23c3c8d4' stroke-miterlimit='20' stroke-width='2' d='M15.5 0C24.06 0 31 6.94 31 15.5 31 24.06 24.06 31 15.5 31 6.94 31 0 24.06 0 15.5 0 6.94 6.94 0 15.5 0z' clip-path='url("%233sira")'/%3E%3C/g%3E%3Cg%3E%3Cpath fill='none' stroke='%23c3c8d4' stroke-miterlimit='20' stroke-width='2' d='M21 15v1H10v0-1 0z' clip-path='url("%233sirb")'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }

.accordion h3:after{
      content:'';
      position:absolute;
      top:22px;
      right:20px;
      width:31px;
      height:31px;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease;
      will-change:background;
      background-size:100%;
      background-repeat:no-repeat;
      background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31' height='31' viewBox='0 0 31 31'%3E%3Cdefs%3E%3CclipPath id='gqrea'%3E%3Cpath fill='%23fff' d='M15.5 0C24.06 0 31 6.94 31 15.5 31 24.06 24.06 31 15.5 31 6.94 31 0 24.06 0 15.5 0 6.94 6.94 0 15.5 0z'/%3E%3C/clipPath%3E%3CclipPath id='gqreb'%3E%3Cpath fill='%23fff' d='M16 21h-1v-5h-5v-1h5v-5h1v5h5v1h-5z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23fff' d='M15.5 0C24.06 0 31 6.94 31 15.5 31 24.06 24.06 31 15.5 31 6.94 31 0 24.06 0 15.5 0 6.94 6.94 0 15.5 0z'/%3E%3Cpath fill='none' stroke='%23c3c8d4' stroke-miterlimit='20' stroke-width='2' d='M15.5 0C24.06 0 31 6.94 31 15.5 31 24.06 24.06 31 15.5 31 6.94 31 0 24.06 0 15.5 0 6.94 6.94 0 15.5 0z' clip-path='url("%23gqrea")'/%3E%3C/g%3E%3Cg%3E%3Cpath fill='none' stroke='%23c3c8d4' stroke-miterlimit='20' stroke-width='2' d='M16 21h-1v-5h-5v-1h5v-5h1v5h5v1h-5z' clip-path='url("%23gqreb")'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }

.accordion p,
  .accordion li{
    color:#787d89;
    font-size:14px;
    line-height:1.57;
    max-width:457px;
    margin-bottom:25px; }

.accordion ul li{
    position:relative;
    padding-left:15px; }

.accordion ul li:before{
      content:"";
      position:absolute;
      width:7px;
      height:7px;
      top:50%;
      left:0;
      -webkit-transform:translateY(-50%);
      transform:translateY(-50%);
      background-image:url("../img/dot.svg");
      background-repeat:no-repeat; }

.accordion ol li{
    position:relative;
    padding-left:5px;
    list-style-type:decimal;
    margin-left:16px; }

.accordion h4{
    color:#2c333e;
    font-size:14px;
    font-weight:700;
    line-height:1.57;
    margin-bottom:18px; }

.intro-section{
  position:relative;
  z-index:1;
  padding:50px 0 42px;
  background-repeat:no-repeat;
  background-position:center;
  background-size:cover;
  background-image:url("../img/ex-bg.png");
  height:220vw; }

@media screen and (min-width: 480px){
    .intro-section{
      height:160vw; } }

@media screen and (min-width: 768px){
    .intro-section{
      height:40vw;
      padding:50px 0 30px; } }

@media screen and (min-width: 1024px){
    .intro-section{
      height:30vw; } }

.intro-section.reservation{
    background-image:url("../img/Mob_Reservation.png");
    padding:34px 0 186px; }

@media screen and (min-width: 768px){
      .intro-section.reservation{
        top:-20px;
        background-image:url("../img/Reservation.png");
        height:43vw;
        padding:47px 0 0; } }

@media screen and (min-width: 1024px){
      .intro-section.reservation{
        height:35vw; } }

@media screen and (min-width: 1440px){
      .intro-section.reservation{
        height:32vw;
        padding:87px 0 0; } }

.intro-section.excursions{
    background-image:url("../img/Mob_Shore_Excursions.png");
    padding:64px 0 111px; }

@media screen and (min-width: 768px){
      .intro-section.excursions{
        top:-20px;
        background-image:url("../img/Shore_Excursions.png");
        height:52vw;
        padding:47px 0 0; } }

@media screen and (min-width: 1024px){
      .intro-section.excursions{
        height:32vw; } }

@media screen and (min-width: 1440px){
      .intro-section.excursions{
        padding:97px 0 0; } }

.intro-section.city-tour{
    background-image:url("../img/Mob_City_tours.png");
    padding:64px 0 123px; }

@media screen and (min-width: 768px){
      .intro-section.city-tour{
        top:-20px;
        background-image:url("../img/City_tours.png");
        height:49vw;
        padding:47px 0 0; } }

@media screen and (min-width: 1024px){
      .intro-section.city-tour{
        height:33vw; } }

@media screen and (min-width: 1440px){
      .intro-section.city-tour{
        height:32vw;
        padding:97px 0 0; } }

.intro-section.faq{
    background-image:url("../img/Mob_FAQ.png");
    padding:34px 0 107px; }

@media screen and (min-width: 768px){
      .intro-section.faq{
        top:-20px;
        background-image:url("../img/FAQ.png");
        height:43vw;
        padding:25px 0 0; } }

@media screen and (min-width: 1024px){
      .intro-section.faq{
        height:35vw; } }

@media screen and (min-width: 1440px){
      .intro-section.faq{
        height:32vw;
        padding:75px 0 0; } }

.intro-section.build-bg{
    background-image:url("../img/Mob_Build_your_own_tour.png");
    padding:64px 0 105px; }

@media screen and (min-width: 768px){
      .intro-section.build-bg{
        top:-20px;
        background-image:url("../img/Build_your_own_tour.png");
        height:54vw;
        padding:47px 0 0; } }

@media screen and (min-width: 1024px){
      .intro-section.build-bg{
        height:37vw; } }

@media screen and (min-width: 1440px){
      .intro-section.build-bg{
        height:32vw;
        padding:77px 0 0; } }

.intro-section.roll-bg{
    background-image:url("../img/Mob_Roll-call.png");
    padding:30px 0 105px;
    height:100vw; }

@media screen and (min-width: 768px){
      .intro-section.roll-bg{
        height:50vw;
        top:-20px;
        padding-top:50px;
        background-image:url("../img/Roll-call.png");
        margin-bottom:-118px; } }

@media screen and (min-width: 1024px){
      .intro-section.roll-bg{
        padding-top:44px;
        height:40vw; } }

@media screen and (min-width: 1440px){
      .intro-section.roll-bg{
        height:32vw;
        padding-top:64px; } }

.intro-section .intro-content .section-title{
    color:#ffffff;
    margin-bottom:20px;
    margin-top:39px; }

.intro-section .intro-content .results-text{
    color:#ffffff;
    font-size:14px; }

.intro-section .intro-content .intro-text{
    color:#ffffff;
    font-size:14px;
    line-height:1.57;
    max-width:257px; }

@media screen and (min-width: 768px){
      .intro-section .intro-content .intro-text{
        max-width:410px; } }

.intro-section .search-form__nav{
    margin-left:auto; }

@media screen and (min-width: 768px){
    .intro-section .ml{
      margin-left:127px; } }

@media screen and (min-width: 1024px){
    .intro-section .ml{
      margin-left:167px; } }

@media screen and (min-width: 1360px){
    .intro-section .ml{
      margin-left:250px; } }

.options-section{
  position:relative;
  background-repeat:no-repeat;
  background-position:top center;
  padding:50px 0; }

@media screen and (min-width: 1024px){
    .options-section{
      background-size:contain; } }

.options-section .section-title{
    color:#ffffff;
    margin-bottom:19px; }

@media screen and (min-width: 768px){
      .options-section .section-title{
        margin-bottom:21px; } }

.options-section .btn.primary{
    width:118px; }

.options__top{
  margin-bottom:40px; }

.options__top img{
    width:100%;
    height:auto;
    -o-object-fit:cover;
    object-fit:cover;
    position:relative; }

@media screen and (min-width: 480px){
      .options__top img{
        height:64vw;
        -o-object-fit:cover;
        object-fit:cover;
        max-width:100%;
        margin-top:-10px; } }

@media screen and (min-width: 680px){
      .options__top img{
        height:46vw; } }

@media screen and (min-width: 768px){
      .options__top img{
        height:36vw; } }

@media screen and (min-width: 1024px){
      .options__top img{
        height:33vw; } }

.options__wrap{
  position:absolute;
  top:90px; }

@media screen and (min-width: 768px){
    .options__wrap{
      margin-left:16%; } }

.options__info{
  color:#ffffff;
  font-family:"Noto Sans";
  font-size:14px;
  font-weight:500;
  line-height:1; }

@media screen and (min-width: 768px){
    .options__info{
      font-size:16px; } }

.optionscard-section{
  padding:40px 0 50px 0; }

@media screen and (min-width: 1440px){
    .optionscard-section{
      padding:100px 0 50px 0; } }

.optionscard-section .btn{
    min-width:118px; }

.optionscard-wrap{
  display:-webkit-box;
  display:flex;
  flex-wrap:wrap;
  margin:0 -15px; }

.optionscard{
  padding:0 15px;
  margin-bottom:27px;
  width:100%; }

@media screen and (min-width: 768px){
    .optionscard{
      width:50%;
      margin-bottom:60px; } }

@media screen and (min-width: 1024px){
    .optionscard{
      width:33%; } }

.optionscard__wrap{
    -webkit-box-align:normal;
    align-items:normal; }

.optionscard__wrap:hover .optionscard__img:before{
      opacity:0.8; }

.optionscard__wrap:hover .optionscard__title{
      color:#236197; }

.optionscard__img{
    height:auto;
    border-radius:6px;
    overflow:hidden;
    margin-bottom:20px;
    position:relative; }

@media screen and (min-width: 768px){
      .optionscard__img{
        margin-bottom:30px; } }

.optionscard__img img{
      width:100%;
      display:block; }

.optionscard__img:before{
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease;
      position:absolute;
      content:"";
      top:0;
      left:0;
      width:100%;
      height:100%;
      background-color:#236197;
      opacity:0;
      z-index:2; }

.optionscard__nav{
    display:-webkit-box;
    display:flex;
    -webkit-box-align:center;
    align-items:center;
    -webkit-box-pack:end;
    justify-content:flex-end;
    position:absolute;
    top:12px;
    right:12px;
    z-index:3; }

.optionscard__nav .btn-color{
      margin:0 0 0 10px; }

.optionscard__descr{
    color:#787d89;
    font-size:14px;
    font-weight:400;
    line-height:150%; }

.optionscard__title{
    color:#2c333e;
    font-family:"Prata";
    font-size:18px;
    font-weight:400;
    margin-bottom:20px;
    margin-bottom:14px; }

@media screen and (min-width: 768px){
      .optionscard__title{
        margin-bottom:20px; } }

.optionscard__day{
    font-weight:500;
    line-height:150%;
    margin-right:48px;
    position:relative;
    padding-left:20px;
    color:#787d89;
    font-size:14px; }

.optionscard__day:last-child{
      margin-right:0; }

.optionscard__day:before{
      content:"";
      position:absolute;
      top:50%;
      left:0;
      -webkit-transform:translateY(-50%);
      transform:translateY(-50%);
      width:12px;
      height:12px;
      background-image:url("../img/count3.svg"); }

.optionscard__day_price:before{
      background-image:url("../img/count4.svg"); }

.optionscard__price-wrap{
    display:-webkit-box;
    display:flex;
    margin-top:15px; }

.reservation-section{
  padding:30px 0 50px; }

@media screen and (min-width: 768px){
    .reservation-section{
      padding:0 0 50px; } }

.reservation-section .reservation-title{
    color:#2c333e;
    font-family:"Prata";
    font-size:26px;
    font-weight:400;
    line-height:1.2;
    margin-bottom:20px; }

@media screen and (min-width: 768px){
    .reservation-section .ml{
      margin-left:26px; } }

@media screen and (min-width: 1024px){
    .reservation-section .ml{
      margin-left:167px; } }

@media screen and (min-width: 1360px){
    .reservation-section .ml{
      margin-left:250px; } }

.reservation-section .btn.tertiary{
    width:100%;
    font-size:16px;
    margin-top:10px; }

@media screen and (min-width: 450px){
      .reservation-section .btn.tertiary{
        width:auto; } }

.reservation__btn{
  max-width:852px;
  display:-webkit-box;
  display:flex;
  -webkit-box-pack:center;
  justify-content:center; }

@media screen and (min-width: 768px){
    .reservation__btn{
      -webkit-box-pack:end;
      justify-content:flex-end; } }

.reservation__credit{
  display:none; }

.reservation__wrap{
  margin-bottom:150px;
  margin-top:35px; }

@media screen and (min-width: 768px){
    .reservation__wrap{
      margin-bottom:116px;
      margin-top:20px; } }

@media screen and (min-width: 1024px){
    .reservation__wrap{
      margin-bottom:68px;
      margin-top:-17px; } }

@media screen and (min-width: 1440px){
    .reservation__wrap{
      margin-top:35px;
      margin-bottom:120px; } }

@media screen and (min-width: 1920px){
    .reservation__wrap{
      margin-bottom:280px; } }

.reservation__info{
  color:#ffffff;
  font-size:14px;
  font-weight:400;
  line-height:1.57;
  max-width:257px; }

@media screen and (min-width: 768px){
    .reservation__info{
      max-width:410px; } }

.reservation__title{
  position:relative; }

.reservation__case{
  max-width:852px;
  width:100%; }

.reservation__case-head{
  display:-webkit-box;
  display:flex;
  -webkit-box-pack:justify;
  justify-content:space-between;
  -webkit-box-align:center;
  align-items:center; }

.reservation__case-title{
  color:#2c333e;
  font-family:"Prata";
  font-size:18px;
  font-weight:400;
  line-height:1.22;
  margin-bottom:15px; }

.reservation__case-subtitle{
  color:#236197;
  font-size:14px;
  font-weight:400;
  line-height:4.42;
  position:relative;
  padding-left:15px; }

.reservation__case-subtitle:hover{
    color:#003561; }

.reservation__case-subtitle::before{
    content:"";
    position:absolute;
    width:9px;
    height:9px;
    left:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='9'%3E%3Cpath fill='%23236197' d='M8.477 7.926l-.707.707-3.535-3.536L.699 8.633l-.707-.707 3.536-3.535L-.008.855.699.148l3.536 3.536L7.77.148l.706.707L4.942 4.39z'/%3E%3C/svg%3E");
    background-repeat:no-repeat; }

.reservation__case-subtitle::before:hover{
      background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='9'%3E%3Cpath fill='%23003561' d='M8.32 7.754l-.706.706-3.536-3.535L.543 8.46l-.707-.706 3.536-3.536L-.164.682l.707-.707 3.536 3.536L7.614-.025l.707.707-3.536 3.536z'/%3E%3C/svg%3E"); }

.reservation__case-wrap{
  display:-webkit-box;
  display:flex;
  flex-wrap:wrap;
  -webkit-box-pack:justify;
  justify-content:space-between; }

@media screen and (min-width: 768px){
    .reservation__case-wrap{
      -webkit-box-orient:horizontal;
      -webkit-box-direction:normal;
      flex-direction:row;
      flex-wrap:unset; } }

.reservation__case-wrap.start{
    -webkit-box-pack:start !important;
    justify-content:flex-start !important; }

@media screen and (min-width: 768px){
      .reservation__case-wrap.start .length:nth-child(1){
        margin-right:23px; } }

.reservation__case-wrap_wrap{
    height:50px;
    border-radius:6px;
    border:1px solid #dee2ea;
    background-color:#ffffff;
    display:-webkit-box;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    flex-direction:column;
    -webkit-box-pack:center;
    justify-content:center;
    padding:14px 16px;
    margin-bottom:15px; }

@media screen and (min-width: 768px){
      .reservation__case-wrap_wrap{
        width:100%;
        max-width:calc(33.33% - 15px);
        margin-bottom:30px; } }

.reservation__case-wrap_wrap.date-icon{
      position:relative;
      z-index:1;
      padding-left:0; }

.reservation__case-wrap_wrap.date-icon .reservation__date{
        padding-left:16px;
        margin-left:0; }

.reservation__case-wrap_wrap.date-icon .reservation__label{
        padding-left:16px; }

.reservation__case-wrap_wrap.date-icon:before{
        content:url("../img/Date.svg");
        position:absolute;
        z-index:-1;
        right:10px;
        top:16px; }

.reservation__case-wrap_wrap:nth-child(1){
      width:100%; }

.reservation__case-wrap_wrap:nth-child(2){
      width:calc(50% - 10px); }

.reservation__case-wrap_wrap:nth-child(3){
      width:calc(50% - 10px); }

.reservation__case-wrap_wrap:nth-child(4){
      width:100%; }

.reservation__case-wrap_wrap:last-child{
      margin-right:0; }

.reservation__case-wrap_wrap .nice-select{
      border-bottom:none !important; }

.reservation__case-wrap_wrap .search-form{
      margin:0 -16px; }

.reservation__case-wrap_wrap .search-form__select-wrap{
        width:100%;
        border:none; }

.reservation__label, .reservation__age{
  color:#2c333e;
  font-size:8px;
  font-weight:700;
  line-height:1.5;
  text-transform:uppercase;
  letter-spacing:0.32px; }

.reservation__input, .reservation__date{
  color:#949bab;
  font-family:"Noto Sans";
  font-size:11px;
  font-weight:400;
  line-height:1.45;
  margin-left:-2px; }

.reservation__inner{
  display:-webkit-box;
  display:flex;
  margin-right:30px; }

.reservation__add{
  position:relative;
  padding-left:15px;
  margin-left:6px;
  color:#236197;
  font-size:14px;
  font-weight:400;
  line-height:4.43;
  cursor:pointer;
  margin-bottom:42px; }

.reservation__add:hover{
    color:#003561; }

.reservation__add::before{
    content:"";
    position:absolute;
    width:12px;
    height:12px;
    left:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    background-image:url("../img/dagger-rot.svg");
    background-repeat:no-repeat; }

.reservation__areae{
  width:100%;
  height:100px; }

.reservation__areae:nth-child(1){
    max-width:852px;
    width:100%; }

.reservation__check-label{
  display:inline-block;
  cursor:pointer;
  position:relative;
  padding-left:25px;
  margin-right:15px;
  color:#787d89;
  font-size:14px;
  font-weight:400;
  line-height:1.57; }

.reservation__check-label:before{
    content:"";
    display:inline-block;
    width:16px;
    height:16px;
    margin-right:10px;
    position:absolute;
    left:0;
    bottom:1px;
    border-radius:4px;
    border:1px solid #dee2ea;
    background-color:#ffffff;
    top:2px; }

.reservation__check{
  margin-bottom:30px; }

.reservation__total{
  display:-webkit-box;
  display:flex;
  width:100%;
  max-width:852px;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  flex-direction:column; }

@media screen and (min-width: 768px){
    .reservation__total{
      -webkit-box-orient:horizontal;
      -webkit-box-direction:normal;
      flex-direction:row; } }

.reservation__total-wrap{
  width:100%; }

@media screen and (min-width: 768px){
    .reservation__total-wrap{
      width:70%;
      margin-right:25px; } }

.reservation__total-price{
  width:100%;
  padding-top:4px; }

@media screen and (min-width: 768px){
    .reservation__total-price{
      width:30%; } }

.reservation__total-info{
  color:#787d89;
  font-size:14px;
  font-weight:400;
  line-height:1.5;
  margin-bottom:30px; }

@media screen and (min-width: 768px){
    .reservation__total-info{
      margin-bottom:0; } }

.reservation__price-inner{
  display:-webkit-box;
  display:flex;
  -webkit-box-pack:justify;
  justify-content:space-between; }

.reservation__price-title{
  color:#2c333e;
  font-size:14px;
  font-weight:400;
  line-height:1;
  margin-bottom:30px; }

.reservation__price-title.light{
    color:#787d89; }

.reservation__price-title.heavy{
    font-weight:700; }

.reservation__price-line{
  width:100%;
  height:1px;
  background-color:#dee2ea;
  margin-bottom:25px; }

.reservation__check-inner{
  display:-webkit-box;
  display:flex;
  -webkit-box-align:center;
  align-items:center;
  line-height:1.2;
  margin-bottom:30px; }

.reservation__check-inner:last-child{
    margin-bottom:0; }

.reservation__check-inner input[type="checkbox"]:checked + label:before{
    background-repeat:no-repeat;
    background-position:center;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='11' viewBox='0 0 13 11'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23c3c8d4' d='M12.872.895a.628.628 0 0 0-.919 0L4.166 9.052 1.172 5.916a.629.629 0 0 0-.919 0 .704.704 0 0 0 0 .963l3.453 3.617a.63.63 0 0 0 .92 0l8.246-8.638a.704.704 0 0 0 0-.963z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }

.reservation__check-inner__input{
    display:none; }

.length:nth-child(1){
  width:100%; }

.length:nth-child(2){
  width:100%; }

.length:nth-child(3){
  width:100%; }

.roll__info{
  color:#32383f;
  font-family:"Prata";
  font-size:18px;
  font-weight:400;
  line-height:1.44;
  max-width:523px;
  padding:50px 0 50px; }

@media screen and (min-width: 768px){
    .roll__info{
      padding:50px 0 100px; } }

.roll-section{
  position:relative;
  z-index:1;
  padding:50px 0; }

@media screen and (min-width: 768px){
    .roll-section{
      padding:20px 0 50px; } }

.roll-section .section-title{
    color:#ffffff;
    margin-bottom:19px; }

@media screen and (min-width: 768px){
      .roll-section .section-title{
        margin-bottom:21px; } }

.roll-search{
  margin-bottom:20px; }

.roll-search .search-form__wrap{
    display:-webkit-box;
    display:flex;
    flex-wrap:wrap; }

@media screen and (min-width: 768px){
      .roll-search .search-form__wrap{
        max-width:362px;
        flex-wrap:nowrap; } }

.roll-search .search-form__select-wrap{
    width:50%;
    border-bottom:none; }

@media screen and (min-width: 768px){
      .roll-search .search-form__select-wrap{
        width:98px;
        border-right:1px solid #dee2ea; } }

.roll-search .search-form__select-wrap:first-child{
      border-right:1px solid #dee2ea; }

.roll-search .search-form__nav{
    width:100%; }

@media screen and (min-width: 768px){
      .roll-search .search-form__nav{
        width:165px;
        display:-webkit-box;
        display:flex;
        -webkit-box-align:center;
        align-items:center;
        -webkit-box-pack:end;
        justify-content:flex-end; } }

@media screen and (min-width: 768px){
    .roll-search .search-form .nice-select{
      border-bottom:none; } }

.roll{
  max-width:840px; }

.roll__posts{
    border-top:1px solid #236197;
    border-bottom:1px solid #236197;
    margin-bottom:25px; }

@media screen and (min-width: 768px){
      .roll__posts{
        border-top:none;
        border-bottom:none; } }

.roll__posts-head{
    display:grid;
    grid-template-columns:1fr;
    grid-row-gap:14px;
    padding:25px 0;
    grid-template-rows:1fr 1fr 1fr 3fr;
    grid-column-gap:20px;
    margin-right:17px;
    margin-top:2px; }

@media screen and (min-width: 768px){
      .roll__posts-head{
        grid-template-columns:0.8fr 1.5fr 1.5fr 3fr;
        grid-template-rows:1fr;
        margin-right:0;
        margin-top:0;
        border-bottom:1px solid #236197; } }

.roll__posts-inner{
    display:grid;
    grid-template-columns:3fr;
    grid-row-gap:10px;
    padding:20px 0;
    grid-template-rows:1fr 1fr 1fr 3fr;
    grid-column-gap:20px; }

@media screen and (min-width: 768px){
      .roll__posts-inner{
        grid-template-columns:0.8fr 1.5fr 1.5fr 3fr;
        grid-template-rows:1fr; } }

.roll__posts-subtitle{
    color:#2c333e;
    font-size:14px;
    font-weight:400;
    line-height:1.77; }

.roll__posts-subtitle.light{
      color:#787d89; }

.roll__posts-title{
    color:#2c333e;
    font-size:10px;
    font-weight:700;
    line-height:1;
    text-transform:uppercase;
    letter-spacing:0.4px; }

.roll__hide{
    display:grid; }

@media screen and (min-width: 768px){
      .roll__hide{
        display:none; } }

.roll__posts-wrap{
    display:-webkit-box;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    flex-direction:row;
    border-bottom:1px solid #dee2ea; }

@media screen and (min-width: 768px){
      .roll__posts-wrap{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        flex-direction:column; } }

.sity-section{
  padding:50px 0 80px; }

@media screen and (min-width: 768px){
    .sity-section{
      padding-bottom:100px; } }

.sity-section .sity-info{
    color:#32383f;
    font-family:"Prata";
    font-size:18px;
    font-weight:400;
    line-height:1.44;
    max-width:523px; }

.tour-section{
  background-color:#236197;
  z-index:2;
  padding:50px 0 10vw 0;
  position:relative; }

@media screen and (min-width: 768px){
    .tour-section{
      padding:50px 0 2vw 0; } }

.tour-section:after{
    content:"";
    position:absolute;
    z-index:1;
    bottom:-11vw;
    left:-7px;
    width:100vw;
    height:13vw;
    background-image:url("../img/line-up.svg");
    background-size:cover;
    background-repeat:no-repeat; }

@media screen and (min-width: 1200px){
      .tour-section:after{
        bottom:-7vw;
        width:65vw;
        height:8vw; } }

.tour-section .section-title{
    color:#ffffff;
    margin-bottom:21px;
    max-width:580px;
    line-height:1.15; }

.tour-section .section-title span{
      display:block; }

@media screen and (min-width: 768px){
      .tour-section .section-title{
        margin-bottom:46px; } }

.tour-slider-section{
  position:relative;
  z-index:1;
  padding:20px 10px 10px; }

@media screen and (min-width: 768px){
    .tour-slider-section{
      padding:30px 0 50px; } }

.tour-slider-section .tour-slider{
    position:relative;
    padding:0 0 30px; }

@media screen and (min-width: 1024px){
      .tour-slider-section .tour-slider{
        position:relative;
        padding-right:8%; } }

.tour-slider-section .tour-slider img{
      width:100%; }

.tour-slider-section .tour-slider .swiper-slide{
      border-radius:10px;
      overflow:hidden; }

.tour-slider-section .tour-slider .swiper-pagination{
      bottom:10px; }

.tour-slider-section .tour-slider .swiper-nav{
      position:absolute;
      right:10%;
      bottom:50px;
      z-index:1; }

.tour__info-wrap{
  padding:20px 15px 0;
  border-bottom:1px solid #dee2ea; }

@media screen and (min-width: 1024px){
    .tour__info-wrap{
      padding:20px 20px 0 20px; } }

.tour__info h3{
  color:#2c333e;
  font-size:8px;
  font-weight:700;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:0.32px;
  margin-bottom:5px;
  font-family:"Noto Sans"; }

.tour__info h4{
  color:#787d89;
  font-size:14px;
  font-weight:400;
  line-height:1;
  margin-bottom:24px; }

.search-form__select-wrap.full-width {
  width: 100% !important;
  border-right: none !important;
}

.search-form__select-wrap.full-width li {
  color: #000;
  font-size: 12px;
  line-height: 40px;
  max-width: 100%;
  width: auto;
  margin-bottom: 0;
  position: static;
  margin-left: 0;
}

.search-form__select-wrap.full-width li:before {
  display: none;
}

.evening-section .swiper-container {
    width: 100vw;
}