/*
* HTML5 Boilerplate
*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*
* Detailed information about this CSS: h5bp.com/css
*
* ==|== normalize ==========================================================
*/
/* =============================================================================
HTML5 display definitions
========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
/* =============================================================================
Base
========================================================================== */
/*
* 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
* 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
*/
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 1em; line-height: 1.4; }
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection declarations have to be separate
* Also: hot pink! (or customize the background color to match your design)
*/
::-moz-selection { background: #90aabd; color: #fff; text-shadow: none; }
::selection { background: #90aabd; color: #fff; text-shadow: none; }
/* =============================================================================
Links
========================================================================== */
/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }
/* =============================================================================
Typography
========================================================================== */
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
/* =============================================================================
Lists
========================================================================== */
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
/* =============================================================================
Embedded content
========================================================================== */
/*
* 1. Improve image quality when scaled in IE7: h5bp.com/d
* 2. Remove the gap between images and borders on image containers: h5bp.com/i/440
*/
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
/*
* Correct overflow not hidden in IE9
*/
svg:not(:root) { overflow: hidden; }
/* =============================================================================
Figures
========================================================================== */
figure { margin: 0; }
/* =============================================================================
Forms
========================================================================== */
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
/* Indicate that 'label' will shift focus to the associated form element */
label { cursor:default; }
/*
* 1. Correct color not inheriting in IE6/7/8/9
* 2. Correct alignment displayed oddly in IE6/7
*/
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
/*
* 1. Correct font-size not inheriting in all browsers
* 2. Remove margins in FF3/4 S5 Chrome
* 3. Define consistent vertical alignment display in all browsers
*/
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
/*
* 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
*/
button, input { line-height: normal; }
/*
* 1. Display hand cursor for clickable form elements
* 2. Allow styling of clickable form elements in iOS
* 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
*/
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
/*
* Re-set default cursor for disabled elements
*/
button[disabled], input[disabled] { cursor: default; }
/*
* Consistent box sizing and appearance
*/
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
/*
* Remove inner padding and border in FF3/4: h5bp.com/l
*/
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
/*
* 1. Remove default vertical scrollbar in IE6/7/8/9
* 2. Allow only vertical resizing
*/
textarea { overflow: auto; vertical-align: top; resize: vertical; }
/* Colors for form validity */
input:valid, textarea:valid { }
input:invalid, textarea:invalid { background-color: #f0dddd; }
/* =============================================================================
Tables
========================================================================== */
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
/* =============================================================================
Chrome Frame Prompt
========================================================================== */
.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }
/* ==|== primary styles =====================================================
Author:
========================================================================== */
/* ==|== media queries ======================================================
EXAMPLE Media Query for Responsive Design.
This example overrides the primary ('mobile first') styles
Modify as content requires.
========================================================================== */
@media only screen and (min-width: 35em) {
/* Style adjustments for viewports that meet the condition */
}
/* ==|== non-semantic helper classes ========================================
Please define your styles before this section.
========================================================================== */
/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; }
/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }
/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
/* ==|== print styles =======================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */
@media print {
* { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
a, a:visited { text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; } /* h5bp.com/t */
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }
}
.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right;margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}
@charset "UTF-8";
@font-face {
font-family: "Open Sans";
src: url("../fonts/open-sans-v13-latin_cyrillic-300.eot#iefix") format("embedded-opentype"), url("../fonts/open-sans-v13-latin_cyrillic-300.woff2") format("woff2"), url("../fonts/open-sans-v13-latin_cyrillic-300.woff") format("woff"), url("../fonts/open-sans-v13-latin_cyrillic-300.svg#Open Sans") format("svg");
font-style: normal;
font-weight: 300;
font-display: fallback;
}
@font-face {
font-family: "Open Sans";
src: url("../fonts/open-sans-v13-latin_cyrillic-regular.eot#iefix") format("embedded-opentype"), url("../fonts/open-sans-v13-latin_cyrillic-regular.woff2") format("woff2"), url("../fonts/open-sans-v13-latin_cyrillic-regular.woff") format("woff"), url("../fonts/open-sans-v13-latin_cyrillic-regular.svg#Open Sans") format("svg");
font-style: normal;
font-weight: 400;
font-display: fallback;
}
@font-face {
font-family: "Open Sans";
src: url("../fonts/open-sans-v13-latin_cyrillic-italic.eot#iefix") format("embedded-opentype"), url("../fonts/open-sans-v13-latin_cyrillic-italic.woff2") format("woff2"), url("../fonts/open-sans-v13-latin_cyrillic-italic.woff") format("woff"), url("../fonts/open-sans-v13-latin_cyrillic-italic.svg#Open Sans") format("svg");
font-style: italic;
font-weight: 400;
font-display: fallback;
}
@font-face {
font-family: "Open Sans";
src: url("../fonts/open-sans-v13-latin_cyrillic-600.eot#iefix") format("embedded-opentype"), url("../fonts/open-sans-v13-latin_cyrillic-600.woff2") format("woff2"), url("../fonts/open-sans-v13-latin_cyrillic-600.woff") format("woff"), url("../fonts/open-sans-v13-latin_cyrillic-600.svg#Open Sans") format("svg");
font-style: normal;
font-weight: 600;
font-display: fallback;
}
@font-face {
font-family: "Open Sans";
src: url("../fonts/open-sans-v13-latin_cyrillic-700.eot#iefix") format("embedded-opentype"), url("../fonts/open-sans-v13-latin_cyrillic-700.woff2") format("woff2"), url("../fonts/open-sans-v13-latin_cyrillic-700.woff") format("woff"), url("../fonts/open-sans-v13-latin_cyrillic-700.svg#Open Sans") format("svg");
font-style: normal;
font-weight: 700;
font-display: fallback;
}
@font-face {
font-family: "Merriweather";
src: url("../fonts/Merriweather-Regular.eot#iefix") format("embedded-opentype"), url("../fonts/Merriweather-Regular.woff2") format("woff2"), url("../fonts/Merriweather-Regular.woff") format("woff"), url("../fonts/Merriweather-Regular.svg#Merriweather") format("svg");
font-style: normal;
font-weight: 400;
font-display: fallback;
}
html {
-webkit-text-size-adjust: 100%;
background-color: #fff;
height: 100%;
}
body {
position: relative;
font-family: "Open Sans", Tahoma, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 1.5;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #000;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-text-size-adjust: 100%;
min-height: 100%;
height: 100%;
background: #fff;
min-width: 320px;
margin-left: auto;
margin-right: auto;
overflow-x: hidden;
}
@media (max-width: 319px) {
body {
overflow-x: auto;
}
}
.touchevents body {
cursor: pointer;
}
.touchevents .touch-focused {
cursor: pointer;
}
::-webkit-scrollbar {
-webkit-appearance: none;
}
::-webkit-scrollbar:vertical {
width: 5px;
}
::-webkit-scrollbar:horizontal {
height: 5px;
}
::-webkit-scrollbar-thumb {
background-color: rgba(34, 34, 34, 0.3) !important;
border-radius: 0;
border: none;
}
::-webkit-scrollbar-track {
border-radius: 0;
margin: 0;
border: none;
background-color: rgba(34, 34, 34, 0.1) !important;
}
.no-scrollbar::-webkit-scrollbar {
display: none;
}
/*
html, body{
-webkit-overflow-scrolling : touch !important;
overflow: auto !important;
height: 100% !important;
}*/
*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.no-animation-only-this {
transition: none !important;
}
.no-animation {
animation-delay: 0s !important;
animation-duration: 0s !important;
}
.no-animation *:before, .no-animation *:after {
animation-delay: 0s !important;
animation-duration: 0s !important;
}
.no-transition-only-this {
transition: none !important;
}
.no-transition {
transition: none !important;
}
.no-transition *:not(.swiper-wrapper), .no-transition *:before, .no-transition *:after {
transition: none !important;
}
.scrollable {
overflow-y: auto;
overflow-x: hidden;
}
.scrollable-x {
overflow-y: hidden;
overflow-x: auto;
}
body.modal-page {
background-color: #f2f2f2;
}
body.modal-page .wrap {
background-color: #f2f2f2;
}
@media (max-width: 429px) {
body.modal-page {
background-color: #fff;
}
body.modal-page .wrap {
background-color: #fff;
}
}
.wrap {
position: relative;
float: left;
width: 100%;
min-height: 100%;
box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
overflow: hidden;
transition: all 0.2s;
}
@media (max-width: 1023px) {
.wrap {
padding-top: 55px;
}
}
.wrap--middle {
display: flex;
justify-content: center;
flex-direction: column;
}
@media (max-width: 1023px) {
.wrap--middle {
padding-top: 0;
}
}
.container {
max-width: 940px;
padding-left: 20px;
padding-right: 20px;
margin-left: auto;
margin-right: auto;
}
.container:after {
content: "";
display: table;
clear: both;
}
@media (max-width: 767px) {
.container {
padding-left: 15px;
padding-right: 15px;
}
}
.font-loaders span:nth-child(1) {
font-family: "Open Sans", Tahoma, Arial, Helvetica, sans-serif;
}
.font-loaders span:nth-child(2) {
font-family: "Merriweather", Georgia, "Times New Roman", serif;
}
/*
Device Related Helpers
*/
.touchevents .hide-touch {
display: none !important;
}
.no-touchevents .hide-notouch {
display: none !important;
}
.desktop-small-show,
.desktop-small-show-inline-block,
.desktop-small-show-inline {
display: none !important;
}
.desktop-small-show-table-row {
display: none !important;
}
@media (max-width: 1259px) {
.desktop-small-hide {
display: none !important;
}
.desktop-small-show {
display: block !important;
}
.desktop-small-show-inline-block {
display: inline-block !important;
}
.desktop-small-show-inline {
display: inline !important;
}
.desktop-small-show-table-row {
display: table-row;
}
}
.tablet-show,
.tablet-show-inline-block,
.tablet-show-inline {
display: none !important;
}
.tablet-show-table-row {
display: none !important;
}
@media (max-width: 1023px) {
.tablet-hide {
display: none !important;
}
.tablet-show {
display: block !important;
}
.tablet-show-inline-block {
display: inline-block !important;
}
.tablet-show-inline {
display: inline !important;
}
.tablet-show-table-row {
display: table-row !important;
}
}
.mobile-show,
.mobile-show-inline-block,
.mobile-show-inline {
display: none !important;
}
.mobile-show-table-cell {
display: none !important;
}
@media (max-width: 767px) {
.mobile-hide {
display: none !important;
}
.mobile-show {
display: block !important;
}
.mobile-show-inline-block {
display: inline-block !important;
}
.mobile-show-inline {
display: inline !important;
}
.mobile-show-table-cell {
display: table-cell !important;
}
}
.mobile-medium-show,
.mobile-medium-show-inline-block,
.mobile-medium-show-inline {
display: none !important;
}
.mobile-medium-show-table-cell {
display: none !important;
}
@media (max-width: 639px) {
.mobile-medium-hide {
display: none !important;
}
.mobile-medium-show {
display: block !important;
}
.mobile-medium-show-inline-block {
display: inline-block !important;
}
.mobile-medium-show-inline {
display: inline !important;
}
.mobile-medium-show-table-cell {
display: table-cell !important;
}
}
.mobile-small-show,
.mobile-small-show-inline-block,
.mobile-small-show-inline {
display: none !important;
}
.mobile-small-show-table-cell {
display: none !important;
}
@media (max-width: 479px) {
.mobile-small-hide {
display: none !important;
}
.mobile-small-show {
display: block !important;
}
.mobile-small-show-inline-block {
display: inline-block !important;
}
.mobile-small-show-inline {
display: inline !important;
}
.mobile-small-show-table-cell {
display: table-cell !important;
}
}
/*
*
* Typography
*
*/
.text {
font-size: 15px;
font-weight: 300;
line-height: 1.6;
/*
@media (max-width: $tablet) {
font-size: 14px;
}*/
}
.text strong {
font-weight: 400;
}
@media (max-width: 767px) {
.text {
font-size: 14px;
}
}
.text-restore {
font-size: 14px;
font-weight: 400;
line-height: 1.2;
}
/*
* Links
*/
a, .link {
outline: none;
color: #000;
background-color: transparent;
text-decoration: underline;
transition: all 0.2s;
}
a:hover, .link:hover {
color: #1d82ff;
}
.link--dashed {
border-bottom-style: dashed;
border-bottom-width: 1px;
text-decoration: none;
}
.link--dotted {
border-bottom-style: dotted;
border-bottom-width: 1px;
text-decoration: none;
}
.link--border-closer {
display: inline-block;
line-height: 1.2;
}
.link--default {
color: #222;
}
.link--default:hover {
color: #222;
}
.link--default:active {
color: #222;
}
.link--muted {
color: #888;
border-bottom-color: rgba(196, 201, 204, 0.5);
}
.link--muted:hover {
color: #888;
border-bottom-color: #c4c9cc;
}
.link--muted:active {
color: #888;
border-bottom-color: #c4c9cc;
}
.link--muted-less {
color: #444;
border-bottom-color: #888;
}
.link--muted-less:hover {
color: #444;
border-bottom-color: #888;
}
.link--muted-less:active {
color: #444;
border-bottom-color: #888;
}
sub, sup {
font-size: 65%;
}
strong {
font-weight: 700;
}
abbr {
text-decoration: none;
border-bottom: 1px dotted;
}
/*
* Headings
*/
h1, .h1 {
font-family: Merriweather;
font-size: 36px;
font-weight: 400;
line-height: 1.1;
margin: 1.4em 0 0;
}
@media (max-width: 1419px) {
h1, .h1 {
font-size: 32px;
}
}
@media (max-width: 1259px) {
h1, .h1 {
font-size: 28px;
}
}
@media (max-width: 479px) {
h1, .h1 {
font-size: 26px;
}
}
h1:first-child, .h1:first-child {
margin-top: 0;
}
h1 + h3, h1 + .h3, .h1 + h3, .h1 + .h3 {
margin-top: 0.185em;
}
h2, .h2 {
font-family: Merriweather;
font-size: 28px;
font-weight: 400;
line-height: 1.1;
margin: 1.4em 0 0;
}
h2:first-child, .h2:first-child {
margin-top: 0;
}
@media (max-width: 1259px) {
h2, .h2 {
font-size: 24px;
}
}
@media (max-width: 479px) {
h2, .h2 {
font-size: 22px;
}
}
h3, .h3 {
font-size: 27px;
font-weight: 400;
letter-spacing: 1.02em;
text-transform: uppercase;
margin: 1.296em 0 0;
}
h3:first-child, .h3:first-child {
margin-top: 0;
}
@media (max-width: 1259px) {
h3, .h3 {
font-size: 22px;
}
}
h4, .h4 {
font-size: 20px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 0.2em;
margin: 1.25em 0 0;
}
h4:first-child, .h4:first-child {
margin-top: 0;
}
@media (max-width: 1259px) {
h4, .h4 {
font-size: 18px;
}
}
p, .p {
margin: 1.5625em 0 0;
-webkit-text-size-adjust: 100%;
}
p:first-child, .p:first-child {
margin-top: 0;
}
/*
* Lists
*/
ol, ul {
padding: 0;
margin-top: 15px;
margin-left: 30px;
}
ol:first-child, ul:first-child {
margin-top: 0;
}
@media (max-width: 1023px) {
ol, ul {
margin-left: 20px;
}
}
li {
margin-top: 10px;
}
li:first-child {
margin-top: 0;
}
li > ul:first-child,
li > ol:first-child {
margin-top: 10px;
}
ul {
list-style: none;
}
ul li {
text-indent: -15px;
}
ul li:before {
display: inline-block;
vertical-align: middle;
margin: 0 10px 0 0;
height: 5px;
width: 5px;
background-color: #222;
border-radius: 50%;
content: "";
}
ul.nobullets {
margin-left: 20px;
}
ul.nobullets > li {
text-indent: 0;
}
ul.nobullets > li:before {
display: none;
}
ol > li {
padding-left: 5px;
}
nav ul {
margin: 0;
padding: 0;
}
nav li {
margin: 0;
padding: 0;
text-indent: 0;
}
nav li:before {
display: none;
}
nav li:after {
display: none;
}
/*
* Images
*/
img {
max-width: 100%;
}
img.fullwidth {
display: block;
width: 100%;
height: auto;
}
img.left, img.right {
margin: 5px 0 20px;
max-width: 50%;
border-radius: 3px;
}
img.left {
float: left;
margin-right: 30px;
}
img.right {
float: right;
margin-left: 30px;
}
@media (max-width: 1023px) {
img.left, img.right {
display: block;
float: none;
margin: 15px auto;
max-width: 100%;
}
}
/*
* Other
*/
blockquote,
.blockquote {
position: relative;
padding: 20px;
background-color: rgba(255, 171, 74, 0.5);
font-size: 14px;
font-weight: 400;
line-height: 1.6;
margin-left: 0;
margin-right: 0;
margin-top: 15px;
}
blockquote:first-child,
.blockquote:first-child {
margin-top: 0;
}
@media (max-width: 767px) {
blockquote,
.blockquote {
font-size: 13px;
padding: 10px 15px;
}
}
.summary {
margin-top: 20px;
font-size: 16px;
}
.summary:first-child {
margin-top: 0;
}
@media (max-width: 767px) {
.summary {
font-size: 15px;
}
}
cite {
font-style: italic;
}
.table-scroll {
overflow-x: auto;
margin-top: 30px;
}
.table-scroll:first-child {
margin-top: 0;
}
.table-container {
margin-top: 30px;
margin-left: -20px;
margin-right: -20px;
}
.table-container:first-child {
margin-top: 0;
}
@media (max-width: 767px) {
.table-container {
margin-left: -15px;
margin-right: -15px;
}
}
table {
font-size: 14px;
line-height: 1.43;
width: 100%;
border-collapse: collapse;
margin-top: 30px;
}
table:first-child {
margin-top: 0;
}
table caption {
text-align: center;
font-style: italic;
color: #888;
padding-bottom: 5px;
}
@media (max-width: 767px) {
table caption {
font-size: 12px;
}
}
table th, table td {
padding: 10px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
text-align: left;
vertical-align: top;
}
table thead tr:last-child th {
border-bottom: 2px solid #ddd;
}
/*
Icons
*/
[class^="icon-"], [class*=" icon-"] {
position: relative;
display: inline-block;
text-decoration: none;
line-height: 1;
letter-spacing: 0;
}
svg.icon {
fill: currentColor;
width: 1em;
height: 1em;
}
[class^="icon-"]:before, [class*=" icon-"]:before {
position: relative;
text-decoration: none;
width: auto;
line-height: 1;
letter-spacing: 0;
margin-right: 0;
margin-left: 0;
background: center center no-repeat;
background-size: contain;
}
[class^="icon-"]:after, [class*=" icon-"]:after {
background: center center no-repeat;
background-size: contain;
}
i {
position: relative;
}
.fa--prefix {
margin-right: 0.4em;
}
.fa--suffix {
margin-left: 0.4em;
}
.social-icon {
display: inline-block;
line-height: 1;
margin-right: 7px;
font-size: 15px;
}
.social-icon--vk {
color: #45668e;
}
.social-icon--vk:hover {
color: #587fae;
}
/*
Tag items
*/
.itag {
position: relative;
display: inline-block;
padding: 5px 10px;
min-width: 28px;
border-radius: 100px;
background-color: rgba(196, 201, 204, 0.5);
color: #000;
font-size: 14px;
line-height: 1;
}
.itag--red {
background-color: rgba(235, 90, 70, 0.5);
}
.itag--orange {
background-color: rgba(255, 171, 74, 0.5);
}
.itag--blue {
background-color: rgba(0, 194, 224, 0.5);
}
.itag--green {
background-color: rgba(119, 187, 0, 0.5);
}
.itag--violet {
background-color: rgba(195, 119, 224, 0.5);
}
/*
Column Layout
*/
.cols {
display: table;
width: 100%;
table-layout: fixed;
}
.cols--auto {
table-layout: auto;
}
.cols--fullheight {
height: 100%;
}
.cols__inner {
display: table-row;
}
.col {
display: table-cell;
vertical-align: top;
padding-left: 10px;
padding-right: 10px;
flex-grow: 1;
min-width: 0;
}
.cols-row {
display: table-row;
}
.cols-w {
margin-top: 30px;
margin-left: -10px;
margin-right: -10px;
}
.cols-w:first-child {
margin-top: 0;
}
.cols-w:after {
content: "";
display: table;
clear: both;
}
.cols-w--no-padding {
margin-left: 0;
margin-right: 0;
}
.cols-w--no-padding > .cols > .col {
padding-left: 0;
padding-right: 0;
}
@media (max-width: 1259px) {
.cols-w--screen-plain > .cols {
display: inline-block;
vertical-align: top;
width: 100%;
margin-bottom: -60px;
}
}
@media (max-width: 1023px) {
.cols-w--screen-plain > .cols {
margin-bottom: -50px;
}
}
@media (max-width: 1023px) {
.cols-w--screen-plain > .cols {
margin-bottom: -30px;
}
}
@media (max-width: 1259px) {
.cols-w--screen-plain > .cols > .col {
display: block;
margin-bottom: 60px;
}
.cols-w--screen-plain > .cols > .col.col {
width: auto;
}
}
@media (max-width: 1023px) {
.cols-w--screen-plain > .cols > .col {
margin-bottom: 50px;
}
}
@media (max-width: 767px) {
.cols-w--screen-plain > .cols > .col {
margin-bottom: 40px;
}
}
@media (max-width: 1023px) {
.cols-w--tablet-plain > .cols {
display: inline-block;
vertical-align: top;
width: 100%;
margin-bottom: -50px;
}
}
@media (max-width: 1023px) {
.cols-w--tablet-plain > .cols {
margin-bottom: -30px;
}
}
@media (max-width: 1023px) {
.cols-w--tablet-plain > .cols > .col {
display: block;
margin-bottom: 50px;
}
.cols-w--tablet-plain > .cols > .col.col {
width: auto;
}
}
@media (max-width: 767px) {
.cols-w--tablet-plain > .cols > .col {
margin-bottom: 40px;
}
}
@media (max-width: 767px) {
.cols-w--mobile-plain > .cols {
display: inline-block;
vertical-align: top;
margin-bottom: -20px;
}
.cols-w--mobile-plain > .cols.col {
width: auto;
}
}
@media (max-width: 767px) {
.cols-w--mobile-plain > .cols > .col {
display: block;
width: auto;
margin-bottom: 20px;
}
}
.cols--reverse {
direction: rtl;
}
.cols--reverse > .col {
direction: ltr;
}
.col--fit {
width: 1px;
}
.col--expander {
padding-left: 0 !important;
padding-right: 0 !important;
}
.col--1-12 {
width: 8.33333%;
}
.col--2-12 {
width: 16.66667%;
}
.col--3-12 {
width: 25%;
}
.col--4-12 {
width: 33.33333%;
}
.col--5-12 {
width: 41.66667%;
}
.col--6-12 {
width: 50%;
}
.col--7-12 {
width: 58.33333%;
}
.col--8-12 {
width: 66.66667%;
}
.col--9-12 {
width: 75%;
}
.col--10-12 {
width: 83.33333%;
}
.col--11-12 {
width: 91.66667%;
}
.col--12-12 {
width: 100%;
}
.col--1-4 {
width: 25%;
}
.col--3-4 {
width: 75%;
}
.col--1-3 {
width: 33.33%;
}
.col--2-3 {
width: 66.66%;
}
.col--1-2 {
width: 50%;
}
.cols--floats {
display: block;
width: auto;
margin-left: -10px;
margin-right: -10px;
}
.cols--floats:after {
content: "";
display: table;
clear: both;
}
.cols--floats > .cols__inner {
display: block;
float: left;
width: 100%;
margin-top: -10px;
margin-bottom: -10px;
}
.cols--floats > .cols__inner > .col {
float: left;
display: block;
padding: 10px;
}
.cols--floats > .cols__inner > .col--right {
float: right;
}
.cols--flex {
display: flex;
width: 100%;
flex-direction: row;
align-items: center;
flex-wrap: nowrap;
}
.cols--flex > .col {
display: block;
flex: auto 1 1;
}
.cols--flex > .col--fit {
width: auto;
flex: auto 0 0;
}
.cols--compact .col {
padding-left: 5px;
padding-right: 5px;
}
.cols--compact .col:first-child {
padding-left: 0;
}
.cols--compact .col:last-child {
padding-right: 0;
}
/*
Expansible content
*/
.expand-it-container {
overflow: hidden;
max-height: 0;
transition: all 0.2s;
}
.expand-it-container.overflow-visible {
overflow: visible;
}
.expand-it-container.active {
max-height: 99999px;
}
.text-expand {
position: relative;
}
.text-expand__container {
max-height: 126px;
transition: all 0.4s;
}
.text-expand__inner {
padding-bottom: 45px;
}
.text-expand__more {
position: absolute;
right: 0;
bottom: 0;
left: 0;
padding: 20px 10px 0;
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8) 40%, #fff);
text-align: center;
pointer-events: none;
}
.object__block--grey-dark .text-expand__more {
padding-top: 50px;
border-bottom: 10px solid #ddd;
background-image: linear-gradient(to bottom, rgba(221, 221, 221, 0), rgba(221, 221, 221, 0.8) 25%, #ddd 55%, #ddd);
}
.text-expand__more-link {
position: relative;
display: inline-block;
padding: 2px 10px;
background-color: #fafafa;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05), 0 1px 10px white;
border-radius: 100px;
border: 1px solid #e8e8e8;
font-size: 13px;
text-decoration: none;
color: #000;
pointer-events: auto;
}
.object__block--grey-dark .text-expand__more-link {
border-color: #bbb;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.text-expand__more-link--large {
padding: 8px 15px;
}
.text-expand__more-link:hover {
color: #000;
background-color: #f4f4f4;
}
.text-expand__more-link:active {
color: #000;
background-color: #f4f4f4;
}
.text-expand__more-link.loading .btn__inner {
visibility: hidden;
}
.text-expand__more-link .loader {
position: absolute;
top: 50%;
left: 50%;
height: 24px;
width: 24px;
margin-top: -12px;
margin-left: -12px;
}
.text-expand__more-link .loader svg path {
fill: #bbb;
}
.text-expand__more-tooltip {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
border-radius: 100px;
}
/*
Form's layout
*/
.form {
position: relative;
margin-top: 30px;
margin-left: auto;
margin-right: auto;
}
.form:after {
content: "";
display: table;
clear: both;
}
.form:first-child {
margin-top: 0;
}
.form--small {
max-width: 300px;
}
.form-section-title {
border-bottom: 1px solid #e5e5e5;
padding-bottom: 8px;
}
.form__title {
line-height: 1.2;
font-size: 16px;
font-weight: 600;
margin-top: 30px;
}
.form__title:first-child {
margin-top: 0;
}
.form__items {
margin-top: 15px;
}
.form__items:after {
content: "";
display: table;
clear: both;
}
.form__items:first-child {
margin-top: 0;
}
.form__item {
position: relative;
margin-top: 20px;
}
.form__item:after {
content: "";
display: table;
clear: both;
}
.form__item:first-child {
margin-top: 0;
}
.form__item--ml {
margin-top: 10px;
}
.form__item--mm {
margin-top: 30px;
}
.form__item-label {
display: block;
font-size: 14px;
color: #444;
margin-top: 10px;
}
.form__item-label:first-child {
margin-top: 0;
}
.form__item-label + .checkboxes {
margin-top: 0;
}
.form__item-label--textfield-opposite:first-child {
margin-top: -7px;
}
.form__item-tip {
display: block;
font-size: 12px;
color: #666;
margin-top: 5px;
}
.form__item-tip:first-child {
margin-top: 0;
}
.form__item-field {
position: relative;
margin-top: 5px;
}
.form__item-field:first-child {
margin-top: 0;
}
.form__item--inline {
display: inline-block;
vertical-align: top;
margin-top: 10px;
margin-right: 10px;
}
.form__item--inline:first-child {
margin-top: 10px;
}
.form__actions {
position: relative;
margin-top: 20px;
}
.form__actions:first-child {
margin-top: 0;
}
.form__tip {
margin: 2px 10px -5px;
color: #888;
font-size: 11px;
font-weight: 400;
}
.form__tip:first-child {
margin-top: 0;
}
.form__error {
padding: 2px 10px 0;
color: #eb5a46;
font-size: 11px;
font-weight: 400;
transition: all 0.2s;
animation: 0.5s ease-out;
animation-iteration-count: 2;
animation-fill-mode: both;
animation-delay: 0.3s;
}
.form__error.active {
color: #ff3006;
animation-name: pulsateError;
}
@keyframes pulsateError {
0% {
opacity: 1.0;
}
50% {
opacity: 0.5;
}
100% {
opacity: 1.0;
}
}
.g-recaptcha {
height: 78px;
}
@media (max-width: 359px) {
.g-recaptcha {
height: 73px;
transform: scale(0.927);
transform-origin: 0 0;
}
}
/*
Textfields
*/
textarea,
input,
button {
-webkit-font-smoothing: antialiased;
outline: none;
line-height: 1.25;
font-family: "Open Sans", Tahoma, Arial, Helvetica, sans-serif;
}
.textfield {
display: inline-block;
font-family: "Open Sans", Tahoma, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 1.285714285714286;
background: #fff;
color: #333;
padding: 8px 18px;
height: 36px;
width: 100%;
border: 1px solid #c3c3c3;
box-shadow: none;
border-radius: 4px;
-webkit-appearance: none;
outline: none;
resize: none;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
transition: color 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.textfield:hover {
border-color: #888;
}
.textfield:focus {
outline: none;
box-shadow: none;
border-color: #888;
}
.textfield:invalid {
background-color: #fff;
}
.textfield:-webkit-autofill {
-webkit-box-shadow: 0 0 0 30px #fdffde inset;
}
.textfield::-ms-clear {
display: none;
width: 0;
height: 0;
}
.textfield::-webkit-input-placeholder {
opacity: 1;
color: #888;
}
.textfield::-moz-placeholder {
opacity: 1;
color: #888;
}
.textfield:-moz-placeholder {
opacity: 1;
color: #888;
}
.textfield:-ms-input-placeholder {
opacity: 1;
color: #888;
}
.textfield.highlight {
box-shadow: 0 0 4px 2px rgba(29, 130, 255, 0.2);
}
.textfield.highlight:-webkit-autofill {
-webkit-box-shadow: 0 0 3px 2px rgba(29, 130, 255, 0.5), 0 0 0 30px #fdffde inset;
}
.textfield.error {
border-color: #eb5a46;
}
.textfield.error + .textfield-placeholder {
color: #eb5a46 !important;
}
.textfield[disabled], .textfield.disabled, .textfield[readonly] {
opacity: 1;
color: #000;
background-color: #ebebeb;
border-color: transparent;
cursor: default;
cursor: not-allowed;
}
.textfield--autowidth {
width: auto;
}
.textfield--mask-completed-checked.mask-complete.valid {
background-image: url("../img/icon-tick-green.png");
background-repeat: no-repeat;
background-position: right 15px top 50%;
}
.textfield-wrapper {
position: relative;
display: block;
vertical-align: top;
}
.textfield-wrapper + .textfield-wrapper {
margin-left: 10px;
}
.textfield--ml,
.textfield-wrapper--ml {
margin-left: 10px;
}
.textfield-wrapper--autowidth {
display: inline-block;
}
.textfield-placeholder {
position: absolute;
top: 1px;
left: 0;
margin: 8px 15px;
padding: 0 3px;
max-width: 100%;
border: 1px solid transparent;
font-size: 14px;
font-weight: 400;
line-height: 1.285714285714286;
color: #888;
text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;
z-index: 1;
pointer-events: none;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
transition: all 0.1s;
}
.textfield-placeholder:before {
position: absolute;
top: 50%;
right: 0;
left: 0;
z-index: -1;
bottom: 3px;
margin-top: -1px;
background-color: transparent;
border-radius: 0 0 3px 3px;
content: '';
}
textarea.textfield + .textfield-placeholder {
white-space: normal;
}
.textfield-after {
position: absolute;
top: 0;
right: 0;
padding: 8px 13px;
max-width: 100%;
border: 1px solid transparent;
font-size: 14px;
font-weight: 400;
line-height: 1.2857142;
color: #c3c3c3;
z-index: 1;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.textfield-after i {
font-size: 15px;
}
.textfield-reset.active + .textfield-after,
.textfield-reset.active ~ .textfield-after {
right: 27px;
}
.textfield--after-hide-if-reset.filled:not([disabled]):not([readonly]) ~ .textfield-reset ~ .textfield-after,
.textfield--after-hide-if-reset.filled:not([disabled]):not([readonly])[value]:not([value=""]) ~ .textfield-reset ~ .textfield-after {
display: none;
}
.textfield-wrapper--placeholder-top .textfield-placeholder,
.textfield--placeholder-top + .textfield-placeholder,
.textfield.filled + .textfield-placeholder,
.textfield[value]:not([value=""]) + .textfield-placeholder,
.textfield.wysywyg + .textfield-placeholder,
.textfield:focus + .textfield-placeholder {
color: #444;
font-size: 12px;
top: -16px;
}
.textfield-wrapper--placeholder-top .textfield-placeholder:before,
.textfield--placeholder-top + .textfield-placeholder:before,
.textfield.filled + .textfield-placeholder:before,
.textfield[value]:not([value=""]) + .textfield-placeholder:before,
.textfield.wysywyg + .textfield-placeholder:before,
.textfield:focus + .textfield-placeholder:before {
background-color: #fff;
}
.textfield[disabled] + .textfield-placeholder,
.textfield.disabled + .textfield-placeholder {
color: #888;
}
.textfield[disabled] + .textfield-placeholder:before,
.textfield.disabled + .textfield-placeholder:before {
background-color: transparent;
}
.textfield.wysywyg + .textfield-placeholder:before {
background-color: #fff;
}
.textfield[readonly] + .textfield-placeholder:before {
background-color: transparent;
}
.textfield[disabled].filled + .textfield-placeholder,
.textfield.disabled.filled + .textfield-placeholder {
color: #444;
}
.textfield--resizable {
resize: vertical;
}
textarea.textfield {
white-space: normal;
overflow: auto;
height: auto;
}
.textfield-reset-inited {
padding-right: 35px;
}
.textfield-reset {
position: absolute;
top: 0;
right: 0;
width: 42px;
height: 36px;
visibility: hidden;
cursor: pointer;
}
.textfield-reset:before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: url("../img/icon-cross.png") center 12px no-repeat;
opacity: 0.5;
content: '';
transition: opacity 0.2s;
}
.textfield-reset.active {
visibility: visible;
}
.textfield-reset:hover:before {
opacity: 1;
}
.textfield.filled ~ .textfield-reset {
visibility: visible;
}
.textfield.filled ~ .textfield-reset {
visibility: visible;
}
.textfield[readonly] ~ .textfield-reset,
.textfield[disabled] ~ .textfield-reset {
visibility: hidden;
}
.textfield-dots {
position: absolute;
top: 12px;
right: 10px;
height: 10px;
width: 4px;
margin: 1px 1px 0 0;
pointer-events: none;
}
.textfield-dots:before, .textfield-dots:after {
position: absolute;
right: 0;
left: 0;
padding-bottom: 100%;
border-radius: 100px;
background-color: #c3c3c3;
content: '';
transition: all 0.2s;
}
.textfield-dots:before {
top: 0;
}
.textfield-dots:after {
bottom: 0;
}
.textfield:hover ~ .textfield-dots:before, .textfield:hover ~ .textfield-dots:after {
background-color: #1d82ff;
}
.textfield:focus ~ .textfield-dots:before, .textfield:focus ~ .textfield-dots:after {
background-color: #1d82ff;
}
.textfield--small {
font-size: 13px;
padding-top: 4px;
padding-bottom: 5px;
height: 28px;
}
.textfield--small + .textfield-placeholder {
margin-top: 4px;
margin-bottom: 5px;
font-size: 13px;
}
.textfield--small.textfield--placeholder-top + .textfield-placeholder,
.textfield--small.filled + .textfield-placeholder,
.textfield--small:focus + .textfield-placeholder {
font-size: 11px;
top: -11px;
}
.textfield--small ~ .textfield-reset {
height: 28px;
}
.textfield--small ~ .textfield-reset:before {
background-position: center 8px;
}
@media (max-width: 767px) {
.textfield--small-on-mobile {
font-size: 13px;
padding-top: 4px;
padding-bottom: 5px;
height: 28px;
}
.textfield--small-on-mobile + .textfield-placeholder {
margin-top: 4px;
margin-bottom: 5px;
font-size: 13px;
}
.textfield--small-on-mobile.textfield--placeholder-top + .textfield-placeholder,
.textfield--small-on-mobile.filled + .textfield-placeholder,
.textfield--small-on-mobile:focus + .textfield-placeholder {
font-size: 11px;
top: -11px;
}
.textfield--small-on-mobile ~ .textfield-reset {
height: 28px;
}
.textfield--small-on-mobile ~ .textfield-reset:before {
background-position: center 8px;
}
}
.textfield.wysywyg {
height: 195px;
}
.mce-tinymce.mce-container {
border-radius: 4px;
background-color: #fff;
box-sizing: border-box;
}
.mce-tinymce.mce-container.highlight {
box-shadow: 0 0 4px 2px rgba(29, 130, 255, 0.2);
}
.textfield-wrapper.disabled .mce-tinymce.mce-container {
opacity: 0.5;
pointer-events: none;
}
.textfield-wrapper.disabled .mce-tinymce.mce-container:before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
content: '';
}
.mce-tinymce.mce-container .mce-panel.mce-toolbar-grp {
background-color: #fff;
padding-top: 5px;
padding-bottom: 5px;
}
.mce-tinymce.mce-container .mce-panel.mce-toolbar-grp.mce-first {
border-radius: 4px 4px 0 0;
}
.mce-tinymce.mce-container .mce-btn {
background-color: #fff;
}
.mce-tinymce.mce-container .mce-btn-group.mce-last {
float: right;
border-left: none;
}
.mce-tinymce.mce-container .mce-edit-area {
overflow: hidden;
border-radius: 0 0 4px 4px;
}
.mce-fullscreen .fancybox-container--popup .fancybox-slide {
overflow: hidden;
}
/*
Buttons
*/
.btn {
position: relative;
display: inline-block;
outline: none;
text-decoration: none;
text-align: center;
font-family: "Open Sans", Tahoma, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 1.285714285714286;
letter-spacing: 0;
border: none;
padding: 10px 20px 8px;
height: 36px;
vertical-align: middle;
white-space: nowrap;
margin-left: 20px;
min-width: 36px;
border-radius: 4px;
color: #444 !important;
-webkit-appearance: none;
background: #e1e4e5;
user-select: none;
backface-visibility: hidden;
box-sizing: border-box;
transition-property: all 0.2s, transform 0.1s, text-indent 1ms;
cursor: pointer;
}
.btn::-moz-focus-inner {
padding: 0 !important;
border: 0 none !important;
}
.btn:hover {
color: #444 !important;
background-color: #d3d7d9;
text-decoration: none;
}
.btn:focus {
color: #444 !important;
background-color: #d3d7d9;
text-decoration: none;
}
.btn:active {
text-decoration: none;
transform: translateY(1px);
}
.btn.active {
color: #222 !important;
background-color: #c4c9cc;
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3);
}
.btn.loading .btn__inner {
opacity: 0;
}
.btn[disabled], .btn.disabled {
background-color: #ebebeb;
color: #888 !important;
opacity: 1;
cursor: default;
cursor: not-allowed;
transform: translateY(0);
}
.btn[disabled] input[type='file'], .btn.disabled input[type='file'] {
cursor: default;
cursor: not-allowed;
}
.btn:first-child {
margin-left: 0;
}
.btn i {
display: inline-block;
margin-left: 9px;
margin-right: 9px;
}
.btn i:first-child {
margin-left: 0;
}
.btn i:last-child {
margin-right: 0;
}
.btn i + i {
margin-left: 0;
}
.btn .i--no-margin {
margin: 0;
}
.btn .fa-arrow-circle-down {
font-size: 22px;
margin-top: -5px;
margin-bottom: -5px;
vertical-align: -0.1em;
}
.btn + .btn {
margin-left: 20px;
}
.btn + .btn--no-margin {
margin-left: 0;
}
.btn.pull-right {
margin-left: 10px;
}
.btn .loader {
position: absolute;
top: 50%;
left: 50%;
height: 40px;
width: 40px;
margin-top: -20px;
margin-left: -20px;
}
.btn .loader svg path {
fill: #000;
}
.btn input[type='file'] {
opacity: 0;
filter: alpha(opacity=0);
font-size: 120px;
position: absolute;
top: -50px;
right: -50px;
vertical-align: top;
z-index: 3;
cursor: pointer;
}
.btn .btn-icon {
margin-top: -10px;
}
.btn__inner {
transition: all 0.2s;
}
.btn--file {
overflow: hidden;
}
.btn--file:active {
transform: none;
}
.btn--small {
padding: 5px 10px 6px;
font-size: 13px;
height: 28px;
min-width: 28px;
}
.btn--small .loader {
height: 28px;
width: 28px;
margin-top: -14px;
margin-left: -14px;
}
.btn--small .btn-icon {
margin-top: -8px;
}
.btn--xsmall {
padding: 3px 10px 4px;
font-size: 13px;
height: 24px;
min-width: 24px;
}
.btn--xsmall .loader {
height: 24px;
width: 24px;
margin-top: -12px;
margin-left: -12px;
}
.btn--xsmall .btn-icon {
margin-top: -6px;
}
.btn--xxsmall {
padding: 2px 10px 3px;
font-size: 12px;
height: 20px;
min-width: 20px;
}
.btn--large {
font-size: 18px;
padding: 13px 20px;
height: 48px;
min-width: 48px;
}
.btn--primary {
color: #fff !important;
background-color: rgba(119, 187, 0, 0.75);
}
.btn--primary:hover {
color: #fff !important;
background-color: #7b0;
}
.btn--primary:focus {
color: #fff !important;
background-color: #7b0;
}
.btn--primary[disabled], .btn--primary.disabled {
color: #fff !important;
background-color: rgba(119, 187, 0, 0.5);
}
.btn--primary .loader svg path {
fill: #fff;
}
.btn--error {
color: #fff !important;
background-color: rgba(235, 90, 70, 0.75);
}
.btn--error:hover {
color: #fff !important;
background-color: #eb5a46;
}
.btn--error:focus {
color: #fff !important;
background-color: #eb5a46;
}
.btn--error[disabled], .btn--error.disabled {
color: #fff !important;
background-color: rgba(235, 90, 70, 0.5);
}
.btn--error .loader svg path {
fill: #fff;
}
.btn--pseudo {
background: none !important;
cursor: default;
}
.btn--pseudo:active {
transform: none;
}
.btn--pseudo--thin {
padding-left: 0 !important;
padding-right: 0 !important;
}
.btn--icon {
padding-left: 10px;
padding-right: 10px;
min-width: 40px !important;
}
.btn--icon.btn--small {
font-size: 14px;
}
.btn--fullwidth {
width: 100%;
margin-top: 20px;
}
.btn--fullwidth:first-child {
margin-top: 0;
}
.btn--compact {
padding-left: 15px;
padding-right: 15px;
}
.btn--xcompact {
padding-left: 10px;
padding-right: 10px;
}
.btn--xxcompact {
padding-left: 5px;
padding-right: 5px;
}
.btn--nopadding {
padding-left: 0;
padding-right: 0;
}
.btn-icon {
display: inline-block;
vertical-align: middle;
margin: -6px 5px -8px;
}
.btn-icon:first-child {
margin-left: 0;
}
.btn-icon:last-child {
margin-right: 0;
}
.btn-icon--muted {
opacity: 0.5;
transition: all 0.2s;
}
.btn-icon--muted:hover {
opacity: 1;
}
.btn:hover .btn-icon--muted {
opacity: 1;
}
.btn[disabled] .btn-icon--muted, .btn.disabled .btn-icon--muted {
opacity: 0.5;
}
.btn--closer {
margin-left: 10px;
}
.btn--closer + .btn--closer {
margin-left: 10px;
}
.btn--near + .btn {
margin-left: 0;
}
.btn-group {
display: inline-block;
font-size: 0;
}
.btn-group .btn:first-child:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.btn-group .btn:not(:first-child):not(:last-child) {
border-radius: 0;
}
.btn-group .btn:last-child:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
/*
Checkboxes
*/
.checkboxes {
margin-bottom: -10px;
}
.checkboxes + .form__error {
padding-left: 30px;
}
.checkbox {
position: relative;
display: inline-block;
padding-left: 30px;
margin-bottom: 10px;
margin-right: 30px;
min-height: 20px;
line-height: 17px;
color: #888;
cursor: pointer;
transition: all 0.2s;
user-select: none;
/*
&.tooltip {
cursor: pointer;
}*/
}
.checkbox:last-child {
margin-right: 0;
}
.checkbox__icon {
position: absolute;
top: -1px;
left: 0;
width: 20px;
height: 20px;
background-color: #fff;
border: 1px solid #c3c3c3;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15);
border-radius: 3px;
content: '';
transition: all 0.2s;
}
.checkbox__icon:after {
position: absolute;
top: 5px;
left: 4px;
width: 11px;
height: 8px;
background: url("../img/checkbox-tick.svg") center center no-repeat;
background-size: contain;
content: '';
visibility: hidden;
}
.checkbox > input[type='radio'],
.checkbox > input[type='checkbox'] {
position: absolute;
left: 0;
top: 0;
opacity: 0;
z-index: -1;
}
.checkbox:hover .checkbox__icon {
border-color: #888;
}
.checkbox.focused .checkbox__icon {
outline: none;
border-color: #888;
}
.checkbox.checked {
color: #000;
}
.checkbox.disabled {
cursor: default;
cursor: not-allowed;
}
.checkbox.disabled .checkbox__icon {
border-color: #ebebeb;
background-color: #ebebeb;
box-shadow: none;
}
.checkbox.checked .checkbox__icon:after,
.checkbox-plain-js.checked .checkbox__icon:after {
visibility: visible;
}
.checkbox--radio .checkbox__icon {
border-radius: 50%;
}
.checkbox--radio .checkbox__icon:after {
top: 5px;
left: 5px;
width: 8px;
height: 8px;
background: #1d82ff;
border-radius: 50%;
}
.checkbox--w-textfield .checkbox__icon {
margin-top: 6px;
}
.checkbox--block {
width: 100%;
margin-right: 0;
}
.checkbox--separate {
width: 20px;
height: 20px;
padding-left: 0;
margin: -5px 0;
user-select: none;
}
.checkbox--separate .checkbox__icon {
top: 0;
}
/*
Selectboxes
*/
.selectbox-wrapper {
position: relative;
display: inline-block;
margin-left: 20px;
text-align: left;
}
.selectbox-wrapper:first-child {
margin-left: 0;
}
select.selectbox {
vertical-align: top;
height: 36px;
line-height: 34px;
padding: 0 18px;
font-family: "Open Sans", Tahoma, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: 400;
border: 1px solid #c3c3c3;
background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAKCAMAAACkJQ88AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDY4NUI4OUE3QjNEMTFFNzg2RTNCQTJERTREQTZCQ0UiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDY4NUI4OUI3QjNEMTFFNzg2RTNCQTJERTREQTZCQ0UiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowNjg1Qjg5ODdCM0QxMUU3ODZFM0JBMkRFNERBNkJDRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowNjg1Qjg5OTdCM0QxMUU3ODZFM0JBMkRFNERBNkJDRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvlyxBwAAAAPUExURc7Ozuzs7MPDw////8rKyiuQhFUAAAAcSURBVHjaYmBkYAEiJiYGCAHmMgMBhMAiCxBgAAgSAFG4NyvEAAAAAElFTkSuQmCC") right 10px center no-repeat;
color: #888;
border-radius: 4px;
width: 100%;
-moz-appearance: window;
-webkit-appearance: none;
align-items: flex-start;
white-space: nowrap;
overflow: hidden;
}
select.selectbox ::-webkit-scrollbar {
display: none;
}
select.selectbox:hover {
border-color: #888;
}
select.selectbox.error {
border-color: #eb5a46;
}
select.selectbox.error + .select2-container .select2-selection {
border-color: #eb5a46;
}
select.selectbox[disabled] {
background-color: #ebebeb;
border-color: transparent;
}
select.selectbox option {
padding: 8px 0;
}
select.selectbox--inline {
width: auto;
}
select.selectbox--inline-width-auto + .select2-container {
width: auto !important;
}
select.selectbox--day {
width: 75px;
}
select.selectbox--day + .select2-container {
min-width: 75px;
}
select.selectbox--month {
width: 110px;
}
select.selectbox--month + .select2-container {
min-width: 110px;
}
select.selectbox--year {
width: 80px;
}
select.selectbox--year + .select2-container {
min-width: 80px;
}
select.hidden + .select2-container {
display: none;
}
select.selectbox--fullwidth + .select2 {
width: 100% !important;
}
.select2-container--default {
font-size: 14px;
font-weight: 400;
line-height: 1.2;
text-align: left;
}
.select2.select2-container--default {
max-width: 100%;
}
.select2-container--default .select2-selection {
border: 1px solid #c3c3c3;
border-radius: 4px !important;
transition: background-color 0.2s, border-color 0.2s;
}
.select2-container--default .select2-selection:hover {
border-color: #888;
}
.select2-container--focus .select2-selection,
.select2-container--open .select2-selection,
.select2-container--default.select2-container--focus .select2-selection--multiple {
border-color: #888;
}
.select2-container--disabled .select2-selection {
border-color: transparent;
background-color: #ebebeb;
cursor: default !important;
cursor: not-allowed !important;
}
.select2-container--disabled .select2-selection:hover {
border-color: transparent;
}
.select2-container .select2-selection {
min-height: 36px;
height: auto;
outline: none;
}
.select2-container--default .select2-selection .select2-selection__rendered {
color: #000;
line-height: 34px;
}
.select2-container .select2-selection .select2-selection__rendered {
padding-left: 18px;
padding-right: 20px;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
padding-left: 10px;
padding-bottom: 6px;
}
.select2-container--default .select2-selection .select2-selection__placeholder {
color: #888;
visibility: hidden;
display: none;
}
.select2-container--default .select2-selection--multiple {
cursor: pointer;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
text-indent: 0;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li:before {
display: none;
}
.select2-placeholder {
position: absolute;
top: 10px;
left: 15px;
padding-right: 20px;
max-width: 100%;
color: #888;
line-height: 16px;
pointer-events: none;
transition: all 0.1s;
}
.select2-placeholder__inner {
position: relative;
display: inline-block;
padding: 0 3px;
max-width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
z-index: 0;
}
.select2-placeholder__inner:before {
position: absolute;
top: 50%;
right: 0;
left: 0;
z-index: -1;
bottom: 0;
margin-top: -1px;
background-color: transparent;
border-radius: 0 0 3px 3px;
content: '';
}
.select2-container--placeholder-top .select2-placeholder,
.select2-container--filled .select2-placeholder {
top: -9px;
font-size: 12px;
color: #444;
}
.textfield-placeholder ~ .select2-container--filled .select2-placeholder {
opacity: 0;
}
.select2-container--disabled .select2-placeholder {
color: #888;
}
.select2-container--placeholder-top .select2-placeholder__inner:before,
.select2-container--filled .select2-placeholder__inner:before {
background-color: #fff;
}
/*
.select2-container--placeholder-always .select2-placeholder {
opacity: 1!important;
}*/
.select2-container--default .select2-selection {
position: relative;
}
.select2-container--default .select2-selection .select2-selection__arrow {
position: absolute;
top: 12px;
right: 10px;
height: 10px;
width: 4px;
}
.select2-container--default .select2-selection .select2-selection__arrow:before, .select2-container--default .select2-selection .select2-selection__arrow:after {
position: absolute;
right: 0;
left: 0;
padding-bottom: 100%;
border-radius: 100px;
background-color: #c3c3c3;
content: '';
transition: all 0.2s;
}
.select2-container--default .select2-selection .select2-selection__arrow:before {
top: 0;
}
.select2-container--default .select2-selection .select2-selection__arrow:after {
bottom: 0;
}
.select2-container--focus .select2-selection .select2-selection__arrow:before, .select2-container--focus .select2-selection .select2-selection__arrow:after,
.select2-container--open .select2-selection .select2-selection__arrow:before,
.select2-container--open .select2-selection .select2-selection__arrow:after {
background-color: #1d82ff;
}
.select2-container--disabled .select2-selection {
border-color: transparent;
background-color: #ebebeb;
cursor: default;
cursor: not-allowed;
}
.select2-container--disabled .select2-selection:hover {
border-color: transparent;
}
.select2-container--disabled .select2-selection .select2-selection__arrow:before, .select2-container--disabled .select2-selection .select2-selection__arrow:after {
background-color: #c3c3c3 !important;
}
.select2-container--disabled .select2-placeholder__inner:before {
background-color: transparent;
}
.select2-container--default .select2-selection .select2-selection__arrow b {
display: none;
}
.select2-container--default .select2-selection .select2-selection__clear {
position: absolute;
top: -1px;
right: 10px;
z-index: 1;
width: 42px;
height: 36px;
margin: 0;
cursor: pointer;
text-indent: -9999px;
user-select: none;
}
.select2-container--default .select2-selection .select2-selection__clear:before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: url("../img/icon-cross.png") center 12px no-repeat;
opacity: 0.5;
content: '';
transition: opacity 0.2s;
}
.select2-container--default .select2-selection .select2-selection__clear:hover:before {
opacity: 1;
}
.select2-container--default .select2-selection.select2-selection--with-clear .select2-selection__rendered {
padding-right: 45px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
position: relative;
background-color: rgba(29, 130, 255, 0.15);
border-color: transparent;
border-radius: 4px;
white-space: nowrap;
height: 26px;
line-height: 25px;
margin-right: 10px;
margin-top: 10px;
padding: 0 32px 0 9px;
overflow: hidden;
user-select: auto;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
position: absolute;
top: 0;
right: 0;
width: 28px;
height: 26px;
margin: 0;
cursor: pointer;
text-indent: -9999px;
user-select: none;
/*
&:after {
@include position(absolute, -500px -500px -500px -500px);
content: '';
}*/
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: url("../img/icon-cross.png") 6px 6px no-repeat;
opacity: 0.5;
content: '';
transition: opacity 0.2s;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:hover:before {
opacity: 1;
}
.select2-container .select2-selection--multiple.select2-selection--notags {
cursor: pointer;
}
.select2-container .select2-selection--multiple.select2-selection--notags .select2-selection__rendered {
display: block;
padding-left: 18px;
padding-bottom: 0;
}
.select2-container--default .select2-selection--multiple.select2-selection--notags .select2-selection__choice {
background-color: transparent;
white-space: nowrap;
float: none;
height: auto;
line-height: 1.2;
margin-right: 0;
border: none;
margin-top: 0;
padding: 0;
overflow: hidden;
display: inline;
cursor: pointer;
}
.select2-container--default .select2-selection--multiple.select2-selection--notags .select2-selection__choice:before {
display: none;
background: none;
position: static;
margin: 0;
padding: 0;
border-radius: 0;
content: ",\00a0";
}
.select2-container--default .select2-selection--multiple.select2-selection--notags .select2-selection__choice + .select2-selection__choice:before {
display: inline;
}
.select2-container--default .select2-selection--multiple.select2-selection--notags .select2-selection__choice .select2-selection__choice__remove {
display: none;
}
.select2-search--inline {
display: none;
}
.select2-dropdown {
border: none;
border-radius: 4px !important;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
margin-top: -10px;
}
.select2-dropdown--below {
margin-top: 10px;
}
.select2-search--dropdown {
padding: 15px 15px 0;
}
.select2-search--dropdown .select2-search__field {
padding: 8px 18px;
border-color: #c3c3c3;
padding-right: 35px;
}
.select2-search--dropdown .select2-search__field:focus::-webkit-input-placeholder {
opacity: 0;
}
.select2-search--dropdown .select2-search__field:focus::-moz-placeholder {
opacity: 0;
}
.select2-search--dropdown .select2-search__field:focus:-moz-placeholder {
opacity: 0;
}
.select2-search--dropdown .select2-search__field:focus:-ms-input-placeholder {
opacity: 0;
}
.select2-container--default .select2-results {
padding: 15px;
}
.select2-results .select2-results__options--scrollbar {
padding-right: 5px;
margin-right: -10px;
margin-top: -5px;
margin-bottom: -5px;
padding-top: 5px;
padding-bottom: 5px;
}
.select2-results ::-webkit-scrollbar:vertical {
width: 5px;
}
.select2-results ::-webkit-scrollbar-track {
border: none;
}
.select2-results ::-webkit-scrollbar-thumb {
border: none;
}
.select2-container--default .select2-results > .select2-results__options {
overflow-x: hidden;
}
.select2-container--default .select2-results__option {
padding: 7px 15px;
line-height: 1.2;
border-radius: 4px;
text-indent: 0;
margin-top: 0;
transition: background-color 0.2s, color 0.2s;
}
.select2-container--default .select2-results__option.option-level-2 {
padding-left: 30px;
}
.select2-container--default .select2-results__option:before {
display: none;
}
.select2-container--default .select2-results__option.select2-results__message {
cursor: default;
background-color: rgba(196, 201, 204, 0.25);
}
.select2-container--default .select2-results__option[aria-disabled=true] {
color: #888;
cursor: default;
cursor: not-allowed;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: rgba(196, 201, 204, 0.25);
color: #000;
}
.select2-container--default .select2-results__option[aria-selected=true] {
background-color: rgba(29, 130, 255, 0.15);
}
.select2-container--default [aria-multiselectable="true"] .select2-results__option[aria-selected=true] {
position: absolute;
left: -9999px;
}
.select2-container--default .select2-dropdown--notags [aria-multiselectable="true"] .select2-results__option {
padding-left: 35px;
}
.select2-container--default .select2-dropdown--notags [aria-multiselectable="true"] .select2-results__option.option-level-2 {
padding-left: 50px;
}
.select2-container--default .select2-dropdown--notags [aria-multiselectable="true"] .select2-results__option.option-level-2:before {
left: 26px;
}
.select2-container--default .select2-dropdown--notags [aria-multiselectable="true"] .select2-results__option:before {
display: block;
position: absolute;
top: 11px;
left: 11px;
width: 11px;
height: 8px;
border-radius: 0;
background: url("../img/checkbox-tick.svg") center center no-repeat;
background-size: contain;
content: '';
visibility: hidden;
}
.select2-container--default .select2-dropdown--notags [aria-multiselectable="true"] .select2-results__message {
padding-left: 20px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected=true] {
background-color: rgba(29, 130, 255, 0.15);
}
.select2-container--default .select2-dropdown--notags [aria-multiselectable="true"] .select2-results__option[aria-selected=true] {
position: relative;
left: auto;
background-color: transparent;
}
.select2-container--default .select2-dropdown--notags [aria-multiselectable="true"] .select2-results__option[aria-selected=true]:before {
visibility: visible;
}
.select2-container--default .select2-dropdown--notags .select2-results__option--highlighted[aria-selected] {
background-color: rgba(29, 130, 255, 0.15);
}
.select2-container--default .select2-dropdown--notags [aria-multiselectable="true"] .select2-results__option--highlighted[aria-selected=true] {
background-color: rgba(29, 130, 255, 0.15);
}
select.selectbox--small {
height: 28px;
line-height: 28px;
font-size: 13px;
}
.selectbox--small + .select2-container {
font-size: 13px;
}
.selectbox--small + .select2-container .select2-selection {
min-height: 28px;
}
.selectbox--small + .select2-container--default .select2-selection .select2-selection__rendered {
line-height: 25px;
padding-top: 1px;
}
.selectbox--small + .select2-container--default .select2-placeholder {
top: 6px;
}
.selectbox--small + .select2-container--placeholder-top .select2-placeholder,
.selectbox--small + .select2-container--filled .select2-placeholder {
top: -8px;
font-size: 11px;
}
.selectbox--small + .select2-container--default .select2-selection .select2-selection__arrow {
top: 8px;
}
.selectbox--small + .select2-container--default .select2-selection .select2-selection__clear {
height: 28px;
}
.selectbox--small + .select2-container--default .select2-selection .select2-selection__clear:before {
background-position: center 8px;
}
.select2-container--tags-destination .select2-selection__arrow {
display: none;
}
.select2-container--tags-destination .select2-selection {
cursor: default;
border-color: #c3c3c3 !important;
}
.select2-container--tags-destination .select2-selection:hover {
border-color: #c3c3c3 !important;
}
.select2-container--tags-destination .select2-selection .select2-selection__rendered {
padding-right: 10px;
}
.select2-container--tags-destination + .select2-container--tags-destination {
display: none !important;
}
.selectbox-tags__source {
position: relative;
margin-bottom: 20px;
}
.selectbox-tags__source .select2-container + .select2-container {
position: relative !important;
top: auto !important;
bottom: auto !important;
left: auto !important;
right: auto !important;
margin-top: 10px;
}
.selectbox-tags__source .select2-container + .select2-container .select2-dropdown {
position: relative !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
z-index: auto;
}
body > .select2-container--in-fancybox,
.wrap > .select2-container--in-fancybox {
z-index: 99995;
}
.select2-container--dropdown {
z-index: 1051;
}
.select2-container--in-fancybox {
max-width: 410px;
}
.select2-container--dropdown-nowrap .select2-results__option {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/*
Dropdowns
*/
.tooltip.tooltip-popover {
cursor: pointer;
}
.tooltipster-popover.tooltipster-sidetip .tooltipster-box {
border-radius: 3px;
border: 1px solid transparent;
margin: 10px;
background-color: #fff;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
}
.tooltipster-popover.tooltipster-sidetip.tooltipster-bottom .tooltipster-box, .tooltipster-popover.tooltipster-sidetip.tooltipster-top .tooltipster-box {
margin: 10px 0;
}
.tooltipster-popover.tooltipster-sidetip .tooltipster-content {
padding: 14px;
font-size: 14px;
font-weight: 400;
line-height: 1.2;
color: #000;
}
.tooltipster-popover.tooltipster-sidetip .tooltipster-arrow {
display: none;
}
.tooltip-popover-for-mobiles.tooltipster-sidetip {
max-height: 350px;
max-height: calc(100% - 50px - 20px);
-webkit-overflow-scrolling: touch;
}
@media (max-width: 1023px) {
.tooltip-popover-for-mobiles.tooltipster-sidetip {
max-height: calc(100% - 41px - 15px);
}
}
.tooltip-popover-for-mobiles.tooltipster-sidetip .tooltipster-box {
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.dropdown-selection {
position: relative;
display: inline-block;
max-width: 100%;
font-size: 14px;
font-weight: 400;
line-height: 1.2;
margin-left: 15px;
text-decoration: none;
border: none;
cursor: pointer;
}
.dropdown-selection:first-child {
margin-left: 0;
}
.dropdown-selection-box {
width: 20px;
text-align: center;
margin-top: 15px;
}
.dropdown-selection-box:first-child {
margin-top: 0;
}
.dropdown-selection.tooltip-disabled {
cursor: default !important;
cursor: not-allowed !important;
}
.dropdown-selection__rendered {
position: relative;
display: inline-block;
vertical-align: middle;
max-width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
padding-left: 18px;
height: 16px;
line-height: 16px;
}
.dropdown-selection__rendered:empty {
padding-left: 4px;
overflow: visible;
}
.dropdown-selection__rendered:empty:before {
position: absolute;
top: -8px;
right: -10px;
bottom: -8px;
left: -10px;
content: "";
}
.dropdown-selection__arrow {
position: absolute;
top: 50%;
left: 0;
margin-top: -2px;
height: 4px;
width: 4px;
border-radius: 100px;
background-color: #c3c3c3;
transition: all 0.2s;
}
.dropdown-selection__arrow:before, .dropdown-selection__arrow:after {
position: absolute;
right: 0;
left: 0;
padding-bottom: 100%;
border-radius: 100px;
background-color: #c3c3c3;
content: '';
transition: all 0.2s;
}
.dropdown-selection__arrow:before {
bottom: 100%;
margin-bottom: 2px;
}
.dropdown-selection__arrow:after {
top: 100%;
margin-top: 2px;
}
.dropdown-selection:hover .dropdown-selection__arrow {
background-color: #888;
}
.dropdown-selection:hover .dropdown-selection__arrow:before, .dropdown-selection:hover .dropdown-selection__arrow:after {
background-color: #888;
}
.tooltip-active .dropdown-selection__arrow {
background-color: #1d82ff !important;
}
.tooltip-active .dropdown-selection__arrow:before, .tooltip-active .dropdown-selection__arrow:after {
background-color: #1d82ff !important;
}
.tooltip-disabled .dropdown-selection__arrow {
background-color: #c3c3c3 !important;
}
.tooltip-disabled .dropdown-selection__arrow:before, .tooltip-disabled .dropdown-selection__arrow:after {
background-color: #c3c3c3 !important;
}
.dropdown-selection--active .dropdown-selection__arrow {
background-color: #1d82ff !important;
}
.dropdown-selection--active .dropdown-selection__arrow:before, .dropdown-selection--active .dropdown-selection__arrow:after {
background-color: #1d82ff !important;
}
/*
Menu Lists
*/
.menu-list-li-bg-grey a {
background-color: #f8f8f8;
}
.menu-list {
font-size: 14px;
font-weight: 400;
line-height: 1.5;
border-radius: 4px;
background-color: #fff;
}
.menu-list li {
margin-top: 2px;
}
.menu-list li:first-child {
margin-top: 0;
}
.menu-list li:before {
display: none;
}
.menu-list li.disabled a {
color: #888;
background-color: transparent;
cursor: default;
cursor: not-allowed;
pointer-events: none;
z-index: -1;
}
.menu-list li.active a {
background-color: rgba(29, 130, 255, 0.15);
}
.menu-list a {
display: block;
color: #000;
padding: 4px 10px 5px;
border-radius: 4px;
text-indent: 0;
margin-top: 0;
border: none;
transition: background-color 0.2s, color 0.2s;
}
@media (max-width: 479px) {
.menu-list a {
padding-left: 10px;
padding-right: 10px;
}
}
.menu-list a:hover {
background-color: rgba(29, 130, 255, 0.15);
}
.menu-list a:active {
background-color: rgba(29, 130, 255, 0.25);
}
.menu-list a.disabled {
color: #888;
cursor: default;
cursor: not-allowed;
background-color: #fff;
}
.menu-list--btns a {
text-decoration: none;
color: #000;
}
.menu-list--btns a:hover {
color: #000;
}
.menu-list--btns a:active {
color: #000;
}
.menu-list--inline ul {
margin-top: -2px;
margin-right: -2px;
}
.menu-list--inline li {
display: inline-block;
vertical-align: top;
margin-top: 2px;
margin-right: 2px;
}
.menu-list--nolink a {
text-decoration: none;
color: #000;
}
.menu-list--nolink a:hover {
color: #000;
}
.menu-list--nolink a:active {
color: #000;
}
.menu-list--nolink a .link {
color: inherit;
transition: none;
}
.menu-list--nolink a .link--dashed:before {
transition: none;
}
.menu-list--nohover a {
background-color: transparent;
}
.menu-list--nohover a:hover {
background-color: transparent;
}
.menu-list--nohover a:active {
background-color: transparent;
}
.menu-list--hover-color a:hover {
color: #1d82ff;
}
.menu-list--hover-color a:active {
color: #1d82ff;
}
.menu-list--on-map {
max-height: 90vh;
max-height: calc(100vh - 100px - 28px);
overflow-x: hidden;
overflow-y: auto;
}
@media (max-width: 1023px) {
.menu-list--on-map {
max-height: calc(100vh - 100px - 28px - 85px);
}
}
@media (max-width: 767px) {
.menu-list--on-map {
max-height: calc(100vh - 100px - 28px - 55px);
}
}
@media (max-width: 359px) {
.menu-list--on-map {
max-width: 230px;
}
}
.menu-list i {
display: inline-block;
vertical-align: middle;
text-align: center;
min-width: 20px;
top: -1px;
margin: -5px 10px -5px 0;
}
/*
Loaders
*/
.fa-spin-2x {
animation-duration: 0.9s;
}
.show-more {
position: relative;
}
.show-more .fa-spin {
position: absolute;
right: -27px;
top: 4px;
color: #aaa;
display: none;
}
.loading > .show-more .fa-spin {
display: block;
}
.loader {
text-indent: 0;
}
.loader svg {
max-width: 100%;
max-height: 100%;
}
/*
Page Progressbar Loader
*/
/* This is a compiled file, you should be editing the file in the templates directory */
.pace {
pointer-events: none;
user-select: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 10000;
transform: translate3d(0, -50px, 0);
transition: transform .5s ease-out;
}
.pace.pace-active {
transform: translate3d(0, 0, 0);
}
.pace .pace-progress {
display: block;
position: fixed;
z-index: 2000;
top: 0;
right: 100%;
width: 100%;
height: 3px;
background: rgba(10, 166, 232, 0.75);
pointer-events: none;
}
.turbolinks-progress-bar {
height: 3px;
background: rgba(10, 166, 232, 0.75);
}
/*
Tabs
*/
.tabs {
position: relative;
border-bottom: 1px solid #e5e5e5;
margin-top: 20px;
overflow: hidden;
}
.tabs:first-child {
margin-top: 0;
}
.tabs ul {
display: table;
width: 100%;
height: 100%;
font-size: 0;
}
.tabs li {
position: relative;
display: table-cell;
vertical-align: bottom;
height: 100%;
font-size: 14px;
}
.tabs li.active a {
color: #000;
cursor: default;
}
.tabs li.active a:before {
background-color: #1d82ff;
}
.tabs li.active a:hover:before {
background-color: #1d82ff;
}
.tabs li.disabled {
cursor: default;
cursor: not-allowed;
}
.tabs li.disabled:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
display: block;
content: "";
}
.tabs li.disabled a {
color: #888;
}
.tabs .tabs__pointer + ul li.active a:before {
background-color: transparent;
}
.tabs .tabs__pointer + ul li.active a:hover:before {
background-color: transparent;
}
.tabs a {
position: relative;
display: inline-block;
width: 100%;
padding: 8px 10px;
color: #888;
border: none;
text-align: center;
text-decoration: none;
}
.tabs a:before {
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 2px;
background-color: transparent;
content: '';
transition: all 0.2s;
}
.tabs a:hover {
color: #000;
}
.tabs a:hover:before {
background-color: rgba(196, 201, 204, 0.5);
}
.tabs__scroll {
position: relative;
font-size: 0;
white-space: nowrap;
margin-bottom: -20px;
padding-bottom: 20px;
overflow-y: hidden;
overflow-x: hidden;
}
.touchevents .tabs__scroll {
overflow-x: auto;
}
.touchevents .tabs__scroll::-webkit-scrollbar {
display: none;
}
.tabs__scroll-inner {
position: relative;
display: inline-block;
min-width: 100%;
vertical-align: top;
font-size: 14px;
}
.tabs__inner {
position: relative;
}
.tabs__inner:before {
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 30px;
background-image: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
content: "";
z-index: 2;
pointer-events: none;
}
.tabs__inner:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 30px;
background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #fff);
content: "";
z-index: 2;
pointer-events: none;
}
.tabs__inner.scroll-in-start:before {
opacity: 0;
visibility: hidden;
}
.tabs__inner.scroll-in-end:after {
opacity: 0;
visibility: hidden;
}
.tabs__pointer {
position: absolute;
bottom: 0;
left: 0;
transition: all 0.2s;
}
.tabs__pointer:before {
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 2px;
background-color: #1d82ff;
content: '';
opacity: 0;
visibility: hidden;
transition: opacity 0.2s, visibility 0s 0.2s;
}
.tabs__pointer.active:before {
opacity: 1;
visibility: visible;
transition-delay: 0s;
}
.tabs--equals ul {
table-layout: fixed;
}
.tabs--inline ul {
display: block;
}
.tabs--inline li {
display: inline-block;
}
.tabs--flex ul {
display: flex;
flex-wrap: nowrap;
}
.tabs-item-end {
margin-left: auto;
}
.tabs--w-h2 {
margin-top: 40px;
}
.tabs--w-h2:first-child {
margin-top: 0;
}
@media (max-width: 767px) {
.tabs--w-h2 h2, .tabs--w-h2 .h2 {
font-size: 18px;
}
}
.tabs--w-h2 a {
padding-top: 5px;
padding-bottom: 5px;
}
.tab-panes {
position: relative;
margin-top: 25px;
}
.tab-panes:first-child {
margin-top: 0;
}
.tab-pane {
position: absolute;
top: -99999px;
}
.tab-pane.active {
position: relative;
top: 0;
}
.tab-pane--smoothly {
top: 0;
left: 0;
right: 0;
opacity: 0;
visibility: hidden;
z-index: 0;
transition: opacity 0.2s, visibility 0s 0.2s, z-index 0s 0.2s;
}
.tab-pane--smoothly.active {
opacity: 1;
visibility: visible;
z-index: 1;
transition-delay: 0s;
}
/*
Pager (including for JS dataTables plugin)
*/
.pager {
font-size: 0;
color: #222;
margin-top: 50px;
}
.pager:first-child {
margin-top: 0;
}
.pager__item {
display: inline-block;
vertical-align: top;
font-size: 14px;
font-weight: 400;
padding: 0 10px;
min-width: 44px;
height: 36px;
line-height: 35px;
color: #888;
border: 1px solid #c3c3c3;
margin: 0 0 0 -1px;
text-align: center;
cursor: pointer;
}
@media (max-width: 767px) {
.pager__item {
padding-left: 5px;
padding-right: 5px;
min-width: 40px;
}
}
.pager__item:first-child {
border-radius: 4px 0 0 4px;
}
.pager__item:last-child {
border-radius: 0 4px 4px 0;
}
.pager__item.active, .pager__item.current {
background-color: rgba(29, 130, 255, 0.15);
color: #000;
cursor: default;
pointer-events: none;
}
.pager__item.active:hover, .pager__item.current:hover {
color: #000;
}
.pager__item a {
text-decoration: none;
}
.pager__item--prev,
.pager__item--next {
font-family: Arial, sans-serif;
}
.pager__item {
cursor: default;
}
a.pager__item {
color: #888;
text-decoration: none;
cursor: pointer;
}
a.pager__item:hover {
color: #000;
background-color: rgba(204, 204, 204, 0.25);
border-color: #c3c3c3;
}
.pager-wrapper {
margin-top: 50px;
}
.pager-wrapper:after {
content: "";
display: table;
clear: both;
}
.pager-wrapper:first-child {
margin-top: 0;
}
.pager-opposite {
float: left;
color: #666;
padding: 8px 0 0;
}
.pager-opposite + .pager {
float: right;
margin-top: 0;
}
/*
Maps
*/
[class^=ymaps][class$=-copyright],
[class^=ymaps][class$=copyright_logo_no],
[class^=ymaps][class*=-copyright],
[class^=ymaps][class*=copyright_logo_no] {
display: none;
}
[class^=ymaps][class$=map-lang-ru] {
background: transparent;
}
a[href^="http://maps.google.com/maps"] {
display: none !important;
}
a[href^="https://maps.google.com/maps"] {
display: none !important;
}
.gmnoprint a, .gmnoprint span, .gm-style-cc {
display: none;
}
.gmnoprint div {
background: none !important;
}
.map-container {
position: relative;
margin-top: 15px;
}
.map-container:first-child {
margin-top: 0;
}
.map-wrapper {
position: relative;
z-index: 0;
margin-top: 15px;
}
.map-wrapper:first-child {
margin-top: 0;
}
.map-wrapper--fullheight {
margin: 0 -40px;
margin-top: -40px;
}
@media (max-width: 1259px) {
.map-wrapper--fullheight {
margin-left: -20px;
margin-right: -20px;
margin-top: -25px;
}
}
@media (max-width: 1023px) {
.map-wrapper--fullheight {
height: calc(100vh - 85px);
}
}
@media (max-width: 479px) {
.map-wrapper--fullheight {
height: calc(100vh - 55px);
}
}
.map-wrapper--fullheight:first-child {
margin-top: -40px;
}
@media (max-width: 1259px) {
.map-wrapper--fullheight:first-child {
margin-top: -25px;
}
}
.map-wrapper--fullheight:last-child {
margin-bottom: -40px;
}
@media (max-width: 1259px) {
.map-wrapper--fullheight:last-child {
margin-bottom: -25px;
}
}
.map-wrapper--fullheight .map {
height: 500px;
height: 100vh;
min-height: 280px;
}
.map-wrapper--fullheight .map > * {
height: 100% !important;
}
.map-wrapper--fullheight .map .map-controls {
height: auto !important;
}
.map-wrapper--homepage {
border-bottom: 1px solid #eee;
height: auto;
}
@media (max-width: 767px) {
.map-wrapper--homepage {
max-height: 510px;
min-height: 510px;
}
}
.map-wrapper--homepage:last-child {
border-bottom: none;
}
.map-wrapper--homepage .map {
height: 640px;
min-height: 360px;
}
@media (max-width: 1600px) {
.map-wrapper--homepage .map {
height: 560px;
}
}
@media (max-width: 767px) {
.map-wrapper--homepage .map {
height: 100vh;
max-height: 510px;
}
}
/*
.map-wrapper-after {
min-height: 100vh;
min-height: calc(100vh - 39px);
@media (max-width: $tablet) {
min-height: calc(100vh - 39px - 85px);
}
}*/
.map {
position: relative;
width: 100%;
height: 320px;
background: #eee url("../img/loader.svg") center center no-repeat;
background-size: 48px 48px;
margin-top: 15px;
}
.map:first-child {
margin-top: 0;
}
.map:before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 4;
opacity: 0;
visibility: hidden;
content: "";
transition: opacity 0.2s, visibility 0s 0.2s;
}
.map.hovered-once .map-control--expand {
animation: mapControlPulse 0.6s 2;
}
@keyframes mapControlPulse {
0% {
transform: scale(1);
}
50% {
transform: scale(1.2);
}
100% {
transform: scale(1);
}
}
.no-svg .map {
background-image: url("../img/loader.gif");
}
.map--rounded {
border-radius: 5px;
overflow: hidden;
-webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
}
.map--greyscale [class$='-ground-pane'] {
-webkit-filter: grayscale(85%) hue-rotate(150deg);
filter: grayscale(85%) hue-rotate(150deg);
}
.map--absolute {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: auto;
height: auto;
}
.map--cropped {
overflow: hidden;
}
.map--no-map {
background-color: #f2f2f2;
background-image: none;
}
.no-map {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: center center no-repeat;
background-size: contain;
background-image: url("../img/bg-map-world.png");
opacity: 0.04;
}
/*
.map [class$='-balloon'],
.map [class*='-balloon '] {
visibility: hidden;
&.balloon-bottom {
visibility: visible;
}
}*/
.map [class$='-balloon__close-button'] {
margin-right: 0;
height: 32px;
}
.map [class$='-balloon__content'] {
min-height: 10px;
}
.map [class$='-balloon__content'] > * {
height: auto !important;
}
.map [class$='-balloon__tail'] {
position: absolute;
bottom: 100%;
margin-bottom: -25px;
}
.map-controls {
opacity: 0;
visibility: hidden;
transition: all 0.2s, visibility 0s 0.2s;
}
.map-controls.active {
opacity: 1;
visibility: visible;
transition-delay: 0s;
}
.map-control {
position: absolute;
top: 50%;
right: 10px;
height: 30px;
width: 30px;
border-radius: 4px;
background-color: rgba(34, 34, 34, 0.85);
color: #fff;
font-size: 16px;
line-height: 30px;
text-align: center;
cursor: pointer;
transition: all 0.2s;
}
.map-control:hover {
background-color: #222;
}
.map-control:active {
transform: translateY(1px);
}
.map-control.tooltip-active {
background-color: #111;
}
.map-control.disabled {
background-color: rgba(34, 34, 34, 0.4);
color: rgba(255, 255, 255, 0.7);
}
.map-control.disabled:active {
transform: none;
}
.map-control__icon {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.map-control__icon i {
color: #fff;
transition: all 0.2s;
}
.map-control__tooltip {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.map-control.tooltip-active .map-control__tooltip {
display: none;
}
.map-control--vert {
position: relative;
top: auto;
right: auto;
margin-top: 5px;
}
.map-control--vert:first-child {
margin-top: 0;
}
.map-control--horz {
position: relative;
top: auto;
right: auto;
display: inline-block;
vertical-align: top;
margin-left: 5px;
}
.map-control--horz:first-child {
margin-left: 0;
}
.map-control--zoom-in {
margin-top: -35px;
margin-top: -30px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.map-control--zoom-out {
margin-top: 5px;
margin-top: 1px;
border-top-left-radius: 0;
border-top-right-radius: 0;
font-size: 15px;
}
.map-control--zoom-out:before {
position: absolute;
top: -1px;
right: 0;
left: 0;
border-top: 1px solid rgba(34, 34, 34, 0.6);
content: '';
}
.map-control--find-me {
margin-top: 20px;
display: none;
}
.map-control--settings {
left: auto;
right: 50px;
top: 10px;
z-index: 1;
margin-top: 0;
}
.map-control--expand {
left: auto;
right: 10px;
top: 10px;
margin-top: 0;
z-index: 1;
/* .page-homepage &,
.page-region & {
display: none;
}*/
}
.map-control--expand .fa-compress {
position: absolute;
visibility: hidden;
}
.map-expanded .map-control--expand {
background-color: #111;
}
.map-expanded .map-control--expand .fa-expand {
position: absolute;
visibility: hidden;
}
.map-expanded .map-control--expand .fa-compress {
position: static;
visibility: visible;
}
.map-control--type {
left: 10px;
bottom: 10px;
right: auto;
top: auto;
margin-top: 0;
}
.map-control--type .fa {
top: 2px;
font-size: 22px;
visibility: hidden;
}
.map-control--type .map-control__icon {
font-size: 16px;
}
.map-control--region {
top: 10px;
margin-top: 0;
z-index: 1;
}
.map-control--search {
top: 10px;
margin-top: 0;
left: 10px;
right: auto;
display: none;
}
@media (max-width: 639px) {
.map-control--search {
display: block;
}
.map-expanded.map-expanded .map-control--search {
display: block;
}
}
.page-object .map-control--search {
display: none;
}
.map-search-active .map-control--search {
background-color: #111;
}
.map-search {
position: absolute;
top: 10px;
left: 10px;
width: 300px;
transition: all 0.2s;
}
@media (max-width: 639px) {
.map-search {
top: 50px;
right: 10px;
width: auto;
transform: translateX(-100%);
transform: translateX(-100vw);
visibility: hidden;
transition: all 0.2s, visibility 0s 0.2s;
}
}
.map-search .textfield-wrapper {
transition: all 0.2s;
}
.map-search .textfield-placeholder {
padding-left: 4px;
padding-right: 4px;
}
.map-search .textfield-placeholder:before {
margin-top: -8px;
border-radius: 4px 4px 0 0;
bottom: 7px;
}
.map-search-focused .map-search .autocomplete-suggestion {
white-space: normal;
}
.map-search-focused .map-search {
width: 100%;
}
@media (max-width: 639px) {
.map-search-focused .map-search {
width: auto;
}
}
.map-search-focused .map-search .textfield-wrapper {
margin-right: 100px;
}
@media (max-width: 639px) {
.map-search-focused .map-search .textfield-wrapper {
margin-right: 0;
}
}
.map-search-active .map-search {
transform: translateX(0);
visibility: visible;
transition-delay: 0s;
}
.map-controls--trip {
position: absolute;
left: 10px;
top: 50%;
transform: translateY(-50%);
z-index: 1;
}
.map-control--chevron {
font-size: 14px;
}
.icon-google {
font-size: 17px;
color: #3174f1;
}
.icon-yandex {
font-size: 18px;
color: #ed1e24;
}
.icon-bing {
font-size: 17px;
color: #008272;
}
.icon-osm {
font-size: 17px;
color: #333;
}
.icon-serp-molot {
color: #e00;
font-size: 17px;
}
.icon-isobar {
color: #a40;
font-size: 19px;
}
.map-expanded.map-expanded {
overflow-y: hidden;
}
.page-object .map-ruler {
pointer-events: none;
right: 2px !important;
bottom: 12px !important;
}
.page-object .map-ruler [class*='float-button'] {
display: none;
}
.map-expanded.map-expanded .map-ruler {
pointer-events: auto;
right: 10px !important;
bottom: 11px !important;
}
.map-expanded.map-expanded .map-ruler [class*='float-button'] {
display: inline-block;
}
.page-object .map-search {
display: none;
/*
.textfield-wrapper {
margin-left: 60px;
@media (max-width: 639px) {
margin-left: 0;
}
}*/
}
.map-expanded.map-expanded .map-search {
display: block;
}
.page-object .map-control--region {
display: none;
}
.map-expanded.map-expanded .map-control--region {
display: block;
}
.map-control--scroll-down {
background-color: rgba(29, 130, 255, 0.75);
right: auto;
left: 50%;
margin-left: -15px;
top: auto;
bottom: 35px;
font-size: 28px;
line-height: 24px;
display: none;
animation: pulseMapControlBlue 1s 5;
}
.map-control--scroll-down .icon-chevron-double-down {
display: inline-block;
vertical-align: middle;
line-height: 1;
font-size: 16px;
}
.map-control--scroll-down:hover {
background-color: #1d82ff;
}
.map-control--scroll-down.disabled {
background-color: rgba(29, 130, 255, 0.5);
}
.map-wrapper--fullheight .map-control--scroll-down {
display: block;
}
@keyframes pulseMapControlBlue {
0% {
box-shadow: 0 0 0 0 rgba(29, 130, 255, 0.4);
background-color: #1d82ff;
}
70% {
box-shadow: 0 0 0 15px rgba(29, 130, 255, 0);
background-color: rgba(29, 130, 255, 0.75);
}
100% {
box-shadow: 0 0 0 0 rgba(29, 130, 255, 0);
background-color: rgba(29, 130, 255, 0.75);
}
}
.object-marker {
font-size: 32px;
transform-origin: 50% 100%;
transition: all 0.3s;
}
.object-marker--cluster {
position: absolute;
top: -0.5em;
left: -0.5em;
height: 1em;
width: 1em;
border-radius: 50%;
background-color: #fff;
box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.3);
}
.object-marker--cluster .object-marker__bg {
display: none;
}
.object-marker--pin {
position: absolute;
top: -1em;
left: -0.375em;
height: 1em;
width: 0.75em;
/*
&:after {
@include position(absolute, 0 0 0 0);
z-index: 1;
background: url('../img/marker.svg') center center no-repeat;
background-size: contain;
content: '';
}*/
}
.object-marker--pin:before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 0;
background: center center no-repeat;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24.7 32'%3E%3Cpath d='M24.7,12.4C24.7,5.5,19.2,0,12.4,0S0,5.5,0,12.4S12.4,32,12.4,32S24.7,19.2,24.7,12.4z' fill='%23000000'/%3E%3C/svg%3E%0A");
background-size: contain;
opacity: 0.4;
transform: skew(-35deg) scaleY(0.4) scaleX(0.8);
transform-origin: 50% 100%;
content: '';
}
.object-marker--pin-large {
font-size: 42px;
}
.object-marker--pulsate {
transform-origin: 50% 100%;
animation: mapControlPulse 0.6s 2;
}
.object-marker--type-4 {
top: -0.25em;
left: -0.25em;
height: 0.5em;
width: 0.5em;
border-radius: 50%;
background-color: #c5e3fd;
box-shadow: inset 0px 0px 0 1px #8fc1ec, 0 0 4px 1px rgba(17, 72, 119, 0.4);
transform-origin: 50% 50%;
}
.object-marker--type-4:before {
display: none;
}
.object-marker--type-4 .object-marker__bg {
display: none;
}
.object-marker--type-4 .object-marker__icon {
display: none;
}
.object-marker--area-4 {
font-size: 16px;
}
.object-marker--area-8 {
font-size: 32px;
}
.object-marker--area-12 {
font-size: 48px;
}
.object-marker--area-16 {
font-size: 64px;
}
.object-marker--accuracy {
position: absolute;
top: 0;
left: 0;
height: 0;
width: 0;
border-radius: 50%;
background-color: rgba(29, 130, 255, 0.3);
border: 1px solid rgba(29, 130, 255, 0.5);
opacity: 0;
transform: scale(0);
transition: all 0.2s;
animation: pulseMarker 1s infinite;
}
.object-marker--accuracy.active {
opacity: 1;
transform: scale(1);
}
.object-marker__cluster-name {
position: relative;
z-index: 2;
line-height: 34px;
text-align: center;
font-size: 12px;
}
.object-marker__cluster-name--length-4 {
font-size: 11px;
}
.object-marker__cluster-name--length-5 {
font-size: 10px;
line-height: 32px;
}
.object-marker__bg {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
line-height: 1;
z-index: 1;
background: center center no-repeat;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 77.5'%3E%3Cpath d='M30.1,77.5L29,76.4C27.9,75.2,0,46.5,0,30.1C0,13.5,13.5,0,30.1,0C46.6,0,60,13.5,60,30.1 c0,16.1-27.6,45-28.8,46.3L30.1,77.5z' fill='%23fff'/%3E%3C/svg%3E%0A");
background-size: contain;
content: '';
transition: all 0.2s;
}
.object-marker.hover .object-marker__bg {
filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.6));
}
.object-marker.active {
transform: scale(1.4);
transition: all 0.4s cubic-bezier(0.415, 0.835, 0.46, 1.9);
}
.object-marker.active .object-marker__bg {
filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.6));
}
.object-marker--pin-active .object-marker__bg {
filter: sepia(1) saturate(10000%) hue-rotate(305deg) brightness(1.3);
}
.object-marker--pin-active.hover .object-marker__bg {
filter: sepia(1) saturate(10000%) hue-rotate(305deg) brightness(1.3) drop-shadow(0 1px 3px rgba(0, 0, 0, 0.6));
}
.object-marker--pin-active.active .object-marker__bg {
filter: sepia(1) saturate(10000%) hue-rotate(305deg) brightness(1.3) drop-shadow(0 1px 3px rgba(0, 0, 0, 0.6));
}
.object-marker__icon {
position: absolute;
top: 0;
left: 50%;
z-index: 2;
height: 0.75em;
width: 0.75em;
background: center center no-repeat;
background-size: contain;
margin-left: -0.375em;
}
.object-marker--rocks .object-marker__icon,
.object-marker--type-1 .object-marker__icon {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 23.4'%3E%3Cpolygon points='23.6,6.4 21.2,11.1 15.7,0 7.8,15.8 5.8,11.8 0,23.4 4,23.4 11.6,23.4 15.1,23.4 27.3,23.4 32,23.4 '/%3E%3C/svg%3E%0A");
background-size: 70% auto;
}
.object-marker--type-2 .object-marker__icon {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 35.5 35'%3E%3Cpolygon points='0,7 2,4 35.5,28.4 33.5,31.5 '/%3E%3Cpolygon points='8.9,33 22.1,0 25.9,2 12.7,35 '/%3E%3C/svg%3E%0A");
background-size: 50% auto;
}
.object-marker--type-3 .object-marker__icon {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 46.886 46.975'%3E%3Cpath id='Union_1' data-name='Union 1' d='M-296.257-390.5a2.006,2.006,0,0,1-2-2v-28.2q0-.047,0-.094l-2.7,1.894a1.931,1.931,0,0,1-2.7-.5,1.931,1.931,0,0,1,.5-2.7l21.5-15a1.8,1.8,0,0,1,2.2,0l21.5,15a1.931,1.931,0,0,1,.5,2.7,1.623,1.623,0,0,1-1.6.8,1.5,1.5,0,0,1-1.1-.4l-2.709-1.885q.009.092.009.186v28.2a2.006,2.006,0,0,1-2,2Zm2-3.9h27.5v-24.3h-27.5Zm28.784-28.3-15.085-10.5-14.978,10.5Z' transform='translate(304 437.475)'/%3E%3C/svg%3E%0A");
background-size: 50% auto;
}
.object-marker--type-5 .object-marker__icon {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='2.9 1.5 6.7 8.7'%3E%3Cpath d='M9.7,6.2c0-1.4-1.1-2.5-2.5-2.5c-1.4,0-2.5,1.1-2.5,2.5c0,1.2,0.8,2.2,1.9,2.4V7.5l-1-1.1l0.2-0.2l0.6,0.7v-2h0.2v2.3 l0.2,0.2l1.6-1.6l0.2,0.2L6.8,7.5v2.1H5V9c0.3-0.1,0.5-0.3,0.7-0.5C4.5,7.8,4,6.1,4.8,4.8C5.1,4.3,5.5,4,6,3.7 C5.7,2.9,5.3,2.2,4.7,1.5c0,0-2.2,2.6-1.7,5.7C3.1,8.1,3.8,8.8,4.4,9v0.5H3.5c-0.2,0-0.3,0.1-0.3,0.3c0,0.2,0.1,0.3,0.3,0.3h4.9 c0.2,0,0.3-0.1,0.3-0.3c0-0.2-0.1-0.3-0.3-0.3c0,0,0,0,0,0H7.5V8.7C8.7,8.5,9.7,7.5,9.7,6.2z'/%3E%3C/svg%3E%0A");
background-size: 54% auto;
}
.object-marker--camp .object-marker__icon {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 495.832 495.832'%3E%3Cpath d='M478.746,459.359h-16.113l-21.445-114.389c-6.252-33.233-21.35-64.156-43.746-89.492l-136.713-154.67V83.047 l91.156-23.182c1.939-0.485,3.264-2.196,3.264-4.159c0-1.978-1.324-3.681-3.246-4.173l-91.174-23.188V15.117 c0-7.072-5.734-12.813-12.822-12.813c-7.057,0-12.805,5.74-12.805,12.813v85.691L98.389,255.479 c-22.383,25.336-37.51,56.26-43.744,89.492L33.197,459.359H17.1c-9.447,0-17.1,7.653-17.1,17.085c0,9.43,7.652,17.083,17.1,17.083 h134.613h192.404h134.629c9.447,0,17.086-7.653,17.086-17.083C495.832,467.013,488.193,459.359,478.746,459.359z M151.713,459.359 v-52.781c0-10.617,2.711-21.059,7.863-30.336l75.525-135.855v218.973H151.713z M260.728,459.359V240.332l75.527,135.91 c5.164,9.277,7.861,19.719,7.861,30.336v52.781H260.728z'/%3E%3C/svg%3E%0A");
background-size: 50% auto;
}
.object-marker--water .object-marker__icon {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='1.6 1.4 299.5 208.1'%3E%3Cpath fill='%230994FF' d='M66.575 74.644c-18.88 0-38.494-5.148-58.109-18.879C1.111 50.616-.606 40.81 4.543 33.453c5.15-7.355 14.956-9.071 22.312-3.922 34.326 24.028 68.406 10.297 107.881-5.885 23.783-9.562 48.056-19.615 74.536-22.066 31.139-2.698 59.335 5.884 85.815 26.234 7.11 5.394 8.336 15.447 2.942 22.557-5.394 7.11-15.447 8.336-22.557 2.942-44.623-34.325-83.608-18.388-128.722 0-25.254 10.298-52.224 21.331-80.175 21.331zm0 67.426c-18.88 0-38.494-5.149-58.109-18.879-7.355-5.149-9.072-14.956-3.923-22.312 5.15-7.355 14.956-9.072 22.312-3.923 34.326 24.028 68.406 10.298 107.881-5.884 23.783-9.562 48.056-19.615 74.536-22.067 31.139-2.697 59.09 5.885 85.815 26.235 7.11 5.394 8.336 15.447 2.942 22.557-5.394 7.11-15.447 8.336-22.557 2.942-44.623-34.326-83.608-18.389-128.722 0-25.254 10.298-52.224 21.331-80.175 21.331zm0 67.426c-18.88 0-38.494-5.149-58.109-18.88-7.355-5.148-9.072-14.956-3.923-22.311 5.15-7.356 14.956-9.072 22.312-3.923 34.326 24.028 68.406 10.298 107.881-5.884 23.783-9.563 48.056-19.615 74.536-22.067 31.139-2.697 59.09 5.884 85.815 26.235 7.11 5.394 8.336 15.446 2.942 22.557-5.394 7.11-15.447 8.336-22.557 2.942-44.623-34.326-83.608-18.389-128.722 0-25.254 10.298-52.224 21.33-80.175 21.33z'/%3E%3C/svg%3E%0A");
background-size: 50% auto;
}
.object-marker--waterfall .object-marker__icon {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 192.3 192.7'%3E%3Cpath d='M90.2,19.2C81,18,72.4,16.9,63.5,15.8c0-4.7,0-9.8,0-15.4c18.8,0.1,36.5,3.7,53.6,13.8c-3.5,3.8-6.7,7.5-10.1,11 C88.8,43.9,75,65.3,69.8,91.2c-2.5,12.4-3.7,25-5.2,37.5c-0.4,3.6-1,5.9-5,7.2c-3.8,1.2-7.1,3.9-10.7,6c0,0.6,0,1.2,0,1.9 c5.4,2.1,10.8,4.2,16.6,6.4c-0.9,4.8-1.8,9.8-3.1,16.3c-8-3.3-15.6-5.7-22.4-9.6c-9.2-5.3-10.7-15.8-3.9-24 c2.8-3.4,6.9-5.7,10.2-8.6c1.4-1.3,2.5-3,3.1-5.1c-10.9,2.6-20.9,6.6-28.5,14.7c-6.4,6.8-6.9,14.1,0.2,20.2c6.2,5.3,13.4,10.3,21,13 c35.9,12.7,72.2,12.7,108.1,0.1c7.2-2.5,14-7,20-11.9c8.2-6.8,8-14.4,0.5-21.9c-9.5-9.6-22-13.4-34.6-16.8c-2.1-0.6-4.2-0.9-6.3-1.3 c-1.8,7-1.6,6.9,4.9,8.9c6,1.9,12.3,3.6,17.5,6.9c11.1,6.9,10.8,19.3-0.2,26.3c-10.4,6.7-22.3,8.4-34.3,9.8 c-6.9,0.9-13.9,1-21.2,1.4c0-5.7,0-10.7,0-16.1c15.4-0.8,30.9-1.5,46.1-8.3c-9.8-5.7-20.2-6-30.4-8c0-39.3,0.7-78.1,18.7-114.4 c4.8-9.7,11.2-16.1,21.9-18c3.9-0.7,7.8-2,11.7-2.4c6.3-0.7,12.6-0.9,19.3-1.4c0,5.6,0,10.6,0,16c-5,0.4-10.1,0.4-15.2,1.2 c-5.1,0.8-10.1,2-14.9,3.7c-2.4,0.9-4.8,3-6.1,5.2c-9.5,16.6-14,34.8-16.4,53.6c-0.6,5-0.8,10-1.5,14.9c-0.4,3,0.6,3.9,3.4,4.7 c11.1,3.4,22.4,6.5,32.9,11.2c6.6,3,12.8,8,17.8,13.3c11.5,12.2,11.1,28-0.1,40.5c-6.9,7.8-15.6,13.1-25.2,16.7 c-41.6,15.4-83.4,15.5-124.9-0.2c-8.2-3.1-16.1-8.3-22.6-14.3c-15.1-13.7-14.5-32.4,0.5-46.3c10.4-9.7,23.2-14.8,36.6-18.6 c2.5-0.7,3.9-1.5,4.4-4.3c5.2-28.6,17.1-54.1,36.5-75.9C89.4,21.2,89.5,20.7,90.2,19.2z M96.1,144c0.5-29,1.5-57.5,15.1-84 c-4.9-2.6-9.2-4.9-14-7.4C82,81.5,80.3,112.4,80.1,144C85.8,144,90.8,144,96.1,144z' fill='%230994FF'/%3E%3C/svg%3E%0A");
background-size: 50% auto;
}
.object-marker--spring .object-marker__icon {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4500 6140.6'%3E%3Cpath fill='%230994FF' d='M2250,0l-195.3,234.4c0,0-499.7,602.1-1007.8,1351.6c-254,374.7-515.5,783.9-710.9,1179.7S0,3539.9,0,3890.6 c0,1236.4,1013.6,2250,2250,2250s2250-1013.6,2250-2250c0-350.8-140.5-729.2-335.9-1125s-456.9-805-710.9-1179.7 C2945,836.5,2445.3,234.4,2445.3,234.4L2250,0z M2250,804.7c140.1,172.4,401.3,479,796.9,1062.5c246,362.8,484.5,761.4,664.1,1125 s289.1,699.2,289.1,898.4c0,963.6-786.4,1750-1750,1750s-1750-786.4-1750-1750c0-199.2,109.5-534.9,289.1-898.4 s418.1-762.2,664.1-1125C1848.7,1283.7,2109.9,977.1,2250,804.7z M1000,3890.6c0,686.4,563.6,1250,1250,1250v-500 c-413.6,0-750-336.4-750-750H1000z'/%3E%3C/svg%3E%0A");
background-size: 50% auto;
}
.object-marker--cave .object-marker__icon {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='34.3 180.7 512.2 241.1'%3E%3Cpath d='M34.7,408.1c2.4-5.5,32.4-47.9,66.8-94.2c49.3-66.4,74.6-89.5,120.1-109 c71.1-30.6,142.3-32.4,168.3-4.2c61.3,66.7,124.6,142.9,142.9,171.9c25.7,40.9,12.6,60.1-14.5,21.2c-10.7-15.3-40.6-51.9-66.6-81.3 c-111.1-125.9-111.4-126-214.6-82.1c-50.7,21.6-70.4,39.5-113.3,102.8c-28.5,42.1-61.2,78.4-72.6,80.7 C39.7,416.3,32.3,413.6,34.7,408.1z'/%3E%3Cpath d='M151,415.2c0-32.4,90.2-134.8,118.7-134.8c45.6,0,92.8,28.3,127.3,76.2 c20.3,28.3,36.9,54.5,36.9,58.3c0,3.8-63.6,6.9-141.4,6.9C214.6,421.8,151,418.8,151,415.2z'/%3E%3C/svg%3E%0A");
background-size: 60% auto;
background-position-y: 45%;
}
.object-marker--rocks .object-marker__icon {
background-size: 55% auto;
}
.object-marker__sticker {
position: absolute;
bottom: 100%;
left: 100%;
z-index: 2;
margin: 0 0 -14px -10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100px;
min-width: 16px;
height: 16px;
line-height: 15px;
padding: 0 2px;
text-align: center;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
background-color: #eee;
border-radius: 100px;
letter-spacing: -0.06em;
}
.object-marker--complexity-0 .object-marker__sticker {
background-color: #3bb44a;
}
.object-marker--complexity-1 .object-marker__sticker {
background-color: #8cc542;
}
.object-marker--complexity-2 .object-marker__sticker {
background-color: #dadf2a;
}
.object-marker--complexity-3 .object-marker__sticker {
background-color: #fcd704;
}
.object-marker--complexity-4 .object-marker__sticker {
background-color: #f59423;
}
.object-marker--complexity-5 .object-marker__sticker {
background-color: #ec1f26;
}
.object-marker--complexity-6 .object-marker__sticker {
background-color: #bf1e2d;
}
@keyframes pulseMarker {
0% {
box-shadow: 0 0 0 0 rgba(29, 130, 255, 0.4);
}
70% {
box-shadow: 0 0 0 15px rgba(29, 130, 255, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(29, 130, 255, 0);
}
}
.object-pmarker--pulsate {
transform-origin: 50% 100%;
animation: mapControlPulse 0.6s 2;
}
.object-pmarker__icon {
position: absolute;
top: 0;
left: 0;
z-index: 2;
height: 20px;
width: 20px;
margin: -10px 0 0 -10px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.9) center center no-repeat;
background-size: contain;
font-size: 12px;
line-height: 20px;
color: #000;
text-align: center;
transition: all 0.2s;
}
.object-pmarker__icon .icon {
vertical-align: -0.1em;
}
.object-pmarker--camp .object-pmarker__icon {
color: #7b0;
}
.object-pmarker--border-guard .object-pmarker__icon {
color: #656f1a;
}
.object-pmarker--water .object-pmarker__icon {
color: #0c8fbd;
}
.object-pmarker--water .object-pmarker__icon .icon {
vertical-align: -0.15em;
}
.object-pmarker--waterfall .object-pmarker__icon {
color: #0c8fbd;
}
.object-pmarker--waterfall .object-pmarker__icon .icon {
vertical-align: -0.15em;
}
.object-pmarker--drop .object-pmarker__icon {
color: #0c8fbd;
}
.object-pmarker__sticker {
position: absolute;
bottom: 100%;
left: 100%;
z-index: 2;
margin: 0 0 -14px -10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100px;
min-width: 16px;
height: 16px;
line-height: 15px;
padding: 0 2px;
text-align: center;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
background-color: #eee;
border-radius: 100px;
letter-spacing: -0.06em;
}
.map-balloon-link-over:before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: '';
}
.map-balloon-content {
font-family: "Open Sans", Tahoma, Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 1;
max-width: 480px;
}
@media (max-width: 767px) {
.map-balloon-content {
font-size: 13px;
max-width: 420px;
}
.map-balloon-content .font-smaller {
font-size: 85%;
}
}
@media (max-width: 479px) {
.map-balloon-content {
font-size: 12px;
max-width: 280px;
}
.map-balloon-content .font-smaller {
font-size: 92%;
}
}
.map-crosshair {
position: absolute;
top: 50%;
left: 50%;
height: 1px;
width: 11px;
margin-left: -5px;
background-color: #fff;
box-shadow: 0 0 0 1px #000;
pointer-events: none;
}
.page-object .map-crosshair {
display: none;
}
.map-expanded.map-expanded .map-crosshair {
display: block;
}
.map-crosshair:before {
position: absolute;
top: -5px;
left: 5px;
height: 11px;
width: 1px;
background-color: #fff;
box-shadow: 0 0 0 1px #000;
content: '';
}
.map-crosshair:after {
position: absolute;
top: 0;
left: 0;
height: 1px;
width: 11px;
background-color: #fff;
content: '';
}
.map-latlng {
position: absolute;
bottom: 10px;
left: 50%;
width: 130px;
margin-left: -65px;
text-align: center;
border-radius: 3px;
background: rgba(255, 255, 255, 0.75);
padding: 0 4px;
color: #333;
font: 11px/15px Verdana,Arial,sans-serif;
white-space: nowrap;
user-select: none;
cursor: pointer;
transition: all 0.2s;
}
.map-latlng:hover {
background: #fff;
}
.map-multitouch-required {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
padding: 20px;
font-size: 18px;
color: #fff;
background-color: rgba(0, 0, 0, 0.7);
opacity: 0;
pointer-events: none;
visibility: hidden;
transition: opacity 0.2s, visibility 0s 0.2s;
}
.multitouch-required .map-multitouch-required {
opacity: 1;
visibility: visible;
transition-delay: 0s;
}
.no-csspointerevents .map-multitouch-required {
display: none;
}
.map-expanded-container + .map,
.map-expanded-container + .map-wrapper {
display: none;
}
.map-expanded-container:first-child + .map-wrapper {
margin-top: 0;
}
.map-expanded-container + .map {
background-image: none;
}
.map-expanded-container + .map-wrapper .map {
background-image: none;
}
.map-expanded .map-expanded-container {
position: fixed;
right: 0;
bottom: 0;
width: auto;
left: 300px;
height: 100%;
margin: 0;
max-height: none;
min-height: 0;
z-index: 10;
/*
@media (min-width: 1920px) {
left: 50%;
margin-left: -960px;
}*/
}
@media (max-width: 1259px) {
.map-expanded .map-expanded-container {
left: 240px;
}
}
@media (max-width: 1023px) {
.map-expanded .map-expanded-container {
left: 0;
position: fixed;
height: auto;
top: 55px;
min-width: 320px;
}
}
.map-expanded .map-expanded-container .map {
height: 100%;
max-height: none;
}
.map-expanded .map-expanded-container + .map,
.map-expanded .map-expanded-container + .map-wrapper {
display: block;
}
/*
Panels
*/
.panel {
background-color: #fff;
padding: 30px 50px;
margin-top: 50px;
max-width: 400px;
width: 400px;
margin-left: auto;
margin-right: auto;
border-radius: 4px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}
.panel:first-child {
margin-top: 0;
}
.panel--compact {
padding-left: 35px;
padding-right: 35px;
max-width: 370px;
width: 370px;
}
.panel--tips {
max-width: 400px;
width: 400px;
}
.panel--feedback {
max-width: 480px;
width: 480px;
}
.panel--edit {
max-width: 480px;
width: 480px;
}
.panel--prompt {
max-width: 340px;
width: 340px;
}
.panel--prompt .panel__content {
padding-left: 10px;
padding-right: 10px;
}
.panel--image-objects {
max-width: 480px;
width: 480px;
}
@media (max-width: 414px) {
.panel--compact .btn {
min-width: 120px;
}
}
@media (max-width: 479px) {
.panel {
padding: 40px 15px 30px 15px;
width: 100%;
max-width: none;
margin-left: auto;
margin-right: auto;
box-shadow: none;
border-radius: 0;
}
}
.panel__logo {
text-align: center;
margin-top: -5px;
margin-bottom: 15px;
}
.panel__title {
font-size: 24px;
font-weight: 300;
line-height: 1.2;
text-align: center;
border-bottom: 1px solid #ccc;
padding: 0 0 10px;
}
.panel__title--noborder {
padding-bottom: 0;
border-bottom: none;
}
.panel__title--small {
font-size: 18px;
padding-top: 5px;
padding-bottom: 15px;
}
.panel__content {
margin-top: 30px;
}
.panel__content:first-child {
margin-top: 0;
}
.panel__content--ml {
margin-top: 15px;
}
.panel__footer {
margin-top: 45px;
font-size: 12px;
color: #999;
}
.panel__footer:first-child {
margin-top: 0;
}
/*
Sidebar Left
*/
.aside {
position: fixed;
top: 0;
bottom: 0;
left: 0;
width: 300px;
background-color: #f8f8f8;
z-index: 2;
/*
@media (min-width: 1920px) {
left: 50%;
margin-left: -960px;
}*/
}
@media (max-width: 1259px) {
.aside {
width: 240px;
}
}
@media (max-width: 1023px) {
.aside {
width: auto;
min-width: 320px;
right: 0;
bottom: auto;
height: 55px;
z-index: 10;
}
}
.aside:before {
position: absolute;
top: 0;
bottom: 0;
left: 100%;
width: 8px;
background-image: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.05) 70%, rgba(0, 0, 0, 0.1) 100%);
content: '';
pointer-events: none;
}
@media (max-width: 1023px) {
.aside:before {
top: 100%;
left: 0;
right: 0;
bottom: auto;
width: auto;
height: 8px;
z-index: 4;
background-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.05) 70%, rgba(0, 0, 0, 0.1) 100%);
}
.menu-overlay-active .aside:before, .aside.active .aside:before {
opacity: 0.9;
}
}
.aside__crop {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
}
@media (max-width: 1023px) {
.aside__crop {
bottom: auto;
overflow: visible;
}
}
.aside__scroll {
position: absolute;
top: 85px;
right: 0;
bottom: 0;
left: 0;
overflow-x: hidden;
overflow-y: auto;
transition: all 0.2s 0.06667s;
}
@media (max-width: 1023px) {
.w-loginbar .aside__scroll {
bottom: auto;
}
}
.w-loginbar.logged-in .aside__scroll {
bottom: 60px;
}
@media (max-width: 1023px) {
.w-loginbar.logged-in .aside__scroll {
bottom: auto;
}
}
@media (max-width: 1023px) {
.aside__scroll {
background-color: #f8f8f8;
overflow: visible;
bottom: auto;
z-index: -1;
visibility: hidden;
transform: translateY(-100%);
transition: all 0.2s, visibility 0s 0.2s, z-index 0s 0.2s;
}
.aside__scroll:before {
position: absolute;
top: 100%;
right: 0;
left: 0;
height: 8px;
background-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.05) 70%, rgba(0, 0, 0, 0.1) 100%);
content: '';
pointer-events: none;
z-index: 4;
}
}
@media (max-width: 1023px) {
.aside__scroll {
top: 55px;
}
}
.aside.active .aside__scroll {
transition: all 0.2s;
transform: translateX(100%);
}
@media (max-width: 1023px) {
.aside.active .aside__scroll {
transform: translateY(-100%);
}
}
@media (max-width: 1023px) {
.search-overlay-active .aside__scroll {
z-index: 3;
visibility: visible;
opacity: 1;
transform: translateY(0);
transition: all 0.2s 0.06667s, visibility 0s 0.06667s, z-index 0s 0.06667s;
}
}
.aside__inner {
padding: 20px;
}
@media (min-width: 1024px) {
.aside__inner {
padding-top: 0;
padding-bottom: 0;
}
}
@media (max-width: 1023px) {
.aside__inner {
max-height: calc(100vh - 55px);
overflow-x: hidden;
overflow-y: auto;
}
}
.aside .tab-panes {
margin-top: 20px;
}
.aside .tab-panes:first-child {
margin-top: 0;
}
@media (max-height: 700px) {
.aside .tab-panes {
margin-top: 15px;
}
}
@media (max-height: 700px) {
.aside .form__item {
margin-top: 15px;
}
.aside .form__item:first-child {
margin-top: 0;
}
}
/*
Brandbar
*/
.brandbar {
position: relative;
z-index: 4;
background-color: #f8f8f8;
padding: 20px;
height: 85px;
}
@media (max-width: 1023px) {
.brandbar {
padding-top: 10px;
padding-bottom: 10px;
height: 55px;
}
}
.brandbar__table {
display: table;
width: 100%;
}
.brandbar__cell {
display: table-cell;
vertical-align: middle;
text-align: center;
}
.brandbar__cell:first-child {
text-align: left;
}
.brandbar__cell:last-child {
text-align: right;
}
.logo {
position: relative;
display: inline-block;
height: 45px;
line-height: 43px;
max-width: 9em;
text-align: left;
padding-left: 55px;
font-size: 15px;
font-weight: 600;
letter-spacing: 0.02em;
text-transform: uppercase;
}
@media (max-width: 1023px) {
.logo {
height: 35px;
line-height: 33px;
padding-left: 45px;
font-size: 14px;
}
}
.logo:before {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 55px;
background: url("../img/logo.svg") left center no-repeat;
background-size: contain;
content: '';
}
.no-svg .logo:before {
background-image: url("/https://static.pereval.online/build/img/logo.png");
}
.logo__inner {
display: inline-block;
vertical-align: middle;
line-height: 1.2;
width: 100%;
}
.logo:hover {
color: #7b0;
}
.regions-switcher {
position: relative;
display: inline-block;
vertical-align: middle;
margin-left: 20px;
}
.regions-switcher:first-child {
margin-left: 0;
}
.regions-switcher i {
font-size: 18px;
}
.touchevents .regions-switcher:before {
position: absolute;
top: -6px;
right: -8px;
bottom: -6px;
left: -8px;
content: "";
}
.search-switcher {
position: relative;
display: inline-block;
vertical-align: middle;
margin-left: 20px;
cursor: pointer;
user-select: none;
}
.search-switcher:first-child {
margin-left: 0;
}
.search-switcher i {
font-size: 18px;
}
.touchevents .search-switcher:before {
position: absolute;
top: -6px;
right: -8px;
bottom: -6px;
left: -8px;
content: "";
}
.search-switcher:after {
position: absolute;
top: 50%;
left: 50%;
margin: -11px 0 0 9px;
height: 6px;
width: 6px;
border-radius: 50%;
content: '';
}
.page-search .search-switcher:after {
background-color: #eb5a46;
}
/*
Login Bar
*/
.loginbar {
position: absolute;
right: 0;
bottom: 0;
left: 0;
padding: 20px;
}
.menu-overlay .loginbar {
position: relative;
padding: 20px;
margin: 0 auto;
max-width: 240px;
padding-bottom: 0;
}
.loginbar__title {
margin-top: 10px;
font-size: 13px;
color: #888;
text-align: center;
}
.loginbar__title:first-child {
margin-top: 0;
}
.loginbar__content {
margin-top: 10px;
text-align: center;
}
.loginbar__content:first-child {
margin-top: 0;
}
.loginbar .btn {
min-width: 120px;
}
@media (max-width: 1259px) {
.loginbar .btn {
min-width: 0;
}
}
/*
Content
*/
.main {
margin-left: 300px;
}
.aside-hidden .main {
margin-left: 0;
}
@media (max-width: 1259px) {
.main {
margin-left: 240px;
}
}
@media (max-width: 1023px) {
.main {
margin-left: 0;
}
}
.content {
padding: 40px;
}
@media (max-width: 1259px) {
.content {
padding: 25px 20px;
}
}
.content--w-sidebar,
.page-object .content {
margin-right: 400px;
}
@media (max-width: 1559px) {
.content--w-sidebar,
.page-object .content {
margin-right: 300px;
}
}
@media (max-width: 1259px) {
.content--w-sidebar,
.page-object .content {
margin-right: 260px;
}
}
@media (max-width: 767px) {
.content--w-sidebar,
.page-object .content {
margin-right: 0;
}
}
/*
Footer
*/
.footer {
padding: 10px 40px;
font-size: 12px;
color: #999;
border-top: 1px solid #eee;
background-color: #fff;
}
@media (max-width: 1259px) {
.footer {
padding-left: 20px;
padding-right: 20px;
}
}
.content .footer {
margin: 0 -40px;
}
@media (max-width: 1259px) {
.content .footer {
margin-left: -20px;
margin-right: -20px;
}
}
.footer--absolute {
position: absolute;
right: 0;
bottom: 0;
left: 0;
}
.aside ~ .main .footer--absolute {
left: 300px;
}
@media (max-width: 1259px) {
.aside ~ .main .footer--absolute {
left: 240px;
}
}
@media (max-width: 1023px) {
.aside ~ .main .footer--absolute {
left: 0;
}
}
.sidebar ~ .footer--absolute,
.page-object .footer--absolute {
right: 400px;
}
@media (max-width: 1559px) {
.sidebar ~ .footer--absolute,
.page-object .footer--absolute {
right: 300px;
}
}
@media (max-width: 1259px) {
.sidebar ~ .footer--absolute,
.page-object .footer--absolute {
right: 260px;
}
}
@media (max-width: 767px) {
.sidebar ~ .footer--absolute,
.page-object .footer--absolute {
right: 0;
}
}
.footer-replace {
display: none;
min-height: 39px;
}
.footer--absolute + .footer-replace {
display: block;
}
.copyright {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.copyright i {
margin-top: -2px;
margin-bottom: -2px;
top: 1px;
}
.footer.focused .copyright {
white-space: normal;
overflow: visible;
}
/*
Sidebar Right
*/
.sidebar {
position: fixed;
top: 0;
right: 0;
bottom: 0;
width: 400px;
background-color: #f8f8f8;
z-index: 5;
/*
@media (min-width: 1920px) {
right: 50%;
margin-right: -960px;
}*/
}
@media (max-width: 1559px) {
.sidebar {
width: 300px;
}
}
@media (max-width: 1259px) {
.sidebar {
width: 260px;
}
}
@media (max-width: 1023px) {
.sidebar {
top: 55px;
z-index: 9;
}
}
@media (max-width: 767px) {
.sidebar {
position: relative;
top: 0;
width: auto;
margin: 25px -20px;
z-index: 1;
}
.sidebar.compensate-for-scrollbar {
margin-right: -20px !important;
}
.sidebar:first-child {
margin-top: 0;
}
.sidebar:last-child {
margin-bottom: 0;
}
}
.sidebar:before {
position: absolute;
top: 0;
right: 100%;
bottom: 0;
width: 8px;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.05) 70%, rgba(0, 0, 0, 0.1) 100%);
content: '';
pointer-events: none;
}
@media (max-width: 767px) {
.sidebar:before {
display: none;
}
}
.sidebar__scroll {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 40px;
overflow-x: hidden;
overflow-y: auto;
/*
@media (min-width: $mobile+1) {
margin-right: 0!important;
}*/
}
@media (max-width: 1259px) {
.sidebar__scroll {
padding: 20px;
}
}
@media (max-width: 767px) {
.sidebar__scroll {
position: static;
overflow: visible;
}
}
/*
Breadcrumb
*/
.breadcrumb {
position: relative;
font-size: 13px;
color: #aaa;
}
.breadcrumb__toggler {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 30px;
z-index: 1;
display: none;
}
.no-touchevents .breadcrumb__toggler {
display: block;
}
.breadcrumb--fixed {
position: fixed;
top: 0;
right: 0;
left: 300px;
padding: 15px 40px;
background-color: #fff;
border-bottom: 1px solid #eee;
z-index: 1;
white-space: nowrap;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
/*
@media (min-width: 1920px) {
left: 50%;
margin-left: (-960px + 300px);
}*/
}
.no-touchevents .breadcrumb--fixed {
overflow: hidden;
text-overflow: ellipsis;
}
@media (max-width: 1259px) {
.breadcrumb--fixed {
left: 240px;
padding: 10px 20px;
}
}
@media (max-width: 1023px) {
.breadcrumb--fixed {
left: 0;
top: 55px;
z-index: 9;
}
}
.breadcrumb--fixed:hover {
white-space: normal;
overflow: visible;
}
.breadcrumb--fixed.focused {
outline: none;
white-space: normal;
overflow: visible;
}
.content--w-sidebar .breadcrumb--fixed,
.page-object .breadcrumb--fixed {
right: 400px;
/*
@media (min-width: 1920px) {
right: 50%;
margin-right: (-960px + 300px);
}*/
}
@media (max-width: 1559px) {
.content--w-sidebar .breadcrumb--fixed,
.page-object .breadcrumb--fixed {
right: 300px;
}
}
@media (max-width: 1259px) {
.content--w-sidebar .breadcrumb--fixed,
.page-object .breadcrumb--fixed {
right: 260px;
}
}
@media (max-width: 767px) {
.content--w-sidebar .breadcrumb--fixed,
.page-object .breadcrumb--fixed {
right: 0;
}
}
.breadcrumb--absolute {
position: absolute;
}
.breadcrumb-replace {
height: 50px;
}
@media (max-width: 1259px) {
.breadcrumb-replace {
height: 40px;
}
}
/*
Titles
*/
.title-text {
margin-right: 5px;
}
.title-text:last-child {
margin-right: 0;
}
.title-icons {
display: inline-block;
vertical-align: baseline;
}
.title-icon {
position: relative;
display: inline-block;
vertical-align: baseline;
margin-left: 5px;
color: #ababab;
text-decoration: none;
white-space: nowrap;
}
.title-icon:first-child {
margin-left: 0;
}
.title-icon--edit {
font-size: 60%;
top: -2px;
}
.title-icon--create {
font-size: 70%;
}
.title-icon--remove {
font-size: 55%;
top: -2px;
}
.title-icon .fa-plus-square {
font-size: 90%;
top: -0.05em;
}
.icon-in-title {
margin: 0.35em 0 0 0;
font-size: 80%;
}
.icon-in-title:first-child {
float: left;
margin-right: 0.5em;
}
.icon-in-title:last-child {
float: right;
margin-left: 0.5em;
}
.icon-in-title .icon {
vertical-align: top;
}
/*
Menu
*/
.menu-switcher-wrapper {
text-align: right;
}
.menu-switcher {
position: relative;
z-index: 2;
display: inline-block;
vertical-align: middle;
height: 16px;
width: 24px;
margin-left: 20px;
cursor: pointer;
user-select: none;
}
.menu-switcher:first-child {
margin-left: 0;
}
@media (max-width: 1259px) {
.menu-switcher {
margin-left: 15px;
}
}
@media (max-width: 1023px) {
.menu-switcher {
margin-left: 20px;
}
}
.menu-switcher:before {
position: absolute;
top: 0;
right: 0;
left: 0;
height: 2px;
background-color: #7b0;
content: "";
transform-origin: 0% 50%;
transition: all 0.4s;
}
.menu-switcher:after {
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 2px;
background-color: #7b0;
content: "";
transform-origin: 0% 50%;
transition: all 0.4s;
}
.menu-switcher > span:first-child {
position: absolute;
top: 50%;
right: 0;
left: 0;
height: 2px;
margin-top: -1px;
background-color: #7b0;
content: "";
transition: all 0.4s;
}
.menu-switcher > span:first-child + span {
position: absolute;
top: -8px;
right: -5px;
bottom: -8px;
left: -5px;
content: "";
}
.menu-overlay-active .menu-switcher > span:first-child, .aside.active .menu-switcher > span:first-child, .menu-switcher.active > span:first-child {
transform: scaleX(0);
}
.menu-overlay-active .menu-switcher:before, .aside.active .menu-switcher:before, .menu-switcher.active:before {
transform: translate(4px, -1px) rotate(45deg);
}
.menu-overlay-active .menu-switcher:after, .aside.active .menu-switcher:after, .menu-switcher.active:after {
transform: translate(4px, 2px) rotate(-45deg);
}
.menu-overlay {
position: absolute;
top: 55px;
left: 0;
right: 0;
z-index: -1;
background-color: #f8f8f8;
visibility: hidden;
opacity: 0;
user-select: none;
transform: translateX(-100%);
transition: all 0.4s, visibility 0s 0.4s, z-index 0s 0.4s;
}
@media (max-width: 1023px) {
.menu-overlay {
opacity: 1;
transform: translateY(-100%);
}
.menu-overlay:before {
position: absolute;
top: 100%;
right: 0;
left: 0;
height: 8px;
background-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.05) 70%, rgba(0, 0, 0, 0.1) 100%);
content: '';
pointer-events: none;
z-index: 4;
}
}
.menu-overlay .menu-list {
padding: 15px;
max-width: 280px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.menu-overlay-active .menu-overlay, .aside.active .menu-overlay, .menu-overlay.active {
visibility: visible;
opacity: 1;
z-index: 3;
transform: translateY(0);
transition: all 0.4s 0.06667s, visibility 0s 0.06667s, z-index 0s 0.06667s;
}
.menu-overlay__scroll {
max-height: calc(100vh - 55px);
padding: 20px;
overflow-y: auto;
}
.menu-social {
margin-top: 20px;
font-size: 13px;
color: #999;
text-align: center;
}
.menu-social:first-child {
margin-top: 0;
}
.menu-social .social-icon {
position: relative;
top: 1px;
margin-top: -3px;
margin-bottom: -3px;
font-size: 22px;
margin-right: 0;
}
.arrow-down {
position: relative;
top: -1px;
font-size: 80%;
margin-left: 7px;
}
.to-highlight {
animation: 0.6s ease-out;
animation-iteration-count: 2;
animation-fill-mode: both;
animation-delay: 0.3s;
}
.to-highlight.highlight {
animation-name: pulsateHighlight;
}
@keyframes pulsateHighlight {
0% {
filter: none;
}
50% {
filter: drop-shadow(0 0 7px rgba(29, 130, 255, 0.5));
}
100% {
filter: none;
}
}
.visible-on-hover {
visibility: hidden;
}
.touchevents .visible-on-hover {
visibility: visible;
}
.visible-on-hover-trigger:hover .visible-on-hover {
visibility: visible;
}
.opacity-on-hover {
opacity: 0;
}
.touchevents .opacity-on-hover {
opacity: 1;
}
.opacity-on-hover-trigger:hover .opacity-on-hover {
opacity: 1;
}
[contenteditable="true"] {
position: relative;
outline: 0;
padding: 3px 5px;
border: 1px solid transparent;
margin: 0 -6px;
border-radius: 4px;
transition: all 0.2s;
}
[contenteditable="true"]:hover {
border-color: #c3c3c3;
color: #333;
}
[contenteditable="true"]:focus {
border-color: #888;
color: #333;
}
.region {
margin-top: 20px;
}
.region:first-child {
margin-top: 0;
}
.region__main {
margin-top: 15px;
}
.region__main:first-child {
margin-top: 0;
}
.region__main .menu-list {
background-color: transparent;
margin-left: -10px;
margin-right: -10px;
}
.region__list {
margin-top: 5px;
padding-top: 20px;
}
.region__list:first-child {
margin-top: 0;
}
.region__list:first-child {
border-top: none;
padding-top: 0;
}
@media (max-width: 374px) {
.region__list .menu-list li {
width: 100%;
}
}
.region__list .menu-list a {
display: inline-block;
}
.region__menu {
margin-top: 15px;
}
.region__menu:first-child {
margin-top: 0;
}
.region__image {
display: table-cell;
vertical-align: top;
width: 300px;
}
.region__image-inner {
overflow: hidden;
}
.region__image img {
margin-bottom: -22px;
width: 100%;
height: auto;
}
@media (max-width: 767px) {
.region__image img {
margin-bottom: -45px;
}
}
@media (max-width: 479px) {
.region__image img {
margin-bottom: -35px;
}
}
.region__map {
margin-left: -40px;
margin-right: -40px;
margin-top: 30px;
}
.region__map:first-child {
margin-top: 0;
}
@media (max-width: 1259px) {
.region__map {
margin-left: -20px;
margin-right: -20px;
}
}
.region__map + div {
margin-top: 0;
}
.region__map .map {
min-height: 320px;
height: 50vh;
}
.object__tabbed--hstat .sobject__prefix {
display: inline-block;
min-width: 20px;
text-align: right;
}
@media (max-width: 414px) {
.object__block--region-gallery .simage {
width: 100%;
}
}
@media (min-width: 1901px), (min-width: 801px) and (max-width: 1439px) {
.object__block--region-gallery .simage:nth-child(16) {
display: none;
}
}
.object {
margin-top: 30px;
}
.object:first-child {
margin-top: 0;
}
@media (max-width: 1259px) {
.object {
margin-top: 25px;
}
}
.object__meta {
margin-top: 25px;
font-size: 12px;
max-width: 100%;
}
.object__meta:first-child {
margin-top: 0;
}
.object__meta:after {
content: "";
display: table;
clear: both;
}
.object__comments {
float: left;
}
.object__comments .fa-comment-o {
font-size: 13px;
}
.object__comments .fa-comments-o {
font-size: 14px;
}
.object__updated {
color: #888;
text-align: right;
}
.object__names {
margin-top: 10px;
}
.object__names:first-child {
margin-top: 0;
}
.object__history{
margin-top: 10px;
}
.object__country {
position: relative;
margin-top: 10px;
padding-left: 0px;
}
.object__country:first-child {
margin-top: 0;
}
.object__country-flag {
position: absolute;
top: 0;
left: 0;
}
.object__boundary-distance {
margin-top: 10px;
}
.object__boundary-distance:first-child {
margin-top: 0;
}
.object__boundary-distance i {
top: 1px;
min-width: 16px;
margin-right: 3px;
font-size: 16px;
color: #ffab4a;
}
.object__boundary-distance .fa-exclamation-circle {
color: #eb5a46;
font-size: 17px;
}
.object__what-linked {
margin-top: 15px;
}
.object__what-linked:first-child {
margin-top: 0;
}
.object__prev-next {
margin-top: 25px;
background-color: #f8f8f8;
padding: 10px;
}
.object__prev-next:first-child {
margin-top: 0;
}
.object__description {
margin-top: 25px;
}
.object__description:first-child {
margin-top: 0;
}
@media (max-width: 479px) {
.object__description .text-expand__container {
max-height: 95px;
}
}
@media (min-width: 1600px) {
.object__description.text-expand--less-90 .text-expand__container {
max-height: none;
}
.object__description.text-expand--less-90 .text-expand__inner {
padding-bottom: 0;
}
.object__description.text-expand--less-90 .text-expand__more {
display: none;
}
}
@media (min-width: 1440px) {
.object__description.text-expand--less-60 .text-expand__container {
max-height: none;
}
.object__description.text-expand--less-60 .text-expand__inner {
padding-bottom: 0;
}
.object__description.text-expand--less-60 .text-expand__more {
display: none;
}
}
@media (min-width: 480px) {
.object__description.text-expand--less-30 .text-expand__container {
max-height: none;
}
.object__description.text-expand--less-30 .text-expand__inner {
padding-bottom: 0;
}
.object__description.text-expand--less-30 .text-expand__more {
display: none;
}
}
.object__description.text-expand--less-15 .text-expand__container {
max-height: none;
}
.object__description.text-expand--less-15 .text-expand__inner {
padding-bottom: 0;
}
.object__description.text-expand--less-15 .text-expand__more {
display: none;
}
@media (max-width: 479px) {
.object__description {
font-size: 13px;
}
}
.object__image {
position: relative;
display: block;
margin: 0 -40px;
}
.object__image:first-child {
margin-top: -40px;
}
@media (max-width: 1259px) {
.object__image:first-child {
margin-top: -20px;
}
}
.object__image:last-child {
margin-bottom: -40px;
}
@media (max-width: 1259px) {
.object__image:last-child {
margin-bottom: -20px;
}
}
@media (max-width: 1259px) {
.object__image {
margin-left: -20px;
margin-right: -20px;
}
}
.object__image-container {
max-width: 480px;
margin-left: auto;
margin-right: auto;
}
.object__image-inner {
position: relative;
display: block;
padding-bottom: 66.666%;
background: #000 center center no-repeat;
background-size: cover;
}
.object__image-inner img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
visibility: hidden;
}
.object__image-inner:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: '';
transition: all 0.2s;
}
.object__image-inner:hover:after {
background-color: rgba(0, 0, 0, 0.2);
}
.touchevents .object__image-inner:hover:after {
background-color: transparent;
}
.fancybox-enabled.no-touchevents .object__image-inner:hover:after {
background-color: transparent;
}
.object__image-inner:hover .object__image-icon {
opacity: 1;
transform: scale(1);
}
.object__image-icon {
position: absolute;
top: 50%;
left: 50%;
z-index: 1;
height: 48px;
width: 48px;
line-height: 48px;
text-align: center;
margin-left: -24px;
margin-top: -24px;
border-radius: 50%;
font-size: 23px;
background-color: rgba(0, 0, 0, 0.7);
color: #fff;
opacity: 0;
transform: scale(0);
transition: opacity 0.2s, transform 0.1s;
}
.touchevents .object__image-icon,
.fancybox-enabled.no-touchevents .object__image-icon {
opacity: 0 !important;
transform: scale(0) !important;
}
.object__image-icon i {
left: 1px;
}
.object__image-more {
position: absolute;
right: 0;
bottom: 0;
left: 0;
}
.object__image-more a {
display: block;
text-decoration: none;
text-align: center;
background-color: rgba(0, 0, 0, 0.7);
color: #fff;
padding: 5px 10px;
}
.object__image-more a:hover {
color: #1d82ff;
}
.object__image-more i {
margin-right: 7px;
}
.object__image--no-image .object__image-inner {
background-color: #f2f2f2;
}
.object__image--no-image .object__image-inner:after {
display: none;
}
.object__params {
margin-top: 40px;
}
.object__params:first-child {
margin-top: 0;
}
@media (max-width: 1259px) {
.object__params {
margin-top: 25px;
}
}
.object__param {
margin-top: 15px;
display: table;
width: 100%;
}
.object__param:first-child {
margin-top: 0;
}
.object__param-row {
display: table-row;
}
.object__param-title, .object__param-value {
position: relative;
display: table-cell;
vertical-align: baseline;
}
.object__param-title {
font-size: 13px;
}
.object__param-value {
font-size: 18px;
line-height: 0.9;
text-align: right;
}
.object__param-value-prefix {
font-size: 12px;
}
.object__param-value-inner {
display: block;
margin-left: -50px;
}
.object__param-expand {
position: absolute;
top: 0;
left: 100%;
margin-left: 7px;
margin-top: 3px;
font-size: 10px;
color: #000;
transition: none;
}
.object__param-expand:hover {
color: #666;
}
.object__param-expand:before {
position: absolute;
top: -5px;
right: -5px;
bottom: -5px;
left: -5px;
content: '';
}
.object__param.next-rows-active .object__param-expand {
transform: rotate(90deg);
}
.object__param-row--1-1-000-000 {
display: none;
}
.object__block {
position: relative;
padding: 30px 40px;
margin: 30px -40px 0;
}
@media (max-width: 1259px) {
.object__block {
margin-top: 25px;
margin-left: -20px;
margin-right: -20px;
padding-left: 20px;
padding-right: 20px;
}
}
.object__block:first-child,
.object__block + .object__block {
margin-top: 0;
}
.object__block:last-child {
margin-bottom: -40px;
}
@media (max-width: 1259px) {
.object__block:last-child {
margin-bottom: -25px;
}
}
.object__block--nomargin {
margin-top: 0;
}
.object__block--marginbneg {
margin-bottom: -30px;
}
.object__block--grey-dark {
background-color: #ddd;
}
.object__block--grey-dark .object__block-title:after {
display: none;
}
.object__block--grey-light {
background-color: #fafafa;
}
.object__block--grey-light .tabs__inner:before {
background-image: -webkit-linear-gradient(left, #fafafa, rgba(250, 250, 250, 0));
background-image: linear-gradient(to right, #fafafa, rgba(250, 250, 250, 0));
}
.object__block--grey-light .tabs__inner:after {
background-image: -webkit-linear-gradient(left, rgba(250, 250, 250, 0), #fafafa);
background-image: linear-gradient(to right, rgba(250, 250, 250, 0), #fafafa);
}
.object__block--bordered {
border-top: 1px solid #eee;
}
.object__block--gallery {
padding-top: 40px;
padding-bottom: 40px;
line-height: 1;
}
.object__block--gallery .object__block-title {
margin-top: -40px;
margin-bottom: 10px;
}
.object__block--gallery-upload {
padding-top: 0;
padding-bottom: 0;
margin-bottom: 30px;
}
.object__block--gallery-upload:last-child {
margin-bottom: 0;
}
.object__block + .object__block--gallery-upload {
margin-top: 20px;
}
.object__block--help + .object__block--comments {
padding-top: 0;
}
.object__block-title {
position: relative;
display: inline-block;
vertical-align: top;
margin: -31px -40px 20px;
padding: 15px 10px 15px 40px;
font-size: 22px;
line-height: 1;
background-color: #7b0;
color: #fff;
z-index: 0;
}
@media (max-width: 1419px) {
.object__block-title {
font-size: 20px;
}
}
@media (max-width: 1259px) {
.object__block-title {
margin-left: -20px;
margin-right: -20px;
padding-left: 20px;
font-size: 18px;
}
}
@media (max-width: 379px) {
.object__block-title {
display: block;
}
}
.object__block-title:before {
position: absolute;
top: 0;
bottom: 0;
left: 100%;
width: 100px;
margin-left: -80px;
transform: skewX(-35deg);
background-color: inherit;
content: '';
z-index: -1;
}
@media (max-width: 379px) {
.object__block-title:before {
display: none;
}
}
.object__block-title:after {
position: absolute;
top: 0;
right: -5000px;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.02);
content: '';
z-index: -2;
}
.object__block-title-suffix {
font-size: 12px;
opacity: 0.6;
color: #fff !important;
}
.object__block-title-tip {
position: relative;
display: inline-block;
vertical-align: top;
top: 4px;
margin-top: -31px;
margin-left: 80px;
line-height: 40px;
text-align: right;
}
@media (max-width: 1259px) {
.object__block-title-tip {
margin-left: 60px;
}
}
.object__block-title-tip-inner {
display: inline-block;
vertical-align: middle;
line-height: 1.2;
}
.object__block--col {
float: left;
width: 33.33%;
margin-left: 0;
margin-right: 0;
}
@media (max-width: 1580px) {
.object__block--col {
width: 50%;
}
}
@media (max-width: 767px) {
.object__block--col {
width: 100%;
}
.object__block--col.object__block--nomargin + .object__block--nomargin {
margin-top: -30px;
}
}
@media (max-width: 1580px) {
.object__block--trips {
width: 100%;
}
}
.object__block--cols {
padding: 0;
}
.object__tabbed .tabs {
margin-left: -10px;
margin-right: -10px;
}
.object__tabbed-category {
font-weight: 600;
margin-top: 20px;
}
.object__tabbed-category:first-child {
margin-top: 0;
}
.object__tabbed-category-suffix {
font-size: 12px;
font-weight: 400;
color: #aaa;
}
.object__tabbed-list {
margin: 10px -10px -10px;
font-size: 13px;
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: flex-start;
}
.object__tabbed-list:first-child {
margin-top: 0;
}
.object__tabbed-list--columns {
display: block;
column-count: 4;
column-fill: balance;
}
@media (max-width: 1900px) {
.object__tabbed-list--columns {
column-count: 3;
}
}
@media (max-width: 1439px) {
.object__tabbed-list--columns {
column-count: 2;
}
}
@media (max-width: 539px) {
.object__tabbed-list--columns {
column-count: 1;
}
}
.object__tabbed-list--columns .object__tabbed-item {
width: auto;
}
.object__tabbed-item {
position: relative;
padding: 0 10px 10px;
width: 25%;
transition: all 0.2s, opacity 0.3s 0.2s;
}
.object__tabbed-item.scroll-to-activate-delay-1 {
transition-delay: 0.01s, 0.21s;
}
.object__tabbed-item.scroll-to-activate-delay-2 {
transition-delay: 0.02s, 0.22s;
}
.object__tabbed-item.scroll-to-activate-delay-3 {
transition-delay: 0.03s, 0.23s;
}
.object__tabbed-item.scroll-to-activate-delay-4 {
transition-delay: 0.04s, 0.24s;
}
.object__tabbed-item.scroll-to-activate-delay-5 {
transition-delay: 0.05s, 0.25s;
}
.object__tabbed-item.scroll-to-activate-delay-6 {
transition-delay: 0.06s, 0.26s;
}
.object__tabbed-item.scroll-to-activate-delay-7 {
transition-delay: 0.07s, 0.27s;
}
.object__tabbed-item.scroll-to-activate-delay-8 {
transition-delay: 0.08s, 0.28s;
}
.object__tabbed-item.scroll-to-activate-delay-9 {
transition-delay: 0.09s, 0.29s;
}
.object__tabbed-item.scroll-to-activate-delay-10 {
transition-delay: 0.1s, 0.3s;
}
.object__tabbed-item.scroll-to-activate-delay-11 {
transition-delay: 0.11s, 0.31s;
}
.object__tabbed-item.scroll-to-activate-delay-12 {
transition-delay: 0.12s, 0.32s;
}
.object__tabbed-item.scroll-to-activate-delay-13 {
transition-delay: 0.13s, 0.33s;
}
.object__tabbed-item.scroll-to-activate-delay-14 {
transition-delay: 0.14s, 0.34s;
}
.object__tabbed-item.scroll-to-activate-delay-15 {
transition-delay: 0.15s, 0.35s;
}
.object__tabbed-item.scroll-to-activate-delay-16 {
transition-delay: 0.16s, 0.36s;
}
.object__tabbed-item.scroll-to-activate-delay-17 {
transition-delay: 0.17s, 0.37s;
}
.object__tabbed-item.scroll-to-activate-delay-18 {
transition-delay: 0.18s, 0.38s;
}
.object__tabbed-item.scroll-to-activate-delay-19 {
transition-delay: 0.19s, 0.39s;
}
.object__tabbed-item.scroll-to-activate-delay-20 {
transition-delay: 0.2s, 0.4s;
}
.object__tabbed-item.scroll-to-activate-delay-21 {
transition-delay: 0.21s, 0.41s;
}
.object__tabbed-item.scroll-to-activate-delay-22 {
transition-delay: 0.22s, 0.42s;
}
.object__tabbed-item.scroll-to-activate-delay-23 {
transition-delay: 0.23s, 0.43s;
}
.object__tabbed-item.scroll-to-activate-delay-24 {
transition-delay: 0.24s, 0.44s;
}
.object__tabbed-item.scroll-to-activate-delay-25 {
transition-delay: 0.25s, 0.45s;
}
.object__tabbed-item.scroll-to-activate-delay-26 {
transition-delay: 0.26s, 0.46s;
}
.object__tabbed-item.scroll-to-activate-delay-27 {
transition-delay: 0.27s, 0.47s;
}
.object__tabbed-item.scroll-to-activate-delay-28 {
transition-delay: 0.28s, 0.48s;
}
.object__tabbed-item.scroll-to-activate-delay-29 {
transition-delay: 0.29s, 0.49s;
}
.object__tabbed-item.scroll-to-activate-delay-30 {
transition-delay: 0.3s, 0.5s;
}
.object__tabbed-item.scroll-to-activate {
max-height: 0;
opacity: 0;
padding-bottom: 0;
}
.object__tabbed-item.scroll-to-activate.active {
max-height: 30px;
padding-bottom: 10px;
opacity: 1;
}
@media (max-width: 1350px) {
.object__tabbed-item--trip.scroll-to-activate.active {
max-height: 45px;
}
}
@media (max-width: 1900px) {
.object__tabbed-item {
width: 33.33%;
}
}
@media (max-width: 1439px) {
.object__tabbed-item {
width: 50%;
}
}
@media (max-width: 539px) {
.object__tabbed-item {
width: 100%;
}
}
.object__tabbed-item--trip {
width: 50%;
}
@media (max-width: 2300px) {
.object__tabbed-item--trip {
width: 100%;
}
}
.object__gallery.simages {
margin: 0 -35px;
}
@media (max-width: 1259px) {
.object__gallery.simages {
margin-left: -15px;
margin-right: -15px;
}
}
.object__gallery.simages:first-child {
margin-top: -30px;
}
.object__gallery.simages:last-child {
margin-bottom: -30px;
}
.object__map {
position: fixed;
right: 0;
bottom: 0;
width: 400px;
height: 300px;
/*
@media (min-width: 1920px) {
right: 50%;
margin-right: -960px;
}*/
}
@media (max-width: 1559px) {
.object__map {
width: 300px;
height: 200px;
}
}
@media (max-width: 1259px) {
.object__map {
width: 260px;
}
}
@media (max-width: 767px) {
.object__map {
position: relative;
width: auto;
height: 240px;
max-height: 100vw;
min-height: 240px;
height: 50vh;
}
}
@media (max-width: 767px) and (orientation: landscape) {
.object__map {
max-height: 50vh;
}
}
.object__map .map {
height: 100%;
}
.object__map .map:after {
position: absolute;
top: 0;
right: 0;
left: 0;
border-top: 1px solid rgba(0, 0, 0, 0.1);
content: "";
z-index: 4;
}
.map-expanded .object__map .map:after {
display: none;
}
@media (max-width: 1023px) {
.map-expanded .object__sidebar--w-map {
z-index: 9;
}
}
.object__sidebar--w-map .sidebar__scroll {
bottom: 300px;
}
@media (max-width: 1559px) {
.object__sidebar--w-map .sidebar__scroll {
bottom: 200px;
}
}
.simages {
margin-left: -5px;
margin-right: -5px;
}
.simages:after {
content: "";
display: table;
clear: both;
}
.simages.active .text-expand__more {
border-bottom-color: transparent;
background: transparent;
}
.simages__inner {
float: left;
width: 100%;
margin: -5px 0;
font-size: 0;
}
.simages__container.expand-it-container {
max-height: 460px;
}
@media (max-width: 2300px) {
.simages__container.expand-it-container {
max-height: 380px;
}
}
@media (max-width: 2000px) {
.simages__container.expand-it-container {
max-height: 300px;
}
}
@media (max-width: 1100px) {
.simages__container.expand-it-container {
max-height: 260px;
}
}
@media (max-width: 1023px) {
.simages__container.expand-it-container {
max-height: 320px;
}
}
@media (max-width: 900px) {
.simages__container.expand-it-container {
max-height: 300px;
}
}
@media (max-width: 900px) {
.simages__container.expand-it-container {
max-height: 290px;
}
}
@media (max-width: 801px) {
.simages__container.expand-it-container {
max-height: 380px;
}
}
@media (max-width: 767px) {
.simages__container.expand-it-container {
max-height: 330px;
}
}
@media (max-width: 639px) {
.simages__container.expand-it-container {
max-height: 290px;
}
}
@media (max-width: 539px) {
.simages__container.expand-it-container {
max-height: 250px;
}
}
@media (max-width: 479px) {
.simages__container.expand-it-container {
max-height: 290px;
}
}
@media (max-width: 374px) {
.simages__container.expand-it-container {
max-height: 260px;
}
}
@media (min-width: 1901px) {
.simages__container.text-expand--less-11 {
max-height: none !important;
}
.simages__container.text-expand--less-11 .text-expand__inner {
padding-bottom: 0;
}
.simages__container.text-expand--less-11 + .text-expand__more {
display: none;
}
}
@media (min-width: 1440px) and (max-width: 1900px) {
.simages__container.text-expand--less-9 {
max-height: none !important;
}
.simages__container.text-expand--less-9 .text-expand__inner {
padding-bottom: 0;
}
.simages__container.text-expand--less-9 + .text-expand__more {
display: none;
}
}
@media (min-width: 800px) and (max-width: 1439px), (min-width: 479px) and (max-width: 767px) {
.simages__container.text-expand--less-7 {
max-height: none !important;
}
.simages__container.text-expand--less-7 .text-expand__inner {
padding-bottom: 0;
}
.simages__container.text-expand--less-7 + .text-expand__more {
display: none;
}
}
@media (min-width: 768px) and (max-width: 799px), (min-width: 0px) and (max-width: 479px) {
.simages__container.text-expand--less-5 {
max-height: none !important;
}
.simages__container.text-expand--less-5 .text-expand__inner {
padding-bottom: 0;
}
.simages__container.text-expand--less-5 + .text-expand__more {
display: none;
}
}
.simages .text-expand__inner {
padding-bottom: 60px;
}
.simages__actions {
margin-top: 10px;
padding-bottom: 10px;
}
.simages__actions:first-child {
margin-top: 0;
}
.simage {
display: inline-block;
vertical-align: top;
width: 20%;
padding: 5px;
font-size: 14px;
transition: all 0.2s;
}
@media (max-width: 1900px) {
.simage {
width: 25%;
}
}
@media (max-width: 1439px) {
.simage {
width: 33.33%;
}
}
@media (max-width: 800px) {
.simage {
width: 50%;
}
}
.simage.to-remove {
opacity: 0;
transform: scale(0);
}
.simage.sortable-ghost .simage__inner {
opacity: 0.5;
}
.simage__container {
position: relative;
}
.simage.checked .simage__actions, .simage__container:hover .simage__actions {
opacity: 1;
}
.simage.checked .simage__inner:after, .simage__container:hover .simage__inner:after {
border-color: #1d82ff;
background-color: rgba(0, 0, 0, 0.2);
}
.simage__container:hover .simage__title {
opacity: 1;
pointer-events: auto;
}
.simage--title-always .simage__title {
opacity: 1;
pointer-events: auto;
}
.simage__inner {
position: relative;
display: block;
padding-bottom: 66.666%;
background: #bbb center center no-repeat;
background-size: cover;
z-index: 0;
}
.simage__inner img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
visibility: hidden;
}
.simage__inner:before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #bbb url("../img/loader-image.svg") center center no-repeat;
content: '';
transition: all 0.2s, visibility 0s 0s;
}
.no-svg .simage__inner:before {
background-image: url("../img/loader-image.gif");
}
.simage__inner:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border: 2px solid transparent;
content: '';
transition: all 0.2s;
}
.simage__inner.img-to-bg--inited:before {
opacity: 0;
visibility: hidden;
transition: all 0.2s, visibility 0s 0.2s;
}
.simage__title {
position: absolute;
right: 2px;
bottom: 2px;
left: 2px;
font-size: 14px;
line-height: 1.2;
padding: 10px 8px 8px;
color: #fff;
background-color: rgba(0, 0, 0, 0.5);
border: 2px solid transparent;
border-top: none;
text-align: center;
opacity: 0;
pointer-events: none;
z-index: 1;
transition: all 0.2s;
}
.simage__title-inner {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
max-height: 3.6em;
overflow: hidden;
}
.simage__actions {
position: absolute;
top: 10px;
right: 10px;
line-height: 1;
background-color: #fff;
font-size: 0;
opacity: 0;
transition: all 0.2s;
}
.touchevents .simage__actions {
opacity: 1;
}
.simage__actions--left {
right: auto;
left: 10px;
}
.simage__action {
display: inline-block;
vertical-align: top;
padding: 3px 5px;
font-size: 20px;
}
.simage__action .checkbox {
top: -2px;
vertical-align: middle;
}
.image-attached-objects {
position: relative;
z-index: 2;
padding-top: 5px;
padding-bottom: 5px;
margin-top: 5px;
}
.image-attached-objects:first-child {
margin-top: 0;
}
.textfield-placeholder + .image-attached-objects {
padding-top: 10px;
}
.image-attached-object {
position: relative;
padding-left: 19px;
margin-top: 5px;
}
.image-attached-object:first-child {
margin-top: 0;
}
.image-attached-object.active:before {
position: absolute;
top: 50%;
left: 100%;
margin-top: -5px;
margin-left: 10px;
width: 8px;
height: 8px;
border-radius: 50%;
background-color: #888;
content: '';
}
.image-attached-object__action {
position: absolute;
top: 5px;
left: 0;
line-height: 1;
font-size: 12px;
}
.image-attached-object__action:before {
position: absolute;
top: -5px;
right: -5px;
bottom: -5px;
left: -5px;
content: '';
}
.image-attached-object__action:hover {
color: #eb5a46;
}
.braces {
display: inline-block;
vertical-align: text-bottom;
overflow: hidden;
}
.braces-inner-w-comma {
display: inline-block;
text-indent: -0.5em;
}
@media (max-width: 639px) {
.cols--seasons .col {
width: 50%;
}
}
.selectbox--slope-types + .select2-container--default .select2-selection--multiple.select2-selection--notags .select2-selection__choice:before {
content: "-";
}
.sobjects {
margin-top: 20px;
}
.sobjects:first-child {
margin-top: 0;
}
.sobject-wrapper {
position: relative;
color: #aaa;
margin-top: 5px;
}
.sobject-wrapper:first-child {
margin-top: 0;
}
.sobject-wrapper--w-hover {
cursor: default;
transition: all 0.2s;
}
.sobject-wrapper--w-hover .sobject {
cursor: pointer;
}
.sobject-wrapper--w-hover .sobject:before {
position: absolute;
top: -5px;
right: -8px;
bottom: -5px;
left: -8px;
background-color: #fff;
border: 1px solid #eee;
border-radius: 5px;
z-index: -1;
content: '';
visibility: hidden;
opacity: 0;
display: none;
}
.sobject-wrapper--w-hover .sobject a {
transition: none;
text-decoration: underline !important;
}
.sobject-wrapper--w-hover.hover {
z-index: 1;
}
.sobject-wrapper--w-hover.hover .sobject-nbsp {
display: block;
}
.sobject-wrapper--w-hover.hover .sobject {
position: absolute;
white-space: normal;
overflow: visible;
}
.sobject-wrapper--w-hover.hover .sobject:before {
visibility: visible;
opacity: 1;
display: block;
}
.sobject-wrapper--w-hover.hover .sobject a {
color: #1d82ff;
}
.sobject-wrapper--w-gradient:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 10px;
background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
content: '';
}
.object__block--grey-light .sobject-wrapper--w-gradient:after {
background-image: linear-gradient(to right, rgba(250, 250, 250, 0) 0%, #fafafa 100%);
}
.sobject-wrapper--w-gradient.hover:after {
visibility: hidden;
opacity: 0;
}
.sobject-wrapper--inline {
display: inline-block;
}
.sobject-wrapper--inline.hover .sobject {
position: relative;
}
.sobject-wrapper--inline.hover .sobject-nbsp {
display: none;
}
.sobject-wrapper--oneline .sobject {
position: relative;
display: inline-block;
vertical-align: top;
max-width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.sobject {
margin-top: 5px;
font-size: 13px;
}
.sobject:first-child {
margin-top: 0;
}
.sobject__params {
color: #aaa;
font-size: 12px;
}
.sobject__params:empty {
display: none;
}
.sobject__params sup {
font-size: 8px;
font-style: normal;
font-family: "Open Sans", Tahoma, Arial, Helvetica, sans-serif;
}
.sobject__link {
color: #000;
}
.sobject i {
display: inline;
margin-left: 3px;
}
.sobject .fa-map-marker-alt {
position: relative;
}
.no-touchevents .sobject .fa-map-marker-alt:after {
position: absolute;
top: -3px;
right: -5px;
bottom: -3px;
left: -5px;
content: '';
}
.sobject-nbsp {
display: none;
}
.no-touchevents .tooltipster-marker-hint a.sobject__link {
text-decoration: none;
}
.sobject-title {
display: inline-block;
vertical-align: top;
transform: translateX(-50%);
margin-top: 3px;
color: #fff;
text-shadow: 0 0 3px rgba(0, 0, 0, 0.9), 0 0 2px rgba(0, 0, 0, 0.9), 0 0 1px rgba(0, 0, 0, 0.9);
font-size: 12px;
white-space: nowrap;
text-align: center;
line-height: 1.1;
}
.sobject-number {
display: flex;
align-items: center;
justify-content: center;
height: 14px;
min-width: 14px;
transform: translateX(-50%);
margin-top: 1px;
border-radius: 4px;
background: #fff8c4;
font-size: 10px;
font-weight: 600;
color: #000;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}
.img-flag {
position: relative;
top: -2px;
display: inline-block;
vertical-align: middle;
margin: 0 3px;
}
.img-flag:first-child {
margin-left: 0;
}
.not-verified {
margin-top: 10px;
}
.not-verified:first-child {
margin-top: 0;
}
.no-image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: center bottom no-repeat;
background-size: contain;
background-image: url("../img/bg-mountain.png");
opacity: 0.04;
}
.abs-center-message {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
padding: 40px;
}
@media (max-width: 1259px) {
.abs-center-message {
padding: 20px;
}
}
.trip {
margin-top: 30px;
}
.trip:first-child {
margin-top: 0;
}
@media (max-width: 1259px) {
.trip {
margin-top: 25px;
}
}
.trip__sections {
display: flex;
margin-top: 30px;
}
.trip__sections:first-child {
margin-top: 0;
}
@media (max-width: 1259px) {
.trip__sections {
display: block;
margin-top: 25px;
}
}
@media (max-width: 767px) {
.trip__sections {
margin-top: 20px;
}
}
.trip__section {
flex: auto 1 1;
}
.trip__section--map {
position: relative;
flex: auto 0 0;
}
@media (min-width: 1260px) {
.trip__section--map {
width: 50%;
padding-left: 50px;
}
}
@media (max-width: 1259px) {
.trip__section--map {
margin-top: 30px;
}
.trip__section--map:first-child {
margin-top: 0;
}
}
.trip__sticky {
position: sticky;
top: 0;
}
.map-expanded .trip__sticky {
position: static !important;
}
.trip__sticky.js-sticky-inited {
position: relative;
}
@media (max-width: 1259px) {
.trip__sticky {
position: static !important;
width: auto !important;
}
.trip__sticky.sticksy-dummy-node {
display: none !important;
}
}
.trip__param {
margin-top: 10px;
}
.trip__param:first-child {
margin-top: 0;
}
.trip__actions {
margin-top: 20px;
margin-bottom: -15px;
margin-right: -30px;
}
.trip__actions:first-child {
margin-top: 0;
}
@media (max-width: 639px) {
.trip__actions {
margin-right: 0;
}
}
.trip__action {
display: inline-block;
vertical-align: top;
margin-bottom: 15px;
margin-right: 20px;
}
@media (max-width: 639px) {
.trip__action {
width: 100%;
margin-right: 0;
text-align: center;
}
.trip__action .btn {
min-width: 280px;
}
}
.trip__path {
position: relative;
display: block;
margin-top: 7px;
font-size: 13px;
line-height: 1.5;
border: 1px solid #eee;
padding: 18px 20px;
background-color: #fcfcfc;
}
.trip__path-sitem {
display: inline-block;
white-space: nowrap;
}
.trip__path-sitem .noty_bar.noty_bar {
position: absolute;
right: 0;
z-index: 5;
}
.trip__path-sep {
margin-left: 5px;
margin-right: 5px;
}
.trip__path-sep:before {
content: "\2192";
}
.trip__path-item {
display: inline;
}
.trip__path-item-zoom {
position: relative;
display: inline-block;
line-height: 1;
margin-left: 10px;
border-radius: 50%;
text-decoration: none;
}
@media (max-width: 767px) {
.trip__path-item-zoom {
position: absolute;
top: 3px;
right: 100%;
margin-right: 5px;
}
}
.trip__path-item-zoom:before {
position: absolute;
top: -10px;
right: -10px;
bottom: -10px;
left: -10px;
border-radius: 50%;
content: '';
}
.trip__path-item-zoom sup {
margin-left: 2px;
font-size: 10px;
font-weight: 600;
}
@media (max-width: 767px) {
.trip__path {
margin-top: 7px;
line-height: 1.2;
padding-top: 20px;
padding-bottom: 20px;
margin-left: -21px;
margin-right: -21px;
}
.trip__path .trip__path-sitem {
position: relative;
display: block;
white-space: normal;
}
.trip__path .trip__path-sep {
position: relative;
display: block;
margin-top: 0;
margin-bottom: 3px;
margin-left: 0;
font-size: 16px;
line-height: 1;
}
.trip__path .trip__path-sep:before {
content: "\2193";
}
}
.trip__path--vert {
margin-top: 7px;
line-height: 1.2;
padding-top: 20px;
padding-bottom: 20px;
}
.trip__path--vert .trip__path-sitem {
display: block;
white-space: normal;
}
.trip__path--vert .trip__path-sep {
position: relative;
display: block;
margin-top: 0;
margin-bottom: 3px;
margin-left: 0;
font-size: 16px;
line-height: 1;
}
.trip__path--vert .trip__path-sep:before {
content: "\2193";
}
.trip__path .trip__path-sep--plus:before {
content: "+";
}
.trip__path .btn {
margin-left: 10px;
}
.trip__path .btn + .btn--no-margin {
margin-left: 0;
}
.trip__path:not(.trip__path--vert) .opacity-on-hover {
display: none;
}
.trip__path:not(.trip__path--vert) .opacity-on-hover-trigger:hover .opacity-on-hover {
display: inline;
}
.trip__path:not(.trip__path--vert) .btn {
margin-left: 0;
}
.map--trip {
height: 100vw;
min-height: 320px;
max-height: calc((100vw - 240px - 40px)/2);
}
@media (max-width: 1023px) {
.map--trip {
max-height: 70vw;
}
}
@media (min-width: 1260px) {
.map--trip {
height: 480px;
height: calc(100vh - 50px - 40px - 80px);
max-height: 50vw;
max-height: calc((100vw - 300px - 80px)/2);
}
}
.trip-path-view {
display: inline-block;
vertical-align: middle;
margin-left: 10px;
font-size: 0;
}
@media (max-width: 767px) {
.trip-path-view {
display: none;
}
}
.trip-path-view .btn + .btn {
margin-left: 5px;
}
.sobject-wrapper--object-trip .strip__path-sitem {
display: none;
}
.sobject-wrapper--object-trip.hover .strip__path-sitem {
display: inline-block;
}
.sobject-wrapper--object-trip.hover .strip__path-sitem:before {
content: none !important;
}
.sobject-wrapper--object-trip.hover .strip__path-sitem:after {
content: none !important;
}
.sobject-wrapper--object-trip .strip__path-sitem--active {
display: inline-block;
}
.strip__path-sitem--active .strip__path-item {
font-weight: 600;
color: #888;
}
.strip__path-sitem--near-active:before {
content: '...\00a0\00a0→';
}
.strip__path-sitem--active + .strip__path-sitem--near-active:before {
content: none;
}
.strip__path-sitem--active + .strip__path-sitem--near-active:after {
content: '...';
}
.strip__path-sitem--near-active:first-child:before {
content: none;
}
.strip__path-sitem--near-active:last-child:after {
content: none;
}
.sobject-wrapper--object-trip .strip__path-sitem--near-active {
display: inline-block;
}
@media (max-width: 1350px) {
.sobject-wrapper--trip .sobject__params {
display: block;
}
}
.sobject-wrapper--trip .sobject__nbsp-2 {
display: none;
font-size: 11px;
}
@media (max-width: 1350px) {
.sobject-wrapper--trip .sobject__nbsp-2 {
display: block;
}
}
.tabs--search {
/*
//padding-left: 38px;
padding-left: 30px;
@media (max-width: $tablet) {
padding-left: 0;
}
.tabs__icon {
@include position(absolute, null null 0 0);
//width: 38px;
width: 20px;
height: 38px;
font-size: 21px;
line-height: 38px;
text-align: center;
color: #bbb;
//background-color: #f2f2f2;
@media (max-width: $tablet) {
display: none;
}
}*/
}
.tabs--search .tabs__inner {
position: relative;
}
.tabs--search .tabs__inner:before {
background-image: linear-gradient(to right, #f8f8f8, rgba(248, 248, 248, 0));
}
.tabs--search .tabs__inner:after {
background-image: linear-gradient(to right, rgba(248, 248, 248, 0), #f8f8f8);
}
.tabs--search i {
margin-right: 3px;
color: #aaa;
transition: all 0.2s;
}
.tabs--search a:hover .fa,
.tabs--search li.active i {
color: #666;
}
.search {
margin-top: 20px;
}
.search:first-child {
margin-top: 0;
}
.search-found-query {
font-family: "Open Sans";
font-size: 14px;
line-height: 1.5;
}
.search-group {
margin-top: 30px;
}
.search-group:first-child {
margin-top: 0;
}
.search-group__title {
margin-top: 10px;
font-weight: 700;
}
.search-group__title:first-child {
margin-top: 0;
}
.search-group__title i {
font-size: 8px;
margin-left: 2px;
transition: all 0.2s;
/*
&:after {
@include position(absolute, -5px -5px -5px -5px);
content: '';
}*/
}
.search-group__title-inner {
position: relative;
display: inline-block;
vertical-align: top;
}
.search-item--more {
padding-top: 10px;
}
.search-group__title a:before {
position: absolute;
top: 0;
right: -5px;
bottom: 0;
left: 0;
content: '';
z-index: 1;
}
.search-group__count {
font-weight: 400;
font-size: 12px;
color: #888;
}
.search-group__content {
margin-top: 10px;
}
.search-group__content:first-child {
margin-top: 0;
}
.search-group__item {
padding-top: 5px;
transition: all 0.2s, opacity 0.2s;
}
.search-group__item:first-child {
padding-top: 0;
}
.search-group__item.scroll-to-activate-delay-1 {
transition-delay: 0.01s;
}
.search-group__item.scroll-to-activate-delay-2 {
transition-delay: 0.02s;
}
.search-group__item.scroll-to-activate-delay-3 {
transition-delay: 0.03s;
}
.search-group__item.scroll-to-activate-delay-4 {
transition-delay: 0.04s;
}
.search-group__item.scroll-to-activate-delay-5 {
transition-delay: 0.05s;
}
.search-group__item.scroll-to-activate-delay-6 {
transition-delay: 0.06s;
}
.search-group__item.scroll-to-activate-delay-7 {
transition-delay: 0.07s;
}
.search-group__item.scroll-to-activate-delay-8 {
transition-delay: 0.08s;
}
.search-group__item.scroll-to-activate-delay-9 {
transition-delay: 0.09s;
}
.search-group__item.scroll-to-activate-delay-10 {
transition-delay: 0.1s;
}
.search-group__item.scroll-to-activate-delay-11 {
transition-delay: 0.11s;
}
.search-group__item.scroll-to-activate-delay-12 {
transition-delay: 0.12s;
}
.search-group__item.scroll-to-activate-delay-13 {
transition-delay: 0.13s;
}
.search-group__item.scroll-to-activate-delay-14 {
transition-delay: 0.14s;
}
.search-group__item.scroll-to-activate-delay-15 {
transition-delay: 0.15s;
}
.search-group__item.scroll-to-activate-delay-16 {
transition-delay: 0.16s;
}
.search-group__item.scroll-to-activate-delay-17 {
transition-delay: 0.17s;
}
.search-group__item.scroll-to-activate-delay-18 {
transition-delay: 0.18s;
}
.search-group__item.scroll-to-activate-delay-19 {
transition-delay: 0.19s;
}
.search-group__item.scroll-to-activate-delay-20 {
transition-delay: 0.2s;
}
.search-group__item.scroll-to-activate-delay-21 {
transition-delay: 0.21s;
}
.search-group__item.scroll-to-activate-delay-22 {
transition-delay: 0.22s;
}
.search-group__item.scroll-to-activate-delay-23 {
transition-delay: 0.23s;
}
.search-group__item.scroll-to-activate-delay-24 {
transition-delay: 0.24s;
}
.search-group__item.scroll-to-activate-delay-25 {
transition-delay: 0.25s;
}
.search-group__item.scroll-to-activate-delay-26 {
transition-delay: 0.26s;
}
.search-group__item.scroll-to-activate-delay-27 {
transition-delay: 0.27s;
}
.search-group__item.scroll-to-activate-delay-28 {
transition-delay: 0.28s;
}
.search-group__item.scroll-to-activate-delay-29 {
transition-delay: 0.29s;
}
.search-group__item.scroll-to-activate-delay-30 {
transition-delay: 0.3s;
}
.search-group__item.scroll-to-activate {
max-height: 0;
opacity: 0;
padding-top: 0;
}
.search-group__item.scroll-to-activate.active {
max-height: 30px;
padding-top: 5px;
opacity: 1;
}
@media (max-width: 1350px) {
.search-group__item--trip.scroll-to-activate.active {
max-height: 45px;
}
}
.search-group.active .search-group__title i {
transform: rotate(90deg);
}
.page-generation {
position: fixed;
bottom: 0;
left: 0;
background-color: rgba(255, 255, 255, 0.9);
color: #000;
font-size: 11px;
padding: 5px;
z-index: 10;
}
@media (max-width: 1023px) {
.page-generation {
left: auto;
right: 0;
}
}
/*
Pay Form Yandex
*/
.pay-form {
margin-top: 25px;
max-width: 480px;
}
.pay-form:first-child {
margin-top: 0;
}
@media (max-width: 479px) {
.pay-form iframe {
height: 325px;
}
}
@media (max-width: 399px) {
.pay-form iframe {
height: 350px;
}
}
@media (max-width: 359px) {
.pay-form iframe {
height: 375px;
}
}
/*
Forms helpers
*/
@media (max-width: 413px) {
.cols--height-latlng {
display: block;
}
}
@media (max-width: 413px) {
.cols--height-latlng .col {
display: block;
padding-left: 0;
padding-right: 0;
}
.cols--height-latlng .col + .col {
margin-top: 20px;
}
}
.col--latlng .form__item {
min-width: 250px;
}
@media (max-width: 639px) {
.col--latlng .form__item {
min-width: 210px;
}
}
/*
Statistics over map
*/
.map-stat {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
background-color: rgba(255, 255, 255, 0.8);
text-align: center;
opacity: 0;
visibility: hidden;
z-index: -1;
transition: all 0.4s, visibility 0s 0.4s, z-index 0s 0.4s;
}
.map-stat.active {
opacity: 1;
visibility: visible;
z-index: 2;
transition-delay: 0s;
}
.map-stat__inner {
position: relative;
background-color: #fff;
padding: 60px;
}
.map-stat__inner:before {
position: absolute;
top: 100%;
right: 0;
left: 0;
background-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.05) 70%, rgba(0, 0, 0, 0.1) 100%);
height: 8px;
content: '';
pointer-events: none;
}
@media (max-height: 650px) {
.map-stat__inner:before {
display: none;
}
}
.map-stat__inner:after {
position: absolute;
right: 0;
bottom: 100%;
left: 0;
height: 8px;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.05) 70%, rgba(0, 0, 0, 0.1) 100%);
content: '';
pointer-events: none;
}
@media (max-height: 650px) {
.map-stat__inner:after {
display: none;
}
}
@media (max-width: 1259px) {
.map-stat__inner {
padding: 40px 30px;
}
}
@media (max-width: 479px) {
.map-stat__inner {
padding: 30px 20px;
}
}
.map-stat__action-area {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.map-stat__bg {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: center bottom 10% no-repeat;
opacity: 0.2;
background-size: contain;
}
@media (max-width: 479px) {
.map-stat__bg {
background-image: url("../img/mountains-gradient.svg");
}
}
.map-stat__main {
position: relative;
z-index: 1;
}
.map-stat__title {
margin-top: 30px;
line-height: 1.2;
}
.map-stat__title:first-child {
margin-top: 0;
}
.map-stat__title:first-child {
margin-top: -0.2em;
}
@media (max-width: 479px) {
.map-stat__title {
font-size: 22px;
}
}
.map-stat__content {
margin-top: 30px;
margin-right: -50px;
font-size: 24px;
}
.map-stat__content:first-child {
margin-top: 0;
}
@media (max-width: 1259px) {
.map-stat__content {
font-size: 18px;
margin-right: -40px;
}
}
@media (max-width: 479px) {
.map-stat__content {
font-size: 16px;
margin-top: 20px;
}
}
@media (max-width: 399px) {
.map-stat__content {
font-size: 14px;
}
}
@media (max-width: 414px) {
.map-stat__content {
margin-top: 15px;
}
}
.map-stat__row {
display: inline-block;
vertical-align: top;
white-space: nowrap;
margin-right: 50px;
}
@media (max-width: 1259px) {
.map-stat__row {
margin-right: 40px;
}
}
@media (max-width: 479px) {
.map-stat__row {
display: block;
margin-bottom: 0;
text-align: center;
}
}
.map-stat__value {
font-size: 32px;
margin-right: 5px;
}
@media (max-width: 1259px) {
.map-stat__value {
font-size: 26px;
margin-right: 3px;
}
}
@media (max-width: 479px) {
.map-stat__value {
display: inline-block;
text-align: right;
font-size: 24px;
}
}
@media (max-width: 399px) {
.map-stat__value {
font-size: 20px;
}
}
@media (max-width: 479px) {
.map-stat__label {
display: inline-block;
text-align: left;
}
}
.map-stat__action {
margin-top: 40px;
}
.map-stat__action:first-child {
margin-top: 0;
}
@media (max-width: 479px) {
.map-stat__action {
margin-top: 25px;
}
}
@media (max-width: 414px) {
.map-stat__action {
margin-top: 20px;
}
}
.ftable {
display: table;
width: 100%;
margin-top: 30px;
}
.ftable:first-child {
margin-top: 0;
}
.ftable__head {
display: table-header-group;
}
.ftable__body {
display: table-row-group;
}
.ftable__row {
display: table-row;
}
.ftable__row:first-child .ftable__cell {
border-top: none;
}
.ftable__row--head .ftable__cell {
font-weight: 600;
border-bottom: 1px solid #eee;
}
.ftable__row--muted {
color: rgba(0, 0, 0, 0.5);
}
.ftable__cell {
display: table-cell;
vertical-align: top;
padding: 10px 20px;
border-top: 1px solid #eee;
}
.ftable__cell:first-child {
padding-left: 0;
}
.ftable__cell:last-child {
padding-right: 0;
}
.ftable__cell--fit {
width: 1%;
}
.ftable__cell .dropdown-selection {
top: -1px;
}
@media (max-width: 767px) {
.ftable--inline-mobile {
display: block;
}
.ftable--inline-mobile .ftable__row {
display: block;
padding: 10px 0;
border-top: 1px solid #eee;
}
.ftable--inline-mobile .ftable__row:first-child {
border-top: none;
}
.ftable--inline-mobile .ftable__row--head {
display: none;
}
.ftable--inline-mobile .ftable__row--head + .ftable__row {
border-top: none;
}
.ftable--inline-mobile .ftable__cell {
display: block;
border: none;
padding: 0;
text-align: left;
}
.ftable--inline-mobile .ftable__cell--fit {
width: auto;
}
}
@media (max-width: 767px) {
.ftable--users .ftable__cell--name {
font-weight: 600;
}
}
@media (max-width: 767px) {
.ftable--roles .ftable__cell--name {
font-weight: 600;
}
}
.activity-changes {
font-size: 12px;
margin-top: 5px;
}
.activity-changes:first-child {
margin-top: 0;
}
/*
Common property classes
*/
.relative {
position: relative;
}
.disabled {
cursor: default !important;
cursor: not-allowed !important;
}
.inline-block {
display: inline-block;
}
.overflow-hidden {
overflow: hidden;
}
.hidden-absolute {
position: absolute;
top: -99999px;
left: -9999px;
}
.absolute-cover {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.noanimation *, .noanimation *:before, .noanimation *:after {
animation: none !important;
}
.notransition *, .notransition *:before, .notransition *:after {
transition: none !important;
}
.flex-space-between {
display: flex;
flex-direction: row;
justify-content: space-between;
flex-wrap: wrap;
}
.text-align-left {
text-align: left;
}
.text-align-right {
text-align: right;
}
.text-align-center {
text-align: center;
}
@media (max-width: 1259px) {
.text-align-left-on-screen {
text-align: left;
}
}
@media (max-width: 1023px) {
.text-align-left-on-tablet {
text-align: left;
}
}
@media (max-width: 767px) {
.text-align-left-on-mobile {
text-align: left;
}
}
@media (max-width: 1259px) {
.text-align-right-on-screen {
text-align: right;
}
}
@media (max-width: 1023px) {
.text-align-right-on-tablet {
text-align: right;
}
}
@media (max-width: 767px) {
.text-align-right-on-mobile {
text-align: right;
}
}
@media (max-width: 1259px) {
.text-align-center-on-screen {
text-align: center;
}
}
@media (max-width: 1023px) {
.text-align-center-on-tablet {
text-align: center;
}
}
@media (max-width: 767px) {
.text-align-center-on-mobile {
text-align: center;
}
}
.text-ellipsis {
display: inline-block;
max-width: 100%;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.vmiddle {
vertical-align: middle;
}
.vbottom {
vertical-align: bottom;
}
.vtop {
vertical-align: top;
}
.vbaseline {
vertical-align: baseline;
}
.pull-left {
float: left;
}
.pull-right {
float: right;
}
.nowrap {
white-space: nowrap;
}
.nounderline {
text-decoration: none;
}
.lowercase {
text-transform: lowercase;
}
.uppercase {
text-transform: uppercase;
}
.nouppercase {
text-transform: none;
}
.font-italic {
font-style: italic;
}
.font-thin {
font-weight: 100;
}
.font-light {
font-weight: 300;
}
.font-regular {
font-weight: 400;
}
.font-medium {
font-weight: 500;
}
.font-semibold {
font-weight: 600;
}
.font-bold {
font-weight: 800;
}
.font-extrabold {
font-weight: 800;
}
.font-black {
font-weight: 900;
}
.font-normal {
font-size: 14px;
}
.font-semismall {
font-size: 13px;
}
.font-small {
font-size: 12px;
}
.font-smaller {
font-size: 75%;
}
.font-xsmall {
font-size: 11px;
}
.color-default {
color: #222;
}
.color-active {
color: #7b0;
}
.color-blue {
color: #1d82ff;
}
.color-red {
color: #eb5a46;
}
.color-muted-strong {
color: #aaa;
}
.color-muted {
color: #888;
}
.color-muted-light {
color: #444;
}
.color-grey {
color: #565656;
}
.muted-50 {
opacity: 0.5;
}
.line-through {
text-decoration: line-through;
}
.cursor-pointer {
cursor: pointer;
}
.cursor-default {
cursor: default;
}
.touchevents .cursor-default {
cursor: pointer;
}
.cursor-help {
cursor: help;
}
.touchevents .cursor-help {
cursor: pointer;
}
.pointer-events-none {
pointer-events: none;
}
.minw200 {
min-width: 200px;
}
.mt10 {
margin-top: 10px;
}
.mw200 {
max-width: 200px;
}
.mw250 {
max-width: 250px;
}
.mw300 {
max-width: 300px;
}
/*# sourceMappingURL=style.css.map */
/*# sourceMappingURL=build.css.map */
/*
FILE ARCHIVED ON 14:48:12 Oct 08, 2024 AND RETRIEVED FROM THE
INTERNET ARCHIVE ON 11:22:20 May 16, 2025.
JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.
ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
SECTION 108(a)(3)).
*/
/*
playback timings (ms):
captures_list: 0.588
exclusion.robots: 0.029
exclusion.robots.policy: 0.017
esindex: 0.012
cdx.remote: 11.684
LoadShardBlock: 314.782 (3)
PetaboxLoader3.datanode: 283.325 (5)
PetaboxLoader3.resolve: 293.259 (3)
load_resource: 386.048 (2)
*/