/*
* 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; visibility: hidden; }
/* 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; }
}
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}
/**
* Swiper 5.4.5
* Most modern mobile touch slider and framework with hardware accelerated transitions
* http://swiperjs.com
*
* Copyright 2014-2020 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: June 16, 2020
*/
@font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
@font-face {
font-family: "Open Sans";
src: url("../font/open-sans-v17-latin_cyrillic-regular.eot?#iefix") format("embedded-opentype"), url("../font/open-sans-v17-latin_cyrillic-regular.woff2") format("woff2"), url("../font/open-sans-v17-latin_cyrillic-regular.woff") format("woff");
font-style: normal;
font-weight: 400;
font-display: fallback;
}
@font-face {
font-family: "Open Sans";
src: url("../font/open-sans-v17-latin_cyrillic-600.eot?#iefix") format("embedded-opentype"), url("../font/open-sans-v17-latin_cyrillic-600.woff2") format("woff2"), url("../font/open-sans-v17-latin_cyrillic-600.woff") format("woff");
font-style: normal;
font-weight: 600;
font-display: fallback;
}
@font-face {
font-family: "Open Sans";
src: url("../font/open-sans-v17-latin_cyrillic-700.eot?#iefix") format("embedded-opentype"), url("../font/open-sans-v17-latin_cyrillic-700.woff2") format("woff2"), url("../font/open-sans-v17-latin_cyrillic-700.woff") format("woff");
font-style: normal;
font-weight: 700;
font-display: fallback;
}
@font-face {
font-family: "Avenir Next Cyr";
src: url("../font/subset-AvenirNextCyr-Regular.woff2") format("woff2"), url("../font/subset-AvenirNextCyr-Regular.woff") format("woff");
font-style: normal;
font-weight: 400;
font-display: fallback;
}
@font-face {
font-family: "Avenir Next Cyr";
src: url("../font/subset-AvenirNextCyr-Demi.woff2") format("woff2"), url("../font/subset-AvenirNextCyr-Demi.woff") format("woff");
font-style: normal;
font-weight: 600;
font-display: fallback;
}
@font-face {
font-family: "Avenir Next Cyr";
src: url("../font/subset-AvenirNextCyr-Bold.woff2") format("woff2"), url("../font/subset-AvenirNextCyr-Bold.woff") format("woff");
font-style: normal;
font-weight: 700;
font-display: fallback;
}
a, .link {
outline: none;
color: #50BBE6;
text-decoration: none;
background-color: transparent;
-webkit-transition: color 0.3s, border-color 0.3s, opacity 0.3s;
-o-transition: color 0.3s, border-color 0.3s, opacity 0.3s;
transition: color 0.3s, border-color 0.3s, opacity 0.3s;
}
a:hover, .link:hover {
color: #50BBE6;
}
a:active, .link:active {
color: #50BBE6;
}
.link--ib {
display: inline-block;
line-height: 1.1;
}
.link--bordered {
text-decoration: none !important;
border-bottom: 1px solid currentColor;
}
.link--dotted {
text-decoration: none !important;
border-bottom: 1px dotted;
border-bottom-color: inherit;
}
.link--muted {
opacity: 0.5;
}
.link--muted:hover {
opacity: 1;
}
.link--muted:active {
opacity: 1;
}
sub, sup {
font-size: 65%;
}
img {
max-width: 100%;
}
img.fullwidth {
display: block;
width: 100%;
height: auto;
}
p img.b-lazy {
opacity: 0;
-webkit-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
}
p img.b-loaded {
opacity: 1;
}
strong {
font-weight: 700;
}
h1, .h1 {
font-family: "Avenir Next Cyr", Arial, sans-serif;
font-size: 3.88889rem;
font-weight: 900;
line-height: 1;
margin: 3.33333rem 0 0;
}
@media (max-width: 767px) {
h1, .h1 {
font-size: 1.44444rem;
}
}
h1:first-child, .h1:first-child {
margin-top: 0;
}
h2, .h2 {
font-family: "Avenir Next Cyr", Arial, sans-serif;
font-size: 3.66667rem;
font-weight: 700;
line-height: 1.25;
margin: 2.77778rem 0 0;
}
@media (max-width: 767px) {
h2, .h2 {
font-size: 1.6rem;
line-height: 1.4;
}
}
h2:first-child, .h2:first-child {
margin-top: 0;
}
h2 + p, h2 + .p, .h2 + p, .h2 + .p {
margin-top: 1.66667rem;
}
@media (max-width: 767px) {
h2 + p, h2 + .p, .h2 + p, .h2 + .p {
margin-top: 0.83333rem;
}
}
@media (min-width: 768px) {
.h2--size-l {
font-size: 3.55556rem;
}
}
@media (min-width: 768px) {
.h2--size-l-2 {
font-size: 3rem;
}
}
h3, .h3 {
font-family: "Avenir Next Cyr", Arial, sans-serif;
font-size: 2rem;
font-weight: 700;
line-height: 1.16667;
margin: 2.22222rem 0 0;
}
@media (max-width: 767px) {
h3, .h3 {
font-size: 1rem;
line-height: 1.22222;
}
}
h3 + .p,
h3 + p, .h3 + .p,
.h3 + p {
margin-top: 1.11111rem;
}
@media (max-width: 767px) {
h3 + .p,
h3 + p, .h3 + .p,
.h3 + p {
margin-top: 0.83333rem;
}
}
h3:first-child, .h3:first-child {
margin-top: 0;
}
h4, .h4 {
font-family: "Avenir Next Cyr", Arial, sans-serif;
font-size: 1.55556rem;
font-weight: 700;
line-height: 1.17857;
margin: 1.38889rem 0 0;
}
@media (max-width: 767px) {
h4, .h4 {
font-size: 0.77778rem;
line-height: 1.28571;
margin-top: 1.11111rem;
}
}
@media (max-width: 767px) {
h4--mobile-larger, .h4--mobile-larger {
font-size: 1rem;
}
}
h4:first-child, .h4:first-child {
margin-top: 0;
}
@media (min-width: 768px) {
.h4--size-l {
font-size: 1.77778rem;
line-height: 1.15625;
}
}
h5, .h5 {
font-family: "Avenir Next Cyr", Arial, sans-serif;
font-size: 1.11111rem;
font-weight: 700;
line-height: 1.2;
margin: 1.11111rem 0 0;
}
@media (max-width: 767px) {
h5, .h5 {
font-size: 0.66667rem;
line-height: 1.41667;
}
}
h5:first-child, .h5:first-child {
margin-top: 0;
}
p, .p {
margin: 1.11111rem 0 0;
-webkit-text-size-adjust: 100%;
}
@media (max-width: 767px) {
p, .p {
margin-top: 0.83333rem;
}
}
p:first-child, .p:first-child {
margin-top: 0;
}
ol, ul {
margin: 1.11111rem 0 0;
padding: 0;
}
ol:first-child, ul:first-child {
margin-top: 0;
}
ol > li, ul > li {
margin: 0;
padding: 0 0 0 1.66667rem;
margin-top: 0.55556rem;
}
ol > li:first-child, ul > li:first-child {
margin-top: 0;
}
ol > li:first-child, ul > li:first-child {
margin-top: 0;
}
li ul, li ol {
margin-top: 0.55556rem;
}
li ul:first-child, li ol:first-child {
margin-top: 0.55556rem;
}
ul {
list-style: none;
}
ul > li {
position: relative;
padding-left: 1.8em;
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
-o-column-break-inside: avoid;
-ms-column-break-inside: avoid;
column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid-column;
}
ul > li:before {
position: relative;
display: inline-block;
width: 1.8em;
margin-left: -1.8em;
text-align: left;
letter-spacing: 0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-indent: 0;
content: "―";
}
ol {
padding: 0 0 0 1.6em;
}
ol > li {
padding: 0 0 0 0.2em;
}
nav ul, .nav ul {
margin: 0;
padding: 0;
}
nav li, .nav li {
margin: 0;
padding: 0;
text-indent: 0;
}
nav li:before, .nav li:before {
display: none;
}
.table-wrapper {
margin-top: 1.11111rem;
}
.table-wrapper:first-child {
margin-top: 0;
}
@media (max-width: 767px) {
.table-wrapper {
margin-left: -1.66667rem;
margin-right: -1.66667rem;
}
}
.table-scroller {
overflow-x: auto;
margin-top: 1.11111rem;
}
.table-scroller:first-child {
margin-top: 0;
}
.table-scroller-inner {
display: inline-block;
vertical-align: top;
min-width: 100%;
}
@media (max-width: 767px) {
.table-scroller-inner {
padding: 0 0.83333rem;
}
}
table {
margin-top: 1.11111rem;
width: 100%;
border-collapse: collapse;
}
table:first-child {
margin-top: 0;
}
table--auto {
width: auto;
}
@media (min-width: 768px) {
table {
font-size: 0.88889rem;
}
}
table th {
background-color: rgba(0, 0, 0, 0.15);
}
table th, table td {
padding: 0.55556rem 0.83333rem;
text-align: left;
}
table tbody th, table tbody td {
padding-top: 0.83333rem;
padding-bottom: 0.83333rem;
}
table tr:not(:first-child) {
border-top: 1px solid rgba(0, 0, 0, 0.2);
}
.hr, hr {
margin: 1.11111rem 0 0;
padding: 0;
border: none;
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.hr:first-child, hr:first-child {
margin-top: 0;
}
.only-for-notouch,
.only-for-touch {
display: none !important;
}
.only-for-notouch-inline-block,
.only-for-touch-inline-block {
display: none !important;
}
.only-for-notouch-inline,
.only-for-touch-inline {
display: none !important;
}
.only-for-notouch-table,
.only-for-touch-table {
display: none !important;
}
.only-for-notouch-table-row,
.only-for-touch-table-row {
display: none !important;
}
.only-for-notouch-table-cell,
.only-for-touch-table-cell {
display: none !important;
}
.only-for-notouch-flex,
.only-for-touch-flex {
display: none !important;
}
.only-for-notouch-inline-flex,
.only-for-touch-inline-flex {
display: none !important;
}
.no-touchevents .only-for-notouch,
.touchevents .only-for-touch {
display: block !important;
}
.no-touchevents .only-for-notouch-inline-block,
.touchevents .only-for-touch-inline-block {
display: inline-block !important;
}
.no-touchevents .only-for-notouch-inline,
.touchevents .only-for-touch-inline {
display: inline !important;
}
.no-touchevents .only-for-notouch-table,
.touchevents .only-for-touch-table {
display: table !important;
}
.no-touchevents .only-for-notouch-table-row,
.touchevents .only-for-touch-table-row {
display: table-row !important;
}
.no-touchevents .only-for-notouch-table-cell,
.touchevents .only-for-touch-table-cell {
display: table-cell !important;
}
.no-touchevents .only-for-notouch-flex,
.touchevents .only-for-touch-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.no-touchevents .only-for-notouch-inline-flex,
.touchevents .only-for-touch-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
.screen-xl-show {
display: none !important;
}
.screen-xl-show-inline-block {
display: none !important;
}
.screen-xl-show-inline {
display: none !important;
}
.screen-xl-show-table {
display: none !important;
}
.screen-xl-show-table-row {
display: none !important;
}
.screen-xl-show-table-cell {
display: none !important;
}
.screen-xl-show-flex {
display: none !important;
}
.screen-xl-show-inline-flex {
display: none !important;
}
.tablet-show {
display: none !important;
}
.tablet-show-inline-block {
display: none !important;
}
.tablet-show-inline {
display: none !important;
}
.tablet-show-table {
display: none !important;
}
.tablet-show-table-row {
display: none !important;
}
.tablet-show-table-cell {
display: none !important;
}
.tablet-show-flex {
display: none !important;
}
.tablet-show-inline-flex {
display: none !important;
}
.tablet-small-show {
display: none !important;
}
.tablet-small-show-inline-block {
display: none !important;
}
.tablet-small-show-inline {
display: none !important;
}
.tablet-small-show-table {
display: none !important;
}
.tablet-small-show-table-row {
display: none !important;
}
.tablet-small-show-table-cell {
display: none !important;
}
.tablet-small-show-flex {
display: none !important;
}
.tablet-small-show-inline-flex {
display: none !important;
}
.mobile-show {
display: none !important;
}
.mobile-show-inline-block {
display: none !important;
}
.mobile-show-inline {
display: none !important;
}
.mobile-show-table {
display: none !important;
}
.mobile-show-table-row {
display: none !important;
}
.mobile-show-table-cell {
display: none !important;
}
.mobile-show-flex {
display: none !important;
}
.mobile-show-inline-flex {
display: none !important;
}
.mobile-small-show {
display: none !important;
}
.mobile-small-show-inline-block {
display: none !important;
}
.mobile-small-show-inline {
display: none !important;
}
.mobile-small-show-table {
display: none !important;
}
.mobile-small-show-table-row {
display: none !important;
}
.mobile-small-show-table-cell {
display: none !important;
}
.mobile-small-show-flex {
display: none !important;
}
.mobile-small-show-inline-flex {
display: none !important;
}
.mobile-xsmall-show {
display: none !important;
}
.mobile-xsmall-show-inline-block {
display: none !important;
}
.mobile-xsmall-show-inline {
display: none !important;
}
.mobile-xsmall-show-table {
display: none !important;
}
.mobile-xsmall-show-table-row {
display: none !important;
}
.mobile-xsmall-show-table-cell {
display: none !important;
}
.mobile-xsmall-show-flex {
display: none !important;
}
.mobile-xsmall-show-inline-flex {
display: none !important;
}
.mobile-xxsmall-show {
display: none !important;
}
.mobile-xxsmall-show-inline-block {
display: none !important;
}
.mobile-xxsmall-show-inline {
display: none !important;
}
.mobile-xxsmall-show-table {
display: none !important;
}
.mobile-xxsmall-show-table-row {
display: none !important;
}
.mobile-xxsmall-show-table-cell {
display: none !important;
}
.mobile-xxsmall-show-flex {
display: none !important;
}
.mobile-xxsmall-show-inline-flex {
display: none !important;
}
.mobile-xxxsmall-show {
display: none !important;
}
.mobile-xxxsmall-show-inline-block {
display: none !important;
}
.mobile-xxxsmall-show-inline {
display: none !important;
}
.mobile-xxxsmall-show-table {
display: none !important;
}
.mobile-xxxsmall-show-table-row {
display: none !important;
}
.mobile-xxxsmall-show-table-cell {
display: none !important;
}
.mobile-xxxsmall-show-flex {
display: none !important;
}
.mobile-xxxsmall-show-inline-flex {
display: none !important;
}
.initial-hide {
display: none !important;
}
.initial-show {
display: block !important;
}
.initial-show-inline-block {
display: inline-block !important;
}
.initial-show-inline {
display: inline !important;
}
.initial-show-table {
display: table !important;
}
.initial-show-table-row {
display: table-row !important;
}
.initial-show-table-cell {
display: table-cell !important;
}
.initial-show-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.initial-show-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
@media (max-width: 1350px) {
.screen-xl-hide {
display: none !important;
}
.screen-xl-show {
display: block !important;
}
.screen-xl-show-inline-block {
display: inline-block !important;
}
.screen-xl-show-inline {
display: inline !important;
}
.screen-xl-show-table {
display: table !important;
}
.screen-xl-show-table-row {
display: table-row !important;
}
.screen-xl-show-table-cell {
display: table-cell !important;
}
.screen-xl-show-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.screen-xl-show-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (max-width: 1259px) {
.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 {
display: table !important;
}
.tablet-show-table-row {
display: table-row !important;
}
.tablet-show-table-cell {
display: table-cell !important;
}
.tablet-show-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.tablet-show-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (max-width: 1023px) {
.tablet-small-hide {
display: none !important;
}
.tablet-small-show {
display: block !important;
}
.tablet-small-show-inline-block {
display: inline-block !important;
}
.tablet-small-show-inline {
display: inline !important;
}
.tablet-small-show-table {
display: table !important;
}
.tablet-small-show-table-row {
display: table-row !important;
}
.tablet-small-show-table-cell {
display: table-cell !important;
}
.tablet-small-show-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.tablet-small-show-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !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 {
display: table !important;
}
.mobile-show-table-row {
display: table-row !important;
}
.mobile-show-table-cell {
display: table-cell !important;
}
.mobile-show-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.mobile-show-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !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 {
display: table !important;
}
.mobile-small-show-table-row {
display: table-row !important;
}
.mobile-small-show-table-cell {
display: table-cell !important;
}
.mobile-small-show-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.mobile-small-show-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (max-width: 413px) {
.mobile-xsmall-hide {
display: none !important;
}
.mobile-xsmall-show {
display: block !important;
}
.mobile-xsmall-show-inline-block {
display: inline-block !important;
}
.mobile-xsmall-show-inline {
display: inline !important;
}
.mobile-xsmall-show-table {
display: table !important;
}
.mobile-xsmall-show-table-row {
display: table-row !important;
}
.mobile-xsmall-show-table-cell {
display: table-cell !important;
}
.mobile-xsmall-show-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.mobile-xsmall-show-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (max-width: 374px) {
.mobile-xxsmall-hide {
display: none !important;
}
.mobile-xxsmall-show {
display: block !important;
}
.mobile-xxsmall-show-inline-block {
display: inline-block !important;
}
.mobile-xxsmall-show-inline {
display: inline !important;
}
.mobile-xxsmall-show-table {
display: table !important;
}
.mobile-xxsmall-show-table-row {
display: table-row !important;
}
.mobile-xxsmall-show-table-cell {
display: table-cell !important;
}
.mobile-xxsmall-show-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.mobile-xxsmall-show-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (max-width: 359px) {
.mobile-xxxsmall-hide {
display: none !important;
}
.mobile-xxxsmall-show {
display: block !important;
}
.mobile-xxxsmall-show-inline-block {
display: inline-block !important;
}
.mobile-xxxsmall-show-inline {
display: inline !important;
}
.mobile-xxxsmall-show-table {
display: table !important;
}
.mobile-xxxsmall-show-table-row {
display: table-row !important;
}
.mobile-xxxsmall-show-table-cell {
display: table-cell !important;
}
.mobile-xxxsmall-show-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.mobile-xxxsmall-show-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
/*
Icons
*/
.icon {
position: relative;
display: inline-block;
fill: currentColor;
width: 1em;
height: 1em;
letter-spacing: 0;
line-height: 1;
}
.icon--default {
top: -0.05556rem;
vertical-align: middle;
font-size: 0.88889rem;
margin-left: 0.38889rem;
margin-right: 0.38889rem;
}
.icon--default:first-child {
margin-left: 0;
}
.icon--default:last-child {
margin-right: 0;
}
.icon--12 {
font-size: 0.66667rem;
}
.icon--16 {
font-size: 0.88889rem;
}
.icon--20 {
font-size: 1.11111rem;
}
.icon--24 {
font-size: 1.33333rem;
}
.icon--32 {
font-size: 1.77778rem;
}
.icon--48 {
font-size: 2.66667rem;
}
svg.icon {
pointer-events: none;
}
/*
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: 0.55556rem;
padding-right: 0.55556rem;
}
.cols-row {
display: table-row;
}
.cols-wrapper {
margin-top: 1.66667rem;
margin-left: -0.55556rem;
margin-right: -0.55556rem;
}
.cols-wrapper:first-child {
margin-top: 0;
}
.cols-wrapper:after {
content: "";
display: table;
clear: both;
}
.cols-wrapper--no-padding {
margin-left: 0;
margin-right: 0;
}
.cols-wrapper--no-padding > .cols > .col {
padding-left: 0;
padding-right: 0;
}
@media (max-width: 767px) {
.cols-wrapper--mobile-plain > .cols {
display: block;
margin-bottom: -1.66667rem;
}
}
@media (max-width: 767px) {
.cols-wrapper--mobile-plain > .cols > .col {
display: block;
width: auto;
margin-bottom: 1.66667rem;
}
}
.cols--reverse {
direction: rtl;
}
.cols--reverse > .col {
direction: ltr;
}
.col--fit {
width: 1px;
}
.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--flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: auto;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.cols--flex > .col {
display: block;
}
/*
Textfields
*/
textarea,
input,
button {
-webkit-font-smoothing: antialiased;
outline: none;
line-height: 1.25;
font-family: inherit;
}
.textfield {
position: relative;
z-index: 0;
display: inline-block;
font-family: inherit;
font-size: 0.77778rem;
font-weight: 400;
line-height: 1.285714285714286;
background: #fff;
color: #000;
padding: 1.16667rem 1.11111rem;
min-height: 3.33333rem;
width: 100%;
border: none;
-webkit-box-shadow: inset 0 0 0 1px #eee;
box-shadow: inset 0 0 0 1px #eee;
border-radius: 0;
-webkit-appearance: none !important;
outline: none;
resize: none;
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
-webkit-transition: color 0.3s, background-color 0.3s, border-color 0.3s, -webkit-box-shadow 0.3s;
transition: color 0.3s, background-color 0.3s, border-color 0.3s, -webkit-box-shadow 0.3s;
-o-transition: color 0.3s, background-color 0.3s, border-color 0.3s, box-shadow 0.3s;
transition: color 0.3s, background-color 0.3s, border-color 0.3s, box-shadow 0.3s;
transition: color 0.3s, background-color 0.3s, border-color 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;
}
.textfield:focus {
-webkit-box-shadow: inset 0 0 0 1px #50BBE6;
box-shadow: inset 0 0 0 1px #50BBE6;
outline: none;
z-index: 1;
}
@media (max-width: 767px) {
.textfield {
font-size: 0.66667rem;
min-height: 2.66667rem;
padding: 0.94444rem 0.83333rem 0.88889rem;
}
}
.textfield:invalid {
background: #fff;
}
.textfield:-webkit-autofill {
-webkit-box-shadow: inset 0 0 0 1px #eee, inset 0 0 0 16.66667rem #fff;
box-shadow: inset 0 0 0 1px #eee, inset 0 0 0 16.66667rem #fff;
}
.textfield.error {
-webkit-box-shadow: inset 0 0 0 1px #D0021B, inset 0 0 0 16.66667rem #fff;
box-shadow: inset 0 0 0 1px #D0021B, inset 0 0 0 16.66667rem #fff;
}
.textfield::-ms-clear, .textfield::-ms-reveal {
display: none;
width: 0;
height: 0;
}
.textfield::-webkit-input-placeholder {
color: #000;
opacity: 1;
}
.textfield::-moz-placeholder {
color: #000;
opacity: 1;
}
.textfield:-moz-placeholder {
color: #000;
opacity: 1;
}
.textfield:-ms-input-placeholder {
color: #000;
opacity: 1;
}
.textfield--w-icon-left {
padding-left: 2.77778rem;
}
.textfield--w-icon-right {
padding-right: 2.77778rem;
}
.textfield-icon {
position: absolute;
top: 0;
right: 0;
bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
min-width: 2.77778rem;
font-size: 1.11111rem;
z-index: 1;
}
.textfield-icon--left {
left: 0;
right: auto;
}
.textfield-icon--right {
right: 0;
left: auto;
}
.textfield--alt {
font-size: 0.88889rem;
padding: 0.61111rem 1.11111rem;
-webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
border-radius: 0.27778rem;
}
.textfield--alt:focus {
-webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.4);
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.4);
outline: none;
}
.textfield--alt:-webkit-autofill {
-webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2), inset 0 0 0 16.66667rem #fff;
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2), inset 0 0 0 16.66667rem #fff;
}
.textfield--alt::-webkit-input-placeholder {
color: rgba(0, 0, 0, 0.7);
}
.textfield--alt::-moz-placeholder {
color: rgba(0, 0, 0, 0.7);
}
.textfield--alt:-moz-placeholder {
color: rgba(0, 0, 0, 0.7);
}
.textfield--alt:-ms-input-placeholder {
color: rgba(0, 0, 0, 0.7);
}
.textfield--code {
width: auto;
text-transform: uppercase;
text-align: center;
font-size: 2rem;
width: 2rem;
min-height: 0;
padding: 0 0 0.5rem;
background: transparent;
color: #000;
-webkit-box-shadow: inset 0 -1px 0 #000;
box-shadow: inset 0 -1px 0 #000;
margin-left: 1rem;
}
@media (max-width: 767px) {
.textfield--code {
font-size: 0.77778rem;
width: 1.33333rem;
padding: 0 0 0.11111rem;
margin-left: 0.44444rem;
}
}
.textfield--code:first-child {
margin-left: 0;
}
.textfield--code:focus {
-webkit-box-shadow: inset 0 -1px 0 #50BBE6;
box-shadow: inset 0 -1px 0 #50BBE6;
}
.textfield--code:invalid {
background: transparent;
}
.textfield--code:-webkit-autofill {
-webkit-box-shadow: inset 0 -1px 0 #000;
box-shadow: inset 0 -1px 0 #000;
}
.textfield--code.error {
-webkit-box-shadow: inset 0 -1px 0 #D0021B;
box-shadow: inset 0 -1px 0 #D0021B;
}
.textfield[disabled], .textfield.disabled {
color: #fff;
opacity: 0.6;
border-color: transparent;
cursor: default;
cursor: not-allowed;
z-index: 2;
}
textarea.textfield {
white-space: normal;
overflow-y: auto;
overflow-x: hidden;
height: auto;
padding: 0.94444rem 1.11111rem;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
/* display: none; <- Crashes Chrome on hover */
-webkit-appearance: none;
margin: 0;
/* <-- Apparently some margin are still there even though it's hidden */
}
input[type=number] {
-moz-appearance: textfield;
/* Firefox */
}
.textfield-wrapper {
position: relative;
}
.textfield-placeholder {
position: absolute;
top: 0;
left: 0;
display: inline-block;
font-family: inherit;
font-size: 0.77778rem;
font-weight: 400;
line-height: 1.285714285714286;
color: #000;
padding: 1.16667rem 1.11111rem;
min-height: 3.33333rem;
max-width: 100%;
z-index: 2;
pointer-events: none;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
visibility: hidden;
-webkit-transition: all 0.3s, visibility 0s 0.3s;
-o-transition: all 0.3s, visibility 0s 0.3s;
transition: all 0.3s, visibility 0s 0.3s;
}
@media (max-width: 767px) {
.textfield-placeholder {
font-size: 0.66667rem;
min-height: 2.66667rem;
padding: 0.94444rem 0.83333rem 0.88889rem;
}
}
.ready .textfield-placeholder {
visibility: visible;
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.textfield--placeholder-hide-on-hover:hover + .textfield-placeholder {
visibility: hidden;
}
textarea.textfield + .textfield-placeholder {
white-space: normal;
}
.textfield-wrapper--placeholder-top .textfield-placeholder,
.textfield--placeholder-top + .textfield-placeholder,
.textfield.filled + .textfield-placeholder,
.textfield:focus + .textfield-placeholder {
color: #868686;
top: -0.55556rem;
font-size: 0.55556rem;
line-height: 0.85;
letter-spacing: 0;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
visibility: visible;
}
@media (max-width: 767px) {
.textfield-wrapper--placeholder-top .textfield-placeholder,
.textfield--placeholder-top + .textfield-placeholder,
.textfield.filled + .textfield-placeholder,
.textfield:focus + .textfield-placeholder {
font-size: 0.5rem;
top: -0.5rem;
}
}
.textfield[disabled] + .textfield-placeholder,
.textfield.disabled + .textfield-placeholder {
opacity: 0.6;
}
.textfield[disabled].filled + .textfield-placeholder,
.textfield.disabled.filled + .textfield-placeholder {
opacity: 0.6;
}
.textfield-icon {
position: absolute;
top: 0;
right: 0;
z-index: 2;
width: 4rem;
height: 3.33333rem;
line-height: 3.33333rem;
text-align: center;
font-size: 1.33333rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
pointer-events: none;
}
@media (max-width: 767px) {
.textfield-icon {
font-size: 0.88889rem;
width: 2.66667rem;
height: 2.66667rem;
line-height: 2.66667rem;
}
}
.textfield-icon + .textfield {
padding-right: 4rem;
}
@media (max-width: 767px) {
.textfield-icon + .textfield {
padding-right: 2.66667rem;
}
}
/*
Checkboxes
*/
.checkboxes {
margin-top: 0.83333rem;
margin-left: -1.38889rem;
}
.checkboxes:first-child {
margin-top: 0;
}
.checkboxes:after {
content: "";
display: table;
clear: both;
}
.checkboxes__inner {
float: left;
width: 100%;
margin-bottom: -0.55556rem;
font-size: 0;
}
.checkboxes--larger {
margin-top: 1.38889rem;
}
.checkboxes--larger .checkboxes__inner {
margin-bottom: -0.83333rem;
}
.checkboxes--btn {
margin-left: 0;
}
.checkboxes--btn .checkboxes__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.checkbox {
position: relative;
display: inline-block;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #ccc;
font-size: 0.61111rem;
line-height: 1.27273;
min-height: 0.77778rem;
padding-left: 1.22222rem;
margin-bottom: 0.55556rem;
margin-left: 1.38889rem;
cursor: pointer;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.checkbox--larger {
font-size: 0.66667rem;
margin-bottom: 0.83333rem;
padding-left: 1.44444rem;
}
.checkbox--larger .checkbox__icon {
height: 0.88889rem;
width: 0.88889rem;
line-height: 0.88889rem;
}
.checkbox--btn.btn {
font-size: 0.77778rem;
color: #fff !important;
background: #50BBE6;
margin-left: 0 !important;
min-width: 2.22222rem;
padding: 0 0.83333rem;
-webkit-box-flex: 1;
-ms-flex: auto 1 1;
flex: auto 1 1;
}
@media (max-width: 767px) {
.checkbox--btn.btn {
font-size: 0.66667rem;
}
}
.checkbox--btn.btn:before {
border-width: 1px;
}
.checkbox--btn.btn:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.checkbox--btn.btn:not(:first-child):before {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.checkbox--btn.btn:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.checkbox--btn.btn:not(:last-child):before {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.checkbox--btn.btn:hover {
background-color: #66c4e9;
}
.checkbox--btn.btn:active {
background-color: #66c4e9;
}
.checkbox--btn.btn.disabled {
background: #eee !important;
color: #bebebe !important;
}
.checkbox--btn.btn:not(.checked) {
background-color: transparent;
color: #868686 !important;
}
.checkbox--btn.btn:not(.checked):before {
border-color: #50BBE6;
}
.checkbox--btn.btn:not(.checked):hover {
background-color: transparent;
color: #50BBE6 !important;
}
.checkbox--btn.btn:not(.checked):hover:before {
border-color: #50BBE6;
}
.checkbox--btn.btn:not(.checked):active {
background-color: transparent;
color: #50BBE6 !important;
}
.checkbox--btn.btn:not(.checked):active:before {
border-color: #50BBE6;
}
.checkbox--btn.btn:not(.checked).disabled {
background-color: transparent;
color: #c9c9c9 !important;
}
.checkbox--btn.btn:not(.checked).disabled:before {
border-color: #c9c9c9;
}
.checkbox__icon {
position: absolute;
top: 0;
left: 0;
height: 0.77778rem;
width: 0.77778rem;
line-height: 0.77778rem;
font-size: 0.55556rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
color: #50BBE6;
-webkit-box-shadow: inset 0 0 0 1px #61CAEA;
box-shadow: inset 0 0 0 1px #61CAEA;
content: '';
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.checkbox__icon .icon {
vertical-align: middle;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
opacity: 0;
-webkit-transition: all 0.3s, color 0s;
-o-transition: all 0.3s, color 0s;
transition: all 0.3s, color 0s;
}
.checkbox > input[type='radio'],
.checkbox > input[type='checkbox'] {
position: absolute;
left: 0;
top: 0;
opacity: 0;
z-index: -1;
}
.checkbox.checked .checkbox__icon .icon {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.checkbox.disabled {
cursor: default;
cursor: not-allowed;
opacity: 0.5;
}
.checkbox.disabled .checkbox__icon {
opacity: 0.5;
}
.checkbox--radio .checkbox__icon {
border-radius: 50%;
background: transparent;
}
.checkbox--radio .checkbox__icon .icon {
display: none;
}
.checkbox--radio .checkbox__icon:before {
border-radius: 50%;
}
.checkbox--radio .checkbox__icon:after {
position: absolute;
top: 0.27778rem;
left: 0.27778rem;
right: 0.27778rem;
bottom: 0.27778rem;
background: currentColor;
border-radius: 50%;
content: '';
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.checkbox--radio.checked .checkbox__icon {
background: transparent;
}
.checkbox--radio.checked .checkbox__icon:before {
background: transparent;
}
.checkbox--radio.checked .checkbox__icon:after {
opacity: 1;
visibility: visible;
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.checkbox--block {
display: block;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.checkbox.checked .checkbox__icon:after {
visibility: visible;
}
/*
Buttons
*/
.btn {
position: relative;
display: inline-block;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
outline: none;
text-decoration: none;
text-transform: none;
text-align: center;
font-family: "Avenir Next Cyr", Arial, sans-serif;
font-size: 0.77778rem;
font-weight: 600;
border: none;
padding: 0 1.11111rem;
min-width: 9.72222rem;
height: 2.22222rem;
line-height: 2.22222rem;
vertical-align: middle;
border-radius: 0.22222rem;
color: #fff !important;
-webkit-appearance: none;
background: #50BBE6;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
cursor: pointer;
z-index: 0;
}
@media (max-width: 767px) {
.btn {
font-size: 0.61111rem;
padding: 0 1.66667rem;
min-width: 7.77778rem;
}
}
.btn:before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: 0.22222rem;
border: 0.11667rem solid transparent;
content: '';
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.btn::-moz-focus-inner {
padding: 0 !important;
border: 0 none !important;
}
.btn:hover {
text-decoration: none;
background-color: #66c4e9;
}
.btn:active {
text-decoration: none;
background-color: #66c4e9;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn[disabled], .btn.disabled {
background: #eee !important;
color: #bebebe !important;
cursor: default;
cursor: not-allowed;
}
.btn + .btn {
margin-left: 1.11111rem;
}
.btn > input[type='file'] {
opacity: 0;
font-size: 0;
width: 100%;
height: 100%;
position: absolute;
top: -1.11111rem;
right: -0.55556rem;
vertical-align: top;
z-index: 3;
cursor: pointer;
}
.btn > span {
display: inline-block;
line-height: 1.2;
}
.btn .icon {
vertical-align: middle;
margin: 0 0.83333rem;
}
.btn .icon:first-child {
margin-left: 0;
}
.btn .icon:last-child {
margin-right: 0;
}
.btn--trigger-parent:after {
position: absolute;
top: -27.77778rem;
right: -27.77778rem;
bottom: -27.77778rem;
left: -27.77778rem;
content: '';
}
.btn--fullwidth {
width: 100%;
margin-top: 1.11111rem;
}
.btn--fullwidth:first-child {
margin-top: 0;
}
.btn--space-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.btn--no-padding {
min-width: 2.22222rem;
padding-left: 0;
padding-right: 0;
}
.btn--round {
border-radius: 5.55556rem;
}
.btn--smaller {
font-size: 0.66667rem;
height: 1.77778rem;
line-height: 1.77778rem;
min-width: 1.77778rem;
}
@media (max-width: 767px) {
.btn--smaller {
padding: 0 1.38889rem;
}
}
.btn--smaller .icon {
margin: 0 0.55556rem;
}
.btn--smaller .icon:first-child {
margin-left: -0.55556rem;
}
.btn--smaller .icon:last-child {
margin-right: -0.55556rem;
}
@media (max-width: 767px) {
.btn--smaller-mobile {
font-size: 0.66667rem;
height: 1.77778rem;
line-height: 1.77778rem;
min-width: 1.77778rem;
padding: 0 1.38889rem;
}
.btn--smaller-mobile .icon {
margin: 0 0.55556rem;
}
.btn--smaller-mobile .icon:first-child {
margin-left: -0.55556rem;
}
.btn--smaller-mobile .icon:last-child {
margin-right: -0.55556rem;
}
}
@media (min-width: 768px) {
.btn--size-l {
font-size: 1rem;
height: 2.77778rem;
line-height: 2.77778rem;
padding-left: 1.38889rem;
padding-right: 1.38889rem;
}
.btn--size-l:before {
border-width: 2px;
}
}
.btn--bg-alt {
background-color: #2E9DDD;
}
.btn--bg-alt:hover {
background-color: #44a7e1;
}
.btn--bg-alt:active {
background-color: #44a7e1;
}
.btn--white {
background-color: #fff;
color: #000 !important;
}
.btn--white:hover {
background-color: #f2f2f2;
}
.btn--white:active {
background-color: #f2f2f2;
}
.btn--outline {
background-color: transparent;
color: #fff !important;
}
.btn--outline:before {
border-color: #000;
}
.btn--outline:hover {
background-color: transparent;
color: #50BBE6 !important;
}
.btn--outline:hover:before {
border-color: #50BBE6;
}
.btn--outline:active {
background-color: transparent;
color: #50BBE6 !important;
}
.btn--outline:active:before {
border-color: #50BBE6;
}
.btn--outline[disabled], .btn--outline.disabled {
background-color: transparent;
color: #c9c9c9 !important;
}
.btn--outline[disabled]:before, .btn--outline.disabled:before {
border-color: #c9c9c9;
}
.btn--outline-white {
color: #fff !important;
}
.btn--outline-white:before {
border-color: #fff;
}
.btn--outline-white:hover {
color: #50BBE6 !important;
background-color: #fff;
}
.btn--outline-white:hover:before {
border-color: #fff;
}
.btn--outline-white:active {
color: #000 !important;
background-color: #fff;
}
.btn--outline-white:active:before {
border-color: #fff;
}
.btn--outline-white[disabled], .btn--outline-white.disabled {
color: #c9c9c9 !important;
}
.btn--outline-white[disabled]:before, .btn--outline-white.disabled:before {
border-color: #c9c9c9;
}
.btn--in-text {
margin-top: 0.55556rem;
}
@media (max-width: 767px) {
.btn--in-text {
margin-top: 0.83333rem;
}
}
/*
Loaders
*/
.loader {
display: inline-block;
vertical-align: middle;
height: 2.22222rem;
width: 2.22222rem;
opacity: 0;
-webkit-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
pointer-events: none;
text-indent: 0;
}
.btn .loader, .loader-set-absolute > .loader {
position: absolute;
top: 50%;
left: 50%;
margin: -1.11111rem 0 0 -1.11111rem;
}
.loading > .loader {
opacity: 1;
}
.loader.active {
opacity: 1;
}
.loader * {
fill: currentColor;
}
.btn .loader * {
fill: currentColor;
}
.loader svg {
width: 100%;
height: 100%;
}
.btn.loading {
pointer-events: none;
background: none !important;
color: transparent !important;
}
.btn.loading:before {
opacity: 0 !important;
}
.btn__loader-inner {
-webkit-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.loading > .btn__loader-inner {
opacity: 0;
}
/*
Expansible content
*/
.expand-it-container {
position: relative;
overflow: hidden;
max-height: 0;
pointer-events: none;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.expand-it-container > .expand-it-inner {
position: relative;
top: -5555.5rem;
-webkit-transition-timing-function: ease-in-out;
-o-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
-webkit-transition-delay: 0.4s;
-o-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.expand-it-container.overflow-visible {
overflow: visible;
max-height: 5555.5rem !important;
}
.expand-it-container.active {
max-height: 5555.5rem;
pointer-events: auto;
}
.expand-it-container.active > .expand-it-inner {
top: 0;
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
/*
Form's layout
*/
.form {
position: relative;
margin-top: 2.77778rem;
}
.form:first-child {
margin-top: 0;
}
@media (max-width: 767px) {
.form {
margin-top: 1.66667rem;
}
}
.form__items {
position: relative;
margin-top: 1.11111rem;
}
.form__items:first-child {
margin-top: 0;
}
.form__item {
position: relative;
margin-top: 0.83333rem;
}
.form__item:first-child {
margin-top: 0;
}
.form__item-label {
display: block;
font-size: 0.77778rem;
line-height: 1.57143;
margin-top: 0.27778rem;
}
.form__item-label:first-child {
margin-top: 0;
}
.form__item-field {
position: relative;
margin-top: 0.27778rem;
}
.form__item-field:first-child {
margin-top: 0;
}
.form__item-tip {
font-size: 0.66667rem;
line-height: 1.25;
margin-top: 0.27778rem;
padding: 0 1.11111rem;
}
.form__item-tip:first-child {
margin-top: 0;
}
@media (max-width: 767px) {
.form__item-tip {
font-size: 0.55556rem;
padding-left: 0.83333rem;
padding-right: 0.83333rem;
}
}
.form__item--mm {
margin-top: 1.66667rem;
}
.form__item--no-margin {
margin-top: -1px;
}
.form__item--no-margin:first-child {
margin-top: 0;
}
.form__item--no-margin .form__error:last-child {
margin-bottom: 0.83333rem;
}
.form__actions {
position: relative;
margin-top: 2.22222rem;
}
.form__actions:first-child {
margin-top: 0;
}
@media (max-width: 767px) {
.form__actions {
margin-top: 1.11111rem;
}
}
.form__error {
padding: 0.27778rem 1.11111rem 0;
font-size: 0.66667rem;
line-height: 1.25;
color: #D0021B;
-webkit-animation: 0.5s ease-out;
animation: 0.5s ease-out;
-webkit-animation-iteration-count: 2;
animation-iteration-count: 2;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
-webkit-animation-name: pulsateError;
animation-name: pulsateError;
}
@media (max-width: 767px) {
.form__error {
font-size: 0.55556rem;
padding-left: 0.83333rem;
padding-right: 0.83333rem;
}
}
.form__item-field--error-absolute .form__error {
position: absolute;
top: 100%;
right: 0;
left: 0;
margin-bottom: 0;
}
.form__item-field--error-white .form__error {
color: #000;
}
.form__error.active {
-webkit-animation-name: pulsateError;
animation-name: pulsateError;
}
.form__message {
display: none;
}
.form__message.active {
display: block;
}
.form__tips {
margin-top: 3.05556rem;
font-size: 0.88889rem;
}
.form__tips:first-child {
margin-top: 0;
}
@media (max-width: 767px) {
.form__tips {
font-size: 0.77778rem;
}
}
.form__actions + .form__tips {
margin-top: 3.88889rem;
}
@media (max-width: 767px) {
.form__actions + .form__tips {
margin-top: 2.77778rem;
}
}
.form__tip {
margin-top: 0.55556rem;
font-size: 0.66667rem;
line-height: 1.25;
}
.form__tip:first-child {
margin-top: 0;
}
.form__tip a {
color: inherit;
text-decoration: underline;
}
.form__tip a:hover {
color: #50BBE6;
}
.form__tip a:active {
color: #50BBE6;
}
.form.inactive .form__items {
display: none;
}
@-webkit-keyframes pulsateError {
0% {
opacity: 1.0;
}
50% {
opacity: 0.5;
}
100% {
opacity: 1.0;
}
}
@keyframes pulsateError {
0% {
opacity: 1.0;
}
50% {
opacity: 0.5;
}
100% {
opacity: 1.0;
}
}
.form-required {
color: #f5203a;
}
.g-recaptcha-wrapper {
max-width: 16.88889rem;
margin-left: auto;
margin-right: auto;
}
.g-recaptcha {
-webkit-filter: grayscale(1);
filter: grayscale(1);
min-height: 4.33333rem;
}
/*
Popups
*/
.fancybox-thumbs > ul > li:before {
width: auto;
height: auto;
margin: 0;
background: none;
border-radius: 0;
}
.fancybox-stage {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.fancybox-container {
z-index: 9993;
}
.fancybox-slide--html {
padding: 0;
}
.fancybox-slide--image {
padding: 2.44444rem 3.11111rem 0;
}
@media (max-width: 1023px) {
.fancybox-slide--image {
padding-left: 0;
padding-right: 0;
}
}
.fancybox-slide--image .fancybox-content {
-webkit-box-shadow: 0 0.83333rem 1.11111rem rgba(0, 0, 0, 0.15);
box-shadow: 0 0.83333rem 1.11111rem rgba(0, 0, 0, 0.15);
}
.fancybox-bg {
background-color: #000 !important;
}
.fancybox-is-open .fancybox-bg {
opacity: .7;
}
.fancybox-container--popup {
opacity: 0;
-webkit-transition-duration: 0.7s !important;
-o-transition-duration: 0.7s !important;
transition-duration: 0.7s !important;
}
.fancybox-container--popup .fancybox-inner {
opacity: 0;
-webkit-transform: translateY(8.33333rem);
-ms-transform: translateY(8.33333rem);
transform: translateY(8.33333rem);
-webkit-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
-webkit-transition-property: all, opacity;
-o-transition-property: all, opacity;
transition-property: all, opacity;
-webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
-o-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}
.fancybox-container--popup .fancybox-bg {
background-color: #022970 !important;
-webkit-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
}
.fancybox-container--popup.fancybox-is-open {
opacity: 1;
-webkit-transition-duration: 0.1s !important;
-o-transition-duration: 0.1s !important;
transition-duration: 0.1s !important;
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.fancybox-container--popup.fancybox-is-open .fancybox-bg {
opacity: .7;
-webkit-transition-duration: 0.7s;
-o-transition-duration: 0.7s;
transition-duration: 0.7s;
}
.fancybox-container--popup.fancybox-is-open .fancybox-inner {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.fancybox-container--popup.fancybox-is-close {
opacity: 0;
-webkit-transition-duration: 0.1s !important;
-o-transition-duration: 0.1s !important;
transition-duration: 0.1s !important;
-webkit-transition-delay: 0.6s;
-o-transition-delay: 0.6s;
transition-delay: 0.6s;
}
.fancybox-container--popup.fancybox-is-close .fancybox-bg {
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.fancybox-container--popup.fancybox-is-close .fancybox-inner {
-webkit-transform: translateY(-8.33333rem);
-ms-transform: translateY(-8.33333rem);
transform: translateY(-8.33333rem);
-webkit-transition-duration: 0.5s, 0.5s;
-o-transition-duration: 0.5s, 0.5s;
transition-duration: 0.5s, 0.5s;
-webkit-transition-delay: 0s, 0.2s;
-o-transition-delay: 0s, 0.2s;
transition-delay: 0s, 0.2s;
}
.fancybox-container--popup .fancybox-slide {
overflow-x: hidden;
font-size: 0;
white-space: nowrap;
}
.fancybox-container--popup .fancybox-slide .fancybox-content {
padding: 2.77778rem 0;
margin-bottom: 0;
overflow: visible;
pointer-events: none !important;
}
.fancybox-container--popup .fancybox-slide .fancybox-content > * {
pointer-events: auto;
}
@media (max-width: 767px) {
.fancybox-container--popup .fancybox-slide .fancybox-content {
padding: 1.11111rem 0;
}
}
.fancybox-container--popup .fancybox-slide > * {
white-space: normal;
font-size: 1rem;
padding: 0;
background-color: transparent;
}
.fancybox-container--popup .fancybox-slide > div {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
}
.fancybox-container--popup .fancybox-slide > .fancybox-loading {
width: 2.66667rem;
height: 2.66667rem;
margin-top: -1.33333rem;
}
.fancybox-container--popup .fancybox-close {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.fancybox-back {
position: absolute;
top: 0;
right: 100%;
margin: 0 0.55556rem 0 0;
}
.fancybox-close {
display: none;
position: absolute;
top: 0;
left: 100%;
margin: 0 0 0 0.55556rem;
height: 2.22222rem;
width: 2.22222rem;
line-height: 2.22222rem;
text-align: center;
font-size: 0.66667rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #fff;
color: #000;
border-radius: 0.22222rem;
z-index: 1;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
cursor: pointer;
}
.fancybox-close .icon {
-webkit-transition: all 0.3s, color 0s;
-o-transition: all 0.3s, color 0s;
transition: all 0.3s, color 0s;
}
.fancybox-close:hover {
background-color: #f2f2f2;
}
.fancybox-close:hover .icon {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.fancybox-close:active {
background-color: #f2f2f2;
}
.fancybox-container .fancybox-close-hide .fancybox-close {
display: none;
}
.fancybox-content {
margin: 0 0 2.44444rem 0;
padding: 2.44444rem;
}
.fancybox-infobar {
height: 2.44444rem;
line-height: 2.44444rem;
min-width: 2.44444rem;
padding: 0 0.55556rem;
font-size: 0.66667rem;
font-weight: 700;
text-transform: uppercase;
color: rgba(0, 0, 0, 0.5);
}
.fancybox-button {
width: 2.44444rem;
height: 2.44444rem;
padding: 0.55556rem;
}
.fancybox-navigation .fancybox-button {
height: 5.55556rem;
top: calc(50% - 2.77778rem);
width: 3.88889rem;
}
.fancybox-navigation .fancybox-button div {
padding: 0.38889rem;
}
.fancybox-navigation .fancybox-button--arrow_left {
padding: 1.72222rem 1.44444rem 1.72222rem 0.33333rem;
}
.fancybox-navigation .fancybox-button--arrow_right {
padding: 1.72222rem 0.33333rem 1.72222rem 1.44444rem;
}
.fancybox-thumbs {
background-color: #fff;
}
.fancybox-thumbs > ul > li {
border-color: transparent;
}
.fancybox-thumbs > ul > li:before {
border-color: #50BBE6;
border-width: 0.11111rem;
}
.fancybox-show-thumbs .fancybox-button--thumbs {
background: rgba(0, 0, 0, 0.8);
}
@media (max-width: 767px) {
.fancybox-slide > div {
margin-top: 0;
margin-bottom: 0;
}
}
.fancybox-slide--video > div {
padding: 0;
}
.fancybox-slide--iframe, .fancybox-slide--video {
padding-top: 5.33333rem;
padding-bottom: 1.33333rem;
}
@media (max-width: 1023px) {
.fancybox-slide--iframe, .fancybox-slide--video {
padding-left: 0;
padding-right: 0;
}
}
@media (max-width: 767px) and (min-aspect-ratio: 320 / 320), (max-height: 413px) {
.fancybox-slide--iframe, .fancybox-slide--video {
padding-top: 0;
padding-bottom: 0;
}
}
.fancybox-slide--iframe .fancybox-content, .fancybox-slide--video .fancybox-content {
margin-bottom: 0;
}
@media (max-width: 767px) {
.fancybox-slide--iframe .fancybox-content, .fancybox-slide--video .fancybox-content {
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
}
}
.fancybox-container--iframe .fancybox-close,
.fancybox-container--video .fancybox-close {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (max-width: 767px) and (min-aspect-ratio: 320 / 320), (max-height: 413px) {
.fancybox-container--iframe .fancybox-close,
.fancybox-container--video .fancybox-close {
top: 0;
right: 0;
left: auto;
bottom: auto;
margin: 0;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 0;
}
}
.fancybox-container--iframe .fancybox-toolbar,
.fancybox-container--video .fancybox-toolbar {
display: none;
}
/*
Panels
*/
.panel {
position: relative;
width: 21.11111rem;
max-width: 21.11111rem;
font-family: "Avenir Next Cyr", Arial, sans-serif;
font-size: 0.77778rem;
margin-left: auto;
margin-right: auto;
padding: 0 !important;
pointer-events: none !important;
}
.panel > * {
pointer-events: auto;
}
@media (max-width: 767px) {
.panel {
width: 14.44444rem;
max-width: 14.44444rem;
font-size: 0.66667rem;
}
.panel .fancybox-close {
display: none;
}
}
.panel__content {
background: #fff;
border-radius: 0.22222rem 0.22222rem 0 0;
color: #000 !important;
padding: 3.33333rem 1.11111rem 3.33333rem;
}
@media (max-width: 767px) {
.panel__content {
border-radius: 0.22222rem;
}
}
.panel__content:before {
position: absolute;
top: 100%;
right: 0;
left: 0;
height: 3.77778rem;
background: center bottom no-repeat;
background-size: 100% auto;
background-image: url("data:image/svg+xml,%3Csvg width='380' height='561' viewBox='0 0 380 561' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M47.4222 514.131C29.5325 519.574 13.7652 523.809 0 527.103V261.18L380 257.047V560.008C370.433 557.497 360.561 552.855 350.707 545.27C314.425 517.339 285.976 523.379 251.605 530.676C233.998 534.414 214.836 538.482 192.272 538.482C164.58 538.482 150.007 529.671 136.142 521.288C116.656 509.507 98.5679 498.571 47.4222 514.131Z' fill='url(%23paint0_linear)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 0C1.79086 0 0 1.79086 0 4V194.465V250.18V516.103C13.7652 512.809 29.5325 508.574 47.4222 503.131C98.5679 487.571 116.656 498.507 136.142 510.288C150.007 518.671 164.58 527.482 192.272 527.482C214.836 527.482 233.997 523.414 251.605 519.676L251.605 519.676C285.976 512.379 314.425 506.339 350.707 534.27C360.561 541.855 370.433 546.497 380 549.008V246.047V194.465V4C380 1.79086 378.209 0 376 0H4Z' fill='white'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear' x1='4.52178' y1='257.047' x2='4.52178' y2='552.798' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%231C8DD9'/%3E%3Cstop offset='1' stop-color='%236DD5ED'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
content: '';
}
@media (max-width: 767px) {
.panel__content:before {
display: none;
}
}
@media (max-width: 767px) {
.panel__content {
padding: 1.66667rem 0.83333rem 1.66667rem;
}
}
.panel__title {
font-family: "Avenir Next Cyr", Arial, sans-serif;
font-size: 1.33333rem;
font-weight: 700;
line-height: 1.2;
}
@media (max-width: 767px) {
.panel__title {
font-size: 0.88889rem;
}
}
.panel__title + .summary {
margin-top: 1.11111rem;
}
.panel__footer {
padding: 2.22222rem 1.11111rem;
pointer-events: none !important;
}
.panel__footer > * {
pointer-events: auto;
}
@media (max-width: 767px) {
.panel__footer {
padding: 2.22222rem 0.83333rem;
}
}
.panel-bottom-sticky {
margin-bottom: -3.33333rem;
margin-top: 1.38889rem;
margin-left: -1.11111rem;
margin-right: -1.11111rem;
}
@media (max-width: 767px) {
.panel-bottom-sticky {
margin-bottom: -1.66667rem;
margin-left: -0.83333rem;
margin-right: -0.83333rem;
}
}
.panel-bottom-sticky .btn {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
/*
Tabs
*/
.tab-panes {
position: relative;
margin-top: 4.44444rem;
}
.tab-panes:first-child {
margin-top: 0;
}
.tab-panes--line {
margin-top: 0;
color: #fff;
min-height: 33.33333rem;
}
@media (max-width: 767px) {
.tab-panes--line {
margin-left: -0.83333rem;
margin-right: -0.83333rem;
padding-left: 0.83333rem;
padding-right: 0.83333rem;
}
}
.tab-panes--line:before {
position: absolute;
top: 0;
left: 50%;
margin-left: -52.77778rem;
width: 105.55556rem;
border-top: 0.83333rem solid #1d8ed9;
content: '';
}
.tab-panes--line .section__bg {
background-position: center top;
background-size: auto 33.33333rem;
}
.tab-panes--line .tab-pane {
padding-top: 3.33333rem;
}
@media (max-width: 767px) {
.tab-panes--line .tab-pane {
padding-top: 1.11111rem;
}
}
.tab-pane {
position: absolute;
top: -99999px;
}
.tab-pane.active {
position: relative;
top: 0;
}
.tab-pane.tab-pane--smoothly {
top: 0;
left: 0;
right: 0;
opacity: 0;
visibility: hidden;
z-index: 0;
-webkit-transition: opacity 0.3s, visibility 0s 0.3s, z-index 0s 0.3s;
-o-transition: opacity 0.3s, visibility 0s 0.3s, z-index 0s 0.3s;
transition: opacity 0.3s, visibility 0s 0.3s, z-index 0s 0.3s;
}
.tab-pane.tab-pane--smoothly.active {
opacity: 1;
visibility: visible;
z-index: 1;
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
/*
Sliders
*/
.swiper-slider {
position: relative;
margin-top: 3.61111rem;
}
.swiper-slider:first-child {
margin-top: 0;
}
.swiper-lazy-preloader {
top: 50% !important;
}
.swiper-button-prev,
.swiper-button-next {
position: absolute;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
background: none;
margin-top: 0;
margin-left: 0 !important;
height: 1.33333rem;
width: 1.33333rem;
border-radius: 5.55556rem;
font-size: 0.44444rem;
background: transparent;
border: 1px solid #fff;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
opacity: 1;
outline: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
line-height: 1;
}
.swiper-button-prev--active,
.swiper-button-next--active {
border-color: #2E9DDD;
color: #2E9DDD;
}
.swiper-button-prev .icon,
.swiper-button-next .icon {
vertical-align: top;
}
.swiper-button-prev:before,
.swiper-button-next:before {
position: absolute;
top: -0.55556rem;
right: -0.55556rem;
bottom: -0.55556rem;
left: -0.55556rem;
content: '';
}
.swiper-button-prev:after,
.swiper-button-next:after {
display: none;
}
.swiper-button-prev:hover,
.swiper-button-next:hover {
opacity: 1;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
opacity: 0.5;
pointer-events: auto;
}
.swiper-button-prev {
left: -1.38889rem;
}
@media (max-width: 767px) {
.swiper-button-prev {
left: 0.27778rem;
}
}
.swiper-button-next {
right: -1.38889rem;
}
@media (max-width: 767px) {
.swiper-button-next {
right: 0.27778rem;
}
}
.swiper-nav {
margin-top: 0.55556rem;
}
.swiper-nav:first-child {
margin-top: 0;
}
.swiper-nav .swiper-button-prev,
.swiper-nav .swiper-button-next {
display: inline-block;
vertical-align: middle;
position: relative;
-webkit-transform: none;
-ms-transform: none;
transform: none;
top: auto;
left: auto;
right: auto;
margin: 0;
}
.swiper-nav .swiper-pagination {
position: relative;
display: inline-block;
vertical-align: middle;
}
.swiper-pagination {
position: absolute;
pointer-events: none;
text-align: center;
font-size: 0;
line-height: 1;
min-height: 0.44444rem;
}
.swiper-pagination--static {
margin-top: 3.88889rem;
position: static;
}
.swiper-pagination--static:first-child {
margin-top: 0;
}
@media (max-width: 767px) {
.swiper-pagination--static {
margin-top: 2.22222rem;
}
}
.swiper-pagination-bullet {
position: relative;
display: inline-block;
vertical-align: top;
width: 100%;
pointer-events: auto;
height: 0.44444rem;
width: 0.44444rem;
border-radius: 5.55556rem;
background-color: #ededed;
opacity: 1;
outline: none;
-webkit-transition: background-color 0.3s, opacity 0.3s;
-o-transition: background-color 0.3s, opacity 0.3s;
transition: background-color 0.3s, opacity 0.3s;
}
.swiper-pagination-bullet:before {
position: absolute;
top: -0.27778rem;
right: -0.27778rem;
bottom: -0.27778rem;
left: -0.27778rem;
content: '';
}
.swiper-pagination-bullet:hover {
background-color: #ccc;
}
.swiper-pagination-bullet-active {
opacity: 1;
background-color: #309FDD;
pointer-events: none;
}
.swiper-pagination-bullet-active:hover {
background-color: #309FDD;
}
.swiper-slider--start.swiper-slider--end .swiper-pagination-bullets {
display: none;
}
.swiper-pagination-bullet-active:first-child:last-child {
display: none;
}
.swiper-container-horizontal .swiper-pagination-bullets {
bottom: 0;
left: 0;
right: 0;
width: auto;
margin-left: -0.33333rem;
margin-right: -0.33333rem;
margin-bottom: -0.66667rem;
pointer-events: none;
}
.swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 0.33333rem 0.66667rem;
pointer-events: auto;
}
.swiper-slide {
height: auto;
}
.swiper-slide img.swiper-lazy {
opacity: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.swiper-slide img.swiper-lazy-loaded {
opacity: 1;
}
html, body {
font-size: 18px;
}
@media (max-width: 1350px) {
html, body {
font-size: 1.33333vw;
}
}
@media (max-width: 767px) {
html, body {
font-size: 18px;
font-size: 5.625vw;
}
}
html {
-webkit-text-size-adjust: 100%;
background: #efefef;
height: 100%;
}
body {
position: relative;
font-family: "Open Sans", Arial, sans-serif;
font-weight: 400;
line-height: 1.45;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #000;
background: #fff;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-text-size-adjust: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-width: 17.77778rem;
min-height: 100%;
-webkit-overflow-scrolling: touch;
}
@media (max-width: 767px) {
body {
font-size: 12px;
font-size: 3.75vw;
}
}
*, *:before, *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.no-animation-only-this {
-webkit-transition: none !important;
-o-transition: none !important;
transition: none !important;
}
.no-animation {
-webkit-animation-delay: 0s !important;
animation-delay: 0s !important;
-webkit-animation-duration: 0s !important;
animation-duration: 0s !important;
}
.no-animation *:before, .no-animation *:after {
-webkit-animation-delay: 0s !important;
animation-delay: 0s !important;
-webkit-animation-duration: 0s !important;
animation-duration: 0s !important;
}
.no-transition-only-this {
-webkit-transition: none !important;
-o-transition: none !important;
transition: none !important;
}
.no-transition {
-webkit-transition: none !important;
-o-transition: none !important;
transition: none !important;
}
.no-transition *, .no-transition *:before, .no-transition *:after {
-webkit-transition: none !important;
-o-transition: none !important;
transition: none !important;
}
::-moz-selection {
background: #eee;
color: #fff;
text-shadow: none;
}
::selection {
background: #eee;
color: #fff;
text-shadow: none;
}
.custom-scrollbar ::-webkit-scrollbar {
-webkit-appearance: none;
}
.custom-scrollbar ::-webkit-scrollbar:vertical {
width: 0.27778rem;
}
.custom-scrollbar ::-webkit-scrollbar:horizontal {
height: 0.27778rem;
}
.custom-scrollbar ::-webkit-scrollbar-track {
border-radius: 5.55556rem;
border: none;
background-color: rgba(46, 157, 221, 0.1) !important;
}
.custom-scrollbar ::-webkit-scrollbar-thumb {
background-color: rgba(46, 157, 221, 0.2) !important;
border-radius: 5.55556rem;
border: none;
}
.custom-scrollbar--dark ::-webkit-scrollbar-track {
background-color: rgba(255, 255, 255, 0.2) !important;
}
.custom-scrollbar--dark ::-webkit-scrollbar-thumb {
background-color: rgba(255, 255, 255, 0.2) !important;
}
.wrap {
float: left;
width: 100%;
min-height: 100%;
min-height: 100vh;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
overflow: hidden;
}
.container {
width: 100%;
max-width: 74.44444rem;
padding-left: 1.66667rem;
padding-right: 1.66667rem;
margin: 0 auto;
}
@media (max-width: 767px) {
.container {
padding-left: 0.83333rem;
padding-right: 0.83333rem;
}
}
.scrollable {
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
}
.scrollable-x {
overflow-y: hidden;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
/*
Лейаут шапки
*/
.header {
position: relative;
top: 0;
right: 0;
left: 0;
z-index: 40;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
will-change: transform;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
@media (min-width: 768px) {
.header--over .header__inner {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.header--over .logo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 0.66667rem 0;
height: 5rem;
width: 3.77778rem;
background: #fff;
-webkit-box-shadow: 0 0.11111rem 0.83333rem rgba(21, 134, 186, 0.701653);
box-shadow: 0 0.11111rem 0.83333rem rgba(21, 134, 186, 0.701653);
border-radius: 0 0 0.33333rem 0.33333rem;
margin-bottom: -0.55556rem;
}
.header--over:not(.header--scrolled) .header-sep {
color: #fff;
visibility: hidden;
margin-left: 0;
margin-right: 0;
}
.header--over:not(.header--scrolled) a {
color: #058ad3;
}
.header--over:not(.header--scrolled) .hmenu__item.active a {
color: #058ad3;
}
.header--over:not(.header--scrolled) .hmenu__item.active a:after {
background-color: #fff;
}
.header--over:not(.header--scrolled) .hmenu__item .color-active {
color: #fff;
}
.header--over.header--scrolled .logo {
-webkit-box-shadow: 0 0.11111rem 0.83333rem rgba(0, 0, 0, 0.2);
box-shadow: 0 0.11111rem 0.83333rem rgba(0, 0, 0, 0.2);
}
}
.header--fixed {
position: fixed;
z-index: 45;
}
.header--fixed.header--scrolled .header__inner {
background-color: #fff;
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2), 0 0 0.83333rem rgba(0, 0, 0, 0.05);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2), 0 0 0.83333rem rgba(0, 0, 0, 0.05);
}
.header-replace {
display: none;
height: 4.44444rem;
}
@media (max-width: 767px) {
.header-replace {
height: 3.33333rem;
}
}
.header--fixed + .header-replace {
display: block;
}
@media (min-width: 768px) {
.header--over + .header-replace {
display: none;
}
}
.header__offset {
position: absolute;
top: 0;
bottom: 0;
left: 0;
}
.header__inner {
position: relative;
color: #000;
background-color: #fff;
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2), 0 0 0 rgba(0, 0, 0, 0.05);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2), 0 0 0 rgba(0, 0, 0, 0.05);
z-index: 1;
-webkit-transition: all 0.4s, margin 0s;
-o-transition: all 0.4s, margin 0s;
transition: all 0.4s, margin 0s;
}
.header__container {
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.header .logo {
min-width: 3.38889rem;
margin-right: 3.33333rem;
}
@media (max-width: 767px) {
.header .logo {
min-width: 2.33333rem;
margin-right: 0;
}
}
.cols-wrapper--header {
margin: 0 -0.55556rem;
}
@media (max-width: 767px) {
.cols-wrapper--header {
margin: 0 -0.83333rem;
}
}
.cols-wrapper--header > .cols {
display: table;
width: 100%;
table-layout: auto;
}
.cols-wrapper--header > .cols > .col {
position: relative;
display: table-cell;
vertical-align: middle;
padding: 0 0.55556rem;
height: 4.44444rem;
-webkit-transition: height 0.3s;
-o-transition: height 0.3s;
transition: height 0.3s;
}
@media (max-width: 767px) {
.cols-wrapper--header > .cols > .col {
height: 3.33333rem;
padding: 0 0.83333rem;
}
}
.cols-wrapper--header > .cols > .col--fit {
width: 1%;
}
.cols-wrapper--header > .cols > .col--expander {
padding: 0;
}
.cols-wrapper--header > .cols > .col--logo {
font-size: 0;
white-space: nowrap;
}
@media (max-width: 767px) {
.cols-wrapper--header > .cols > .col--logo {
text-align: center;
}
}
.cols-wrapper--header > .cols > .col--cbutton {
line-height: 0.77778rem;
}
/*
Лого
*/
.logo {
display: inline-block;
vertical-align: middle;
font-size: 3rem;
line-height: 1;
color: #000 !important;
text-decoration: none !important;
cursor: default;
}
@media (max-width: 767px) {
.logo {
font-size: 2.05556rem;
}
}
.logo .icon {
width: 4.14815em;
height: 1em;
vertical-align: top;
}
.logo img {
max-height: 1em;
vertical-align: top;
}
.header .logo[href^='#'] {
pointer-events: none;
}
.header--scrolled .logo[href^='#'] {
pointer-events: auto;
}
.logo:not([href^='#']),
.header--scrolled .logo[href^='#'] {
cursor: pointer;
}
.header-sep {
height: 100%;
width: 1px;
color: #000;
opacity: 0.2;
background-color: currentColor;
margin-left: 1.66667rem;
margin-right: 1.66667rem;
}
/*
Меню в шапке
*/
.hmenu {
position: relative;
}
.hmenu__list {
font-size: 0;
margin-bottom: -0.83333rem;
}
.hmenu__item {
position: relative;
display: inline-block;
vertical-align: top;
font-family: "Avenir Next Cyr", Arial, sans-serif;
font-size: 0.66667rem;
font-weight: 600;
margin-bottom: 0.83333rem;
}
@media (max-width: 767px) {
.hmenu__item {
font-family: "Open Sans", Arial, sans-serif;
font-size: 0.55556rem;
}
}
.hmenu__item.active .hmenu__link {
color: #058ad3;
}
.hmenu__item.active .hmenu__link:after {
opacity: 1;
}
.hmenu__link {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 1.66667rem;
height: 4.44444rem;
color: #058ad3;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
@media (max-width: 767px) {
.hmenu__link {
height: 3.33333rem;
}
}
.hmenu__link--nopaddingright {
padding-right: 0;
}
.hmenu__link:after {
position: absolute;
bottom: 0;
left: 50%;
margin-left: -0.83333rem;
height: 0.11111rem;
width: 1.66667rem;
background-color: #50BBE6;
opacity: 0;
content: '';
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.hmenu__link .icon {
font-size: 0.88889rem;
vertical-align: middle;
margin: 0 0.55556rem;
}
.hmenu__link .icon:first-child {
margin-left: 0;
}
.hmenu__link .icon:last-child {
margin-right: 0;
}
.hmenu__link:hover {
color: #50BBE6;
}
.header .hmenu-profile-crop {
max-width: 16.66667rem;
}
@media (max-width: 767px) {
.header .hmenu-profile-crop {
max-width: 8.88889rem;
}
}
.hsubmenu {
position: absolute;
top: 100%;
left: 0;
margin-top: 0.55556rem;
background-color: #fff;
color: #000;
border-radius: 0.16667rem;
-webkit-box-shadow: 0 0.44444rem 0.33333rem rgba(0, 0, 0, 0.05);
box-shadow: 0 0.44444rem 0.33333rem rgba(0, 0, 0, 0.05);
visibility: hidden;
opacity: 0;
-webkit-transform: translateY(0.55556rem);
-ms-transform: translateY(0.55556rem);
transform: translateY(0.55556rem);
-webkit-transition: all 0.3s, visibility 0s 0.3s;
-o-transition: all 0.3s, visibility 0s 0.3s;
transition: all 0.3s, visibility 0s 0.3s;
}
.hsubmenu:before {
position: absolute;
bottom: 100%;
left: 0.55556rem;
border-style: solid;
border-width: 0 0.33333rem 0.38889rem 0.33333rem;
border-color: transparent transparent #fff transparent;
content: '';
}
.hsubmenu:after {
position: absolute;
right: 0;
bottom: 100%;
left: 0;
height: 0.55556rem;
content: '';
}
.hmenu__item:hover .hsubmenu {
visibility: visible;
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.hmenu__item.focused .hsubmenu {
visibility: visible;
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.hsubmenu--right {
right: 0;
left: auto;
}
.hsubmenu--right:before {
right: 0.55556rem;
left: auto;
}
.hsubmenu__list {
font-size: 0;
border-radius: 0.16667rem;
overflow: hidden;
overflow-y: auto;
max-height: 16.66667rem;
}
.hsubmenu__item {
position: relative;
font-size: 0.66667rem;
font-weight: 600;
}
.hsubmenu__link {
position: relative;
display: block;
padding: 0.55556rem 1.66667rem;
background-color: #fff;
color: #000 !important;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.hsubmenu__link:hover {
background-color: #c0e6f6;
}
.hsubmenu__link:active {
background-color: #c0e6f6;
}
.hsubmenu__link .icon {
font-size: 1.33333rem;
vertical-align: middle;
margin: 0 0.27778rem;
}
.hsubmenu__link .icon:first-child {
margin-left: 0;
}
.hsubmenu__link .icon:last-child {
margin-right: 0;
}
.htimer {
margin-top: -0.5em;
padding: 0 1.94444rem;
font-family: "Avenir Next Cyr", Arial, sans-serif;
font-size: 0.66667rem;
font-weight: 700;
line-height: 1;
white-space: nowrap;
}
.htimer__desc {
display: inline;
font-weight: 600;
margin-left: 1.38889rem;
}
.htimer__desc:first-child {
margin-left: 0;
}
.htimer__timer {
display: inline;
text-transform: uppercase;
margin-left: 1.38889rem;
opacity: 0;
}
.htimer__timer.is-countdown {
opacity: 1;
}
.htimer__timer:first-child {
margin-left: 0;
}
.htimer__number {
position: relative;
top: 0.15em;
font-size: 1.33333rem;
}
.htimer__label {
margin-left: 0.55556rem;
}
.htimer__label:first-child {
margin-left: 0;
}
.htimer__sep {
position: relative;
display: inline-block;
vertical-align: bottom;
margin: 0 1.11111rem -0.05em;
height: 1.22222rem;
width: 0.33333rem;
font-size: 2rem;
opacity: 0.2;
text-indent: -9999px;
}
.htimer__sep:before {
position: absolute;
top: 0;
left: 0;
height: 0.33333rem;
width: 0.33333rem;
border-radius: 50%;
background-color: currentColor;
content: "";
}
.htimer__sep:after {
position: absolute;
bottom: 0;
left: 0;
height: 0.33333rem;
width: 0.33333rem;
border-radius: 50%;
background-color: currentColor;
content: "";
}
/*
Кнопка-гамбургер открытия меню для мобильных
*/
.cbutton {
position: relative;
display: inline-block;
vertical-align: middle;
height: 0.77778rem;
width: 0.88889rem;
-webkit-transform: rotate(0.01deg);
-ms-transform: rotate(0.01deg);
transform: rotate(0.01deg);
text-align: center;
font-family: Arial, sans-serif;
color: #50BBE6;
text-decoration: none;
cursor: pointer;
z-index: 5;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.cbutton:hover {
text-decoration: none;
}
.cbutton:active {
text-decoration: none;
}
.cbutton:before {
position: absolute;
top: -0.55556rem;
right: -0.55556rem;
bottom: -0.55556rem;
left: -0.55556rem;
content: '';
z-index: 1;
}
.cbutton__inner {
display: inline-block;
vertical-align: top;
width: 100%;
line-height: 1;
}
.cbutton__item {
position: relative;
display: block;
height: 0.11111rem;
width: 0.88889rem;
border-radius: 5.55556rem;
background: currentColor;
margin-top: 0.22222rem;
-webkit-transition: opacity 0.6s, background-color 0.3s, -webkit-transform 0.6s;
transition: opacity 0.6s, background-color 0.3s, -webkit-transform 0.6s;
-o-transition: opacity 0.6s, transform 0.6s, background-color 0.3s;
transition: opacity 0.6s, transform 0.6s, background-color 0.3s;
transition: opacity 0.6s, transform 0.6s, background-color 0.3s, -webkit-transform 0.6s;
}
.cbutton__item:first-child {
margin-top: 0;
}
.menu-overlay-active .cbutton__item {
opacity: 0;
-webkit-transform: translateY(-0.33333rem) rotate(135deg);
-ms-transform: translateY(-0.33333rem) rotate(135deg);
transform: translateY(-0.33333rem) rotate(135deg);
}
.menu-overlay-active .cbutton__item:first-child {
opacity: 1;
-webkit-transform: translateY(0.33333rem) rotate(495deg);
-ms-transform: translateY(0.33333rem) rotate(495deg);
transform: translateY(0.33333rem) rotate(495deg);
}
.menu-overlay-active .cbutton__item:first-child + * {
opacity: 1;
-webkit-transform: rotate(405deg);
-ms-transform: rotate(405deg);
transform: rotate(405deg);
}
.menu-overlay {
position: absolute;
top: 0;
right: 0;
left: 0;
height: 100%;
background-color: #fff;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
z-index: -1;
visibility: hidden;
-webkit-transition: opacity 0.6s, visibility 0s 0.6s, z-index 0s 0.6s, -webkit-transform 0.6s;
transition: opacity 0.6s, visibility 0s 0.6s, z-index 0s 0.6s, -webkit-transform 0.6s;
-o-transition: transform 0.6s, opacity 0.6s, visibility 0s 0.6s, z-index 0s 0.6s;
transition: transform 0.6s, opacity 0.6s, visibility 0s 0.6s, z-index 0s 0.6s;
transition: transform 0.6s, opacity 0.6s, visibility 0s 0.6s, z-index 0s 0.6s, -webkit-transform 0.6s;
}
.header--fixed ~ .menu-overlay {
position: fixed;
}
.menu-overlay-active .menu-overlay {
z-index: 42;
-webkit-transform: none;
-ms-transform: none;
transform: none;
visibility: visible;
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.menu-overlay__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: auto 1 1;
flex: auto 1 1;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
padding: 4.44444rem 2.77778rem;
height: 100%;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.menu-overlay__hide {
margin-top: 2.77778rem;
margin-bottom: -3.05556rem;
font-size: 1.33333rem;
line-height: 1;
text-align: center;
}
.menu-overlay__hide:first-child {
margin-top: 0;
}
.menu-overlay__hide a {
position: relative;
display: inline-block;
vertical-align: top;
}
.menu-overlay__hide a:before {
position: absolute;
top: -0.55556rem;
right: -0.55556rem;
bottom: -0.55556rem;
left: -0.55556rem;
content: '';
}
.menu-overlay__hide a .icon {
vertical-align: top;
}
.menu-overlay .hmenu {
margin-top: auto;
margin-bottom: auto;
padding-top: 2.77778rem;
}
.menu-overlay .hmenu:first-child {
padding-top: 0;
}
.menu-overlay .hmenu__list {
margin: 0;
}
.menu-overlay .hmenu__item {
display: block;
margin: 0 -1.66667rem;
font-size: 0.77778rem;
margin-top: 1.38889rem;
}
.menu-overlay .hmenu__item:first-child {
margin-top: 0;
}
.menu-overlay .hmenu__item:after {
display: none;
}
.menu-overlay .hmenu__link {
color: inherit !important;
height: auto;
}
.menu-overlay .hmenu__link:after {
display: none;
}
img.b-lazy {
min-width: 1px;
min-height: 1px;
opacity: 0;
-webkit-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
transition: opacity 0.5s;
}
img.b-loaded {
opacity: 1;
}
.img-to-bg-lazy {
opacity: 0;
-webkit-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.img-to-bg-lazy-loaded {
opacity: 1;
}
.image {
display: block;
position: relative;
padding-bottom: 100%;
margin: 3.05556rem 0;
background-color: #f1f1f1;
}
.image:first-child {
margin-top: 0;
}
.image:last-child {
margin-bottom: 0;
}
.image--transparent {
background-color: transparent;
}
.image--nopadding {
padding: 0;
}
.image--back {
z-index: -1;
}
.image--front {
z-index: 1;
}
.image--bg {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 0;
}
.image__inner {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: center center no-repeat;
background-size: contain;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.image__bottom {
position: absolute;
right: 0;
bottom: 0;
left: 0;
}
.image img {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
visibility: hidden;
opacity: 0;
z-index: -100;
}
/*
Content Section
*/
.section {
position: relative;
z-index: 1;
padding: 5.55556rem 0;
}
@media (max-width: 767px) {
.section {
padding: 2.77778rem 0;
}
}
.section--bring-to-front {
z-index: 2;
}
.section--bring-to-back {
z-index: 0;
}
.section--fullheight {
-webkit-box-flex: 1;
-ms-flex: auto 1 1;
flex: auto 1 1;
}
.section--nopadding {
padding: 0;
}
.section--middle {
margin-top: auto;
margin-bottom: auto;
}
.section--bottom {
margin-top: auto;
}
.section__bg {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: center center no-repeat;
background-size: cover;
z-index: -1;
overflow: hidden;
}
.section__bg--z-index-auto {
z-index: auto;
}
.section__bg--contain {
background-size: contain;
}
.section__bg-inner {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: center center no-repeat;
background-size: cover;
}
.section__bg img {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
visibility: hidden;
opacity: 0;
z-index: -100;
}
.section--white {
background-color: #000;
}
.section--grey {
background-color: #f3f3f3;
}
.section--dark {
background-color: #fff;
color: #000;
}
.section--dark a {
color: inherit;
}
.section--dark a:hover {
color: #50BBE6;
}
.section--dark a:active {
color: #50BBE6;
}
.section--green {
background-color: #009848;
}
.section--hero {
padding: 3.33333rem 0 8.88889rem;
color: #fff;
text-shadow: 1px 1px 2px black;
}
@media (max-width: 767px) {
.section--hero {
padding: 3.33333rem 0 4.44444rem;
}
}
.section--hero .section__bg {
background-position: center top;
background-size: 111.11111rem auto;
min-height: 50rem;
}
@media (max-width: 767px) {
.section--hero .section__bg {
background-position: center bottom;
background-size: 100% auto;
min-height: 0;
}
}
.section--hero-bl {
padding-bottom: 4.44444rem;
}
.section--hero-bl2 {
padding-bottom: 6.11111rem;
}
.hero {
padding-left: 4.72222rem;
margin-top: 6.66666rem ;
}
.hero:first-child {
/*margin-top: 0;*/
}
@media (max-width: 767px) {
.hero {
padding-left: 0;
margin-top: 0.2rem;
}
}
.hero__content {
margin-top: 0.8rem;
margin-left: 4.72222rem;
display: inline-block;
vertical-align: top;
}
.hero__content:first-child {
margin-top: 0;
}
@media (max-width: 767px) {
.hero__content {
margin-left: 0;
margin-top: 1.38889rem;
max-width: 13.88889rem;
}
}
.hero__content--ml {
margin-top: 1.38889rem;
}
.hero__action {
margin-top: 1.4rem;
}
.hero__action:first-child {
margin-top: 0;
}
@media (max-width: 767px) {
.hero__action {
margin-top: 1.94444rem;
}
}
.cols .hero {
margin-left: -1.11111rem;
}
@media (max-width: 767px) {
.cols .hero {
margin-left: 0;
}
}
.cols--reverse .hero {
margin-right: -1.11111rem;
margin-left: 0;
}
@media (max-width: 767px) {
.cols--reverse .hero {
margin-right: 0;
}
}
.hero-image {
margin-top: 2.22222rem;
}
.hero-image:first-child {
margin-top: 0;
}
.hero-image-w-mw {
max-width: 24.44444rem;
}
@media (max-width: 767px) {
.hero-image-w-mw {
max-width: 11.66667rem;
}
}
.section--stext {
padding: 3.88889rem 0;
font-size: 0.55556rem;
line-height: 2;
color: #ccc;
}
@media (max-width: 767px) {
.section--stext {
padding: 2.22222rem 0;
font-size: 0.44444rem;
line-height: 1.75;
}
}
@media (min-width: 768px) {
.section--stext--size-l {
font-size: 0.66667rem;
line-height: 1.75;
}
}
.color-active-gradient {
background: -webkit-linear-gradient(-90deg, #1C8DD9, #6DD5ED);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
color: #1C8DD9;
}
.color-violet-gradient {
background: -webkit-linear-gradient(-90deg, #6A00E7 30%, #ED6D6D 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
color: #6A00E7;
}
.btitle {
font-family: "Avenir Next Cyr", Arial, sans-serif;
font-size: 2rem;
font-weight: 700;
line-height: 1.25;
}
@media (max-width: 767px) {
.btitle {
font-size: 1.11111rem;
line-height: 1.2;
}
}
@media (min-width: 768px) {
.btitle--size-l {
font-size: 2.66667rem;
line-height: 1;
}
}
@media (min-width: 768px) {
.btitle--size-l-2 {
font-size: 2.33333rem;
line-height: 1.2;
}
}
.btitle__inner {
position: relative;
display: inline-block;
vertical-align: top;
max-width: 100%;
}
.btitle--large {
font-size: 5.55556rem;
}
@media (max-width: 767px) {
.btitle--large {
font-size: 1.55556rem;
}
}
@media (min-width: 768px) {
.btitle--size-l.btitle--large {
font-size: 6.88889rem;
}
}
.btitle + h4, .btitle + .h4 {
margin-top: 1.94444rem;
}
.btitle--line {
position: relative;
z-index: 0;
}
.btitle--line .btitle__inner {
padding: 1.11111rem 1.94444rem;
background: #fff;
-webkit-box-shadow: 0 0 0.55556rem rgba(186, 186, 186, 0.5);
box-shadow: 0 0 0.55556rem rgba(186, 186, 186, 0.5);
border-radius: 0.33333rem;
}
@media (max-width: 767px) {
.btitle--line .btitle__inner {
padding: 0.55556rem 1.11111rem;
}
}
@media (min-width: 768px) {
.btitle--size-l.btitle--line .btitle__inner {
padding: 0.94444rem 3.05556rem;
}
}
.btitle--line .btitle__inner:before {
position: absolute;
top: -0.38889rem;
right: -0.38889rem;
bottom: -0.38889rem;
left: -0.38889rem;
background: #fff;
mix-blend-mode: normal;
opacity: 0.45;
border-radius: 0.33333rem;
content: '';
z-index: -1;
}
.btitle--line .btitle__inner:after {
position: absolute;
top: -0.83333rem;
right: -0.83333rem;
bottom: -0.83333rem;
left: -0.83333rem;
background: -webkit-gradient(linear, left bottom, left top, color-stop(4%, #1C8DD9), color-stop(98%, #6DD5ED));
background: -webkit-linear-gradient(bottom, #1C8DD9 4%, #6DD5ED 98%);
background: -o-linear-gradient(bottom, #1C8DD9 4%, #6DD5ED 98%);
background: linear-gradient(0deg, #1C8DD9 4%, #6DD5ED 98%);
-webkit-box-shadow: 0 0.11111rem 0.5rem rgba(61, 170, 225, 0.5);
box-shadow: 0 0.11111rem 0.5rem rgba(61, 170, 225, 0.5);
border-radius: 0.44444rem;
content: '';
z-index: -2;
}
.btitle--bg .btitle__inner {
color: #fff;
padding: 1.11111rem 1.94444rem;
background: -webkit-gradient(linear, left bottom, left top, color-stop(4%, #1C8DD9), color-stop(98%, #6DD5ED));
background: -webkit-linear-gradient(bottom, #1C8DD9 4%, #6DD5ED 98%);
background: -o-linear-gradient(bottom, #1C8DD9 4%, #6DD5ED 98%);
background: linear-gradient(0deg, #1C8DD9 4%, #6DD5ED 98%);
-webkit-box-shadow: 0 0.11111rem 0.5rem rgba(61, 170, 225, 0.5);
box-shadow: 0 0.11111rem 0.5rem rgba(61, 170, 225, 0.5);
border-radius: 0.33333rem;
}
@media (max-width: 767px) {
.btitle--bg .btitle__inner {
padding: 0.55556rem 1.11111rem;
}
}
@media (min-width: 768px) {
.btitle--size-l.btitle--bg .btitle__inner {
padding: 0.94444rem 3.05556rem;
}
}
.itimer {
font-family: "Avenir Next Cyr", Arial, sans-serif;
font-size: 1.94444rem;
font-weight: 700;
line-height: 1;
white-space: nowrap;
color: #C2C2C2;
margin: 0.83333rem 0;
}
@media (max-width: 767px) {
.itimer {
font-size: 0.83333rem;
margin: 1.66667rem 0;
}
}
@media (min-width: 768px) {
.itimer.itimer--size-l {
font-size: 2.66667rem;
margin: 0.27778rem 0;
}
}
.itimer:first-child {
margin-top: 0;
}
.itimer:last-child {
margin-bottom: 0;
}
.itimer__timer {
display: inline;
margin-left: 1.38889rem;
opacity: 0;
}
.itimer__timer.is-countdown {
opacity: 1;
}
.itimer__timer:first-child {
margin-left: 0;
}
.itimer__item {
position: relative;
display: inline-block;
vertical-align: top;
text-align: center;
}
.itimer__number {
font-size: 5.38889rem;
}
@media (max-width: 767px) {
.itimer__number {
display: block;
font-size: 2.33333rem;
}
}
@media (min-width: 768px) {
.itimer--size-l .itimer__number {
font-size: 6.88889rem;
}
}
.itimer__label {
position: relative;
top: -1.2em;
margin-left: 1.11111rem;
text-transform: lowercase;
}
@media (max-width: 767px) {
.itimer__label {
display: block;
top: 0;
margin-top: -0.27778rem;
margin-left: 0;
}
}
@media (min-width: 768px) {
.itimer--size-l .itimer__label {
top: -1.15em;
margin-left: 0.55556rem;
}
}
.itimer__label:first-child {
margin-left: 0;
}
.itimer__sep {
position: relative;
display: inline-block;
vertical-align: top;
top: 0.1em;
margin: 0 2.77778rem;
font-size: 0.66667rem;
height: 3rem;
width: 1em;
opacity: 0.5;
text-indent: -9999px;
}
@media (max-width: 767px) {
.itimer__sep {
top: 0.6em;
margin: 0 1.11111rem;
font-size: 0.27778rem;
height: 1.27778rem;
}
}
.itimer__sep:before {
position: absolute;
top: 0;
left: 0;
height: 1em;
width: 1em;
border-radius: 50%;
background-color: currentColor;
content: "";
}
.itimer__sep:after {
position: absolute;
bottom: 0;
left: 0;
height: 1em;
width: 1em;
border-radius: 50%;
background-color: currentColor;
content: "";
}
@media (min-width: 768px) {
.itimer--size-l .itimer__sep {
top: 0.15em;
font-size: 0.88889rem;
height: 3.22222rem;
margin: 0 1.66667rem;
}
}
.section--h500 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
min-height: 27.77778rem;
}
@media (max-width: 767px) {
.section--h500 {
min-height: 0;
}
}
.stgbs {
margin: 0 -2.77778rem;
margin-top: 5.55556rem;
}
.stgbs:first-child {
margin-top: 0;
}
.stgbs:after {
content: "";
display: table;
clear: both;
}
@media (max-width: 767px) {
.stgbs {
margin-left: -1.11111rem;
margin-right: -1.11111rem;
margin-top: 2.77778rem;
}
}
.stgbs__inner {
float: left;
width: 100%;
margin: -2.77778rem 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
font-size: 0;
}
@media (max-width: 767px) {
.stgbs__inner {
margin: -1.11111rem 0;
}
}
.stgbs--tabs {
overflow: hidden;
overflow-x: auto;
padding-bottom: 5.55556rem;
margin-bottom: -1.11111rem;
}
@media (max-width: 767px) {
.stgbs--tabs {
padding-bottom: 2.77778rem;
margin-bottom: -0.77778rem;
}
.stgbs--tabs::-webkit-scrollbar {
display: none;
}
}
.stgbs--tabs .stgbs__inner {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.stgbs--tabs + .tab-panes {
margin-top: 0;
}
.stgb {
position: relative;
display: inline-block;
vertical-align: top;
width: 33%;
font-size: 1rem;
padding: 2.77778rem;
}
@media (max-width: 767px) {
.stgb {
width: 100%;
padding: 1.11111rem;
}
}
.stgb:nth-child(2n) {
margin-top: 0.83333rem;
}
.stgb--muted:not(.active) .stgb__inner {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
opacity: 0.3;
}
.stgb--muted:not(.active) .stgb__title {
opacity: 0.5;
}
.stgb--muted:not(.active) .stgb__image {
-webkit-box-shadow: 0 0 0 1px #bbb, 0 0 0.88889rem rgba(0, 0, 0, 0.05);
box-shadow: 0 0 0 1px #bbb, 0 0 0.88889rem rgba(0, 0, 0, 0.05);
}
.stgb--tab {
min-width: 19.16667rem;
}
.stgb--tab:nth-child(2n) {
margin-top: 0;
}
@media (max-width: 767px) {
.stgb--tab {
min-width: 11.11111rem;
}
}
.stgb--tab .stgb__inner {
padding-top: 0.66667rem;
}
.stgb--tab .stgb__image {
line-height: 9.33333rem;
height: 9.33333rem;
width: 9.33333rem;
border-radius: 0.16667rem;
-webkit-box-shadow: 0 0 0 1px #2595DB, 0 0 0.88889rem rgba(0, 0, 0, 0.05);
box-shadow: 0 0 0 1px #2595DB, 0 0 0.88889rem rgba(0, 0, 0, 0.05);
}
@media (max-width: 767px) {
.stgb--tab .stgb__image {
line-height: 6.94444rem;
height: 6.94444rem;
width: 6.94444rem;
}
}
.stgb--tab .stgb__image:before {
position: absolute;
top: -0.66667rem;
right: -0.66667rem;
bottom: -0.66667rem;
left: -0.66667rem;
border-radius: 0.16667rem;
border: 1px solid #DBDBDB;
content: '';
}
.stgb--tab .stgb__title {
margin-top: 2.22222rem;
}
.stgb--tab .stgb__title:first-child {
margin-top: 0;
}
.stgb--tab:after {
position: absolute;
top: 100%;
left: 50%;
margin-top: 1.94444rem;
height: 1rem;
width: 1rem;
background-color: #1d8ed9;
-webkit-transform: rotate(45deg) translate(-50%, -50%) scale(0);
-ms-transform: rotate(45deg) translate(-50%, -50%) scale(0);
transform: rotate(45deg) translate(-50%, -50%) scale(0);
content: '';
z-index: 2;
opacity: 0;
pointer-events: none;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
@media (max-width: 767px) {
.stgb--tab:after {
margin-top: 1.11111rem;
}
}
.stgb--tab.active:after {
-webkit-transform: rotate(45deg) translate(-50%, -50%);
-ms-transform: rotate(45deg) translate(-50%, -50%);
transform: rotate(45deg) translate(-50%, -50%);
opacity: 1;
}
.stgb__inner {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-height: 100%;
color: inherit !important;
text-decoration: none !important;
text-align: center;
cursor: default;
}
a.stgb__inner {
cursor: pointer;
}
.stgb__image {
margin: 0 auto;
margin-top: 1.11111rem;
position: relative;
line-height: 11.66667rem;
height: 11.66667rem;
width: 11.66667rem;
text-align: center;
background: #fff;
-webkit-box-shadow: 0 0 1.11111rem rgba(0, 0, 0, 0.05);
box-shadow: 0 0 1.11111rem rgba(0, 0, 0, 0.05);
border-radius: 0.22222rem;
}
.stgb__image:first-child {
margin-top: 0;
}
@media (max-width: 767px) {
.stgb__image {
line-height: 6.94444rem;
height: 6.94444rem;
width: 6.94444rem;
}
}
.stgb__image img {
max-width: 100%;
max-height: 100%;
}
.stgb__title {
font-family: "Avenir Next Cyr", Arial, sans-serif;
font-size: 1rem;
line-height: 1.11111;
font-weight: 700;
margin-top: 3.05556rem;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.stgb__title:first-child {
margin-top: 0;
}
@media (max-width: 767px) {
.stgb__title {
font-size: 0.77778rem;
line-height: 1.28571;
margin-top: 1.11111rem;
}
}
@media (min-width: 768px) {
.stgb--size-l .stgb__title {
font-size: 1.11111rem;
line-height: 1.1;
}
}
@media (min-width: 768px) {
.stgb--size-l.stgb--tab .stgb__title {
margin-top: 1.94444rem;
}
}
.stgb__overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow-x: hidden;
overflow-y: auto;
font-size: 1.333333rem;
line-height: 1.3;
background-color: #fff;
border: 1px solid #2E9DDD;
border-radius: 0.22222rem;
padding: 1.66667rem 1.11111rem;
text-align: center;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s, visibility 0s 0.3s;
-o-transition: all 0.3s, visibility 0s 0.3s;
transition: all 0.3s, visibility 0s 0.3s;
color:#058ad3;
}
@media (max-width: 767px) {
.stgb__overlay {
font-size: 0.55556rem;
line-height: 1.4;
}
}
@media (min-width: 768px) {
.stgb--size-l .stgb__overlay {
font-size: 0.77778rem;
line-height: 1.42857;
}
}
.stgb__overlay-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
min-height: 100%;
}
.stgb__inner:hover .stgb__overlay {
opacity: 1;
visibility: visible;
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.stgb__inner.focused .stgb__overlay {
opacity: 1;
visibility: visible;
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
@media (max-width: 767px) {
.stgb__overlay--mobile-plain {
position: relative;
overflow: visible;
opacity: 1;
visibility: visible;
background-color: transparent;
border: none;
border-radius: 0;
padding: 0;
margin: 0 auto;
max-width: 13.33333rem;
margin-top: 1.11111rem;
}
.stgb__overlay--mobile-plain:first-child {
margin-top: 0;
}
}
.swiper-slider--tabs {
margin-top: 1.66667rem;
}
.swiper-slider--tabs .image {
padding-bottom: 78.26087%;
}
.section--gtgbs {
padding-bottom: 10rem;
}
@media (max-width: 767px) {
.section--gtgbs {
padding-bottom: 2.77778rem;
}
}
.section--gtgbs .section__bg {
background-size: auto;
background-position: center 100%;
}
.gtgbs {
max-width: 64.44444rem;
margin-left: auto;
margin-right: auto;
margin-top: 5.55556rem;
}
.gtgbs:first-child {
margin-top: 0;
}
@media (max-width: 767px) {
.gtgbs {
margin-top: 2.22222rem;
}
}
.gtgbs__container {
margin: 0 -1.77778rem;
}
.gtgbs__container:after {
content: "";
display: table;
clear: both;
}
@media (max-width: 767px) {
.gtgbs__container {
margin-left: -0.5rem;
margin-right: -0.5rem;
}
}
.gtgbs__inner {
float: left;
width: 100%;
margin: -1.77778rem 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
font-size: 0;
}
@media (max-width: 767px) {
.gtgbs__inner {
margin: -0.5rem 0;
}
}
.gtgbs .swiper-slider {
width: 100%;
}
@media (max-width: 767px) {
.gtgbs .swiper-container {
margin-left: -0.61111rem;
margin-right: -0.61111rem;
padding-left: 0.61111rem;
padding-right: 0.61111rem;
}
}
.gtgbs .swiper-slide {
max-width: 17rem;
}
@media (max-width: 767px) {
.gtgbs .swiper-slide {
max-width: 14.44444rem;
}
}
@media (max-width: 767px) {
.gtgbs .swiper-pagination {
position: static;
margin-top: 2.77778rem;
}
}
.gtgb {
position: relative;
display: inline-block;
vertical-align: top;
width: 25%;
font-family: "Avenir Next Cyr", Arial, sans-serif;
font-size: 1rem;
padding: 1.77778rem;
margin-bottom: 2.22222rem;
}
@media (max-width: 767px) {
.gtgb {
padding: 0.5rem;
margin-bottom: 1.11111rem;
}
}
.gtgb:nth-child(2n),
.swiper-slide:nth-child(2n) .gtgb {
margin-top: 2.22222rem;
margin-bottom: 0;
}
@media (max-width: 767px) {
.gtgb:nth-child(2n),
.swiper-slide:nth-child(2n) .gtgb {
margin-top: 0;
margin-bottom: 1.11111rem;
}
}
@media (max-width: 767px) {
.gtgb:nth-child(2n+1),
.swiper-slide:nth-child(2n+1) .gtgb {
margin-top: 1.11111rem;
margin-bottom: 0;
}
}
.swiper-slider .gtgb {
width: 100%;
height: 100%;
}
.gtgb__inner {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 2.22222rem 1.11111rem 3.33333rem;
height: calc(100% - 2.22222rem);
background-color: #fff;
color: #000 !important;
-webkit-box-shadow: 0 0 1.11111rem rgba(0, 0, 0, 0.05);
box-shadow: 0 0 1.11111rem rgba(0, 0, 0, 0.05);
border-radius: 0.33333rem;
text-decoration: none !important;
text-align: center;
z-index: 0;
cursor: default;
}
@media (max-width: 767px) {
.gtgb__inner {
height: calc(100% - 1.11111rem);
}
}
.gtgb__inner:before {
position: absolute;
top: 0;
right: 0.33333rem;
bottom: 0;
left: 0.33333rem;
z-index: -1;
background: #fff;
opacity: 0.2;
-webkit-box-shadow: 0 0 1.11111rem rgba(0, 0, 0, 0.05);
box-shadow: 0 0 1.11111rem rgba(0, 0, 0, 0.05);
border-radius: 0.33333rem;
-webkit-transform: translateY(0.83333rem);
-ms-transform: translateY(0.83333rem);
transform: translateY(0.83333rem);
content: '';
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
@media (max-width: 767px) {
.gtgb__inner:before {
display: none;
}
}
.gtgb__inner:hover:before {
background: rgba(255, 255, 255, 0.17);
opacity: 0.5;
-webkit-transform: none;
-ms-transform: none;
transform: none;
top: -0.55556rem;
right: -0.55556rem;
bottom: -0.55556rem;
left: -0.55556rem;
}
.gtgb__inner.focused:before {
background: rgba(255, 255, 255, 0.17);
opacity: 0.5;
-webkit-transform: none;
-ms-transform: none;
transform: none;
top: -0.55556rem;
right: -0.55556rem;
bottom: -0.55556rem;
left: -0.55556rem;
}
a.gtgb__inner {
cursor: pointer;
}
.gtgb__bg {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: center top no-repeat;
background-size: 100% auto;
z-index: -1;
overflow: hidden;
border-radius: 0.22222rem;
}
.gtgb__image {
margin: 0 -1.11111rem;
margin-top: 1.11111rem;
position: relative;
line-height: 12.22222rem;
height: 12.22222rem;
text-align: center;
}
.gtgb__image:first-child {
margin-top: 0;
}
@media (max-width: 767px) {
.gtgb__image {
line-height: 10rem;
height: 10rem;
}
}
.gtgb__image:first-child {
margin-top: -2.22222rem;
}
@media (max-width: 767px) {
.gtgb__image:first-child {
margin-top: -1.11111rem;
}
}
.gtgb__image img {
max-width: 100%;
max-height: 100%;
}
.gtgb__sticker {
position: absolute;
right: 0;
bottom: 0;
left: 0;
z-index: 0;
border-radius: 0 0 0.33333rem 0.33333rem;
padding: 0.44444rem 1.11111rem;
background-color: #FF9F00;
background: -webkit-linear-gradient(315deg, #FF9F00 15%, #FF6600 94%);
background: -o-linear-gradient(315deg, #FF9F00 15%, #FF6600 94%);
background: linear-gradient(135deg, #FF9F00 15%, #FF6600 94%);
-webkit-box-shadow: 0 0 0.55556rem rgba(255, 102, 0, 0.2);
box-shadow: 0 0 0.55556rem rgba(255, 102, 0, 0.2);
color: #fff;
font-family: "Avenir Next Cyr", Arial, sans-serif;
font-size: 0.66667rem;
line-height: 1.5;
font-weight: 600;
}
.gtgb__title {
font-size: 1rem;
line-height: 1.11111;
font-weight: 700;
color: #000;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
min-height: 2.11111rem;
margin-top: 0.27778rem;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.gtgb__title:first-child {
margin-top: 0;
}
@media (max-width: 767px) {
.gtgb__title {
font-size: 0.77778rem;
line-height: 1.28571;
margin-top: 0.27778rem;
}
}
@media (min-width: 768px) {
.gtgb--size-l .gtgb__title {
font-size: 1.11111rem;
line-height: 1.25;
}
}
.gtgb__icon {
font-size: 1rem;
line-height: 1;
margin-top: 1.38889rem;
color: #50BBE6;
}
.gtgb__icon:first-child {
margin-top: 0;
}
@media (max-width: 767px) {
.gtgb__icon {
font-size: 0.77778rem;
}
}
.gtgb__icon .icon {
vertical-align: top;
}
.gtgb__summary {
font-size: 0.66667rem;
font-weight: 600;
line-height: 1.66667;
margin-top: 2.22222rem;
}
.gtgb__summary:first-child {
margin-top: 0;
}
@media (max-width: 767px) {
.gtgb__summary {
margin-top: 0.83333rem;
}
}
.gtgb__footer {
padding-top: 0.83333rem;
margin-bottom: -1.38889rem;
font-size: 0.77778rem;
line-height: 1.14286;
}
@media (max-width: 767px) {
.gtgb__footer {
font-size: 0.66667rem;
line-height: 1.66667;
margin-bottom: -0.55556rem;
}
}
.gtgb__overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
overflow-x: hidden;
overflow-y: auto;
font-size: 0.66667rem;
line-height: 1.75;
color: #636564;
background-color: #fff;
border-radius: 0.33333rem;
border: 0.27778rem solid #fff;
padding: 1.94444rem 0.83333rem;
text-align: center;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.4s, visibility 0s 0.4s;
-o-transition: all 0.4s, visibility 0s 0.4s;
transition: all 0.4s, visibility 0s 0.4s;
}
.gtgb__overlay-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
min-height: 100%;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.gtgb__overlay .gtgb__title {
margin-bottom: 1.11111rem;
}
.gtgb__overlay .gtgb__title:last-child {
margin-bottom: 0;
}
.gtgb__inner:hover .gtgb__overlay {
opacity: 1;
visibility: visible;
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.gtgb__inner:hover .gtgb__overlay .gtgb__overlay-inner {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.gtgb__inner.focused .gtgb__overlay {
opacity: 1;
visibility: visible;
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.gtgb__inner.focused .gtgb__overlay .gtgb__overlay-inner {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.section--wtgbs .section__bg {
background-size: auto;
background-position: center 65%;
}
.wtgbs {
max-width: 65.33333rem;
margin-left: auto;
margin-right: auto;
margin-top: 5rem;
}
.wtgbs:first-child {
margin-top: 0;
}
@media (max-width: 767px) {
.wtgbs {
margin-top: 2.22222rem;
}
}
.wtgbs__container {
margin: 0 -1.77778rem;
}
.wtgbs__container:after {
content: "";
display: table;
clear: both;
}
@media (max-width: 767px) {
.wtgbs__container {
margin-left: -0.5rem;
margin-right: -0.5rem;
}
}
.wtgbs__inner {
float: left;
width: 100%;
margin: -1.77778rem 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
font-size: 0;
}
@media (max-width: 767px) {
.wtgbs__inner {
margin: -0.5rem 0;
}
}
.wtgbs .swiper-slider {
width: 100%;
}
@media (max-width: 767px) {
.wtgbs .swiper-container {
margin-left: -0.61111rem;
margin-right: -0.61111rem;
padding-left: 0.61111rem;
padding-right: 0.61111rem;
}
}
.wtgbs .swiper-slide {
max-width: 17.22222rem;
}
@media (max-width: 767px) {
.wtgbs .swiper-slide {
max-width: 14.44444rem;
}
}
.wtgb {
position: relative;
display: inline-block;
vertical-align: top;
width: 25%;
font-size: 1rem;
padding: 1.94444rem;
margin-bottom: 2.22222rem;
}
@media (max-width: 767px) {
.wtgb {
padding: 0.5rem;
margin-bottom: 1.11111rem;
}
}
.wtgb:nth-child(2n),
.swiper-slide:nth-child(2n) .wtgb {
margin-top: 2.22222rem;
margin-bottom: 0;
}
@media (max-width: 767px) {
.wtgb:nth-child(2n),
.swiper-slide:nth-child(2n) .wtgb {
margin-top: 0;
margin-bottom: 1.11111rem;
}
}
@media (max-width: 767px) {
.wtgb:nth-child(2n+1),
.swiper-slide:nth-child(2n+1) .wtgb {
margin-top: 1.11111rem;
margin-bottom: 0;
}
}
.swiper-slider .wtgb {
width: 100%;
height: 100%;
}
.wtgb__inner {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: calc(100% - 2.22222rem);
padding: 2.22222rem 1.11111rem;
background-color: #fff;
-webkit-box-shadow: 0 0 1.11111rem rgba(0, 0, 0, 0.05);
box-shadow: 0 0 1.11111rem rgba(0, 0, 0, 0.05);
border-radius: 0.33333rem;
color: #000 !important;
text-decoration: none !important;
text-align: center;
z-index: 0;
cursor: default;
}
@media (max-width: 767px) {
.wtgb__inner {
height: calc(100% - 1.11111rem);
}
}
.wtgb__inner--transparent {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
a.wtgb__inner {
cursor: pointer;
}
.wtgb__bg {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: center center no-repeat;
background-size: contain;
z-index: -1;
overflow: hidden;
border-radius: 0.22222rem;
}
.wtgb__bg img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
visibility: hidden;
z-index: -1;
}
.wtgb__image {
margin-top: 1.11111rem;
position: relative;
border-radius: 0.22222rem;
-webkit-box-shadow: 0 0 0.55556rem rgba(0, 0, 0, 0.1);
box-shadow: 0 0 0.55556rem rgba(0, 0, 0, 0.1);
}
.wtgb__image:first-child {
margin-top: 0;
}
.wtgb__image:first-child {
margin-top: -1.11111rem;
}
.wtgb__image .image__inner {
border-radius: 0.22222rem;
}
.wtgb__title {
font-family: "Avenir Next Cyr", Arial, sans-serif;
font-size: 1.11111rem;
line-height: 1.2;
font-weight: 700;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 1.94444rem;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.wtgb__title:first-child {
margin-top: 0;
}
@media (max-width: 767px) {
.wtgb__title {
font-size: 0.77778rem;
line-height: 1.28571;
margin-top: 1.38889rem;
}
}
.wtgb__summary {
font-size: 0.88889rem;
line-height: 1.2;
margin-top: 1.94444rem;
}
.wtgb__summary:first-child {
margin-top: 0;
}
@media (max-width: 767px) {
.wtgb__summary {
font-size: 0.66667rem;
line-height: 1.66667;
margin-top: 0.83333rem;
}
}
.wtgb__icons {
margin-top: 1.11111rem;
font-size: 0;
margin-left: -1.11111rem;
}
.wtgb__icons:first-child {
margin-top: 0;
}
@media (max-width: 767px) {
.wtgb__icons {
margin-top: 1.38889rem;
}
}
.wtgb__icons:last-child {
margin-bottom: -0.55556rem;
}
.wtgb__icon {
display: inline-block;
vertical-align: top;
font-size: 1.11111rem;
line-height: 1;
color: #d0d0d0;
margin-left: 1.11111rem;
}
@media (max-width: 767px) {
.wtgb__icon {
font-size: 1.66667rem;
}
}
.wtgb__icon .icon {
vertical-align: top;
}
a.wtgb__icon:hover {
color: #50BBE6;
}
a.wtgb__icon:active {
color: #50BBE6;
}
.summary {
margin-top: 0.55556rem;
font-family: "Avenir Next Cyr", Arial, sans-serif;
font-size: 1.33333rem;
}
.summary:first-child {
margin-top: 0;
}
@media (max-width: 767px) {
.summary {
font-size: 0.95rem;
}
}
.summary--larger {
font-size: 1.22222rem;
}
@media (max-width: 767px) {
.summary--larger {
font-size: 0.66667rem;
}
}
@media (min-width: 768px) {
.summary--larger.summary--size-l {
font-size: 1.33333rem;
}
}
.summary--large {
font-size: 1.44444rem;
}
@media (max-width: 767px) {
.summary--large {
font-size: 0.66667rem;
}
}
@media (min-width: 768px) {
.summary--large.summary--size-l {
font-size: 1.66667rem;
}
}
@media (min-width: 768px) {
.summary--size-l {
font-size: 1.11111rem;
}
}
.summary--smaller {
font-size: 0.88889rem;
line-height: 1.625;
}
@media (max-width: 767px) {
.summary--smaller {
font-size: 0.66667rem;
}
}
@media (min-width: 768px) {
.summary--smaller.summary--size-l {
font-size: 1rem;
line-height: 1.55556;
}
}
.summary--small {
font-size: 0.77778rem;
}
.summary--mm {
margin-top: 3.33333rem;
}
@media (max-width: 767px) {
.summary--mm {
margin-top: 2.22222rem;
}
}
.bblock {
position: relative;
margin-top: 4.16667rem;
padding: 3.33333rem 3.88889rem;
max-width: 34.44444rem;
z-index: 0;
}
.bblock:first-child {
margin-top: 0;
}
@media (max-width: 767px) {
.bblock {
margin-top: 2.77778rem;
padding: 2.22222rem 2.22222rem 0.55556rem;
}
}
.bblock:before {
position: absolute;
top: 0.38889rem;
right: 0.38889rem;
bottom: 0.38889rem;
left: 0.38889rem;
border-radius: 2.27778rem;
background-color: #fff;
z-index: -1;
content: '';
}
@media (max-width: 767px) {
.bblock:before {
top: 0.16667rem;
right: 0.16667rem;
bottom: 0.16667rem;
left: 0.16667rem;
border-radius: 1.66667rem;
}
}
.bblock:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: -webkit-gradient(linear, left top, left bottom, from(#62cbeb), to(#fff));
background: -webkit-linear-gradient(top, #62cbeb, #fff);
background: -o-linear-gradient(top, #62cbeb, #fff);
background: linear-gradient(to bottom, #62cbeb, #fff);
border-radius: 2.66667rem;
-webkit-box-shadow: 0 0 0 1.16667rem rgba(255, 255, 255, 0.58);
box-shadow: 0 0 0 1.16667rem rgba(255, 255, 255, 0.58);
z-index: -2;
content: '';
}
@media (max-width: 767px) {
.bblock:after {
border-radius: 1.83333rem;
}
}
.bblock .image {
margin-top: 2.77778rem;
margin-bottom: 2.77778rem;
max-width: 25.55556rem;
}
@media (max-width: 767px) {
.bblock .image {
margin-top: 1.38889rem;
margin-bottom: 1.38889rem;
}
}
.bblock .image:first-child {
margin-top: 0;
}
.bblock .image:last-child {
margin-bottom: 0;
}
.bblock + .sstgbs {
margin-top: 1.94444rem;
}
.bblock + h3, .bblock + .h3 {
margin-top: 6.11111rem;
}
@media (max-width: 767px) {
.bblock + h3, .bblock + .h3 {
margin-top: 3.05556rem;
}
}
.section--contest .section__bg {
background-size: auto;
background-position: center 16.66667rem;
}
.sstgbs {
position: relative;
margin: 0 -2.77778rem;
margin-top: 2.77778rem;
}
.sstgbs:first-child {
margin-top: 0;
}
.sstgbs:after {
content: "";
display: table;
clear: both;
}
.sstgbs .section__bg {
top: -7.22222rem;
left: -111.11111rem;
right: -111.11111rem;
bottom: -8.33333rem;
background-size: auto 17.22222rem;
background-position: center center;
}
@media (max-width: 767px) {
.sstgbs {
margin-left: -0.83333rem;
margin-right: -0.83333rem;
}
}
.sstgbs__inner {
float: left;
width: 100%;
margin: -2.77778rem 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
font-size: 0;
}
@media (max-width: 767px) {
.sstgbs__inner {
margin: -0.83333rem 0;
}
}
.sstgb {
position: relative;
display: inline-block;
vertical-align: top;
width: 33.33%;
font-size: 1rem;
padding: 2.77778rem;
}
@media (max-width: 767px) {
.sstgb {
width: 100%;
padding: 0.83333rem;
}
}
.sstgb__inner {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-height: 100%;
color: inherit !important;
text-decoration: none !important;
text-align: center;
cursor: default;
}
a.sstgb__inner {
cursor: pointer;
}
.sstgb__number {
position: relative;
font-family: "Avenir Next Cyr", Arial, sans-serif;
font-size: 4.88889rem;
font-weight: 700;
line-height: 1;
color: #50BBE6;
margin-top: 2.22222rem;
text-align: center;
}
.sstgb__number:first-child {
margin-top: 0;
}
@media (max-width: 767px) {
.sstgb__number {
font-size: 3.55556rem;
}
}
.sstgb__summary {
font-size: 0.88889rem;
line-height: 1.4375;
margin-top: 1.94444rem;
}
.sstgb__summary:first-child {
margin-top: 0;
}
@media (max-width: 767px) {
.sstgb__summary {
font-size: 0.66667rem;
line-height: 1.5;
margin-top: 1.11111rem;
}
}
@media (min-width: 768px) {
.sstgb--size-l .sstgb__summary {
font-size: 1rem;
}
}
.icons-border:before, .icons-border:after,
.icons-border__inner:before,
.icons-border__inner:after {
position: absolute;
background: url("../pic/icons-border.svg") repeat;
background-size: 61.5rem auto;
content: '';
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.icons-border.wupload-wrapper.is-dragover:before, .icons-border.wupload-wrapper.is-dragover:after,
.wupload-wrapper.is-dragover .icons-border__inner:before,
.wupload-wrapper.is-dragover .icons-border__inner:after {
opacity: 0.17;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.icons-border {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 3.33333rem 0;
min-height: 15.94444rem;
margin-top: 6.66667rem;
}
.icons-border:first-child {
margin-top: 0;
}
@media (max-width: 767px) {
.icons-border {
padding: 2.77778rem 0;
margin-top: 3.88889rem;
min-height: 12.66667rem;
}
}
.icons-border--ml {
margin-top: 5.55556rem;
}
@media (max-width: 767px) {
.icons-border--ml {
margin-top: 3.05556rem;
}
}
.icons-border:before, .icons-border:after {
left: 0;
right: 0;
height: 1.55556rem;
}
.icons-border:before {
top: 0;
background-position: center top;
}
.icons-border:after {
bottom: 0;
background-position: center bottom;
}
.icons-border__inner {
padding: 0 3.33333rem;
}
@media (max-width: 767px) {
.icons-border__inner {
padding: 0 2.22222rem;
}
}
.icons-border__inner:before, .icons-border__inner:after {
top: 1.55556rem;
bottom: 1.55556rem;
width: 1.55556rem;
}
.icons-border__inner:before {
left: 0;
background-position: left -1.55556rem;
}
.icons-border__inner:after {
right: 0;
background-position: right -1.55556rem;
}
@media (max-width: 767px) {
.icons-border.loaded {
min-height: 15.55556rem;
}
}
.wupload:before {
position: absolute;
top: 2.22222rem;
right: 2.22222rem;
bottom: 2.22222rem;
left: 2.22222rem;
border: 2px dashed #50BBE6;
border-radius: 0.22222rem;
content: '';
opacity: 0;
pointer-events: none;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.wupload-wrapper.is-dragover .wupload:before {
opacity: 1;
}
.wupload__tip {
padding-top: 1.38889rem;
font-size: 0.77778rem;
}
.wupload__tip:first-child {
padding-top: 0;
}
@media (max-width: 767px) {
.wupload__tip {
padding-top: 0.83333rem;
font-size: 0.55556rem;
line-height: 1.4;
}
}
.wupload__tip--smaller {
font-size: 0.66667rem;
line-height: 1.41667;
}
@media (max-width: 767px) {
.wupload__tip--smaller {
font-size: 0.55556rem;
line-height: 1.4;
}
}
.wupload__tip--larger {
font-size: 1rem;
}
@media (max-width: 767px) {
.wupload__tip--larger {
font-size: 0.66667rem;
line-height: 1.41667;
}
}
@media (max-width: 767px) {
.wupload__tip--larger-mobile {
font-size: 0.66667rem;
line-height: 1.41667;
}
}
.wupload__tip--message {
padding-top: 1.66667rem;
}
.wupload__tip--message:first-child {
padding-top: 0;
}
@media (max-width: 767px) {
.wupload__tip--message {
padding-top: 0.55556rem;
}
}
.wupload__tip--message2 {
padding-top: 0.27778rem;
}
.wupload__tip--message2:first-child {
padding-top: 0;
}
.wupload__tip--message3 {
padding-top: 0.55556rem;
}
.wupload__tip--message3:first-child {
padding-top: 0;
}
.wupload__tip--muted {
opacity: 0.3;
}
@media (max-width: 767px) {
.wupload__tip--muted {
opacity: 0.4;
}
}
.wupload__agree {
margin-top: 1.94444rem;
position: relative;
}
.wupload__agree:first-child {
margin-top: 0;
}
@media (max-width: 767px) {
.wupload__agree {
margin-top: 0.83333rem;
}
}
.wupload__agree .checkbox--highlight-error input.error ~ .checkbox__icon {
-webkit-box-shadow: inset 0 0 0 1px #D0021B;
box-shadow: inset 0 0 0 1px #D0021B;
}
.wupload__agree .checkbox--highlight-error input.error ~ * {
color: #D0021B;
}
.wupload__agree .form__error {
display: none !important;
}
.wupload__agree + .form__actions {
margin-top: 1.94444rem;
}
@media (max-width: 767px) {
.wupload__agree + .form__actions {
margin-top: 0.83333rem;
}
}
.wupload__drag-before {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.wupload-wrapper.is-dragover .wupload__drag-before {
opacity: 0;
}
.wupload-wrapper.loading .wupload__drag-before,
.wupload-wrapper.loaded .wupload__drag-before,
.wupload-wrapper.inactive .wupload__drag-before {
display: none;
}
.wupload__drag-over {
position: absolute;
top: 2.22222rem;
right: 2.22222rem;
bottom: 2.22222rem;
left: 2.22222rem;
padding: 1.11111rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
opacity: 0;
pointer-events: none;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.wupload-wrapper.is-dragover .wupload__drag-over {
opacity: 1;
}
.wupload-wrapper.loading .wupload__drag-over,
.wupload-wrapper.loaded .wupload__drag-over,
.wupload-wrapper.inactive .wupload__drag-over {
display: none;
}
.wupload__loading {
position: absolute;
top: 2.22222rem;
right: 2.22222rem;
bottom: 2.22222rem;
left: 2.22222rem;
padding: 1.11111rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s, visibility 0s 0.3s;
-o-transition: all 0.3s, visibility 0s 0.3s;
transition: all 0.3s, visibility 0s 0.3s;
}
@media (max-width: 767px) {
.wupload__loading {
padding: 0;
}
}
.wupload-wrapper.loading .wupload__loading {
opacity: 1;
visibility: visible;
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.wupload__loaded {
position: absolute;
top: 2.22222rem;
right: 2.22222rem;
bottom: 2.22222rem;
left: 2.22222rem;
padding: 1.11111rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s, visibility 0s 0.3s;
-o-transition: all 0.3s, visibility 0s 0.3s;
transition: all 0.3s, visibility 0s 0.3s;
}
@media (max-width: 767px) {
.wupload__loaded {
padding: 0;
}
}
.wupload-wrapper.loaded .wupload__loaded {
opacity: 1;
visibility: visible;
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.wupload-wrapper.inactive .wupload__loaded {
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s, visibility 0s 0.3s;
-o-transition: all 0.3s, visibility 0s 0.3s;
transition: all 0.3s, visibility 0s 0.3s;
}
.wupload__loaded--white {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
z-index: 1;
padding: 1.11111rem 1.38889rem;
background-color: #fff;
color: #000;
-webkit-box-shadow: inset 0 0 0 1px #eee, 0 0 0.55556rem rgba(0, 0, 0, 0.1);
box-shadow: inset 0 0 0 1px #eee, 0 0 0.55556rem rgba(0, 0, 0, 0.1);
border-radius: 0.22222rem;
}
@media (max-width: 767px) {
.wupload__loaded--white {
padding: 1.11111rem 1.11111rem;
}
}
.wupload__loaded .textfield {
max-height: 9.72222rem;
font-size: 0.66667rem;
line-height: 1.58333;
-webkit-box-shadow: none;
box-shadow: none;
padding: 0.55556rem 0;
}
@media (max-width: 767px) {
.wupload__loaded .textfield {
line-height: 1.33333;
max-height: 7.77778rem;
}
}
.wupload__loaded .textfield::-webkit-input-placeholder {
color: #D3D3D3;
}
.wupload__loaded .textfield::-moz-placeholder {
color: #D3D3D3;
}
.wupload__loaded .textfield:-moz-placeholder {
color: #D3D3D3;
}
.wupload__loaded .textfield:-ms-input-placeholder {
color: #D3D3D3;
}
.wupload__loaded-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
}
.wupload__loaded-title {
-webkit-box-flex: 1;
-ms-flex: auto 0 0px;
flex: auto 0 0;
}
.wupload__loaded-comment {
position: relative;
-webkit-box-flex: 1;
-ms-flex: auto 1 1;
flex: auto 1 1;
margin-right: -0.83333rem;
}
@media (max-width: 767px) {
.wupload__loaded-comment {
margin-top: 0;
}
}
.wupload__loaded-comment .textfield {
padding-right: 0.83333rem;
}
.wupload__loaded-comment-tip {
position: absolute;
right: 0.83333rem;
bottom: 0.83333rem;
font-size: 0.66667rem;
color: #B7B7B7;
}
@media (max-width: 767px) {
.wupload__loaded-comment-tip {
line-height: 1.2;
}
}
.wupload__loaded-comment .form__error {
position: absolute;
bottom: 0.83333rem;
left: 0;
padding-left: 0;
padding-right: 0;
font-size: 0.66667rem;
background-color: #fff;
max-width: 100%;
}
.wupload__loaded-footer {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 1;
-ms-flex: auto 0 0px;
flex: auto 0 0;
padding: 0 0.83333rem;
margin: auto -1.38889rem -1.11111rem;
-webkit-box-shadow: inset 0 1px 0 #f6f6f6;
box-shadow: inset 0 1px 0 #f6f6f6;
}
@media (max-width: 767px) {
.wupload__loaded-footer {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0.44444rem;
margin: auto -1.11111rem -1.11111rem;
}
}
.wupload__loaded-footer .wupload__loaded-comment-tip {
position: static;
margin-left: auto;
}
.wupload__loaded-footer-tip {
-webkit-box-flex: 1;
-ms-flex: auto 1 1;
flex: auto 1 1;
color: #DBDBDB;
font-size: 0.61111rem;
margin-right: 0.83333rem;
}
@media (max-width: 767px) {
.wupload__loaded-footer-tip {
margin-top: 0.44444rem;
}
}
@media (max-width: 767px) {
.wupload__loaded-footer-tip--agree {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
margin-right: 0;
}
}
.wupload__loaded-footer-action {
position: relative;
z-index: 5;
-webkit-box-flex: 1;
-ms-flex: auto 0 0px;
flex: auto 0 0;
margin: 0 -0.83333rem 0 0;
}
@media (max-width: 767px) {
.wupload__loaded-footer-action {
margin: 0.55556rem -0.44444rem -0.44444rem;
-webkit-box-flex: 1;
-ms-flex: auto 1 1;
flex: auto 1 1;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
}
.wupload__loaded-footer-action .btn {
border-radius: 0 0 0.22222rem 0;
}
@media (min-width: 768px) {
.wupload__loaded-footer-action .btn {
height: 2.77778rem;
font-family: "Open Sans", Arial, sans-serif;
font-size: 0.77778rem;
font-weight: 400;
}
}
@media (max-width: 767px) {
.wupload__loaded-footer-action .btn {
width: 100%;
border-radius: 0 0 0.22222rem 0.22222rem;
}
}
.wupload__loaded-footer input[type='file'] {
opacity: 0;
font-size: 0;
width: 100%;
height: 100%;
position: absolute;
top: 0;
right: 0;
vertical-align: top;
z-index: 3;
cursor: pointer;
}
.wupload__preview {
position: relative;
-webkit-box-flex: 1;
-ms-flex: auto 0 0px;
flex: auto 0 0;
height: 1.66667rem;
width: 1.66667rem;
border-radius: 0.11111rem;
background: #eee;
margin-right: 0.83333rem;
overflow: hidden;
}
@media (max-width: 767px) {
.wupload__preview {
height: 0.88889rem;
width: 0.88889rem;
margin-right: 0.27778rem;
}
}
.wupload__preview img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
min-width: 0;
min-height: 0;
-webkit-transition: all 0.3s, visibility 0s;
-o-transition: all 0.3s, visibility 0s;
transition: all 0.3s, visibility 0s;
}
.wupload__file-name {
-webkit-box-flex: 1;
-ms-flex: auto 0 0px;
flex: auto 0 0;
max-width: 22.22222rem;
margin-right: 1.11111rem;
font-size: 0.61111rem;
font-weight: 600;
}
@media (max-width: 767px) {
.wupload__file-name {
font-size: 0.55556rem;
max-width: 8.05556rem;
margin-right: 0.83333rem;
}
}
.wupload__result {
position: absolute;
top: 2.22222rem;
right: 2.22222rem;
bottom: 2.22222rem;
left: 2.22222rem;
padding: 1.11111rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s, visibility 0s 0.3s;
-o-transition: all 0.3s, visibility 0s 0.3s;
transition: all 0.3s, visibility 0s 0.3s;
}
@media (max-width: 767px) {
.wupload__result {
padding: 0;
}
}
.wupload-wrapper.inactive .wupload__result {
opacity: 1;
visibility: visible;
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
@media (max-width: 767px) {
.wupload__icon img {
width: auto;
height: auto;
max-width: 1.11111rem;
max-height: 1.11111rem;
}
}
.wupload-wrapper.loading .wupload__file,
.wupload-wrapper.loaded .wupload__file,
.wupload-wrapper.inactive .wupload__file {
display: none;
}
.wupload-wrapper--active-file-after-submit.inactive .wupload__file {
display: block;
}
.wupload-wrapper.inactive-error .wupload__file {
display: block;
}
.wupload__file input[type='file'] {
opacity: 0;
font-size: 0;
width: 100%;
height: 100%;
position: absolute;
top: 0;
right: 0;
vertical-align: top;
z-index: 3;
cursor: pointer;
}
.wupload__file .form__error {
display: none !important;
}
.wupload__file-over {
z-index: 4;
}
.wupload__return {
display: none;
}
.wupload-wrapper--active-return-after-submit.inactive .wupload__return {
display: block;
}
.wupload-wrapper.inactive-error .wupload__return {
display: block;
}
.wupload__code {
margin-top: 0.55556rem;
}
@media (max-width: 767px) {
.wupload__code {
margin-top: 0.83333rem;
margin-bottom: 1.11111rem;
}
}
.wupload .pbar {
width: 100%;
max-width: 23.33333rem;
margin-right: auto;
margin-left: auto;
}
@media (max-width: 767px) {
.wupload .pbar {
max-width: 8.88889rem;
}
}
.pbar {
margin-top: 2.22222rem;
border-radius: 5.55556rem;
background-color: #eee;
-webkit-box-flex: 1;
-ms-flex: auto 0 0px;
flex: auto 0 0;
overflow: hidden;
}
.pbar:first-child {
margin-top: 0;
}
@media (max-width: 767px) {
.pbar {
margin-top: 1.11111rem;
}
}
.pbar__inner {
height: 0.44444rem;
background-color: #61CAEA;
}
@media (max-width: 767px) {
.pbar__inner {
height: 0.22222rem;
}
}
.dsmenu {
margin-top: 1.11111rem;
}
.dsmenu:first-child {
margin-top: 0;
}
@media (max-width: 767px) {
.dsmenu {
margin-top: 0.83333rem;
}
}
.dsmenu__list {
margin: 0 -1.11111rem -1.11111rem 0;
font-size: 0;
}
.dsmenu__item {
display: inline-block;
vertical-align: top;
margin: 0 1.11111rem 1.11111rem 0;
font-size: 1.11111rem;
line-height: 1;
}
.dsmenu__link {
display: block;
color: #eee;
}
.dsmenu__link:hover {
color: #50BBE6;
}
.dsmenu__link:active {
color: #50BBE6;
}
.dsmenu__link .icon {
vertical-align: top;
}
@media (max-width: 767px) {
.dsmenu__link .icon {
font-size: 1.33333rem;
}
}
.exps {
margin-top: 1.94444rem;
}
.exps:first-child {
margin-top: 0;
}
.exp {
margin-top: 1.11111rem;
}
.exp:first-child {
margin-top: 0;
}
.exp__title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0.55556rem 1.11111rem;
line-height: 1.375;
font-weight: 600;
color: #50BBE6;
background-color: rgba(0, 0, 0, 0.02);
-webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
border-radius: 0.27778rem;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
@media (max-width: 767px) {
.exp__title {
padding: 0.55556rem 0.55556rem;
}
}
.exp__title > * {
-webkit-box-flex: 1;
-ms-flex: auto 1 1;
flex: auto 1 1;
}
.exp__title-icon {
-webkit-box-flex: 1;
-ms-flex: auto 0 0px;
flex: auto 0 0;
line-height: 1;
font-size: 1.33333rem;
margin-left: 1.11111rem;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.exp__title-icon .icon {
vertical-align: top;
}
.exp__title.active {
color: #000;
background-color: #50BBE6;
}
.exp__title.active .exp__title-icon {
-webkit-transform: scaleY(-1);
-ms-transform: scaleY(-1);
transform: scaleY(-1);
}
.exp__content-inner {
padding: 1.11111rem;
}
@media (max-width: 767px) {
.exp__content-inner {
padding: 0.83333rem 0.55556rem;
}
}
/*
Лейаут футера
*/
.footer {
position: relative;
z-index: 2;
margin-top: -3.05556rem;
font-size: 0.77778rem;
line-height: 1.5;
padding: 10.55556rem 0 3.88889rem;
color: #fff;
}
.footer + .footer {
margin-top: 0;
}
@media (max-width: 767px) {
.footer {
margin-top: 0;
padding: 6.38889rem 0 3.33333rem;
text-align: center;
}
.footer > .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.footer .section__bg {
background-position: center bottom;
background-size: auto 30.83333rem;
min-height: 30.83333rem;
}
@media (max-width: 767px) {
.footer .section__bg {
background-size: 100% auto;
background-position: center top;
min-height: 0;
}
}
.footer__contacts {
margin-top: 5rem;
font-size: 0.66667rem;
line-height: 1.66667;
color: rgba(255, 255, 255, 0.4);
}
.footer__contacts:first-child {
margin-top: 0;
}
@media (max-width: 767px) {
.footer__contacts {
font-size: 0.44444rem;
line-height: 1.625;
color: #fff;
margin-top: 6.11111rem;
}
.footer__contacts:first-child {
margin-top: 0;
}
}
.footer__copyright {
margin-top: 2.77778rem;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.footer__copyright:first-child {
margin-top: 0;
}
@media (max-width: 767px) {
.footer__copyright {
font-size: 0.55556rem;
line-height: 2;
margin-top: 0.27778rem;
}
.footer__copyright:first-child {
margin-top: 0;
}
}
.icon--unilever {
font-size: 2.44444rem;
width: 0.88636em;
vertical-align: top;
color: #fff;
}
.fmenu {
position: relative;
margin-top: 6.11111rem;
}
.fmenu:first-child {
margin-top: 0;
}
@media (max-width: 767px) {
.fmenu {
margin: 0 -0.83333rem;
border-bottom: 1px solid rgba(255, 255, 255, 0.15);
text-align: center;
}
}
.fmenu__list {
font-size: 0;
margin-left: -2.5rem;
margin-bottom: -0.83333rem;
}
@media (max-width: 767px) {
.fmenu__list {
margin-bottom: 0;
}
}
.fmenu__item {
position: relative;
display: inline-block;
vertical-align: top;
font-size: 0.77778rem;
font-weight: 600;
margin-left: 2.5rem;
margin-bottom: 0.83333rem;
}
@media (max-width: 767px) {
.fmenu__item {
display: block;
font-size: 0.55556rem;
margin-bottom: 0;
border-top: 1px solid rgba(255, 255, 255, 0.15);
}
}
.fmenu__link {
position: relative;
display: inline-block;
vertical-align: top;
color: inherit;
text-decoration: underline;
}
@media (max-width: 767px) {
.fmenu__link {
display: block;
padding: 0.66667rem 0.83333rem;
text-decoration: none;
}
}
.fmenu__link:hover {
color: inherit;
}
.fmenu__link:active {
color: inherit;
}
/*
Common property classes
*/
.relative {
position: relative;
}
.static {
position: static;
}
.absolute {
position: absolute;
}
.z-index-1 {
z-index: 1;
}
.inline {
display: inline;
}
.inline-block {
display: inline-block;
}
.overflow-hidden {
overflow: hidden;
}
.overflow-visible {
overflow: visible;
}
.reset-margin {
margin: 0;
}
.margin-top-auto {
margin-top: auto;
}
.margin-auto {
margin-left: auto;
margin-right: auto;
}
.hidden-absolute {
position: absolute;
top: -555.5rem;
left: -555.5rem;
}
.text-align-left {
text-align: left;
}
.text-align-right {
text-align: right;
}
.text-align-center {
text-align: center;
}
@media (max-width: 767px) {
.text-align-left-on-mobile {
text-align: left;
}
}
@media (max-width: 767px) {
.text-align-right-on-mobile {
text-align: right;
}
}
@media (max-width: 767px) {
.text-align-center-on-mobile {
text-align: center;
}
}
.text-ellipsis {
display: inline-block;
max-width: 100%;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
}
.vmiddle {
vertical-align: middle;
}
.vbottom {
vertical-align: bottom;
}
.vbaseline {
vertical-align: baseline;
}
.clear {
clear: both;
}
.pull-left {
float: left;
}
.pull-right {
float: right;
}
.nowrap {
white-space: nowrap;
}
.wrap-normal {
white-space: normal;
}
.no-text-transform {
text-transform: none;
}
.uppercase {
text-transform: uppercase;
}
.underline {
text-decoration: underline;
}
.nounderline {
text-decoration: none;
}
.nounderline-important {
text-decoration: none !important;
}
.underline-hover:hover {
text-decoration: underline;
}
.underline-hover:active {
text-decoration: underline;
}
.line-through {
text-decoration: line-through;
}
.cursor-pointer {
cursor: pointer;
}
.cursor-default {
cursor: default;
}
.pointer-events-none {
pointer-events: none;
}
.pointer-events-auto {
pointer-events: auto;
}
.color-white {
color: #000;
}
.color-inherit {
color: inherit;
}
.color-inherit-important {
color: inherit !important;
}
.color-default {
color: #fff;
}
.opacity-50 {
opacity: 0.5;
}
.opacity-5 {
opacity: 0.05;
}
.color-muted {
color: #636564;
}
.color-muted-grey {
color: #ccc;
}
.color-active {
color: #50BBE6;
}
.color-hover-active:hover {
color: #50BBE6;
}
.color-active2 {
color: #2E9DDD;
}
.color-active3 {
color: #61CAEA;
}
.lh-default {
line-height: 1.25;
}
.lh-default-more {
line-height: 1.4;
}
.font-monospace {
font-family: Consolas, Monaco, Menlo, 'Courier New', Courier, monospace;
}
.font-0 {
font-size: 0;
}
.font-xsmall {
font-size: 0.66667rem;
}
.font-small {
font-size: 0.77778rem;
}
@media (max-width: 767px) {
.font-small-mobile {
font-size: 0.55556rem;
}
}
.font-smaller {
font-size: 0.88889rem;
}
.font-normal {
font-size: 1rem;
}
.font-larger {
font-size: 1.11111rem;
}
.font-large {
font-size: 1.33333rem;
}
@media (min-width: 768px) {
.font-size-l {
font-size: 1.11111rem;
}
}
.font-light {
font-weight: 300;
}
.font-regular {
font-weight: 400;
}
.font-medium {
font-weight: 500;
}
.font-semibold {
font-weight: 600;
}
.font-bold {
font-weight: 700;
}
.font-extrabold {
font-weight: 800;
}
.font-black {
font-weight: 900;
}
.minw140 {
min-width: 7.77778rem;
}
.minw170 {
min-width: 9.44444rem;
}
.mw300 {
max-width: 16.66667rem;
}
.mw400 {
max-width: 22.22222rem;
}
.mw420 {
max-width: 23.33333rem;
}
.mw480 {
max-width: 26.66667rem;
}
.mw560 {
max-width: 31.11111rem;
}
.mw750 {
max-width: 41.66667rem;
}
.mw100percent {
max-width: 100%;
}
.how-join-h2 {
color: #058ad3;
}
/*# sourceMappingURL=style.css.map */
/*# sourceMappingURL=build.css.map */