:root {
  /* === Цвета проекта === */
  --color-primary: #2cafe9;
  --color-dark: #073163;
  --color-light: #f4f8fa;
  --color-success: #009406;
  --color-danger: #ff3434;
  --color-warning: #f7a800;
  --color-gray: #919191;

  /* === Шрифты === */
  --font-main: "Roboto","SFProDisplay", system-ui, sans-serif;
}

/* ==============================
   Базовые стили (html, body, reset)
   ============================== */

/* ==============================
   Layout: header, footer, grid
   ============================== */

/* ==============================
   Компоненты: кнопки, карточки, формы
   ============================== */

/* ==============================
   Утилиты (helper classes)
   ============================== */

/* ==============================
   Медиа-запросы
   ============================== */


@font-face{
font-family:SFProDisplay;
src:url('../fonts/SFProDisplay-Regular.woff') format('woff');
font-weight:400}

@font-face{
font-family:SFProDisplay;
src:url('../fonts/SFProDisplay-Medium.woff') format('woff');
font-weight:700}

@font-face{
font-family:SFProDisplay;
src:url('../fonts/SFProDisplay-Heavy.woff') format('woff');
font-weight:800}

@font-face{
font-family:SFProDisplay;
src:url('../fonts/SFProDisplay-Black.woff') format('woff');
font-weight:900}

html{
font-family: 'Roboto','SFProDisplay',system-ui, sans-serif;
font-size:.7em;
scroll-behavior:smooth}

img{max-width:100%;}

body{
font-size:1.2rem;
font-family:'Roboto','SFProDisplay',system-ui, sans-serif;
min-width:320px;
color:#000;
background:#f4f8fa}

label{font-size:clamp(12px,1.6vw,14px);padding-left: 10px;}

.select2-container{/* display:unset */border-radius: 1rem;}
/* multiselect */
.select2-container--default .select2-selection--multiple {
    min-height: 40px;
    border: 1px solid #ced4da !important;
    border-radius: 1.3rem;
    background: #fff url(../../img/select.png) no-repeat calc(100% - 10px) center !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #eaf9ff;
    border-color: #cceefb;
    color: #133452;
    padding: 0 4px;
    font-size: 1.3rem;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    padding-left: 1.5rem;    
}

.select2-selection__rendered {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-wrap: nowrap;
}
 /* end multiselect */
.select2-container--default .select2-selection--single{
background-color:#fff;
border:1px solid #e3e3e3;
border-radius:3px}

.select2-selection__arrow{
display:none}

.select2-container .select2-selection--single{
height:unset}

.select2-container--default .select2-selection--single .select2-selection__rendered{
color:#444;
padding:6px 19px 7px 19px;
height:2.97rem;
font-size:1.2rem}

.select2-selection.select2-selection--single{
background:#fff url(../../img/select.png) no-repeat calc(100% - 10px) center!important}

.select2-results__option .select2-results__option--selectable{
font-size:1.2rem}

a,a:hover{
transition:all .5s}

:focus{
outline:0}

header{padding:1rem 0;}

.offices>div{
font-weight:700;
margin-bottom:.5rem}

.offices a{
display:inline-block;
color:#2cafe9;
font-weight:400}

.offices a img{
margin-right:5px}

.offices a span{
text-decoration-line:underline}

.offices a:nth-of-type(2n){
margin-left:10px}

.phones a{
font-size:1.2rem;
font-family:SFProDisplay,system-ui,sans-serif;
color:#073163;
font-weight:800;
line-height:normal}

.phones a:hover{
color:#2a7de2}

.phones a.mgreen{
color:#026825}

.phones a.mgreen:hover{
color:#02b942}

.phones a.mred{
color:#a00}

.phones a.mred:hover{
color:#f74949}

.phones a+a{
margin-top:5px}

.btn-blue{background:linear-gradient(125.75deg,#2cb0ea 37.4%,#073163 142.76%);border-radius: 1.3rem;color:#fff!important;text-transform:uppercase;font-weight:900;display:block;text-align:center;padding:10px 20px;font-size:12px;border:none;box-shadow:none;text-decoration:none!important}

.btn-blue.inactive{
background:linear-gradient(125.75deg,#f0f2f3 37.4%,#79d5ff 142.76%);
color:#073163!important}

.btn-blue:hover{
color:#fff;
text-decoration:none;
background:linear-gradient(125.75deg,#073163 37.4%,#2cb0ea 142.76%)}

.btn-blue.inactive:hover{
color:#fff!important}

.enter{
color:#bdbdbd;
margin-bottom:1rem}

.enter-btn{
color:#2cb0ea;
font-weight:700}

.reg-btn{
color:#000}

.socials a{
opacity:.5;
display:inline-block}

.socials a+a{
margin-left:10px}

.socials a:hover{
opacity:1;
text-decoration:none}

#header [class*=col-]{
margin:auto 0}

#header .btn-blue{
max-width:192px;
margin:auto}

.navbar-main{
padding:0;
margin-bottom:20px;
position:relative;
z-index:auto}

.navbar-main .navbar-collapse{background:#17669b;width:100%;border-radius: 1.3rem;}

.navbar-main .navbar-collapse .navbar-nav{display:table;width:100%;border-radius: 1.3rem;}

.navbar-main .navbar-collapse .navbar-nav>li{
display:table-cell}

.navbar-main .nav-item>a{
color:#fff;
font-family:SFProDisplay,system-ui,sans-serif;
font-style:normal;
font-weight:800;
font-size:14px;
display:block;
padding:15px!important;
text-align:center;
text-transform:uppercase}

.navbar-main .nav-item.active>a,.navbar-main .nav-item>a:hover{background:#2cafe9;border-radius: 1.3rem 0 0 1.3rem;}

.navbar-main .navbar-collapse .navbar-nav>li:first-of-type>a{
border-radius:5px 0 0 5px}

.navbar-main .navbar-collapse .navbar-nav>li:last-of-type>a{border-radius: 0 1.3rem 1.3rem 0;}

.has-childern{
position:relative}

.has-childern ul{
position:absolute;
top:100%;
left:0;
right:0;
list-style:none;
padding:0;
margin:0;
background:#f3f3f3;
border-radius:0 0 5px 5px;
overflow:hidden;
max-height:0;
overflow:hidden;
transition:all .5s;
width:auto;
min-width:fit-content}

.has-childern:hover ul{
max-height:500px;
transition:all .5s}

.has-childern ul li a{
color:#073163;
padding:10px 20px;
font-weight:800;
font-size:.9rem;
display:block;
text-transform:uppercase;
text-decoration:none}

.has-childern ul li a:hover,.has-childern ul li.active a{
background:#073163;
color:#fff;
text-decoration:none}

.has-childern ul li+li{
border-top:1px solid #fff}

.has-childern>ul{
z-index:10}

.slide{
display:-webkit-flex;
display:-ms-flexbox;
display:flex}

#main_slider .slide{
aspect-ratio:16/4 !important;
min-height: 25vw;}

#main_slider .slide .container>.row{
min-height:500px}

#main_slider .text{
background:rgba(7,49,99,.5);
padding:40px 80px;
color:#fff;
font-family:SFProDisplay,system-ui,sans-serif}

#main_slider .text .title{
font-size:40px;
font-weight:900;
line-height:1.3;
margin-bottom:20px}

#main_slider .text .descr{
font-size:24px}

#search_form{
margin-top:-80px;}

#search_form .tab-content{background:#073163;box-shadow:0 10px 50px rgba(0,0,0,.07);border-radius: 0 2rem 2rem 2rem;color:#fff;padding:40px 20px 1rem 20px}

#search_form .nav-tabs{border:none;margin-bottom:0;border-radius: 2rem;}

#search_form .nav-tabs .nav-link{border-radius: 2rem 2rem 0 0;border:none;font-weight:900;font-size:14px;text-transform:uppercase;font-family:SFProDisplay,system-ui,sans-serif;background:linear-gradient(125.75deg,#2cb0ea 37.4%,#073163 142.76%);color:#fff;padding:14px 30px;margin-top:7px;min-width:230px;text-align:center}

#search_form .nav-tabs .nav-item+.nav-item{
margin-left:5px}

#search_form .nav-tabs .nav-item.show .nav-link,#search_form .nav-tabs .nav-link.active{
background:#073163;
color:#fff;
border:none;
font-weight:900;
font-size:14px;
text-transform:uppercase;
font-family:SFProDisplay,system-ui,sans-serif;
padding:18px 30px;
margin-top:0}

#search_form .title{
font-family:SFProDisplay,system-ui,sans-serif;
font-weight:900;
font-size:18px;
text-transform:uppercase;
margin-bottom:20px}

#search_form select{
background:#fff;
border:1px solid #e3e3e3;
box-sizing:border-box;
border-radius:3px;
padding:7px 15px;
height:40px;
font-size:1.2rem}

#search_form [type=date],#search_form [type=text]{background:#fff;border:1px solid #e3e3e3;box-sizing:border-box;border-radius: 1.3rem;padding:19px;font-size:1.2rem}

#search_form [type=date]{
padding:8px 19px 7px 19px;
height:3.1rem}

.select2-dropdown{
min-width: fit-content !important;
max-width: 320px !important;   
}
.select2-container--open .select2-dropdown--below {
min-width: fit-content !important;
/* margin-top: -20px; */
}
@-moz-document url-prefix() {
  .select2-container--open .select2-dropdown--below  {
    margin: inherit;
  }
}

.select2-container--default .select2-search--dropdown .select2-search__field {    
background: url(../../../img/search2.png) center left no-repeat;
padding-left: 25px;
content: "Искать";}

.select2-results__option{
padding: 3px 6px;}

.select2-container--default .select2-results>.select2-results__options {
max-height: 60dvh !important;}

.search-filter-local{
background-color:#17669b;
color:#fff}

span.counter{
color: #50c6f1;
font-weight: 700;}

.megamenu{
background-color:#f3f3f3;
width:max-content!important;
left:-180%;
z-index:6;
transform-origin:top;
transform:scaleY(0);
transition:transform .1s ease;
display:none}

.megatop:hover .megamenu{
transform-origin:top;
transform:scaleY(1);
transition:transform .3s ease;
display:unset}

.megatop:has(>.megamenu:hover){
background:#2cafe9}

.megamenu div a{
color:rgb(8 81 126)!important}

.megamenu div a:hover{
color:#0e90e1!important;
transition:none}

.megamenu div.megalink{
padding-left:1.3rem}

.megamenu div a.pirogSelect{
padding-left:10px;
color:#2cafe9!important;
font-weight:700}

.megamenu div a.pirogSelect:hover{
color:#009607!important;
font-weight:700}

.megamenu div.megalink:hover{
background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="rgb(14, 144, 224)" class="bi bi-chevron-double-right" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M3.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L9.293 8 3.646 2.354a.5.5 0 0 1 0-.708z"/><path fill-rule="evenodd" d="M7.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L13.293 8 7.646 2.354a.5.5 0 0 1 0-.708z"/></svg>') no-repeat left center;
background-color:linear-gradient(0deg,#fff 0%,rgba(255,255,255,.08167016806722693) 100%)}

.megamenu div.megalink:hover a{
color:#0e90e0!important;
transition:none}

.row.row-10{
margin-right:-10px;
margin-left:-10px}

.row.row-10>[class*=col-]{
padding-right:10px;
padding-left:10px}

#search_form .row.form-group,.item.grid .row,.row.row-5{
margin-right:-5px;
margin-left:-5px}

#search_form .row.form-group>[class*=col-],.item.grid .row>[class*=col-],.row.row-5>[class*=col-]{
padding-right:5px;
padding-left:5px}

#search_form .btn-blue{
display:block;
width:100%;
padding:11px 20px;
/* margin-top:2.3rem */}

.s-title{
font-family:SFProDisplay,system-ui,sans-serif;
font-weight:900;
font-size:1.7rem;
text-transform:uppercase;
color:#073163;
margin-bottom:1.5rem}

.s-title.a-bg{
background:#f8f8f8;
position:relative;
margin:40px -1.5rem 50px}

.s-title.a-bg:before{
content:'';
display:block;
position:absolute;
top:-15px;
left:-20px;
right:-20px;
bottom:-15px;
background:#f8f8f8;
z-index:0}

.s-title.a-bg span{
position:relative;
z-index:1}

.item{background:#fff;border: #e4e4e4 solid 1px;box-shadow:0 10px 50px rgba(0,0,0,.07);border-radius: 2rem;overflow:hidden;/* margin-bottom:1.3rem; */height:calc(100% - 30px)}

.item:hover{
box-shadow:0 10px 50px transparent}

.item .info{
padding:15px}

.item .title{
color:#073163;
font-weight:700;
font-size:18px}

.item .days{
color:#026825}

.item .price{
font-size:18px;
font-family:SFProDisplay,system-ui,sans-serif;
color:#2cafe9;
font-weight:700}

.item .price-old{
color:#adadad;
font-size:14px;
font-family:SFProDisplay,system-ui,sans-serif;
text-decoration:line-through}

.item .class{
font-weight:700}

.item .class.gold{
color:#ff7007}

.item .free{
color:#073163;
text-align:right;
text-decoration-line:underline;
display:block}

.item .date-title{
font-weight:700;
color:#000}

.item .date-info{
font-size:14px;
color:#000}

.item .date.calendar{
padding-left:25px;
background:url('/img/calendar.png') no-repeat left 3px}

.item .details{
margin:20px 0;
display:block;
color:#bdbdbd;
text-decoration:underline}

.map-btn{
background:#eaebeb;
border-radius:3px;
color:#fff;
text-transform:uppercase;
font-weight:900;
display:block;
text-align:center;
padding:10px 20px;
font-size:12px;
border:none;
box-shadow:none}

.map-btn:hover{
text-decoration:none;
color:#fff;
background:#7d7d7d}

.preim{
background:#073163;
border-radius:5px;
padding:20px;
margin-bottom:30px;
height:calc(100% - 30px);
min-height:256px}

.table-box .blue{
font-size:inherit}

.preim .title{
font-family:SFProDisplay;
font-weight:800;
font-size:16px;
letter-spacing:.05em;
text-transform:uppercase;
color:#2cb0ea;
width:100%}

.preim .descr{
font-size:14px;
color:#fff}

.preim .title+.descr{
margin-top:20px}

.preim.preim1{
padding-left:160px;
background:#073163 url('/img/boat.svg') no-repeat 50px 70px}

.preim.preim2{
background:#073163 url('/img/star-6.svg') no-repeat center 70px;
padding-bottom:40px}

.preim.preim4{
background:#073163 url('/img/chef.svg') no-repeat center 70px;
padding-bottom:40px}

.preim.preim5{
background:#073163 url('/img/key.svg') no-repeat center 70px;
padding-bottom:40px}

.preim.preim6{
padding-left:160px;
background:#073163 url('/img/user-7.svg') no-repeat 50px 70px}

.preim.preim3{
background:#2cb0ea;
text-align:center}

.promo-slider{
margin-right:-15px;
margin-left:-15px;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap}

.promo{
background:#fff;
box-shadow:0 1px 15px rgba(0,0,0,.07);
border-radius:5px;
overflow:hidden;
margin:0 15px 30px;
height:calc(100% - 30px)}

.promo:hover{
box-shadow:0 1px 15px rgba(0,0,0,.2)}

.promo .info{
padding:25px 20px}

.promo .title{
font-weight:700;
font-size:14px;
text-align:center;
color:#073163;
margin-bottom:30px;
line-height:1.3}

.promo .image{
position:relative}

.promo .image .lable{
position:absolute;
top:140px;
left:0;
background:#eaae14;
color:#fff;
padding:5px 15px;
z-index:8;
font-weight:700;
font-size:1.2rem}

a>div.lable{
position:absolute;
top:10px;
left:0;
background:#eaae14;
color:#fff;
padding:5px 15px;
z-index:8;
font-weight:700;
font-size:1.1rem;
max-width:75%}

a>div.lable.success{
left:unset;
right:0;
background:#3d9900}

.promo .image .lable:before{
content:'';
display:block;
width:0;
height:0;
border-top:12.5px solid transparent;
border-left:auto solid #eaae14;
border-bottom:12.5px solid transparent;
position:absolute;
top:0;
right:-10px}

.promo .image .lable-orange{
background:#ff9000}

.promo .image .lable-red{
background:#ea1414}

.promo .image .lable-green{
background:#009821}

.promo .image .lable-blue{
background:#000a98}

.promo .btn-blue{
max-width:160px;
margin:auto}

.slider-nav{
margin:0 0 auto auto}

.slider-nav>div{
width:36px;
height:36px;
border:2px solid #cecece;
border-radius:50%;
position:relative;
display:inline-block;
cursor:pointer;
transition:all .5s}

.slider-nav>div+div{
margin-left:15px}

.slider-nav>div:before{
content:'';
display:block;
width:10px;
height:10px;
border-top:2px solid #cecece;
border-right:2px solid #cecece;
position:absolute;
top:12px;
transition:all .5s}

.slider-nav>div.next:before{
transform:rotate(45deg);
right:13px}

.slider-nav>div.prev:before{
transform:rotate(225deg);
left:13px}

.slider-nav>div:hover{
border:2px solid #2cb0ea;
transition:all .5s}

.slider-nav>div:hover:before{
border-top:2px solid #2cb0ea;
border-right:2px solid #2cb0ea;
transition:all .5s}

.review{
background:#fff;
border-radius:5px;
position:relative;
padding:4rem;
margin:20px 10px;
text-align:center;
height:calc(100% - 40px)}

.review .image{
margin-bottom:3rem}

.review .image img{
margin:auto;
border-radius:50%}

.reviews-slider{
margin-left:-10px;
margin-right:-10px}

.reviews-slider{
margin-top:10px}

.review:before{
content:'';
display:block;
background:#f7f5f5;
border-radius:5px;
position:absolute;
top:-10px;
left:10px;
right:10px;
height:10px}

.review:after{
content:'';
display:block;
background:#efeeee;
border-radius:5px;
position:absolute;
top:-20px;
left:20px;
right:20px;
height:10px}

.review .title{
font-weight:700;
font-size:18px;
color:#073163;
margin-bottom:2rem}

.review .descr{
font-size:14px;
color:#1a1a1a;
margin-bottom:2rem}

.review .more a{
font-size:13px;
color:#bdbdbd;
text-decoration:underline}

#reviews .slick-track,.dover-slider .slick-track{
display:flex}

#reviews .slick-track .slick-slide,.dover-slider .slick-track .slick-slide{
display:flex;
height:auto}

.dover-slider .slide{
padding:2rem}

.dover-slider .slide img{
margin:auto}

#article{
font-family:SFProDisplay;
color:#313131}

#article h1{
font-family:SFProDisplay;
font-style:normal;
font-weight:900;
font-size:24px;
text-transform:uppercase;
color:#0f0f0f;
margin-top:2rem;
margin-bottom:2rem}

#article h2{
font-family:SFProDisplay;
font-style:normal;
font-weight:900;
font-size:18px;
text-transform:uppercase;
color:#0f0f0f;
margin-top:2rem;
margin-bottom:2rem}

#article a{
text-decoration-line:underline;
color:#2cafe9}

#footer{
background:#002e5f;
padding:3rem 0;
margin-top:0;
color:#fff}

#footer .logo{
margin-bottom:.4rem}

#footer .after-logo{
font-style:italic;
font-weight:900;
font-size:11px;
color:#fff;
margin-bottom:2rem}

#footer .copytiot{
margin-bottom:2rem;
font-family:SFProDisplay}

#footer .info{
font-family:SFProDisplay}

#footer ul{
list-style:none;
padding:0;
margin:0}

#footer a{
font-family:SFProDisplay;
font-size:14px;
text-decoration-line:underline;
color:#fff}

#footer li a{
display:block;
margin-bottom:.5rem}

#footer .of-title,#footer .socials-title{
font-weight:900;
font-size:13px;
color:#d8d8d8;
margin-bottom:1rem}

#footer .of-urls{
margin-bottom:1.5rem;
color:#fff}

#footer .phones,#footer .phones a{
font-family:SFProDisplay;
font-weight:900;
font-size:16px;
color:#fff;
margin-bottom:1.5rem}

#footer .politics a{
font-size:12px}

#footer .socials{
margin-bottom:2rem}

button:focus{
outline:0}

input.datepicker{
background:#fff url('/img/calendar.png') no-repeat calc(100% - 15px) center!important}

.datepicker+.input-group-addon{
position:absolute;
top:10px;
right:15px}

.aside-search{background:#fff;border-radius: 2rem;padding:15px;border: #e4e4e4 solid 1px;box-shadow:0 .125rem .25rem rgba(0,0,0,.075)}

.aside-search:hover{
box-shadow:0 .5rem 1rem rgba(0,0,0,.15)}

.aside-search .title{
font-size:1.5rem;
color:#073163;
background:url('/img/search.png') no-repeat left center;
padding-left:30px;
margin-bottom:20px}

.aside-search .title span{
color:#2cafe9;
font-weight:700;
font-size:2rem}

.aside-search .advanced{
font-family:SFProDisplay;
font-weight:900;
font-size:16px;
text-transform:uppercase;
color:#2cafe9;
margin:0 0 15px;
cursor:pointer}

.slider-selection{
background:#17669b!important;
border-radius:10px}

.slider-success .slider-selection{
background-color:#5cb85c!important}

.slider-primary .slider-selection{
background-color:#428bca!important}

.slider-info .slider-selection{
background-color:#5bc0de!important}

.slider-warning .slider-selection{
background-color:#f0ad4e!important}

.slider-danger .slider-selection{
background-color:#d9534f!important}

.slider.slider-horizontal{
width:100%!important;
height:20px}

.slider-handle{
box-shadow:none!important;
background:#2cb0ea!important;
width:14px;
height:14px;
cursor:pointer}

.slider-strips .slider-selection{
background-image:repeating-linear-gradient(-45deg,transparent,transparent 5px,rgba(255,252,252,.08) 5px,rgba(252,252,252,.08) 10px)!important;
background-image:-ms-repeating-linear-gradient(-45deg,transparent,transparent 5px,rgba(255,252,252,.08) 5px,rgba(252,252,252,.08) 10px)!important;
background-image:-o-repeating-linear-gradient(-45deg,transparent,transparent 5px,rgba(255,252,252,.08) 5px,rgba(252,252,252,.08) 10px)!important;
background-image:-webkit-repeating-linear-gradient(-45deg,transparent,transparent 5px,rgba(255,252,252,.08) 5px,rgba(252,252,252,.08) 10px)!important}

.tooltip-inner{
max-width:200px;
padding:3px 8px;
color:#919191!important;
text-align:center;
background-color:transparent!important;
border-radius:4px}

.tooltip.top .tooltip-arrow{
display:none!important}

.slider .tooltip.top.tooltip-max,.slider .tooltip.top.tooltip-min{
margin-top:25px!important;
opacity:1;
font-size:14px;
color:#919191;
background:0 0;
border-radius:5px;
z-index:8;
width:100px}

.slider .tooltip.top.tooltip-min{
left:42px!important;
text-align:left!important}

.slider .tooltip.top.tooltip-max{
right:-60px!important;
left:auto!important;
text-align:right!important}

.slider .tooltip.top.tooltip-min .tooltip-inner{
text-align:left!important}

.slider .tooltip.top.tooltip-max .tooltip-inner{
text-align:right!important}

.well{
background:0 0!important;
border:none!important;
box-shadow:none!important;
width:100%!important;
padding:0}

.slider-ghost .slider-track{
height:5px!important}

.slider-ghost .slider-handle{
top:-2px!important;
border:5px solid #f77500}

.slider-success.slider-ghost .slider-handle{
border-color:#5cb85c}

.slider-primary.slider-ghost .slider-handle{
border-color:#428bca}

.slider-info.slider-ghost .slider-handle{
border-color:#5bc0de}

.slider-warning.slider-ghost .slider-handle{
border-color:#f0ad4e}

.slider-danger.slider-ghost .slider-handle{
border-color:#d9534f}

.slider.slider-horizontal .slider-track{
background:#eaebeb;
border-radius:10px;
height:5px}

.slider-wrapper{
margin:0 0 50px}

.aside-search label{font-weight:700;color:#000;}

.aside-search select{
border:1px solid #e3e3e3;
box-sizing:border-box;
border-radius:3px;
height:auto;
font-size:1.2rem}

.aside-search input[type=date],.aside-search input[type=text]{border: 1px solid #ced4da;box-sizing:border-box;border-radius: 1.3rem;font-size:1.2rem;min-height: 40px;}

select{
position:relative;
display:block;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
background:#fff url('../../img/select.png') no-repeat calc(100% - 10px) center!important}

#search_form select{
background:#fff url('../../img/select.png') no-repeat calc(100% - 17px) center!important}

#search_form .form-control{
margin-bottom:1rem}

.aside-search input[type=text]::placeholder{
color:#919191}

.aside-search .form-group{
margin-bottom:0}

.aside-search .form-group>div+div{
margin-top:15px}

.aside-search .btn-blue{
display:block;
width:100%;
margin-top:20px}

.breadcrumb{
background:0 0;
padding:0;
margin-bottom:15px}

.breadcrumb a{
color:#17669b}

.breadcrumb .breadcrumb-item.active{
color:#000;
font-weight:700}

.points{
padding-left:25px;
background:url('/img/points.png') no-repeat left 3px}

.saleText{
padding-left:25px;
color:#9e0b0f;
font-size:1.3rem;
background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="rgb(158, 11, 15)" class="bi bi-award" viewBox="0 0 16 16"><path d="M9.669.864L8 0 6.331.864l-1.858.282-.842 1.68-1.337 1.32L2.6 6l-.306 1.854 1.337 1.32.842 1.68 1.858.282L8 12l1.669-.864 1.858-.282.842-1.68 1.337-1.32L13.4 6l.306-1.854-1.337-1.32-.842-1.68L9.669.864zm1.196 1.193l.684 1.365 1.086 1.072L12.387 6l.248 1.506-1.086 1.072-.684 1.365-1.51.229L8 10.874l-1.355-.702-1.51-.229-.684-1.365-1.086-1.072L3.614 6l-.25-1.506 1.087-1.072.684-1.365 1.51-.229L8 1.126l1.356.702 1.509.229z"/><path d="M4 11.794V16l4-1 4 1v-4.206l-2.018.306L8 13.126 6.018 12.1 4 11.794z"/></svg> ') no-repeat left 3px}

.item .image img{
width:100%}

.item a.image{
display:block;
height:100%}

.item.list{
height:auto}

.pagination{
justify-content:center;
margin:10px 0 0}

.pagination+#article{
margin-top:40px}

.page-item .page-link{
width:3.5rem;
height:3.5rem;
border-radius:50%!important;
font-weight:700;
font-family:SFProDisplay;
text-align:center;
border:none;
background:#fff;
color:#666363;
margin:5px;
padding:1rem 0}

.page-item span.page-link{
background:0 0}

.page-item.active .page-link{
background-color:#17669b;
border-color:#17669b;
color:#fff}

.vacant .title{
font-size:36px;
margin-bottom:15px}

.vacant .v-title{
font-weight:700;
text-transform:uppercase;
margin-bottom:15px}

.vacant a{
text-decoration-line:underline;
color:#2cafe9}

.vacant a.mail{
padding-left:20px;
background:url('/img/envelope.png') no-repeat left center}

.vacant a.tel{
padding-left:20px;
background:url('/img/call.png') no-repeat left center}

.item.vacant{
height:auto;
padding-right:30px}

.vacancyOne{
background:#fff;
border-radius:5px;
padding:10px 10px;
margin-bottom:20px;
box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.1);}
.vacancyOne:hover{
box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.2);}

.blue-info{background:#073163;border-radius: 2rem;padding:20px 20px 1px 20px;color:#fff;margin-top:20px}

.blue-info .title{
font-family:SFProDisplay;
font-weight:900;
font-size:16px;
text-transform:uppercase;
margin-bottom:10px}

.blue-info .descr{
margin-bottom:10px}

.blue-info .info{
font-weight:700;
font-size:14px;
margin-bottom:10px}

.blue-info .phone{
font-weight:700;
font-size:1.8rem;
color:#2cafe9;
margin-bottom:15px}

.blue-info .phone a{
color:#2cafe9}

.why-info{border: 1px solid #e4e4e4;background:#fff;border-radius: 2rem;margin-top:20px;padding:20px;font-size:14px;color:#000}

.why-info .w-title{
font-family:SFProDisplay;
font-weight:900;
font-size:16px;
text-transform:uppercase;
color:#073163;
margin-bottom:20px}

.why-info .title{
font-weight:800;
font-size:14px;
letter-spacing:.05em;
text-transform:uppercase;
color:#2cb0ea;
margin-bottom:5px}

.why-info .info{
padding-left:50px;
margin-bottom:15px}

.why-info .info.leftInfo{
padding-left:unset;
margin-bottom:15px}

.why-info .info-1{
background:url('/img/w1.png') no-repeat 0 0}

.why-info .info-2{
background:url('/img/w2.png') no-repeat 0 0}

.why-info .info-3{
background:url('/img/w3.png') no-repeat 0 0}

.s-descr{
margin-top:20px;
margin-bottom:20px;
color:#000}

.article{
background:#fff;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px}

.contacts{
padding:0;
margin-bottom:20px}

.col-btn h3,.contacts h3{
font-size:16px;
font-weight:700;
text-transform:uppercase;
color:#000}

.col-btn .gray,.contacts .gray{
color:#bababa}

.contacts .row{
font-size:10px}

.contacts .title{
font-weight:700;
font-size:13px;
text-transform:uppercase;
color:#2cafe9;
margin-bottom:10px}

.contacts a{
font-size:12px;
text-decoration-line:underline;
color:#2cafe9}

.contacts a.mail{
padding-left:20px;
background:url(/img/envelope.png) no-repeat left center}

.contacts a.tel{
padding-left:20px;
background:url(/img/call.png) no-repeat left center}

.pers{
background:#fff;
border-radius:5px;
text-align:center;
margin-bottom:15px}

.pers .info{
padding:20px}

.pers .info .name{
color:#000;
margin-bottom:10px}

.pers .info .dolz{
font-size:9px;
margin-bottom:10px;
text-transform:uppercase;
color:#757575}

.pers .info .cont a{
display:inline-block;
margin:0 5px}

.pers .metro{
text-transform:uppercase;
color:#000;
font-weight:700;
font-size:16px}

.pers .adr{
color:#bababa}

.col-btn{
background:#fff;
display:block;
padding:20px 20px 1px 20px;
box-shadow:0 10px 50px rgba(0,0,0,.05);
border-radius:5px;
position:relative}

.col-btn:before{
content:'';
display:block;
width:24px;
height:24px;
background:url('/img/col-btn.png') no-repeat;
top:calc(50% - 12px);
right:20px;
z-index:3;
position:absolute;
transition:all .5s}

.col-btn[aria-expanded=false]:before{
transition:all .5s;
transform:rotate(180deg)}

.col-btn:hover{
text-decoration:none}

.col-btn[aria-expanded=true]{
border-bottom-left-radius:0;
border-bottom-right-radius:0}

.col-btn{
margin-top:30px}

.of-h{
overflow:hidden}

article.article{
padding:20px;
margin-bottom:20px}

article.article a{
text-decoration:underline;
color:#2cafe9}

p.has-icon{
padding-left:40px;
position:relative}

p.has-icon .icon{
position:absolute;
left:0;
top:0}

.icon-blank{
padding-left:25px;
background:url(/img/docs.png) no-repeat left center}

.icon-blank.icon-map{
background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="rgb(23, 102, 155)" class="bi bi-map" viewBox="0 0 16 16"><path fill-rule="evenodd"	d="M15.817.113A.5.5 0 0 1 16 .5v14a.5.5 0 0 1-.402.49l-5 1a.502.502 0 0 1-.196 0L5.5 15.01l-4.902.98A.5.5 0 0 1 0 15.5v-14a.5.5 0 0 1 .402-.49l5-1a.5.5 0 0 1 .196 0L10.5.99l4.902-.98a.5.5 0 0 1 .415.103zM10 1.91l-4-.8v12.98l4 .8V1.91zm1 12.98l4-.8V1.11l-4 .8v12.98zm-6-.8V1.11l-4 .8v12.98l4-.8z" /></svg>') no-repeat left center}

.icon-blank.icon-shema{
padding-left:40px;
background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="rgb(23, 102, 155)" viewBox="0 0 512 512"><path d="M453.818,325.818L500.364,256h-81.455l-46.545-69.818H221.091l-23.273-34.909h-34.909l23.273,34.909H128l-23.273,34.909	h34.909L119.273,256H81.455l-46.545,69.818H0v34.909h512v-34.909H453.818z M314.182,221.091h39.498L376.953,256h-62.771V221.091z  M180.051,221.091h99.222V256H159.687L180.051,221.091z M411.862,325.818H76.865l23.273-34.909h334.998L411.862,325.818z"/></svg>') no-repeat left center}

.icon-blank.icon-load{
padding-left:40px;
background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="rgb(23, 102, 155)" class="bi bi-collection" viewBox="0 0 16 16"><path d="M2.5 3.5a.5.5 0 0 1 0-1h11a.5.5 0 0 1 0 1h-11zm2-2a.5.5 0 0 1 0-1h7a.5.5 0 0 1 0 1h-7zM0 13a1.5 1.5 0 0 0 1.5 1.5h13A1.5 1.5 0 0 0 16 13V6a1.5 1.5 0 0 0-1.5-1.5h-13A1.5 1.5 0 0 0 0 6v7zm1.5.5A.5.5 0 0 1 1 13V6a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-.5.5h-13z"/></svg>') no-repeat left center}

.icon-blank+.icon-blank{
margin-left:40px}

.login-form{
color:#000;
margin-bottom:20px}

.login-form .green{
color:#009406}

#main_slider .slick-next{
right:25px}

#main_slider .slick-prev{
left:25px}

.login-form input[type=password] .login-form textarea,.login-form input[type=text]{
background:#fff;
border:1px solid #e3e3e3;
box-sizing:border-box;
border-radius:3px}

.login-form legend{
font-weight:700;
font-size:16px;
text-transform:uppercase;
color:#000}

.login-form .form-check-label,.login-form .text-muted{
font-size:10px;
color:#919191}

.login-form .form-check-label div{
position:relative;
padding-left:30px;
background:url('/img/check.png') no-repeat left center}

.login-form .form-check-label .form-check-input,.modal .form-check-label .form-check-input{
opacity:0}

.login-form .form-check-label,.modal .form-check-label{
cursor:pointer}

.login-form.rew-form .btn-blue{
width:215px}

.login-form .form-check-label .form-check-input:checked+div:before{
content:'';
display:block;
position:absolute;
left:4px;
top:calc(50% - 4px);
width:8px;
height:5px;
border-top:1px solid #000;
border-right:1px solid #000;
transform:rotate(135deg)}

.login-form a{
font-size:10px;
color:#919191;
text-decoration:underline}

.login-form .btn-blue{
width:100%}

.form-check-label{
min-height:16px;
display:flex}

.form-check-label>div{
margin:auto 0}

.nav-tabs .nav-link{
font-size:10px;
color:#000}

.nav-tabs{
border-bottom:none;
margin-bottom:20px}

.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{
color:#fff;
background-color:#17669b;
border-color:#17669b;
border-radius:5px}

.nav-info{
margin-top:-30px;
margin-bottom:-30px}

.nav-info .lk{
margin-left:auto}

.nav-info .lk .nav-link{
background:#009406;
border-radius:5px;
color:#fff;
font-size:8px;
position:relative;
z-index:9}

.nav-info .lk .nav-link:after{
display:none}

.nav-info .lk .nav-link div{
font-weight:500;
font-size:16px;
position:relative;
padding-right:15px}

.nav-info .lk .nav-link div:before{
content:'';
display:block;
width:8px;
height:8px;
border-top:1px solid #fff;
border-right:1px solid #fff;
position:absolute;
top:6px;
right:0;
transition:all .5s;
transform:rotate(135deg)}

.blue{
font-weight:700;
font-size:13px;
color:#2cafe9}

h4.blue{
margin-bottom:15px}

.table thead th{
background:#f8f8f8;
border:none}

.table-box{
width:100%;
/* overflow:auto; */
font-size:1.3rem}

.table-box .red{
color:#ff3e3e}

.table-box .green{
color:#2fb75d}

span.status{
background:#009406;
border-radius:2.5px;
display:inline-block;
color:#fff;
padding:3px 10px;
font-size:8px;
text-align:center}

.nowrap{
white-space:nowrap}

.btn-blue3{
font-size:13px;
text-decoration-line:underline;
color:#2cafe9;
display:inline-block;
padding:3px 10px}

.btn-blue2{
font-size:10px;
color:#fff!important;
background:#17669b;
border-radius:5px;
display:inline-block;
padding:5px 10px 1px;
text-decoration:none!important}

.lk-form{
font-size:1.3rem}

.lk-form .form-control{
background:#f8f8f8;
border-radius:5px;
font-size:1.3rem}

.lk-form .small{
font-size:10px;
line-height:11px}

.lk-form .form-control+.form-control,.lk-form .row+.form-control{
margin-top:10px}

.btn-green{
background:#009406;
border-radius:5px;
color:#fff!important;
padding:10px;
display:block;
text-align:center;
text-decoration:none!important;
border:1px solid #08710d}

.lk-form .btn-green{
height:100%;
display:flex;
font-weight:700}

.lk-form .form-check{
font-size:8px;
color:#7d7d7d;
padding-left:20px;
background:url('/img/check2.png') no-repeat left 0;
line-height:9px;
cursor:pointer}

.lk-form .form-check input{
opacity:0}

.lk-form .form-check input:checked+div:before{
content:'';
display:block;
width:8px;
height:8px;
background:#009406;
border-radius:50%;
position:absolute;
top:4px;
left:4px}

.clear{
border:1px solid #ececec;
box-sizing:border-box;
border-radius:5px;
font-size:10px;
color:#7d7d7d!important;
display:inline-block;
padding:4px 2px;
text-align:center;
text-decoration:none!important}

.lk-form .clear{
width:100%}

.lk-form .form-control[type=text]{
background:#fff}

.table-col td,.table-col th{
padding:.75rem 7px;
vertical-align:middle}

.table-col td+td{
border-left:1px solid #fafafa}

.table .gray{
color:#7d7d7d}

.bold{
font-weight:700}

.btn-white{
background:#fff;
display:inline-block;
box-shadow:0 10px 50px rgba(0,0,0,.05);
border-radius:5px;
text-decoration-line:underline;
color:#2cafe9;
font-size:13px;
padding:13px;
min-width:191px;
text-align:center}

.btn-group-row a{
display:block;
text-decoration:underline;
color:#2cafe9;
font-size:14px}

.main-article h2,.main-article h3,.main-article h4,.main-article h5{
font-family:SFProDisplay;
font-style:normal;
font-weight:900;
font-size:18px;
text-transform:uppercase;
color:#073163;
margin-bottom:15px}

.bron-form label{
font-weight:700;
font-size:13px;
font-weight:700;
padding:0;
margin-bottom:10px;
width:100%}

.bron-form label span{
color:#eb1515}

.form-group h3{
font-weight:900;
font-size:16px;
text-transform:uppercase;
color:#2cafe9;
font-family:SFProDisplay;
margin-top:20px;
margin-bottom:20px}

.bron-form a{
font-size:13px;
text-decoration-line:underline;
color:#2cafe9}

.icon-check .form-check-label>div{
display:block;
background:#fff;
text-align:center;
padding:30px;
font-family:SFProDisplay;
font-style:normal;
font-weight:900;
font-size:14px;
text-transform:uppercase;
border-radius:5px;
border:3px solid transparent}

.icon-check .form-check-label img{
margin:30px auto}

.icon-check .form-check-label input:checked+div{
border:3px solid #2cafe9;
color:#2cafe9}

.icon-check .form-check-label input{
opacity:0}

.btn-gray{background:#d2d2d2;border-radius: 1.3rem;color:#fff!important;text-transform:uppercase;font-weight:900;display:block;text-align:center;padding:10px 20px;font-size:12px;border:none;box-shadow:none;text-decoration:none!important}

.btn-gray:hover{
background:#868383}

#p404 .title{
font-weight:900;
font-size:144px;
color:#17669b}

#p404 .descr{
font-family:SFProDisplay;
font-weight:700;
font-size:36px;
color:#000}

#p404 .info{
font-family:SFProDisplay;
font-size:24px;
color:#000;
margin-bottom:100px}

#p404 .more a{
display:inline-block;
width:256px}

.marsh-title{
font-weight:700;
font-size:13px;
color:#000;
margin-bottom:15px}

.marsh{
background:#fff;
border-radius:5px;
padding:10px;
margin-bottom:15px;
color:#000103;
font-size:1.4rem}

.dates{
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
color:#000;
margin-right:-15px;
margin-left:-15px}

.dates>div{
-ms-flex:0 0 20%;
flex:0 0 20%;
max-width:fit-content;
margin-bottom:15px;
padding-left:15px;
padding-right:15px}

.dates-title{
font-weight:700;
margin-bottom:10px}

.teplohod{
margin-bottom:15px}

.dates .date,.teplohod .date{
font-weight:500;
color:#2cafe9;
background:#fff;
border-radius:5px;
padding:10px;
width:fit-content}

.link-group{
margin-bottom:15px}

.link-group a{
color:#2cafe9;
text-decoration:underline}

.cruise .form-check,.cruise .form-control{
display:inline-block;
width:30px;
margin:0}

.cruise select.form-control{
min-width:40px}

.cruise .form-check{
height:20px;
position:relative;
top:-5px}

.table-striped tbody tr:nth-of-type(odd){
background-color:rgba(0,0,0,0)}

.table-striped tbody tr:nth-of-type(2n){
background:#f8f8f8}

.teplohod .date{
font-family:SFProDisplay;
font-weight:900;
font-size:1em;
text-transform:uppercase;
color:#073163}

.teplohod .date a{
font-size:12px;
min-width:160px;
margin-top:auto;
margin-bottom:auto;
padding:4px 12px}

.teplohod .date a[aria-expanded=true]{
background:#ff3434}

.teplohod .date a[aria-expanded=true] span:first-of-type{
display:none}

.teplohod .date a[aria-expanded=false] span:last-of-type{
display:none}

.teplohod .red{
font-weight:700;
font-size:13px;
color:#2cafe9}

.teplohod .gray{
font-size:10px;
color:#ababab}

.b-teplohod{
font-weight:900;
font-size:96px;
text-align:center;
color:#fff;
padding:20px 20px;
border-radius:5px;
margin-bottom:20px}

.b-teplohod.b-red{
background:#e12070}

.b-teplohod.b-green{
background:#009406}

.b-teplohod.b-blue{
background:#2cafe9}

.b-teplohod.b-red+div span{
color:#e12070;
font-weight:900}

.b-teplohod.b-green+div span{
color:#009406;
font-weight:900}

.b-teplohod.b-blue+div span{
color:#2cafe9;
font-size:18px;
font-weight:900}

.b-teplohod+div{
text-align:center;
margin-bottom:40px;
font-size:16px}

.price-off .num{
background:#17669b;
border-radius:5px;
color:#fff;
text-align:center;
font-weight:900;
font-size:18px}

.price-off .num.green{
background:#009406}

.price-off .num.blue{
background:#09f}

.price-off .num.red{
background:#e12070}

.price-off .title{
font-weight:900;
font-size:16px;
letter-spacing:.04em;
text-transform:uppercase;
margin-bottom:10px}

.price-off .gray{
color:#848484}

.price-off .descr+.descr{
margin-top:10px}

.price-off .norm{
font-weight:400}

.teplohod>.text-center a{
min-width:160px}

.tog{
text-decoration:none;
background:#fff url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="rgb(0, 182, 255)" class="bi bi-arrow-down-circle" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8zm15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8.5 4.5a.5.5 0 0 0-1 0v5.793L5.354 8.146a.5.5 0 1 0-.708.708l3 3a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V4.5z"/></svg>') no-repeat calc(100% - 15px) center!important;
padding-right:40px!important}

.togUp{
background:#fff url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="rgb(0, 182, 255)" class="bi bi-arrow-up-circle" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8zm15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-7.5 3.5a.5.5 0 0 1-1 0V5.707L5.354 7.854a.5.5 0 1 1-.708-.708l3-3a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1-.708.708L8.5 5.707V11.5z"/></svg>') no-repeat calc(100% - 15px) center!important;
padding-right:40px!important}

.otherInfoViewButton{
position:absolute;
bottom:0;
left:0;
z-index:auto;
background:linear-gradient(0deg,#fff 30%,rgba(255,255,255,.08) 100%);
height:150px;
margin-bottom:-15px}

.otherInfoHiddenButton{
height:16px;
margin-top:0}

.otherInfoViewButton a{
position:absolute;
bottom:0;
line-height:2.5rem;
font-weight:700;
color:#007baf;
width:95%;
font-size:larger}

.otherInfoViewButton a:hover{
color:red}

.rf-accordionButtonText{
font-size:large;
color:#007baf;
font-weight:700}

.rf-accordionButtonText:hover{
color:red}

.popWrapp{
position:relative}

.popContent{
position:absolute;
z-index:25;
bottom:-50px;
right:calc(50% - 10px);
display:none}

.popWrapp:hover .popContent{
display:block}

.gridM:after{
content:'';
display:block;
clear:both}

.gridItemM{
float:left}

.close div{
width:45px;
height:38px;
position:relative}

button.close{
opacity:1}

#search_form .slider .tooltip.top.tooltip-max,#search_form .slider .tooltip.top.tooltip-min{
background:0 0;
margin-top:20px!important}

#search_form .slider-wrapper{
margin:0}

.close div:after,.close div:before{
content:'';
display:block;
position:absolute;
width:24px;
height:2px;
transform:rotate(45deg);
background:#1e73ab;
top:17px;
left:10px;
opacity:1}

.close div:after{
transform:rotate(-45deg)}

.modal-header .close{
padding:0;
margin:0 0 0 auto}

.modal-header{
padding:.5rem}

.modal-body{
max-height:70vh;
overflow:auto}

.modal-body::-webkit-scrollbar{
width:6px;
height:6px}

.modal-body::-webkit-scrollbar-track{
background-color:#c4c4c4}

.modal-body::-webkit-scrollbar-track-piece{
background-color:#fff}

.modal-body::-webkit-scrollbar-thumb{
height:50px;
background-color:#c4c4c4;
border-radius:3px}

.modal-body::-webkit-scrollbar-corner{
background-color:#c4c4c4}

.modal-body::-webkit-resizer{
background-color:#c4c4c4}

.modal-footer{
padding:2rem 1rem}

.smaa,.teplohod .date.smaa{
font-weight:700;
font-size:1.5rem;
color:#007baf}

.pill-content>.pill-pane,.tab-content>.tab-pane{
display:block;
height:0;
overflow:hidden}

.pill-content>.active,.tab-content>.active{
height:auto}

.teplohod-box img{border-radius: 1rem !important;}

.cruise-info.h2{
font-weight:700;
font-size:18px;
letter-spacing:.04em;
color:#000}

.teplohod-box h3{
font-weight:900;
font-size:16px;
line-height:148%;
letter-spacing:.04em;
text-transform:uppercase;
color:#000;
margin-bottom:15px}

blockquote{
padding:0 20px;
font-size:13px;
color:#848484}

.reviews{
background:#fff;
border-radius:5px;
padding:15px;
margin-bottom:15px}

.reviews .image{
display:block}

.reviews .image img{
border-radius:50%;
border:1px solid #2dc787;
width:100%}

.reviews .title{
font-weight:700;
font-size:18px;
color:#073163}

.reviews .date{
color:#a9a9a9}

article a{
color:#2cafe9;
text-decoration:underline}

.qa{
background:#fff;
border-radius:5px}

.qa,.qa-a{
padding:15px}

.qa .col-xl-1,.qa-a .col-xl-1{
font-weight:700;
font-size:16px;
line-height:24px;
color:#000;
margin:1rem 0}

.qa .col-xl-11,.qa-a .col-xl-11{
margin:auto 0}

.modal-header{
font-weight:700;
font-size:16px;
text-transform:uppercase;
color:#000;
padding:10px 15px}

.modal-header button{
color:#ddd}

.btn-red{
background:#ff3434;
border-radius:3px;
color:#fff!important;
text-transform:uppercase;
font-weight:900;
display:block;
text-align:center;
padding:10px 20px;
font-size:12px;
border:none;
box-shadow:none;
text-decoration:none!important;
width:100%;
transition:all .5s}

.btn-red:hover{
background:red;
transition:all .5s}

.table-box .btn-green{
padding:5px}

a.black,article.article a.black{
color:#000}

.btn-blue.btn-blue-light{
padding:5px;
font-size:10px;
font-weight:700;
background:#2cafe9;
border-radius:5px}

.btn-blue.btn-blue-light:hover{
background:#073163}

td .form-control,th .form-control{
font-size:1.3rem;
padding:2px 2px 2px 2px;
max-width:auto;
margin:auto;
height:auto}

.custom-file{
text-align:center}

.custom-file input{
background:#fff;
border:1px solid #e3e3e3;
box-sizing:border-box;
border-radius:3px;
text-align:center}

.custom-file-label::after{
display:none}

.custom-file-label:before{
content:'';
display:inline-block;
background:url('/img/file.png') no-repeat center center;
width:12px;
height:12px;
position:initial;
border:none;
color:#767676}

.rotate180{
transform:rotate(180deg);
transition:all .5s}

.form-check-input:checked{
background-color:#17669b!important;
border-color:#17669b!important}

.waves{
position:relative;
width:100%;
height:15vh;
margin-bottom:-7px;
margin-top:4rem;
min-height:100px;
max-height:150px}

.parallax>use{
animation:move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite}

.parallax>use:first-child{
animation-delay:-2s;
animation-duration:20s}

.parallax>use:nth-child(2){
animation-delay:-8s;
animation-duration:26s}

.parallax>use:nth-child(3){
animation-delay:-10s;
animation-duration:38s}

.parallax>use:nth-child(4){
animation-delay:-15s;
animation-duration:50s}

@keyframes move-forever{
0%{
transform:translate3d(-90px,0,0)}

100%{
transform:translate3d(85px,0,0)}

}

.textHide{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;height: 3.9em;line-height: 1.3 !important;-webkit-line-clamp: 3;-webkit-box-orient:vertical}

.textHide::after{
content: "\2026" !important;}

.hiddenDesc{
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-line-clamp:7;
-webkit-box-orient:vertical}

.shipTextHide{
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-line-clamp:5;
-webkit-box-orient:vertical;
line-height: 2 !important;
height:10em}

.textView{
overflow:visible;
display:-webkit-box}

.oldPrice{
font-size:1.2rem;
text-decoration:line-through;
color:rgba(250,0,0,.4)}

.priceTd{
text-align:right;
font-weight:700;
padding-bottom:1.1rem!important}

.priceValue{
line-height:normal;
color:#073163;
font-size:1.4rem;
font-weight:700}

.priceRouble{
font-size:1.2rem;
color:#073163;
font-weight:400}

tr.text-opacity-25>td>span.oldPrice{
color:rgba(250,0,0,.25)}

input.form-control.cart-input{
padding:.375rem .75rem;
width:30px;
margin:auto;
text-align:center}

button>b{
font-size:1.4rem}

.btnMod{border-radius:50%;width:2.7rem;border-color: #2179b45c;color:#17669b;margin-bottom:.5rem}

.btnMod:active,.btnMod:focus,.btnMod:hover{background-color:#2cb0ea;color:#fff;mso-border-shadow:no;border-color: #d1dbdf;box-shadow:unset!important}

.btnMod.read-only{
color:#d3d3d3;
border-color:#d3d3d3}

.priceInput{
border:0!important;
background:unset!important;
font-size:1.7rem!important;
font-weight:500;
padding-left:unset!important;
padding-right:unset!important;
margin:unset!important}

.priceInput.read-only,span.read-only{
background:unset;
color:#d3d3d3!important}

#sputnik{
font-size:1.2rem;
text-transform:uppercase;
text-decoration:none}

.table tbody tr.trCartGreen{
background-color:#e0eff1!important;
background-image:#ccfce0!important}

div.row.turist{
padding-top:10px;
padding-bottom:10px;
margin-left:0;
margin-right:0}

div.row.turist:nth-child(odd){
background-color:#fdfdfd}

table.cruise>tbody>tr:nth-child(odd){
background-color:#f4f8fa}

table.cruise>tbody>tr:hover{
background-color:#ecf3fc;
--bs-table-accent-bg:#fff}

.table-hover>tbody>tr:hover>*{
--bs-table-accent-bg:#ecf3fc}

#dogovorCheck.form-check-input{
width:20px;
height:20px;
margin-left:-40px;
margin-top:0}

img.tmb-photo{
height:50px}

.selectBadge{
background-color:#f7a800!important;
color:#000!important}

.shemeMod{
cursor:pointer}

.badge.badge-info.shemeMod:hover{
background-color:#f7a800!important}

.shemeImg{
position:relative}

.topBann{
box-shadow:0 .5rem 1rem rgba(0,0,0,.15)}

.topBann:hover{
box-shadow:none}

.modal-body{
max-height:95vh}

a.infoClose{
text-decoration:none!important}

a.infoClose::before{
content:'Подробнее »'}

a.infoOpen{
background-color:#ff7b00!important}

a.infoOpen:focus,a.infoOpen:hover{
background-color:#df6c00!important}

a.infoOpen::before{
content:'« Свернуть'}

.font-weight-bold{
font-weight:700;
font-size:smaller;
color:rgb(23 102 155)!important}

.btnScrollTop{
position:fixed;
z-index:200;
bottom:80px;
right:30px;
color:#2cafe9;
border-color:#2cafe9;
transform:rotate(-90deg);
-webkit-transform:rotate(-90deg);
-o-transform:rotate(-90deg);
-moz-transform:rotate(-90deg);
box-shadow:unset}

.btnScrollTop:active,.btnScrollTop:focus,.btnScrollTop:focus-visible,.btnScrollTop:hover{
color:#fff;
background-color:#2cafe9!important;
border-color:#2cafe9;
box-shadow:unset}

.btnScrollTopB{
line-height:25px;
font-size:3em}

#AtoBasket{
position:fixed;
z-index:200;
bottom:40vh;
right:35px}

#AtoBasket:hover{
opacity:1!important}

.topDate{
font-size:larger}

.shipslider-nav>.slick-next:before,.shipslider-nav>.slick-prev:before{
color:#007baf}

.carousel-fade .carousel-item{
transition:2s ease-in,opacity 2s ease-out}

.carousel-fade .carousel-item.active{
transition:2s ease-in,opacity 2s ease-out}

.active.carousel-item-right,.carousel-item-next:not(.carousel-item-left){
transform:none}

.active.carousel-item-left,.carousel-item-prev:not(.carousel-item-right){
transform:none}

.slick-prev{
left:-15px}

.slick-next{
right:15px}

.slick-next,.slick-prev{
height:45px}

.slick-next::before,.slick-prev::before{
font-size:4rem}

.indexBanner{
width:100%;
max-width:100%}

.indexCard:hover{
box-shadow:0 .5rem 1rem rgb(0 0 0 / 15%)}

.fixedNav{
padding-left:unset;
padding-right:unset}

.grid-item,.grid-sizer{
width:100%}

.gutter-sizer{
width:0}

.halfRowSearchTable,.halfRowSearchTable>*,.table-striped>tbody>tr:nth-of-type(odd).halfRowSearchTable>*{
color:#b5b9bb!important}

.titleOfIndexBanner{
font-family:system-ui;
font-weight:500;
background-color:#0f2b4c;
font-size:1.2rem;
color:#fff;
width:fit-content;
padding:16px 24px;
border-radius:50px}

.nameOfIndexBanner{
font-weight:700;
font-size:3rem;
line-height:100%;
letter-spacing:0;
text-align:center;
color:#fff;
margin-top:40px}

.textOfIndexBanner{
font-family:system-ui;
font-weight:400;
font-size:18px;
line-height:150%;
letter-spacing:0;
text-align:center;
color:#fff;
height:80px}

.buttonOfIndexBanner{
font-family:system-ui;
font-weight:400;
background-color:#2cafe9;
gap:10px;
border-radius:50px;
padding:10px 24px;
color:#fff;
cursor:pointer}

.buttonOfIndexBanner:hover{
background-color:#0f2b4c}

.aboutTitle{
font-weight:800;
font-size:1.5rem;
letter-spacing:.05em;
text-transform:uppercase;
color:#2cb0ea;
margin-bottom:5px}

.buttonDarkOfAbout{
color:#fff}

.buttonDarkOfAbout:hover{
color:#0f2b4c;
background-color:#2cafe9}

.aboutLi>li,.aboutLi>li>a{
color:#2cafe9;
line-height:140%}

.aboutLi>li>a:hover{
color:#0f2b4c}

.aboutCard{
background:#0f2b4c;
border-radius:8px}

.aboutCard:hover{
background:#2cafe9 url('/img/about/Vector.svg') top 7% right 7% no-repeat;
border-radius:8px}

.aboutCard .aboutTitle{
font-size:1.2rem}

.aboutCard:hover .aboutTitle{
color:#fff}

.reviews-slider-container{
position:relative;
margin-top:40px;
margin-bottom:40px;
padding-left:0;
padding-right:0}

.reviews-slider-controls{
position:absolute;
top:-40px;
right:15px;
display:flex;
gap:12px}

.reviews-slider-btn{
width:40px;
height:40px;
border-radius:50%;
border:none;
background:#2cafe9;
color:#fff;
font-size:22px;
display:flex;
align-items:center;
justify-content:center;
box-shadow:0 2px 8px rgba(44,175,233,.15);
transition:background .2s;
cursor:pointer}

.reviews-slider-btn:active{
background:#0f2b4c}

.reviews-slider-btn:hover{
color:#0f2b4c}

.reviews-slider-track{
display:flex;
transition:transform .5s cubic-bezier(.4,0,.2,1);
will-change:transform;
padding-top:24px}

.reviews-slide{
min-width:100%;
box-sizing:border-box;
padding:0 5px 0 5px;
display:flex;
flex-direction:column;
align-items:center}

.reviews-slide-in{
min-width:100%;
box-sizing:border-box;
border-radius:8px;
background:#fff;
padding-top:24px;
display:flex;
flex-direction:column;
align-items:center}

.reviews-slide-photos{
display:flex;
gap:18px;
justify-content:center;
margin-bottom:16px}

.reviews-slide-photos img{
width:110px;
height:110px;
object-fit:cover;
border-radius:12px;
box-shadow:0 2px 8px rgba(44,175,233,.1)}

.reviews-slide-text{
border-radius:8px;
padding:18px 24px;
font-size:1.1rem;
max-width:480px;
text-align:left;
margin-top:8px;
font-style:italic}

.reviews-slide-signature{
border-radius:8px;
padding:0 15px 18px 0;
font-size:1rem;
color:#0f2b4c;
max-width:480px;
text-align:left;
font-style:normal}

@media (min-width:991px){
.reviews-slide{
min-width:50%}

}

.trCartGreen{/* background-color:#e9f7ef!important; *//* border-radius:.375rem; */border-left:4px solid #073163!important;border-right:4px solid #073163!important;box-shadow:0 4px 8px rgba(0,0,0,.1);transform:translateY(-2px)}

.price-col .form-control{
display:inline-block;
width:45px;
text-align:center;
padding:.25rem}

.price-col .btn-sm{
width:25px}

.price-block{
text-align:center!important;
padding-left:0!important;
padding-right:0!important;
align-items:center;
display:inline-flex;
flex-wrap:wrap;
align-content:center;
justify-content:flex-end}

.price-controls{
min-width:11rem;
padding:0 5px 0 5px;
display:flex;
flex-wrap:nowrap;
justify-content:flex-end;
align-items:flex-end}

.cabinPriceCard{position: relative;justify-content:space-evenly;border:2px solid #dee2e6bd;border-radius: 1.3rem;padding: .7rem .7rem .7rem .2rem;margin-bottom: 1.3rem;transition:all .3s ease;background-color:initial;/* background-image:linear-gradient(270deg,#f4fcff,#fff); *//* box-shadow:0 -2px 2px rgb(24 102 155 / 8%); */}

.cabinPriceCard:nth-child(odd){
background-color:initial;
background-image:linear-gradient(90deg,#f4fcff,#fff)}

.cabinPriceCardScript{
background-image:linear-gradient(270deg,#f4fcff,#fff)!important}

.cabinPriceCardScriptOdd{/* background-image:linear-gradient(90deg,#f4fcff,#fff)!important; */}

.cabinPriceCard:hover,.cabinPriceCardScript:hover,.cabinPriceCardScriptOdd:hover{/* box-shadow:unset; */z-index: 4;box-shadow: 0 0px 40px rgb(73 73 73 / 20%);transform: scale(1.01);border-left:2px solid #007bff;border-right:2px solid #007bff;/* background-image:linear-gradient(90deg,#fff,#fff)!important; */}

.kauteDesc{
text-align:justify;
font-size:1.2rem;
line-height:normal}

@media (max-width:991.98px){
.border-bottom{
border:1px solid #dee2e6!important;
border-radius:.375rem;
margin-bottom:1rem}

.price-col{
padding-top:1rem;
text-align:left!important}

.price-col>div{
display:flex;
justify-content:space-between;
align-items:center}

.kauteDesc{
font-size:1.4rem}

}

.fade-transition{
opacity:0;
visibility:hidden;
transition:opacity .4s ease,visibility .4s ease}

.fade-transition.is-visible{
opacity:1;
visibility:visible}

.cruise-card{background:#fff;padding:5px;border-radius: 2rem;}

.cruise-photo-xs{
display:block;
width:100%;
aspect-ratio:7/3;
object-fit:cover;
border-radius:8px;
box-shadow:0 2px 4px rgba(0,0,0,.1);
margin-bottom:12px}

.cruise-photo-sm{
height:20vw;
object-fit:cover;
border-radius:8px;
box-shadow:0 2px 4px rgba(0,0,0,.1)}

.cruise-photo-lg{width:35%;height:auto;object-fit:cover;border-radius: 2rem;box-shadow:0 2px 4px rgba(0,0,0,.1)}

.cruise-title{
color:#0057b7;
font-weight:700;
font-size:1.8rem}

.cruise-title-row{
display:flex;
align-items:baseline;
gap:15px;
justify-content:space-between;
width:100%}

.cruise-price-row{
display:flex;
/* margin-bottom:12px; */
align-items:baseline;
flex-wrap:wrap}

.cruise-price{
font-weight:600;
color:#2cafe9;
font-size:1.7rem}

.cruise-priceman{
color:#2cafe9;
font-size:1.2rem}

.cruise-available-cabins{
color:#ff6f00}

.cruise-days{
color:#01910d;
/* margin-bottom:12px; */
font-weight:600;
font-size:1.3rem}

.cruise-dates-row{
display:flex;
justify-content:space-between;
margin-bottom:12px;
padding-top:10px}

.cruise-date-item{
display:flex;
align-items:center;
gap:6px;
color:#555;
flex-wrap:wrap}

.cruise-route{
/*font-size:1.1rem;*/
color:#0f2b4c;
margin-bottom:16px;
line-height:1.4}

.cruise-btn-details{
padding:12px;
background-color:#007bff;
color:#fff;
border:none;
border-radius:8px;
font-size:16px;
font-weight:700;
cursor:pointer;
text-align:center}

.cruise-date-part-two{
font-size:1.3rem;
font-weight:700}

.cruise-date-part-one{
font-size:1.2rem}

.cruise-saleText{
color:#b22222;
font-size:1.3rem;
background:initial;
padding-left:inherit}

.cruise-time{
font-size: 1.2rem;
font-weight: 400;
margin-left: 0.6rem;}

.checkbox-mod{
cursor: pointer;
height: 2em;
width: 4em !important;
margin-right: 1rem;
margin-top:0px !important}

.checkbox-mod-label{
cursor: pointer;
font-size: 1.3rem;
margin-top: -0.5rem;
margin-left:2rem;
width: initial;
line-height: normal;}

.checkbox-mod-label:hover{
color: #17669b;}

.form-check-input:hover {
background-color: #17669b !important;
border-color: #17669b !important;}

@media (max-width:389px){
.cruise-photo-xs{
display:block}

.cruise-photo-sm{
display:none}

.cruise-photo-lg{
display:none}

.cruise-price-row{
justify-content:space-between;
padding:0 5px}

.cruise-title-row{
flex-direction:row;
flex-wrap:wrap;
column-gap: 15px;
row-gap: unset;}

.cruise-card{
padding:5px 10px}

.checkbox-mod-label{
padding-top: 0.5rem;
font-size: 1.4rem;
margin-top: 0rem;}

}

@media (min-width:390px) and (max-width:767px){
.cruise-photo-xs{
display:none}

.cruise-photo-sm{
display:block}

.cruise-photo-lg{
display:none}

.cruise-header{
display:flex;
align-items:flex-start;
gap:12px;
justify-content:space-between;
flex-wrap:nowrap}

.cruise-title{
margin-bottom: 1rem;}

.cruise-title-row{
flex-direction:column;
gap:initial}

.cruise-card{
padding:10px}

.checkbox-mod-label{
padding-top: 0.5rem;
font-size: 1.4rem;
margin-top: 0rem;}

}

@media (min-width:768px){
.cruise-photo-xs{
display:none}

.cruise-photo-sm{
display:none}

.cruise-photo-lg{
display:block}

.cruise-card-layout{
display:flex;
gap:20px}

.cruise-info{
flex:1}

.cruise-card{
padding-right:15px}

}

@media (min-width:1200px){
html{
font-size:.8em;
scroll-behavior:smooth}

.w304{
width:304px}

.w304 .col-lg-7{
-ms-flex:0 0 57%;
flex:0 0 57%;
max-width:57%}

.w304 .col-lg-5{
-ms-flex:0 0 43%;
flex:0 0 43%;
max-width:43%;
padding-right:0}

.indexBanner{
width:130%;
max-width:130%}

.grid-item,.grid-sizer{
width:24.2%}

.gutter-sizer{
width:2.66%}

}

@media (min-width:768px){
.item.vacant .image{
height:100%}

.item.list a.image{
margin-left:-15px}

.item.list{
padding-left:10px}

.item.list .price,.item.list .price-old{
margin:auto 0}

.item.list .price-old+.price{
margin-left:15px}

.indexBanner{
width:130%;
max-width:130%}

.grid-item,.grid-sizer{
width:32.4%}

.gutter-sizer{
width:2%}

}

@media (min-width:576px) and (max-width:767px){
.grid-item,.grid-sizer{
width:48%}

.gutter-sizer{
width:4%}

.catagory-list{
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap}

.catagory-list .item.list:nth-of-type(odd){
margin-right:5px}

.catagory-list .item.list:nth-of-type(2n){
margin-left:5px}

.item.list .date-info{
font-size:13px;
color:#000}

.indexBanner{
width:130%;
max-width:130%}

}

@media (min-width:768px) and (max-width:991px){
.grid-item,.grid-sizer{
width:32.4%}

.gutter-sizer{
width:2%}

.icon-check .form-check-label>div{
padding:20px 10px}

.aside-search .main{
width:100%;
padding-right:5px}

.aside-search .form-group{
padding-left:5px}

.aside-search .form-group>div{
padding-left:5px;
padding-right:5px}

.aside-search .form-group>div.advanced{
margin:0 0 15px;
width:100%}

.aside-search .btn-blue{
margin-top:auto!important;
padding:11px 20px}

.aside-search .form-group>div:last-of-type{
margin-left:auto}

.has-childern ul li a{
font-size:10px}

}

@media (min-width:992px) and (max-width:1199px){
.grid-item,.grid-sizer{
width:32.4%}

.gutter-sizer{
width:2.66%}

.phones a{
font-size:1.1rem;
display:block}

.has-childern ul li a{
padding:5px 20px;
font-size:.8rem}

.offices{
font-size:11px}

#main_slider .slide .container>.row{
min-height:400px}

#main_slider .text .title{
font-size:34px}

#search_form{
margin-top:-30px}

.blue-info .phone{
font-size:20px}

.nav-info{
margin-top:-60px;
margin-bottom:10px}

}

@media (max-width:991px){
.dates>div{
-ms-flex:0 0 25%;
flex:0 0 25%;
max-width:25%}

#p404 .info{
margin-bottom:20px}

#p404 .col-md-6{
margin:auto 0}

.nav-info{
margin-top:-60px;
margin-bottom:10px}

.blue-info{
margin-bottom:20px}

.offices{
font-size:12px}

.offices a img{
margin-right:2px}

.navbar-main .nav-item>a{
font-size:12px}

#header .btn-blue{
padding:10px;
font-size:8px}

#main_slider .text .title{
font-size:24px}

#main_slider .text .descr{
font-size:18px}

#main_slider .text{
padding:40px}

#main_slider .slide .container>.row{
min-height:300px}

#search_form{
margin-top:-10px}

#search_form .title{
font-size:14px}

#search_form .form-control{
margin-bottom:10px}

.item .btn-blue{
max-width:180px;
margin:2rem auto 0}

.item.list .btn-blue{
margin:0 auto}

.item .details{
display:none}

#header .container{
position:relative}

.navbar-toggler{
position:absolute;
right:15px;
top:-4px;
padding:10px .75rem}

.navbar-main{
margin-bottom:0}

.aside-search{
margin-top:20px;
margin-bottom:20px}

.breadcrumb{
display:none}

.aside-search .btn-blue{
max-width:192px;
margin:20px auto 0}

}

@media (min-width:576px) and (max-width:767px){
#popular .row{
margin-right:-5px;
margin-left:-5px}

#popular .row>[class*=col-]{
padding-right:5px;
padding-left:5px}

.item .free,.item .price{
white-space:nowrap}

}

@media (max-width:767px){
.reviews .image img{
max-width:60px}

.custom-d a:first-child{
width:calc(40% - 10px);
color:#000!important;
margin-right:10px;
min-width:inherit}

.custom-d a:last-child{
width:calc(60% - 10px);
margin-left:10px;
min-width:inherit}

.c256{
max-width:256px;
margin-left:auto;
margin-right:auto}

.nav-tabs .nav-link{
font-size:13px}

#search_form .slider-wrapper{
margin:0 0 30px}

.price-off .num{
margin-bottom:10px}

.dates>div{
-ms-flex:0 0 33.33333%;
flex:0 0 33.33333%;
max-width:33.33333%}

#p404{
text-align:center}

#p404 .title{
font-weight:900;
font-size:72px;
color:#17669b}

#p404 .info{
font-size:14px}

.pers-slider .slick-list{
overflow:visible}

.pers-slider .col-md-4{
padding:0 10px}

.pers-slider img{
margin:0 auto}

.contacts .col-md-7.my-auto{
padding:15px 30px}

.pers-slider{
display:block!important;
margin:0}

#header a img{
max-width:80px}

#search_form{
margin-top:5px}

#search_form .nav-tabs li{
display:none;
margin:auto}

#search_form .nav-tabs li+li{
display:none}

#search_form .title{
display:none}

#main_slider .slide{
aspect-ratio:16/6 !important;
min-width: 40vw;}

#main_slider .slide .container>.row{
min-height:inherit}

#search_form .tab-content{
padding:25px 20px 10px}

.item{
margin-bottom:10px;
height:calc(100% - 10px)}

.preim{
min-height:inherit;
padding:66px 20px 20px!important}

.preim.preim3{
min-height:inherit;
padding:20px!important}

.preim.preim1{
background:#073163 url('/img/boat.svg') no-repeat 20px 20px/40px auto}

.preim.preim .title{
position:absolute;
top:30px;
left:90px;
right:20px;
width:auto;
text-align:left;
font-size:14px}

.preim.preim2{
background:#073163 url('/img/star-6.svg') no-repeat 20px 20px/40px auto}

.preim.preim2 .title,.preim.preim6 .title{
top:20px}

.preim.preim4{
background:#073163 url('/img/chef.svg') no-repeat 20px 20px/40px auto}

.preim.preim5{
background:#073163 url('/img/key.svg') no-repeat 20px 20px/40px auto}

.preim.preim6{
background:#073163 url('/img/user-7.svg') no-repeat 20px 20px/40px auto}

#footer{
text-align:center}

.s-title{
font-size:16px}

.slider-nav>div+div{
margin-left:0}

.slider-nav{
width:84px;
margin:0 0 auto auto}

#article h1,#article h2{
color:#8d8d8d;
font-size:16px}

.dover-slider .slide{
padding:2rem .5rem 1rem}

.navbar-main .navbar-collapse .navbar-nav>li{
display:block}

#header{position:sticky;top:0;background:#fff;z-index:999;box-shadow: 0px 20px 20px #00000024;border-radius: 0 0 1.3rem 1.3rem;}

.navbar-main{position:fixed;top: 40px;left:0;right:0;z-index:6;background:rgba(0,0,0,.7);overflow:auto}

.navbar-main .navbar-collapse{
margin:20px;
background:0 0;
min-height:calc(100vh - 56px)}

.offices{
background:#fff;
padding:20px;
margin-top:20px;
margin-bottom:20px;
border-radius:5px}

.navbar-main .nav-item>a{
background:#17669b}

.navbar-toggler:after,.navbar-toggler:before{
content:'';
display:block;
position:absolute;
width:24px;
height:2px;
transform:rotate(45deg);
background:#1e73ab;
top:17px;
left:10px;
opacity:0}

.navbar-toggler:after{
transform:rotate(-45deg)}

.navbar-toggler[aria-expanded=true] img{
opacity:0}

.navbar-toggler[aria-expanded=true]:after,.navbar-toggler[aria-expanded=true]:before{
opacity:1}

.enter{background:#fff;text-align:center;padding:20px 5px;border-radius: 1.3rem;margin-bottom:20px}

.navbar-main .btn-blue{
height:calc(100% - 20px);
padding:10px}

.navbar-main .navbar-collapse .navbar-nav>li:first-of-type>a{
border-radius:5px 5px 0 0}

.navbar-main .navbar-collapse .navbar-nav>li:last-of-type>a{
border-radius:0 0 5px 5px}

.no-scroll{
overflow:hidden}

.no-scroll .navbar-main{
bottom:0}

.item.list a.image,.item.vacant .image{
background:0 0!important}

.item.vacant .image{
text-align:center}

.item.list{
padding-right:1rem;
padding-left:1.2rem}

.item.list .col-md-8.py-4{
padding-left:40px;
padding-right:40px}

.item .row>[class*=col-]{
padding-right:5px;
padding-left:5px}

.item.grid .row{
margin-right:-5px;
margin-left:-5px}

.item.vacant{
padding-right:0}

.item.vacant .col-md-8{
padding-right:40px;
padding-left:40px}

.vacant .title{
font-size:16px}

.vacant a.mail{
margin-left:10px;
margin-bottom:10px;
display:inline-block}

.vacant a.tel{
margin-left:10px}

.nav-info{
margin-top:0;
margin-bottom:10px}

.nav-info .lk{
margin-right:auto}

.nav-tabs .nav-item{
display:block;
width:100%;
text-align:center;
background:#fff}

#search_form .nav-tabs .nav-item{
background:0 0}

#search_form .nav-tabs .nav-item a{
max-width:224px;
margin:auto}

.nav-info .lk .nav-link{
width:256px;
max-width:100%}

.qa .col-xl-1,.qa-a .col-xl-1{
margin:0 0 1rem 0}

}

@media (max-width:575px){
.login-form.rew-form .btn-blue{
margin:auto}

.teplohod .date a{
min-width:inherit}

.dates>div{
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%}

#main_slider .text .title{
font-size:14px}

#main_slider .text .descr{
font-size:12px}

.points{
font-size:10px}

.saleText{
font-size:1rem}

.item.list .date-title{
font-size:11px}

.page-item .page-link{
width:3rem;
height:3rem;
font-size:1rem;
padding:.8rem 0}

.waves{
height:15vh;
margin-bottom:-7px;
margin-top:4rem;
min-height:50px;
max-height:80px}

.cruise-date-part-two{
font-size: 1.4rem;}

.cruise-photo-sm{
height: 30vw;
aspect-ratio: 5 / 3;}

}

@media only screen and (max-width:730px){
table,tbody,td,th,thead,tr{
display:block}

thead tr{
position:absolute;
text-align:center;
top:-9999px;
left:-9999px}

tr{
margin:0 0 1rem 0}

tr:nth-child(odd){
background:#ccc}

td{
border:none;
border-bottom:1px solid #eee;
position:relative;
padding-left:50%;
text-align:right;
vertical-align:top}

td:before{
position:absolute;
top:0;
left:6px;
width:45%;
padding-right:10px;
white-space:nowrap}

}

table.table-3{
border-collapse:collapse;
border-spacing:0;
width:100%}

table.table-3 tr{
background-color:#f8f8f8}

table.table-3 td,table.table-3 th{
text-align:left;
padding:8px;
border:1px solid #ddd}

@media screen and (max-width:800px){
table.table-3{
border:0}

table.table-3 thead{
border:none;
clip:rect(0 0 0 0);
height:1px;
margin:-1px;
overflow:hidden;
padding:0;
position:absolute;
width:1px}

table.table-3 tr{
border-bottom:1px solid #ddd;
display:block;
margin-bottom:30px}

table.table-3 td{
display:block;
text-align:right}

table.table-3 td::before{
content:attr(data-label);
float:left;
font-weight:700;
text-transform:uppercase}

table.table-3 td:last-child{
border-bottom:0}

}

@media (min-width:1600px){
.section-fluid{
padding-left:75px;
padding-right:75px}

.section-fluid .container-fluid{
padding-left:0;
padding-right:0;
max-width:1770px;
margin-left:auto;
margin-right:auto}

.container{
max-width:1400px}

.grid-item,.grid-sizer{
width:24.2%}

}