@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 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: 0.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 0.75rem 0;
  padding: 0.25rem 0;
  line-height: 1.4
}
h4::before {
content: "•";
color: #3498DB;
margin-right: 0.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%, #ffffff 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}
#rating_block,.attrib {padding:1.5rem;margin:2rem 0}
.attrib:has(> details) {padding: 0}
.attrib ul {margin: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}
.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: 0.75rem;
font-size: 1.2em
}

ul.h4list {
list-style: none;
margin: 1.5rem 0 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: white;
font-size:1.1rem;
font-weight: 600;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
transition: all 0.3s ease;
border-right: 1px solid rgba(255, 255, 255, 0.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;
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: 0.5rem 0 0.5rem 0.5rem!important;
display: flex;
flex-wrap: wrap;
gap: 0.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: 0.25rem 0.5rem;
background: #e9ecef;
font-size: 0.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 !important;
text-decoration: none
}
#section-tab ul li {padding-left:0;margin-bottom:0!important}
#section-tab ul li a {
padding: 0.5rem 0.5rem 0.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: 0.5rem 0.5rem 0.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
}
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
}
#mainmenu > li {flex:auto}
#mainmenu {
padding:0;
margin:0;
list-style:none;
position:relative;
display:-webkit-flex;
display:flex
}
#newlogo {
font-style:italic;
font-weight:700;
font-size:125%;
width:240px;
flex:none!important;
text-shadow:0 0 10px rgba(0,0,0,0.9)
}
.logosign {
font-style:normal;
display:inline-block;
transition:.8s;
font-size:125%;
position:relative;
top:1px;
margin:0 2px
}
#newlogo:hover .logosign {transform:scaleX(-1)}
.logo_reklama_block {margin-top:120px}
#over_fixedmenu.hide:after, #over_fixedmenu {
position:fixed;
width:100%;
top:0;
z-index:1000;
transform:translateZ(0);
right:0;
transition:all .2s;
text-align:center
}
#over_fixedmenu.hide:after, #mainmenu {
background:#133648ee;
background:linear-gradient(to bottom, #133648ee 0%, #354953dd 100%)
}
#over_fixedmenu.hide {
width:56px;
overflow:hidden;
height:44px;
visibility:hidden
}
#over_fixedmenu.hide a {
color:#008ed6
}
#over_fixedmenu.hide:after {
content:"\2630";
font-weight:bolder;
font-size:28px;
color:#FFF;
cursor:pointer;
height:44px;
visibility:visible
}

#mainmenu a {
color:#FFF;
display:inline-block;
width:100%;
height:44px;
line-height:42px;
box-sizing:border-box;
padding:0 6px;
letter-spacing:.5px
}
#mainmenu .current,#mainmenu > li:hover {background:#133648E0}
.menu_sub a:hover {background:#133648}
#mainmenu > li:hover .menu_sub {
transition-property: all;
transition-delay: 0.3s;
overflow:visible;
opacity:1;
height:auto;
box-shadow:#666 2px 5px 10px;
visibility:visible
}
.menu_sub {
list-style:none;
visibility:hidden;
z-index:1001;
height:0;
overflow:hidden;
position:absolute;
transition:background-color,opacity .2s 100ms;
background:#133648F6;
padding:4px
}
.menu_sub a {
text-align:left!important;
padding-left:8px;
box-sizing:border-box;
height:30px!important;
line-height:30px!important
}
.menu_sub .flags {
position:relative;
top:10px
}
.with_icons li {display:inline-block}
#mainmenu .icon_menu:hover span {
width:49px;
height:44px;
background-color:#fff;
position:absolute;
opacity:.2;
top:0;
left:0;
border-radius:6px
}
#mainmenu .icon_menu {
width:49px;
height:44px!important;
padding:0;
margin:8px;
border-radius:6px;
position:relative
}
#newlogo:hover {background:inherit!important}
.h1 {
display:block;
font-size:170%;
border-bottom:solid #ddd 1px;
box-shadow:0 20px 13px -10px rgba(200,200,200,0.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:-webkit-flex;
display:flex;
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
}
#main_text p > a {text-decoration:underline}
#body a:hover {color: #29868c!important}
.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 5px 6px 10px;
border-bottom:1px dotted #888;
transition:color 0.2s,background-color .2s
}
#mini_menu a:hover,#mini_menu .current > a {
background:#ddd;
background:linear-gradient(to right,#ddd 0%,#eee 53%,#fff 100%)
}
#mini_menu li {
position:relative;
z-index:0
}
#mini_menu li ul {
opacity:.92;
overflow:hidden;
visibility:hidden;
transition:visibility 0.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 a:before {
content:"\203A";
left:0;
top:4px;
position:absolute;
color:#999;
font-size:110%;
font-weight:700
}
#mini_menu li ul li a:before {left:4px}
.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 0.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:linear-gradient(to bottom,rgba(0,143,255,0.15) 0%,rgba(0,143,255,0.35) 1%,rgba(255,81,0,0.16) 100%);
padding:8px;
margin:32px auto
}
.pogoda table {width:100%}
.pogoda table td {border-top:1px solid rgba(235,235,235,0.9)}
.pogoda caption {font-weight:bold;font-size:110%;color:#333;margin-bottom:12px}
.guide .title {
font-size:150%;
background:#e74e34
}
.guide ul li {
list-style:none;
margin-top:12px;
color:#420
}
.guide ul {padding-right:12px}
.guide,.attrib,#rating_block {
background:#f8f9fa;
border: 1px solid #dee2e6
}
.attrib {
border-left: 4px solid #adb5bd;
border-radius: 0 8px 8px 0
}

.guide .sym {
font-weight:700;
margin-right:4px;
font-size:115%;
color:#985101
}
#main_text ul,#main_text ol {
padding-left:2rem;
text-align:left;
clear:both}
#main_text ul li, #main_text ol li {
margin-bottom:8px;
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'}
.star.hbw:after {
content:'\2605';
color:gray;
position:absolute;
margin-left:-7px;
width:8px;
overflow:hidden;
transform:scale(-1,1)
}
.up {
position:fixed;
top:0;
right:0;
height:100%;
width:56px;
transition:all .4s;
cursor:pointer
}
.up span {
color:#fff;
font-size:200%;
position:absolute;
bottom:0;
width:100%;
height:56px;
line-height:160%;
text-align:center;
background-color:#133648;
border: 1px solid #fff;
transition:all 1s
}
.up:hover span {
color:#ddd
}
.up:hover {
background-color:#e4e4e4
}
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
}
.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
}
.flags,a.icon_menu.hotel,a.icon_menu.tickets,a.icon_menu.insurance,a.icon_menu.tours,a.icon_menu.transfer,a.icon_menu.ekscursii,a.icon_menu.dolgi,a.icon_menu.valuta,a.icon_menu.arenda_kvartir,a.icon_menu.arenda,a.icon_menu.bus,a.icon_menu.train {
background-image:url(/images/tiny-sprites.png);
background-repeat:no-repeat
}
.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,0.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,0.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;margin:32px auto;width:100%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,0.05),0 1px 2px rgba(0,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
}
.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;
border-radius:6px
}
.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)}
}
a.icon_menu.hotel {background-position:0 -111px}
a.icon_menu.tickets {background-position:0 -155px}
a.icon_menu.insurance {background-position:0 -199px}
a.icon_menu.tours {background-position:0 -243px}
a.icon_menu.transfer {background-position:0 -287px}
a.icon_menu.ekscursii {background-position:0 -375px}
a.icon_menu.dolgi {background-position:0 -463px}
a.icon_menu.valuta {background-position:0 -507px}
a.icon_menu.arenda_kvartir {background-position:0 -551px}
a.icon_menu.arenda {background-position:0 -595px}
a.icon_menu.bus {background-position:0 -639px}
a.icon_menu.train {background-position:0 -749px}
#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;
-moz-box-sizing:border-box;
box-sizing:border-box;
top:0;
margin-top:1%;
box-shadow:0 0 46px 0 rgba(14,14,2,0.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,0.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: 0px 0px 6px 2px rgba(34, 60, 80, 0.4)
}
.ticketsform1 {min-height:278px}
.mini {
width:350px;
height:auto
}
.table-container {
overflow-y:auto!important;
overflow:auto
}
#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: 0.375em 0.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:not(:checked) > input {display:none}
.star-area:not(:checked) > 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}
.rate-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,0.6) 0%,rgba(220,220,220,0.4) 100%)}
.insertpanel span {margin:0 4px;cursor:pointer}
#review_form textarea {margin-bottom:0;transition: height 0.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:0.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, 0.05)
}
.excursion_div .excursionlist li {border:none}
.excursion_div > p {font-size: 0.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, 0.25);
font-size: 16px;
font-weight: 600;
line-height: 1.5;
opacity: 0;
 transform: translateX(-50%) translateY(20px);
visibility: hidden;
transition: opacity 0.5s ease, transform 0.5s ease, visibility 0.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: white;
padding: 12px 28px;
border-radius: 10px;
font-size: 15px;
letter-spacing: 0.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: white;
transition: all 0.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
}
@media (max-width:1210px) {
#main_text {padding:0 10px 32px}
.body,#body {max-width:1154px}
.up {display:none}
}
@media (max-width:1140px) {
.table_right {display:none}
#mainmenu {flex-wrap:wrap}
#mainmenu > li {border-bottom:1px dotted rgba(255,255,255,0.2)}
.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:895px) {
.logo_reklama_block {margin-top:148px}
}
@media (max-width:870px) {
#aviacalendar {width:85%;left:50%;margin-left:-47%}
}
@media (max-width:860px) {
.mobile_announce {min-width:85%}
.im_r {float:none;margin:16px auto;display:block}
.im_r img {margin:0 auto}
.guide ul {padding:0 6px}
.mh0 {display:none}
}
@media (max-width:720px) {
.mh2 {display:none}
#mainmenu > li {border-bottom:1px dotted rgba(255,255,255,0.2)}
.excursion_div {padding: 1.25rem;margin: 1.5rem 0}
.mobile_announce {min-width: 95%}
}
@media (max-width:700px) {
.imgtitle {font-size:12.7px}
#over_fixedmenu.hide:after {content:''}
#over_fixedmenu.hide {width:auto;visibility:visible}
#over_fixedmenu {position:static}
.logo_reklama_block {margin-top: 16px}
.note {margin:32px -8px!important}
.attrib {margin:16px -8px}
#rating_block,.attrib {padding:0.75rem}
.attrib summary {margin:-0.75rem}
#newlogo {width:100%}
#mainmenu a {height:38px;line-height:38px}
#main_text {max-width:100%;padding:0 6px 32px}
.im_c, .im {margin:32px -8px}
.gallery {margin:32px -8px 0!important}
.table_left {position:fixed;height:38px;width:38px;min-width:unset;display:block;top:0;z-index:1003;right:0;box-shadow:-1px 1px 1px #aaa;background:#EEE;transition:0.3s;max-width:calc(100% - 48px)}
.table_left:before {content:'\2630';font-size:28px;color:#222;width:38px;display:inline-block;text-align:center}
.table_left a {position:relative}
#mini_menu {display:none;margin:0;padding:0 12px 12px; box-sizing:border-box}
#mini_menu a:before {content:"▪";left:-4px}
.table_left:hover {width:auto;height:auto;box-shadow:#222 5px 2px 150px}
.table_left:hover:before {content:none}
.table_left:hover #mini_menu {display:block;max-height:100vh;overflow:scroll}
#mini_menu li {display:inline-block;padding-left:2px}
#mini_menu .mini_menu_title {display:block;margin:0 -12px}
#mini_menu li ul,#flowblock,.mh1,.mh2 {display:none}
.main_table,#main_text {display:block!important}
.main_table {margin-top:16px}
.gallery figure {width:100%}
#mini_menu .current > a {background:none}
#mainmenu > div {border-bottom:1px dotted rgba(255,255,255,0.2)}
.firstline input {min-width:0;width:100%}
}
@media (max-width:584px) {
.rew_links_title {display:block}
.article-navigation-tabs {border-radius: 6px}
.tab-panel {padding:1rem 0.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:481px) {
.likes-block {position:static;display:block;text-align:right}
h1 {font-size:1.7rem}
h2 {font-size: 1.5rem;padding: 0 0 0.5rem 0.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 0.35rem 0.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}
}
.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,0.34) 62%,rgba(200,200,200,0.64) 99%,rgba(238,238,238,0.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%, #ffffff 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: 0.5rem}
.links_block ul {list-style: none;margin: 0 0 0.75rem 0}
.links_block li::before {content: "→";color: #E67E22;margin-right: 0.5rem}
.under_menu {
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
white-space: nowrap;
box-shadow: 0px 0px 12px rgb(58 93 110 / 32%);;
background:#f1f4f5f9;
font-weight: bolder;
text-align:center
}
.under_menu::-webkit-scrollbar {height: 4px}
.under_menu::-webkit-scrollbar-track {background: #f1f1f1}
.under_menu::-webkit-scrollbar-thumb {background: #c1c1c1;border-radius: 3px}
.under_menu::-webkit-scrollbar-thumb:hover {background: #a8a8a8}
.under_menu a {
padding: 8px 12px;
color: #1a3a4c;
line-height:44px
}
.under_menu a img {margin-right:10px}
.intro-header {font-size: 1.08rem;line-height: 1.6;color: #2c3e36;background: #f8f9fa;padding: 0.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, 0.05);transition: box-shadow 0.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}