@import "common.css";
@import "tables.css";

/* Layout */
.main-wrap { min-height: 100%; min-width: 960px; position: relative; }
.center-wrap { width: 960px; position: relative; margin: 0 auto; }
.middle-wrap { z-index: 15; position: relative; }
.content-wrap { padding-bottom: 15px; }

.main-inner-wrap { width: 898px; margin: 0 auto; padding: 44px 0 17px 0; position: relative; z-index: 100; }
.default-inner-wrap { width: 860px; min-height: 400px; margin: 0 auto; padding: 70px 0 0 0; position: relative; z-index: 100; }

.column-1 { float: left; width: 572px; }
.column-2 { float: right; width: 250px; }

.paper-wrap, .paper-middle, .paper-bottom { font-size: 0; }
.paper-wrap { background: url(/images/paper-top.png) no-repeat center top; background-image: image-set(url(/images/paper-top.png.avif) type("image/avif"), url(/images/paper-top.png.webp) type("image/webp"), url(/images/paper-top.png) type("image/png")); position: relative; }
.paper-middle { background: url(/images/paper-middle.png) center top repeat-y; background-image: image-set(url(/images/paper-middle.png.avif) type("image/avif"), url(/images/paper-middle.png.webp) type("image/webp"), url(/images/paper-middle.png) type("image/png")); position: absolute; top: 477px; bottom: 157px; width: 100%; z-index: 1; }
.paper-wrap.with-form .paper-middle { bottom: 440px; }
.paper-bottom { height: 157px; background: url(/images/paper-bottom.png) no-repeat center top; background-image: image-set(url(/images/paper-bottom.png.avif) type("image/avif"), url(/images/paper-bottom.png.webp) type("image/webp"), url(/images/paper-bottom.png) type("image/png")); }
.paper-wrap.with-form .paper-bottom { height: 440px; background: url(/images/paper-bottom-form.png) no-repeat center bottom; background-image: image-set(url(/images/paper-bottom-form.png.avif) type("image/avif"), url(/images/paper-bottom-form.png.webp) type("image/webp"), url(/images/paper-bottom-form.png) type("image/png")); }

/* Картинка вместо фона: заполняет родителя и не масштабируется, поэтому лишнее обрезается, а маленькая стоит по центру */
.image-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: none; }

.image-section { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 795px; overflow: hidden; }
.image-section .image-fill { object-position: center top; }
.image-section .inner { position: relative; height: inherit; }
.image-section .top-shadow { position: absolute; top: 0; left: 0; width: 100%; height: 128px; background: url(/images/header-shadow.png) no-repeat center top; z-index: 2; }
.image-section .bottom-shadow { position: absolute; bottom: 0; left: 0; width: 100%; height: 200px; background: url(/images/footer-shadow.png) no-repeat center top; background-image: image-set(url(/images/footer-shadow.png.avif) type("image/avif"), url(/images/footer-shadow.png.webp) type("image/webp"), url(/images/footer-shadow.png) type("image/png")); z-index: 2; }
.image-section .middle-line { position: absolute; bottom: 0; left: 0; width: 100%; height: 5px; background: url(/images/middle-line.png) no-repeat center top; background-image: image-set(url(/images/middle-line.png.avif) type("image/avif"), url(/images/middle-line.png.webp) type("image/webp"), url(/images/middle-line.png) type("image/png")); z-index: 3; }

/* Effects */
footer a, .menu-top a, .button, .button span, .textbox, .textarea, a, .gallery-category-item .icon { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -khtml-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; }

/* Header */
.header-split { height: 245px; }
header { position: absolute; z-index: 15; left: 0; top: 0; width: 100%; height: 245px; background: url(/images/header.png) no-repeat center top; background-image: image-set(url(/images/header.png.avif) type("image/avif"), url(/images/header.png.webp) type("image/webp"), url(/images/header.png) type("image/png")); }

header .phone { display: inline-block; font-size: 18px; line-height: 25px; color: #f5e9c2; position: absolute; top: 15px; left: 70px; }
header .lang { position: absolute; top: 22px; left: 617px; font-size: 0; }
header .lang a { font-size: 14px; line-height: 14px; color: #f5e9c2; display: inline-block; margin-right: 20px; }
header .lang a:hover { color: #f48741; }
header .lang a.selected { text-decoration: none; }

header .form-toggle { font-size: 14px; line-height: 14px; font-weight: bold; color: #f48741; position: absolute; top: 22px; right: 56px; text-transform: uppercase; }
header .form-toggle:hover { text-shadow: 0 0 12px #f5e9c2; }
header .logo { top: 80px; left: 357px; width: 237px; height: 125px; position: absolute; z-index: 10; }

/* Footer */
.footer-split { height: 115px; clear: both; }

footer { position: absolute; left: 0; bottom: 0; width: 100%; height: 220px; background: url(/images/footer-shadow.png) repeat-x center bottom; background-image: image-set(url(/images/footer-shadow.png.avif) type("image/avif"), url(/images/footer-shadow.png.webp) type("image/webp"), url(/images/footer-shadow.png) type("image/png")); }
footer .center-wrap { height: inherit; }
footer a:hover { color: #f48741; }
footer .phone, footer .email { font-size: 18px; }
footer .phone { left: 30px; width: 230px; line-height: 25px; }
footer .email { left: 280px; line-height: 18px; }
footer .address { font-size: 14px; line-height: 21px; left: 488px; width: 320px; }
footer .phone, footer .email, footer .address { top: 110px; display: inline-block; color: #f5e9c2; position: absolute; }
footer .social { font-size: 0; position: absolute; right: 0; top: 110px; }
footer .social a { width: 34px; height: 35px; background-image: url(/images/icons/social.png); background-image: image-set(url(/images/icons/social.png.avif) type("image/avif"), url(/images/icons/social.png.webp) type("image/webp"), url(/images/icons/social.png) type("image/png")); background-repeat: no-repeat; display: inline-block; text-decoration: none; outline: none; margin-left: 16px; }
footer .social a.fb { background-position: left top; }
footer .social a.tw { background-position: right top; }
footer .social a:hover { -moz-transform: scale(1.10); -webkit-transform: scale(1.10); -o-transform: scale(1.10); -ms-transform: scale(1.10); transform: scale(1.10); }

.copyright, .pantera, .pantera a { font-size: 14px; line-height: 14px; color: #a58776; }
.copyright { position: absolute; left: 30px; bottom: 18px; }
.pantera { position: absolute; right: 0; bottom: 18px; }

/* Menu Top */
.menu-top { font-size: 0; display: block; position: absolute; top: 133px; left: 25px; width: 900px; padding: 0; margin: 0; list-style: none; font-size: 0; }
.menu-top li { padding: 0; margin: 0; display: inline-block; font-size: 0; text-align: center; width: 100px; }
.menu-top a { display: inline-block; font-size: 16px; line-height: 16px; color: #fff5d6; font-weight: bold; text-transform: uppercase; text-decoration: none; text-shadow: 1px 1px 0 #271a14; }
.menu-top a:hover { color: #f48741; text-decoration: underline; }
.menu-top li.selected a { color: #f48741; text-decoration: none; }
.menu-top .split { display: inline-block; width: 300px; font-size: 16px; height: 16px; }

/* Menu Right */
.menu-right { position: relative; padding: 4px 0 25px 0; margin-bottom: 20px; }
.menu-right .bottom { position: absolute; width: 286px; height: 16px; left: -16px; bottom: 0; background: url(/images/shadow1.png) no-repeat center bottom; }
.menu-right ul { padding: 0; margin: 0; list-style: none; }
.menu-right li { padding: 0; margin: 0 0 15px 0; background: url(/images/arrow1.png) no-repeat 0 6px; padding-left: 24px; }
.menu-right li.last-child { margin: 0; }
.menu-right li.selected a { text-decoration: none; font-weight: bold; color: #351d0e; }
.menu-right li a { font-size: 16px; line-height: 22px; display: inline-block; }

/* Slider */
.main-slider { width: 512px; height: 360px; background: url(/images/main-slider.png) no-repeat 0 0; background-image: image-set(url(/images/main-slider.png.avif) type("image/avif"), url(/images/main-slider.png.webp) type("image/webp"), url(/images/main-slider.png) type("image/png")); float: left; overflow: hidden; }
.main-slider li a { display: block; font-size: 0; text-decoration: none; }

/* Blocks */
.block-col1 { width: 350px; float: right; margin-top: 28px; }
.block-col1 h1 { padding: 0; margin: 0; font-size: 20px; line-height: 25px; font-weight: bold; }
.block-col1 h1 a { font-size: inherit; line-height: inherit; color: #873c0c; }
.block-col1 a:hover { color: #c85912; }

/* Icons Menu */
.menu-icons { font-size: 0; padding: 0; margin: 0; list-style: none; }
.menu-icons li { font-size: 0; padding: 0; margin: 0; }
.menu-icons li.selected a { color: #351d0e; text-decoration: none; }
.menu-icons li.last-child { margin: 0; }
.menu-icons a { display: inline-block; height: 49px; outline: none; background-repeat: no-repeat; background-position: left center; font-size: 20px; line-height: 49px; font-weight: bold; padding-left: 70px; }

.block-col1 .menu-icons { padding-top: 20px; }
.block-col1 .menu-icons a { margin-right: 40px; }
.block-col1 .menu-icons li { display: inline-block; }

.column-2 .menu-icons li { display: block; margin-bottom: 20px; }

/* Service Teasers */
.service-teasers { padding: 0; margin: 25px 0 0 0; list-style: none; font-size: 0; height: 110px; }
.service-teasers li { position: relative; padding: 0 22px 0 22px; margin: 0; display: block; width: 440px; height: inherit; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.service-teasers li.nth-1 { float: left; }
.service-teasers li.nth-2 { float: right; }
.service-teasers li.nth-1 h2 { margin-top: 25px; }
.service-teasers li.nth-2 h2 { margin-top: 18px; }
.service-teasers li.nth-1 * { color: #fff5d6; }
.service-teasers li.nth-2 * { color: #fff; }
.service-teasers h2 { position: relative; font-size: 30px; line-height: 30px; font-weight: bold; margin: 0 0 3px 0; padding: 0; text-transform: uppercase; }
.service-teasers h2 a { text-decoration: none; }
.service-teasers .links { position: relative; font-size: 16px; line-height: 20px; }
.service-teasers .links a { font-size: inherit; line-height: inherit; display: inline-block; }
.service-teasers a { text-shadow: 1px 1px 0 #191a0f; }
.service-teasers a:hover { color: #f48741; }

/* Form Feedback */
.form-feedback { width: 770px; margin: 0 auto 0 auto; padding-top: 59px; }
.form-feedback .column { width: 30%; float: left; margin-right: 5%; }
.form-feedback .column.last-child { margin-right: 0; }

/* Form Review */
.form-review { width: 500px; background: url(/images/waves.png) no-repeat right 0; background-image: image-set(url(/images/waves.png.avif) type("image/avif"), url(/images/waves.png.webp) type("image/webp"), url(/images/waves.png) type("image/png")); }
.form-review .column { width: 240px; float: left; margin-right: 20px; }
.form-review .column.last-child { margin-right: 0; }
.form-review .form-footer { margin-top: 20px; }

.reviews-list { margin-top: 15px; padding-top: 37px; background: url(/images/shadow2.png) no-repeat center top; }
.review-item { margin: 0 0 20px 0; padding: 0 0 20px 55px; background: url(/images/line2.png) repeat-x left bottom; position: relative; }
.review-item:after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 38px; height: 38px; background: url(/images/scope.png); }
.review-item .info { font-weight: bold; font-size: 14px; line-height: 14px; color: #351d0e; margin-top: 5px; }
.review-item .info:empty { display: none; }

/* Gallery View */
.gallery-list-items { font-size: 0; margin-right: -10px; }

.gallery-description { padding-bottom: 10px; }

.gallery-category-item { display: block; float: left; width: 280px; height: 255px; font-size: 0; margin-right: 10px; }
.gallery-category-item .icon { width: inherit; height: 210px; background-color: #e5d9b8; margin-bottom: 5px; position: relative; }
.gallery-category-item .icon:after { content: ""; display: block; position: absolute; width: inherit; height: inherit; left: 0; top: 0; background: url(/images/frame-280x210.png) no-repeat 0 0; background-image: image-set(url(/images/frame-280x210.png.avif) type("image/avif"), url(/images/frame-280x210.png.webp) type("image/webp"), url(/images/frame-280x210.png) type("image/png")); }
.gallery-category-item:hover .icon { -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,0.4); box-shadow: 0 0 6px 0 rgba(0,0,0,0.4); }
.gallery-category-item .title { font-size: 16px; line-height: 22px; text-align: center; }

.gallery-photo-item { position: relative; display: block; float: left; width: 140px; height: 105px; font-size: 0; margin: 0 4px 4px 0; background-color: #e5d9b8; }
.gallery-photo-item:hover { -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,0.4); box-shadow: 0 0 4px 0 rgba(0,0,0,0.4); }

.gallery-video-item { padding-bottom: 15px; margin-bottom: 15px; background: url(/images/line2.png) repeat-x left bottom; }
.gallery-video-item h3 { margin: 0 0 15px 0; }
.gallery-video-item a { font-size: inherit; line-height: inherit; }
.gallery-video-item .content-text:empty { display: none; }

/* Contacts View */
.contacts-map { width: 550px; height: 330px; margin-bottom: 20px; }

.hunting-map-labels text { font-family: "Arial Narrow", "Liberation Sans Narrow", Arial, sans-serif; }
.hunting-map-labels .wide { font-family: Verdana, "DejaVu Sans", sans-serif; }
.hunting-map-labels .bold { font-weight: bold; }
.hunting-map-labels .italic { font-style: italic; }
.hunting-map-labels .shadow { filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.6)); }

.kazakhstan-map { position: relative; display: block; width: 550px; height: 330px; }
.kazakhstan-map img, .kazakhstan-map svg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.kazakhstan-map-ring { transform-box: fill-box; transform-origin: center; animation: hunting-map-pulse 1.8s ease-out infinite; }
@keyframes hunting-map-pulse { from { opacity: 0.95; transform: scale(0.8); } to { opacity: 0; transform: scale(1.25); } }
@media (prefers-reduced-motion: reduce) { .kazakhstan-map-ring { animation: none; } }

.hunting-map { position: relative; max-width: 650px; aspect-ratio: 650 / 1150; overflow: hidden; }
.hunting-map-layer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.hunting-map-marker { position: absolute; display: block; background: no-repeat center / contain; transition: filter 0.2s ease; }
.hunting-map-marker:hover, .hunting-map-marker:focus-visible { filter: drop-shadow(0 0 3px #fff) drop-shadow(0 0 6px #ffefa8); }
.hunting-map-marker-camp, .hunting-map-marker-tent { filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.5)); }
.hunting-map-marker-camp { background-image: url(/map/marker-camp.svg); }
.hunting-map-marker-tent { background-image: url(/map/marker-tent.svg); }
.hunting-map-marker-photo { background-image: url(/map/marker-photo.svg); }
.hunting-map-content { margin-top: 20px; }
.contacts-content .fck_content-title { margin: 0 0 5px 0; font-size: 18px; line-height: 18px; color: #873c0c; }
.contacts-content .fck_content-title strong { font-size: 14px; line-height: 18px; display: inline-block; }
.contacts-content hr { padding: 0; margin: 15px 0; }

@media print { .image-section { display: none; } }