@charset "utf-8";
html, body {
font:15px Arial,Helvetica,sans-serif;
margin:0;
text-size-adjust:100%;
-webkit-text-size-adjust:100%
}
:target {scroll-margin-top:10px}
h1 {
color:#133648;
font-size:2rem;
font-weight:700;
line-height:1.2;
margin:-8px 0 1.5rem 0;
padding:0
}
h2 {
color:#3A5D6E;
font-size:1.7rem;
font-weight:600;
line-height:1.3;
border-left:4px solid #3A5D6E;
margin:2.5rem 0 1.5rem 0;
padding:0 0 .75rem 1rem;
border-bottom:2px solid #3A5D6E
}
h3, .h3title {
color:#3A5D6E;
font-weight:600;
font-size:1.5rem;
margin:0 0 1.5rem 0;
padding:.5rem 0;
line-height:1.3
}
h3 {border-bottom:1px solid #e9ecef}
h4, .h4title {
color:#3b4c54;
font-weight:600;
font-size:1.3rem;
margin:0 0 .75rem 0;
padding:.25rem 0;
line-height:1.4
}
h4::before {
content:"âĸ";
color:#3498DB;
margin-right:.5rem;
font-size:1.1em
}
h1, h2, h3, .h3title, h4, .h4title {font-family:system-ui}
.h3block {
margin:2rem 0;
padding:0!important;
list-style:none
}
.h3block h3 {
background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);
margin:0;
padding:1.5rem;
color:#3A5D6E;
border-bottom:1px solid #e9ecef
}
.h3block h3::before {content:none}
.h3block>:is(li,div,article) {
border:1px solid #e0e0e0;
border-left:4px solid #3A5D6E;
margin:2rem 0
}
.h3block :is(li,div,article)>p {padding:0 1.5rem}
.h3block :is(li,div,article)>p:first-of-type {padding-top:1.5rem}
.h3block :is(li,div,article)>p:last-of-type {padding-bottom:1.5rem}
.h3block .im_c {margin:1.5rem 0}
.h3block .im_c:first-of-type {margin-top:0}
.h3block img {border:none!important}
.h3block .attrib {
margin:0;
border-left:none;
border-radius:0
}
.h3block .note {border:none}
.h3block:is([data-type="beach"],[data-type="attraction"])>:is(li,div,article) {border-left-color:#9B59B6}
.h3block:is([data-type="beach"],[data-type="attraction"])>:is(li,div,article)>h3 {color:#9B59B6}
ul.h3list {
list-style:none;
padding-left:1rem!important
}
ul.h3list>li {
margin:2rem 0;
position:relative
}
ul.h3list h3 {margin-top:1rem}
ul.h3list h3::before, #articlebody>h3::before {
content:"âĒ";
color:#E67E22;
margin-right:.75rem;
font-size:1.2em
}
ul.h4list {
list-style:none;
margin:1.5rem 0 0 .5rem;
padding-left:1rem!important
}
ul.h4list>li {
margin:1.5rem 0;
border-left:1px solid #95A5A6;
padding-left:1rem
}
.article-navigation-tabs {
border:1px solid #e9ecef;
border-radius:8px;
overflow:hidden;
background:#f8f9fa;
margin:2rem 0
}
.tab-button.content::before {
content:'đ';
display:block;
filter:brightness(1.2);
position:relative;
top:-2px
}
.tab-button.chapter::before {
content:'đ';
display:block;
filter:brightness(1.2);
position:relative;
top:-2px
}
.tabs-header {display:flex}
.tab-button {
flex:1;
padding:1rem;
border:none;
background:#2980B9;
color:#fff;
font-size:1.1rem;
font-weight:600;
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
gap:6px;
transition:all .3s ease;
border-right:1px solid rgba(255,255,255,.4)
}
.tab-button:last-child {border-right:none}
.tab-button:hover:not(.active) {background:#3498DB}
.tab-button.active {
background:#1F5F8B;
box-shadow:inset 0 3px 0 #E67E22
}
.tab-panel {
display:none;
padding:1.5rem
}
.tab-panel.active {display:block}
.visually-hidden {
position:absolute;
width:1px;
height:1px;
padding:0;
margin:-1px;
overflow:hidden;
clip:rect(0,0,0,0);
white-space:nowrap;
border:0
}
.article-navigation-tabs ul {
margin:0!important;
list-style:none;
padding:0!important
}
.article-navigation-tabs ul li {
position:relative;
padding-left:15px
}
.article-navigation-tabs ul li a::before {
content:"âĒ";
position:absolute;
left:0;
color:#666;
font-weight:700
}
.article-navigation-tabs ul>li>ul {
border-left:1px solid #E67E22;
list-style:none;
padding:.5rem 0 0 .5rem!important;
display:flex;
flex-wrap:wrap;
gap:.5rem
}
.article-navigation-tabs ul>li>ul li a::before {content:none}
.article-navigation-tabs ul>li>ul>li {padding-left:0}
.article-navigation-tabs ul>li>ul>li a {
display:inline-block;
padding:.25rem .5rem;
background:#e9ecef;
font-size:.85rem;
color:#0d2b66
}
.article-navigation-tabs ul>li>a:hover {text-decoration:underline}
.article-navigation-tabs ul>li>ul>li>a:hover:not(#fake) {
background:#dee2e6;
color:#0a1f4d;
text-decoration:none
}
#section-tab ul li {
padding-left:0;
margin-bottom:0!important
}
#section-tab ul li a {
padding:.5rem .5rem .5rem 1rem;
display:block
}
#section-tab ul li a:hover {
background:#e3e7eb;
color:#274a8f!important;
text-decoration:none
}
#section-tab li.current {
font-weight:bold;
background:#e9ecef;
color:#2C3E50;
padding:.5rem .5rem .5rem 1rem
}
#section-tab li a::before {content:none}
.im_c iframe {
width:100%;
aspect-ratio:16/9;
height:auto;
border:none
}
.body, #body {
position:relative;
margin:0 auto;
max-width:1220px;
padding: 0 16px;
box-sizing: content-box;
}
figure {
margin:0;
position:relative
}
figure h3, figure .h3title {margin:0}
a {
color:#2D589F;
transition:all .3s;
text-decoration:none
}
#main_text :is(p,li) a[href^="http"]:after {
content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==);
margin:0 5px
}
.logo_reklama_block {margin-top:72px}
.section-bar, .section-bar-close, #section-toggle {display:none}
#over_fixedmenu {
position:fixed;
width:100%;
top:0;
right:0;
z-index:1000;
transform:translateZ(0);
transition:all .2s;
background:linear-gradient(to bottom,#133648 0%,#354953 100%);
display:grid;
grid-template-columns:240px 1fr auto;
grid-template-rows:44px;
align-items:center;
height:44px;
padding:0 8px;
box-sizing:border-box;
column-gap:8px
}
.nav-top {display:contents}
.nav-logo {
grid-column:1;
grid-row:1;
height:44px;
line-height:44px;
font-style:italic;
font-weight:700;
font-size:125%;
color:#FFF;
text-decoration:none;
text-shadow:0 0 10px rgba(0,0,0,.9);
display:inline-flex;
align-items:center;
gap:4px;
white-space:nowrap;
overflow:hidden;
justify-self:center
}
#mainmenu {
grid-column:2;
grid-row:1;
display:flex;
flex-wrap:nowrap;
justify-content:center;
padding:0;
margin:0;
list-style:none;
min-width:0;
overflow:visible
position:relative;
}
.nav-search {
grid-column:3;
grid-row:1;
color:#FFF;
text-decoration:none;
font-size:20px;
padding:0 12px
}
#over_fixedmenu nav {display:contents}
.logosign {
font-style:normal;
display:inline-block;
transition:.8s;
font-size:125%;
position:relative;
top:1px;
margin:0 2px
}
.nav-logo:hover .logosign {transform:scaleX(-1)}
#mainmenu>li {
flex:auto;
position:relative
}
#mainmenu a, .menu-parent {
color:#FFF;
display:inline-block;
width:100%;
height:44px;
line-height:42px;
box-sizing:border-box;
padding:0 6px;
letter-spacing:.5px;
text-decoration:none;
text-align:center;
cursor:pointer
}
.menu-parent::after {
content:" âž";
font-size:.85em;
margin-left:4px;
color:#9dc3d4;
transition:transform .2s
}
#mainmenu>li:hover .menu-parent::after {content:" â´"}
#mainmenu .current, #mainmenu>li:hover {background:#133648E0}
.nav-burger {display:none}
.menu_sub {
list-style:none;
visibility:hidden;
z-index:1001;
height:0;
overflow:hidden;
position:absolute;
transition:background-color .2s 100ms,opacity .2s 100ms;
background:#133648F6;
padding:4px;
margin:0
}
#mainmenu>li:hover .menu_sub {
transition-property:all;
transition-delay:.3s;
overflow:visible;
opacity:1;
height:auto;
box-shadow:#666 2px 5px 10px;
visibility:visible
}
.menu_sub a {
color:#FFF;
text-align:left!important;
padding-left:8px;
box-sizing:border-box;
height:30px!important;
line-height:30px!important
}
.menu_sub a:hover {background:#133648}
.menu_sub .flags {
position:relative;
top:10px
}
#over_fixedmenu.hide {
display:block;
width:56px;
overflow:hidden;
height:44px;
visibility:hidden
}
#over_fixedmenu.hide a {color:#008ed6}
#over_fixedmenu.hide:after {
content:"\2630";
position:fixed;
top:0;
right:0;
display:block;
width:56px;
height:44px;
line-height:44px;
text-align:center;
font-weight:bolder;
font-size:28px;
color:#FFF;
cursor:pointer;
visibility:visible;
background:linear-gradient(to bottom,#133648 0%,#354953 100%);
z-index:1001
}
.h1 {
display:block;
font-size:170%;
border-bottom:solid #ddd 1px;
box-shadow:0 20px 13px -10px rgba(200,200,200,.25);
padding-bottom:8px;
margin:0
}
.h1 img {vertical-align:middle}
.breadcrumb {
color:#162C4E;
font-size:95%;
margin:8px 0 0;
padding:0
}
.breadcrumb li {
list-style:none;
display:inline-block
}
.breadcrumb li:after {
content:"\203A";
font-size:14px
}
.breadcrumb li:last-child:after {content:""}
.main_table {
display: flex;
justify-content: center;
margin-top: 32px;
}
.main_text_wide, .main_text_map {max-width:100%!important}
.main_text_map {padding:0 0 30px!important}
#main_text {
font-size:105%;
flex: 1;
color:#222;
padding:0 48px 32px;
max-width:764px;
line-height:1.75;
display: grid;
grid-template-columns: minmax(0, 1fr)
}
#main_text p a {
text-decoration:underline;
text-underline-offset:2px
}
#body a:hover {color:#29868c}
.sl, .sl a {font-weight:700!important}
.table_left, .table_right {
width:180px;
min-width:180px
}
#mini_menu {
display:block;
list-style-type:none;
margin-top:0;
padding:0 0 5px;
position:relative;
margin-bottom:32px;
z-index:997
}
#mini_menu a {
display:block;
padding:6px 8px;
border-bottom:1px solid #eee;
transition:color .2s,background-color .2s
}
#mini_menu a:hover {background:linear-gradient(to right,#ddd 0%,#eee 53%,#fff 100%)}
#mini_menu .current>a {
background:#d6e4ed;
font-weight:700;
box-shadow:inset 4px 0 0 #E8871E
}
#mini_menu li {
position:relative;
z-index:0
}
#mini_menu li ul {
opacity:.92;
overflow:hidden;
visibility:hidden;
transition:visibility .2s,background-color .2s;
background-color:#7bb4e4;
left:100%;
padding:0;
position:absolute;
top:0;
width:250%;
box-shadow:#333 5px 2px 20px
}
#mini_menu li ul li a {padding-left:16px}
#mini_menu li:hover ul {
visibility:visible;
background-color:#fff!important
}
.mini_menu_title, .tickets_title, .title, figure h3, figure .h3title {
color:#FFF;
background:#3A5D6E;
padding:8px 4px;
font-size:120%;
text-align:center;
font-weight:400;
font-family:Arial,Helvetica,sans-serif
}
.box-city-tower {
box-shadow:0 1px 2px 1px #d9dddf;
background-color:#FFF
}
.box-city-tower a {
display:block;
padding-left:8px;
position:relative;
font-weight:600
}
.box-city-tower a:hover {outline:1px solid #ddd}
.box-city-tower .price {
position:absolute;
right:8px;
color:#b71203;
font-weight:600
}
.cld {
position:relative;
padding-top:7px;
padding-bottom:7px;
color:#00b1dd
}
.cld:hover {color:#00c6f7}
.wide100 {width:100%}
.cntr {text-align:center}
.filler {
display:inline-block;
background-color:#aaa;
position:absolute;
top:0;
left:0;
width:0;
opacity:.5;
height:100%;
transition:all 2.5s linear 0s
}
a:hover .filler {
width:100%;
transition:all 2.5s linear .5s
}
.aeroplugin {
border-collapse:collapse;
text-align:center;
width:100%;
margin-bottom:32px
}
.aeroplugin td {
border:1px solid #e3e3e3;
padding:6px 2px;
height:39px
}
.aeroplugin tr.plugrow:hover {outline:2px solid #e74e34}
.aeroplugin tr.plugrow:hover a.pluginbtn, .aeroplugin .pluginbtn:hover {background-color:#ff7b63}
.pluginbtn {
background-color:#e74e34;
color:#fff!important;
padding:4px 6px;
border-radius:4px;
min-width:140px;
display:inline-block
}
.pluginhdr {background:linear-gradient(to top,#593c37 0%,#36302f 100%)}
.pluginhdr td {color:#FFF}
.margin16, .margin32 {
margin:16px auto;
text-align:center;
clear:both
}
.margin32, .im_c {margin:32px auto}
.im {margin-bottom:32px}
.pogoda {
background:#f8f9fa;
box-shadow:0 4px 12px rgba(0,0,0,.06);
padding:16px 0 20px;
margin:32px auto
}
.pogoda table {
width:100%;
border-collapse:collapse;
font-size:.95rem
}
.pogoda table td {background:#fff}
.pogoda p {margin-left:20px}
.pogoda table th, .pogoda table td {
padding:8px 6px;
text-align:center;
border:1px solid #dee2e6
}
.pogoda table th {
background:#f2f4f7;
color:#495057;
font-weight:600;
font-size:.85rem
}
.pogoda caption {
font-weight:bold;
font-size:110%;
margin-bottom:12px
}
.guide {
padding:16px 20px 0;
background:#f8f9fa;
border:1px solid #dee2e6;
border-radius:12px;
overflow:hidden
}
.guide__title {
font-size:1.05rem;
font-weight:700;
color:#2c3e50;
margin:0 0 6px
}
.guide__list {
display:flex;
flex-direction:column;
margin-bottom:10px
}
.guide-row {
display:flex;
align-items:center;
gap:10px;
padding:8px 0;
color:#2c3e50;
text-decoration:none;
font-size:.95rem;
line-height:1.35;
border-bottom:1px solid #e9ecef
}
.guide-row:last-child {border-bottom:0}
.guide-row__icon {
font-size:1.15rem;
width:1.6em;
text-align:center;
flex-shrink:0
}
.guide-row__label {
display:flex;
align-items:center;
gap:8px;
flex:1;
min-width:0;
color:#6c757d;
overflow:hidden
}
.guide-row__label::after {
content:"";
flex:1;
border-bottom:1px dotted #ced4da;
margin-bottom:4px;
min-width:20px
}
.guide-row__name {
font-weight:700;
color:#b84a00;
white-space:nowrap;
flex-shrink:0
}
.guide-row:hover .guide-row__name {
color:#8a3700;
text-decoration:underline
}
.guide__social {
display:flex;
align-items:center;
justify-content:center;
flex-wrap:wrap;
gap:4px 14px;
margin:0 -20px;
padding:10px 20px;
background:#eef2f6;
border-top:1px solid #dee2e6;
font-size:.9rem;
line-height:1.5;
color:#6c757d
}
.guide__social-label {
font-weight:700;
color:#2c3e50
}
.guide__social a {
color:#b84a00;
text-decoration:none;
font-weight:600
}
.guide__social a:hover {text-decoration:underline}
.attrib, #rating_block {
padding:1.5rem;
margin:2rem 0;
background:#f8f9fa;
border:1px solid #dee2e6
}
.attrib {
border-left:4px solid #adb5bd;
border-radius:0 8px 8px 0
}
.attrib:has(>details) {padding:0}
.attrib ul {margin-top:0!important}
details[open].attrib summary {
border-bottom:1px solid #e9ecef;
margin-bottom:1.5rem;
background-color:#edf2f7
}
.attrib summary {
font-weight:bold;
cursor:pointer;
user-select:none;
margin:-1.5rem;
padding:1rem
}
.attrib summary:after {
content:'âšī¸';
margin-left:6px
}
.attrib:hover summary {background-color:#edf2f7}
#main_text ul, #main_text ol {
padding-left:2rem;
text-align:left;
margin:.5rem 0
}
#main_text ul li, #main_text ol li {
margin-bottom:.5rem;
vertical-align:top
}
.div_forum {
margin-top:16px;
border-bottom:1px solid #666;
word-wrap:break-word;
overflow-wrap:break-word
}
.div_forum .name {
color:#A00;
font-weight:700!important
}
.div_forum .text, .div_forum .time {font-size:13px}
.div_forum a {
font-weight:700!important;
background-color:#eee;
display:block
}
.star {
font-size:18px;
width:16px;
display:inline-block;
color:#F90
}
.star.bw {color:gray}
.star:before {content:'\2605'}
footer {
background:#133648;
padding:32px;
color:#fff;
text-align:center
}
footer a {color:#FFF}
.note {
padding:12px 22px;
background:#f0f7ff;
background:linear-gradient(90deg,rgb(240 247 255) 0%,rgb(228 233 248) 100%);
margin:32px 0;
color:#000;
border-left:4px solid #3A5D6E
}
.note.lifehack>*:first-child:before {
content:"\1F44D";
font-size:200%;
float:left;
margin:-8px 10px 0 0
}
.note.attention>*:first-child:before {
content:"\26A0";
font-size:200%;
float:left;
margin:-14px 10px 0 0;
color:#B00
}
.note.info>*:first-child:before {
content:"\1F449";
font-size:200%;
float:left;
margin:-14px 10px 0 0;
color:red
}
.note.happy>*:first-child:before {
content:"\1F64B";
font-size:200%;
float:left;
margin:-14px 10px 0 0
}
.sticky {
position:fixed;
z-index:101;
padding-top:32px;
width:180px;
background-color:#FFF
}
.stopsticky {position:relative}
.flags {
width:16px;
height:12px;
display:inline-block;
background-image:url(/images/tiny-sprites.png);
background-repeat:no-repeat
}
.vn {background-position:-49px -204px}
.th {background-position:-49px -190px}
.lk {background-position:-49px -302px}
.my {background-position:-49px -218px}
.cb {background-position:-49px -288px}
.id {background-position:-49px -260px}
.cn {background-position:-49px -274px}
.in {background-position:-49px -246px}
.la {background-position:-49px -330px}
.sy {background-position:-49px -232px}
.eg {background-position:-49px -344px}
.tu {background-position:-49px -358px}
.oa {background-position:-49px -316px}
.jo {background-position:-49px -372px}
.ru {background-position:-49px -386px}
.ab {background-position:-49px -400px}
.ph {background-position:-49px -416px}
.cy {background-position:-49px -429px}
.tr {background-position:-49px -444px}
.main_mini_menu a:before {content:none!important}
.main_mini_menu a {
font-size:16px;
padding-left:6px!important
}
.main_mini_menu .flags {
position:relative;
top:3px
}
.im_l {
float:left;
margin-right:24px
}
.im_r {
float:right;
margin-left:24px
}
.im_l, .im_r, .im_c, .im {
position:relative;
overflow:hidden
}
.im_r img, .im_c img, .im_l img, .gallery img, figure img, .im img {
display:block;
background-color:#fafafa;
border:1px solid rgba(30,54,65,.2);
box-sizing:border-box
}
.im_c a, .im a, .im_c a img, .im a img, .im_c img, .im img {
width:100%;
height:auto
}
.imgtitle {
position:absolute;
cursor:default;
background-color:rgba(30,54,65,.7);
padding:6px;
color:#FFF;
z-index:3;
line-height:1.3;
left:1px;
bottom:1px
}
.imgtitle a {color:#9dc3d4}
.imgtitle:before {
content:"\1F4F7 ";
margin-right:4px
}
.main_table_inside {
font-size:90%;
border-collapse:collapse;
border-spacing:0;
text-align:center;
width:100%;
background:#fff;
box-shadow:0 1px 3px rgba(0,0,0,.05),0 1px 2px rgba(0,0,0,.1)
}
.main_table_inside td, .main_table_inside th {
border:1px solid #dee2e6;
padding:8px 6px;
vertical-align:middle
}
.main_table_inside thead {
background-color:#5D6D7E;
color:#fff;
font-weight:700
}
.main_table_inside caption {
background-color:#3A4A5A;
color:#fff;
font-weight:700;
font-size:135%;
padding:10px 4px;
caption-side:top;
text-align:center
}
.main_table_inside tbody tr:nth-child(even) {background-color:#f8f9fa}
.gallery {
color:#444;
font-size:90%;
margin:32px 0 0;
line-height:1;
font-size: 0
}
.gallery figure img {
max-width:100%;
width:100%;
height:auto;
margin-left:auto;
margin-right:auto
}
.gallery figure {
margin-bottom:32px!important;
display:inline-block;
width:49%;
text-align:center;
position:relative;
overflow:hidden
}
.gallery figure:nth-child(2n) {margin-left:1.4%}
.gallery figure a {
width:100%;
clear:both
}
.map_icon:after {
margin-left:2px;
content:'\01F4CD';
display:inline-block;
text-decoration:none!important
}
.map_icon:hover:after {animation:bounce 1s}
@keyframes bounce {
0%, 20%, 60%, 100% {transform:translateY(0)}
40% {transform:translateY(-6px)}
80% {transform:translateY(-4px)}
}
#aviacalendar {
border-radius:6px;
font-size:30px;
color:#4e9dde;
text-align:center;
padding:14px;
background-color:#fff;
position:fixed;
z-index:1004;
border:1px solid #999;
width:100%;
max-width:800px;
display:none;
left:0;
right:0;
margin:auto;
box-sizing:border-box;
top:0;
margin-top:1%;
box-shadow:0 0 46px 0 rgba(14,14,2,.4)
}
#aviacalendar .price {margin-left:10px}
#aviacalendar .clz {
position:absolute;
top:0;
right:8px;
cursor:pointer;
color:#666;
font-size:22px
}
#fullarea {
background-color:rgba(14,14,2,.5);
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
z-index:1003;
display:none;
backdrop-filter:blur(2px);
-webkit-backdrop-filter:blur(2px);
cursor:default
}
.bttn {
color:#eee!important;
background:#388ED6;
background:linear-gradient(to bottom,#5e9fd1 0%,#008ed6 100%);
font-weight:700;
padding:7px 14px 8px;
border-radius:4px;
transition:none;
cursor:pointer
}
#body .bttn:hover {
background:#358AD3;
color:#fff!important;
box-shadow:0 0 6px 2px rgba(34,60,80,.4)
}
.ticketsform1 {min-height:278px}
.mini {width:350px}
.table-container {
overflow: auto;
margin: 32px auto;
-webkit-overflow-scrolling: touch;
background:linear-gradient(to left, #fff 24px, rgba(255,255,255,0) 16px) right / 16px 100% no-repeat local,linear-gradient(to left, rgba(0,0,0,0.10), rgba(0,0,0,0)) right / 16px 100% no-repeat scroll,linear-gradient(to right, #fff 24px, rgba(255,255,255,0) 16px) left / 16px 100% no-repeat local,linear-gradient(to right, rgba(0,0,0,0.10), rgba(0,0,0,0)) left / 16px 100% no-repeat scroll,#fff;
}
.table-container .main_table_inside {background: transparent}
.table-container::-webkit-scrollbar {height: 6px}
.table-container::-webkit-scrollbar-track {
background: #e9ecef;
border-radius: 4px
}
.table-container::-webkit-scrollbar-thumb {
background: #3A5D6E;
border-radius: 4px
}
.table-container::-webkit-scrollbar-thumb:hover {background: #2c4a58}
#rating_block h2 {
border:none;
margin:6px 0 12px;
padding:0
}
.reviewstars {
color:gold;
margin-left:8px
}
#review_block .author {font-weight:bold}
#review_block time {
color:#999;
font-size:90%
}
#review_block, .one-review {
margin:32px 0;
position:relative
}
.one-review {
border-top:1px solid #ddd;
padding-top:12px
}
#review_block .newblock {
padding:12px;
background-color:#ffece9
}
.review_body {
font-size:95%;
color:#444
}
#rating-area div, #rating-area span {vertical-align:middle}
.firstline input {
min-width:300px;
width:45%;
margin-right:12px
}
#submit_rate:disabled, .submit_rate:disabled {background-color:#aaa}
#submit_rate, .submit_rate {
background-color:#107ca6;
color:#FFF;
display:block;
border-radius:4px;
cursor:pointer;
margin:0 auto
}
#review_form textarea, .rpl_form textarea {
width:100%;
resize:vertical;
vertical-align:top
}
#review_form input, #review_form textarea, .rpl_form input, .rpl_form textarea {
box-sizing:border-box;
padding:.375em .75em;
line-height:1.5;
border:1px solid #ced4da;
outline:0;
font-size:100%;
transition:border-color .15s;
margin-bottom:16px
}
#review_form input:focus, #review_form textarea:focus {border:#107ca6 1px solid}
.star-area {display:inline-block}
.star-area > input {display:none}
.star-area > label {
float:right;
width:38px;
padding:0;
cursor:pointer;
font-size:32px;
line-height:32px;
color:lightgrey
}
.star-area:not(:checked)>label:before {content:'â
'}
.star-area>input:checked~label {color:gold}
.star-area:not(:checked)>label:hover, .star-area:not(:checked)>label:hover~label {color:gold}
.star-area>input:checked+label:hover, .star-area>input:checked+label:hover~label, .star-area>input:checked~label:hover, .star-area>input:checked~label:hover~label, .star-area>label:hover~input:checked~label {text-shadow:1px 1px #aaa}
.star-area>label:active {position:relative}
.first_rating {
border-top:1px solid #aaa;
font-size:90%
}
.insertpanel {
padding:2px;
margin-bottom:16px;
background:linear-gradient(to top,rgba(200,200,200,.6) 0%,rgba(220,220,220,.4) 100%)
}
.insertpanel span {
margin:0 4px;
cursor:pointer
}
#review_form textarea {
margin-bottom:0;
transition:height .3s;
height:60px
}
.likes-block {
position:absolute;
top:12px;
right:0
}
.like, .dislike {cursor:pointer}
.like:hover, .dislike:hover {text-shadow:1px 1px 3px rgba(150,150,150,1)}
.likes-count {
margin:0 12px;
padding:2px 4px;
background-color:#eee;
border:1px solid #ccc;
border-radius:2px;
font-size:80%;
font-weight:bold;
color:#b00
}
.replay-to {cursor:pointer}
.rpl_form {padding:12px 0 0 24px}
.replay_container {padding:22px 0 0 12px}
.replay_container .review_body {
border-left:2px solid #eee;
padding-left:8px
}
.rew_links {
padding:8px;
text-align:center;
border-top:1px solid #8883
}
.rew_links_title {
font-weight:bold;
color:#333
}
.rew_links_block {margin-left:12px}
.rew_links_block img, .rew_links_block svg {
margin-top:-4px;
vertical-align:middle
}
.yandex_review {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='2053 2032 20051 19949'%3E%3Cpath d='M2040 12000c0-5523 4476-10000 10000-10000 5522 0 10000 4477 10000 10000s-4478 10000-10000 10000c-5524 0-10000-4477-10000-10000' fill='%23FC3F1D'/%3E%3Cpath d='M13320 7666h-924c-1694 0-2585 858-2585 2123 0 1430 616 2100 1881 2956l1045 704-3003 4487H7490l2695-4014c-1550-1110-2420-2190-2420-4015 0-2288 1595-3850 4620-3850h3003v11867H13320V7666' fill='%23fff'/%3E%3C/svg%3E")}
.ggl_review {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 20000 20000'%3E%3Cpath d='M19621 10277c0-710-62-1390-180-2047h-9418v3875h5383a4621 4621 0 01-2011 3008v2520h3246c1890-1746 2980-4313 2980-7356Zm0 0' fill='%234285f4'/%3E%3Cpath d='M10023 20050c2700 0 4965-894 6618-2417l-3246-2520c-891 598-2028 965-3372 965-2601 0-4808-1758-5601-4120H1094v2581c1648 3266 5020 5512 8930 5512Zm0 0' fill='%2334a853'/%3E%3Cpath d='M4422 11950a6028 6028 0 01-317-1900c0-663 118-1300 317-1902V5566H1094a9910 9910 0 00 0 8965l2593-2016Zm0 0' fill='%23fbbc05'/%3E%3Cpath d='M10023 4031c1473 0 2782 508 3829 1492l2863-2867C14977 1040 12723 50 10023 50c-3910 0-7280 2242-8930 5515l3329 2582c793-2363 3000-4117 5601-4117Zm0 0' fill='%23ea4335'/%3E%3C/svg%3E")}
.tripadv_review {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 13333 13333'%3E%3Ccircle fill='%2334e0a1' cx='6667' cy='6667' r='6667'/%3E%3Cpath d='m10784 5366 805-875H9805a5538 5538 0 00-3138-966 5531 5531 0 00-3133 966H1746l804 875a2459 2459 0 10 3328 3620l788 859 789-857a2460 2460 0 10 3330-3622zM4208 8847a1664 1664 0 11 0-3327 1664 1664 0 01 0 3328zm2460-1712C6667 6040 5870 5100 4820 4700a4776 4776 0 01 1847-370 4780 4780 0 01 1847 370c-1050 400-1847 1340-1847 2435zm2458 1713a1664 1664 0 11 0-3328 1664 1664 0 01 0 3328zm0-2537a872 872 0 10 0 1743 872 872 0 00 0-1744zM5080 7183a872 872 0 11-1744 0 872 872 0 01 1744 0'/%3E%3C/svg%3E")}
.yandex_review, .ggl_review, .tripadv_review {
padding-left:22px;
background-repeat:no-repeat
}
.excursionlist {
list-style:none;
color:#666
}
.excursionlist li {
border-left:2px solid #E67E22;
padding-left:.75rem
}
.excursionlist a {
color:#E67E22;
font-weight:bold
}
.excursion_div {
background:linear-gradient(135deg,#fff9f5 0%,#fef2e8 100%);
border:1px solid #E67E22;
border-left:6px solid #E67E22;
padding:1.5rem;
border-radius:0 8px 8px 0;
box-shadow:0 4px 6px rgba(231,126,34,.05)
}
.excursion_div .excursionlist li {border:none}
.excursion_div>p {
font-size:.95rem;
font-style:italic
}
.mobile_announce {
box-sizing:border-box;
position:fixed;
bottom:20px;
left:50%;
z-index:1000;
display:flex;
align-items:center;
justify-content:space-between;
gap:15px;
padding:18px 25px;
background:linear-gradient(135deg,#e8f8ef 0%,#fff4e6 100%);
border:2px solid #27AE60;
border-radius:16px;
box-shadow:0 0 20px rgba(39,174,96,.25);
font-size:18px;
font-weight:600;
line-height:1.5;
opacity:0;
transform:translateX(-50%) translateY(20px);
visibility:hidden;
transition:opacity .5s ease,transform .5s ease,visibility .5s ease
}
.mobile_announce--visible {
opacity:1;
transform:translateX(-50%) translateY(0);
visibility:visible
}
.mobile_announce--closing {
opacity:0;
transform:translateX(-50%) translateY(20px);
visibility:hidden;
pointer-events:none
}
#mobann.mobile_announce:before {
content:"đŦ";
font-size:20px;
margin-right:5px
}
.mobile_announce a {
background:#27c464;
color:#fff;
padding:12px 28px;
border-radius:10px;
font-size:15px;
letter-spacing:.3px;
white-space:nowrap;
flex-shrink:0
}
.mobile_announce a:hover {background:#27AE60}
.mobile_announce .close {
cursor:pointer;
color:#6c757d;
width:32px;
height:32px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
background:#fff;
transition:all .3s ease;
flex-shrink:0;
margin-left:5px;
border:2px solid #dee2e6
}
.mobile_announce .close:hover {
background:#f8f9fa;
color:#E74C3C;
transform:scale(1.15) rotate(90deg);
border-color:#E74C3C
}
.nolist {list-style:none}
.nolist h4::before, .nolist h3::before {content:''}
.rate3-2>a, .rate3-2v>a, .rate3-2>figure>a, .rate3-2v>figure>a {
position:relative;
display:block;
width:100%
}
.rate3-2 a img, .rate3-2v a img {
position:absolute;
left:0;
bottom:0
}
.rate3-2>a, .rate3-2>figure>a {padding-bottom:66.6%}
.rate3-2v>a, .rate3-2v>figure>a {padding-bottom:150.4%}
#toursblock {background:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='margin: auto; background: rgb(255, 255, 255); display: block; shape-rendering: auto;' width='200px' height='200px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3E%3Cpath d='M23 50A27 27 0 0 0 77 50A27 29 0 0 1 23 50' fill='%231e3641' stroke='none'%3E%3CanimateTransform attributeName='transform' type='rotate' dur='1s' repeatCount='indefinite' keyTimes='0;1' values='0 50 51;360 50 51'%3E%3C/animateTransform%3E%3C/path%3E%3C/svg%3E") no-repeat center}
#allmap #pos {padding:4px}
.maphotelinfo {
width:400px;
min-height:190px
}
.maphotelinfo .text {padding-left:10px}
.maphotelinfo div {
vertical-align:top;
display:inline-block
}
.maphotelinfo h3 {text-decoration:underline}
.maphotelinfo p {padding:2px}
#map_anch {
width:100%;
font-size:13px;
padding:6px;
box-sizing:border-box;
transition:all .3s ease-out;
max-height:32px;
background-color:#fff;
overflow:hidden;
border:1px solid #ddd
}
#legend {
display:flex;
justify-content:center;
align-items:center;
cursor:pointer;
background-color:#ddd;
color:#333;
height:32px;
font-size:14px;
margin:-6px -6px 6px
}
#map_anch .elem {
cursor:pointer;
margin-left:6px
}
#map_anch label, #map_anch input, #map_anch img {
cursor:pointer;
font-weight:700
}
#map_anch label:hover {text-shadow:1px 1px 3px #aaa}
#map_anch img {
position:relative;
top:4px;
width:17px
}
#allmap {
background-color:#FFF;
position:relative;
box-sizing:content-box;
margin:32px 0
}
#map_cnv {height:100%}
.showmap {
width:100%;
height:100%;
color:#006621;
font-size:42px;
text-align:center;
line-height:30vh;
text-shadow:0 0 15px #fff;
background:linear-gradient(90deg,#f0f0f0 6px,transparent 1%) center,linear-gradient(#f0f0f0 6px,transparent 1%) center,#ccc;
background-size:7px 7px;
cursor:pointer
}
.showmap:hover {
color:#003913!important;
text-shadow:0 0 30px #fff!important
}
.borders {
border-top:1px solid #eee;
border-bottom:1px solid #eee;
margin:32px 0
}
#announce {
margin:32px 0;
padding:12px 18px;
background-color:#eff1f4;
color:#394557;
border-radius:8px
}
#announce p {
margin:0;
font-family:system-ui
}
#announce p:first-child:before {
content:"\1F44B";
font-size:200%;
float:left;
margin:0 10px 0 0
}
.arrowlist {
list-style-type:"\2714\0020 ";
font-family:system-ui
}
.arrowlist li::marker {color:#090}
.weather {
box-sizing:border-box;
padding:0!important;
text-align:center!important
}
.weatherblock {
display:inline-block;
text-align:center!important;
vertical-align:top;
width:16.6%;
min-width:77px;
margin:12px 0!important;
border-bottom:1px solid #ddd;
min-height:180px
}
.weatherblock:nth-child(even) {background-color:#ddd}
.wicon {font-size:34px}
.day {color:#F60}
.night {color:#394964}
.weatherblock .datas {height:60px;background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(230,230,230,.34) 62%,rgba(200,200,200,.64) 99%,rgba(238,238,238,.65) 100%)}
.weatherblock .data, .weatherblock .temp {font-weight:700}
.weatherblock .hot {color:#F30}
.weatherblock .normal {color:#F96}
.weatherblock .cold {color:#87794B}
.weatherblock .realcold {color:#25519A}
.liner {
background-color:#f8f9fa;
border-left:4px solid #91a4af;
padding:16px;
margin:32px 0
}
.liner>p:first-child:before {
content:"\1F50D";
font-size:150%;
float:left;
margin:0 10px 0 0
}
.liner_list {list-style:none}
.liner_list li:before {content:"\2705 "}
.links_block {
background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);
border-left:3px solid #3A5D6E;
padding:1.25rem;
margin:1.5rem 0
}
.links_block>p:first-child {
color:#133648;
font-weight:600
}
.links_block>p:first-child::before {
content:"đ";
margin-right:.5rem
}
.links_block ul {
list-style:none;
margin:0 0 .75rem 0
}
.links_block li::before {
content:"â";
color:#E67E22;
margin-right:.5rem
}
.intro-header {
font-size:1.08rem;
line-height:1.6;
color:#2c3e36;
background:#f8f9fa;
padding:.1rem 1rem;
border-left:4px solid #2c7da0;
border-radius:0 8px 8px 0
}
.intro-box {
background:#f8f9fa;
border-left:4px solid #E67E22;
padding:12px 22px;
margin:32px 0;
border-radius:0 12px 12px 0;
box-shadow:0 2px 6px rgba(0,0,0,.05);
transition:box-shadow .2s ease;
color:#495057
}
.intro-box>p:first-child {
color:#212529;
font-weight:500
}
.intro-box>p:first-child::before {content:"đ "}
.intro-box a {
color:#E67E22;
text-decoration:underline;
text-underline-offset:2px
}
.recommended-link>a, a.recommended-link {
color:#E67E22;
font-weight:bold;
transition:all .3s ease
}
#main_text .recommended-link>a:hover, #main_text a.recommended-link:hover {
color:#CA6F1E!important;
text-decoration-color:transparent
}
.recommended-link>a::after, a.recommended-link::after {
content:" â";
display:inline-block;
transition:transform .3s ease
}
.recommended-link>a:hover::after, a.recommended-link:hover::after {transform:translateX(4px)}
.up {visibility:hidden}
@media (max-width:1235px) {
#main_text {padding:0 32px 32px}
}
@media (max-width:1200px) {
#main_text {padding:0 28px 32px}
}
@media (max-width:1120px) {
#main_text {padding:0 0 32px 28px}
.table_right {display:none}
.mobile_announce {
display:block;
text-align:center;
min-width:80%
}
.mobile_announce a {
display:block;
margin:8px 0
}
.mobile_announce .close {
position:absolute;
top:10px;
right:10px;
width:28px;
height:28px
}
}
@media (max-width:944px) and (min-width:769px) {
#over_fixedmenu {grid-template-columns:170px 1fr auto}
.nav-logo {font-size:110%}
#mainmenu a, .menu-parent {
padding:0 4px;
letter-spacing:0
}
}
@media (max-width:860px) {
.mobile_announce {min-width:85%}
.im_r {
float:none;
margin:16px auto;
display:block
}
.im_r img {margin:0 auto}
.mh0 {display:none}
}
@media (max-width:820px) and (min-width:769px) {
#over_fixedmenu {grid-template-columns:132px 1fr auto}
.nav-logo {font-size:95%}
.nav-logo .firstlogo, .nav-logo .secondlogo {font-size:90%}
#mainmenu a, .menu-parent {
font-size:13px;
padding:0 2px
}
.nav-search {padding:0 6px}
}
@media (max-width:768px) {
:target {scroll-margin-top:98px}
#main_text {padding:0 0 32px}
#mainmenu>li.current>a, #mainmenu>li.current>.menu-parent {
background:#1e5a7a;
box-shadow:inset 4px 0 0 #E8871E
}
#header {display:contents}
#over_fixedmenu {
position:sticky;
top:0;
z-index:1000;
width:100%;
display:block;
background:linear-gradient(to bottom,#133648 0%,#354953 100%);
transition:all .2s
}
#over_fixedmenu.hide {
display:block!important;
width:100%!important;
height:auto!important;
overflow:visible!important;
visibility:visible!important
}
#over_fixedmenu.hide:after {content:none!important}
#over_fixedmenu.hide a {color:#FFF}
.nav-top {
display:flex;
align-items:center;
height:44px;
padding:0 10px;
gap:4px
}
.nav-logo {
order:0;
width:auto;
flex:1;
font-size:15px;
white-space:nowrap;
overflow:hidden;
text-shadow:0 0 10px rgba(0,0,0,.9)
}
.nav-logo .logosign {
font-size:22px;
top:0
}
.nav-search {
order:0;
font-size:22px;
padding:8px 6px;
line-height:1
}
.nav-burger {
display:flex;
flex-direction:column;
justify-content:space-between;
width:22px;
height:16px;
padding:10px 6px;
box-sizing:content-box;
cursor:pointer
}
.nav-burger span {
display:block;
height:2px;
width:100%;
background:#FFF;
border-radius:2px;
transition:transform .2s,opacity .2s
}
#menu-toggle:checked~.nav-top .nav-burger span:nth-child(1) {transform:translateY(7px) rotate(45deg)}
#menu-toggle:checked~.nav-top .nav-burger span:nth-child(2) {opacity:0}
#menu-toggle:checked~.nav-top .nav-burger span:nth-child(3) {transform:translateY(-7px) rotate(-45deg)}
#mainmenu {
display:block;
position:absolute;
top:44px;
left:0;
right:0;
max-height:calc(100vh - 44px);
overflow-y:auto;
background:#133648F6;
visibility:hidden;
opacity:0;
transform:translateY(-8px);
transition:opacity .2s,visibility .2s,transform .2s;
padding:0;
margin:0;
list-style:none
}
#menu-toggle:checked~#mainmenu {
visibility:visible;
opacity:1;
transform:translateY(0)
}
#mainmenu>li {
display:block;
flex:none;
border-bottom:1px solid rgba(255,255,255,.1)
}
#mainmenu>li>a, #mainmenu>li>.menu-parent {
display:block;
width:100%;
height:auto;
padding:14px 18px;
color:#FFF;
font-size:16px;
line-height:1.3;
text-align:left;
letter-spacing:normal;
box-sizing:border-box
}
#mainmenu>li.current>a, #mainmenu>li.current>.menu-parent, #mainmenu>li>a:active, #mainmenu>li>.menu-parent:active {background:#133648E0}
.menu_sub {
position:static;
display:block;
visibility:visible;
opacity:1;
height:auto;
width:auto!important;
max-height:0;
overflow:hidden;
background:#0d2432;
padding:0;
margin:0;
box-shadow:none;
transition:max-height .25s ease
}
#mainmenu>li>input[type="checkbox"]:checked~.menu_sub {max-height:1000px}
#mainmenu .menu_sub a {
display:block;
color:#FFF;
width:100%;
height:auto!important;
line-height:1.3!important;
padding:10px 18px 10px 20px;
text-align:left!important;
box-sizing:border-box
}
.menu_sub a:hover, .menu_sub a:active {background:rgba(255,255,255,.08)}
.menu_sub .flags {top:4px}
.menu-parent::after {
content:" âž";
font-size:.9em;
margin-left:6px;
color:#9dc3d4
}
#mainmenu>li>input[type="checkbox"]:checked~.menu-parent::after {content:" â´"}
.menu_sub--cols {
display:grid;
grid-template-columns:1fr 1fr;
column-gap:8px;
row-gap:0
}
#mainmenu .menu_sub--cols a {padding:12px 12px 12px 20px}
.table_left {
position:fixed;
top:44px;
left:0;
right:0;
z-index:999;
height:44px;
width:auto;
min-width:0;
overflow:visible;
padding:0;
margin:0;
box-sizing:border-box;
background:transparent
}
.section-bar {
display:flex;
align-items:center;
height:44px;
padding:0 14px;
gap:10px;
background:#e8eef2;
color:#133648;
cursor:pointer;
box-shadow:0 2px 6px rgba(0,0,0,.08);
border-bottom:1px solid #d0dae0
}
.section-bar-icon {
font-size:18px;
line-height:1;
position:relative;
top:1px
}
.section-bar-title {
flex:1;
font-size:15px;
font-weight:600;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
.section-bar-arrow, .section-bar-close {
font-size:16px;
font-weight:bold
}
.section-bar-close {
font-weight:600;
line-height:1;
display:none
}
body:has(#section-toggle:checked) .section-bar-arrow {display:none}
body:has(#section-toggle:checked) .section-bar-close {display:inline}
.table_left nav {
position:absolute;
top:44px;
left:0;
right:0;
display:none;
background:#FFF;
max-height:calc(100vh - 88px);
overflow-y:auto;
box-shadow:0 4px 12px rgba(0,0,0,.15);
z-index:1
}
body:has(#section-toggle:checked) .table_left nav {display:block}
.table_left #flowblock {display:none}
.table_left #mini_menu {
margin:0;
list-style:none
}
.table_left #mini_menu li {position:relative}
.table_left #mini_menu a {
display:block;
padding:11px 14px;
font-size:15px;
line-height:1.4;
height:auto;
color:#1a3a4c;
text-decoration:none
}
.table_left #mini_menu a:active {background:#eef2f5}
.table_left #mini_menu .mini_menu_title {
font-size:13px;
text-transform:uppercase;
letter-spacing:.5px;
text-align:left;
padding:12px 14px;
margin:0;
background:#eef2f5;
color:#3A5D6E;
font-weight:700;
position:static;
border-top:1px solid #d0dae0;
line-height:1.2
}
.table_left #mini_menu li ul {display:none}
.table_left:not(:has(.section-bar)) {display:none}
.up {
position:fixed;
bottom:20px;
right:20px;
width:48px;
height:48px;
border-radius:50%;
background:#3A5D6E;
color:#FFF;
font-size:22px;
line-height:48px;
text-align:center;
text-decoration:none;
box-shadow:0 2px 8px rgba(0,0,0,0.25);
z-index:998;
opacity:0;
visibility:hidden;
transition:opacity .2s,visibility .2s
}
.up.visible {
opacity:.6;
visibility:visible
}
.up:active {
opacity:1;
box-shadow:0 4px 12px rgba(0,0,0,0.35)
}
}
@media (max-width:720px) {
.mh2 {display:none}
.excursion_div {
padding:1.25rem;
margin:1.5rem 0
}
.mobile_announce {min-width:95%}
}
@media (max-width:700px) {
.gallery figure:nth-child(2n) {margin-left: 0;}
.attrib {margin:16px -10px}
.attrib summary {margin:-.75rem}
.imgtitle {font-size:.85rem}
#rating_block, .attrib {padding:.75rem}
.gallery figure {width:100%}
.firstline input {
min-width:0;
width:100%
}
}
@media (max-width:584px) {
.rew_links_title {display:block}
.tab-panel {padding:1rem .75rem}
}
@media (max-width:508px) {
.mh4 {display:none}
.firstline input {
min-width:0;
width:100%
}
#main_text ul, #main_text ol {padding-left:1rem}
}
@media (max-width:480px) {
.guide, .im_c, .im, .gallery, .note, .intro-header, .article-navigation-tabs, #rating_block, .yandex_reklama {
margin:32px -12px!important;
border-radius:0;
border-left:none;
border-right:none;
}
.body, #body {padding: 0 12px;}
.likes-block {
position:static;
display:block;
text-align:right
}
h1 {font-size:1.7rem}
h2 {
font-size:1.5rem;
padding:0 0 .5rem .75rem
}
h3 {font-size:1.35rem}
h4, .h4title {font-size:1.2rem}
.h3block h3 {padding:1rem}
}
@media (max-width:373px) {
.mh3 {display:none}
h1 {font-size:150%}
.rating-text {display:block}
h2 {
font-size:1.3rem;
padding:0 0 .35rem .55rem
}
h4, .h4title {font-size:1.05rem}
}
@media print {
#main_text p {margin:0 0 8px 0}
.table_right, .table_left, .nav_bottom, .div_forum, #menu, #logo_s, .statistic, .rek, #yandex_ad, #voting, #yandex_ad_2, #line_hotel, #map_info, .map_info, .podelitsa, .map_image, .new_links, .new_links li, .hide, .addition, .services_menu, .plugin, .partner, #fixedmenu, .h1, .linkgallery, footer, .up, img, iframe, .breadcrumb, .google-auto-placed, time, header, .im_c, .im_r, .im_l, .aeroplugin, .gallery, .hotel_block, .imgtitle {display:none!important}
#main_text h1 {
font-size:18px;
font-weight:700
}
#body {
margin-top:4px;
font-size:12px
}
#main_text, a {
line-height:100%;
color:#000
}
#main_text {padding:0}
h3, h2 {margin:8px 0 4px 0!important}
.im_r {
margin:0 0 6px 6px;
float:right!important;
display:inline-block!important;
max-width:300px;
height:auto
}
}
.footer-countries {
margin: 0 0 20px;
padding: 0 0 16px;
border-bottom: 1px solid rgba(255,255,255,0.15);
text-align: left
}
.footer-countries h4 {
color: #FFF;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .5px;
margin: 0 0 12px;
text-align: left
}
.footer-countries ul {
display: grid;
grid-template-columns: repeat(5, 1fr);
column-gap: 12px;
row-gap: 8px;
list-style: none;
padding: 0;
margin: 0
}
.footer-countries a {
color: #FFF;
text-decoration: none;
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 14px;
line-height: 1.3
}
.footer-countries a:hover {
text-decoration: underline
}
.footer-countries .flags {
flex-shrink: 0
}
.footer-links {
margin: 0 0 16px;
padding: 0 0 16px;
border-bottom: 1px solid rgba(255,255,255,0.15);
text-align: center;
font-size: 14px;
line-height: 1.6;
color: #FFF
}
.footer-links a {
color: #FFF;
text-decoration: none;
padding: 0 4px
}
.footer-links a:hover {
text-decoration: underline
}
@media (max-width: 768px) {
.footer-countries ul {
grid-template-columns: repeat(2, 1fr)
}
}