/* Source: https://find.karlson-tourism.ru/public/css/common.css and menu/menu.css. Selected presentation rules. */
.samo_container input { margin-right: 5px; }
#header { font-family: var(--main-font-family); font-size: 13px; margin-bottom: 50px; text-align: right; }
#header img.logo { float: left; margin-right: 10px; border: 0px; }
.samo_container select, .samo_container textarea, .samo_container .textinput, .samo_container input.frm-value, .samo_container input.frm-input { background-color: rgb(255, 255, 255); border: 1px solid rgb(153, 153, 153); border-radius: 5px; padding: 1px 2px; font-size: 13px; height: 22px; line-height: 18px; width: 100%; box-sizing: border-box; transition: background-color 1200ms linear; }
.samo_container select:disabled, .samo_container input:disabled { background: rgb(227, 227, 227); }
.samo_container, .samo_container table, .samo_container button, .samo_container input, .samo_container select { color: rgb(34, 34, 34); }
#header a, .samo_container a, .samo_container .link { color: var(--link-active-color); cursor: pointer; }
#header a:hover, .samo_container a:hover, .samo_container .link:hover { color: var(--link-hover-color); }
.samo_container .panel { margin-bottom: 15px; border-radius: 8px; box-shadow: rgb(224, 224, 224) 0px 2px 8px; }
.samo_container button, .samo_container input[type="submit"], .samo_container input[type="button"], .samo_container .link.button { position: relative; cursor: pointer; padding: 8px 16px; color: var(--main-button-color); background: var(--main-button-bgcolor); font-size: 14px; font-weight: bold; text-align: center; text-decoration: none; letter-spacing: 0.25px; border: 0px; border-radius: 4px; box-shadow: rgb(219, 219, 219) 0px 2px 4px; transition: background 0.25s; margin: 2px 0px; }
.samo_container button:hover, .samo_container input[type="submit"]:hover, .samo_container input[type="button"]:hover { background: var(--hover-button-bgcolor); }
.samo_container button:disabled, .samo_container input[type="submit"]:disabled, .samo_container input[type="button"]:disabled { cursor: not-allowed; color: rgb(158, 158, 158); background-color: rgb(223, 223, 223); }
:root { --main-panel-bgcolor: #D0DFED; --table-header-bgcolor: #366383; --main-button-bgcolor: #366383; --main-button-color: #ffffff; --inactive-button-bgcolor: #eeeeee; --hover-button-bgcolor: #40759c; --delete-button-bgcolor: #f98195; --form-legend-bgcolor: #e3e7ea; --form-legend-color: #366383; --link-active-color: #007355; --link-hover-color: #f36f21; --row-border-color: #8E959A; --row-even-bgcolor: #F6F9FB; --row-odd-bgcolor: #e3e7ea; --main-font-family: Tahoma, Arial, "sans serif"; --menu-bgcolor: whitesmoke; --common-dropdown-menu-width: 220px; --lang-menu-width: 90px; --profile-menu-width: 300px; --item-active-background: #eee; --item-active-color: black; --info-bgcolor: #ffe8749e; }
#header .menu, #header .menu * { box-sizing: border-box; }
#header .menu { width: var(--main-container-width); margin: auto; }
#header .menu ul { display: table-row; }
#header .menu li { display: table-cell; position: relative; }
#header .menu ul ul li.selected { background-color: var(--item-active-background); }
#header .high-menu .logo { max-height: 60px; }
#header .high-menu { margin: auto; width: var(--main-container-width); height: 72px; display: grid; grid-template: "logo currency note" 1fr / 15% 35% 50%; }
#header .bottom-menu { background-color: var(--menu-bgcolor); }
#header .menu ul.nav-center { width: var(--main-container-width); }
#header .menu li a { display: block; padding: 15px; text-align: center; text-decoration: none !important; }
#header .menu-caret::after { display: inline-block; width: 0px; height: 0px; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-width: 3px 3px 0px; border-style: solid solid none; border-color: currentcolor transparent; }
#header .menu ul li:hover, #header .menu a:hover { background-color: var(--item-active-background); }
#header .menu > ul li:hover { box-shadow: none; }
#header .menu li:hover ul { display: block; position: absolute; top: 100%; left: 0px; background-color: var(--item-active-background); margin: 0px; padding: 10px 20px; width: 100%; min-width: var(--common-dropdown-menu-width); z-index: 9999; }
#header .menu ul ul { display: none; }
#header .menu ul ul li { display: block; background-color: var(--item-active-background); padding: 5px 0px; }
#header .menu ul ul li a { display: block; padding: 0px; background-color: var(--item-active-background); text-align: left; }
#header .menu div.logo { text-align: left; grid-area: logo; }
#header .menu .nav .partner-type { display: block; text-align: left; padding-left: 20px; font-size: 9px; cursor: default; }
#header .menu .nav .langs { width: var(--lang-menu-width); }
#header .menu .nav .langs ul { width: 120px; }
#header .menu .nav .langs > .samo_lang { margin-left: 20px; text-align: left; }
#header .menu .nav .profile, #header .menu .nav .profile > ul { width: var(--profile-menu-width); }
#header .menu .nav .profile > a { text-align: left; }
#header .menu .nav > ul > li > a[href="#"] { pointer-events: none; }
#header .menu .nav > ul > li > ul li.selected a, #header .menu .nav > ul > li.selected > a { font-weight: bold; color: var(--item-active-color); pointer-events: none; }
#header .menu.logged ul ul li.auth a::before { display: none; }
#header .currency { min-width: 200px; }
#header .currency .rate { min-width: 40px; text-align: center; }
#header .currency td, #header .currency th { padding: 2px 10px; }
#header .currency .rate-up::before { content: "↑"; color: green; display: inline-block; font-weight: bold; }
#header .currency .rate-down::before { content: "↓"; color: red; display: inline-block; font-weight: bold; }
#header .currency { padding-left: 5px; padding-right: 5px; }
#header .currency-header { grid-area: currency; }
#header .currency-header .currency { background-color: var(--menu-bgcolor); }
.menu-items-currency .currency-header { overflow-x: auto; }
#menu .menu-group { padding-bottom: 10px; }
#menu .menu-title { font-weight: bold; }
#header .note-header { grid-area: note; }
#header .rate.symbol { text-align: center; }
.samo_container #menu { margin: auto; width: var(--main-container-width); text-align: left; }
#header .login-action, #header .bron-agency { font-weight: bold; }
#header li span.messages-header { display: block; text-align: left; color: var(--link-active-color); cursor: pointer; }
.rate.symbol { cursor: pointer; }
.rate.symbol:hover::after { opacity: 1; }
.top-baner .slider { position: relative; overflow: hidden; border: 2px solid rgb(221, 221, 221); border-radius: 10px; background-color: rgb(255, 255, 255); margin: 1rem 0px; }
.top-baner .slides { display: flex; transition: transform 0.5s ease-in-out; }
.top-baner .slide { min-width: 100%; box-sizing: border-box; }
.top-baner .slide img { width: 100%; display: block; }
.top-baner button { position: absolute; top: 50%; transform: translateY(-50%); background-color: rgba(0, 0, 0, 0.5); color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 10px; cursor: pointer; border-radius: 50%; }
.top-baner button.prev { left: 10px; }
.slider button.next { right: 10px; }
:root { --main-panel-bgcolor: rgb(245,245,245); --inactive-button-bgcolor: #D0DFED; --main-container-width: min(1200px, calc(100% - 64px)); }