/*
* 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; }
/*
* 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; }
}
/**
* Swiper 4.0.3
* Most modern mobile touch slider and framework with hardware accelerated transitions
* http://www.idangero.us/swiper/
*
* Copyright 2014-2017 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: October 27, 2017
*/
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-invisible-blank-slide{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;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{-webkit-transform-style:preserve-3d;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:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));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:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));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:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));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:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);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{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);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;-webkit-box-shadow:none;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:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-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%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.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-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align: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%;-o-object-fit:contain;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;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);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{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;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;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;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{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;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:0;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}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}
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-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.fancybox-outer {
-webkit-overflow-scrolling: touch;
overflow-y: auto;
}
.fancybox-bg {
background: rgb(30, 30, 30);
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-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
direction: ltr;
opacity: 0;
position: absolute;
transition: opacity .25s ease, visibility 0s ease .25s;
visibility: hidden;
z-index: 99997;
}
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
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;
/* Using without prefix would break IE11 */
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--previous,
.fancybox-slide--current,
.fancybox-slide--next {
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;
-ms-transform-origin: top left;
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-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
cursor: -webkit-grab;
cursor: grab;
}
.fancybox-is-grabbing .fancybox-content {
cursor: -webkit-grabbing;
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--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .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-video,
.fancybox-iframe {
background: transparent;
border: 0;
display: block;
height: 100%;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
/* Fix iOS */
.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;
}
/* Buttons */
.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:visited,
.fancybox-button:link {
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;
}
/* Fix IE11 */
.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--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
display: none;
}
.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
display: none;
}
.fancybox-progress {
background: #ff5268;
height: 2px;
left: 0;
position: absolute;
right: 0;
top: 0;
-ms-transform: scaleX(0);
transform: scaleX(0);
-ms-transform-origin: 0;
transform-origin: 0;
transition-property: transform;
transition-timing-function: linear;
z-index: 99998;
}
/* Close button on the top right corner of html content */
.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;
}
/* Navigation arrows */
.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);
}
/* Caption */
.fancybox-caption {
background: linear-gradient(to top,
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%,
rgba(0, 0, 0, 0) 100%);
bottom: 0;
color: #eee;
font-size: 14px;
font-weight: 400;
left: 0;
line-height: 1.5;
padding: 75px 44px 25px 44px;
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;
}
/* Loading indicator */
.fancybox-loading {
animation: fancybox-rotate 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 fancybox-rotate {
100% {
transform: rotate(360deg);
}
}
/* Transition effects */
.fancybox-animated {
transition-timing-function: cubic-bezier(0, 0, .25, 1);
}
/* transitionEffect: slide */
.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: translate3d(0, 0, 0);
}
/* transitionEffect: fade */
.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
opacity: 0;
transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}
.fancybox-fx-fade.fancybox-slide--current {
opacity: 1;
}
/* transitionEffect: zoom-in-out */
.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: scale3d(1, 1, 1);
}
/* transitionEffect: rotate */
.fancybox-fx-rotate.fancybox-slide--previous {
opacity: 0;
-ms-transform: rotate(-360deg);
transform: rotate(-360deg);
}
.fancybox-fx-rotate.fancybox-slide--next {
opacity: 0;
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
.fancybox-fx-rotate.fancybox-slide--current {
opacity: 1;
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
/* transitionEffect: circular */
.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: scale3d(1, 1, 1) translate3d(0, 0, 0);
}
/* transitionEffect: tube */
.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: translate3d(0, 0, 0) scale(1);
}
/* Styling for Small-Screen Devices */
@media all and (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));
}
}
}
/* Share */
.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 0;
}
.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 5px;
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:visited,
.fancybox-share__button:link {
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 0;
outline: none;
padding: 10px 15px;
width: 100%;
}
/* Thumbs */
.fancybox-thumbs {
background: #ddd;
bottom: 0;
display: none;
margin: 0;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
padding: 2px 2px 4px 2px;
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: center center;
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;
}
/* Styling for Small-Screen Devices */
@media all and (max-width: 576px) {
.fancybox-thumbs {
width: 110px;
}
.fancybox-show-thumbs .fancybox-inner {
right: 110px;
}
.fancybox-thumbs__list a {
max-width: calc(100% - 10px);
}
}
.datepicker--cells{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.datepicker--cell{border-radius:4px;box-sizing:border-box;cursor:pointer;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:32px;z-index:1}.datepicker--cell.-focus-{background:#f0f0f0}.datepicker--cell.-current-{color:#4EB5E6}.datepicker--cell.-current-.-focus-{color:#4a4a4a}.datepicker--cell.-current-.-in-range-{color:#4EB5E6}.datepicker--cell.-in-range-{background:rgba(92,196,239,.1);color:#4a4a4a;border-radius:0}.datepicker--cell.-in-range-.-focus-{background-color:rgba(92,196,239,.2)}.datepicker--cell.-disabled-{cursor:default;color:#aeaeae}.datepicker--cell.-disabled-.-focus-{color:#aeaeae}.datepicker--cell.-disabled-.-in-range-{color:#a1a1a1}.datepicker--cell.-disabled-.-current-.-focus-{color:#aeaeae}.datepicker--cell.-range-from-{border:1px solid rgba(92,196,239,.5);background-color:rgba(92,196,239,.1);border-radius:4px 0 0 4px}.datepicker--cell.-range-to-{border:1px solid rgba(92,196,239,.5);background-color:rgba(92,196,239,.1);border-radius:0 4px 4px 0}.datepicker--cell.-selected-,.datepicker--cell.-selected-.-current-{color:#fff;background:#5cc4ef}.datepicker--cell.-range-from-.-range-to-{border-radius:4px}.datepicker--cell.-selected-{border:none}.datepicker--cell.-selected-.-focus-{background:#45bced}.datepicker--cell:empty{cursor:default}.datepicker--days-names{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:8px 0 3px}.datepicker--day-name{color:#FF9A19;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex:1;-ms-flex:1;flex:1;text-align:center;text-transform:uppercase;font-size:.8em}.-only-timepicker- .datepicker--content,.datepicker--body,.datepicker-inline .datepicker--pointer{display:none}.datepicker--cell-day{width:14.28571%}.datepicker--cells-months{height:170px}.datepicker--cell-month{width:33.33%;height:25%}.datepicker--cells-years,.datepicker--years{height:170px}.datepicker--cell-year{width:25%;height:33.33%}.datepickers-container{position:absolute;left:0;top:0}@media print{.datepickers-container{display:none}}.datepicker{background:#fff;border:1px solid #dbdbdb;box-shadow:0 4px 12px rgba(0,0,0,.15);border-radius:4px;box-sizing:content-box;font-family:Tahoma,sans-serif;font-size:14px;color:#4a4a4a;width:250px;position:absolute;left:-100000px;opacity:0;transition:opacity .3s ease,left 0s .3s,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease,left 0s .3s;transition:opacity .3s ease,transform .3s ease,left 0s .3s,-webkit-transform .3s ease;z-index:100}.datepicker.-from-top-{-webkit-transform:translateY(-8px);transform:translateY(-8px)}.datepicker.-from-right-{-webkit-transform:translateX(8px);transform:translateX(8px)}.datepicker.-from-bottom-{-webkit-transform:translateY(8px);transform:translateY(8px)}.datepicker.-from-left-{-webkit-transform:translateX(-8px);transform:translateX(-8px)}.datepicker.active{opacity:1;-webkit-transform:translate(0);transform:translate(0);transition:opacity .3s ease,left 0s 0s,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease,left 0s 0s;transition:opacity .3s ease,transform .3s ease,left 0s 0s,-webkit-transform .3s ease}.datepicker-inline .datepicker{border-color:#d7d7d7;box-shadow:none;position:static;left:auto;right:auto;opacity:1;-webkit-transform:none;transform:none}.datepicker--content{box-sizing:content-box;padding:4px}.datepicker--pointer{position:absolute;background:#fff;border-top:1px solid #dbdbdb;border-right:1px solid #dbdbdb;width:10px;height:10px;z-index:-1}.datepicker--nav-action:hover,.datepicker--nav-title:hover{background:#f0f0f0}.-top-center- .datepicker--pointer,.-top-left- .datepicker--pointer,.-top-right- .datepicker--pointer{top:calc(100% - 4px);-webkit-transform:rotate(135deg);transform:rotate(135deg)}.-right-bottom- .datepicker--pointer,.-right-center- .datepicker--pointer,.-right-top- .datepicker--pointer{right:calc(100% - 4px);-webkit-transform:rotate(225deg);transform:rotate(225deg)}.-bottom-center- .datepicker--pointer,.-bottom-left- .datepicker--pointer,.-bottom-right- .datepicker--pointer{bottom:calc(100% - 4px);-webkit-transform:rotate(315deg);transform:rotate(315deg)}.-left-bottom- .datepicker--pointer,.-left-center- .datepicker--pointer,.-left-top- .datepicker--pointer{left:calc(100% - 4px);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.-bottom-left- .datepicker--pointer,.-top-left- .datepicker--pointer{left:10px}.-bottom-right- .datepicker--pointer,.-top-right- .datepicker--pointer{right:10px}.-bottom-center- .datepicker--pointer,.-top-center- .datepicker--pointer{left:calc(50% - 10px / 2)}.-left-top- .datepicker--pointer,.-right-top- .datepicker--pointer{top:10px}.-left-bottom- .datepicker--pointer,.-right-bottom- .datepicker--pointer{bottom:10px}.-left-center- .datepicker--pointer,.-right-center- .datepicker--pointer{top:calc(50% - 10px / 2)}.datepicker--body.active{display:block}.datepicker--nav{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid #efefef;min-height:32px;padding:4px}.-only-timepicker- .datepicker--nav{display:none}.datepicker--nav-action,.datepicker--nav-title{display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.datepicker--nav-action{width:32px;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.datepicker--nav-action.-disabled-{visibility:hidden}.datepicker--nav-action svg{width:32px;height:32px}.datepicker--nav-action path{fill:none;stroke:#9c9c9c;stroke-width:2px}.datepicker--nav-title{border-radius:4px;padding:0 8px}.datepicker--buttons,.datepicker--time{border-top:1px solid #efefef;padding:4px}.datepicker--nav-title i{font-style:normal;color:#9c9c9c;margin-left:5px}.datepicker--nav-title.-disabled-{cursor:default;background:0 0}.datepicker--buttons{display:-webkit-flex;display:-ms-flexbox;display:flex}.datepicker--button{color:#4EB5E6;cursor:pointer;border-radius:4px;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:32px}.datepicker--button:hover{color:#4a4a4a;background:#f0f0f0}.datepicker--time{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:relative}.datepicker--time.-am-pm- .datepicker--time-sliders{-webkit-flex:0 1 138px;-ms-flex:0 1 138px;flex:0 1 138px;max-width:138px}.-only-timepicker- .datepicker--time{border-top:none}.datepicker--time-sliders{-webkit-flex:0 1 153px;-ms-flex:0 1 153px;flex:0 1 153px;margin-right:10px;max-width:153px}.datepicker--time-label{display:none;font-size:12px}.datepicker--time-current{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex:1;-ms-flex:1;flex:1;font-size:14px;text-align:center;margin:0 0 0 10px}.datepicker--time-current-colon{margin:0 2px 3px;line-height:1}.datepicker--time-current-hours,.datepicker--time-current-minutes{line-height:1;font-size:19px;font-family:"Century Gothic",CenturyGothic,AppleGothic,sans-serif;position:relative;z-index:1}.datepicker--time-current-hours:after,.datepicker--time-current-minutes:after{content:'';background:#f0f0f0;border-radius:4px;position:absolute;left:-2px;top:-3px;right:-2px;bottom:-2px;z-index:-1;opacity:0}.datepicker--time-current-hours.-focus-:after,.datepicker--time-current-minutes.-focus-:after{opacity:1}.datepicker--time-current-ampm{text-transform:uppercase;-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end;color:#9c9c9c;margin-left:6px;font-size:11px;margin-bottom:1px}.datepicker--time-row{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:11px;height:17px;background:linear-gradient(to right,#dedede,#dedede) left 50%/100% 1px no-repeat}.datepicker--time-row:first-child{margin-bottom:4px}.datepicker--time-row input[type=range]{background:0 0;cursor:pointer;-webkit-flex:1;-ms-flex:1;flex:1;height:100%;padding:0;margin:0;-webkit-appearance:none}.datepicker--time-row input[type=range]::-ms-tooltip{display:none}.datepicker--time-row input[type=range]:hover::-webkit-slider-thumb{border-color:#b8b8b8}.datepicker--time-row input[type=range]:hover::-moz-range-thumb{border-color:#b8b8b8}.datepicker--time-row input[type=range]:hover::-ms-thumb{border-color:#b8b8b8}.datepicker--time-row input[type=range]:focus{outline:0}.datepicker--time-row input[type=range]:focus::-webkit-slider-thumb{background:#5cc4ef;border-color:#5cc4ef}.datepicker--time-row input[type=range]:focus::-moz-range-thumb{background:#5cc4ef;border-color:#5cc4ef}.datepicker--time-row input[type=range]:focus::-ms-thumb{background:#5cc4ef;border-color:#5cc4ef}.datepicker--time-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid #dedede;background:#fff;cursor:pointer;transition:background .2s;margin-top:-6px}.datepicker--time-row input[type=range]::-moz-range-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid #dedede;background:#fff;cursor:pointer;transition:background .2s}.datepicker--time-row input[type=range]::-ms-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid #dedede;background:#fff;cursor:pointer;transition:background .2s}.datepicker--time-row input[type=range]::-webkit-slider-runnable-track{border:none;height:1px;cursor:pointer;color:transparent;background:0 0}.datepicker--time-row input[type=range]::-moz-range-track{border:none;height:1px;cursor:pointer;color:transparent;background:0 0}.datepicker--time-row input[type=range]::-ms-track{border:none;height:1px;cursor:pointer;color:transparent;background:0 0}.datepicker--time-row input[type=range]::-ms-fill-lower{background:0 0}.datepicker--time-row input[type=range]::-ms-fill-upper{background:0 0}.datepicker--time-row span{padding:0 12px}.datepicker--time-icon{color:#9c9c9c;border:1px solid;border-radius:50%;font-size:16px;position:relative;margin:0 5px -1px 0;width:1em;height:1em}.datepicker--time-icon:after,.datepicker--time-icon:before{content:'';background:currentColor;position:absolute}.datepicker--time-icon:after{height:.4em;width:1px;left:calc(50% - 1px);top:calc(50% + 1px);-webkit-transform:translateY(-100%);transform:translateY(-100%)}.datepicker--time-icon:before{width:.4em;height:1px;top:calc(50% + 1px);left:calc(50% - 1px)}.datepicker--cell-day.-other-month-,.datepicker--cell-year.-other-decade-{color:#dedede}.datepicker--cell-day.-other-month-:hover,.datepicker--cell-year.-other-decade-:hover{color:#c5c5c5}.-disabled-.-focus-.datepicker--cell-day.-other-month-,.-disabled-.-focus-.datepicker--cell-year.-other-decade-{color:#dedede}.-selected-.datepicker--cell-day.-other-month-,.-selected-.datepicker--cell-year.-other-decade-{color:#fff;background:#a2ddf6}.-selected-.-focus-.datepicker--cell-day.-other-month-,.-selected-.-focus-.datepicker--cell-year.-other-decade-{background:#8ad5f4}.-in-range-.datepicker--cell-day.-other-month-,.-in-range-.datepicker--cell-year.-other-decade-{background-color:rgba(92,196,239,.1);color:#ccc}.-in-range-.-focus-.datepicker--cell-day.-other-month-,.-in-range-.-focus-.datepicker--cell-year.-other-decade-{background-color:rgba(92,196,239,.2)}.datepicker--cell-day.-other-month-:empty,.datepicker--cell-year.-other-decade-:empty{background:0 0;border:none}
.baron__clipper {
position: relative;
overflow: hidden;
}
.baron__scroller {
overflow-y: scroll;
-ms-overflow-style: none;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
border: 0;
padding: 0;
width: 100%;
height: 100%;
-webkit-overflow-scrolling: touch;
/* remove line to customize scrollbar in iOs */
}
.baron__scroller::-webkit-scrollbar {
width: 0;
height: 0;
}
.baron__track {
display: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
}
.baron._scrollbar .baron__track {
display: block;
}
.baron__free {
position: absolute;
top: 0;
bottom: 0;
right: 0;
}
.baron__bar {
display: none;
position: absolute;
right: 0;
z-index: 1;
width: 10px;
background: #999;
}
.baron._scrollbar .baron__bar {
display: block;
}
.baron__control {
display: none;
}
@charset "UTF-8";
@font-face {
font-family: "Arimo";
src: url("../font/subset-Arimo.woff2") format("woff2"), url("../font/subset-Arimo.woff") format("woff");
font-style: normal;
font-weight: 400;
font-display: fallback;
}
@font-face {
font-family: "Arimo";
src: url("../font/subset-Arimo-Italic.woff2") format("woff2"), url("../font/subset-Arimo-Italic.woff") format("woff");
font-style: italic;
font-weight: 400;
font-display: fallback;
}
@font-face {
font-family: "Arimo";
src: url("../font/subset-Arimo-Bold.woff2") format("woff2"), url("../font/subset-Arimo-Bold.woff") format("woff");
font-style: normal;
font-weight: 700;
font-display: fallback;
}
@font-face {
font-family: "Arimo";
src: url("../font/subset-Arimo-BoldItalic.woff2") format("woff2"), url("../font/subset-Arimo-BoldItalic.woff") format("woff");
font-style: italic;
font-weight: 700;
font-display: fallback;
}
a, .link {
outline: none;
color: #1a4389;
background-color: transparent;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
a:hover, .link:hover {
color: #d0131f;
}
a:active, .link:active {
color: #d0131f;
}
.link--ib {
display: inline-block;
line-height: 1.1;
}
.link--bordered {
text-decoration: none !important;
border-bottom: 1px solid;
border-bottom-color: inherit;
}
.link--dotted {
text-decoration: none !important;
border-bottom: 1px dotted;
border-bottom-color: inherit;
}
sub, sup {
font-size: 58.33333%;
font-weight: 500;
letter-spacing: 0.05em;
margin-left: 8px;
}
sup {
top: -1.85em;
}
img {
max-width: 100%;
}
img.fullwidth {
display: block;
width: 100%;
height: auto;
}
strong {
font-weight: 900;
}
h1, .h1 {
position: relative;
font-size: 36px;
font-weight: 900;
line-height: 1.19444;
letter-spacing: 0.05em;
margin: 40px 0 0;
}
@media (max-width: 767px) {
h1, .h1 {
font-size: 32px;
}
}
@media (max-width: 479px) {
h1, .h1 {
font-size: 22px;
}
}
h1:first-child, .h1:first-child {
margin-top: 0;
}
h2, .h2 {
position: relative;
font-size: 42px;
font-weight: 400;
line-height: 1.14286;
letter-spacing: 0.06em;
text-transform: uppercase;
color: #1a4389;
margin: 40px 0 0;
}
@media (max-width: 1350px) {
h2, .h2 {
font-size: 36px;
}
}
@media (max-width: 767px) {
h2, .h2 {
font-size: 30px;
line-height: 1.2;
}
}
h2:first-child, .h2:first-child {
margin-top: 0;
}
h2 + .summary, .h2 + .summary {
margin-top: 10px;
}
@media (max-width: 479px) {
h2 + .summary, .h2 + .summary {
margin-top: 15px;
}
}
h3, .h3 {
position: relative;
font-size: 24px;
font-weight: 400;
line-height: 1.25;
letter-spacing: 0.03em;
text-transform: uppercase;
color: #1a4389;
margin: 40px 0 0;
}
h3:first-child, .h3:first-child {
margin-top: 0;
}
h4, .h4 {
position: relative;
font-family: "Arimo", Arial, Helvetica, sans-serif;
font-size: 20px;
font-weight: 700;
line-height: 1.25;
margin: 40px 0 0;
}
h4:first-child, .h4:first-child {
margin-top: 0;
}
p, .p {
margin: 25px 0 0;
-webkit-text-size-adjust: 100%;
}
p:first-child, .p:first-child {
margin-top: 0;
}
ol, ul {
margin: 20px 0 0;
padding: 0;
}
ol:first-child, ul:first-child {
margin-top: 0;
}
ol li, ul li {
margin: 20px 0 0;
padding: 0 0 0 30px;
}
ol li:first-child, ul li:first-child {
margin-top: 0;
}
li ul, li ol {
margin-top: 12px;
}
li li {
margin-top: 6px;
}
ul {
list-style: none;
}
ul li {
position: relative;
padding-left: 25px;
text-indent: -25px;
-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 * {
text-indent: 0;
}
ul li:before {
position: relative;
top: -2px;
display: inline-block;
vertical-align: middle;
text-align: right;
width: 15px;
border-radius: 50%;
margin-right: 10px;
letter-spacing: 0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-indent: 0;
content: "\2014";
}
.ul--tick li {
padding-left: 45px;
text-indent: -45px;
margin-top: 12px;
}
.ul--tick li:first-child {
margin-top: 0;
}
.ul--tick li:before {
top: -2px;
width: 30px;
height: 30px;
background: #1a4389 url("../img/svg/icon-tick.svg") 55% 45% no-repeat;
background-size: 20px 21px;
border-radius: 50%;
margin-right: 15px;
background-color: #1a4389;
content: "";
}
ol {
margin-top: 60px;
counter-reset: ol_counter;
}
ol li {
margin-top: 45px;
text-indent: -35px;
list-style: none;
padding: 0 0 0 35px;
}
ol li:before {
display: inline-block;
width: 25px;
text-align: left;
text-indent: 0;
margin-right: 10px;
counter-increment: ol_counter;
content: counter(ol_counter) ".";
}
ol * {
text-indent: 0;
}
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 th, table td {
padding: 3px 10px;
}
/*
Icons
*/
.icon {
position: relative;
display: inline-block;
fill: currentColor;
width: 1em;
height: 1em;
letter-spacing: 0;
line-height: 1;
}
svg.icon {
pointer-events: none;
}
.icon--logo {
width: 4em;
}
.icon--marker-pin {
width: 0.61667em;
}
.icon--arrow-up {
width: 0.7483em;
}
.icon--quote-outline {
width: 1.26316em;
}
.icon--mouse-scroll {
width: 0.38462em;
}
/*
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.overflow-visible {
overflow: visible;
max-height: 99999px !important;
}
.expand-it-container.active {
max-height: 99999px;
pointer-events: auto;
}
/*
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: 0 15px;
}
.col:first-child {
padding-left: 0;
}
.col:last-child {
padding-right: 0;
}
.cols-wrapper {
margin-left: -15px;
margin-right: -15px;
}
.cols-wrapper > .cols > .col:first-child {
padding-left: 15px;
}
.cols-wrapper > .cols > .col:last-child {
padding-right: 15px;
}
.cols--reverse {
direction: rtl;
}
.cols--reverse > .col {
direction: ltr;
}
.col--fit {
width: 1px;
}
.col--1-4 {
width: 25%;
}
.col--3-4 {
width: 75%;
}
.col--1-3 {
width: 33.33%;
}
.col--2-3 {
width: 66.66%;
}
.col--1-2 {
width: 50%;
}
.cols--floats {
display: block;
width: auto;
margin-left: -10px;
margin-right: -10px;
}
.cols--floats:after {
content: "";
display: table;
clear: both;
}
.cols--floats > .cols__inner {
display: block;
float: left;
width: 100%;
margin-top: -10px;
margin-bottom: -10px;
}
.cols--floats > .cols__inner > .col {
float: left;
display: block;
padding: 10px;
}
.cols--floats > .cols__inner > .col--right {
float: right;
}
.cols--flex {
display: -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;
}
.cols--flex > .col {
display: block;
}
/*
Form's layout
*/
.form {
position: relative;
margin-top: 30px;
}
.form:after {
content: "";
display: table;
clear: both;
}
.form:first-child {
margin-top: 0;
}
.form__items {
position: relative;
margin-top: 30px;
}
.form__items:after {
content: "";
display: table;
clear: both;
}
.form__items:first-child {
margin-top: 0;
}
.form__item {
position: relative;
margin-top: 20px;
}
.form__item:after {
content: "";
display: table;
clear: both;
}
.form__item:first-child {
margin-top: 0;
}
.form__item-label {
display: block;
font-size: 1rem;
font-weight: 700;
line-height: 1.25;
margin-top: 10px;
}
.form__item-label:first-child {
margin-top: 0;
}
.form__item-field {
position: relative;
margin-top: 10px;
}
.form__item-field:first-child {
margin-top: 0;
}
.form__item-field .required {
position: absolute;
top: 0;
right: 0;
padding: 4px 10px;
font-size: 16px;
color: #E42626;
pointer-events: none;
}
.form__item--file {
padding: 0 15px;
}
.form__actions {
position: relative;
margin-top: 15px;
}
.form__actions:first-child {
margin-top: 0;
}
.form__tip {
margin-top: 15px;
font-size: 10px;
line-height: 1.4;
letter-spacing: 0.06em;
}
.form__tip:first-child {
margin-top: 0;
}
.form__error {
position: relative;
font-size: 12px;
line-height: 1.16667;
padding: 5px 10px;
color: #d0131f;
border: 1px solid #d0131f;
background: #fff, rgba(208, 19, 31, 0.05);
-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;
}
.textfield ~ .form__error {
margin-top: -1px;
border-top: none;
}
.form__item-field--error-absolute .form__error {
position: absolute;
top: 100%;
right: 0;
left: 0;
}
.form__error.active {
-webkit-animation-name: pulsateError;
animation-name: pulsateError;
}
.form__message {
margin-top: 30px;
background-color: #fff;
color: #000;
padding: 15px 20px;
text-align: center;
display: none;
}
.form__message:first-child {
margin-top: 0;
}
.form__message.active {
display: block;
}
@-webkit-keyframes pulsateError {
0% {
background-color: #EACAD3;
}
50% {
background-color: #efdfe3;
}
100% {
background-color: #EACAD3;
}
}
@keyframes pulsateError {
0% {
background-color: #EACAD3;
}
50% {
background-color: #efdfe3;
}
100% {
background-color: #EACAD3;
}
}
.file-upload-link {
position: relative;
min-height: 18px;
text-decoration: underline;
font-size: 16px;
font-weight: 500;
letter-spacing: 0.05em;
}
.file-upload-link .jFiler-input-button {
display: none;
}
.file-upload-link > input[type='file'] {
opacity: 0;
font-size: 120px;
position: absolute;
top: -20px;
right: -10px;
vertical-align: top;
z-index: 3;
cursor: pointer;
}
.jFiler-input {
position: relative;
display: inline-block;
text-decoration: underline !important;
}
.jFiler-input:before {
position: absolute;
top: -5px;
right: 0;
bottom: -5px;
left: 0;
cursor: pointer;
content: '';
}
.jFiler-items {
margin-top: 15px;
}
.jFiler-items:first-child {
margin-top: 0;
}
.jFiler-items-default .jFiler-item {
margin: 0;
margin-top: 10px;
}
.jFiler-items-default .jFiler-item:first-child {
margin-top: 0;
}
.jFiler-items-default .jFiler-item:before {
display: none;
}
.jFiler-item-assets li:before {
display: none;
}
.jFiler-items-default .jFiler-item-assets {
right: 10px;
margin-top: -16px;
}
.icon-jfi-trash {
text-decoration: none !important;
font-family: 'Times New Roman', serif;
font-size: 27px;
width: 32px;
text-align: center;
line-height: 32px;
display: inline-block;
padding: 0 0 0 2px !important;
}
.icon-jfi-trash:before {
content: '×';
}
/*
Textfields
*/
textarea,
input,
button {
-webkit-font-smoothing: antialiased;
outline: none;
line-height: 1.25;
font-family: "Arimo", Arial, Helvetica, sans-serif;
}
.textfield {
display: inline-block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-family: "Arimo", Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 1.285714285714286;
letter-spacing: 0.06em;
background: #fff;
color: #909090;
padding: 7px 12px 5px;
height: 35px;
width: 100%;
border: none;
-webkit-box-shadow: inset 0 0 0 1px #1a428a, inset 0 0 0 50px #fff;
box-shadow: inset 0 0 0 1px #1a428a, inset 0 0 0 50px #fff;
-webkit-appearance: none;
-moz-appearance: none;
outline: none;
resize: none;
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
-webkit-transition: color 0.2s, background-color 0.2s, border-color 0.2s;
-o-transition: color 0.2s, background-color 0.2s, border-color 0.2s;
transition: color 0.2s, background-color 0.2s, border-color 0.2s;
}
.textfield:focus {
outline: none;
color: #000;
-webkit-box-shadow: inset 0 0 0 1px #1a428a, inset 0 0 0 50px #fff;
box-shadow: inset 0 0 0 1px #1a428a, inset 0 0 0 50px #fff;
}
.textfield:focus::-webkit-input-placeholder {
color: #000;
}
.textfield:focus::-moz-placeholder {
color: #000;
}
.textfield:focus:-moz-placeholder {
color: #000;
}
.textfield:focus:-ms-input-placeholder {
color: #000;
}
.textfield:invalid {
background-color: #fff;
}
.textfield::-ms-clear {
display: none;
width: 0;
height: 0;
}
.textfield::-webkit-input-placeholder {
opacity: 1;
color: #afc6df;
-webkit-transition: color 0.2s;
-o-transition: color 0.2s;
transition: color 0.2s;
}
.textfield::-moz-placeholder {
opacity: 1;
color: #afc6df;
-webkit-transition: color 0.2s;
-o-transition: color 0.2s;
transition: color 0.2s;
}
.textfield:-moz-placeholder {
opacity: 1;
color: #afc6df;
-webkit-transition: color 0.2s;
-o-transition: color 0.2s;
transition: color 0.2s;
}
.textfield:-ms-input-placeholder {
opacity: 1;
color: #afc6df;
-webkit-transition: color 0.2s;
-o-transition: color 0.2s;
transition: color 0.2s;
}
.textfield.error {
-webkit-box-shadow: inset 0 -1px 0 #fff, inset 0 0 0 1px #C81111, inset 0 0 0 50px #fff;
box-shadow: inset 0 -1px 0 #fff, inset 0 0 0 1px #C81111, inset 0 0 0 50px #fff;
}
.textfield[disabled], .textfield.disabled, .textfield[readonly] {
opacity: 0.4;
cursor: default;
cursor: not-allowed;
}
textarea.textfield {
white-space: normal;
overflow: auto;
height: auto;
}
.textfield--w-icon {
padding-right: 40px;
}
.textfield-icon {
position: absolute;
top: 0;
right: 0;
height: 35px;
width: 40px;
line-height: 35px;
text-align: center;
font-size: 19px;
color: #1a4389;
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;
-webkit-transition: color 0.2s;
-o-transition: color 0.2s;
transition: color 0.2s;
}
.textfield-icon .icon {
vertical-align: middle;
}
/*
Buttons
*/
.btn {
position: relative;
display: inline-block;
outline: none;
text-decoration: none;
text-align: center;
font-family: "Arimo", Arial, Helvetica, sans-serif;
font-size: 22px;
font-weight: 400;
letter-spacing: 0.06em;
border: none;
vertical-align: middle;
min-width: 42px;
padding: 0 40px;
height: 42px;
line-height: 44px;
white-space: nowrap;
text-transform: none;
border-radius: 0;
color: #fff !important;
-webkit-appearance: none;
background: #d0131f;
-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: color 0.2s, background-color 0.2s, -webkit-box-shadow 0.2s;
transition: color 0.2s, background-color 0.2s, -webkit-box-shadow 0.2s;
-o-transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: color 0.2s, background-color 0.2s, box-shadow 0.2s, -webkit-box-shadow 0.2s;
cursor: pointer;
}
.btn:before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border: 1px solid transparent;
content: '';
-webkit-transition: border-color 0.2s, opacity 0.2s;
-o-transition: border-color 0.2s, opacity 0.2s;
transition: border-color 0.2s, opacity 0.2s;
}
.btn::-moz-focus-inner {
padding: 0 !important;
border: 0 none !important;
}
.btn:hover {
color: #fff !important;
background-color: #e71522;
text-decoration: none;
}
.btn:active {
color: #fff !important;
background-color: #e71522;
text-decoration: none;
}
.btn[disabled], .btn.disabled {
background-color: #d0131f !important;
color: #000 !important;
opacity: 0.4;
cursor: default;
cursor: not-allowed;
}
.btn + .btn {
margin-left: 20px;
}
.btn > input[type='file'] {
opacity: 0;
font-size: 120px;
position: absolute;
top: -20px;
right: -10px;
vertical-align: top;
z-index: 3;
cursor: pointer;
}
.btn--fullwidth {
width: 100%;
margin-top: 20px;
}
.btn--fullwidth:first-child {
margin-top: 0;
}
.btn--link {
display: inline;
font-size: 24px;
padding: 0 0 1px;
line-height: 1;
white-space: normal;
height: auto;
background: transparent !important;
background-image: -webkit-gradient(linear, left top, left bottom, from(#1a4389), to(#1a4389)) !important;
background-image: -webkit-linear-gradient(#1a4389, #1a4389) !important;
background-image: -o-linear-gradient(#1a4389, #1a4389) !important;
background-image: linear-gradient(#1a4389, #1a4389) !important;
background-position: 0% 100% !important;
background-repeat: no-repeat !important;
background-size: 100% 2px !important;
color: #1a4389 !important;
-webkit-transition: none;
-o-transition: none;
transition: none;
}
@media (max-width: 1350px) {
.btn--link {
font-size: 21px;
}
}
@media (max-width: 479px) {
.btn--link {
font-size: 18px;
background-size: 100% 1px !important;
}
}
.btn--link:hover, a:hover .btn--link, .btn-link-trigger:hover .btn--link {
color: #d0131f !important;
background-image: -webkit-gradient(linear, left top, left bottom, from(#d0131f), to(#d0131f)) !important;
background-image: -webkit-linear-gradient(#d0131f, #d0131f) !important;
background-image: -o-linear-gradient(#d0131f, #d0131f) !important;
background-image: linear-gradient(#d0131f, #d0131f) !important;
}
.btn--link:active, a:active .btn--link, .btn-link-trigger:active .btn--link {
color: #d0131f !important;
background-image: -webkit-gradient(linear, left top, left bottom, from(#d0131f), to(#d0131f)) !important;
background-image: -webkit-linear-gradient(#d0131f, #d0131f) !important;
background-image: -o-linear-gradient(#d0131f, #d0131f) !important;
background-image: linear-gradient(#d0131f, #d0131f) !important;
}
.btn--link[disabled], .btn--link.disabled {
background: transparent !important;
background-image: -webkit-gradient(linear, left top, left bottom, from(#1a4389), to(#1a4389)) !important;
background-image: -webkit-linear-gradient(#1a4389, #1a4389) !important;
background-image: -o-linear-gradient(#1a4389, #1a4389) !important;
background-image: linear-gradient(#1a4389, #1a4389) !important;
background-position: 0% 100% !important;
background-repeat: no-repeat !important;
background-size: 100% 2px !important;
color: #1a4389 !important;
}
.btn--link-active, .btn--link.active {
color: #d0131f !important;
background-image: -webkit-gradient(linear, left top, left bottom, from(#d0131f), to(#d0131f)) !important;
background-image: -webkit-linear-gradient(#d0131f, #d0131f) !important;
background-image: -o-linear-gradient(#d0131f, #d0131f) !important;
background-image: linear-gradient(#d0131f, #d0131f) !important;
}
.btn--link-active:hover, .btn--link.active:hover {
color: #d0131f !important;
}
.btn--link-active:active, .btn--link.active:active {
color: #d0131f !important;
}
.btn--link-active[disabled], .btn--link-active.disabled, .btn--link.active[disabled], .btn--link.active.disabled {
color: #d0131f !important;
background-image: -webkit-gradient(linear, left top, left bottom, from(#d0131f), to(#d0131f)) !important;
background-image: -webkit-linear-gradient(#d0131f, #d0131f) !important;
background-image: -o-linear-gradient(#d0131f, #d0131f) !important;
background-image: linear-gradient(#d0131f, #d0131f) !important;
}
.btn .icon {
font-size: 16px;
vertical-align: middle;
top: -1px;
margin-left: 6px;
margin-right: 6px;
}
.btn .icon:first-child {
margin-left: 0;
}
.btn .icon:last-child {
margin-right: 0;
}
.btn .icon--nomargin {
margin-left: 0;
margin-right: 0;
}
/*
Loaders
*/
.btn__loader-inner {
display: inline;
}
.btn__loader-inner + .loader {
margin-right: -37px;
margin-left: 5px;
}
.loader {
position: relative;
top: -2px;
display: inline-block;
vertical-align: middle;
height: 32px;
width: 32px;
margin-top: -8px;
margin-bottom: -8px;
opacity: 0;
-webkit-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
pointer-events: none;
}
.loader.active {
opacity: 1;
}
.loader * {
fill: #7f878c;
}
.loader svg {
max-width: 100%;
max-height: 100%;
}
/*
Checkboxes
*/
.checkboxes {
margin-top: 20px;
margin-right: -25px;
margin-left: 15px;
}
.checkboxes:first-child {
margin-top: 0;
}
.checkboxes:after {
content: "";
display: table;
clear: both;
}
.checkboxes__inner {
float: left;
width: 100%;
margin-bottom: -15px;
}
.checkbox {
position: relative;
z-index: 0;
display: inline-block;
font-weight: 500;
font-size: 12px;
line-height: 1.16667;
letter-spacing: 0.05em;
color: rgba(0, 0, 0, 0.5);
padding-left: 30px;
margin-bottom: 15px;
margin-right: 25px;
min-height: 16px;
color: #767676;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: color 0.2s;
-o-transition: color 0.2s;
transition: color 0.2s;
}
@media (max-width: 479px) {
.checkbox {
font-size: 14px;
}
}
.checkbox:before {
display: none;
position: absolute;
top: -5px;
right: -5px;
bottom: -5px;
left: -5px;
content: '';
z-index: -1;
}
.touchevents .checkbox:before {
display: block;
}
.checkbox__icon {
position: absolute;
top: 1px;
left: 0;
width: 16px;
height: 16px;
line-height: 16px;
font-size: 8px;
text-align: center;
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;
background-color: #fff;
border-radius: 2px;
content: '';
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.checkbox__icon:before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border: 2px solid #909090;
border-radius: 2px;
content: '';
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.checkbox__icon:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transform: translate(-4px, 4px);
-ms-transform: translate(-4px, 4px);
transform: translate(-4px, 4px);
border-left: 2px solid #909090;
border-bottom: 2px solid #909090;
border-radius: 0 0 0 2px;
content: '';
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.checkbox__icon .icon {
position: relative;
vertical-align: -0.15em;
width: 1.36905em;
color: #909090;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.2s, visibility 0s 0.2s;
-o-transition: all 0.2s, visibility 0s 0.2s;
transition: all 0.2s, visibility 0s 0.2s;
}
.checkbox__input,
.checkbox > input[type='radio'],
.checkbox > input[type='checkbox'] {
position: absolute;
left: 0;
top: 0;
opacity: 0;
z-index: -1;
}
.checkbox.checked .checkbox__icon {
background-color: #909090;
}
.checkbox.checked .checkbox__icon .icon {
color: #fff;
opacity: 1;
visibility: visible;
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.checkbox.disabled {
cursor: default;
cursor: not-allowed;
color: #999;
}
.checkbox.disabled .checkbox__icon {
background-color: #eee !important;
color: #999;
-webkit-box-shadow: none;
box-shadow: none;
}
.checkbox.disabled .checkbox__icon:before {
border-color: #ddd !important;
}
.checkbox.disabled .checkbox__icon .icon {
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.2s, visibility 0s 0.2s;
-o-transition: all 0.2s, visibility 0s 0.2s;
transition: all 0.2s, visibility 0s 0.2s;
}
.checkbox--noinput {
padding-left: 0;
}
.checkbox--noinput:before {
display: none !important;
}
.checkbox--radio .checkbox__icon {
border-radius: 100%;
background: transparent;
}
.checkbox--radio .checkbox__icon .icon {
display: none;
}
.checkbox--radio .checkbox__icon:before {
border-radius: 100%;
}
.checkbox--radio .checkbox__icon:after {
position: absolute;
top: 6px;
left: 6px;
right: 6px;
bottom: 6px;
background-color: #fff;
border-radius: 100%;
content: '';
opacity: 0;
visibility: hidden;
}
.checkbox--radio:hover .checkbox__icon:after {
opacity: 1;
visibility: visible;
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.checkbox--radio.checked .checkbox__icon {
background-color: #1a4389;
}
.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--radio.disabled .checkbox__icon:after {
opacity: 0;
visibility: hidden;
}
.checkbox--block {
display: block;
}
@media (max-width: 767px) {
.checkbox--block-mobile {
display: block;
}
}
.checkbox--separate {
width: 17px;
height: 17px;
padding-left: 0;
margin: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.form__item-field.error .checkbox {
color: #B81B44;
}
.form__item-field.error .checkbox .checkbox__icon:before {
border-color: #B81B44;
}
.form__item-field.error .checkbox .checkbox__icon:after {
border-color: #B81B44;
}
.form__item-field.error .checkbox .checkbox__icon .icon {
color: #B81B44;
}
/*
Maps
*/
[class^=ymaps][class$=-copyright],
[class^=ymaps][class$=copyright_logo_no],
[class^=ymaps][class*=-copyright],
[class^=ymaps][class*=copyright_logo_no] {
display: none;
}
[class^=ymaps][class$=map-lang-ru] {
background: transparent;
}
a[href^="http://maps.google.com/maps"] {
display: none !important;
}
a[href^="https://maps.google.com/maps"] {
display: none !important;
}
.gmnoprint a, .gmnoprint span, .gm-style-cc {
display: none;
}
.gmnoprint div {
background: none !important;
}
.map {
position: relative;
width: 100%;
height: 685px;
background: #eee url("../img/loader.svg") center center no-repeat;
background-size: 48px 48px;
margin-top: 65px;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.map:first-child {
margin-top: 0;
}
@media (max-width: 1023px) {
.map {
max-height: 70vh;
min-height: 320px;
margin-top: 50px;
}
}
@media (max-width: 767px) {
.map {
max-height: 50vh;
}
}
.map:before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 4;
opacity: 0;
visibility: hidden;
content: "";
-webkit-transition: opacity 0.2s, visibility 0s 0.2s;
-o-transition: opacity 0.2s, visibility 0s 0.2s;
transition: opacity 0.2s, visibility 0s 0.2s;
}
.map > [class^=ymaps] {
width: 100% !important;
}
.no-svg .map {
background-image: url("../img/loader.gif");
}
.map [class$='-balloon__close-button'] {
margin-right: 0;
height: 32px;
}
.map [class$='-balloon__content'] {
min-height: 10px;
}
.map [class$='-balloon__tail'] {
position: absolute;
bottom: 100%;
margin-bottom: -25px;
}
.marker-pin {
display: inline-block;
vertical-align: top;
font-size: 60px;
color: #1b347a;
line-height: 1;
margin: -60px 0 0 -18px;
pointer-events: none;
}
.marker-pin .icon {
vertical-align: top;
}
/*
Panels
*/
.panel {
position: relative;
width: 330px;
max-width: 330px;
margin-left: auto;
margin-right: auto;
overflow: visible;
padding: 0 !important;
background: #fff;
color: #000 !important;
}
.panel__title {
font-size: 24px;
line-height: 1.66667;
letter-spacing: 0.03em;
padding: 10px 80px 10px 30px;
border-bottom: 1px solid #1a4389;
}
.panel__content {
padding: 30px 30px;
}
/*
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: 30px;
}
@media (max-width: 767px) {
.fancybox-slide--html {
padding: 0;
}
}
.fancybox-slide--image {
padding: 44px 56px 0;
}
@media (max-width: 1023px) {
.fancybox-slide--image {
padding-left: 0;
padding-right: 0;
}
}
@media (max-width: 1023px) {
.fancybox-slide--video {
padding-left: 0;
padding-right: 0;
}
}
.fancybox-bg {
background-color: #252525 !important;
}
.fancybox-container--popup {
opacity: 0;
-webkit-transition-duration: 0.5s !important;
-o-transition-duration: 0.5s !important;
transition-duration: 0.5s !important;
}
.fancybox-container--popup.fancybox-is-open {
opacity: 1;
}
.fancybox-container--popup.fancybox-is-open .fancybox-bg {
opacity: .75;
}
.fancybox-container--popup .fancybox-slide {
overflow-x: hidden;
font-size: 0;
white-space: nowrap;
}
.fancybox-container--popup .fancybox-slide .fancybox-content {
margin-bottom: 0;
width: 100%;
}
.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: 48px;
height: 48px;
margin-top: -24px;
}
.fancybox-container--popup .fancybox-close {
position: absolute;
top: 0;
right: 10px;
margin: 0;
z-index: 1;
height: 60px;
width: 60px;
line-height: 60px;
text-align: center;
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;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 24px;
letter-spacing: 0;
color: #1a4389;
background: transparent;
text-decoration: none;
cursor: pointer;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.fancybox-container--popup .fancybox-close .icon {
vertical-align: middle;
}
.fancybox-container--popup .fancybox-close-hide .fancybox-close {
display: none;
}
.fancybox-content {
margin: 0 0 44px 0;
padding: 44px;
}
.fancybox-infobar {
height: 44px;
line-height: 44px;
min-width: 44px;
padding: 0 10px;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.5);
}
.fancybox-button {
width: 44px;
height: 44px;
padding: 10px;
}
.fancybox-navigation .fancybox-button {
height: 100px;
top: calc(50% - 50px);
width: 70px;
}
.fancybox-navigation .fancybox-button div {
padding: 7px;
}
.fancybox-navigation .fancybox-button--arrow_left {
padding: 31px 26px 31px 6px;
}
.fancybox-navigation .fancybox-button--arrow_right {
padding: 31px 6px 31px 26px;
}
.fancybox-thumbs {
background-color: #000;
}
.fancybox-thumbs > ul > li {
border-color: transparent;
}
.fancybox-thumbs > ul > li:before {
border-color: #d0131f;
border-width: 2px;
}
.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;
}
@media (max-width: 767px) {
.fancybox-slide--iframe .fancybox-content {
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
}
}
/*
Sliders
*/
.swiper-slider {
position: relative;
margin-top: 40px;
}
.swiper-slider:first-child {
margin-top: 0;
}
.swiper-container {
margin-top: 30px;
}
.swiper-container:first-child {
margin-top: 0;
}
.swiper-buttons-unneeded .swiper-container {
cursor: default !important;
}
.swiper-wrapper {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.swiper-lazy-preloader {
top: 50% !important;
}
.swiper-slide {
height: auto;
}
.swiper-slide img {
width: 100%;
}
.swiper-slide img.swiper-lazy {
opacity: 0;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.swiper-slide img.swiper-lazy-loaded {
opacity: 1;
}
.swiper-button-prev,
.swiper-button-next {
display: inline-block;
position: absolute;
margin-top: -36px;
background: none;
margin-left: 0 !important;
height: auto;
width: auto;
font-size: 72px;
line-height: 1;
color: #000;
text-align: center;
border-radius: 0;
opacity: 0.2;
z-index: 2;
outline: none;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
@media (max-width: 1023px) {
.swiper-button-prev,
.swiper-button-next {
font-size: 50px;
margin-top: -25px;
}
}
@media (max-width: 767px) {
.swiper-button-prev,
.swiper-button-next {
font-size: 32px;
margin-top: -16px;
}
}
.lt-ie9 .swiper-button-prev, .lt-ie9
.swiper-button-next {
display: none;
}
.swiper-button-prev *,
.swiper-button-next * {
vertical-align: middle;
}
.swiper-button-prev:hover,
.swiper-button-next:hover {
opacity: 0.7;
}
.swiper-button-prev:active,
.swiper-button-next:active {
opacity: 0.7;
}
.swiper-button-prev {
left: 0;
}
@media (max-width: 479px) {
.swiper-button-prev {
left: -10px;
}
}
.swiper-button-next {
right: 0;
}
@media (max-width: 479px) {
.swiper-button-next {
right: -10px;
}
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
opacity: 0.1;
pointer-events: none;
}
.swiper-button-next.swiper-button-unneeded, .swiper-button-prev.swiper-button-unneeded {
opacity: 0;
pointer-events: none;
}
.swiper-nav {
margin-top: 30px;
font-size: 0;
text-align: center;
}
.swiper-nav:first-child {
margin-top: 0;
}
.swiper-nav .swiper-button-prev,
.swiper-nav .swiper-button-next {
position: relative;
top: auto;
left: auto;
right: auto;
display: inline-block;
vertical-align: top;
margin: 0 25px !important;
}
.swiper-slider--w-arrows {
padding-left: 70px;
padding-right: 70px;
}
@media (max-width: 767px) {
.swiper-slider--w-arrows {
padding-left: 40px;
padding-right: 40px;
}
}
@media (max-width: 479px) {
.swiper-slider--w-arrows {
padding-left: 20px;
padding-right: 20px;
}
}
.swiper-pagination {
position: relative;
margin-top: 15px;
margin-right: -12px;
line-height: 1;
font-size: 18px;
min-height: 18px;
text-align: left;
}
.swiper-pagination:first-child {
margin-top: 0;
}
.swiper-pagination-bullet {
position: relative;
vertical-align: top;
height: 18px;
width: 18px;
border: 1px solid transparent;
background: transparent;
opacity: 1;
margin-right: 12px;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.swiper-pagination-bullet:before {
position: absolute;
top: 2px;
right: 2px;
bottom: 2px;
left: 2px;
border-radius: 50%;
border: 1px solid #afc6df;
content: '';
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.swiper-pagination-bullet:after {
position: absolute;
top: -5px;
right: -5px;
bottom: -5px;
left: -5px;
border-radius: 50%;
content: '';
}
.swiper-pagination-bullet-active {
border-color: #afc6df;
}
.swiper-pagination-bullet-active:before {
background-color: #1a4389;
border-color: transparent;
}
.swiper-scrollbar {
position: relative;
background-color: #afc6df;
margin-top: 30px;
}
.swiper-scrollbar:first-child {
margin-top: 0;
}
@media (max-width: 767px) {
.swiper-scrollbar {
margin-top: 25px;
}
}
.swiper-scrollbar:before {
position: absolute;
top: -15px;
right: 0;
bottom: -15px;
left: 0;
content: '';
}
.swiper-scrollbar-drag {
position: relative;
height: 1px;
background-color: #1a4389;
}
.swiper-scrollbar-drag:before {
position: absolute;
top: -15px;
right: 0;
bottom: -15px;
left: 0;
content: '';
}
/*
Scrollbars
*/
.baron__track {
background: #afc6df;
width: 1px;
}
.baron__track:before {
position: absolute;
top: 0;
right: -10px;
bottom: 0;
left: -10px;
content: '';
}
.baron__bar {
display: block;
width: 1px;
background: #1b347a;
}
.baron__bar:before {
position: absolute;
top: 0;
right: -10px;
bottom: 0;
left: -10px;
content: '';
}
.baron__clipper {
overflow: visible;
}
html {
font-size: 16px;
-webkit-text-size-adjust: 100%;
background: #fff;
height: 100%;
}
body {
position: relative;
font-family: "Arimo", Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.5;
letter-spacing: 0.03em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #000;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-text-size-adjust: 100%;
min-height: 100%;
background: #fff;
min-width: 320px;
overflow-x: hidden;
}
@media (max-width: 319px) {
body {
overflow-x: auto;
}
}
*, *:before, *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.touchevents * {
cursor: pointer;
}
.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 *:not(.swiper-wrapper), .no-transition *:before, .no-transition *:after {
-webkit-transition: none !important;
-o-transition: none !important;
transition: none !important;
}
.not-loaded * {
-webkit-transition: none !important;
-o-transition: none !important;
transition: none !important;
}
::-moz-selection {
background: #eee;
color: #000;
text-shadow: none;
}
::selection {
background: #eee;
color: #000;
text-shadow: none;
}
/*
*
* Skeleton elements
*
*/
.container {
width: 100%;
max-width: 1920px;
padding-left: 40px;
padding-right: 40px;
}
.container:after {
content: "";
display: table;
clear: both;
}
@media (max-width: 1900px) {
.container {
padding-left: 30px;
padding-right: 30px;
}
}
@media (max-width: 1350px) {
.container {
padding-left: 20px;
padding-right: 20px;
}
}
@media (max-width: 1259px) {
.container {
padding-left: 15px;
padding-right: 15px;
}
}
@media (max-width: 359px) {
.container {
padding-left: 10px;
padding-right: 10px;
}
}
.container--auto {
max-width: none;
}
.wrap {
float: left;
width: 100%;
background: #fff;
overflow: hidden;
}
/*
Responsive Helpers
*/
.respon-meter {
position: absolute;
z-index: 9999;
}
@media (max-width: 1350px) {
.respon-meter {
z-index: 1350;
}
}
@media (max-width: 1259px) {
.respon-meter {
z-index: 1259;
}
}
@media (max-width: 1023px) {
.respon-meter {
z-index: 1023;
}
}
@media (max-width: 767px) {
.respon-meter {
z-index: 640;
}
}
@media (max-width: 479px) {
.respon-meter {
z-index: 479;
}
}
@media (max-width: 413px) {
.respon-meter {
z-index: 414;
}
}
@media (max-width: 374px) {
.respon-meter {
z-index: 374;
}
}
@media (max-width: 359px) {
.respon-meter {
z-index: 359;
}
}
.only-for-notouch,
.only-for-touch,
.only-for-notouch-inline,
.only-for-touch-inline,
.only-for-notouch-inline-block,
.only-for-touch-inline-block {
display: none !important;
}
.no-touchevents .only-for-notouch {
display: block !important;
}
.no-touchevents .only-for-notouch-inline {
display: inline !important;
}
.no-touchevents .only-for-notouch-inline-block {
display: inline-block !important;
}
.touchevents .only-for-touch {
display: block !important;
}
.touchevents .only-for-touch-inline {
display: inline !important;
}
.touchevents .only-for-touch-inline-block {
display: inline-block !important;
}
.tablet-show,
.tablet-show-inline-block,
.tablet-show-inline,
.tablet-show-table-row,
.tablet-show-table-cell {
display: none !important;
}
.tablet-small-show,
.tablet-small-show-inline-block,
.tablet-small-show-inline,
.tablet-small-show-table-row,
.tablet-small-show-table-cell {
display: none !important;
}
.mobile-show,
.mobile-show-inline-block,
.mobile-show-inline,
.mobile-show-table-cell {
display: none !important;
}
.mobile-small-show,
.mobile-small-show-inline-block,
.mobile-small-show-inline,
.mobile-small-show-table-cell {
display: none !important;
}
.mobile-xsmall-show,
.mobile-xsmall-show-inline-block,
.mobile-xsmall-show-inline,
.mobile-xsmall-show-table-cell {
display: none !important;
}
.mobile-xxsmall-show,
.mobile-xxsmall-show-inline-block,
.mobile-xxsmall-show-inline,
.mobile-xxsmall-show-table-cell {
display: none !important;
}
.mobile-xxxsmall-show,
.mobile-xxxsmall-show-inline-block,
.mobile-xxxsmall-show-inline,
.mobile-xxxsmall-show-table-cell {
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-row {
display: table-row !important;
}
.initial-show-table-cell {
display: table-cell !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-row {
display: table-row !important;
}
.tablet-show-table-cell {
display: table-cell !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-row {
display: table-row !important;
}
.tablet-small-show-table-cell {
display: table-cell !important;
}
}
@media (max-width: 767px) {
.mobile-hide {
display: none !important;
}
.mobile-show {
display: block !important;
}
.mobile-show-inline-block {
display: inline-block !important;
}
.mobile-show-inline {
display: inline !important;
}
.mobile-show-table-cell {
display: table-cell !important;
}
}
@media (max-width: 479px) {
.mobile-small-hide {
display: none !important;
}
.mobile-small-show {
display: block !important;
}
.mobile-small-show-inline-block {
display: inline-block !important;
}
.mobile-small-show-inline {
display: inline !important;
}
.mobile-small-show-table-cell {
display: table-cell !important;
}
}
@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-cell {
display: table-cell !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-cell {
display: table-cell !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-cell {
display: table-cell !important;
}
}
.header {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 15;
font-size: 18px;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.header--scrolled {
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.header:not(.header--scrolled) .compensate-for-scrollbar {
margin-right: 0 !important;
}
.header__inner {
position: relative;
background-color: #fff;
color: #1a4389;
z-index: 2;
}
.header__grid {
display: table;
width: 100%;
}
.header__grid-wrapper {
margin: 0 -20px;
}
@media (max-width: 1900px) {
.header__grid-wrapper {
margin: 0 -15px;
}
}
@media (max-width: 479px) {
.header__grid-wrapper {
margin: 0 -10px;
}
}
.header__cell {
position: relative;
display: table-cell;
vertical-align: middle;
padding: 0 20px;
height: 50px;
text-align: left;
}
@media (max-width: 1900px) {
.header__cell {
padding-left: 15px;
padding-right: 15px;
}
}
@media (max-width: 479px) {
.header__cell {
padding-left: 10px;
padding-right: 10px;
}
}
.header__cell--fit {
width: 1%;
white-space: nowrap;
}
.header__cell--logo {
width: 1%;
text-align: left;
}
@media (min-width: 1901px) {
.header__cell--logo {
padding-right: 40px;
}
}
.header__cell--cbutton {
width: 1%;
text-align: center;
font-size: 0;
}
@media (max-width: 479px) {
.header__cell--hmenu {
position: static;
padding: 0;
}
}
.header__cell--lang {
width: 1%;
white-space: nowrap;
}
@media (max-width: 1900px) {
.header__cell--lang {
padding-right: 25px;
}
}
.header__cell--contact {
width: 1%;
white-space: nowrap;
letter-spacing: 0.038em;
text-align: right;
}
@media (max-width: 479px) {
.header__cell--contact {
letter-spacing: 0;
}
}
.header-replace {
height: 50px;
}
@media (max-width: 479px) {
.header .logo {
font-size: 22px;
}
}
.logo {
display: inline-block;
vertical-align: middle;
font-size: 30px;
line-height: 1;
white-space: normal;
color: #1b347a !important;
text-decoration: none !important;
}
.logo .icon {
vertical-align: top;
}
.lang {
position: relative;
display: inline-block;
letter-spacing: 0.06em;
cursor: default;
z-index: 0;
}
.lang:hover {
color: #fff;
}
.lang:hover .lang__list {
visibility: visible;
opacity: 1;
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.lang.focused {
color: #fff;
}
.lang.focused .lang__list {
visibility: visible;
opacity: 1;
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.lang__current {
position: relative;
text-decoration: underline;
z-index: 2;
}
.lang__list {
position: absolute;
top: -5px;
right: -12px;
left: -12px;
padding: 10px 12px 7px;
z-index: 1;
background-color: #1a4389;
color: #fff;
visibility: hidden;
opacity: 0;
-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;
}
.lang__list ul {
padding-top: 1.5em;
}
.lang__list li {
margin-top: 5px;
}
.lang__list li:first-child {
margin-top: 0;
}
.lang__list a {
color: inherit;
text-decoration: none;
}
.hsep {
position: relative;
top: -2px;
display: inline-block;
vertical-align: middle;
height: 24px;
width: 1px;
margin: 0 15px;
background-color: #1a4389;
}
.cbutton {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 30px;
height: 30px;
text-align: center;
color: #1a4389 !important;
cursor: pointer;
z-index: 2;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.cbutton__inner {
position: relative;
display: inline-block;
vertical-align: middle;
height: 15px;
width: 30px;
margin: 0 auto;
line-height: 1;
position: relative;
z-index: 1;
}
.cbutton__item {
display: block;
height: 1px;
width: 30px;
background-color: currentColor;
margin: 6px 0 0 0;
-webkit-transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);
-o-transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);
transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);
}
.cbutton__item:first-child {
margin-top: 0;
}
.hmenu {
position: relative;
font-size: 18px;
letter-spacing: 0.06em;
z-index: 0;
}
@media (max-width: 1350px) {
.hmenu {
display: inline-block;
}
}
@media (max-width: 479px) {
.hmenu {
position: absolute;
top: 5px;
right: 0;
z-index: auto;
}
}
.hmenu:hover {
color: #fff;
}
.hmenu:hover .hmenu__title {
text-decoration: none;
cursor: default;
}
.hmenu:hover .hmenu__container {
visibility: visible;
z-index: 3;
opacity: 1;
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
@media (min-width: 480px) {
.hmenu.focused {
color: #fff;
}
.hmenu.focused .hmenu__container {
visibility: visible;
z-index: 3;
opacity: 1;
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
}
@media (max-width: 479px) {
.menu-overlay-active .hmenu .hmenu__container {
visibility: visible;
z-index: 3;
opacity: 1;
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
}
.hmenu__title {
position: relative;
text-decoration: underline;
display: none;
}
.no-touchevents .hmenu__title {
z-index: 4;
}
@media (max-width: 1024px) {
.hmenu__title {
display: block;
}
}
@media (max-width: 479px) {
.hmenu > .hmenu__title {
visibility: hidden;
}
}
.hmenu__container {
position: relative;
}
@media (max-width: 1024px) {
.hmenu__container {
position: absolute;
top: -5px;
right: -12px;
left: -12px;
padding: 5px 12px 7px;
min-width: 170px;
z-index: -1;
background-color: #1a4389;
color: #fff;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s, visibility 0s 0.3s, z-index 0s 0.3s;
-o-transition: all 0.3s, visibility 0s 0.3s, z-index 0s 0.3s;
transition: all 0.3s, visibility 0s 0.3s, z-index 0s 0.3s;
}
.hmenu__container .hmenu__item-inner {
color: #afc6df;
}
.hmenu__container .hmenu__item-inner:hover {
color: #fff;
}
.hmenu__container .hmenu__item-inner:active {
color: #fff;
}
}
@media (max-width: 479px) {
.hmenu__container {
top: 0;
right: 0;
left: auto;
}
}
.hmenu__container .hmenu__title {
color: #afc6df;
text-decoration: none;
}
.no-touchevents .hmenu__container .hmenu__title {
visibility: hidden;
}
.hmenu__inner {
margin-left: -50px;
}
@media (max-width: 1900px) {
.hmenu__inner {
margin-left: -15px;
}
}
@media (max-width: 1024px) {
.hmenu__inner {
padding-top: 13px;
margin-left: 0;
}
}
.hmenu__item {
display: inline-block;
vertical-align: top;
margin-left: 50px;
font-size: 18px;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
@media (max-width: 1900px) {
.hmenu__item {
margin-left: 15px;
}
}
@media (max-width: 1024px) {
.hmenu__item {
display: block;
margin-left: 0;
margin-top: 3px;
}
.hmenu__item:first-child {
margin-top: 0;
}
}
.hmenu__item.active .hmenu__item-inner {
color: #1a4389;
}
@media (max-width: 1024px) {
.hmenu__item.active .hmenu__item-inner {
color: #fff;
}
}
.hmenu__item-inner {
position: relative;
display: block;
white-space: nowrap;
text-decoration: none !important;
color: #afc6df;
}
.hmenu__item-inner:hover {
color: #1a4389;
}
.hmenu__item-inner:active {
color: #1a4389;
}
.footer {
padding: 55px 0 35px;
color: #1a4389;
}
@media (max-width: 1900px) {
.footer {
padding-bottom: 20px;
}
}
@media (max-width: 1024px) {
.footer {
padding-top: 50px;
}
}
@media (max-width: 767px) {
.footer {
padding-top: 35px;
}
}
@media (max-width: 479px) {
.footer {
padding-bottom: 25px;
}
}
@media (max-width: 479px) {
.footer .logo {
font-size: 26px;
}
}
@media (max-width: 479px) {
.footer .summary {
font-size: 14px;
}
}
.flinks {
font-size: 14px;
margin-right: -10px;
margin-bottom: -10px;
letter-spacing: 0.06em;
}
@media (max-width: 767px) {
.flinks {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
line-height: 1;
}
}
@media (max-width: 479px) {
.flinks {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: -25px;
}
}
.flinks a {
display: inline-block;
vertical-align: top;
margin-right: 10px;
margin-bottom: 10px;
}
@media (max-width: 767px) {
.flinks a {
max-width: 170px;
}
}
@media (max-width: 479px) {
.flinks a {
max-width: none;
margin-bottom: 25px;
}
}
@media (max-width: 767px) {
.flinks a:last-child {
text-align: right;
}
}
@media (max-width: 479px) {
.flinks a:last-child {
text-align: left;
}
}
.cols-wrapper--footer {
margin-top: 10px;
}
.cols-wrapper--footer:first-child {
margin-top: 0;
}
@media (max-width: 767px) {
.cols-wrapper--footer > .cols {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: -25px;
}
}
.cols-wrapper--footer > .cols > .col {
vertical-align: middle;
}
@media (max-width: 767px) {
.cols-wrapper--footer > .cols > .col {
margin-bottom: 25px;
}
}
.cols-wrapper--footer .col--logo {
width: 1%;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
}
@media (max-width: 767px) {
.cols-wrapper--footer .col--logo {
width: auto;
}
}
.cols-wrapper--footer .col--copyright {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 0;
flex-shrink: 0;
text-align: right;
}
.cols-wrapper--footer .col--links {
text-align: right;
}
@media (max-width: 767px) {
.cols-wrapper--footer .col--links {
width: 100%;
text-align: left;
}
}
.floatbar {
position: fixed;
right: 60px;
bottom: 70px;
z-index: 15;
}
@media (max-width: 1900px) {
.floatbar {
right: 30px;
bottom: 50px;
}
}
@media (max-width: 1350px) {
.floatbar {
right: 20px;
}
}
@media (max-width: 1259px) {
.floatbar {
right: 15px;
}
}
@media (max-width: 359px) {
.floatbar {
right: 10px;
}
}
@media (max-height: 600px) {
.floatbar {
bottom: 20px;
}
}
@media (max-height: 550px) {
.floatbar {
bottom: 10px;
}
}
.floatbar .social {
line-height: 0;
}
.floatbar .social ul {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-top: -10px;
}
@media (max-width: 767px) {
.floatbar .social ul {
margin-top: -4px;
}
}
.floatbar .social li {
display: block;
padding-top: 10px;
}
@media (max-width: 767px) {
.floatbar .social li {
padding-top: 4px;
}
}
.floatbar .to-collapse {
-webkit-transform: scale(0.5);
-ms-transform: scale(0.5);
transform: scale(0.5);
opacity: 0;
max-height: 0;
padding-top: 0 !important;
padding-bottom: 0 !important;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.floatbar .to-collapse:nth-child(1) {
-webkit-transition-delay: 0.18s;
-o-transition-delay: 0.18s;
transition-delay: 0.18s;
}
.floatbar .to-collapse:nth-child(2) {
-webkit-transition-delay: 0.15s;
-o-transition-delay: 0.15s;
transition-delay: 0.15s;
}
.floatbar .to-collapse:nth-child(3) {
-webkit-transition-delay: 0.12s;
-o-transition-delay: 0.12s;
transition-delay: 0.12s;
}
.floatbar .to-collapse:nth-child(4) {
-webkit-transition-delay: 0.09s;
-o-transition-delay: 0.09s;
transition-delay: 0.09s;
}
.floatbar .to-collapse:nth-child(5) {
-webkit-transition-delay: 0.06s;
-o-transition-delay: 0.06s;
transition-delay: 0.06s;
}
.floatbar .to-collapse:nth-child(6) {
-webkit-transition-delay: 0.03s;
-o-transition-delay: 0.03s;
transition-delay: 0.03s;
}
.floatbar .to-collapse:nth-child(7) {
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.floatbar .to-toggle .icon {
opacity: 0;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.floatbar .to-toggle .icon + .icon {
position: absolute;
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.floatbar.active .to-collapse {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
max-height: 63px;
padding-top: 10px !important;
padding-bottom: 5px !important;
}
@media (max-width: 767px) {
.floatbar.active .to-collapse {
max-height: 48px;
padding-top: 4px !important;
padding-bottom: 4px !important;
}
}
.floatbar.active .to-collapse:nth-child(1) {
-webkit-transition-delay: 0.03s;
-o-transition-delay: 0.03s;
transition-delay: 0.03s;
}
.floatbar.active .to-collapse:nth-child(2) {
-webkit-transition-delay: 0.06s;
-o-transition-delay: 0.06s;
transition-delay: 0.06s;
}
.floatbar.active .to-collapse:nth-child(3) {
-webkit-transition-delay: 0.09s;
-o-transition-delay: 0.09s;
transition-delay: 0.09s;
}
.floatbar.active .to-collapse:nth-child(4) {
-webkit-transition-delay: 0.12s;
-o-transition-delay: 0.12s;
transition-delay: 0.12s;
}
.floatbar.active .to-collapse:nth-child(5) {
-webkit-transition-delay: 0.15s;
-o-transition-delay: 0.15s;
transition-delay: 0.15s;
}
.floatbar.active .to-collapse:nth-child(6) {
-webkit-transition-delay: 0.18s;
-o-transition-delay: 0.18s;
transition-delay: 0.18s;
}
.floatbar.active .to-collapse:nth-child(7) {
-webkit-transition-delay: 0.21s;
-o-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.floatbar.active .to-toggle .icon {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.floatbar.active .to-toggle .icon + .icon {
opacity: 0;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
}
/*
Заготовка по умолчанию для разделов страницы
*/
.section {
position: relative;
z-index: 1;
margin-top: 20px;
}
.section:first-child {
margin-top: 0;
}
@media (max-width: 767px) {
.section {
margin-top: 15px;
}
}
.section + .section {
margin-top: 40px;
}
.section--bring-to-front {
z-index: 2;
}
.section--bring-to-back {
z-index: 0;
}
.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-inner {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: center center no-repeat;
background-size: cover;
}
.section__bg-inner--bg-fixed {
background-attachment: fixed;
}
.section__bg.img-to-bg {
opacity: 0;
-webkit-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.section__bg.img-to-bg-lazy-loaded {
opacity: 1;
}
.section__bg img {
position: absolute;
top: 0;
left: 0;
max-height: 100%;
max-width: 100%;
visibility: hidden;
opacity: 0;
z-index: -100;
}
.section__bg video {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
min-width: 100%;
min-height: 100%;
visibility: hidden;
}
.section__bg video.auto-resized {
visibility: visible;
}
.summary {
margin-top: 10px;
font-size: 18px;
line-height: 1.33333;
letter-spacing: 0.06em;
}
.summary:first-child {
margin-top: 0;
}
.action {
margin-top: 30px;
}
.action:first-child {
margin-top: 0;
}
@media (max-width: 767px) {
.action {
margin-top: 25px;
}
}
.swiper-slider--ctgbs {
width: 100%;
}
.swiper-slider--ctgbs .swiper-container {
width: auto;
padding: 0 40px;
margin: 0 -40px;
}
@media (max-width: 1900px) {
.swiper-slider--ctgbs .swiper-container {
padding: 0 30px;
margin: 0 -30px;
}
}
@media (max-width: 1350px) {
.swiper-slider--ctgbs .swiper-container {
padding: 0 20px;
margin: 0 -20px;
}
}
@media (max-width: 1259px) {
.swiper-slider--ctgbs .swiper-container {
padding: 0 15px;
margin: 0 -15px;
}
}
@media (max-width: 359px) {
.swiper-slider--ctgbs .swiper-container {
padding: 0 10px;
margin: 0 -10px;
}
}
.swiper-slider--ctgbs .swiper-container:before {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 50px;
border-left: 30px solid #fff;
content: '';
z-index: 5;
}
@media (max-width: 1900px) {
.swiper-slider--ctgbs .swiper-container:before {
border-left-width: 20px;
}
}
@media (max-width: 1350px) {
.swiper-slider--ctgbs .swiper-container:before {
display: none;
}
}
.swiper-slider--ctgbs .swiper-slide {
width: auto;
}
@media (max-width: 1023px) {
.swiper-slider--ctgbs .swiper-slide {
width: 480px;
}
}
@media (max-width: 480px) {
.swiper-slider--ctgbs .swiper-slide {
width: calc(100vw - 10px);
}
}
@media (max-width: 359px) {
.swiper-slider--ctgbs .swiper-slide {
width: 100vw;
}
}
.swiper-slider--ctgbs .swiper-pagination {
margin-top: 15px;
text-align: center;
}
.swiper-slider--ctgbs .swiper-pagination:first-child {
margin-top: 0;
}
@media (max-width: 480px) {
.swiper-slider--ctgbs .swiper-pagination {
margin-top: 25px;
text-align: left;
}
}
.ctgbs-overlay {
position: absolute;
top: 0;
left: 0;
padding: 35px 15px 15px 40px;
z-index: 4;
max-width: 400px;
color: #fff;
}
@media (max-width: 479px) {
.ctgbs-overlay {
padding: 20px;
}
}
.ctgbs-overlay__title {
margin-top: 30px;
font-size: 26px;
font-weight: 400;
line-height: 1.2;
letter-spacing: 0;
}
.ctgbs-overlay__title:first-child {
margin-top: 0;
}
@media (max-width: 1350px) {
.ctgbs-overlay__title {
font-size: 21px;
}
}
@media (max-width: 479px) {
.ctgbs-overlay__title {
font-size: 18px;
}
}
.ctgbs-overlay__title-em {
line-height: 1.05;
font-size: 48px;
}
@media (max-width: 1350px) {
.ctgbs-overlay__title-em {
font-size: 36px;
}
}
@media (max-width: 479px) {
.ctgbs-overlay__title-em {
font-size: 30px;
margin-top: 5px;
}
.ctgbs-overlay__title-em:first-child {
margin-top: 0;
}
}
.ctgbs-overlay__action {
margin-top: 15px;
}
.ctgbs-overlay__action:first-child {
margin-top: 0;
}
@media (max-width: 1350px) {
.ctgbs-overlay__action {
margin-top: 25px;
}
}
.ctgbs-overlay .btn--link {
letter-spacing: 0;
color: #fff !important;
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) !important;
background-image: -webkit-linear-gradient(#fff, #fff) !important;
background-image: -o-linear-gradient(#fff, #fff) !important;
background-image: linear-gradient(#fff, #fff) !important;
}
.ctgbs-overlay .btn--link:before {
left: -10px;
right: -10px;
top: -10px;
bottom: -10px;
border-radius: 100px;
}
.ctgbs-overlay .btn--link:hover {
color: #d0131f !important;
background-image: -webkit-gradient(linear, left top, left bottom, from(#d0131f), to(#d0131f)) !important;
background-image: -webkit-linear-gradient(#d0131f, #d0131f) !important;
background-image: -o-linear-gradient(#d0131f, #d0131f) !important;
background-image: linear-gradient(#d0131f, #d0131f) !important;
}
.ctgbs-overlay .btn--link:active {
color: #d0131f !important;
background-image: -webkit-gradient(linear, left top, left bottom, from(#d0131f), to(#d0131f)) !important;
background-image: -webkit-linear-gradient(#d0131f, #d0131f) !important;
background-image: -o-linear-gradient(#d0131f, #d0131f) !important;
background-image: linear-gradient(#d0131f, #d0131f) !important;
}
.ctgbs-overlay .btn--link[disabled], .ctgbs-overlay .btn--link.disabled {
color: #fff !important;
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) !important;
background-image: -webkit-linear-gradient(#fff, #fff) !important;
background-image: -o-linear-gradient(#fff, #fff) !important;
background-image: linear-gradient(#fff, #fff) !important;
}
.ctgbs-scroll {
position: absolute;
bottom: 100%;
left: 0;
margin-bottom: -500px;
padding: 10px 10px 35px 40px;
z-index: 4;
font-size: 18px;
font-weight: 400;
line-height: 1.16667;
letter-spacing: 0;
color: #fff;
text-decoration: none;
}
.ctgbs-scroll:hover {
color: #fff;
}
.ctgbs-scroll:hover .ctgbs-scroll__title {
color: #d0131f;
}
.ctgbs-scroll:active {
color: #fff;
}
.ctgbs-scroll:active .ctgbs-scroll__title {
color: #d0131f;
}
.ctgbs-scroll a {
color: #fff;
}
.ctgbs-scroll a:hover {
color: #fff;
opacity: 0.8;
}
.ctgbs-scroll a:active {
color: #fff;
opacity: 0.8;
}
@media (max-width: 1350px) {
.ctgbs-scroll {
margin-bottom: -380px;
}
}
@media (max-width: 1023px) {
.ctgbs-scroll {
margin-bottom: -530px;
}
}
@media (max-width: 480px) {
.ctgbs-scroll {
margin-bottom: -106.5vw;
}
}
@media (max-width: 479px) {
.ctgbs-scroll {
margin-bottom: -120vw;
padding-bottom: 25px;
}
}
.ctgbs-scroll__title {
margin-top: 10px;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.ctgbs-scroll__title:first-child {
margin-top: 0;
}
@media (max-width: 1023px) {
.ctgbs-scroll__title {
margin-top: 15px;
}
}
.ctgbs-scroll__icon {
margin-top: 10px;
font-size: 52px;
line-height: 1;
}
.ctgbs-scroll__icon:first-child {
margin-top: 0;
}
@media (max-width: 1023px) {
.ctgbs-scroll__icon {
margin-top: 15px;
}
}
.ctgbs-scroll__icon .icon {
vertical-align: top;
}
.ctgbs-scroll__icon .icon.icon-animated {
font-size: 67px;
width: 0.29851em;
margin-bottom: -15px;
-webkit-transform: translateY(30px);
-ms-transform: translateY(30px);
transform: translateY(30px);
opacity: 0;
-webkit-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
}
.loaded .ctgbs-scroll__icon .icon.icon-animated {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.ctgbs-scroll__icon .icon.icon-animated path:nth-child(1) {
-webkit-animation-name: mouseScrollBtn;
animation-name: mouseScrollBtn;
-webkit-animation-duration: 2.5s;
animation-duration: 2.5s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.ctgbs-scroll__icon .icon.icon-animated path:nth-child(2) {
-webkit-animation-name: mouseScrollArrow;
animation-name: mouseScrollArrow;
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
-webkit-animation-duration: 2.5s;
animation-duration: 2.5s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
@-webkit-keyframes mouseScrollBtn {
0% {
opacity: 0;
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
opacity: 1;
}
60% {
opacity: 0;
}
61% {
opacity: 0;
-webkit-transform: translateY(0);
transform: translateY(0);
}
80% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes mouseScrollBtn {
0% {
opacity: 0;
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
opacity: 1;
}
60% {
opacity: 0;
}
61% {
opacity: 0;
-webkit-transform: translateY(0);
transform: translateY(0);
}
80% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes mouseScrollArrow {
0% {
opacity: 0;
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
opacity: 1;
}
60% {
opacity: 0;
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
61% {
opacity: 0;
-webkit-transform: translateY(0);
transform: translateY(0);
}
80% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
}
@keyframes mouseScrollArrow {
0% {
opacity: 0;
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
opacity: 1;
}
60% {
opacity: 0;
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
61% {
opacity: 0;
-webkit-transform: translateY(0);
transform: translateY(0);
}
80% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
}
.ctgbs {
margin-top: 30px;
}
.ctgbs:first-child {
margin-top: 0;
}
@media (max-width: 479px) {
.ctgbs {
margin-top: 20px;
}
}
.ctgbs__container {
margin: 0 -10px;
}
.ctgbs__container:after {
content: "";
display: table;
clear: both;
}
.ctgbs__inner {
float: left;
width: 100%;
font-size: 0;
margin: -10px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.ctgb {
padding: 10px 10px 50px;
}
@media (max-width: 480px) {
.ctgb {
padding-bottom: 10px;
}
}
.ctgb__inner {
display: block;
position: relative;
text-decoration: none;
background-color: #afc6df;
color: inherit !important;
}
.ctgb__inner:hover .ctgb__image:before {
opacity: 0.2;
}
.ctgb[data-filter] {
display: none;
}
.ctgb[data-filter].active {
display: block;
}
.ctgb__image {
position: relative;
font-size: 500px;
height: 1em;
background: right center no-repeat;
background-size: auto 100%;
overflow: hidden;
}
@media (max-width: 1350px) {
.ctgb__image {
font-size: 380px;
}
}
@media (max-width: 1023px) {
.ctgb__image {
height: auto;
}
}
.ctgb__image.img-to-bg {
opacity: 0;
-webkit-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.ctgb__image.img-to-bg-lazy-loaded {
opacity: 1;
}
.ctgb__image-inner {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: center center no-repeat;
background-size: cover;
}
.ctgb__image:before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background-color: #fff;
opacity: 0;
content: '';
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.ctgb__image img {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
visibility: hidden;
z-index: -1;
}
.ctgb__width {
width: 1em;
}
@media (max-width: 767px) {
.ctgb__width {
width: 100%;
padding-bottom: 100%;
}
}
.ctgb__content {
position: absolute;
right: 10px;
bottom: 5px;
left: 10px;
font-size: 18px;
font-weight: 400;
line-height: 1.16667;
letter-spacing: 0;
}
@media (max-width: 480px) {
.ctgb__content {
position: relative;
top: auto;
bottom: auto;
left: auto;
right: auto;
margin-top: 20px;
}
.ctgb__content:first-child {
margin-top: 0;
}
}
.ctgb__title {
font-size: 18px;
font-weight: 400;
line-height: 1.16667;
letter-spacing: 0;
margin-top: 15px;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
}
.ctgb__title:first-child {
margin-top: 0;
}
@media (max-width: 480px) {
.ctgb__title {
white-space: normal;
overflow: visible;
}
}
.swiper-slider--tgbs {
width: 100%;
}
.swiper-slider--tgbs .swiper-container {
width: 100%;
}
.swiper-slider--tgbs .swiper-slide {
width: 100%;
}
.swiper-slider--tgbs .swiper-scrollbar {
max-width: 280px;
}
.tgbs {
margin-top: 30px;
}
.tgbs:first-child {
margin-top: 0;
}
@media (max-width: 479px) {
.tgbs {
margin-top: 20px;
}
}
.tgbs__container {
margin: 0 -10px;
}
.tgbs__container:after {
content: "";
display: table;
clear: both;
}
.tgbs__inner {
float: left;
width: 100%;
font-size: 0;
margin: -10px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.tgb {
display: inline-block;
vertical-align: top;
width: 33.33%;
max-width: 620px;
padding: 10px;
font-size: 18px;
line-height: 1.33333;
letter-spacing: 0.06em;
}
@media (max-width: 1350px) {
.tgb {
max-width: 540px;
}
}
@media (max-width: 1259px) {
.tgb {
max-width: 507px;
}
}
@media (max-width: 715px) {
.tgb {
max-width: 235px;
}
}
@media (max-width: 479px) {
.tgb {
max-width: 230px;
}
}
.tgb__inner {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
min-height: 175px;
color: #000 !important;
text-decoration: none !important;
}
@media (max-width: 715px) {
.tgb__inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.tgb__icon {
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;
line-height: 175px;
text-align: center;
width: 175px;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
margin-right: 15px;
background: #1a4389;
color: #fff;
}
@media (max-width: 715px) {
.tgb__icon {
width: auto;
line-height: 215px;
min-height: 215px;
margin-right: 0;
}
}
@media (max-width: 479px) {
.tgb__icon {
line-height: 150px;
min-height: 150px;
}
}
.tgb__icon .icon {
font-size: 125px;
vertical-align: middle;
}
@media (max-width: 479px) {
.tgb__icon .icon {
font-size: 68px;
}
}
.tgb__icon .icon--doc-list {
font-size: 110px;
}
@media (max-width: 479px) {
.tgb__icon .icon--doc-list {
font-size: 65px;
}
}
.tgb__icon .icon--zoom-object {
font-size: 115px;
}
@media (max-width: 479px) {
.tgb__icon .icon--zoom-object {
font-size: 65px;
}
}
.tgb__content {
border: 1px solid #1a4389;
-ms-flex-negative: 1;
flex-shrink: 1;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding: 25px 30px;
}
@media (max-width: 715px) {
.tgb__content {
padding: 25px 20px 15px;
}
}
.tgb__title {
margin-top: 25px;
font-size: 22px;
line-height: 1.09091;
letter-spacing: 0.06em;
color: #1a4389;
}
.tgb__title:first-child {
margin-top: 0;
}
@media (max-width: 715px) {
.tgb__title {
font-size: 18px;
line-height: 1.33333;
}
}
@media (max-width: 715px) {
.tgb__title-sep {
display: block;
}
}
.tgb__summary {
margin-top: 25px;
}
.tgb__summary:first-child {
margin-top: 0;
}
@media (max-width: 715px) {
.tgb__summary br {
display: none;
}
}
.cols-wrapper--contacts {
margin-left: -25px;
margin-right: -25px;
margin-top: 10px;
}
.cols-wrapper--contacts:first-child {
margin-top: 0;
}
@media (max-width: 1023px) {
.cols-wrapper--contacts {
margin-top: 20px;
}
}
.cols-wrapper--contacts > .cols {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 1360px;
}
@media (max-width: 1023px) {
.cols-wrapper--contacts > .cols {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media (max-width: 1900px) {
.cols-wrapper--contacts > .cols {
max-width: 1040px;
}
}
@media (max-width: 1023px) {
.cols-wrapper--contacts > .cols {
margin-bottom: -40px;
}
}
@media (max-width: 479px) {
.cols-wrapper--contacts > .cols {
margin-bottom: -30px;
}
}
.cols-wrapper--contacts > .cols > .col {
padding-left: 25px;
padding-right: 25px;
}
.cols-wrapper--contacts > .cols > .col:first-child {
padding-left: 25px;
}
.cols-wrapper--contacts > .cols > .col:last-child {
padding-right: 25px;
}
.cols-wrapper--contacts .col {
-ms-flex-negative: 1;
flex-shrink: 1;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
@media (max-width: 1023px) {
.cols-wrapper--contacts .col {
width: 50%;
margin-bottom: 40px;
}
}
@media (max-width: 767px) {
.cols-wrapper--contacts .col {
width: 100%;
}
}
@media (max-width: 479px) {
.cols-wrapper--contacts .col {
margin-bottom: 30px;
}
}
.cols-wrapper--contacts .col--map {
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
width: 360px;
padding-top: 10px;
}
@media (max-width: 1900px) {
.cols-wrapper--contacts .col--map {
width: 350px;
}
}
@media (max-width: 1023px) {
.cols-wrapper--contacts .col--map {
width: 100%;
padding-top: 0;
}
}
@media (min-width: 1024px) {
.cols-wrapper--contacts .col--map .map {
height: 435px;
min-height: 435px;
}
}
@media (max-width: 1023px) {
.cols-wrapper--contacts .col--map .map {
max-height: 50vh;
}
}
.cols-wrapper--contacts .col--contacts {
padding-top: 20px;
}
@media (max-width: 1023px) {
.cols-wrapper--contacts .col--contacts {
padding-top: 0;
}
}
.cols-wrapper--contacts .col--form {
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
width: 420px;
max-width: 420px;
}
@media (max-width: 1900px) {
.cols-wrapper--contacts .col--form {
width: 410px;
}
}
@media (max-width: 1023px) {
.cols-wrapper--contacts .col--form {
width: 50%;
}
}
@media (max-width: 767px) {
.cols-wrapper--contacts .col--form {
width: 100%;
max-width: 490px;
}
}
@media (max-width: 479px) {
.cols-wrapper--contacts .col--form {
padding-top: 10px;
}
}
.cols-wrapper--contacts .col-flex {
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%;
min-height: 100%;
}
.cols-wrapper--contacts .social {
padding-top: 20px;
margin-top: auto;
}
@media (max-width: 767px) {
.cols-wrapper--contacts .social {
padding-top: 0;
margin-top: -30px;
max-width: 50%;
padding-right: 10px;
}
}
@media (max-width: 479px) {
.cols-wrapper--contacts .social {
padding-top: 30px;
margin-top: 0;
max-width: none;
padding-right: 0;
}
}
@media (max-width: 1350px) {
.cols-wrapper--contacts .social ul {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
white-space: nowrap;
}
}
.cols-wrapper--contacts .social:first-child {
padding-top: 0;
}
.contacts {
margin-bottom: -35px;
}
@media (max-width: 1023px) {
.contacts {
font-size: 16px;
line-height: 1.5;
}
}
@media (max-width: 767px) {
.contacts {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
margin-left: -10px;
margin-right: -10px;
}
}
@media (max-width: 479px) {
.contacts {
display: block;
margin-bottom: -10px;
}
}
.contacts__section {
margin-bottom: 35px;
}
@media (max-width: 767px) {
.contacts__section {
width: 50%;
padding: 0 10px;
}
}
@media (max-width: 479px) {
.contacts__section {
width: auto;
margin-bottom: 10px;
}
}
.form--quote {
margin-top: 20px;
}
.form--quote:first-child {
margin-top: 0;
}
@media (max-width: 479px) {
.form--quote {
margin-top: 15px;
}
}
.form--quote .form__item {
margin-top: 10px;
}
.form--quote .form__item:first-child {
margin-top: 0;
}
.form--horz {
margin-top: 20px;
}
.form--horz:first-child {
margin-top: 0;
}
@media (min-width: 768px) {
.form--horz {
font-size: 0;
}
.form--horz .form__items {
display: inline-block;
vertical-align: top;
white-space: nowrap;
font-size: 0;
}
.form--horz .form__item {
display: inline-block;
vertical-align: top;
white-space: normal;
width: 100%;
max-width: 220px;
margin-right: 10px;
margin-top: 0;
font-size: 1rem;
}
.form--horz .form__actions {
display: inline-block;
vertical-align: top;
margin-top: 0;
margin-left: 10px;
line-height: 32px;
}
.form--horz .form__actions .btn {
vertical-align: middle;
}
.form--horz .form__tip {
margin-top: 8px;
}
.form--horz .form__tip:first-child {
margin-top: 0;
}
}
@media (max-width: 767px) and (min-width: 480px) {
.form--horz {
max-width: 440px;
margin-top: 30px;
}
.form--horz:after {
content: "";
display: table;
clear: both;
}
.form--horz .form__actions {
float: right;
padding-left: 30px;
padding-bottom: 10px;
margin-top: 20px;
}
.form--horz .form__actions:first-child {
margin-top: 0;
}
.form--horz .form__tip {
margin-top: 20px;
}
.form--horz .form__tip:first-child {
margin-top: 0;
}
}
.thanks-title {
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: 180px;
font-size: 21px;
line-height: 1.42857;
letter-spacing: 0.03em;
}
.social {
margin: 0 -5px;
margin-top: 20px;
}
.social:first-child {
margin-top: 0;
}
.social:after {
content: "";
display: table;
clear: both;
}
@media (max-width: 767px) {
.social {
margin-left: -4px;
margin-right: -4px;
}
}
.social ul {
float: left;
width: 100%;
margin: -5px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
font-size: 0;
}
@media (max-width: 767px) {
.social ul {
margin: -4px 0;
}
}
.social li {
display: inline-block;
vertical-align: top;
padding: 5px;
font-size: 1rem;
}
@media (max-width: 767px) {
.social li {
padding: 4px;
}
}
.social li.active a {
background-color: #d0131f;
}
.social li.active a:hover {
background-color: #e71522;
}
.social li.active a:active {
background-color: #e71522;
}
.social a {
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: center;
-ms-flex-pack: center;
justify-content: center;
color: #fff;
background-color: #1b347a;
height: 48px;
width: 48px;
line-height: 48px;
border-radius: 50%;
text-decoration: none;
font-size: 26px;
}
@media (max-width: 767px) {
.social a {
height: 40px;
width: 40px;
line-height: 40px;
font-size: 22px;
}
}
.social a:hover {
background-color: #203d8f;
color: #fff;
}
.social a:active {
background-color: #203d8f;
color: #fff;
}
.social .icon {
vertical-align: middle;
}
.social .icon--cross {
font-size: 23px;
}
@media (max-width: 767px) {
.social .icon--cross {
font-size: 20px;
}
}
.social .icon--arrow-up {
font-size: 30px;
}
@media (max-width: 767px) {
.social .icon--arrow-up {
font-size: 24px;
}
}
.social .icon--whatsapp {
font-size: 29px;
}
@media (max-width: 767px) {
.social .icon--whatsapp {
font-size: 24px;
}
}
.social .icon--telegram {
margin-left: -2px;
margin-top: 1px;
}
.goto-stopper {
position: relative;
top: -80px;
}
.b-lazy {
opacity: 0;
-webkit-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.b-loaded {
opacity: 1;
}
.expcs {
margin-top: 20px;
}
.expcs:first-child {
margin-top: 0;
}
@media (max-width: 767px) {
.expcs {
margin-top: 30px;
}
}
.expcs + .form {
margin-top: 35px;
}
.expc {
margin-top: 5px;
}
.expc:first-child {
margin-top: 0;
}
@media (max-width: 767px) {
.expc {
margin-top: 10px;
}
}
.expc__title .btn {
line-height: 1.33333;
-webkit-transition: none;
-o-transition: none;
transition: none;
}
.expc__title .btn:before {
position: static;
display: inline-block;
margin-right: 0.5rem;
content: '+';
-webkit-transition: all 0.2s ease-in-out, color 0s;
-o-transition: all 0.2s ease-in-out, color 0s;
transition: all 0.2s ease-in-out, color 0s;
}
.expc__title .btn.active:before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.expc__content-inner {
padding: 30px 30px 20px;
}
@media (max-width: 767px) {
.expc__content-inner {
padding: 25px 20px 15px;
}
}
.h2-opposite {
float: right;
margin-left: 10px;
text-transform: none;
letter-spacing: 0.03em;
}
@media (max-width: 1350px) {
.h2-opposite {
font-size: 30px;
margin-top: 6px;
}
}
@media (max-width: 479px) {
.h2-opposite {
font-size: 24px;
line-height: 1.25;
}
}
.h2-opposite .btn {
margin-left: 15px;
margin-top: -5px;
}
@media (max-width: 1023px) {
.h2-opposite--tablet-small-block {
margin-left: auto;
float: none;
display: block;
margin-top: 15px;
}
.h2-opposite--tablet-small-block .btn {
margin-top: 20px;
margin-left: 0;
}
}
@media (max-width: 767px) {
.h2-opposite--mobile-block {
margin-left: auto;
float: none;
display: block;
margin-top: 15px;
}
.h2-opposite--mobile-block .btn {
margin-top: 20px;
margin-left: 0;
}
}
.swiper-slider--ttgbs {
width: 100%;
}
.swiper-slider--ttgbs .swiper-container {
width: 100%;
}
.swiper-slider--ttgbs .swiper-slide {
width: 100%;
}
.ttgbs {
margin-top: 40px;
}
.ttgbs:first-child {
margin-top: 0;
}
@media (max-width: 479px) {
.ttgbs {
margin-top: 30px;
}
}
.ttgbs__container {
margin: 0 -20px;
}
.ttgbs__container:after {
content: "";
display: table;
clear: both;
}
.ttgbs__inner {
float: left;
width: 100%;
font-size: 0;
margin: -20px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.ttgb {
display: inline-block;
vertical-align: top;
width: 100%;
max-width: 840px;
padding: 20px;
font-size: 18px;
line-height: 1.33333;
letter-spacing: 0.06em;
}
.ttgb__inner {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
padding: 20px;
color: #000 !important;
border: 1px solid transparent;
text-decoration: none !important;
opacity: 0.5;
/* -webkit-transform: scale(0.95);
-ms-transform: scale(0.95);
transform: scale(0.95); */
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.swiper-slider:not(.swiper-slider--end) .swiper-slide-active .ttgb__inner, .swiper-slider--end .swiper-slide-next .ttgb__inner, .swiper-slide-active:last-child .ttgb__inner {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
border-color: #d0131f;
}
.ttgb__image {
position: relative;
width: 265px;
-ms-flex-item-align: start;
align-self: flex-start;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
margin-right: 40px;
color: #fff;
}
@media (max-width: 1023px) {
.ttgb__image {
width: 120px;
margin-right: 30px;
}
}
@media (max-width: 767px) {
.ttgb__image {
width: 85px;
margin-right: 25px;
}
}
@media (max-width: 479px) {
.ttgb__image {
display: none;
}
}
.ttgb__image .icon {
position: absolute;
top: 20px;
right: -76px;
font-size: 76px;
color: #1a4389;
}
@media (max-width: 1023px) {
.ttgb__image .icon {
position: static;
display: block;
font-size: 45px;
margin: 20px auto 0;
}
}
@media (max-width: 479px) {
.ttgb__image .icon {
display: none;
}
}
.ttgb__content {
position: relative;
-ms-flex-negative: 1;
flex-shrink: 1;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding: 20px 0;
-ms-flex-item-align: end;
align-self: flex-start;
text-shadow: 0 0 1px #fff, 0 0 1px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;
}
@media (max-width: 1023px) {
.ttgb__content {
-ms-flex-item-align: start;
align-self: flex-start;
padding: 0;
}
}
.ttgb__title {
position: relative;
margin-top: 15px;
font-size: 24px;
line-height: 1;
letter-spacing: 0;
}
.ttgb__title:first-child {
margin-top: 0;
}
@media (max-width: 479px) {
.ttgb__title {
font-size: 18px;
line-height: 1.33333;
padding-left: 45px;
}
}
.ttgb__title .icon {
display: none;
}
@media (max-width: 479px) {
.ttgb__title .icon {
display: block;
position: absolute;
top: 5px;
left: 0;
font-size: 27px;
}
}
.ttgb__summary {
margin-top: 15px;
font-size: 16px;
line-height: 1.5;
}
.ttgb__summary:first-child {
margin-top: 0;
}
.swiper-slider--qtgbs {
width: 100%;
}
.swiper-slider--qtgbs .swiper-wrapper.before-update {
-webkit-transition-duration: 400ms !important;
-o-transition-duration: 400ms !important;
transition-duration: 400ms !important;
}
.swiper-slider--qtgbs .swiper-container {
width: 100%;
}
.swiper-slider--qtgbs .swiper-slide {
width: auto;
}
.qtgbs {
margin-top: 45px;
margin-bottom: 35px;
}
.qtgbs:first-child {
margin-top: 0;
}
@media (max-width: 1023px) {
.qtgbs {
margin-top: 10px;
margin-bottom: 15px;
}
}
.qtgbs:last-child {
margin-bottom: 0;
}
.qtgbs__container {
margin-left: -25px;
margin-right: -25px;
}
.qtgbs__container:after {
content: "";
display: table;
clear: both;
}
@media (max-width: 1023px) {
.qtgbs__container {
margin-left: -15px;
margin-right: -15px;
}
}
.qtgbs__inner {
float: left;
width: 100%;
font-size: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.qtgb {
display: inline-block;
vertical-align: top;
width: auto;
font-size: 18px;
line-height: 1.33333;
letter-spacing: 0.06em;
}
.qtgb__inner {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
padding: 25px;
color: #000 !important;
border: 1px solid transparent;
text-decoration: none !important;
-webkit-transition: all 400ms;
-o-transition: all 400ms;
transition: all 400ms;
}
@media (max-width: 1023px) {
.qtgb__inner {
padding: 15px;
}
}
.qtgb.active .qtgb__inner {
border-color: #d0131f;
}
.qtgb__meta {
position: relative;
z-index: 1;
width: 190px;
cursor: pointer;
}
@media (max-width: 1023px) {
.qtgb__meta {
width: 170px;
}
}
.qtgb__image {
max-width: 190px;
max-height: 235px;
margin-top: 25px;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transition: all 400ms;
-o-transition: all 400ms;
transition: all 400ms;
}
.qtgb__image:first-child {
margin-top: 0;
}
@media (max-width: 1023px) {
.qtgb__image {
max-width: 170px;
max-height: 210px;
}
}
.qtgb.active .qtgb__image {
-webkit-filter: none;
filter: none;
}
.qtgb__image img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
}
.qtgb__content {
position: relative;
font-size: 16px;
line-height: 1.5;
width: 0 !important;
min-width: 0 !important;
max-width: none !important;
-webkit-box-sizing: content-box;
box-sizing: content-box;
padding-right: 10px;
margin-right: -10px;
overflow: hidden;
-webkit-transition: width 400ms;
-o-transition: width 400ms;
transition: width 400ms;
}
.qtgb__content:before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 30px;
background-color: #fff;
content: '';
}
.qtgb.active .qtgb__content {
width: 460px !important;
}
@media (max-width: 1023px) {
.qtgb.active .qtgb__content {
width: 360px !important;
}
}
@media (max-width: 479px) {
.qtgb.active .qtgb__content {
width: 310px !important;
width: calc(100vw - 10px) !important;
}
}
.qtgb__content-scroll {
width: 470px;
padding-left: 40px;
padding-right: 50px;
max-height: 380px;
overflow-y: auto;
overflow-x: hidden;
}
@media (max-width: 1023px) {
.qtgb__content-scroll {
width: 370px;
max-height: 336px;
padding-left: 20px;
padding-right: 30px;
}
}
@media (max-width: 479px) {
.qtgb__content-scroll {
width: 320px;
width: calc(88vw) !important;
}
}
.qtgb__title {
position: relative;
margin-top: 15px;
height: 140px;
}
@media (max-width: 1023px) {
.qtgb__title {
height: 106px;
}
}
.qtgb__title:first-child {
margin-top: -5px;
}
.qtgb__title .btn--link {
font-size: 36px;
line-height: 1.11111;
}
@media (max-width: 1023px) {
.qtgb__title .btn--link {
font-size: 30px;
line-height: 1.2;
}
}
.qtgb__track {
top: 40px;
right: 10px;
opacity: 0;
-webkit-transition: opacity 400ms;
-o-transition: opacity 400ms;
transition: opacity 400ms;
}
@media (max-width: 1023px) {
.qtgb__track {
top: 30px;
right: 15px;
}
}
.qtgb.active .qtgb__track {
opacity: 1;
}
.qtgb__close {
position: absolute;
top: 20px;
right: 10px;
height: 30px;
width: 30px;
line-height: 30px;
text-align: center;
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;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 24px;
letter-spacing: 0;
color: #1a4389;
background: transparent;
text-decoration: none;
cursor: pointer;
opacity: 0;
-webkit-transition: all 400ms;
-o-transition: all 400ms;
transition: all 400ms;
}
@media (max-width: 1023px) {
.qtgb__close {
top: 10px;
right: 5px;
}
}
.qtgb.active .qtgb__close {
opacity: 1;
}
.bvideo {
position: relative;
cursor: pointer;
background-color: #afc6df;
color: #fff;
margin-top: 20px;
}
.bvideo:first-child {
margin-top: 0;
}
.bvideo__video {
position: relative;
background-color: #000;
padding-bottom: 56.25%;
overflow: hidden;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.5s, visibility 0s 0.5s;
-o-transition: all 0.5s, visibility 0s 0.5s;
transition: all 0.5s, visibility 0s 0.5s;
}
.bvideo__video video, .bvideo__video iframe {
position: absolute;
top: 0;
left: -99999px;
width: 100%;
height: 100%;
}
.bvideo__poster {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: center center no-repeat;
background-size: cover;
visibility: visible;
opacity: 1;
-webkit-transition: all 0.5s, visibility 0s;
-o-transition: all 0.5s, visibility 0s;
transition: all 0.5s, visibility 0s;
}
.bvideo__icon {
position: absolute;
top: 50%;
left: 50%;
margin: -50px 0 0 -50px;
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;
height: 100px;
width: 100px;
line-height: 100px;
text-align: center;
font-size: 87px;
visibility: visible;
opacity: 1;
-webkit-transition: all 0.5s, visibility 0s;
-o-transition: all 0.5s, visibility 0s;
transition: all 0.5s, visibility 0s;
}
@media (max-width: 767px) {
.bvideo__icon {
font-size: 48px;
}
}
.bvideo.active {
cursor: default;
}
.bvideo.active .bvideo__video {
visibility: visible;
opacity: 1;
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.bvideo.active .bvideo__video video, .bvideo.active .bvideo__video iframe {
left: 0;
}
.bvideo.active .bvideo__poster {
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.5s, visibility 0s 0.5s;
-o-transition: all 0.5s, visibility 0s 0.5s;
transition: all 0.5s, visibility 0s 0.5s;
}
.bvideo.active .bvideo__icon {
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.5s, visibility 0s 0.5s;
-o-transition: all 0.5s, visibility 0s 0.5s;
transition: all 0.5s, visibility 0s 0.5s;
}
.swiper-slider--ltgbs {
width: 100%;
}
.swiper-slider--ltgbs .swiper-container {
width: 100%;
}
.swiper-slider--ltgbs .swiper-slide {
width: 100%;
}
.ltgbs {
margin-top: 30px;
}
.ltgbs:first-child {
margin-top: 0;
}
.ltgbs__container {
margin: 0 -20px;
}
.ltgbs__container:after {
content: "";
display: table;
clear: both;
}
@media (max-width: 1259px) {
.ltgbs__container {
margin: 0 -15px;
}
}
@media (max-width: 359px) {
.ltgbs__container {
margin: 0 -10px;
}
}
.ltgbs__inner {
float: left;
width: 100%;
font-size: 0;
margin: -20px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media (max-width: 1259px) {
.ltgbs__inner {
margin: -15px 0;
}
}
@media (max-width: 359px) {
.ltgbs__inner {
margin: -10px 0;
}
}
.ltgb {
display: inline-block;
vertical-align: top;
width: 100%;
max-width: 270px;
padding: 20px;
font-size: 18px;
line-height: 1.33333;
letter-spacing: 0.06em;
}
@media (max-width: 1259px) {
.ltgb {
max-width: 195px;
padding: 15px;
}
}
@media (max-width: 413px) {
.ltgb {
max-width: 130px;
}
}
@media (max-width: 359px) {
.ltgb {
max-width: 120px;
padding: 10px;
}
}
.ltgb__inner {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
padding: 0;
color: #afc6df;
text-decoration: none !important;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.ltgb__inner .icon {
width: 1.82609em;
font-size: 115px;
}
@media (max-width: 1259px) {
.ltgb__inner .icon {
font-size: 83px;
}
}
@media (max-width: 413px) {
.ltgb__inner .icon {
font-size: 50px;
}
}
a.ltgb__inner:hover {
color: #1a0f40;
}
a.ltgb__inner:active {
color: #1a0f40;
}
.sdropdown {
position: relative;
display: inline-block;
letter-spacing: 0.06em;
cursor: default;
z-index: 0;
}
.sdropdown:hover {
color: #fff;
}
.sdropdown:hover .sdropdown__list {
visibility: visible;
opacity: 1;
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.sdropdown.focused {
color: #fff;
}
.sdropdown.focused .sdropdown__list {
visibility: visible;
opacity: 1;
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.sdropdown__current {
position: relative;
text-decoration: underline;
z-index: 2;
}
.sdropdown__list {
position: absolute;
top: -5px;
left: -12px;
padding: 10px 12px 7px;
z-index: 1;
background-color: #1a4389;
color: #fff;
white-space: nowrap;
visibility: hidden;
opacity: 0;
-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;
}
.sdropdown__list ul {
padding-top: 1.5em;
}
.sdropdown__list li {
margin-top: 5px;
}
.sdropdown__list li:first-child {
margin-top: 0;
}
.sdropdown__list a {
color: inherit;
text-decoration: none;
}
.sfilters {
position: relative;
z-index: 2;
margin-top: 15px;
margin-right: -20px;
margin-bottom: -15px;
}
.sfilters:first-child {
margin-top: 0;
}
.sfilter {
display: inline-block;
vertical-align: top;
margin-right: 20px;
margin-bottom: 15px;
font-size: 18px;
line-height: 1.16667;
letter-spacing: 0.06em;
text-decoration: none;
}
.sfilter--alternative {
display: none;
}
@media (max-width: 1350px) {
.sfilter--tablet-hide {
display: none;
}
}
.sfilter--tablet-show {
display: none;
}
@media (max-width: 1350px) {
.sfilter--tablet-show {
display: block;
}
}
@media (max-width: 1023px) {
.sfilter--tablet-small-hide {
display: none;
}
}
.sfilter--tablet-small-show {
display: none;
}
@media (max-width: 1023px) {
.sfilter--tablet-small-show {
display: block;
}
}
@media (max-width: 1023px) {
.sfilter--mobile-hide {
display: none;
}
}
.sfilter--mobile-show {
display: none;
}
@media (max-width: 1023px) {
.sfilter--mobile-show {
display: block;
}
}
.sfilter--more .sfilter__inner {
position: relative;
color: #afc6df !important;
}
.sfilter--more .sfilter__inner:before {
position: absolute;
top: -5px;
right: -5px;
bottom: -5px;
left: -5px;
content: '';
}
.sfilter--more .sfilter__inner:after {
visibility: visible;
margin-left: 0;
content: '>';
}
.sfilter--more .sfilter__inner.active:after {
content: '<';
}
.sfilter.active {
display: inline-block;
}
.sfilter__inner {
text-decoration: none;
color: #afc6df;
}
.sfilter__inner:after {
visibility: hidden;
display: inline;
margin-left: -3px;
content: '\00a0\00a0X';
}
.sfilter__inner.active {
color: #1a4389;
}
.sfilter__inner.active:after {
visibility: visible;
}
.sfilter__inner[data-filter='']:after {
visibility: hidden;
}
.sfilter .sdropdown__current {
color: #afc6df;
}
.sfilter .sdropdown__list {
right: -12px;
left: auto;
text-align: right;
padding-right: 8px;
}
.sfilter .sdropdown__list-link:after {
visibility: hidden;
display: inline;
margin-left: -3px;
content: '\00a0\00a0X';
}
.sfilter .sdropdown__list-link.active:after {
visibility: visible;
}
.sfilter--new .sfilter__inner {
color: #d0131f;
}
.sfilter--new .sfilter__inner.active {
color: #d0131f;
}
.sfilter--new .sfilter__inner.active span {
text-decoration: underline;
}
.swiper-slider--projects {
margin-top: 20px;
margin-left: -40px;
margin-right: -40px;
}
.swiper-slider--projects:first-child {
margin-top: 0;
}
@media (max-width: 1900px) {
.swiper-slider--projects {
margin-left: -30px;
margin-right: -30px;
}
}
@media (max-width: 1350px) {
.swiper-slider--projects {
margin-left: -20px;
margin-right: -20px;
}
}
@media (max-width: 1259px) {
.swiper-slider--projects {
margin-left: -15px;
margin-right: -15px;
}
}
@media (max-width: 359px) {
.swiper-slider--projects {
margin-left: -10px;
margin-right: -10px;
}
}
.swiper-slider--projects .swiper-slide {
width: auto;
}
@media (max-width: 479px) {
.swiper-slider--projects .swiper-slide {
width: 100%;
}
}
.projects {
position: relative;
display: inline-block;
vertical-align: top;
min-width: 100%;
margin-top: 20px;
}
.projects:first-child {
margin-top: 0;
}
.projects__container {
margin: 0 -10px;
width: auto;
max-width: none;
}
.projects__container:after {
content: "";
display: table;
clear: both;
}
.projects__inner {
position: relative;
float: left;
margin: -10px 0;
min-width: 100%;
min-height: 670px;
}
@media (max-width: 479px) {
.projects__inner {
min-height: 0;
}
}
.project {
float: left;
width: 300px;
padding: 10px;
}
@media (max-width: 479px) {
.project {
float: none;
display: block;
width: auto !important;
margin-left: 0 !important;
margin-top: 0 !important;
}
}
.project__inner {
display: block;
position: relative;
text-decoration: none;
}
.project__inner.focused .project__overlay {
opacity: 1;
visibility: visible;
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.project__inner:hover .project__overlay {
opacity: 1;
visibility: visible;
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.project[data-filter] {
display: none;
}
.project[data-filter].active {
display: block;
}
.project__image {
position: relative;
padding-bottom: 100%;
background: #afc6df center center no-repeat;
background-size: cover;
overflow: hidden;
}
.project__image.img-to-bg {
opacity: 0;
-webkit-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.project__image.img-to-bg-lazy-loaded {
opacity: 1;
}
.project__image img {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
visibility: hidden;
z-index: -1;
}
.project__overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 20px 20px;
font-size: 18px;
line-height: 1.16667;
letter-spacing: 0.06em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background-color: rgba(36, 56, 117, 0.8);
color: #fff;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.2s, visibility 0s 0.2s;
-o-transition: all 0.2s, visibility 0s 0.2s;
transition: all 0.2s, visibility 0s 0.2s;
}
.project__title {
font-size: 18px;
line-height: 1.16667;
font-weight: 400;
letter-spacing: 0.06em;
margin-top: 15px;
}
.project__title:first-child {
margin-top: 0;
}
.project__tags {
margin-top: auto;
padding-top: 15px;
}
.project__tags:first-child {
padding-top: 0;
}
.project__tags .sfilters {
margin-right: -15px;
margin-bottom: -10px;
}
.project__tags .sfilter {
margin-right: 15px;
margin-bottom: 10px;
}
.project__tags .sfilter__inner {
position: relative;
text-decoration: underline;
color: inherit;
}
.project__tags .sfilter__inner:before {
position: absolute;
top: -10px;
right: -10px;
bottom: -10px;
left: -10px;
content: '';
}
.project__tags .sfilter__inner:after {
display: none;
}
.project__tags .sfilter--new .sfilter__inner {
color: #d0131f;
}
.project--t1 {
width: 330px;
}
.project--t1 .project__image {
padding-bottom: 137.09677%;
}
.project--t2 {
width: 370px;
margin-left: -330px;
margin-top: 445px;
}
.project--t2 .project__image {
padding-bottom: 58.57143%;
}
.project--t3 {
width: 460px;
margin-left: -40px;
}
.project--t3 .project__image {
padding-bottom: 67.04545%;
}
.project--t4 {
width: 420px;
margin-left: -420px;
margin-top: 355px;
}
.project--t4 .project__image {
padding-bottom: 73.75%;
}
@media (max-width: 479px) {
.project {
position: absolute;
top: -99999px;
left: -99999px;
}
.project.to-show-shown {
position: static;
top: auto;
left: auto;
}
}
.nselect {
position: relative;
z-index: 5;
background-color: #fff;
border: 1px solid #1a4389;
color: #afc6df;
padding: 7px 25px 5px 10px;
font-size: 18px;
line-height: 1.16667;
letter-spacing: 0.06em;
margin-top: 20px;
}
.nselect:first-child {
margin-top: 0;
}
.nselect__value {
display: inline-block;
vertical-align: top;
max-width: 100%;
white-space: nowrap;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.nselect:after {
position: absolute;
top: 13px;
right: 12px;
height: 6px;
width: 10px;
background: center center no-repeat;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAARCAMAAAD9uOxFAAAAM1BMVEUAAAAaQooaQooaQooaQooaQooaQooaQooaQooaQooaQooaQooaQooaQooaQooaQooaQoriXR3AAAAAEHRSTlMAAwWrl6aDop2xkY2JR/Z9ndiUwQAAAHpJREFUKM+F0dEOgCAIBVCw0ExN/v9rQ91ihS5e3PVsDBGgeFiUL6IX57lmvgoQM6eZJgECt8lxWj3lenMwfP/qPlQKqblVQoDuQcKBinjIRcBVDE9U12akzcwoP6Oq2odG56Kuwa4pNk2rJffKyy9q6jUbV51Wre98A5ASBv7aBlf+AAAAAElFTkSuQmCC");
background-size: contain;
content: '';
}
.nselect select {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
}
.projects-more {
margin-top: 20px;
font-size: 18px;
line-height: 1.16667;
letter-spacing: 0;
}
.projects-more:first-child {
margin-top: 0;
}
.projects-more a {
color: #d0131f;
}
/*
Крестик закрытия кейса
*/
.o-close {
position: absolute;
top: 10px;
right: 15px;
margin: 0;
z-index: 1;
height: 60px;
width: 60px;
line-height: 60px;
text-align: center;
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;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 24px;
letter-spacing: 0;
color: #1a4389;
background: transparent;
text-decoration: none;
cursor: pointer;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
@media (max-width: 1900px) {
.o-close {
right: 10px;
}
}
@media (max-width: 1350px) {
.o-close {
right: 0;
}
}
@media (max-width: 1259px) {
.o-close {
right: -5px;
}
}
@media (max-width: 767px) {
.o-close {
top: 5px;
}
}
@media (max-width: 359px) {
.o-close {
right: -10px;
}
}
.o-close .icon {
vertical-align: middle;
}
/*
Шапка кейса
*/
.section--case-header {
margin: 0 !important;
padding: 35px 0 50px;
}
@media (max-width: 1259px) {
.section--case-header {
padding-bottom: 35px;
}
}
@media (max-width: 767px) {
.section--case-header {
padding-top: 25px;
padding-bottom: 35px;
}
}
.cheader {
font-size: 21px;
line-height: 1.42857;
letter-spacing: 0.03em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 1023px) {
.cheader {
display: block;
}
}
@media (max-width: 767px) {
.cheader {
font-size: 18px;
line-height: 1.33333;
}
}
.cheader__title {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
max-width: 50%;
font-size: 60px;
line-height: 0.75;
letter-spacing: 0.03em;
text-transform: uppercase;
color: #1a4389;
border-right: 1px solid #1a4389;
padding-right: 40px;
margin-right: 40px;
}
@media (max-width: 1023px) {
.cheader__title {
border-right: none;
padding-right: 0;
margin-right: 0;
max-width: none;
}
}
@media (max-width: 479px) {
.cheader__title {
font-size: 48px;
}
}
.cheader__summary {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
@media (max-width: 1023px) {
.cheader__summary {
margin-top: 20px;
}
.cheader__summary:first-child {
margin-top: 0;
}
}
.cdesc {
margin-top: 70px;
font-size: 18px;
line-height: 1.33333;
letter-spacing: 0;
}
.cdesc:first-child {
margin-top: 0;
}
@media (max-width: 1023px) {
.cdesc {
margin-top: 50px;
}
}
@media (max-width: 767px) {
.cdesc {
font-size: 16px;
line-height: 1.5;
margin-top: 25px;
}
}
/*
Основной блок кейса
*/
.section--case-image {
margin: 0 !important;
padding: 75px 0 200px;
background-color: #888;
color: rgba(255, 255, 255, 0.75);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
min-height: 900px;
}
@media (max-width: 1900px) {
.section--case-image {
min-height: 640px;
padding: 65px 0 45px;
}
}
@media (max-width: 1259px) {
.section--case-image {
min-height: 480px;
padding: 30px 0;
}
}
@media (max-width: 767px) {
.section--case-image {
min-height: 105vw;
}
}
@media (max-width: 479px) {
.section--case-image {
min-height: 100vw;
}
}
@media (max-width: 359px) {
.section--case-image {
padding: 20px 0;
}
}
.section--case-image .section__bg {
background-size: auto 100%;
background-position: right center;
}
@media (max-width: 1023px) {
.section--case-image .section__bg {
background-position: right -240px center;
}
}
@media (max-width: 767px) {
.section--case-image .section__bg {
background-position: left 15px center;
}
}
@media (max-width: 359px) {
.section--case-image .section__bg {
background-position: left 10px center;
}
}
.section--case-image a {
color: #fff;
}
.cimage {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 18px;
line-height: 1.33333;
letter-spacing: 0;
}
.cimage__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: justify;
-ms-flex-pack: justify;
justify-content: space-between;
max-width: 480px;
}
@media (max-width: 1900px) {
.cimage__inner {
max-width: 380px;
}
}
@media (max-width: 1259px) {
.cimage__inner {
max-width: 280px;
}
}
@media (max-width: 767px) {
.cimage__logo img {
height: auto;
width: auto;
max-width: 160px;
max-height: 160px;
}
}
@media (max-width: 639px) {
.cimage__logo img {
max-width: 120px;
max-height: 120px;
}
}
@media (max-width: 359px) {
.cimage__logo img {
max-width: 80px;
max-height: 80px;
}
}
.cimage__summary {
padding-top: 50px;
margin: auto 0;
}
@media (max-width: 1900px) {
.cimage__summary {
padding-top: 40px;
margin-bottom: 0;
}
}
@media (max-width: 1259px) {
.cimage__summary {
padding-top: 20px;
}
}
/*
Статистика в цифрах
*/
.section--case-results {
margin: 0 !important;
padding: 90px 0 125px;
}
@media (max-width: 1900px) {
.section--case-results {
padding: 55px 0 60px;
}
}
@media (max-width: 479px) {
.section--case-results {
padding: 40px 0 50px;
}
}
.section--case-results .section__bg {
background-size: 100% auto;
background-position: center bottom -50px;
}
@media (max-width: 1259px) {
.section--case-results .section__bg {
background-position: center 65%;
}
}
@media (max-width: 1023px) {
.section--case-results .section__bg {
background-size: auto 250px;
background-position: 10% 50%;
}
}
.rtgbs {
margin: 0 -15px;
margin-top: 70px;
}
.rtgbs:first-child {
margin-top: 0;
}
.rtgbs:after {
content: "";
display: table;
clear: both;
}
.rtgbs__inner {
float: left;
width: 100%;
margin: -20px 0;
font-size: 0;
letter-spacing: 0;
}
.rtgb {
display: inline-block;
vertical-align: top;
width: 25%;
padding: 20px 15px;
font-size: 21px;
line-height: 1.42857;
letter-spacing: 0.03em;
text-align: center;
}
@media (max-width: 1023px) {
.rtgb {
width: 50%;
}
}
@media (max-width: 479px) {
.rtgb {
width: 100%;
}
}
.rtgb__title {
margin-top: 5px;
font-size: 72px;
font-weight: 700;
line-height: 0.85;
letter-spacing: 0.03em;
color: #1a4389;
}
.rtgb__title:first-child {
margin-top: 0;
}
.rtgb__summary {
margin-top: 5px;
}
.rtgb__summary:first-child {
margin-top: 0;
}
/*
Отзыв в кейсе
*/
.section--case-testimonial {
background-color: #888;
color: #fff;
margin: 0 !important;
padding: 0;
}
.section--case-testimonial a {
color: #fff;
}
.cttgb {
display: inline-block;
vertical-align: top;
width: 100%;
font-size: 18px;
line-height: 1.33333;
letter-spacing: 0;
}
@media (max-width: 479px) {
.cttgb {
font-size: 16px;
line-height: 1.5;
}
}
.cttgb__inner {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
color: rgba(255, 255, 255, 0.75) !important;
text-decoration: none !important;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
@media (max-width: 1023px) {
.cttgb__inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.cttgb__image {
position: relative;
width: 53%;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-item-align: start;
align-self: flex-start;
background-color: rgba(0, 0, 0, 0.1);
color: rgba(255, 255, 255, 0.75) !important;
}
@media (max-width: 1350px) {
.cttgb__image {
width: 50%;
}
}
@media (max-width: 1023px) {
.cttgb__image {
width: 100%;
}
}
.cttgb__image-inner {
padding-bottom: 76%;
background: center center no-repeat;
background-size: cover;
}
@media (max-width: 1023px) {
.cttgb__image-inner {
padding-bottom: 80%;
}
}
.cttgb__image-inner img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
visibility: hidden;
}
.cttgb__image-inner.img-to-bg {
opacity: 0;
-webkit-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.cttgb__image-inner.img-to-bg-lazy-loaded {
opacity: 1;
}
.cttgb__icon {
margin-left: -70px;
}
@media (max-width: 1350px) {
.cttgb__icon {
margin-left: -130px;
margin-bottom: -115px;
}
}
@media (max-width: 479px) {
.cttgb__icon {
margin-left: -113px;
}
}
.cttgb__icon .icon {
font-size: 76px;
color: rgba(255, 255, 255, 0.75) !important;
}
.cttgb__content {
position: relative;
-ms-flex-negative: 1;
flex-shrink: 1;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding: 95px;
}
@media (max-width: 1900px) {
.cttgb__content {
padding: 45px;
}
}
@media (max-width: 1350px) {
.cttgb__content {
padding: 25px 45px 25px 85px;
}
}
@media (max-width: 1023px) {
.cttgb__content {
padding-top: 45px;
padding-bottom: 45px;
}
}
@media (max-width: 479px) {
.cttgb__content {
padding: 40px 15px 40px 65px;
}
}
@media (max-width: 359px) {
.cttgb__content {
padding-right: 10px;
}
}
.cttgb__content-inner {
max-width: 560px;
}
.cttgb__title {
position: relative;
margin-top: 20px;
font-size: 24px;
line-height: 1;
letter-spacing: 0;
color: rgba(255, 255, 255, 0.85) !important;
}
.cttgb__title:first-child {
margin-top: 0;
}
@media (max-width: 479px) {
.cttgb__title {
font-size: 21px;
line-height: 1.14286;
margin-top: 10px;
margin-left: -50px;
}
}
@media (max-width: 359px) {
.cttgb__title {
margin-left: -55px;
}
}
.cttgb__sign {
margin-top: 30px;
height: 100px;
}
.cttgb__sign:first-child {
margin-top: 0;
}
@media (max-width: 1350px) {
.cttgb__sign {
margin-top: 0;
height: 50px;
text-align: right;
}
}
@media (max-width: 479px) {
.cttgb__sign {
margin-top: 10px;
height: 45px;
}
}
.cttgb__sign img {
display: inline-block;
vertical-align: top;
height: auto;
width: auto;
max-width: 100%;
max-height: 100%;
}
.cttgb__summary {
margin-top: 30px;
}
.cttgb__summary:first-child {
margin-top: 0;
}
/*
Навигация между кейсами (стрелки)
*/
.section--case-nav {
margin: 0 !important;
padding: 30px 0 35px;
}
@media (max-width: 1350px) {
.section--case-nav {
padding: 20px 0 25px;
}
}
@media (max-width: 767px) {
.section--case-nav {
padding: 45px 10px;
}
}
.section--case-nav + .floatbar {
bottom: 120px;
}
@media (max-width: 767px) {
.section--case-nav + .floatbar {
bottom: 135px;
}
}
@media (max-width: 767px) {
.cols-wrapper--case-nav > .cols {
display: block;
}
}
@media (max-width: 767px) {
.cols-wrapper--case-nav > .cols > .col {
display: block;
margin-top: 15px;
text-align: center;
}
.cols-wrapper--case-nav > .cols > .col:first-child {
margin-top: 0;
}
}
.cols-wrapper--case-nav > .cols > .col:last-child {
text-align: right;
}
@media (max-width: 767px) {
.cols-wrapper--case-nav > .cols > .col:last-child {
text-align: center;
}
}
/*
Common property classes
*/
.relative {
position: relative;
}
.sticky {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 10;
width: 100%;
}
.inline {
display: inline;
}
.inline-block {
display: inline-block;
}
.overflow-hidden {
overflow: hidden;
}
.reset-margin {
margin: 0;
}
.margin-auto {
margin-left: auto;
margin-right: auto;
}
.hidden-absolute {
position: absolute;
top: -9999px;
left: -9999px;
}
.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;
}
}
.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;
}
.no-text-transform {
text-transform: none;
}
.uppercase {
text-transform: uppercase;
}
.underline {
text-decoration: underline;
}
.nounderline {
text-decoration: none;
}
.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;
}
.color-white {
color: #fff;
}
.color-inherit-important {
color: inherit !important;
}
.color-default {
color: #000;
}
.color-default-muted {
color: #777;
}
.color-active {
color: #1a4389;
}
.color-active-muted {
color: #afc6df;
}
.font-0 {
font-size: 0;
}
.font-1rem {
font-size: 1rem;
}
.font-small {
font-size: 12px;
}
.font-smaller {
font-size: 14px;
}
.font-normal {
font-size: 16px;
}
.font-larger {
font-size: 18px;
}
.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;
}
.ml10 {
margin-left: 10px;
}
.mt0 {
margin-top: 0;
}
.mt5 {
margin-top: 5px;
}
.mt10 {
margin-top: 10px;
}
.mt15 {
margin-top: 15px;
}
.mt20 {
margin-top: 20px;
}
.mt25 {
margin-top: 25px;
}
.mt30 {
margin-top: 30px;
}
.mt40 {
margin-top: 40px;
}
.mt50 {
margin-top: 50px;
}
.minw280 {
min-width: 280px;
}
.minw100percent {
min-width: 100%;
}
.mw350 {
max-width: 350px;
}
.mw400 {
max-width: 400px;
}
.mw540 {
max-width: 540px;
}
.mw640 {
max-width: 640px;
}
.mw720 {
max-width: 720px;
}
.mw800 {
max-width: 800px;
}
.mw940 {
max-width: 940px;
}
.mw1600 {
max-width: 1600px;
}
.flex-nowrap {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
/*# sourceMappingURL=style.css.map */
/*# sourceMappingURL=build.css.map */
/** keysy-blog **/
div.entry-content{
margin:20px;
}
div.gm-otzyv-blog{
display: flex;
}
div.gw-post-blog-none{
display: none;
}
div.gm-exert-blog{
font-weight: 600;
}
div#keys-gm-post h2{
font-size: 33px;
}
div#keys-gm-post ul{
display: flex;
margin-top: 20px;
}
div#keys-gm-post ul li{
margin-top: 0;
}
div#keys-gm-post ul li:before {
content: "";
}
div#keys-gm-post ul li {
border-left: 2px solid #f7be68; /* Параметры линии */
margin-left: 20px; /* Отступ слева */
padding-left: 10px; /* Расстояние от линии до текста */
}
div#keys-gm-post ul li:nth-child(1) {
margin-left: 0px;
}
span.post-ratings>img:nth-child(1){
/* height: 60px;
padding-top: 23px;
padding-right: 2px; */
}
span.post-ratings>img:nth-child(2){
/* height: 59px;
padding-bottom: 14px; */
}
div.entry-meta-gm{
margin-top: 15px;
padding-left: 0px;
padding-right: 15px;
}
span.posted-on-com-gm{
float: right;
}
.telega-gm-bord{
}
.gm-otzyv-blog.gm-blog .posted-on-blog-gm .posted-on{
margin-top: 10px;
}
.telega-gm-bord:before{
content: "";
border-color: #f7be68;
border-left-style: solid;
position: absolute;
padding-top: 113vh;
margin-top: 131px;
}
.gm-otzyv-blog.vc_gitem-col{
padding: 0px !important;
}
.post-gm-blog .vc_gitem-col
{
padding: 0px !important;
}
.post-gm-blog{
font-size: 14px;
}
.post-gm-blog .vc_gitem_row:nth-child(2){
display: flex;
font-size: 10px !important;
}
.vc_gitem-post-data {
margin-bottom: 5px !important;
}
.post-gm-blog .vc_gitem_row:nth-child(2) .vc_grid-filter-item{
font-size: 10px !important;
}
.post-gm-blog .vc_grid-filter {
margin-bottom: 4px !important;
}
.posted-on-blog-gm{
display: flex;
}
.post-cat-gm{
}
.typcn-plus:before {
font-size: 2.5em !important;
padding-left: 20px;
color: #f7be68;
}
.anycomment-form-body-outliner{
border-color: #f7be68 !important;
border-left-width: 3px !important;
}
.anycomment-form__inputs-item input[type=text]#anycomment-author-name{
border-color: #f7be68 !important;
border-left-width: 3px !important;
}
.anycomment.comment-single:before{
}
ul li.vc_grid-filter-item:before{
content: "" !important;
border-left: 2px solid #f7be68; /* Параметры линии */
margin-left: 0px; /* Отступ слева */
padding-left: 10px; /* Расстояние от линии до текста */
}
.vc_grid-filter {
margin-left: 10px !important;
}
div.title-post-gm{
font-weight: 600;
max-width: 260px;
}
.keysy-blog-gm{
max-width: 300px;
}
.keysy-blog-gm .posted-on-blog-gm {
margin-top: 19px;
}
.keysy-blog-gm .vc_gitem-post-data-source-post_date{
font-size: 14px;
}
.post-excerpt-gm,.post-gm-title{
width: inherit !important;
}
.vc_grid-filter.vc_grid-filter-filled-rounded.vc_grid-filter-color-orange>.vc_grid-filter-item, .vc_grid-filter.vc_grid-filter-filled.vc_grid-filter-color-orange>.vc_grid-filter-item {
background-color: #ffff !important;
}
.vc_grid-filter.vc_grid-filter-filled-rounded.vc_grid-filter-color-orange>.vc_grid-filter-item>span, .vc_grid-filter.vc_grid-filter-filled.vc_grid-filter-color-orange>.vc_grid-filter-item>span {
color: #1a4389 !important;
}
#keys-gm-post li.vc_active span, #keys-gm-post li.vc_active a{
color: #f7be68 !important;
}
.flex-control-nav li::before{
content: "";
}
.gm-centr-slide .vc_slide.vc_images_carousel.vc_build{
text-align: center;
}
@media (max-width: 768px){
.post-gm-blog .vc_gitem-col:nth-child(3) {
margin-left: 65%;
}}