/* Start:/local/templates/site-template/css/css.css?1680803002331241*/ @charset "UTF-8"; /*Defaults*/ /*$img: "Images/";*/ @font-face { font-family: "Neutral Regular"; src: url("/local/templates/site-template/css/../fonts/Neutral/Neutral-Regular.eot"); src: local("Neutral Regular"), url("/local/templates/site-template/css/../fonts/Neutral/Neutral-Regular.eot?#iefix") format("embedded-opentype"), url("/local/templates/site-template/css/../fonts/Neutral/Neutral-Regular.woff") format("woff"), url("/local/templates/site-template/css/../fonts/Neutral/Neutral-Regular.ttf") format("truetype"), url("/local/templates/site-template/css/../fonts/Neutral/Neutral-Regular.svg#Neutral-Regular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "NM Numbers"; src: url("/local/templates/site-template/css/../fonts/nmn/NMNumbers-Regular.eot"); src: local("NM Numbers"), url("/local/templates/site-template/css/../fonts/nmn/NMNumbers-Regular.eot?#iefix") format("embedded-opentype"), url("/local/templates/site-template/css/../fonts/nmn/NMNumbers-Regular.woff") format("woff"), url("/local/templates/site-template/css/../fonts/nmn/NMNumbers-Regular.ttf") format("truetype"), url("/local/templates/site-template/css/../fonts/nmn/NMNumbers-Regular.svg#ZNMNumbers-Regular") format("svg"); font-weight: normal; font-style: normal; text-transform: uppercase; } @font-face { font-family: "ZhivagoDisplay"; src: url("/local/templates/site-template/css/../fonts/ZhivagoDisplay/ZhivagoDisplay-Regular.eot"); src: local("Zhivago Display Regular"), url("/local/templates/site-template/css/../fonts/ZhivagoDisplay/ZhivagoDisplay-Regular.eot?#iefix") format("embedded-opentype"), url("/local/templates/site-template/css/../fonts/ZhivagoDisplay/ZhivagoDisplay-Regular.woff") format("woff"), url("/local/templates/site-template/css/../fonts/ZhivagoDisplay/ZhivagoDisplay-Regular.ttf") format("truetype"), url("/local/templates/site-template/css/../fonts/ZhivagoDisplay/ZhivagoDisplay-Regular.svg#ZhivagoDisplay-Regular") format("svg"); font-weight: normal; font-style: normal; text-transform: uppercase; } @font-face { font-family: "rouble"; src: url("/local/templates/site-template/css/../fonts/rub/rouble.eot"); src: url("/local/templates/site-template/css/../fonts/rub/rouble.eot?#iefix") format("embedded-opentype"), url("/local/templates/site-template/css/../fonts/rub/rouble.woff") format("woff"), url("/local/templates/site-template/css/../fonts/rub/rouble.otf") format("otf"), url("/local/templates/site-template/css/../fonts/rub/rouble.ttf") format("truetype"); font-weight: normal; font-style: normal; } .rub { font-family: "rouble" !important; display: inline-block; text-transform: none !important; font-style: normal; margin-left: 2px; } .rub:before { content: "a"; } .rub i { display: none; } @font-face { font-family: "IBM Plex Sans"; src: url("/local/templates/site-template/css/../fonts/IBM_Plex_Sans/IBMPlexSans.eot"); src: local("IBM Plex Sans"), url("/local/templates/site-template/css/../fonts/IBM_Plex_Sans/IBMPlexSans.eot?#iefix") format("embedded-opentype"), url("/local/templates/site-template/css/../fonts/IBM_Plex_Sans/IBMPlexSans.woff") format("woff"), url("/local/templates/site-template/css/../fonts/IBM_Plex_Sans/IBMPlexSans.ttf") format("truetype"), url("/local/templates/site-template/css/../fonts/IBM_Plex_Sans/IBMPlexSans.svg#IBMPlexSans") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "IBM Plex Sans"; src: url("/local/templates/site-template/css/../fonts/IBM_Plex_Sans/IBMPlexSans-Bold.eot"); src: local("IBM Plex Sans Bold"), url("/local/templates/site-template/css/../fonts/IBM_Plex_Sans/IBMPlexSans-Bold.eot?#iefix") format("embedded-opentype"), url("/local/templates/site-template/css/../fonts/IBM_Plex_Sans/IBMPlexSans-Bold.woff") format("woff"), url("/local/templates/site-template/css/../fonts/IBM_Plex_Sans/IBMPlexSans-Bold.ttf") format("truetype"), url("/local/templates/site-template/css/../fonts/IBM_Plex_Sans/IBMPlexSans-Bold.svg#IBMPlexSans-Bold") format("svg"); font-weight: bold; font-style: normal; } @font-face { font-family: "IBM Plex Sans"; src: url("/local/templates/site-template/css/../fonts/IBM_Plex_Sans/IBMPlexSans-BoldItalic.eot"); src: local("IBM Plex Sans Bold Italic"), url("/local/templates/site-template/css/../fonts/IBM_Plex_Sans/IBMPlexSans-BoldItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/site-template/css/../fonts/IBM_Plex_Sans/IBMPlexSans-BoldItalic.woff") format("woff"), url("/local/templates/site-template/css/../fonts/IBM_Plex_Sans/IBMPlexSans-BoldItalic.ttf") format("truetype"), url("/local/templates/site-template/css/../fonts/IBM_Plex_Sans/IBMPlexSans-BoldItalic.svg#IBMPlexSans-BoldItalic") format("svg"); font-weight: bold; font-style: italic; } @font-face { font-family: "IBM Plex Sans"; src: url("/local/templates/site-template/css/../fonts/IBM_Plex_Sans/IBMPlexSans-Italic.eot"); src: local("IBM Plex Sans Italic"), url("/local/templates/site-template/css/../fonts/IBM_Plex_Sans/IBMPlexSans-Italic.eot?#iefix") format("embedded-opentype"), url("/local/templates/site-template/css/../fonts/IBM_Plex_Sans/IBMPlexSans-Italic.woff") format("woff"), url("/local/templates/site-template/css/../fonts/IBM_Plex_Sans/IBMPlexSans-Italic.ttf") format("truetype"), url("/local/templates/site-template/css/../fonts/IBM_Plex_Sans/IBMPlexSans-Italic.svg#IBMPlexSans-Italic") format("svg"); font-weight: normal; font-style: italic; } @font-face { font-family: "IBM Plex Sans"; src: url("/local/templates/site-template/css/../fonts/IBM_Plex_Sans/IBMPlexSans-Light.eot"); src: local("IBM Plex Sans Light"), url("/local/templates/site-template/css/../fonts/IBM_Plex_Sans/IBMPlexSans-Light.eot?#iefix") format("embedded-opentype"), url("/local/templates/site-template/css/../fonts/IBM_Plex_Sans/IBMPlexSans-Light.woff") format("woff"), url("/local/templates/site-template/css/../fonts/IBM_Plex_Sans/IBMPlexSans-Light.ttf") format("truetype"), url("/local/templates/site-template/css/../fonts/IBM_Plex_Sans/IBMPlexSans-Light.svg#IBMPlexSans-Light") format("svg"); font-weight: 300; font-style: normal; } @font-face { font-family: "IBM Plex Sans"; src: url("/local/templates/site-template/css/../fonts/IBM_Plex_Sans/IBMPlexSans-LightItalic.eot"); src: local("IBM Plex Sans Light Italic"), url("/local/templates/site-template/css/../fonts/IBM_Plex_Sans/IBMPlexSans-LightItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/site-template/css/../fonts/IBM_Plex_Sans/IBMPlexSans-LightItalic.woff") format("woff"), url("/local/templates/site-template/css/../fonts/IBM_Plex_Sans/IBMPlexSans-LightItalic.ttf") format("truetype"), url("/local/templates/site-template/css/../fonts/IBM_Plex_Sans/IBMPlexSans-LightItalic.svg#IBMPlexSans-LightItalic") format("svg"); font-weight: 300; font-style: italic; } @font-face { font-family: "IBM Plex Sans"; src: url("/local/templates/site-template/css/../fonts/IBM_Plex_Sans/IBMPlexSans-Medium.eot"); src: local("IBM Plex Sans Medium"), url("/local/templates/site-template/css/../fonts/IBM_Plex_Sans/IBMPlexSans-Medium.eot?#iefix") format("embedded-opentype"), url("/local/templates/site-template/css/../fonts/IBM_Plex_Sans/IBMPlexSans-Medium.woff") format("woff"), url("/local/templates/site-template/css/../fonts/IBM_Plex_Sans/IBMPlexSans-Medium.ttf") format("truetype"), url("/local/templates/site-template/css/../fonts/IBM_Plex_Sans/IBMPlexSans-Medium.svg#IBMPlexSans-Medium") format("svg"); font-weight: 500; font-style: normal; } @font-face { font-family: "IBM Plex Sans"; src: url("/local/templates/site-template/css/../fonts/IBM_Plex_Sans/IBMPlexSans-MediumItalic.eot"); src: local("IBM Plex Sans Medium Italic"), url("/local/templates/site-template/css/../fonts/IBM_Plex_Sans/IBMPlexSans-MediumItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/site-template/css/../fonts/IBM_Plex_Sans/IBMPlexSans-MediumItalic.woff") format("woff"), url("/local/templates/site-template/css/../fonts/IBM_Plex_Sans/IBMPlexSans-MediumItalic.ttf") format("truetype"), url("/local/templates/site-template/css/../fonts/IBM_Plex_Sans/IBMPlexSans-MediumItalic.svg#IBMPlexSans-MediumItalic") format("svg"); font-weight: 500; font-style: italic; } @font-face { font-family: "IBM Plex Sans"; src: url("/local/templates/site-template/css/../fonts/IBM_Plex_Sans/IBMPlexSans-SemiBold.eot"); src: local("IBM Plex Sans SemiBold"), url("/local/templates/site-template/css/../fonts/IBM_Plex_Sans/IBMPlexSans-SemiBold.eot?#iefix") format("embedded-opentype"), url("/local/templates/site-template/css/../fonts/IBM_Plex_Sans/IBMPlexSans-SemiBold.woff") format("woff"), url("/local/templates/site-template/css/../fonts/IBM_Plex_Sans/IBMPlexSans-SemiBold.ttf") format("truetype"), url("/local/templates/site-template/css/../fonts/IBM_Plex_Sans/IBMPlexSans-SemiBold.svg#IBMPlexSans-SemiBold") format("svg"); font-weight: 600; font-style: normal; } @font-face { font-family: "IBM Plex Sans"; src: url("/local/templates/site-template/css/../fonts/IBM_Plex_Sans/IBMPlexSans-SemiBoldItalic.eot"); src: local("IBM Plex Sans SemiBold Italic"), url("/local/templates/site-template/css/../fonts/IBM_Plex_Sans/IBMPlexSans-SemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/site-template/css/../fonts/IBM_Plex_Sans/IIBMPlexSans-SemiBoldItalic.woff") format("woff"), url("/local/templates/site-template/css/../fonts/IBM_Plex_Sans/IBMPlexSans-SemiBoldItalic.ttf") format("truetype"), url("/local/templates/site-template/css/../fonts/IBM_Plex_Sans/IBMPlexSans-SemiBoldItalic.svg#IBMPlexSans-SemiBoldItalic") format("svg"); font-weight: 600; font-style: italic; } /*! normalize.css v3.0.0 | MIT License | git.io/normalize */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. * Correct `block` display not defined for `main` in IE 11. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background: transparent; } /** * Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /** * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari and Chrome. */ dfn { font-style: italic; } /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari. */ figure { margin: 1em 40px; } /** * Address differences between Firefox and other browsers. */ hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } /* Forms ========================================================================== */ /** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. */ /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { overflow: visible; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ input { line-height: normal; } /** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ input[type=checkbox], input[type=radio] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height: auto; } /** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome * (include `-moz` to future-proof). */ input[type=search] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none; } /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * Remove default vertical scrollbar in IE 8/9/10/11. */ textarea { overflow: auto; } /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup { font-weight: bold; } /* Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /*! * Bootstrap v3.3.7 (http://getbootstrap.com) * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ .container { /* @include container-fixed; @media (min-width: $screen-sm-min) { width: $container-sm; } @media (min-width: $screen-md-min) { width: $container-md; } @media (min-width: $screen-lg-min) { width: $container-lg; }*/ } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .container-fluid:before, .container-fluid:after { content: " "; display: table; } .container-fluid:after { clear: both; } .row { margin-left: -15px; margin-right: -15px; } .row:before, .row:after { content: " "; display: table; } .row:after { clear: both; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { /* position: relative;*/ min-height: 1px; padding-left: 15px; padding-right: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-1 { width: 8.3333333333%; } .col-xs-2 { width: 16.6666666667%; } .col-xs-3 { width: 25%; } .col-xs-4 { width: 33.3333333333%; } .col-xs-5 { width: 41.6666666667%; } .col-xs-6 { width: 50%; } .col-xs-7 { width: 58.3333333333%; } .col-xs-8 { width: 66.6666666667%; } .col-xs-9 { width: 75%; } .col-xs-10 { width: 83.3333333333%; } .col-xs-11 { width: 91.6666666667%; } .col-xs-12 { width: 100%; } .col-xs-pull-0 { right: auto; } .col-xs-pull-1 { right: 8.3333333333%; } .col-xs-pull-2 { right: 16.6666666667%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-4 { right: 33.3333333333%; } .col-xs-pull-5 { right: 41.6666666667%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-7 { right: 58.3333333333%; } .col-xs-pull-8 { right: 66.6666666667%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-10 { right: 83.3333333333%; } .col-xs-pull-11 { right: 91.6666666667%; } .col-xs-pull-12 { right: 100%; } .col-xs-push-0 { left: auto; } .col-xs-push-1 { left: 8.3333333333%; } .col-xs-push-2 { left: 16.6666666667%; } .col-xs-push-3 { left: 25%; } .col-xs-push-4 { left: 33.3333333333%; } .col-xs-push-5 { left: 41.6666666667%; } .col-xs-push-6 { left: 50%; } .col-xs-push-7 { left: 58.3333333333%; } .col-xs-push-8 { left: 66.6666666667%; } .col-xs-push-9 { left: 75%; } .col-xs-push-10 { left: 83.3333333333%; } .col-xs-push-11 { left: 91.6666666667%; } .col-xs-push-12 { left: 100%; } .col-xs-offset-0 { margin-left: 0%; } .col-xs-offset-1 { margin-left: 8.3333333333%; } .col-xs-offset-2 { margin-left: 16.6666666667%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-4 { margin-left: 33.3333333333%; } .col-xs-offset-5 { margin-left: 41.6666666667%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-7 { margin-left: 58.3333333333%; } .col-xs-offset-8 { margin-left: 66.6666666667%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-10 { margin-left: 83.3333333333%; } .col-xs-offset-11 { margin-left: 91.6666666667%; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-right-0 { margin-right: 0%; } .col-xs-offset-right-1 { margin-right: 8.3333333333%; } .col-xs-offset-right-2 { margin-right: 16.6666666667%; } .col-xs-offset-right-3 { margin-right: 25%; } .col-xs-offset-right-4 { margin-right: 33.3333333333%; } .col-xs-offset-right-5 { margin-right: 41.6666666667%; } .col-xs-offset-right-6 { margin-right: 50%; } .col-xs-offset-right-7 { margin-right: 58.3333333333%; } .col-xs-offset-right-8 { margin-right: 66.6666666667%; } .col-xs-offset-right-9 { margin-right: 75%; } .col-xs-offset-right-10 { margin-right: 83.3333333333%; } .col-xs-offset-right-11 { margin-right: 91.6666666667%; } .col-xs-offset-right-12 { margin-right: 100%; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-1 { width: 8.3333333333%; } .col-sm-2 { width: 16.6666666667%; } .col-sm-3 { width: 25%; } .col-sm-4 { width: 33.3333333333%; } .col-sm-5 { width: 41.6666666667%; } .col-sm-6 { width: 50%; } .col-sm-7 { width: 58.3333333333%; } .col-sm-8 { width: 66.6666666667%; } .col-sm-9 { width: 75%; } .col-sm-10 { width: 83.3333333333%; } .col-sm-11 { width: 91.6666666667%; } .col-sm-12 { width: 100%; } .col-sm-pull-0 { right: auto; } .col-sm-pull-1 { right: 8.3333333333%; } .col-sm-pull-2 { right: 16.6666666667%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-4 { right: 33.3333333333%; } .col-sm-pull-5 { right: 41.6666666667%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-7 { right: 58.3333333333%; } .col-sm-pull-8 { right: 66.6666666667%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-10 { right: 83.3333333333%; } .col-sm-pull-11 { right: 91.6666666667%; } .col-sm-pull-12 { right: 100%; } .col-sm-push-0 { left: auto; } .col-sm-push-1 { left: 8.3333333333%; } .col-sm-push-2 { left: 16.6666666667%; } .col-sm-push-3 { left: 25%; } .col-sm-push-4 { left: 33.3333333333%; } .col-sm-push-5 { left: 41.6666666667%; } .col-sm-push-6 { left: 50%; } .col-sm-push-7 { left: 58.3333333333%; } .col-sm-push-8 { left: 66.6666666667%; } .col-sm-push-9 { left: 75%; } .col-sm-push-10 { left: 83.3333333333%; } .col-sm-push-11 { left: 91.6666666667%; } .col-sm-push-12 { left: 100%; } .col-sm-offset-0 { margin-left: 0%; } .col-sm-offset-1 { margin-left: 8.3333333333%; } .col-sm-offset-2 { margin-left: 16.6666666667%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-4 { margin-left: 33.3333333333%; } .col-sm-offset-5 { margin-left: 41.6666666667%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-7 { margin-left: 58.3333333333%; } .col-sm-offset-8 { margin-left: 66.6666666667%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-10 { margin-left: 83.3333333333%; } .col-sm-offset-11 { margin-left: 91.6666666667%; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-right-0 { margin-right: 0%; } .col-sm-offset-right-1 { margin-right: 8.3333333333%; } .col-sm-offset-right-2 { margin-right: 16.6666666667%; } .col-sm-offset-right-3 { margin-right: 25%; } .col-sm-offset-right-4 { margin-right: 33.3333333333%; } .col-sm-offset-right-5 { margin-right: 41.6666666667%; } .col-sm-offset-right-6 { margin-right: 50%; } .col-sm-offset-right-7 { margin-right: 58.3333333333%; } .col-sm-offset-right-8 { margin-right: 66.6666666667%; } .col-sm-offset-right-9 { margin-right: 75%; } .col-sm-offset-right-10 { margin-right: 83.3333333333%; } .col-sm-offset-right-11 { margin-right: 91.6666666667%; } .col-sm-offset-right-12 { margin-right: 100%; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-1 { width: 8.3333333333%; } .col-md-2 { width: 16.6666666667%; } .col-md-3 { width: 25%; } .col-md-4 { width: 33.3333333333%; } .col-md-5 { width: 41.6666666667%; } .col-md-6 { width: 50%; } .col-md-7 { width: 58.3333333333%; } .col-md-8 { width: 66.6666666667%; } .col-md-9 { width: 75%; } .col-md-10 { width: 83.3333333333%; } .col-md-11 { width: 91.6666666667%; } .col-md-12 { width: 100%; } .col-md-pull-0 { right: auto; } .col-md-pull-1 { right: 8.3333333333%; } .col-md-pull-2 { right: 16.6666666667%; } .col-md-pull-3 { right: 25%; } .col-md-pull-4 { right: 33.3333333333%; } .col-md-pull-5 { right: 41.6666666667%; } .col-md-pull-6 { right: 50%; } .col-md-pull-7 { right: 58.3333333333%; } .col-md-pull-8 { right: 66.6666666667%; } .col-md-pull-9 { right: 75%; } .col-md-pull-10 { right: 83.3333333333%; } .col-md-pull-11 { right: 91.6666666667%; } .col-md-pull-12 { right: 100%; } .col-md-push-0 { left: auto; } .col-md-push-1 { left: 8.3333333333%; } .col-md-push-2 { left: 16.6666666667%; } .col-md-push-3 { left: 25%; } .col-md-push-4 { left: 33.3333333333%; } .col-md-push-5 { left: 41.6666666667%; } .col-md-push-6 { left: 50%; } .col-md-push-7 { left: 58.3333333333%; } .col-md-push-8 { left: 66.6666666667%; } .col-md-push-9 { left: 75%; } .col-md-push-10 { left: 83.3333333333%; } .col-md-push-11 { left: 91.6666666667%; } .col-md-push-12 { left: 100%; } .col-md-offset-0 { margin-left: 0%; } .col-md-offset-1 { margin-left: 8.3333333333%; } .col-md-offset-2 { margin-left: 16.6666666667%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-4 { margin-left: 33.3333333333%; } .col-md-offset-5 { margin-left: 41.6666666667%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-7 { margin-left: 58.3333333333%; } .col-md-offset-8 { margin-left: 66.6666666667%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-10 { margin-left: 83.3333333333%; } .col-md-offset-11 { margin-left: 91.6666666667%; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-right-0 { margin-right: 0%; } .col-md-offset-right-1 { margin-right: 8.3333333333%; } .col-md-offset-right-2 { margin-right: 16.6666666667%; } .col-md-offset-right-3 { margin-right: 25%; } .col-md-offset-right-4 { margin-right: 33.3333333333%; } .col-md-offset-right-5 { margin-right: 41.6666666667%; } .col-md-offset-right-6 { margin-right: 50%; } .col-md-offset-right-7 { margin-right: 58.3333333333%; } .col-md-offset-right-8 { margin-right: 66.6666666667%; } .col-md-offset-right-9 { margin-right: 75%; } .col-md-offset-right-10 { margin-right: 83.3333333333%; } .col-md-offset-right-11 { margin-right: 91.6666666667%; } .col-md-offset-right-12 { margin-right: 100%; } } @media (min-width: 1400px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-1 { width: 8.3333333333%; } .col-lg-2 { width: 16.6666666667%; } .col-lg-3 { width: 25%; } .col-lg-4 { width: 33.3333333333%; } .col-lg-5 { width: 41.6666666667%; } .col-lg-6 { width: 50%; } .col-lg-7 { width: 58.3333333333%; } .col-lg-8 { width: 66.6666666667%; } .col-lg-9 { width: 75%; } .col-lg-10 { width: 83.3333333333%; } .col-lg-11 { width: 91.6666666667%; } .col-lg-12 { width: 100%; } .col-lg-pull-0 { right: auto; } .col-lg-pull-1 { right: 8.3333333333%; } .col-lg-pull-2 { right: 16.6666666667%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-4 { right: 33.3333333333%; } .col-lg-pull-5 { right: 41.6666666667%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-7 { right: 58.3333333333%; } .col-lg-pull-8 { right: 66.6666666667%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-10 { right: 83.3333333333%; } .col-lg-pull-11 { right: 91.6666666667%; } .col-lg-pull-12 { right: 100%; } .col-lg-push-0 { left: auto; } .col-lg-push-1 { left: 8.3333333333%; } .col-lg-push-2 { left: 16.6666666667%; } .col-lg-push-3 { left: 25%; } .col-lg-push-4 { left: 33.3333333333%; } .col-lg-push-5 { left: 41.6666666667%; } .col-lg-push-6 { left: 50%; } .col-lg-push-7 { left: 58.3333333333%; } .col-lg-push-8 { left: 66.6666666667%; } .col-lg-push-9 { left: 75%; } .col-lg-push-10 { left: 83.3333333333%; } .col-lg-push-11 { left: 91.6666666667%; } .col-lg-push-12 { left: 100%; } .col-lg-offset-0 { margin-left: 0%; } .col-lg-offset-1 { margin-left: 8.3333333333%; } .col-lg-offset-2 { margin-left: 16.6666666667%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-4 { margin-left: 33.3333333333%; } .col-lg-offset-5 { margin-left: 41.6666666667%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-7 { margin-left: 58.3333333333%; } .col-lg-offset-8 { margin-left: 66.6666666667%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-10 { margin-left: 83.3333333333%; } .col-lg-offset-11 { margin-left: 91.6666666667%; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-right-0 { margin-right: 0%; } .col-lg-offset-right-1 { margin-right: 8.3333333333%; } .col-lg-offset-right-2 { margin-right: 16.6666666667%; } .col-lg-offset-right-3 { margin-right: 25%; } .col-lg-offset-right-4 { margin-right: 33.3333333333%; } .col-lg-offset-right-5 { margin-right: 41.6666666667%; } .col-lg-offset-right-6 { margin-right: 50%; } .col-lg-offset-right-7 { margin-right: 58.3333333333%; } .col-lg-offset-right-8 { margin-right: 66.6666666667%; } .col-lg-offset-right-9 { margin-right: 75%; } .col-lg-offset-right-10 { margin-right: 83.3333333333%; } .col-lg-offset-right-11 { margin-right: 91.6666666667%; } .col-lg-offset-right-12 { margin-right: 100%; } } @-ms-viewport { width: device-width; } .visible-xs { display: none !important; } .visible-sm { display: none !important; } .visible-md { display: none !important; } .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table !important; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table !important; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1399px) { .visible-md { display: block !important; } table.visible-md { display: table !important; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1399px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1399px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1399px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1400px) { .visible-lg { display: block !important; } table.visible-lg { display: table !important; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1400px) { .visible-lg-block { display: block !important; } } @media (min-width: 1400px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1400px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1399px) { .hidden-md { display: none !important; } } @media (min-width: 1400px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table !important; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #000; opacity: 0.6; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 20px auto; text-align: left; z-index: 1045; max-width: 100%; } .mfp-content .mfp-text { background: #fff; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5); padding: 70px 98px 50px; width: 1140px; font-weight: 400; font-size: 16px; line-height: 24px; font-family: "IBM Plex Sans", sans-serif; color: #000; box-sizing: border-box; } @media (max-width: 1180px) { .mfp-content .mfp-text { width: 960px; padding: 50px 68px 40px; } } @media (max-width: 990px) { .mfp-content .mfp-text { width: auto; padding: 40px 40px 40px; } } @media (max-width: 600px) { .mfp-content .mfp-text { width: auto; padding: 30px; } } @media (max-width: 480px) { .mfp-content .mfp-text { font-weight: 400; font-size: 14px; line-height: 20px; font-family: "IBM Plex Sans", sans-serif; } } .mfp-content .mfp-text h2 { text-transform: uppercase; font-weight: 400; font-size: 60px; line-height: 60px; font-family: "ZhivagoDisplay"; color: #000; padding: 0 0 10px; border-bottom: 1px solid #BBBBBB; margin: 0 0 40px; } @media (max-width: 750px) { .mfp-content .mfp-text h2 { font-weight: 400; font-size: 40px; line-height: 42px; font-family: "ZhivagoDisplay"; margin: 0 0 30px; } } @media (max-width: 480px) { .mfp-content .mfp-text h2 { font-weight: 400; font-size: 32px; line-height: 34px; font-family: "ZhivagoDisplay"; } } .mfp-content .mfp-text h3 { font-weight: 400; font-size: 18px; line-height: 24px; font-family: "IBM Plex Sans", sans-serif; margin: 50px 0 30px; color: #000; text-transform: none; } @media (max-width: 990px) { .mfp-content .mfp-text h3 { margin: 30px 0 15px; } } .mfp-content .mfp-text p { margin: 0 0 15px; } @media (max-width: 480px) { .mfp-content .mfp-text p { margin: 0 0 10px; } } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { /*cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out;*/ cursor: pointer; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } /*.mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: $mfp-controls-opacity; padding: 0 0 18px 10px; color: $mfp-controls-color; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; &:hover, &:focus { opacity: 1; background-color: transparent; } &:active { top: 1px; } }*/ .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder, .mfp-iframe-holder { /*.mfp-close { color: $mfp-controls-color; right: -6px; text-align: right; padding-right: 6px; width: 100%; }*/ } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; margin: 0; top: calc(50% - 26px); margin-top: 0; padding: 0; width: 52px; height: 52px; background: rgba(255, 255, 255, 0.7); } .mfp-arrow:active { margin-top: 0px; } .mfp-arrow:hover, .mfp-arrow:focus { background: rgb(255, 255, 255); } .mfp-arrow:before { display: block; position: absolute; content: ""; width: 35px; height: 26px; top: calc(50% - 13px); left: calc(50% - 16px); background: transparent url(/local/templates/site-template/css/../img/arrow.png) no-repeat; background-size: 35px auto; } .mfp-arrow:hover { background: #9a5168; } .mfp-arrow:hover:before { background: transparent url(/local/templates/site-template/css/../img/arrow.png) no-repeat 0 -26px; background-size: 35px auto; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:before { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); left: calc(50% - 13px); } .mfp-arrow-right { right: 0; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; max-height: 90vh !important; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ""; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -40px; position: absolute; background: rgba(255, 255, 255, 0.7); top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-img-group .mfp-image-holder .mfp-bottom-bar { display: none !important; } .mfp-text-group .mfp-container .mfp-content .mfp-text { position: relative; margin-right: 15px; } @media (max-width: 1180px) { .mfp-text-group .mfp-container .mfp-content .mfp-text { margin: 0 5px; } } .mfp-title { text-align: left; font-weight: 300; font-size: 24px; line-height: 28px; font-family: "IBM Plex Sans", sans-serif; padding: 15px 36px 15px 15px; color: #000000; word-wrap: break-word; padding-right: 36px; } @media (max-width: 990px) { .mfp-title { font-weight: 300; font-size: 18px; line-height: 22px; font-family: "IBM Plex Sans", sans-serif; padding: 10px 36px 10px 10px; } } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-image-holder .mfp-close, .mfp-image-holder button.mfp-close { background-image: url(/local/templates/site-template/css/../img/svg/close.svg); background-position: center; background-repeat: no-repeat; top: 0px; right: 0; background-color: rgba(30, 30, 30, 0.6); width: 44px; height: 44px; border-radius: 0 !important; position: fixed; cursor: pointer; text-indent: -9999px; border-radius: 0; box-sizing: border-box; opacity: 0.7; } @media (max-width: 750px) { .mfp-image-holder .mfp-close, .mfp-image-holder button.mfp-close { width: 30px; height: 30px; } } .mfp-image-holder .mfp-close:hover, .mfp-image-holder button.mfp-close:hover { opacity: 1; } .mfp-iframe-scaler .mfp-close, .mfp-iframe-scaler button.mfp-close { background: rgba(0, 0, 0, 0.5) url(/local/templates/site-template/css/../img/icons/close.svg) no-repeat center; width: 44px; height: 44px; box-sizing: border-box; position: fixed; right: 0px; top: 0px; cursor: pointer; opacity: 1; text-indent: -9999px; border-radius: 0; transition: all 0s ease; opacity: 0.7; } @media (max-width: 750px) { .mfp-iframe-scaler .mfp-close, .mfp-iframe-scaler button.mfp-close { width: 30px; height: 30px; } } .mfp-iframe-scaler .mfp-close:hover, .mfp-iframe-scaler button.mfp-close:hover { opacity: 1; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } .mfp-arrow { position: absolute; margin: 0; top: calc(50% - 49px); margin-top: 0 !important; padding: 30px 6px 30px 30px !important; background: none !important; height: auto !important; width: auto !important; height: auto; width: auto; } .mfp-arrow:active { margin-top: 0px; } .mfp-arrow:hover, .mfp-arrow:focus { background: none !important; } .mfp-arrow:hover:after, .mfp-arrow:focus:after { opacity: 1; -ms-transform: translate(0px, 0); -webkit-transform: translate(0px, 0); transform: translate(0px, 0); } .mfp-arrow:before { display: block; content: ""; width: 38px; height: 38px; background-color: rgba(0, 0, 0, 0.5) !important; } .mfp-arrow:after { display: block; position: absolute; content: ""; top: 17px; right: 0px; width: 38px; margin: 0 !important; height: 38px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M15.4 12.97l-2.68 2.72 1.34 1.38L19 12l-4.94-5.07-1.34 1.38 2.68 2.72H5v1.94z'%3E%3C/path%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; opacity: 0.6; } .mfp-arrow-left { left: 0; padding: 30px 30px 30px 6px !important; } .mfp-arrow-left:before { left: 0; } .mfp-arrow-left:after { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); right: auto; left: 0px; } .mfp-arrow-left:hover:after, .mfp-arrow-left:focus:after { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); } .mfp-arrow-right { right: 0; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } /* Design */ /* Animate.css - http://daneden.me/animate Licensed under the MIT license Copyright (c) 2013 Daniel Eden Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */ -webkit-backface-visibility: hidden; } .animated { -webkit-animation-duration: 1s; -webkit-animation-fill-mode: both; animation-duration: 1s; animation-fill-mode: both; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .animated.flash { -webkit-animation-name: flash; animation-name: flash; } @keyframes shake { 0%, 100% { transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { transform: translateX(-10px); } 20%, 40%, 60%, 80% { transform: translateX(10px); } } .animated.shake { -webkit-animation-name: shake; animation-name: shake; } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-30px); } 60% { transform: translateY(-15px); } } .animated.bounce { -webkit-animation-name: bounce; animation-name: bounce; } @keyframes tada { 0% { transform: scale(1); } 10%, 20% { transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { transform: scale(1.1) rotate(-3deg); } 100% { transform: scale(1) rotate(0); } } .animated.tada { -webkit-animation-name: tada; animation-name: tada; } @keyframes swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } } .animated.swing { -webkit-transform-origin: top center; -webkit-animation-name: swing; transform-origin: top center; animation-name: swing; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes wobble { 0% { transform: translateX(0%); } 15% { transform: translateX(-25%) rotate(-5deg); } 30% { transform: translateX(20%) rotate(3deg); } 45% { transform: translateX(-15%) rotate(-3deg); } 60% { transform: translateX(10%) rotate(2deg); } 75% { transform: translateX(-5%) rotate(-1deg); } 100% { transform: translateX(0%); } } .animated.wobble { -webkit-animation-name: wobble; animation-name: wobble; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } .animated.pulse { -webkit-animation-name: pulse; animation-name: pulse; } @keyframes flip { 0% { transform: perspective(400px) translateZ(0) rotateY(0) scale(1); animation-timing-function: ease-out; } 40% { transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); animation-timing-function: ease-out; } 50% { transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); animation-timing-function: ease-in; } 80% { transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); animation-timing-function: ease-in; } 100% { transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible !important; -webkit-animation-name: flip; backface-visibility: visible !important; animation-name: flip; } @keyframes flipInX { 0% { transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { transform: perspective(400px) rotateX(-10deg); } 70% { transform: perspective(400px) rotateX(10deg); } 100% { transform: perspective(400px) rotateX(0deg); opacity: 1; } } .animated.flipInX { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipInX; backface-visibility: visible !important; animation-name: flipInX; } @keyframes flipOutX { 0% { transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { transform: perspective(400px) rotateX(90deg); opacity: 0; } } .animated.flipOutX { -webkit-animation-name: flipOutX; -webkit-backface-visibility: visible !important; animation-name: flipOutX; backface-visibility: visible !important; } @keyframes flipInY { 0% { transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { transform: perspective(400px) rotateY(-10deg); } 70% { transform: perspective(400px) rotateY(10deg); } 100% { transform: perspective(400px) rotateY(0deg); opacity: 1; } } .animated.flipInY { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipInY; backface-visibility: visible !important; animation-name: flipInY; } @keyframes flipOutY { 0% { transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { transform: perspective(400px) rotateY(90deg); opacity: 0; } } .animated.flipOutY { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipOutY; backface-visibility: visible !important; animation-name: flipOutY; } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .animated.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(200px); } 100% { opacity: 1; transform: translateY(0); } } .animated.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-200px); } 100% { opacity: 1; transform: translateY(0); } } .animated.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(-200px); } 100% { opacity: 1; transform: translateX(0); } } .animated.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @keyframes fadeInRight { 0% { opacity: 0; transform: translateX(200px); } 100% { opacity: 1; transform: translateX(0); } } .animated.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @keyframes fadeInUpBig { 0% { opacity: 0; transform: translateY(2000px); } 100% { opacity: 1; transform: translateY(0); } } .animated.fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @keyframes fadeInDownBig { 0% { opacity: 0; transform: translateY(-2000px); } 100% { opacity: 1; transform: translateY(0); } } .animated.fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @keyframes fadeInLeftBig { 0% { opacity: 0; transform: translateX(-2000px); } 100% { opacity: 1; transform: translateX(0); } } .animated.fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @keyframes fadeInRightBig { 0% { opacity: 0; transform: translateX(2000px); } 100% { opacity: 1; transform: translateX(0); } } .animated.fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .animated.fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @keyframes fadeOutUp { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-20px); } } .animated.fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @keyframes fadeOutDown { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(20px); } } .animated.fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @keyframes fadeOutLeft { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-20px); } } .animated.fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @keyframes fadeOutRight { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(20px); } } .animated.fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @keyframes fadeOutUpBig { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-2000px); } } .animated.fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @keyframes fadeOutDownBig { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(2000px); } } .animated.fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @keyframes fadeOutLeftBig { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-2000px); } } .animated.fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @keyframes fadeOutRightBig { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(2000px); } } .animated.fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @keyframes bounceIn { 0% { opacity: 0; transform: scale(0.3); } 50% { opacity: 1; transform: scale(1.05); } 70% { transform: scale(0.9); } 100% { transform: scale(1); } } @keyframes slideInDown { 0% { opacity: 0; transform: translateY(-2000px); } 100% { transform: translateY(0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @keyframes slideInLeft { 0% { opacity: 0; transform: translateX(-2000px); } 100% { transform: translateX(0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @keyframes slideInRight { 0% { opacity: 0; transform: translateX(2000px); } 100% { transform: translateX(0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @keyframes slideOutLeft { 0% { transform: translateX(0); } 100% { opacity: 0; transform: translateX(-2000px); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @keyframes slideOutRight { 0% { transform: translateX(0); } 100% { opacity: 0; transform: translateX(2000px); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @keyframes slideOutUp { 0% { transform: translateY(0); } 100% { opacity: 0; transform: translateY(-2000px); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } .animated.bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @keyframes bounceInUp { 0% { opacity: 0; transform: translateY(2000px); } 60% { opacity: 1; transform: translateY(-30px); } 80% { transform: translateY(10px); } 100% { transform: translateY(0); } } .animated.bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @keyframes bounceInDown { 0% { opacity: 0; transform: translateY(-2000px); } 60% { opacity: 1; transform: translateY(30px); } 80% { transform: translateY(-10px); } 100% { transform: translateY(0); } } .animated.bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @keyframes bounceInLeft { 0% { opacity: 0; transform: translateX(-2000px); } 60% { opacity: 1; transform: translateX(30px); } 80% { transform: translateX(-10px); } 100% { transform: translateX(0); } } .animated.bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @keyframes bounceInRight { 0% { opacity: 0; transform: translateX(2000px); } 60% { opacity: 1; transform: translateX(-30px); } 80% { transform: translateX(10px); } 100% { transform: translateX(0); } } .animated.bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @keyframes bounceOut { 0% { transform: scale(1); } 25% { transform: scale(0.95); } 50% { opacity: 1; transform: scale(1.1); } 100% { opacity: 0; transform: scale(0.3); } } .animated.bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @keyframes bounceOutUp { 0% { transform: translateY(0); } 20% { opacity: 1; transform: translateY(20px); } 100% { opacity: 0; transform: translateY(-2000px); } } .animated.bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @keyframes bounceOutDown { 0% { transform: translateY(0); } 20% { opacity: 1; transform: translateY(-20px); } 100% { opacity: 0; transform: translateY(2000px); } } .animated.bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @keyframes bounceOutLeft { 0% { transform: translateX(0); } 20% { opacity: 1; transform: translateX(20px); } 100% { opacity: 0; transform: translateX(-2000px); } } .animated.bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @keyframes bounceOutRight { 0% { transform: translateX(0); } 20% { opacity: 1; transform: translateX(-20px); } 100% { opacity: 0; transform: translateX(2000px); } } .animated.bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @keyframes rotateIn { 0% { transform-origin: center center; transform: rotate(-200deg); opacity: 0; } 100% { transform-origin: center center; transform: rotate(0); opacity: 1; } } .animated.rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @keyframes rotateInUpLeft { 0% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .animated.rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @keyframes rotateInDownLeft { 0% { transform-origin: left bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .animated.rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @keyframes rotateInUpRight { 0% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .animated.rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @keyframes rotateInDownRight { 0% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .animated.rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @keyframes rotateOut { 0% { transform-origin: center center; transform: rotate(0); opacity: 1; } 100% { transform-origin: center center; transform: rotate(200deg); opacity: 0; } } .animated.rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @keyframes rotateOutUpLeft { 0% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: left bottom; transform: rotate(-90deg); opacity: 0; } } .animated.rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @keyframes rotateOutDownLeft { 0% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } } .animated.rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @keyframes rotateOutUpRight { 0% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } } .animated.rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @keyframes rotateOutDownRight { 0% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } } .animated.rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @keyframes hinge { 0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; } 40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; } 80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; } 100% { transform: translateY(700px); opacity: 0; } } .animated.hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes rollIn { 0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; transform: translateX(0px) rotate(0deg); } } .animated.rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes rollOut { 0% { opacity: 1; transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; transform: translateX(100%) rotate(120deg); } } .animated.rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } /* originally authored by Angelo Rohit - https://github.com/angelorohit */ @keyframes lightSpeedIn { 0% { transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { transform: translateX(0%) skewX(0deg); opacity: 1; } } .animated.lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } .animated.lightSpeedIn { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; } /* originally authored by Angelo Rohit - https://github.com/angelorohit */ @keyframes lightSpeedOut { 0% { transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { transform: translateX(100%) skewX(-30deg); opacity: 0; } } .animated.lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } .animated.lightSpeedOut { -webkit-animation-duration: 0.25s; animation-duration: 0.25s; } @keyframes slideInDown { from { transform: translate3d(0, -100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInDown { animation-name: slideInDown; } @keyframes slideInLeft { from { transform: translate3d(-100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInLeft { animation-name: slideInLeft; } @keyframes slideInRight { from { transform: translate3d(100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInRight { animation-name: slideInRight; } @keyframes slideInUp { from { transform: translate3d(0, 100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInUp { animation-name: slideInUp; } @keyframes slideOutDown { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(0, 100%, 0); } } .slideOutDown { animation-name: slideOutDown; } @keyframes slideOutLeft { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(-100%, 0, 0); } } .slideOutLeft { animation-name: slideOutLeft; } @keyframes slideOutRight { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(100%, 0, 0); } } .slideOutRight { animation-name: slideOutRight; } @keyframes slideOutUp { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(0, -100%, 0); } } .slideOutUp { animation-name: slideOutUp; } @keyframes zoomIn { from { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { animation-name: zoomIn; } @keyframes zoomInDown { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { animation-name: zoomInDown; } @keyframes zoomInLeft { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { animation-name: zoomInLeft; } @keyframes zoomInRight { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { animation-name: zoomInRight; } @keyframes zoomInUp { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { animation-name: zoomInUp; } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { animation-name: zoomOut; } @keyframes zoomOutDown { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { animation-name: zoomOutDown; } @keyframes zoomOutLeft { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; transform: scale(0.1) translate3d(-2000px, 0, 0); transform-origin: left center; } } .zoomOutLeft { animation-name: zoomOutLeft; } @keyframes zoomOutRight { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; transform: scale(0.1) translate3d(2000px, 0, 0); transform-origin: right center; } } .zoomOutRight { animation-name: zoomOutRight; } @keyframes zoomOutUp { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { animation-name: zoomOutUp; } .sequentialChild > * { opacity: 0; } .sequentialChild > *:nth-child(1) { animation-delay: 300ms; animation-duration: 300ms; animation-name: fadeIn; animation-fill-mode: forwards; animation-direction: normal; animation-timing-function: ease-in-out; } .sequentialChild > *:nth-child(2) { animation-delay: 600ms; animation-duration: 300ms; animation-name: fadeIn; animation-fill-mode: forwards; animation-direction: normal; animation-timing-function: ease-in-out; } .sequentialChild > *:nth-child(3) { animation-delay: 900ms; animation-duration: 300ms; animation-name: fadeIn; animation-fill-mode: forwards; animation-direction: normal; animation-timing-function: ease-in-out; } .sequentialChild > *:nth-child(4) { animation-delay: 1200ms; animation-duration: 300ms; animation-name: fadeIn; animation-fill-mode: forwards; animation-direction: normal; animation-timing-function: ease-in-out; } .sequentialChild > *:nth-child(5) { animation-delay: 1500ms; animation-duration: 300ms; animation-name: fadeIn; animation-fill-mode: forwards; animation-direction: normal; animation-timing-function: ease-in-out; } .sequentialChild > *:nth-child(6) { animation-delay: 1800ms; animation-duration: 300ms; animation-name: fadeIn; animation-fill-mode: forwards; animation-direction: normal; animation-timing-function: ease-in-out; } .sequentialChild > *:nth-child(7) { animation-delay: 2100ms; animation-duration: 300ms; animation-name: fadeIn; animation-fill-mode: forwards; animation-direction: normal; animation-timing-function: ease-in-out; } .sequentialChild > *:nth-child(8) { animation-delay: 2400ms; animation-duration: 300ms; animation-name: fadeIn; animation-fill-mode: forwards; animation-direction: normal; animation-timing-function: ease-in-out; } .sequentialChild > *:nth-child(9) { animation-delay: 2700ms; animation-duration: 300ms; animation-name: fadeIn; animation-fill-mode: forwards; animation-direction: normal; animation-timing-function: ease-in-out; } .sequentialChild > *:nth-child(10) { animation-delay: 3000ms; animation-duration: 300ms; animation-name: fadeIn; animation-fill-mode: forwards; animation-direction: normal; animation-timing-function: ease-in-out; } .sequentialChild > *:nth-child(11) { animation-delay: 3300ms; animation-duration: 300ms; animation-name: fadeIn; animation-fill-mode: forwards; animation-direction: normal; animation-timing-function: ease-in-out; } .sequentialChild > *:nth-child(12) { animation-delay: 3600ms; animation-duration: 300ms; animation-name: fadeIn; animation-fill-mode: forwards; animation-direction: normal; animation-timing-function: ease-in-out; } .sequentialChild > *:nth-child(13) { animation-delay: 3900ms; animation-duration: 300ms; animation-name: fadeIn; animation-fill-mode: forwards; animation-direction: normal; animation-timing-function: ease-in-out; } .sequentialChild > *:nth-child(14) { animation-delay: 4200ms; animation-duration: 300ms; animation-name: fadeIn; animation-fill-mode: forwards; animation-direction: normal; animation-timing-function: ease-in-out; } .sequentialChild > *:nth-child(15) { animation-delay: 4500ms; animation-duration: 300ms; animation-name: fadeIn; animation-fill-mode: forwards; animation-direction: normal; animation-timing-function: ease-in-out; } .sequentialChild > *:nth-child(16) { animation-delay: 4800ms; animation-duration: 300ms; animation-name: fadeIn; animation-fill-mode: forwards; animation-direction: normal; animation-timing-function: ease-in-out; } .sequentialChild > *:nth-child(17) { animation-delay: 5100ms; animation-duration: 300ms; animation-name: fadeIn; animation-fill-mode: forwards; animation-direction: normal; animation-timing-function: ease-in-out; } .sequentialChild > *:nth-child(18) { animation-delay: 5400ms; animation-duration: 300ms; animation-name: fadeIn; animation-fill-mode: forwards; animation-direction: normal; animation-timing-function: ease-in-out; } .sequentialChild > *:nth-child(19) { animation-delay: 5700ms; animation-duration: 300ms; animation-name: fadeIn; animation-fill-mode: forwards; animation-direction: normal; animation-timing-function: ease-in-out; } .sequentialChild > *:nth-child(20) { animation-delay: 6000ms; animation-duration: 300ms; animation-name: fadeIn; animation-fill-mode: forwards; animation-direction: normal; animation-timing-function: ease-in-out; } .sequentialChild > *:nth-child(21) { animation-delay: 6300ms; animation-duration: 300ms; animation-name: fadeIn; animation-fill-mode: forwards; animation-direction: normal; animation-timing-function: ease-in-out; } .sequentialChild > *:nth-child(22) { animation-delay: 6600ms; animation-duration: 300ms; animation-name: fadeIn; animation-fill-mode: forwards; animation-direction: normal; animation-timing-function: ease-in-out; } .sequentialChild > *:nth-child(23) { animation-delay: 6900ms; animation-duration: 300ms; animation-name: fadeIn; animation-fill-mode: forwards; animation-direction: normal; animation-timing-function: ease-in-out; } .sequentialChild > *:nth-child(24) { animation-delay: 7200ms; animation-duration: 300ms; animation-name: fadeIn; animation-fill-mode: forwards; animation-direction: normal; animation-timing-function: ease-in-out; } .sequentialChild > *:nth-child(25) { animation-delay: 7500ms; animation-duration: 300ms; animation-name: fadeIn; animation-fill-mode: forwards; animation-direction: normal; animation-timing-function: ease-in-out; } .sequentialChild > *:nth-child(26) { animation-delay: 7800ms; animation-duration: 300ms; animation-name: fadeIn; animation-fill-mode: forwards; animation-direction: normal; animation-timing-function: ease-in-out; } .sequentialChild > *:nth-child(27) { animation-delay: 8100ms; animation-duration: 300ms; animation-name: fadeIn; animation-fill-mode: forwards; animation-direction: normal; animation-timing-function: ease-in-out; } .sequentialChild > *:nth-child(28) { animation-delay: 8400ms; animation-duration: 300ms; animation-name: fadeIn; animation-fill-mode: forwards; animation-direction: normal; animation-timing-function: ease-in-out; } .sequentialChild > *:nth-child(29) { animation-delay: 8700ms; animation-duration: 300ms; animation-name: fadeIn; animation-fill-mode: forwards; animation-direction: normal; animation-timing-function: ease-in-out; } .sequentialChild > *:nth-child(30) { animation-delay: 9000ms; animation-duration: 300ms; animation-name: fadeIn; animation-fill-mode: forwards; animation-direction: normal; animation-timing-function: ease-in-out; } html, body { overflow-x: hidden; overflow-y: scroll; /* has to be scroll, not auto */ -webkit-overflow-scrolling: touch; } body { background: #fff; color: #1d1d1d; overflow: hidden; font: normal 15px "IBM Plex Sans", sans-serif; } @media (max-width: 600px) { body { font: normal 14px "IBM Plex Sans", sans-serif; } } body.dropdown-menu-active { position: fixed; width: 100%; overflow: hidden; } *:hover, *:active, *:focus { outline: none; outline: 0; } #outer { overflow: hidden; padding-top: 75px; } @media (max-width: 990px) { #outer { padding-top: 60px; } } .container { max-width: 1140px; padding: 0 15px; margin: 0 auto; } @media (max-width: 1180px) { .container { max-width: 960px; } } .container:after { display: block; position: absolute; content: ""; position: relative; clear: both; } #body.container { position: relative; padding-top: 8px; background: url(/local/templates/site-template/css/../img/icons/line.jpg) repeat-x top; } #body:before { display: block; position: absolute; content: ""; height: 8px; right: 100%; background: url(/local/templates/site-template/css/../img/icons/line.jpg) repeat-x; top: 0; width: 1000px; } #body:after { display: block; position: absolute; content: ""; height: 8px; left: 100%; background: url(/local/templates/site-template/css/../img/icons/line.jpg) repeat-x; top: 0; width: 1000px; } .stickTop .header { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); background: rgba(255, 255, 255, 0.9); } .stickTop .header:hover { background: #fff; } .header { padding: 20px 0px 20px; position: relative; background: #fff; position: fixed; left: 0; right: 0; top: 0; z-index: 5; transition: all 0.25s ease; } @media (max-width: 990px) { .header { position: fixed; left: 0; right: 0; top: 0; background: #fff; height: 60px; padding: 0; z-index: 10; box-shadow: none; } } .header:after { display: block; position: absolute; content: ""; position: relative; clear: both; } .header .container { position: relative; } .header .logo { position: relative; z-index: 4; -ms-transform: translateY(-5px); -webkit-transform: translateY(-5px); transform: translateY(-5px); } @media (max-width: 990px) { .header .logo { padding-left: 66px; padding-top: 15px; } } @media (max-width: 415px) { .header .logo { padding-left: 50px; padding-top: 20px; } } .header .logo img, .header .logo a { display: block; } @media (max-width: 990px) { .header .logo img { height: 25px; margin-top: 3px; } } @media (max-width: 415px) { .header .logo img { height: 18px; } } .header .info { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align-items: center; -webkit-align-items: center; align-items: center; -ms-flex-align-content: center; -webkit-align-content: center; align-content: center; -ms-flex-pack: flex-end; -webkit-justify-content: flex-end; justify-content: flex-end; font-weight: 400; font-size: 14px; line-height: 30px; font-family: "IBM Plex Sans", sans-serif; position: relative; z-index: 4; } @media (max-width: 990px) { .header .info { position: absolute; right: 0px; top: 15px; } } .header .info .cabinet { display: inline-block; margin-right: 30px; position: relative; } @media (max-width: 990px) { .header .info .cabinet { position: absolute; right: 50px; top: 3px; margin-right: 0; } } @media (max-width: 415px) { .header .info .cabinet { right: 42px; } } .header .info .cabinet .ico-profile { display: inline-block; cursor: pointer; color: #4657b2; position: relative; letter-spacing: 3px; text-transform: uppercase; font-size: 10px; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align-items: center; -webkit-align-items: center; align-items: center; } @media (max-width: 990px) { .header .info .cabinet .ico-profile { text-indent: -9999px; padding: 0; width: 24px; height: 24px; background: url(/local/templates/site-template/css/../img/icons/profile1.png) no-repeat center; background-size: 24px auto; float: left; } } .header .info .cabinet .ico-profile:before { content: ""; display: inline-block; margin-right: 5px; width: 15px; height: 17px; background: url(/local/templates/site-template/css/../img/icons/profile.png) no-repeat; } @media (max-width: 990px) { .header .info .cabinet .ico-profile:before { display: none; } } .header .info .cabinet .ico-profile:hover { color: #13289b; } .header .info .cabinet ul { list-style: none; margin: 0; padding: 0; width: 145px; background: #fff; padding: 15px 15px 5px; position: absolute; top: 100%; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); left: 0; z-index: 5; left: -9999px; } @media (max-width: 990px) { .header .info .cabinet ul { -ms-transform: translate(2000px, 0); -webkit-transform: translate(2000px, 0); transform: translate(2000px, 0); left: auto; right: 0; transition: all 0.3s ease; } } @media (max-width: 990px) { .header .info .cabinet ul.nav-active { -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } } .header .info .cabinet ul li { margin: 0; font-weight: 400; font-size: 12px; line-height: 16px; font-family: "IBM Plex Sans", sans-serif; position: relative; } .header .info .cabinet ul li.title { font-weight: 400; font-size: 13px; line-height: 18px; font-family: "IBM Plex Sans", sans-serif; margin: 0 0 10px; padding: 0; } .header .info .cabinet ul li.title:after { display: none; } .header .info .cabinet ul li.title a { padding: 0; padding-left: 20px; background: url(/local/templates/site-template/css/../img/icons/profile1.png) no-repeat left top; background-size: 16px auto; color: #212121; } .header .info .cabinet ul li.title a:before { display: none; } .header .info .cabinet ul li.title a:hover { color: #4657b2; } .header .info .cabinet ul li a { padding: 8px 0; display: block; position: relative; z-index: 1; } .header .info .cabinet ul li a:before { display: block; position: absolute; content: ""; height: 1px; background: #e1e8f0; left: 0; top: -1px; right: 0; } .header .info .cabinet ul li:after { background: #e1e8f0; left: -15px; right: -15px; top: -1px; bottom: -1px; display: block; position: absolute; content: ""; z-index: 0; opacity: 0; transition: all 0.25s ease; } .header .info .cabinet ul li:hover a { color: #212121; } .header .info .cabinet ul li:hover:after { opacity: 1; } .header .info .cabinet ul li:hover.title a { color: #4657b2; } .header .info .cabinet:hover .ico-profile { color: #000; } .header .info .cabinet:hover ul { left: 0; } @media (max-width: 990px) { .header .info .cabinet:hover ul { left: auto; } } .header .info .basket { display: inline-block; margin-right: 30px; position: relative; } @media (max-width: 990px) { .header .info .basket { position: absolute; right: 95px; top: 7px; margin-right: 0; } } @media (max-width: 415px) { .header .info .basket { right: 80px; } } .header .info .basket__item { width: 21px; height: 18px; position: relative; display: block; } .header .info .basket__item:before { display: block; position: absolute; content: ""; width: 21px; height: 19px; background-image: url("data:image/svg+xml,%3Csvg width='22' height='19' viewBox='0 0 22 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.92718 5.02604H19.6595C20.3283 5.02604 20.8086 5.66991 20.618 6.31101L18.7522 12.5867C18.6261 13.0109 18.2362 13.3018 17.7937 13.3018H12.2834H8.81108C8.3538 13.3018 7.95478 12.9916 7.84198 12.5485L5.09413 1.75332C4.98133 1.31018 4.58231 1 4.12503 1H0' stroke='%23646464' stroke-width='2'/%3E%3Ccircle cx='9.3' cy='17.1999' r='1.8' fill='%23646464'/%3E%3Ccircle cx='17.3' cy='17.2' r='1.8' fill='%23646464'/%3E%3C/svg%3E"); background-repeat: no-repeat; left: 0; top: 0; transition: all 0.25s ease; } .header .info .basket__item span { display: block; width: 15px; height: 15px; position: absolute; top: -5px; right: -6px; background: #4657b2; color: #fff; border-radius: 50%; font-weight: 400; font-size: 10px; line-height: 15px; font-family: "IBM Plex Sans", sans-serif; text-align: center; transition: all 0.25s ease; } .header .info .basket__item:hover span { background: #dc4e41; } .header .info .basket + #nav_search { overflow: hidden; width: 0px; } .searchTop { display: none; position: absolute; top: 55px; left: 0px; right: 0; transition: all 0.4s ease; background: #fff; padding: 30px 15px; box-sizing: border-box; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3); } @media (max-width: 990px) { .searchTop { top: 45px; } } .searchTop form { position: relative; margin: 0 auto; width: 100%; padding: 0; } .searchTop form input[type=text] { background: #fff; padding-right: 30px; padding-left: 30px; height: 50px; border: none; font-size: 32px; color: #d8d8d8; border-bottom: 1px solid #13289b; text-align: center; } .searchTop form input[type=text]::-webkit-input-placeholder { color: #d8d8d8; opacity: 1; } .searchTop form input[type=text]::-moz-placeholder { color: #d8d8d8; opacity: 1; } .searchTop form input[type=text]:-moz-placeholder { color: #d8d8d8; opacity: 1; } .searchTop form input[type=text]:-ms-input-placeholder { color: #d8d8d8; opacity: 1; } .searchTop form input[type=text]:focus { box-shadow: none; color: #1d1d1d; } @media (max-width: 1180px) { .searchTop form input[type=text] { font-size: 24px; height: 40px; } } @media (max-width: 990px) { .searchTop form input[type=text] { font-size: 18px; } } .searchTop form button { position: absolute; height: 35px; left: 0px; line-height: 38px; border: none; padding: 0; background: none; text-indent: -9999px; display: block; width: 15px; height: 15px; background: url(/local/templates/site-template/css/../img/icons/svg/lupa.svg) no-repeat; left: 2px; bottom: 10px; } .searchTop form button:hover, .searchTop form button:focus { background-color: transparent; background: url(/local/templates/site-template/css/../img/icons/svg/lupa.svg) no-repeat; } .searchTop form .close { background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23545454' fill-rule='evenodd' d='M9.546 8.839L18.385 0l.707.707-8.839 8.839 8.839 8.839-.707.707-8.84-8.839-8.838 8.839L0 18.385l8.839-8.84L0 .708.707 0l8.839 8.839z'%3E%3C/path%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; width: 20px; height: 20px; display: block; position: absolute; right: 0; bottom: 10px; cursor: pointer; transition: all 0.25s ease; } .searchTop form .close:hover { opacity: 0.8; } .searchTop.nav-active { -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); z-index: 7; display: block; } .searchTop.nav-active + .shadow { background: rgba(0, 0, 0, 0.5); position: fixed; top: 55px; left: 0; right: 0; bottom: 0; z-index: 2; } .footer { padding: 45px 0 55px; color: #aabdff; background: #4657b2; } @media (max-width: 990px) { .footer { padding: 30px 0 25px; } } .footer .row { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; position: relative; } .footer .row:before, .footer .row:after { display: none; } .footer .logo { margin: 0 0 55px; } @media (max-width: 750px) { .footer .logo { margin: 0 0 40px; } } .footer .logo img { display: block; margin: 0 auto; } @media (max-width: 990px) { .footer .indexs { padding: 0; display: -ms-flexbox; display: -webkit-flex; display: flex; margin: 0 0 40px; } } @media (max-width: 750px) { .footer .indexs { -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 0 0 10px; } } .footer .indexs__item { margin: 0 0 20px; font-weight: 400; font-size: 14px; line-height: 24px; font-family: "IBM Plex Sans", sans-serif; color: #fff; } @media (max-width: 990px) { .footer .indexs__item { padding: 0 15px; width: 50%; box-sizing: border-box; } } @media (max-width: 750px) { .footer .indexs__item { width: 100%; } } .footer .indexs__item strong { display: block; font-weight: 400; font-size: 30px; line-height: 30px; font-family: "IBM Plex Sans", sans-serif; margin: 0 0 10px; } .footer__title { text-transform: uppercase; font-weight: 400; font-size: 19px; line-height: 19px; font-family: "IBM Plex Sans", sans-serif; margin: 0 0 15px; } @media (max-width: 750px) { .footer__title { margin: 15px 0 15px; } } .footer__menu ul { margin: 0 0 45px; padding: 0; list-style: none; } @media (max-width: 990px) { .footer__menu ul { margin: 0 0 15px; } } .footer__menu ul li { margin: 0 0 10px; font-weight: 400; font-size: 14px; line-height: 18px; font-family: "IBM Plex Sans", sans-serif; } .footer__menu ul li a { display: block; text-decoration: none; color: #fff; } .footer__menu ul li a:hover { color: #aabdff; text-decoration: none; } .footer .social { margin: 0 0 45px; } @media (max-width: 990px) { .footer .social { margin: 0 0 15px; } } .footer .social a { display: block; text-decoration: none; color: #fff; font-weight: 400; font-size: 14px; line-height: 18px; font-family: "IBM Plex Sans", sans-serif; padding-left: 25px; position: relative; margin: 0 0 10px; } .footer .social a:before { display: block; position: absolute; content: ""; left: 0; } .footer .social a.fb:before { width: 17px; height: 17px; background: url(/local/templates/site-template/css/../img/icons/fb.png) no-repeat; top: calc(50% - 8px); } .footer .social a.inst:before { width: 19px; height: 19px; background: url(/local/templates/site-template/css/../img/icons/instagram.png) no-repeat; top: calc(50% - 9px); } .footer .social a.yb:before { width: 20px; height: 20px; background: url(/local/templates/site-template/css/../img/icons/youtube.png) no-repeat; top: calc(50% - 10px); } .footer .social a.tg:before { width: 19px; height: 16px; background: url(/local/templates/site-template/css/../img/icons/tg.png) no-repeat; top: calc(50% - 8px); } .footer .social a.tw:before { width: 19px; height: 15px; background: url(/local/templates/site-template/css/../img/icons/tw-f.png) no-repeat; top: calc(50% - 7px); } .footer .social a.vk:before { width: 19px; height: 11px; background: url(/local/templates/site-template/css/../img/icons/vk-f.png) no-repeat; top: calc(50% - 5px); } .footer .social a.ydzen:before { width: 17px; height: 17px; background: url(/local/templates/site-template/css/../img/icons/ydzen-f.png) no-repeat; top: calc(50% - 8px); } .footer .social a:hover { opacity: 0.7; } .footer a[href^="tel:"] { color: #212121; text-decoration: none; font-weight: bold; } .footer a[href^="tel:"]:hover { color: #fff; text-decoration: none; } .footer .copyright { color: #aabdff; position: relative; font-weight: 400; font-size: 14px; line-height: 24px; font-family: "IBM Plex Sans", sans-serif; } @media (max-width: 990px) { .footer .copyright { margin: 30px 0 0; } } .footer .copyright.age { position: relative; padding-left: 83px; } .footer .copyright.age:before { display: block; position: absolute; content: ""; width: 48px; height: 49px; background-image: url("data:image/svg+xml,%3Csvg width='48' height='49' viewBox='0 0 48 49' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.29834'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M25.1651 33.2145C22.5563 33.2145 21.7848 32.4571 21.7848 30.2237V26.6269C22.7032 26.4003 23.6956 26.1732 24.761 26.1732C27.5907 26.1732 28.2152 26.9306 28.2152 29.5798C28.2152 32.0024 27.8845 33.2145 25.1651 33.2145M25.2385 22.7671C24.3201 22.7671 23.4017 22.8423 22.4461 23.0315C22.0782 23.1072 21.7848 22.9558 21.7848 22.5012V21.7448C21.7848 18.1858 22.0415 16.8991 24.9447 16.8991C27.4432 16.8991 27.9948 17.0505 27.9948 18.9059C27.9948 19.6623 28.5091 19.8899 29.3545 19.8899H30.2357C31.2648 19.8899 31.6689 19.6245 31.6689 18.6021C31.6689 14.1359 29.7953 13 25.4962 13C18.7715 13 18 15.8011 18 24.6594C18.0367 33.2145 17.5592 37 25.0921 37C29.8688 37 32 35.3716 32 29.1257C32 23.9777 29.6851 22.7671 25.2385 22.7671' fill='%23FEFEFE'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.1168 13H11.8832C10.6399 13 10 13.2248 10 14.3092V15.5435C10 16.6274 10.6399 16.8522 11.8832 16.8522H12.6292C13.091 16.8522 13.3042 17.1134 13.3042 17.8622V34.0188C13.3042 35.3275 13.5173 36 14.5479 36H15.7557C16.7864 36 17 35.3275 17 34.0188V14.3092C17 13.2248 16.3601 13 15.1168 13' fill='%23FEFEFE'/%3E%3Cmask id='mask0' mask-type='alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='48' height='49'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0.317383H47.7604V48.9999H0V0.317383Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M44.6172 21.9288C44.6172 22.4824 44.3644 22.7768 43.8582 22.7768H41.4383V21.0439C41.4383 19.7534 41.2572 19.0887 40.1731 19.0887H39.0896C38.006 19.0887 37.825 19.7534 37.825 21.0439V22.7768H36.1274C34.8632 22.7768 34.2121 22.9617 34.2121 24.0678V25.2482C34.2121 26.3543 34.8632 26.5387 36.1274 26.5387H37.825V28.2721C37.825 29.5631 38.006 30.2268 39.0896 30.2268H40.1731C41.2572 30.2268 41.4383 29.5631 41.4383 28.2721V26.5387H43.8582C44.3282 26.5387 44.5811 26.7973 44.6172 27.2766V32.882C44.6172 34.2472 44.2194 35.2791 43.2803 36.2009L35.2239 44.4256C34.2848 45.3848 33.2369 45.8272 31.9366 45.8272H15.8234C14.5231 45.8272 13.4756 45.3848 12.5366 44.4256L4.48016 36.2009C3.54059 35.2418 3.10669 34.2472 3.14281 32.882V16.6184C3.14281 15.2537 3.57719 14.0738 4.55192 13.0778L12.7528 4.59494C13.584 3.7469 14.6314 3.48928 15.8234 3.48928H31.9366C33.129 3.48928 34.176 3.7469 35.0072 4.59494L43.2081 13.0778C44.1472 14.0738 44.6172 15.2537 44.6172 16.6184V21.9288ZM37.2105 2.4564C35.8023 1.05529 34.0325 0.317383 31.9 0.317383H15.8595C13.7285 0.317383 11.9221 1.05529 10.5491 2.4564L2.05877 11.0857C0.723327 12.4509 0 14.2576 0 16.2497V32.882C0 35.1685 0.759446 36.9388 2.27596 38.4515L10.3328 46.6753C11.9221 48.2976 13.6924 49.0355 15.9683 48.9986H31.7926C33.9959 48.9986 35.8023 48.3345 37.4276 46.6753L45.4845 38.4515C46.9649 36.9388 47.7605 35.1316 47.7605 32.882V16.2497C47.7605 14.2576 47.0376 12.4509 45.7008 11.0857L37.2105 2.4564Z' fill='%23FEFEFE'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; left: 15px; top: calc(50% - 24px); } .footer .copyright.age p { margin: 0; color: #aabdff; } @media (max-width: 990px) { .footer .copyright.age br { display: none; } } .footer .copyright p { margin: 0px; color: #fff; } @media (max-width: 750px) { .footer .copyright p { margin: 10px 0 0; } } .footer .copyright a { color: #aabdff; text-decoration: none; } .footer .copyright a:hover { color: #fff; text-decoration: none; } .navigator { font-weight: 400; font-size: 13px; line-height: 14px; font-family: "IBM Plex Sans", sans-serif; color: #979797; margin: 0px 0 25px; padding: 0; position: relative; } @media (max-width: 1180px) { .navigator { margin: 15px 0 15px; } } .navigator a { position: relative; color: #979797; text-decoration: none; } .navigator a:hover { color: #4657b2; text-decoration: none; } .navigator i { display: inline-block; vertical-align: middle; margin: 0 5px; } .back { position: relative; clear: both; z-index: 2; font-weight: 700; font-size: 15px; line-height: 22px; font-family: "ZhivagoDisplay"; margin: 40px 0 30px; } .back a { display: inline-block; position: relative; color: #4657b2; text-decoration: none !important; text-transform: uppercase; padding-left: 23px; } .back a:before { display: block; position: absolute; content: ""; border-right: 8px solid #4657b2; border-top: 6px solid transparent; border-bottom: 6px solid transparent; left: 0; top: calc(50% - 6px); } .back a:after { display: block; position: absolute; content: ""; width: 8px; height: 4px; background: #4657b2; left: 8px; top: calc(50% - 2px); } .back a:hover { color: #13289b; text-decoration: none; } .back a:hover:before { border-right-color: #13289b; } .back a:hover:after { background: #13289b; } #nav_search { position: relative; display: inline-block; cursor: pointer; padding-left: 20px; color: #4657b2; } #nav_search:before { display: block; position: absolute; content: ""; width: 16px; height: 16px; background: url(/local/templates/site-template/css/../img/icons/search.png) no-repeat; left: 0; top: calc(50% - 8px); cursor: pointer; } @media (max-width: 990px) { #nav_search:before { display: none; } } #nav_search:hover:before { filter: invert(27%) sepia(99%) saturate(760%) hue-rotate(204deg) brightness(95%) contrast(86%); } @media (max-width: 990px) { #nav_search { position: absolute; right: 15px; top: 5px; width: 20px; height: 20px; text-indent: -9999px; overflow: hidden; box-sizing: border-box; background: url(/local/templates/site-template/css/../img/icons/svg/search.svg) no-repeat center; cursor: pointer; } } #nav_search:after { display: block; position: absolute; content: ""; position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: none; cursor: default; } #nav_search.active { cursor: inherit; color: #13289b; } #nav_search.active:after { display: block; z-index: 5; } #nav_dropdown { display: none; z-index: 1; } @media (max-width: 990px) { #nav_dropdown { position: fixed; left: 10px; top: 16px; display: block; padding-left: 35px; padding-top: 4px; height: 25px; z-index: 11; box-sizing: border-box; font-weight: 400; font-size: 16px; line-height: 16px; font-family: "IBM Plex Sans", sans-serif; color: #4657b2; opacity: 0.7; } } #nav_dropdown:hover { color: #13289b; } #nav_dropdown:hover span { width: 23px; transition: all 0.25s ease; } #nav_dropdown.active { z-index: 11; } #nav_dropdown.active span { width: 20px; } #nav_dropdown.active span:before, #nav_dropdown.active span:after { background: #fff; width: 23px; height: 2px; } #nav_dropdown span { width: 23px; margin: 0 15px 0 0; display: inline-block; vertical-align: middle; z-index: 1; } .c-hamburger, #nav_dropdown { display: none; /*width: $button-width; height: $button-height;*/ -webkit-appearance: none; -moz-appearance: none; appearance: none; box-shadow: none; border-radius: 0; border: none; cursor: pointer; transition: background 0.3s; } @media (max-width: 990px) { .c-hamburger, #nav_dropdown { display: block; } } .c-hamburger:focus, #nav_dropdown:focus { outline: none; } .c-hamburger span, #nav_dropdown span { display: block; position: absolute; top: 12px; left: 5px; right: 5px; height: 2px; background: #000; } .main .c-hamburger span, .main #nav_dropdown span { background: #000; } .main.stickTop .c-hamburger span, .main.stickTop #nav_dropdown span { background: #000; } .c-hamburger span::before, .c-hamburger span::after, #nav_dropdown span::before, #nav_dropdown span::after { position: absolute; display: block; left: 0; width: 23px; height: 2px; background-color: #000; content: ""; } .main .c-hamburger span::before, .main .c-hamburger span::after, .main #nav_dropdown span::before, .main #nav_dropdown span::after { background-color: #000; } .main.stickTop .c-hamburger span::before, .main.stickTop .c-hamburger span::after, .main.stickTop #nav_dropdown span::before, .main.stickTop #nav_dropdown span::after { background-color: #000; } .c-hamburger span::before, #nav_dropdown span::before { top: -7px; } .c-hamburger span::after, #nav_dropdown span::after { bottom: -7px; } /** * Style 2 * * Hamburger to "x" (htx). Takes on a hamburger shape, bars slide * down to center and transform into an "x". */ .c-hamburger--htx, #nav_dropdown { background: none; } .c-hamburger--htx span, #nav_dropdown span { transition: background 0s 0.3s; } .c-hamburger--htx span::before, .c-hamburger--htx span::after, #nav_dropdown span::before, #nav_dropdown span::after { transition-duration: 0.3s, 0.3s; transition-delay: 0.3s, 0s; } .c-hamburger--htx span::before, #nav_dropdown span::before { transition-property: top, transform; } .c-hamburger--htx span::after, #nav_dropdown span::after { transition-property: bottom, transform; } /* active state, i.e. menu open */ .c-hamburger--htx.is-active span, #nav_dropdown.active span { background: none; } .stickTop .c-hamburger--htx.is-active span, .stickTop #nav_dropdown.active span { background: none; } .c-hamburger--htx.is-active span::before, #nav_dropdown.active span::before { top: 0px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); background: #000; } .main .c-hamburger--htx.is-active span::before, .main #nav_dropdown.active span::before { background: #000; } .c-hamburger--htx.is-active span::after, #nav_dropdown.active span::after { bottom: 0; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); background: #000; } .main .c-hamburger--htx.is-active span::after, .main #nav_dropdown.active span::after { background: #000; } .c-hamburger--htx.is-active span::before, .c-hamburger--htx.is-active span::after, #nav_dropdown.active span::before, #nav_dropdown.active span::after { transition-delay: 0s, 0.3s; } .menuTop { position: relative; z-index: 5; } @media (max-width: 990px) { .menuTop { position: fixed; left: 0; right: 0; top: 60px; height: calc(100vh - 60px); background: #fff; overflow-y: auto; transition: all 0.4s ease; -ms-transform: translate3d(-150%, 0, 0); -webkit-transform: translate3d(-150%, 0, 0); transform: translate3d(-150%, 0, 0); } } @media (max-width: 990px) { .menuTop.nav-active { -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .menuTop.nav-active .logo { display: none; padding-bottom: 15px; } .menuTop ul.nav_menu { margin: 0; padding: 0; list-style: none; position: relative; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; transition: all 0.25s ease; box-sizing: border-box; } @media (max-width: 990px) { .menuTop ul.nav_menu { margin: 0; padding: 15px 0; overflow: hidden; display: block; } } .menuTop ul.nav_menu li { margin: 0; position: relative; padding: 0; } .menuTop ul.nav_menu li a, .menuTop ul.nav_menu li span { display: block; text-decoration: none; color: #4657b2; font-weight: 400; font-size: 15px; line-height: 30px; font-family: "IBM Plex Sans", sans-serif; color: #4657b2; padding: 0 15px; height: 30px; position: relative; z-index: 1; cursor: pointer; transition: all 0.3s ease; } @media (max-width: 1180px) { .menuTop ul.nav_menu li a, .menuTop ul.nav_menu li span { padding: 0 10px; font-weight: 400; font-size: 13px; line-height: 30px; font-family: "IBM Plex Sans", sans-serif; } } @media (max-width: 990px) { .menuTop ul.nav_menu li a, .menuTop ul.nav_menu li span { font-weight: 400; font-size: 15px; line-height: 30px; font-family: "IBM Plex Sans", sans-serif; height: auto; padding: 10px 15px; line-height: normal; background: none; border-radius: 0; } } .menuTop ul.nav_menu li a#nav_submenu, .menuTop ul.nav_menu li span#nav_submenu { padding-right: 30px; } .menuTop ul.nav_menu li a#nav_submenu:before, .menuTop ul.nav_menu li span#nav_submenu:before { display: block; position: absolute; content: ""; width: 20px; height: 13px; background: url(/local/templates/site-template/css/../img/icons/svg/sub.svg) no-repeat; right: 0; top: calc(50% - 6px); } @media (max-width: 990px) { .menuTop ul.nav_menu li a#nav_submenu:before, .menuTop ul.nav_menu li span#nav_submenu:before { display: none; } } .menuTop ul.nav_menu li a#nav_submenu:after, .menuTop ul.nav_menu li span#nav_submenu:after { display: block; position: absolute; content: ""; position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: none; cursor: default; } .menuTop ul.nav_menu li a#nav_submenu.active:before, .menuTop ul.nav_menu li span#nav_submenu.active:before { filter: invert(0%) sepia(74%) saturate(22%) hue-rotate(329deg) brightness(87%) contrast(104%); } .menuTop ul.nav_menu li a#nav_submenu.active:after, .menuTop ul.nav_menu li span#nav_submenu.active:after { display: block; z-index: 5; } .menuTop ul.nav_menu li ul { position: absolute; width: 195px; background: #fff; top: 100%; left: -9999px; list-style: none; padding: 0px; margin: 0; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } @media (max-width: 990px) { .menuTop ul.nav_menu li ul { box-shadow: none; background: #fff; position: relative; left: auto; top: auto; width: auto; float: none; display: none; padding-left: 15px; padding-bottom: 10px; } } .menuTop ul.nav_menu li ul li { margin: 0; padding: 0; float: none; } .menuTop ul.nav_menu li ul li:first-child a, .menuTop ul.nav_menu li ul li:first-child span { padding-top: 20px; } .menuTop ul.nav_menu li ul li:first-child a:after, .menuTop ul.nav_menu li ul li:first-child span:after { display: none; } .menuTop ul.nav_menu li ul li:last-child a, .menuTop ul.nav_menu li ul li:last-child span { padding-bottom: 20px; } .menuTop ul.nav_menu li ul li:last-child a:before, .menuTop ul.nav_menu li ul li:last-child span:before { display: none; } .menuTop ul.nav_menu li ul li a, .menuTop ul.nav_menu li ul li span { height: auto; padding: 8px 20px; font-weight: 400; font-size: 13px; line-height: 16px; font-family: "IBM Plex Sans", sans-serif; color: #212121; background: none; position: relative; } @media (max-width: 990px) { .menuTop ul.nav_menu li ul li a, .menuTop ul.nav_menu li ul li span { padding: 8px 20px; } } .menuTop ul.nav_menu li ul li a:after, .menuTop ul.nav_menu li ul li span:after { display: block; position: absolute; content: ""; top: -1px; bottom: auto; background: none; left: 0px; right: 0px; border-top: 1px solid #e1e8f0; opacity: 0; } @media (max-width: 990px) { .menuTop ul.nav_menu li ul li a:after, .menuTop ul.nav_menu li ul li span:after { display: none; } } .menuTop ul.nav_menu li ul li a:before, .menuTop ul.nav_menu li ul li span:before { display: block; position: absolute; content: ""; bottom: 0; left: 20px; right: 20px; border-bottom: 1px solid #e1e8f0; } .menuTop ul.nav_menu li.act:before { opacity: 1; } .menuTop ul.nav_menu li.act > a, .menuTop ul.nav_menu li.act > span { color: #000; } .menuTop ul.nav_menu li:hover:before, .menuTop ul.nav_menu li.clicked:before { opacity: 1; } .menuTop ul.nav_menu li:hover a, .menuTop ul.nav_menu li:hover span, .menuTop ul.nav_menu li.clicked a, .menuTop ul.nav_menu li.clicked span { color: #000; text-decoration: none; } @media (max-width: 990px) { .menuTop ul.nav_menu li:hover a, .menuTop ul.nav_menu li:hover span, .menuTop ul.nav_menu li.clicked a, .menuTop ul.nav_menu li.clicked span { background: #e1e8f0; color: #000; } } .menuTop ul.nav_menu li:hover a.sub:before, .menuTop ul.nav_menu li:hover span.sub:before, .menuTop ul.nav_menu li.clicked a.sub:before, .menuTop ul.nav_menu li.clicked span.sub:before { filter: invert(0%) sepia(74%) saturate(22%) hue-rotate(329deg) brightness(87%) contrast(104%); } @media (max-width: 1180px) { .menuTop ul.nav_menu li:hover:first-child ul, .menuTop ul.nav_menu li.clicked:first-child ul { left: 0; } } @media (max-width: 990px) { .menuTop ul.nav_menu li:hover:first-child ul, .menuTop ul.nav_menu li.clicked:first-child ul { left: auto; } } .menuTop ul.nav_menu li:hover ul, .menuTop ul.nav_menu li.clicked ul { display: none; } @media (max-width: 990px) { .menuTop ul.nav_menu li:hover ul, .menuTop ul.nav_menu li.clicked ul { left: auto; display: none; } } .menuTop ul.nav_menu li:hover ul li a, .menuTop ul.nav_menu li:hover ul li span, .menuTop ul.nav_menu li.clicked ul li a, .menuTop ul.nav_menu li.clicked ul li span { color: #212121; background: none; } @media (max-width: 990px) { .menuTop ul.nav_menu li:hover ul li a, .menuTop ul.nav_menu li:hover ul li span, .menuTop ul.nav_menu li.clicked ul li a, .menuTop ul.nav_menu li.clicked ul li span { background: none; } } .menuTop ul.nav_menu li:hover ul li ul, .menuTop ul.nav_menu li.clicked ul li ul { left: -9999px; top: 0; } @media (max-width: 990px) { .menuTop ul.nav_menu li:hover ul li ul, .menuTop ul.nav_menu li.clicked ul li ul { left: auto; top: auto; display: none; } } .menuTop ul.nav_menu li:hover ul li:hover a, .menuTop ul.nav_menu li:hover ul li:hover span, .menuTop ul.nav_menu li:hover ul li.clicked a, .menuTop ul.nav_menu li:hover ul li.clicked span, .menuTop ul.nav_menu li.clicked ul li:hover a, .menuTop ul.nav_menu li.clicked ul li:hover span, .menuTop ul.nav_menu li.clicked ul li.clicked a, .menuTop ul.nav_menu li.clicked ul li.clicked span { background: #e1e8f0; color: #13289b; } @media (max-width: 990px) { .menuTop ul.nav_menu li:hover ul li:hover a, .menuTop ul.nav_menu li:hover ul li:hover span, .menuTop ul.nav_menu li:hover ul li.clicked a, .menuTop ul.nav_menu li:hover ul li.clicked span, .menuTop ul.nav_menu li.clicked ul li:hover a, .menuTop ul.nav_menu li.clicked ul li:hover span, .menuTop ul.nav_menu li.clicked ul li.clicked a, .menuTop ul.nav_menu li.clicked ul li.clicked span { color: #13289b; background: none; } } .menuTop ul.nav_menu li:hover ul li:hover a:after, .menuTop ul.nav_menu li:hover ul li:hover span:after, .menuTop ul.nav_menu li:hover ul li.clicked a:after, .menuTop ul.nav_menu li:hover ul li.clicked span:after, .menuTop ul.nav_menu li.clicked ul li:hover a:after, .menuTop ul.nav_menu li.clicked ul li:hover span:after, .menuTop ul.nav_menu li.clicked ul li.clicked a:after, .menuTop ul.nav_menu li.clicked ul li.clicked span:after { opacity: 1; } .menuTop ul.nav_menu li:hover ul li:hover ul, .menuTop ul.nav_menu li:hover ul li.clicked ul, .menuTop ul.nav_menu li.clicked ul li:hover ul, .menuTop ul.nav_menu li.clicked ul li.clicked ul { left: 100%; } @media (max-width: 990px) { .menuTop ul.nav_menu li:hover ul li:hover ul, .menuTop ul.nav_menu li:hover ul li.clicked ul, .menuTop ul.nav_menu li.clicked ul li:hover ul, .menuTop ul.nav_menu li.clicked ul li.clicked ul { display: none; left: auto; } } .menuTop ul.nav_menu li:hover ul li:hover ul li a, .menuTop ul.nav_menu li:hover ul li:hover ul li span, .menuTop ul.nav_menu li:hover ul li.clicked ul li a, .menuTop ul.nav_menu li:hover ul li.clicked ul li span, .menuTop ul.nav_menu li.clicked ul li:hover ul li a, .menuTop ul.nav_menu li.clicked ul li:hover ul li span, .menuTop ul.nav_menu li.clicked ul li.clicked ul li a, .menuTop ul.nav_menu li.clicked ul li.clicked ul li span { background: none; color: #fff; } .menuTop ul.nav_menu li:hover ul li:hover ul li:hover a, .menuTop ul.nav_menu li:hover ul li:hover ul li:hover span, .menuTop ul.nav_menu li:hover ul li:hover ul li.clicked a, .menuTop ul.nav_menu li:hover ul li:hover ul li.clicked span, .menuTop ul.nav_menu li:hover ul li.clicked ul li:hover a, .menuTop ul.nav_menu li:hover ul li.clicked ul li:hover span, .menuTop ul.nav_menu li:hover ul li.clicked ul li.clicked a, .menuTop ul.nav_menu li:hover ul li.clicked ul li.clicked span, .menuTop ul.nav_menu li.clicked ul li:hover ul li:hover a, .menuTop ul.nav_menu li.clicked ul li:hover ul li:hover span, .menuTop ul.nav_menu li.clicked ul li:hover ul li.clicked a, .menuTop ul.nav_menu li.clicked ul li:hover ul li.clicked span, .menuTop ul.nav_menu li.clicked ul li.clicked ul li:hover a, .menuTop ul.nav_menu li.clicked ul li.clicked ul li:hover span, .menuTop ul.nav_menu li.clicked ul li.clicked ul li.clicked a, .menuTop ul.nav_menu li.clicked ul li.clicked ul li.clicked span { background: #004287; } @media (max-width: 990px) { .menuTop ul.nav_menu li:hover ul li:hover ul li:hover a, .menuTop ul.nav_menu li:hover ul li:hover ul li:hover span, .menuTop ul.nav_menu li:hover ul li:hover ul li.clicked a, .menuTop ul.nav_menu li:hover ul li:hover ul li.clicked span, .menuTop ul.nav_menu li:hover ul li.clicked ul li:hover a, .menuTop ul.nav_menu li:hover ul li.clicked ul li:hover span, .menuTop ul.nav_menu li:hover ul li.clicked ul li.clicked a, .menuTop ul.nav_menu li:hover ul li.clicked ul li.clicked span, .menuTop ul.nav_menu li.clicked ul li:hover ul li:hover a, .menuTop ul.nav_menu li.clicked ul li:hover ul li:hover span, .menuTop ul.nav_menu li.clicked ul li:hover ul li.clicked a, .menuTop ul.nav_menu li.clicked ul li:hover ul li.clicked span, .menuTop ul.nav_menu li.clicked ul li.clicked ul li:hover a, .menuTop ul.nav_menu li.clicked ul li.clicked ul li:hover span, .menuTop ul.nav_menu li.clicked ul li.clicked ul li.clicked a, .menuTop ul.nav_menu li.clicked ul li.clicked ul li.clicked span { color: #004287; background: none; } } @media (max-width: 990px) { .menuTop ul.nav_menu li:hover ul li.clicked ul, .menuTop ul.nav_menu li.clicked ul li.clicked ul { display: block; } } @media (max-width: 990px) { .menuTop ul.nav_menu li:hover ul li:hover ul, .menuTop ul.nav_menu li.clicked ul li:hover ul { display: none; } } @media (max-width: 990px) { .menuTop ul.nav_menu li:hover ul li:hover.clicked ul, .menuTop ul.nav_menu li.clicked ul li:hover.clicked ul { display: block; } } @media (max-width: 990px) { .menuTop ul.nav_menu li.clicked ul { display: block; } } @media (max-width: 990px) { .menuTop ul.nav_menu li.clicked ul ul { display: none; } } @media (max-width: 990px) { .menuTop ul.nav_menu li.clicked ul li.clicked ul { display: block; } } @media (max-width: 990px) { .menuTop ul.nav_menu li:hover ul { display: none; } } @media (max-width: 990px) { .menuTop ul.nav_menu li:hover.clicked ul { display: block; } } .content .submenu { max-width: 780px; margin: 60px auto 0; padding: 0; list-style: none; display: -ms-flexbox; display: -webkit-flex; display: flex; } .content .submenu li { padding: 0 15px; box-sizing: border-box; width: 33.3333%; margin: 0; text-align: center; } .content .submenu li:first-child, .content .submenu li:last-child { -ms-transform: translate(0, -45px); -webkit-transform: translate(0, -45px); transform: translate(0, -45px); } .content .submenu li:before { display: none; } .content .submenu li a { display: block; width: 165px; margin: 0 auto; color: #212121; font-weight: 700; font-size: 18px; line-height: 20px; font-family: "ZhivagoDisplay"; text-transform: uppercase; text-decoration: none; } @media (max-width: 990px) { .content .submenu li a { font-weight: 700; font-size: 15px; line-height: 18px; font-family: "ZhivagoDisplay"; width: auto; } } .content .submenu li a:hover .image { background: #dc4e41; } .content .submenu li .image { margin: 0 auto 10px; width: 165px; height: 165px; border-radius: 50%; background: #4657b2; position: relative; -ms-flex-align-items: center; -webkit-align-items: center; align-items: center; -ms-flex-align-content: center; -webkit-align-content: center; align-content: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; display: -ms-flexbox; display: -webkit-flex; display: flex; transition: all 0.25s ease; } @media (max-width: 990px) { .content .submenu li .image { width: 120px; height: 120px; } } @media (max-width: 415px) { .content .submenu li .image { width: 70px; height: 70px; } } .content .submenu li .image:before { content: ""; display: inline-block; } .content .submenu li .image.ico01:before { background: url(/local/templates/site-template/css/../img/icons/ico-menu01.png) no-repeat center; width: 89px; height: 72px; } @media (max-width: 415px) { .content .submenu li .image.ico01:before { width: 60px; height: 60px; background-size: 50px auto; } } .content .submenu li .image.ico02:before { background: url(/local/templates/site-template/css/../img/icons/ico-menu02.png) no-repeat center; width: 67px; height: 65px; } @media (max-width: 415px) { .content .submenu li .image.ico02:before { width: 60px; height: 60px; background-size: 45px auto; } } .content .submenu li .image.ico03:before { background: url(/local/templates/site-template/css/../img/icons/ico-menu03.png) no-repeat center; width: 71px; height: 61px; } @media (max-width: 415px) { .content .submenu li .image.ico03:before { width: 60px; height: 60px; background-size: 45px auto; } } .menuFooter .menu { margin: 0 -15px; display: -ms-flexbox; display: -webkit-flex; display: flex; box-sizing: border-box; } @media (max-width: 990px) { .menuFooter .menu { width: calc(100% + 30px); margin-bottom: 15px; } } .menuFooter .menu .column { padding: 0 15px; box-sizing: border-box; } @media (max-width: 990px) { .menuFooter .menu .column { width: 33.3333%; } } @media (max-width: 750px) { .menuFooter .menu .column { width: 50%; } } .menuFooter .menu__item { margin: 0 0 12px; text-transform: uppercase; font-weight: 700; font-size: 15px; line-height: 17px; font-family: "ZhivagoDisplay"; } @media (max-width: 480px) { .menuFooter .menu__item { font-weight: 700; font-size: 13px; line-height: 15px; font-family: "ZhivagoDisplay"; margin: 0 0 10px; } } .menuFooter .menu__item a { color: #212121; text-decoration: none; } .menuFooter .menu__item a:hover { color: #dc4e41; text-decoration: none; } .submenu { -ms-transform: translate(2000px, 0); -webkit-transform: translate(2000px, 0); transform: translate(2000px, 0); transition: all 0.6s ease; position: fixed; right: 0; top: 0; bottom: 0; max-height: 100%; overflow: hidden; overflow-y: auto; background: #4657b2; color: #fff; box-sizing: border-box; padding: 66px; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align-items: center; -webkit-align-items: center; align-items: center; -ms-flex-align-content: center; -webkit-align-content: center; align-content: center; width: 50vw; min-width: 320px; } .submenu .title { font-weight: 400; font-size: 36px; line-height: 38px; font-family: "ZhivagoDisplay"; text-transform: uppercase; margin: 0 0 30px; width: 100%; } .submenu ul { padding: 0; list-style: none; } .submenu ul.col2 { margin-left: -15px; box-sizing: border-box; display: block; overflow: hidden; -ms-flex-basis: 100%; -webkit-flex-basis: 100%; flex-basis: 100%; } .submenu ul.col2 .column { padding: 0 15px; width: 50%; box-sizing: border-box; float: left; } .submenu ul li { margin: 0 0 15px; font-weight: 400; font-size: 20px; line-height: 26px; font-family: "IBM Plex Sans", sans-serif; } .submenu ul li a { text-decoration: none; color: #fff; } .submenu ul li a:hover { color: #aabdff; text-decoration: none; } .submenu .close { background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23ffffff' fill-rule='evenodd' d='M9.546 8.839L18.385 0l.707.707-8.839 8.839 8.839 8.839-.707.707-8.84-8.839-8.838 8.839L0 18.385l8.839-8.84L0 .708.707 0l8.839 8.839z'%3E%3C/path%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; width: 20px; height: 20px; display: block; position: absolute; right: 45px; top: 45px; cursor: pointer; transition: all 0.25s ease; } .submenu .close:hover { opacity: 0.8; } .submenu.nav-active { -ms-transform: translate(0, 0px); -webkit-transform: translate(0, 0px); transform: translate(0, 0px); z-index: 11; } .submenu.nav-active + .shadow { background: rgba(0, 0, 0, 0.5); position: fixed; top: 0px; left: 0; right: 0; bottom: 0; z-index: 0; } input[type=text], input[type=password], input[type=tel], input[type=email], textarea, .input { border: 1px solid #c4ceda; height: 40px; font-weight: 400; font-size: 14px; line-height: 16px; font-family: "IBM Plex Sans", sans-serif; color: #1d1d1d; padding: 0px 15px; width: 100%; box-sizing: border-box; transition: all 0.25s ease; margin: 0; background: #fff; display: inline-block; } input[type=text]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, textarea::-webkit-input-placeholder, .input::-webkit-input-placeholder { color: #9b9b9b; opacity: 1; } input[type=text]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=email]::-moz-placeholder, textarea::-moz-placeholder, .input::-moz-placeholder { color: #9b9b9b; opacity: 1; } input[type=text]:-moz-placeholder, input[type=password]:-moz-placeholder, input[type=tel]:-moz-placeholder, input[type=email]:-moz-placeholder, textarea:-moz-placeholder, .input:-moz-placeholder { color: #9b9b9b; opacity: 1; } input[type=text]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, textarea:-ms-input-placeholder, .input:-ms-input-placeholder { color: #9b9b9b; opacity: 1; } input[type=text]:focus, input[type=password]:focus, input[type=tel]:focus, input[type=email]:focus, textarea:focus, .input:focus { box-shadow: inset 1px 2px 2px rgba(0, 0, 0, 0.2); color: #1d1d1d; } textarea { height: 100px; padding: 10px 15px; line-height: normal; } @media (max-width: 990px) { textarea { height: 90px; } } .formButton input[type=submit], .formButton input[type=button], .formButton button, .btn, .searchTop button, .searchText .search-button { display: inline-block; box-sizing: border-box; height: 45px; font-weight: 400; font-size: 16px; line-height: 48px; font-family: "IBM Plex Sans", sans-serif; color: #fff !important; border-radius: 2px; padding: 0px 20px; border: none; cursor: pointer; text-decoration: none; background: #4657b2; text-align: center; transition: all 0.25s ease; } .formButton input[type=submit]:hover, .formButton input[type=button]:hover, .formButton button:hover, .btn:hover, .searchTop button:hover, .searchText .search-button:hover { color: #fff !important; background: #9d9ee3; text-decoration: none; } .formButton input[type=submit]:hover, .formButton input[type=submit]:focus, .formButton input[type=submit]:active, .formButton input[type=button]:hover, .formButton input[type=button]:focus, .formButton input[type=button]:active, .formButton button:hover, .formButton button:focus, .formButton button:active, .btn:hover, .btn:focus, .btn:active, .searchTop button:hover, .searchTop button:focus, .searchTop button:active, .searchText .search-button:hover, .searchText .search-button:focus, .searchText .search-button:active { outline: none; outline: 0; } .formButton input[type=submit].btn-border, .formButton input[type=button].btn-border, .formButton button.btn-border, .btn.btn-border, .searchTop button.btn-border, .searchText .search-button.btn-border { border: 1px solid #aabdff; background: #fff; height: 40px; font-weight: 400; font-size: 16px; line-height: 40px; font-family: "IBM Plex Sans", sans-serif; color: #4657b2 !important; text-transform: none; box-shadow: 3px 3px 1px #aabdff; } .formButton input[type=submit].btn-border:hover, .formButton input[type=button].btn-border:hover, .formButton button.btn-border:hover, .btn.btn-border:hover, .searchTop button.btn-border:hover, .searchText .search-button.btn-border:hover { color: #fff !important; background: #4657b2; } .arrow { display: inline-block; } .arrow:after { content: ""; width: 16px; height: 12px; background: url(/local/templates/site-template/css/../img/arrow-s.png) no-repeat 0 0; display: inline-block; margin: 0 0 0 5px; vertical-align: middle; } .arrow:hover:after { background-position: 0 -13px; } .formField { position: relative; margin-bottom: 15px; color: #333; } .formField.error input[type=text], .formField.error input[type=password], .formField.error textarea { border-color: #dc4e41 !important; position: relative; padding-left: 15px; } .formField.error input[type=text]::-webkit-input-placeholder, .formField.error input[type=password]::-webkit-input-placeholder, .formField.error textarea::-webkit-input-placeholder { color: #dc4e41; } .formField.error input[type=text]::-moz-placeholder, .formField.error input[type=password]::-moz-placeholder, .formField.error textarea::-moz-placeholder { color: #dc4e41; } .formField.error input[type=text]:-moz-placeholder, .formField.error input[type=password]:-moz-placeholder, .formField.error textarea:-moz-placeholder { color: #dc4e41; } .formField.error input[type=text]:-ms-input-placeholder, .formField.error input[type=password]:-ms-input-placeholder, .formField.error textarea:-ms-input-placeholder { color: #dc4e41; } .formField.error input[type=text]:focus, .formField.error input[type=password]:focus, .formField.error textarea:focus { box-shadow: 0px 0px 3px #a0375c; } .formField.error .error-text { display: block; } .formField .error-text { color: #a0375c; position: absolute; right: 0px; top: 100%; margin-top: 2px; font-weight: 400; font-size: 14px; line-height: 14px; font-family: "IBM Plex Sans", sans-serif; display: none; } .formField:after { display: block; position: absolute; content: ""; position: relative; clear: both; } .formField label { display: -ms-flexbox; display: -webkit-flex; display: flex; font-weight: 400; font-size: 22px; line-height: 26px; font-family: "IBM Plex Sans", sans-serif; color: #000; margin: 0 0 10px; } @media (max-width: 990px) { .formField label { font-weight: 400; font-size: 18px; line-height: 22px; font-family: "IBM Plex Sans", sans-serif; } } @media (max-width: 990px) { .formField label .jq-radio { margin-top: 2px; } } .formField label .jq-radio.checked + span { color: #4657b2; } .formField img { max-width: inherit; } .col2 { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-pack: space-between; -webkit-justify-content: space-between; justify-content: space-between; } @media (max-width: 480px) { .col2 { -ms-flex-pack: flex-start; -webkit-justify-content: flex-start; justify-content: flex-start; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } } .divForm .formField { margin: 30px 0 0; } .divForm .formField:before, .divForm .formField:after { display: none; } @media (max-width: 480px) { .divForm .formField { margin: 25px 0 0; } } .divForm .formButton { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align-items: center; -webkit-align-items: center; align-items: center; -ms-flex-pack: space-between; -webkit-justify-content: space-between; justify-content: space-between; margin: 30px 0 0; } @media (max-width: 480px) { .divForm .formButton { -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 15px 0 0; } } .divForm .formButton p { margin: 0; line-height: 21px; -ms-flexbox: 1 1; -webkit-flex: 1 1; flex: 1 1; } @media (max-width: 480px) { .divForm .formButton p { font-weight: 300; font-size: 14px; line-height: 18px; font-family: "IBM Plex Sans", sans-serif; } } .divForm .formButton button, .divForm .formButton .btn { padding: 0 15px; -ms-flexbox: 0 0 auto; -webkit-flex: 0 0 auto; flex: 0 0 auto; margin-left: 15px; } @media (max-width: 480px) { .divForm .formButton button, .divForm .formButton .btn { -ms-flexbox: 0 0 100%; -webkit-flex: 0 0 100%; flex: 0 0 100%; margin: 15px 0 0; } } .form .row .formField.col-xs-12 .placeholder { left: 16px; right: 16px; } .form .row .formButton { float: right; } .form .row .formButton .btn { width: 100%; } .form .formField { margin-bottom: 15px; } .form .formField.row .placeholder { left: 16px; right: 16px; } .form .formField.row .formButton, .form .formField.row .back-form { margin-top: 30px; } .form .formField.row-f { -ms-flex-align-items: center; -webkit-align-items: center; align-items: center; -ms-flex-align-content: center; -webkit-align-content: center; align-content: center; } .form .formField.row-f .formButton { -ms-order: 2; -webkit-order: 2; order: 2; } @media (max-width: 750px) { .form .formField.row-f .formButton { -ms-order: 0; -webkit-order: 0; order: 0; } } @media (max-width: 750px) { .form .formField.row-f .back-form { height: auto; } } .form .formField .title { font-weight: 400; font-size: 18px; line-height: 22px; font-family: "IBM Plex Sans", sans-serif; color: #646464; } @media (max-width: 990px) { .form .formField .title { font-weight: 400; font-size: 16px; line-height: 18px; font-family: "IBM Plex Sans", sans-serif; } } .form .formField .info { display: block; margin: 5px 0; font-weight: 400; font-size: 14px; line-height: 16px; font-family: "IBM Plex Sans", sans-serif; color: #646464; } @media (max-width: 990px) { .form .formField .info { font-weight: 400; font-size: 13px; line-height: 15px; font-family: "IBM Plex Sans", sans-serif; } } .form .formField .info a, .form .formField .info span { color: #4657b2; border-bottom: 1px dotted #4657b2; } .form .formField .info a:hover, .form .formField .info span:hover { border-color: transparent; color: #dc4e41; } .form .formField input[type=text], .form .formField input[type=password], .form .formField input[type=tel], .form .formField input[type=mail] { height: 60px; background: #f4f4f4; font-weight: 400; font-size: 20px; line-height: 22px; font-family: "IBM Plex Sans", sans-serif; color: #8a8a8a; border-color: #f4f4f4; } @media (max-width: 990px) { .form .formField input[type=text], .form .formField input[type=password], .form .formField input[type=tel], .form .formField input[type=mail] { height: 40px; font-weight: 400; font-size: 16px; line-height: 18px; font-family: "IBM Plex Sans", sans-serif; } } .form .formField .placeholder { display: block; white-space: nowrap; color: #8a8a8a; position: absolute; font-weight: 400; font-size: 20px; line-height: 58px; font-family: "IBM Plex Sans", sans-serif; height: 58px; left: 0px; right: 0px; bottom: 1px; background: #f4f4f4; padding: 0 14px; z-index: 0; transition: all 0.25s ease; } @media (max-width: 990px) { .form .formField .placeholder { font-weight: 400; font-size: 16px; line-height: 38px; font-family: "IBM Plex Sans", sans-serif; height: 38px; } } .form .formField .placeholder .star { color: #4657b2; } .form .formField.required input { background: none; z-index: 1; position: relative; } .form .formField.required input:valid, .form .formField.required input:focus { z-index: 1; background: #f4f4f4; } .form .formField.required input:valid + .placeholder, .form .formField.required input:focus + .placeholder { z-index: 0; } .form .formField.required input:invalid + .placeholder { opacity: 1; } .form .formField.link { font-weight: 400; font-size: 15px; line-height: 22px; font-family: "IBM Plex Sans", sans-serif; } .form .formField.link a, .form .formField.link span { color: #6a6a6a; text-decoration: none; display: inline-block; border-bottom: 1px dashed #4657b2; transition: all 0.25s ease; } .form .formField.link a:hover, .form .formField.link span:hover { color: #4657b2; border-color: transparent; } .form .formField label { font-weight: 400; font-size: 15px; line-height: 22px; font-family: "IBM Plex Sans", sans-serif; display: -ms-flexbox; display: -webkit-flex; display: flex; margin: 0 0 10px; color: #6a6a6a; -ms-flex-align-items: center; -webkit-align-items: center; align-items: center; } .form .formField label span { -ms-flexbox: 1 1; -webkit-flex: 1 1; flex: 1 1; } .form .formField label a { color: #6a6a6a; text-decoration: none; border-bottom: 1px solid #4657b2; } .form .formField label a:hover { border-color: transparent; color: #4657b2; } .form .formButton { text-align: right; } .form .formButton .btn { height: 60px; line-height: 60px; font-size: 20px; } @media (max-width: 990px) { .form .formButton .btn { height: 40px; line-height: 40px; font-size: 16px; } } .form .line { margin: 25px 0; border-top: 1px solid #d8d8d8; } .form .back-form { height: 60px; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align-items: center; -webkit-align-items: center; align-items: center; } .form .back-form a, .form .back-form span { font-weight: 400; font-size: 15px; line-height: 22px; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; border-bottom: 1px dashed #4657b2; color: #6a6a6a; text-decoration: none; display: inline-block; margin-left: 30px; position: relative; } .form .back-form a:before, .form .back-form span:before { display: block; position: absolute; content: ""; width: 20px; height: 14px; background: url(/local/templates/site-template/css/../img/left.png) no-repeat -2px center; background-position: center; background-repeat: no-repeat; left: -32px; top: calc(50% - 7px); } .form .back-form a:hover, .form .back-form span:hover { color: #4657b2; border-color: transparent; } .content-search input[type=text] { height: 40px; line-height: 40px; margin: 0; } .captcha { overflow: hidden; } .captcha img { float: left; margin-right: 15px; } .captcha input { width: 120px; } @media (max-width: 600px) { .g-recaptcha { transform: scale(0.77); -webkit-transform: scale(0.77); transform-origin: 0 0; -webkit-transform-origin: 0 0; } } #toTop { position: fixed; bottom: 15px; right: 15px; width: 47px; height: 47px; cursor: pointer; display: none; color: #fff; z-index: 4; opacity: 0.8; background-image: url("data:image/svg+xml,%3Csvg width='47' height='47' viewBox='0 0 47 47' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M23.5 46C35.9264 46 46 35.9264 46 23.5C46 11.0736 35.9264 1 23.5 1C11.0736 1 1 11.0736 1 23.5C1 35.9264 11.0736 46 23.5 46Z' stroke='%23AABDFF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24.0165 12L13 21.433L15.1763 23.3025L22.3424 17.033V34H25.6906V17.0618L32.8567 23.3025L35 21.433L24.0165 12Z' fill='%23AABDFF'/%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; transition: all 0.25s ease; } #toTop:hover { opacity: 1; } .printBtn { display: none; } .mfp-content .displaynone { display: block; } .mfp-content .form { background: #fff; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5); padding: 30px 20px 20px; width: 500px; } @media (max-width: 600px) { .mfp-content .form { width: auto; padding: 30px 15px 15px; } } .mfp-content .form#auth-form { width: 300px; } @media (max-width: 600px) { .mfp-content .form#auth-form { width: auto; } } .mfp-content .form .h1 { font-weight: 400; font-size: 20px; line-height: 26px; font-family: "ZhivagoDisplay"; margin: 10px 0 15px; padding: 0 0 10px; color: #4657b2; } .mfp-content .form h3 { margin: 0 0 15px; padding: 0 0 10px; color: #4657b2; border-bottom: 1px solid #4657b2; } .mfp-content form .formButton button { width: 100%; } .mfp-content form p { font-weight: 400; font-size: 14px; line-height: 18px; font-family: "IBM Plex Sans", sans-serif; text-align: center; margin: 10px 0 0; } .mfp-content form p a { display: inline-block; margin: 0 5px; } .mfp-content form p a.red { color: #dc4e41; } .mfp-close, button.mfp-close { background: url(/local/templates/site-template/css/../img/icons/svg/close.svg) no-repeat center; width: 26px; height: 26px; box-sizing: border-box; position: absolute; right: 10px; top: 10px; cursor: pointer; opacity: 1; text-indent: -9999px; border-radius: 0; transition: all 0s ease; opacity: 0.5; } .mfp-close:hover, button.mfp-close:hover { opacity: 0.8; } .jq-checkbox { width: 20px; height: 20px; border: 2px solid #ACACAC; background: rgba(255, 255, 255, 0.8); overflow: visible !important; vertical-align: middle; box-sizing: border-box; -ms-flexbox: 0 0 20px; -webkit-flex: 0 0 20px; flex: 0 0 20px; cursor: pointer; border-radius: 3px; margin: 0 10px 0 0; } .jq-checkbox__div { width: 16px; height: 15px; background: url(/local/templates/site-template/css/../img/icons/check.png) no-repeat; position: absolute; top: -3px; right: -3px; opacity: 0; transition: all 0.25s ease; } .jq-checkbox.checked .jq-checkbox__div { opacity: 1; } .jq-checkbox.disabled { opacity: 0.55; filter: alpha(opacity=55); } .jq-radio { width: 15px; height: 15px; border: 2px solid #979797; border-radius: 50%; background: #fff; -ms-flexbox: 0 0 15px; -webkit-flex: 0 0 15px; flex: 0 0 15px; box-sizing: border-box; vertical-align: middle; cursor: pointer; display: inline-block; margin: 4px 10px 0px 0; } .jq-radio.checked { border-color: #4657b2; } .jq-radio.checked .jq-radio__div { width: 9px; height: 9px; border-radius: 50%; margin: 1px 0 0 1px; border-radius: 50%; background: #4657b2; } .jq-radio.disabled { opacity: 0.55; filter: alpha(opacity=55); } .jq-file { display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; background: #f5f9ff; border: 2px dashed #c4ceda; border-radius: 5px; padding: 10px; height: 95px; width: 100%; box-sizing: border-box; -ms-flex-align-items: center; -webkit-align-items: center; align-items: center; -ms-flex-align-content: center; -webkit-align-content: center; align-content: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; margin: 0 0 10px; } .jq-file input { cursor: pointer; height: auto; line-height: 1em; } .jq-file__name { display: block; border: none; height: 34px; font-weight: 700; font-size: 16px; line-height: 34px; font-family: "ZhivagoDisplay"; width: 100%; max-width: 170px; color: #fff; padding: 0px 15px; text-transform: uppercase; width: 100%; box-sizing: border-box; transition: all 0.25s ease; margin: 0; background: #4657b2; border-radius: 30px; text-align: center; } .jq-file__name:focus { background: #dc4e41; color: #fff; } .focused .jq-file__name { border-color: #4657b2; } .jq-file__browse { color: #788593; font-weight: 700; font-size: 16px; line-height: 22px; font-family: "ZhivagoDisplay"; text-transform: uppercase; margin-left: 10px; } .jq-selectbox { cursor: pointer; display: block !important; z-index: 3 !important; } .jq-selectbox__select { height: 44px; padding: 0 35px 0 10px; border: 1px solid #bbbbbb; background: #fff; line-height: 44px; font-weight: 400; font-size: 16px; line-height: 44px; font-family: "IBM Plex Sans", sans-serif; color: #1d1d1d; border-radius: 5px; box-sizing: border-box; } .jq-selectbox__select:hover { background: #F1f1f1; color: #1d1d1d; } .jq-selectbox__select:active { color: #1d1d1d; box-shadow: 0px 0px 3px #80cff1; border-color: #80cff1; } .jq-selectbox.changed { z-index: 2; } .jq-selectbox.focused .jq-selectbox__select { box-shadow: 0px 0px 3px #80cff1; border-color: #80cff1; } .jq-selectbox.disabled .jq-selectbox__select { border-color: #e8e9ed; background: #fff; box-shadow: none; color: #bbbbbb; } .jq-selectbox.disabled .jq-selectbox__select .jq-selectbox__trigger .jq-selectbox__trigger-arrow:before { border-top-color: #e8e9ed; } .jq-selectbox__select-text { display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .jq-selectbox .placeholder { color: #888; } .jq-selectbox__trigger { position: absolute; top: 0; right: 0; width: 30px; height: 100%; } .jq-selectbox__trigger-arrow { position: absolute; top: 12px; right: 10px; width: 0; height: 0; width: 15px; height: 15px; } .jq-selectbox__trigger-arrow:before { display: block; position: absolute; content: ""; width: 0px; height: 0px; left: 0; top: 5px; border-top: 10px solid #a0375c; border-left: 6px solid transparent; border-right: 6px solid transparent; } .jq-selectbox:hover .jq-selectbox__trigger-arrow { opacity: 1; filter: alpha(opacity=100); } .jq-selectbox.disabled .jq-selectbox__trigger-arrow:before { border-top-color: #e8e9ed; } .jq-selectbox__dropdown { top: 44px; width: 100% !important; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; border: 1px solid #bbb; background: #FFF; font-size: 14px; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4); } @media (max-width: 990px) { .jq-selectbox__dropdown { top: 44px; } } .jq-selectbox__dropdown ul { margin: 0 !important; } .jq-selectbox__search { margin: 5px; display: none; } .jq-selectbox__search input { -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; margin: 0; padding: 5px 27px 6px 8px; outline: none; border: 1px solid #CCC; border-radius: 3px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNqU078LAXEYx/FzYfNzk5TJaFNKYjFYSQZ/hvwBsvg1UCY2xT9gM8hukQGThWRjkcFw3pdnujhfT736Xn2fPvfc3fd07V0OFDDFAnM0ENYsZRiGLSc9OpqIYIA9fMhhjCrW2h9VlMlcH/aymMGtOqEugX08PwQucUZKdTozMIqdTc9WepQD7wjY9ARx+ydwhfyXfS+S0qMcOEQJGcueB3VccFINdMgal6NzkmPjRwJXxDBB7/2RDdtAp6wb+dpphHDASG5QQ0V6u2aoSqBZD/lDrNWRJynLK2qpBn4rc6K2XB9/Nb8EGABtf1thzY6X2AAAAABJRU5ErkJggg==) no-repeat 100% 50%; box-shadow: inset 1px 1px #F1F1F1; color: #333; -webkit-appearance: textfield; } .jq-selectbox__search input::-webkit-search-cancel-button, .jq-selectbox__search input::-webkit-search-decoration { -webkit-appearance: none; } .jq-selectbox__not-found { margin: 5px; padding: 5px 8px 6px; background: #F0F0F0; font-size: 13px; } .jq-selectbox ul { margin: 0; padding: 0; background: #fff; } .jq-selectbox li { padding: 7px 10px 7px !important; color: #231F20; margin: 0 !important; } .jq-selectbox li:before { display: none !important; } .jq-selectbox li.selected { background-color: #A3ABB1; color: #FFF; } .jq-selectbox li:hover { background-color: #009ee3; color: #FFF; } .jq-selectbox li.disabled { color: #AAA; } .jq-selectbox li.disabled:hover { background: none; } .jq-selectbox li.optgroup { font-weight: bold; } .jq-selectbox li.optgroup:hover { background: none; color: #231F20; cursor: default; } .jq-selectbox li.option { padding-left: 25px; } .jq-select-multiple { -moz-box-sizing: border-box; box-sizing: border-box; padding: 1px; border: 1px solid #CCC; border-bottom-color: #B3B3B3; border-radius: 4px; box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0, 0, 0, 0.1); background: #FFF; color: #333; font: 14px/18px Arial, sans-serif; cursor: default; } .jq-select-multiple.focused { border: 1px solid #5794BF; } .jq-select-multiple.disabled { border-color: #CCC; background: #F5F5F5; box-shadow: none; color: #888; } .jq-select-multiple ul { margin: 0; padding: 0; } .jq-select-multiple li { padding: 3px 9px 4px; list-style: none; } .jq-select-multiple li:first-child { border-radius: 3px 3px 0 0; } .jq-select-multiple li:last-child { border-radius: 0 0 3px 3px; } .jq-select-multiple li.selected { background: #08C; color: #FFF; } .jq-select-multiple li.disabled { color: #AAA; } .jq-select-multiple.disabled li.selected, .jq-select-multiple li.selected.disabled { background: #CCC; color: #FFF; } .jq-select-multiple li.optgroup { font-weight: bold; } .jq-select-multiple li.option { padding-left: 25px; } input[type=email].styler, input[type=number].styler, input[type=password].styler, input[type=search].styler, input[type=tel].styler, input[type=text].styler, input[type=url].styler, textarea.styler { padding: 7px 9px; border: 1px solid #CCC; border-bottom-color: #B3B3B3; border-radius: 4px; box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0, 0, 0, 0.1); color: #333; font: 14px Arial, sans-serif; } input[type=search].styler { -webkit-appearance: none; } textarea.styler { overflow: auto; } input[type=email].styler:hover, input[type=number].styler:hover, input[type=password].styler:hover, input[type=search].styler:hover, input[type=tel].styler:hover, input[type=text].styler:hover, input[type=url].styler:hover, textarea.styler:hover { border-color: #B3B3B3; } input[type=email].styler:focus, input[type=number].styler:focus, input[type=password].styler:focus, input[type=search].styler:focus, input[type=tel].styler:focus, input[type=text].styler:focus, input[type=url].styler:focus, textarea.styler:focus { border-color: #CCC; border-top-color: #B3B3B3; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); outline: none; } button.styler, input[type=button].styler, input[type=submit].styler, input[type=reset].styler { overflow: visible; padding: 7px 11px; outline: none; border: 1px solid #CCC; border-bottom-color: #B3B3B3; border-radius: 4px; background: #F1F1F1 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAIAAABi9+OQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABdJREFUeNpi+v//PxM2zMDAQEtxgAADAF2uTe9L4getAAAAAElFTkSuQmCC) repeat-x; box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0, 0, 0, 0.1); color: #333; text-shadow: 1px 1px #FFF; font: 14px Arial, sans-serif; cursor: pointer; } button.styler::-moz-focus-inner, input[type=button].styler::-moz-focus-inner, input[type=submit].styler::-moz-focus-inner, input[type=reset].styler::-moz-focus-inner { padding: 0; border: 0; } button.styler:after { content: ""; } button.styler:not([disabled]):hover, input[type=button].styler:not([disabled]):hover, input[type=submit].styler:not([disabled]):hover, input[type=reset].styler:hover { background-color: #E6E6E6; background-position: 0 -10px; } button.styler:not([disabled]):active, input[type=button].styler:not([disabled]):active, input[type=submit].styler:not([disabled]):active, input[type=reset].styler:active { background: #F5F5F5; box-shadow: inset 1px 1px 3px #DDD; } button.styler[disabled], input[type=button].styler[disabled], input[type=submit].styler[disabled] { border-color: #CCC; background: #F5F5F5; box-shadow: none; color: #888; } a { color: #4657b2; text-decoration: none; transition: all 0.25s ease; } a:hover { color: #13289b; text-decoration: none; } a:hover, a:focus, a:active { outline: none; outline: 0; } img { max-width: 100%; height: auto; } h1, h2, h3, .h1, .h2, .h3 { font-family: "IBM Plex Sans", sans-serif; color: #212121; font-weight: normal; line-height: 100%; margin: 0.3rem 0 0.4rem 0; } h1, .h1 { font-weight: 400; font-size: 86px; line-height: 88px; font-family: "ZhivagoDisplay"; color: #1d1d1d; margin: 0px 0 30px; text-transform: uppercase; } @media (max-width: 990px) { h1, .h1 { font-weight: 400; font-size: 60px; line-height: 64px; font-family: "ZhivagoDisplay"; } } @media (max-width: 750px) { h1, .h1 { font-weight: 400; font-size: 40px; line-height: 42px; font-family: "ZhivagoDisplay"; } } @media (max-width: 480px) { h1, .h1 { font-weight: 400; font-size: 32px; line-height: 34px; font-family: "ZhivagoDisplay"; } } h1 a, .h1 a { text-decoration: none; color: #212121; } h1 a:hover, .h1 a:hover { text-decoration: none; } h1 span, .h1 span { display: block; color: #979797; } h1 i, .h1 i { font-style: normal; display: inline-block; position: relative; padding-left: 48px; margin-left: 10px; } h1 i:before, .h1 i:before { display: block; position: absolute; content: ""; top: calc(50% - 9px); left: 0; width: 13px; height: 14px; border-radius: 50%; -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg); background: #000; margin: 0 5px; } .h1-project { padding-left: 100px; } @media (max-width: 750px) { .h1-project { padding-left: 50px; } } .h1-project .title { font-weight: 400; font-size: 38px; line-height: 40px; font-family: "ZhivagoDisplay"; margin: 0 0 50px; position: relative; color: #1d1d1d; text-transform: uppercase; } @media (max-width: 990px) { .h1-project .title { margin: 0 0 30px; font-weight: 400; font-size: 30px; line-height: 36px; font-family: "ZhivagoDisplay"; } } @media (max-width: 750px) { .h1-project .title { margin: 0 0 15px; font-weight: 400; font-size: 28px; line-height: 32px; font-family: "ZhivagoDisplay"; } } .h1-project .title:before { display: block; position: absolute; content: ""; height: 10px; left: -100px; bottom: 11px; width: 90px; background: #aabdff; } @media (max-width: 750px) { .h1-project .title:before { width: 40px; left: -50px; } } .h1-project h1 { font-weight: 400; font-size: 86px; line-height: 90px; font-family: "ZhivagoDisplay"; } @media (max-width: 990px) { .h1-project h1 { font-weight: 400; font-size: 48px; line-height: 60px; font-family: "ZhivagoDisplay"; } } @media (max-width: 750px) { .h1-project h1 { font-weight: 400; font-size: 36px; line-height: 50px; font-family: "ZhivagoDisplay"; } } .h1 { font-weight: 400; font-size: 66px; line-height: 70px; font-family: "ZhivagoDisplay"; text-transform: uppercase; margin: 0 0 45px; } @media (max-width: 990px) { .h1 { font-weight: 400; font-size: 48px; line-height: 60px; font-family: "ZhivagoDisplay"; } } @media (max-width: 750px) { .h1 { font-weight: 400; font-size: 36px; line-height: 50px; font-family: "ZhivagoDisplay"; } } h2, .h2 { font-weight: 400; font-size: 45px; line-height: 48px; font-family: "ZhivagoDisplay"; color: #212121; margin: 30px 0 30px; text-transform: uppercase; } @media (max-width: 990px) { h2, .h2 { font-weight: 400; font-size: 36px; line-height: 40px; font-family: "ZhivagoDisplay"; } } @media (max-width: 600px) { h2, .h2 { font-weight: 400; font-size: 30px; line-height: 34px; font-family: "ZhivagoDisplay"; } } @media (max-width: 480px) { h2, .h2 { font-weight: 400; font-size: 24px; line-height: 30px; font-family: "ZhivagoDisplay"; } } h2 a, .h2 a { text-decoration: none; color: #212121; } h2 a:hover, .h2 a:hover { text-decoration: none; } h3, .h3 { font-weight: 700; font-size: 19px; line-height: 22px; font-family: "ZhivagoDisplay"; color: #212121; text-transform: uppercase; margin: 30px 0 20px; } @media (max-width: 480px) { h3, .h3 { font-weight: 700; font-size: 16px; line-height: 20px; font-family: "ZhivagoDisplay"; } } h3 a, .h3 a { text-decoration: none; color: #212121; } h3 a:hover, .h3 a:hover { text-decoration: none; } h4 { color: #9a5168; text-transform: uppercase; font-weight: 700; font-size: 22px; line-height: 24px; font-family: "ZhivagoDisplay"; margin: 10px 0; } @media (max-width: 600px) { h4 { font-weight: 700; font-size: 20px; line-height: 22px; font-family: "ZhivagoDisplay"; } } @media (max-width: 480px) { h4 { font-weight: 700; font-size: 18px; line-height: 20px; font-family: "ZhivagoDisplay"; } } h5, .h5 { font-weight: 600; font-size: 18px; line-height: 22px; font-family: "IBM Plex Sans", sans-serif; color: #000; margin: 0px 0 15px; } h5 a, .h5 a { text-decoration: none; color: #212121; } h5 a:hover, .h5 a:hover { text-decoration: none; } .span1 { width: 847px; width: 48.7%; } .span2 { width: 555px; width: 48.7%; } .span4 { width: 265px; width: 22.6%; } .fleft { float: left; } .fright { float: right; } .hidden { display: none; } .displaynone { display: none; } .visible { opacity: 1; } .row { box-sizing: border-box; } .row * { box-sizing: border-box; } .row.row-f { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .row.row-f:before, .row.row-f:after { display: none; } @media (max-width: 990px) { .row.row-f .order1 { order: 1; } } @media (max-width: 990px) { .row.row-f .order2 { order: 2; } } @media (max-width: 990px) { .row.row-f .order3 { order: 3; } } abbr { cursor: help; } .group:before, .group:after { content: ""; display: table; } .group:after { clear: both; } .group { *zoom: 1; } .inline { display: inline; } .block { display: block; } .inline-block { display: inline-block; *display: inline; *zoom: 1; } .relative, .rel { position: relative; } .absolute { position: absolute; } .left, .leftalign, .tleft { text-align: left; } .center, .centeralign, .tcenter { text-align: center; } .right, .rightalign, .tright { text-align: right; } .topvalign, .vtop { vertical-align: top; } .middlevalign, .vmiddle { vertical-align: middle; } .bottomvalign, .vbottom { vertical-align: bottom; } .fleft { float: left; } .fright { float: right; } .bold { font-weight: bold; } .italic { font-style: italic; } .big, .big a { font-size: 1.25em; } .small, .small a { font-size: 0.8em; } .darkred, .darkred a { color: #800000; } .black, .black a { color: black; } .red, .red a { color: #dc4e41; } .grey, .grey a { color: #edf3f8; } .bold, .bold a { font-weight: bold; } .star, .req { color: #dc4e41; } .clear { clear: both; } .clearfix::after { content: ""; display: table; clear: both; } p.indent { text-indent: 1.25cm; } .content { position: relative; font-weight: 400; font-size: 20px; line-height: 30px; font-family: "IBM Plex Sans", sans-serif; color: #212121; margin-bottom: 60px; max-width: 820px; } @media (max-width: 990px) { .content { margin-bottom: 50px; font-weight: 400; font-size: 18px; line-height: 26px; font-family: "IBM Plex Sans", sans-serif; } } .content a { color: #4657b2; text-decoration: underline; } .content a:hover { color: #13289b; text-decoration: none; } .content a[href^="tel:"] { color: #1d1d1d; text-decoration: none; } .content .h1 { font-weight: 400; font-size: 66px; line-height: 70px; font-family: "ZhivagoDisplay"; text-transform: uppercase; margin: 0 0 30px; } @media (max-width: 990px) { .content .h1 { font-weight: 400; font-size: 48px; line-height: 60px; font-family: "ZhivagoDisplay"; } } @media (max-width: 750px) { .content .h1 { font-weight: 400; font-size: 36px; line-height: 50px; font-family: "ZhivagoDisplay"; } } .content .top { font-weight: 400; font-size: 25px; line-height: 34px; font-family: "IBM Plex Sans", sans-serif; margin: 0 0 30px; } .content .bold { font-weight: 400; font-size: 25px; line-height: 34px; font-family: "IBM Plex Sans", sans-serif; } .content .textWidth { width: 1140px; } @media (max-width: 1180px) { .content .textWidth { width: 960px; } } @media (max-width: 990px) { .content .textWidth { width: auto; } } .content .textBox { width: 1140px; border-top: 0.5px solid #4657b2; padding-top: 30px; margin-top: 40px; } @media (max-width: 1180px) { .content .textBox { width: 960px; } } @media (max-width: 990px) { .content .textBox { width: auto; } } .content ul { list-style: none; margin: 0 0 30px; padding: 0; } .content ul li { padding: 0 0 0 18px; position: relative; margin: 0 0 10px; } .content ul li:before { width: 7px; height: 7px; top: 13px; left: 0; background: #8c99a9; border-radius: 50%; display: block; position: absolute; content: ""; margin: 0; counter-increment: none; } .content ul li ul { margin: 10px 0; } .content ul li ul li { margin: 0 0 5px; padding: 0 0 0 18px; } .content ul li ul li:before { width: 6px; height: 6px; top: 10px; } .content ol { list-style: none; counter-reset: li1; margin: 30px 0; padding: 0; font-weight: 400; font-size: 16px; line-height: 19px; font-family: "IBM Plex Sans", sans-serif; } @media (max-width: 990px) { .content ol { margin: 20px 0; } } .content ol li { padding: 0 0 0 32px; position: relative; margin: 0 0 10px; } @media (max-width: 990px) { .content ol li { padding: 0 0 0 28px; } } .content ol li:before { display: block; position: absolute; content: ""; color: #8c99a9; left: 2px; top: -2px; font-weight: 700; font-size: 22px; line-height: 18px; font-family: "ZhivagoDisplay"; counter-increment: li1; content: counter(li1) "."; } @media (max-width: 990px) { .content ol li:before { font-weight: 700; font-size: 18px; line-height: 18px; font-family: "ZhivagoDisplay"; top: -1px; } } .content ol li ul { margin: 10px 0 10px 0px; } .content ol li ul li { margin: 0 0 5px; padding: 0 0 0 18px; } .content ol li ul li:before { width: 7px; height: 7px; top: 8px; background: #8c99a9; border-radius: 50%; display: block; position: absolute; content: ""; margin: 0; counter-increment: none; } .content ol li ol { margin: 10px 0 10px 35px; counter-reset: li2; } .content ol li ol li { font-weight: 400; font-size: 16px; line-height: 20px; font-family: "IBM Plex Sans", sans-serif; } @media (max-width: 990px) { .content ol li ol li { font-weight: 400; font-size: 14px; line-height: 18px; font-family: "IBM Plex Sans", sans-serif; } } .content ol li ol li:before { counter-increment: li2; content: counter(li1) "." counter(li2); color: #000; font-weight: 600; } .content .image-inner { max-width: 50%; margin: 5px 30px 30px 0; float: left; } @media (max-width: 750px) { .content .image-inner { float: none; margin: 0 0 15px; } } .content .date { width: 100%; color: #8c99a9; margin: 0 0 5px; } .content .text.grey { background: #e5ecf4; padding: 20px 15px 15px; color: #212121; margin: 0 0 30px; } .content .text.grey h3 { margin-top: 0; } .content .text.grey p { margin: 0 0 10px; } .content .text.grey a { color: #4657b2; } .content .text.grey a:hover { color: #dc4e41; } .content .text.grey .fright { width: 336px; margin: 10px 0 15px 15px; } @media (max-width: 600px) { .content .text.grey .fright { width: 100%; max-width: 300px; margin: 0 auto 15px; float: none; } } .content .text.grey .fright .btn { height: auto; padding: 10px 20px; display: block; line-height: normal; } .content .slider { width: 50%; box-sizing: border-box; padding: 0 0 0 30px; margin: 30px 0; float: right; position: relative; z-index: 2; } @media (max-width: 750px) { .content .slider { width: 100%; margin: 30px auto 30px; padding: 0; float: none; } } .content .slider__big { margin: 0 0 30px; } .content .slider__big .slide { border: 1px solid #c4ceda; float: left; } .content .slider__big .slide a { -ms-flex-align-items: center; -webkit-align-items: center; align-items: center; -ms-flex-align-content: center; -webkit-align-content: center; align-content: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; display: -ms-flexbox; display: -webkit-flex; display: flex; transition: all 0.25s ease; width: 100%; } .content .slider__big .slide a img { display: block; max-width: 100%; max-height: 100%; margin: 0 auto; } .content .slider__small { margin: 0 0px 30px; padding: 0 40px; box-sizing: border-box; } @media (min-width: 1400px) { .content .slider__small { padding: 0 83px; } } .content .slider__small .slick-track { display: -ms-flexbox; display: -webkit-flex; display: flex; } .content .slider__small .slick-prev, .content .slider__small .slick-next { background: transparent url(/local/templates/site-template/css/../img/icons/arrow-grey.png) no-repeat; background-size: 40px auto; } @media (min-width: 1400px) { .content .slider__small .slick-prev, .content .slider__small .slick-next { background: transparent url(/local/templates/site-template/css/../img/icons/arrow-grey.png) no-repeat; } } .content .slider__small .slick-prev.slick-disabled, .content .slider__small .slick-next.slick-disabled { opacity: 0.4; } .content .slider__small .slick-prev { left: 0; } .content .slider__small .slick-next { right: 0; } .content .slider__small .slide { padding: 0 15px; box-sizing: border-box; } @media (max-width: 990px) { .content .slider__small .slide { padding: 0 10px; } } .content .slider__small .slide.slick-current span:before { left: 0; height: 3px; right: 0; bottom: -1px; background: #4657b2; display: block; position: absolute; content: ""; transition: all 0.25s ease; } .content .slider__small .slide span { -ms-flex-align-items: center; -webkit-align-items: center; align-items: center; -ms-flex-align-content: center; -webkit-align-content: center; align-content: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; display: -ms-flexbox; display: -webkit-flex; display: flex; transition: all 0.25s ease; width: 100%; position: relative; border: 1px solid #c4ceda; box-sizing: border-box; cursor: pointer; } .content .slider__small .slide span img { display: block; max-width: 100%; max-height: 100%; } .content .projects { margin-top: 40px; } .content .projects .col-xs-12 .grey { background: #e5ecf4; height: 100%; padding: 20px; font-weight: 400; font-size: 15px; line-height: 22px; font-family: "IBM Plex Sans", sans-serif; color: #212121; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 990px) { .content .projects .col-xs-12 .grey { height: auto; } } .content .projects .col-xs-12 .grey .text { width: 100%; } .content .projects .col-xs-12 .grey .text h2 { margin: 0 0 15px; } .content .projects .col-xs-12 .grey .center { margin: 0; display: -ms-flexbox; display: -webkit-flex; display: flex; width: 100%; -ms-flex-align-self: flex-end; -webkit-align-self: flex-end; align-self: flex-end; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .content .projects .col-xs-12 .grey .center .btn { width: 100%; max-width: 262px; } .content .projects .col-xs-12 .white { border-top: 5px solid #cbd7e5; border-bottom: 5px solid #cbd7e5; height: 100%; font-weight: 400; font-size: 15px; line-height: 22px; font-family: "IBM Plex Sans", sans-serif; color: #212121; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align-items: center; -webkit-align-items: center; align-items: center; -ms-flex-align-content: center; -webkit-align-content: center; align-content: center; } @media (max-width: 990px) { .content .projects .col-xs-12 .white { height: auto; padding: 20px 0; } } .content .projects .col-xs-12 .white .text { width: 100%; } .content .projects .col-xs-12 .white .text h2 { margin: 0 0 15px; } .content table { border: none; margin: 30px 0; position: relative; background: #fff; line-height: 100%; border-top: 1px solid #dddddd; } @media (max-width: 990px) { .content table { width: 100%; } } @media (max-width: 600px) { .content table { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 30px auto; float: none; } } .content table thead tr:hover:before, .content table thead tr:hover:after { display: none; } .content table thead tr:hover th { background: none; } .content table thead tr:hover th:before, .content table thead tr:hover th:after { display: none; } .content table thead tr th { vertical-align: bottom; border: none; font-weight: 700; font-size: 11px; line-height: 13px; font-family: "IBM Plex Sans", sans-serif; padding: 7px 15px; } .content table tr th { text-align: left; padding: 12px 15px 10px; color: #777; transition: all 0.25s ease; font-weight: 700; font-size: 14px; line-height: 16px; font-family: "ZhivagoDisplay"; text-transform: uppercase; vertical-align: top; border-bottom: 1px solid #dddddd; } .content table tr th p { margin: 0; } .content table tr td { padding: 10px 15px; transition: all 0.25s ease; color: #1d1d1d; position: relative; border-bottom: 1px solid #dddddd; font-weight: 400; font-size: 14px; line-height: 16px; font-family: "IBM Plex Sans", sans-serif; vertical-align: top; } .content table tr td p { margin: 0; } .content table tr td .image { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align-items: center; -webkit-align-items: center; align-items: center; position: relative; } .content table tr td .image a:first-child { height: 58px; width: 40px; -ms-flexbox: 0 0 40px; -webkit-flex: 0 0 40px; flex: 0 0 40px; margin: 0 8px 0 0; background-position: center; background-size: cover; background-repeat: no-repeat; } @media (max-width: 700px) { .content table, .content thead, .content tbody, .content th, .content td, .content tr { display: block; } .content table { border: none; box-shadow: none; } .content table thead tr { position: absolute; top: -9999px; left: -9999px; } .content table tbody tr { border: none; border-bottom: 1px solid #dddddd; padding: 15px; margin: 0 0 15px; background: none; } .content table tbody tr:before, .content table tbody tr:after { display: none !important; } .content table tbody tr:hover { background: #f7f7f7; } .content table tbody tr:hover td { background: none; border: none; padding: 0; } .content table tbody tr:hover td:after { display: none !important; } .content table tbody tr td, .content table tbody tr th { margin: 0 0 10px; border: none; padding: 0 !important; background: none; } .content table tbody tr td:before, .content table tbody tr th:before { content: attr(data-head) !important; display: block; position: relative !important; left: auto !important; top: auto !important; bottom: auto !important; right: auto !important; height: auto !important; background: none !important; text-transform: uppercase; text-align: left; margin: 0 0 5px; color: #777; transition: all 0.25s ease; font-weight: 700; font-size: 11px; line-height: 13px; font-family: "IBM Plex Sans", sans-serif; } .content table tbody tr td:after, .content table tbody tr th:after { display: none; } .content table tbody tr td br, .content table tbody tr th br { display: none; } } .content .video iframe { width: 100% !important; margin-top: 7px; } .content p { margin: 0 0 10px; } .content .center { width: 100%; } img[align=left] { float: left; margin: 5px 30px 5px 0; } @media (max-width: 480px) { img[align=left] { float: none; margin: 0 0 15px; display: block; } } img[align=right] { float: right; margin: 5px 0px 5px 30px; } @media (max-width: 480px) { img[align=right] { float: none; margin: 0 0 15px; display: block; } } /* Animate.css - http://daneden.me/animate Licensed under the MIT license Copyright (c) 2013 Daniel Eden Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */ -webkit-backface-visibility: hidden; } .animated { -webkit-animation-duration: 1s; -webkit-animation-fill-mode: both; animation-duration: 1s; animation-fill-mode: both; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .animated.flash { -webkit-animation-name: flash; animation-name: flash; } @keyframes shake { 0%, 100% { transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { transform: translateX(-10px); } 20%, 40%, 60%, 80% { transform: translateX(10px); } } .animated.shake { -webkit-animation-name: shake; animation-name: shake; } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-30px); } 60% { transform: translateY(-15px); } } .animated.bounce { -webkit-animation-name: bounce; animation-name: bounce; } @keyframes tada { 0% { transform: scale(1); } 10%, 20% { transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { transform: scale(1.1) rotate(-3deg); } 100% { transform: scale(1) rotate(0); } } .animated.tada { -webkit-animation-name: tada; animation-name: tada; } @keyframes swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } } .animated.swing { -webkit-transform-origin: top center; -webkit-animation-name: swing; transform-origin: top center; animation-name: swing; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes wobble { 0% { transform: translateX(0%); } 15% { transform: translateX(-25%) rotate(-5deg); } 30% { transform: translateX(20%) rotate(3deg); } 45% { transform: translateX(-15%) rotate(-3deg); } 60% { transform: translateX(10%) rotate(2deg); } 75% { transform: translateX(-5%) rotate(-1deg); } 100% { transform: translateX(0%); } } .animated.wobble { -webkit-animation-name: wobble; animation-name: wobble; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } .animated.pulse { -webkit-animation-name: pulse; animation-name: pulse; } @keyframes flip { 0% { transform: perspective(400px) translateZ(0) rotateY(0) scale(1); animation-timing-function: ease-out; } 40% { transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); animation-timing-function: ease-out; } 50% { transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); animation-timing-function: ease-in; } 80% { transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); animation-timing-function: ease-in; } 100% { transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible !important; -webkit-animation-name: flip; backface-visibility: visible !important; animation-name: flip; } @keyframes flipInX { 0% { transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { transform: perspective(400px) rotateX(-10deg); } 70% { transform: perspective(400px) rotateX(10deg); } 100% { transform: perspective(400px) rotateX(0deg); opacity: 1; } } .animated.flipInX { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipInX; backface-visibility: visible !important; animation-name: flipInX; } @keyframes flipOutX { 0% { transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { transform: perspective(400px) rotateX(90deg); opacity: 0; } } .animated.flipOutX { -webkit-animation-name: flipOutX; -webkit-backface-visibility: visible !important; animation-name: flipOutX; backface-visibility: visible !important; } @keyframes flipInY { 0% { transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { transform: perspective(400px) rotateY(-10deg); } 70% { transform: perspective(400px) rotateY(10deg); } 100% { transform: perspective(400px) rotateY(0deg); opacity: 1; } } .animated.flipInY { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipInY; backface-visibility: visible !important; animation-name: flipInY; } @keyframes flipOutY { 0% { transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { transform: perspective(400px) rotateY(90deg); opacity: 0; } } .animated.flipOutY { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipOutY; backface-visibility: visible !important; animation-name: flipOutY; } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .animated.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(200px); } 100% { opacity: 1; transform: translateY(0); } } .animated.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-200px); } 100% { opacity: 1; transform: translateY(0); } } .animated.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(-200px); } 100% { opacity: 1; transform: translateX(0); } } .animated.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @keyframes fadeInRight { 0% { opacity: 0; transform: translateX(200px); } 100% { opacity: 1; transform: translateX(0); } } .animated.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @keyframes fadeInUpBig { 0% { opacity: 0; transform: translateY(2000px); } 100% { opacity: 1; transform: translateY(0); } } .animated.fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @keyframes fadeInDownBig { 0% { opacity: 0; transform: translateY(-2000px); } 100% { opacity: 1; transform: translateY(0); } } .animated.fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @keyframes fadeInLeftBig { 0% { opacity: 0; transform: translateX(-2000px); } 100% { opacity: 1; transform: translateX(0); } } .animated.fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @keyframes fadeInRightBig { 0% { opacity: 0; transform: translateX(2000px); } 100% { opacity: 1; transform: translateX(0); } } .animated.fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .animated.fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @keyframes fadeOutUp { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-20px); } } .animated.fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @keyframes fadeOutDown { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(20px); } } .animated.fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @keyframes fadeOutLeft { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-20px); } } .animated.fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @keyframes fadeOutRight { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(20px); } } .animated.fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @keyframes fadeOutUpBig { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-2000px); } } .animated.fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @keyframes fadeOutDownBig { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(2000px); } } .animated.fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @keyframes fadeOutLeftBig { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-2000px); } } .animated.fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @keyframes fadeOutRightBig { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(2000px); } } .animated.fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @keyframes bounceIn { 0% { opacity: 0; transform: scale(0.3); } 50% { opacity: 1; transform: scale(1.05); } 70% { transform: scale(0.9); } 100% { transform: scale(1); } } @keyframes slideInDown { 0% { opacity: 0; transform: translateY(-2000px); } 100% { transform: translateY(0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @keyframes slideInLeft { 0% { opacity: 0; transform: translateX(-2000px); } 100% { transform: translateX(0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @keyframes slideInRight { 0% { opacity: 0; transform: translateX(2000px); } 100% { transform: translateX(0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @keyframes slideOutLeft { 0% { transform: translateX(0); } 100% { opacity: 0; transform: translateX(-2000px); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @keyframes slideOutRight { 0% { transform: translateX(0); } 100% { opacity: 0; transform: translateX(2000px); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @keyframes slideOutUp { 0% { transform: translateY(0); } 100% { opacity: 0; transform: translateY(-2000px); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } .animated.bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @keyframes bounceInUp { 0% { opacity: 0; transform: translateY(2000px); } 60% { opacity: 1; transform: translateY(-30px); } 80% { transform: translateY(10px); } 100% { transform: translateY(0); } } .animated.bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @keyframes bounceInDown { 0% { opacity: 0; transform: translateY(-2000px); } 60% { opacity: 1; transform: translateY(30px); } 80% { transform: translateY(-10px); } 100% { transform: translateY(0); } } .animated.bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @keyframes bounceInLeft { 0% { opacity: 0; transform: translateX(-2000px); } 60% { opacity: 1; transform: translateX(30px); } 80% { transform: translateX(-10px); } 100% { transform: translateX(0); } } .animated.bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @keyframes bounceInRight { 0% { opacity: 0; transform: translateX(2000px); } 60% { opacity: 1; transform: translateX(-30px); } 80% { transform: translateX(10px); } 100% { transform: translateX(0); } } .animated.bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @keyframes bounceOut { 0% { transform: scale(1); } 25% { transform: scale(0.95); } 50% { opacity: 1; transform: scale(1.1); } 100% { opacity: 0; transform: scale(0.3); } } .animated.bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @keyframes bounceOutUp { 0% { transform: translateY(0); } 20% { opacity: 1; transform: translateY(20px); } 100% { opacity: 0; transform: translateY(-2000px); } } .animated.bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @keyframes bounceOutDown { 0% { transform: translateY(0); } 20% { opacity: 1; transform: translateY(-20px); } 100% { opacity: 0; transform: translateY(2000px); } } .animated.bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @keyframes bounceOutLeft { 0% { transform: translateX(0); } 20% { opacity: 1; transform: translateX(20px); } 100% { opacity: 0; transform: translateX(-2000px); } } .animated.bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @keyframes bounceOutRight { 0% { transform: translateX(0); } 20% { opacity: 1; transform: translateX(-20px); } 100% { opacity: 0; transform: translateX(2000px); } } .animated.bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @keyframes rotateIn { 0% { transform-origin: center center; transform: rotate(-200deg); opacity: 0; } 100% { transform-origin: center center; transform: rotate(0); opacity: 1; } } .animated.rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @keyframes rotateInUpLeft { 0% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .animated.rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @keyframes rotateInDownLeft { 0% { transform-origin: left bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .animated.rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @keyframes rotateInUpRight { 0% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .animated.rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @keyframes rotateInDownRight { 0% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .animated.rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @keyframes rotateOut { 0% { transform-origin: center center; transform: rotate(0); opacity: 1; } 100% { transform-origin: center center; transform: rotate(200deg); opacity: 0; } } .animated.rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @keyframes rotateOutUpLeft { 0% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: left bottom; transform: rotate(-90deg); opacity: 0; } } .animated.rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @keyframes rotateOutDownLeft { 0% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } } .animated.rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @keyframes rotateOutUpRight { 0% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } } .animated.rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @keyframes rotateOutDownRight { 0% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } } .animated.rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @keyframes hinge { 0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; } 40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; } 80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; } 100% { transform: translateY(700px); opacity: 0; } } .animated.hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes rollIn { 0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; transform: translateX(0px) rotate(0deg); } } .animated.rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes rollOut { 0% { opacity: 1; transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; transform: translateX(100%) rotate(120deg); } } .animated.rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } /* originally authored by Angelo Rohit - https://github.com/angelorohit */ @keyframes lightSpeedIn { 0% { transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { transform: translateX(0%) skewX(0deg); opacity: 1; } } .animated.lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } .animated.lightSpeedIn { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; } /* originally authored by Angelo Rohit - https://github.com/angelorohit */ @keyframes lightSpeedOut { 0% { transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { transform: translateX(100%) skewX(-30deg); opacity: 0; } } .animated.lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } .animated.lightSpeedOut { -webkit-animation-duration: 0.25s; animation-duration: 0.25s; } @keyframes slideInDown { from { transform: translate3d(0, -100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInDown { animation-name: slideInDown; } @keyframes slideInLeft { from { transform: translate3d(-100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInLeft { animation-name: slideInLeft; } @keyframes slideInRight { from { transform: translate3d(100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInRight { animation-name: slideInRight; } @keyframes slideInUp { from { transform: translate3d(0, 100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInUp { animation-name: slideInUp; } @keyframes slideOutDown { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(0, 100%, 0); } } .slideOutDown { animation-name: slideOutDown; } @keyframes slideOutLeft { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(-100%, 0, 0); } } .slideOutLeft { animation-name: slideOutLeft; } @keyframes slideOutRight { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(100%, 0, 0); } } .slideOutRight { animation-name: slideOutRight; } @keyframes slideOutUp { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(0, -100%, 0); } } .slideOutUp { animation-name: slideOutUp; } @keyframes zoomIn { from { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { animation-name: zoomIn; } @keyframes zoomInDown { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { animation-name: zoomInDown; } @keyframes zoomInLeft { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { animation-name: zoomInLeft; } @keyframes zoomInRight { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { animation-name: zoomInRight; } @keyframes zoomInUp { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { animation-name: zoomInUp; } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { animation-name: zoomOut; } @keyframes zoomOutDown { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { animation-name: zoomOutDown; } @keyframes zoomOutLeft { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; transform: scale(0.1) translate3d(-2000px, 0, 0); transform-origin: left center; } } .zoomOutLeft { animation-name: zoomOutLeft; } @keyframes zoomOutRight { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; transform: scale(0.1) translate3d(2000px, 0, 0); transform-origin: right center; } } .zoomOutRight { animation-name: zoomOutRight; } @keyframes zoomOutUp { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { animation-name: zoomOutUp; } .sequentialChild > * { opacity: 0; } .sequentialChild > *:nth-child(1) { animation-delay: 300ms; animation-duration: 300ms; animation-name: fadeIn; animation-fill-mode: forwards; animation-direction: normal; animation-timing-function: ease-in-out; } .sequentialChild > *:nth-child(2) { animation-delay: 600ms; animation-duration: 300ms; animation-name: fadeIn; animation-fill-mode: forwards; animation-direction: normal; animation-timing-function: ease-in-out; } .sequentialChild > *:nth-child(3) { animation-delay: 900ms; animation-duration: 300ms; animation-name: fadeIn; animation-fill-mode: forwards; animation-direction: normal; animation-timing-function: ease-in-out; } .sequentialChild > *:nth-child(4) { animation-delay: 1200ms; animation-duration: 300ms; animation-name: fadeIn; animation-fill-mode: forwards; animation-direction: normal; animation-timing-function: ease-in-out; } .sequentialChild > *:nth-child(5) { animation-delay: 1500ms; animation-duration: 300ms; animation-name: fadeIn; animation-fill-mode: forwards; animation-direction: normal; animation-timing-function: ease-in-out; } .sequentialChild > *:nth-child(6) { animation-delay: 1800ms; animation-duration: 300ms; animation-name: fadeIn; animation-fill-mode: forwards; animation-direction: normal; animation-timing-function: ease-in-out; } .sequentialChild > *:nth-child(7) { animation-delay: 2100ms; animation-duration: 300ms; animation-name: fadeIn; animation-fill-mode: forwards; animation-direction: normal; animation-timing-function: ease-in-out; } .sequentialChild > *:nth-child(8) { animation-delay: 2400ms; animation-duration: 300ms; animation-name: fadeIn; animation-fill-mode: forwards; animation-direction: normal; animation-timing-function: ease-in-out; } .sequentialChild > *:nth-child(9) { animation-delay: 2700ms; animation-duration: 300ms; animation-name: fadeIn; animation-fill-mode: forwards; animation-direction: normal; animation-timing-function: ease-in-out; } .sequentialChild > *:nth-child(10) { animation-delay: 3000ms; animation-duration: 300ms; animation-name: fadeIn; animation-fill-mode: forwards; animation-direction: normal; animation-timing-function: ease-in-out; } .sequentialChild > *:nth-child(11) { animation-delay: 3300ms; animation-duration: 300ms; animation-name: fadeIn; animation-fill-mode: forwards; animation-direction: normal; animation-timing-function: ease-in-out; } .sequentialChild > *:nth-child(12) { animation-delay: 3600ms; animation-duration: 300ms; animation-name: fadeIn; animation-fill-mode: forwards; animation-direction: normal; animation-timing-function: ease-in-out; } .sequentialChild > *:nth-child(13) { animation-delay: 3900ms; animation-duration: 300ms; animation-name: fadeIn; animation-fill-mode: forwards; animation-direction: normal; animation-timing-function: ease-in-out; } .sequentialChild > *:nth-child(14) { animation-delay: 4200ms; animation-duration: 300ms; animation-name: fadeIn; animation-fill-mode: forwards; animation-direction: normal; animation-timing-function: ease-in-out; } .sequentialChild > *:nth-child(15) { animation-delay: 4500ms; animation-duration: 300ms; animation-name: fadeIn; animation-fill-mode: forwards; animation-direction: normal; animation-timing-function: ease-in-out; } .sequentialChild > *:nth-child(16) { animation-delay: 4800ms; animation-duration: 300ms; animation-name: fadeIn; animation-fill-mode: forwards; animation-direction: normal; animation-timing-function: ease-in-out; } .sequentialChild > *:nth-child(17) { animation-delay: 5100ms; animation-duration: 300ms; animation-name: fadeIn; animation-fill-mode: forwards; animation-direction: normal; animation-timing-function: ease-in-out; } .sequentialChild > *:nth-child(18) { animation-delay: 5400ms; animation-duration: 300ms; animation-name: fadeIn; animation-fill-mode: forwards; animation-direction: normal; animation-timing-function: ease-in-out; } .sequentialChild > *:nth-child(19) { animation-delay: 5700ms; animation-duration: 300ms; animation-name: fadeIn; animation-fill-mode: forwards; animation-direction: normal; animation-timing-function: ease-in-out; } .sequentialChild > *:nth-child(20) { animation-delay: 6000ms; animation-duration: 300ms; animation-name: fadeIn; animation-fill-mode: forwards; animation-direction: normal; animation-timing-function: ease-in-out; } .sequentialChild > *:nth-child(21) { animation-delay: 6300ms; animation-duration: 300ms; animation-name: fadeIn; animation-fill-mode: forwards; animation-direction: normal; animation-timing-function: ease-in-out; } .sequentialChild > *:nth-child(22) { animation-delay: 6600ms; animation-duration: 300ms; animation-name: fadeIn; animation-fill-mode: forwards; animation-direction: normal; animation-timing-function: ease-in-out; } .sequentialChild > *:nth-child(23) { animation-delay: 6900ms; animation-duration: 300ms; animation-name: fadeIn; animation-fill-mode: forwards; animation-direction: normal; animation-timing-function: ease-in-out; } .sequentialChild > *:nth-child(24) { animation-delay: 7200ms; animation-duration: 300ms; animation-name: fadeIn; animation-fill-mode: forwards; animation-direction: normal; animation-timing-function: ease-in-out; } .sequentialChild > *:nth-child(25) { animation-delay: 7500ms; animation-duration: 300ms; animation-name: fadeIn; animation-fill-mode: forwards; animation-direction: normal; animation-timing-function: ease-in-out; } .sequentialChild > *:nth-child(26) { animation-delay: 7800ms; animation-duration: 300ms; animation-name: fadeIn; animation-fill-mode: forwards; animation-direction: normal; animation-timing-function: ease-in-out; } .sequentialChild > *:nth-child(27) { animation-delay: 8100ms; animation-duration: 300ms; animation-name: fadeIn; animation-fill-mode: forwards; animation-direction: normal; animation-timing-function: ease-in-out; } .sequentialChild > *:nth-child(28) { animation-delay: 8400ms; animation-duration: 300ms; animation-name: fadeIn; animation-fill-mode: forwards; animation-direction: normal; animation-timing-function: ease-in-out; } .sequentialChild > *:nth-child(29) { animation-delay: 8700ms; animation-duration: 300ms; animation-name: fadeIn; animation-fill-mode: forwards; animation-direction: normal; animation-timing-function: ease-in-out; } .sequentialChild > *:nth-child(30) { animation-delay: 9000ms; animation-duration: 300ms; animation-name: fadeIn; animation-fill-mode: forwards; animation-direction: normal; animation-timing-function: ease-in-out; } /* Modules */ .journals { padding: 60px 15px; } @media (max-width: 990px) { .journals { padding: 40px 15px 10px; } } .journals__item { height: 496px; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; color: #fff; -ms-flex-align-items: center; -webkit-align-items: center; align-items: center; -ms-flex-align-content: center; -webkit-align-content: center; align-content: center; } @media (max-width: 990px) { .journals__item { height: 300px; margin: 0 0 30px; } } .journals__item .title { text-align: center; padding: 0 25px; display: block; font-weight: 400; font-size: 36px; line-height: 44px; font-family: "ZhivagoDisplay"; margin: 0 0 50px; width: 100%; text-transform: uppercase; box-sizing: border-box; transition: all 0.25s ease; } @media (max-width: 990px) { .journals__item .title { font-weight: 400; font-size: 30px; line-height: 40px; font-family: "ZhivagoDisplay"; margin: 0 0 40px; } } .journals__item .desc { position: relative; display: block; padding: 0 15px; padding-top: 40px; font-weight: 400; font-size: 22px; line-height: 30px; font-family: "IBM Plex Sans", sans-serif; text-align: center; width: 100%; box-sizing: border-box; transition: all 0.25s ease; } @media (max-width: 990px) { .journals__item .desc { padding-top: 20px; font-weight: 400; font-size: 20px; line-height: 28px; font-family: "IBM Plex Sans", sans-serif; } } .journals__item .desc:before { display: block; position: absolute; content: ""; content: "*"; font-weight: 400; font-size: 76px; line-height: 22px; font-family: "Times New Roman"; color: #fff; left: 0; top: 0; right: 0; text-align: center; transition: all 0.25s ease; } @media (max-width: 990px) { .journals__item .desc:before { font-weight: 400; font-size: 60px; line-height: 22px; font-family: "Times New Roman"; } } .journals__item:hover { color: #aabdff; } .journals__item:hover .desc:before { color: #aabdff; } .journalsList { margin-bottom: 50px; } @media (max-width: 990px) { .journalsList { margin-bottom: 30px; } } .journalsList .col-xs-6 { margin: 0 0 30px; } @media (max-width: 480px) { .journalsList .col-xs-6 { width: 100%; } } .journalsList__item { display: -ms-flexbox; display: -webkit-flex; display: flex; height: 408px; padding: 0 10px 40px; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align-items: flex-start; -webkit-align-items: flex-start; align-items: flex-start; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; font-weight: 400; font-size: 24px; line-height: 29px; font-family: "NM Numbers"; background: #d6dfff; } @media (max-width: 480px) { .journalsList__item { height: 320px; } } .journalsList__item .title { width: 100%; } .journalsList__item .title img { display: block; margin: 0 auto; } .journalsList__item .bottom { -ms-flex-align-self: flex-end; -webkit-align-self: flex-end; align-self: flex-end; width: 128px; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; text-align: center; } .journalsList__item .bottom strong { display: block; font-weight: 400; font-size: 44px; line-height: 53px; font-family: "NM Numbers"; } .journalsList__item .bottom strong:after { display: block; content: ""; border-top: 6px solid #4657b2; height: 5px; border-bottom: 6px solid #4657b2; margin: 2px 0; } .journal__head { -ms-flex-align-items: flex-end; -webkit-align-items: flex-end; align-items: flex-end; -ms-flex-align-content: flex-end; -webkit-align-content: flex-end; align-content: flex-end; } .journal__head .menu { display: -ms-flexbox; display: -webkit-flex; display: flex; margin: 0 0 60px; padding: 0; } @media (max-width: 750px) { .journal__head .menu { position: relative; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; padding-left: 250px; min-height: 350px; -ms-flex-align-items: flex-start; -webkit-align-items: flex-start; align-items: flex-start; -ms-flex-align-content: flex-start; -webkit-align-content: flex-start; align-content: flex-start; } } @media (max-width: 415px) { .journal__head .menu { padding-left: 0px; margin: 0 0 30px; } } .journal__head .menu li { list-style: none; margin: 0 10px 0 0; -ms-order: 1; -webkit-order: 1; order: 1; } @media (max-width: 1180px) { .journal__head .menu li { margin: 0 5px 0 0; } } @media (max-width: 415px) { .journal__head .menu li.active { -ms-order: 0; -webkit-order: 0; order: 0; width: 100%; margin: 0 0 15px; } } @media (max-width: 415px) { .journal__head .menu li.active .menu__item { width: 100%; } } .journal__head .menu a { height: 405px; width: 42px; display: block; background: #d6dfff; } @media (max-width: 1180px) { .journal__head .menu a { width: 38px; height: 350px; } } @media (max-width: 750px) { .journal__head .menu a { height: 80px; margin-bottom: 5px; } } .journal__head .menu a span { display: block; font-weight: 400; font-size: 32px; line-height: 44px; font-family: "NM Numbers"; padding: 15px 5px; text-align: center; } @media (max-width: 1180px) { .journal__head .menu a span { font-weight: 400; font-size: 24px; line-height: 34px; font-family: "NM Numbers"; } } .journal__head .menu a span:before, .journal__head .menu a span:after { content: ""; display: block; height: 3px; border-top: 6px solid #4657b2; border-bottom: 6px solid #4657b2; } @media (max-width: 750px) { .journal__head .menu a span:before, .journal__head .menu a span:after { border-top: 3px solid #4657b2; border-bottom: 3px solid #4657b2; height: 2px; } } .journal__head .menu a:hover { -ms-transform: translateY(-30px); -webkit-transform: translateY(-30px); transform: translateY(-30px); } @media (max-width: 750px) { .journal__head .menu a:hover { -ms-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); } } .journal__head .menu span.menu__item { width: 264px; display: -ms-flexbox; display: -webkit-flex; display: flex; height: 405px; padding: 0 10px 40px; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align-items: flex-start; -webkit-align-items: flex-start; align-items: flex-start; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; font-weight: 400; font-size: 24px; line-height: 29px; font-family: "NM Numbers"; background: #d6dfff; -ms-transform: translateY(30px); -webkit-transform: translateY(30px); transform: translateY(30px); } @media (max-width: 1180px) { .journal__head .menu span.menu__item { height: 350px; width: 220px; font-weight: 400; font-size: 20px; line-height: 26px; font-family: "NM Numbers"; } } @media (max-width: 750px) { .journal__head .menu span.menu__item { position: absolute; left: 0; top: 0; -ms-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); } } @media (max-width: 415px) { .journal__head .menu span.menu__item { position: relative; left: auto; top: auto; } } @media (max-width: 480px) { .journal__head .menu span.menu__item { height: 320px; } } .journal__head .menu span.menu__item .title { width: 100%; } .journal__head .menu span.menu__item .title img { display: block; margin: 0 auto; } .journal__head .menu span.menu__item .bottom { -ms-flex-align-self: flex-end; -webkit-align-self: flex-end; align-self: flex-end; width: 128px; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; text-align: center; color: #4657b2; } .journal__head .menu span.menu__item .bottom strong { display: block; font-weight: 400; font-size: 44px; line-height: 53px; font-family: "NM Numbers"; } @media (max-width: 1180px) { .journal__head .menu span.menu__item .bottom strong { font-weight: 400; font-size: 40px; line-height: 49px; font-family: "NM Numbers"; } } .journal__head .menu span.menu__item .bottom strong:after { display: block; content: ""; border-top: 6px solid #4657b2; height: 5px; border-bottom: 6px solid #4657b2; margin: 2px 0; } .journal__head .buy { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align-self: flex-end; -webkit-align-self: flex-end; align-self: flex-end; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 0 0 60px; } @media (max-width: 990px) { .journal__head .buy { margin: 0 0 30px; } } .journal__head .buy h3 { text-transform: none; font-weight: 400; font-size: 22px; line-height: 30px; font-family: "IBM Plex Sans", sans-serif; color: #1d1d1d; margin: 0 0 20px; width: 100%; } .journal__head .buy p { font-weight: 400; font-size: 13px; line-height: 22px; font-family: "IBM Plex Sans", sans-serif; color: #1d1d1d; margin: 0; } @media (max-width: 1180px) { .journal__head .buy p { font-weight: 400; font-size: 11px; line-height: 18px; font-family: "IBM Plex Sans", sans-serif; } } .journal__head .buy__item { margin: 0 0 15px; width: 100%; } .journal__head .buy__item a { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align-items: center; -webkit-align-items: center; align-items: center; -ms-flex-align-content: center; -webkit-align-content: center; align-content: center; line-height: normal; padding: 0 20px; font-weight: 400; font-size: 13px; line-height: 16px; font-family: "IBM Plex Sans", sans-serif; -ms-flex-pack: space-between; -webkit-justify-content: space-between; justify-content: space-between; } .journal__head .buy__item .doc { margin: 0; } .journal__head .buy__item .doc.download .btn { padding: 0 30px 0 20px; font-weight: 400; font-size: 13px; line-height: 16px; font-family: "IBM Plex Sans", sans-serif; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align-items: center; -webkit-align-items: center; align-items: center; -ms-flex-align-content: center; -webkit-align-content: center; align-content: center; } .journal__head .buy__item .doc.download .btn.btn-border { height: 40px; border: 2px solid #aabdff; box-shadow: none; } .journal__head .buy__item .doc.download .btn.btn-border:after { background-image: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 0L0.589996 1.41L5.17 6L0.589996 10.59L2 12L8 6L2 0Z' fill='%234657b2'/%3E%3C/svg%3E"); background-repeat: no-repeat; } .journal__head .buy__item .doc.download .btn.btn-border:hover, .journal__head .buy__item .doc.download .btn.btn-border.active { color: #fff !important; border-color: #4657b2; background: #4657b2; box-shadow: none; } .journal__head .buy__item .doc.download .btn.btn-border:hover:after, .journal__head .buy__item .doc.download .btn.btn-border.active:after { background-image: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 0L0.589996 1.41L5.17 6L0.589996 10.59L2 12L8 6L2 0Z' fill='white'/%3E%3C/svg%3E"); } .journal__head .buy__item .doc.download .doc--inner ul { margin: 0; } .journal__text { margin-top: 40px; } .journal__text h2 { font-weight: 400; font-size: 54px; line-height: 60px; font-family: "ZhivagoDisplay"; text-transform: uppercase; color: #000; padding: 0 0 15px; margin: 0 0 30px; position: relative; } @media (max-width: 990px) { .journal__text h2 { font-weight: 400; font-size: 40px; line-height: 44px; font-family: "ZhivagoDisplay"; } } @media (max-width: 750px) { .journal__text h2 { font-weight: 400; font-size: 32px; line-height: 34px; font-family: "ZhivagoDisplay"; } } .journal__text h2:before { display: block; position: absolute; content: ""; left: 0px; right: 0; border-bottom: 1px solid #aabdff; bottom: 0; } .journal__text .title { color: #13289b; font-weight: 400; font-size: 28px; line-height: 30px; font-family: "IBM Plex Sans", sans-serif; margin: 0 0 15px; } @media (max-width: 990px) { .journal__text .title { font-weight: 400; font-size: 24px; line-height: 26px; font-family: "IBM Plex Sans", sans-serif; } } @media (max-width: 750px) { .journal__text .title { font-weight: 400; font-size: 20px; line-height: 22px; font-family: "IBM Plex Sans", sans-serif; } } .journal__text .title a { color: #13289b; } .journal__text .title a:hover { color: #4657b2; } .journal__text ul { margin: 25px 0 30px 35px; padding: 0; } .journal__text ul li { margin: 0 0 10px; padding: 0; font-weight: 400; font-size: 15px; line-height: 20px; font-family: "IBM Plex Sans", sans-serif; color: #000; list-style: none; } .journal__text ul li a { font-style: italic; text-decoration: underline; color: #13289b; } .journal__text ul li a:hover { text-decoration: none; color: #4657b2; } .journal__text .content { color: #1d1d1d; font-weight: 400; font-size: 15px; line-height: 20px; font-family: "IBM Plex Sans", sans-serif; } @media (max-width: 990px) { .journal__text .content { margin-top: 30px; } } .journal__text .content h2 { margin-bottom: 35px; } .journal__text .content h2:before { left: -30px; } @media (max-width: 990px) { .journal__text .content h2:before { left: 0px; } } .journal__text .content h3 { text-transform: uppercase; color: #000; font-weight: 400; font-size: 16px; line-height: 20px; font-family: "IBM Plex Sans", sans-serif; margin: 25px 0 15px; } .journal__text .content h4 { text-transform: none; color: #000; font-weight: 700; font-size: 15px; line-height: 20px; font-family: "IBM Plex Sans", sans-serif; margin: 25px 0; } .journal__text .content p { margin: 15px 0; } .journal-year { position: relative; padding: 40px 0 20px; background: #f2f5ff; margin: 0 -15px -60px; width: 1140px; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; box-sizing: border-box; } @media (max-width: 1180px) { .journal-year { width: 960px; } } @media (max-width: 990px) { .journal-year { width: auto; margin: 0 -15px -50px; } } .journal-year:before { display: block; position: absolute; content: ""; background: #f2f5ff; width: 1000px; top: 0; right: 100%; bottom: 0; } .journal-year:after { display: block; position: absolute; content: ""; background: #f2f5ff; width: 1000px; top: 0; left: 100%; bottom: 0; } .journal-year .title { color: #13289b; font-weight: 400; font-size: 28px; line-height: 30px; font-family: "IBM Plex Sans", sans-serif; margin: 0 0 15px; } @media (max-width: 990px) { .journal-year .title { font-weight: 400; font-size: 24px; line-height: 26px; font-family: "IBM Plex Sans", sans-serif; } } @media (max-width: 750px) { .journal-year .title { font-weight: 400; font-size: 20px; line-height: 22px; font-family: "IBM Plex Sans", sans-serif; } } .journal-year .title a { color: #13289b; } .journal-year .title a:hover { color: #4657b2; } .journal-year ul { margin: 25px 0 30px 35px; padding: 0; } .journal-year ul li { margin: 0 0 10px; padding: 0; font-weight: 400; font-size: 15px; line-height: 20px; font-family: "IBM Plex Sans", sans-serif; color: #000; list-style: none; } .journal-year ul li:before { display: none; } .journal-year ul li a { font-style: italic; text-decoration: underline; color: #13289b; } .journal-year ul li a:hover { text-decoration: none; color: #4657b2; } .journal-year .column { box-sizing: border-box; padding: 0 15px; width: 50%; } @media (max-width: 750px) { .journal-year .column { width: 100%; } } .rss__box { position: relative; background: #f2f5ff; padding-top: 40px; padding-bottom: 40px; font-weight: 400; font-size: 18px; line-height: 30px; font-family: "IBM Plex Sans", sans-serif; color: #1d1d1d; } @media (max-width: 990px) { .rss__box { font-weight: 400; font-size: 16px; line-height: 24px; font-family: "IBM Plex Sans", sans-serif; } } .rss__box:nth-of-type(2n) { background: #f1f1f1; } .rss__box:nth-of-type(2n):before { background: #f1f1f1; } .rss__box:before { display: block; position: absolute; content: ""; width: 100vw; top: 0; bottom: 0; left: 0; margin-left: calc((100vw - 1140px) / 2 * -1); background: #f2f5ff; z-index: 0; } @media (max-width: 1180px) { .rss__box:before { margin-left: calc((100vw - 960px) / 2 * -1); } } @media (max-width: 990px) { .rss__box:before { margin-left: -15px; } } .rss__box h1, .rss__box .h1, .rss__box h2, .rss__box .row, .rss__box .text, .rss__box .image { position: relative; z-index: 1; } .rss__box h1, .rss__box h2, .rss__box .h1 { font-weight: 400; font-size: 64px; line-height: 70px; font-family: "ZhivagoDisplay"; text-transform: uppercase; margin: 0 0 45px; } @media (max-width: 990px) { .rss__box h1, .rss__box h2, .rss__box .h1 { font-weight: 400; font-size: 48px; line-height: 60px; font-family: "ZhivagoDisplay"; } } @media (max-width: 750px) { .rss__box h1, .rss__box h2, .rss__box .h1 { font-weight: 400; font-size: 36px; line-height: 50px; font-family: "ZhivagoDisplay"; } } .rss__box .image { text-align: center; position: relative; } .rss__box .image__item { display: block; position: absolute; left: 50%; bottom: 0; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); margin: 0 auto -40px; } @media (max-width: 750px) { .rss__box .image__item { position: relative; left: auto; bottom: auto; margin: 40px auto -40px; -ms-transform: translateX(0%); -webkit-transform: translateX(0%); transform: translateX(0%); } } .rss__box .image__journal { width: 100%; height: 564px; background: #d6dfff; padding: 0 10px 40px; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align-items: flex-start; -webkit-align-items: flex-start; align-items: flex-start; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; font-weight: 400; font-size: 24px; line-height: 29px; font-family: "NM Numbers"; background: #d6dfff; margin: 10px auto; max-width: 360px; } @media (max-width: 990px) { .rss__box .image__journal { height: 400px; } } @media (max-width: 480px) { .rss__box .image__journal { height: auto; } } .rss__box .image__journal .title { width: 100%; } .rss__box .image__journal .title img { display: block; margin: 0 auto; } .rss__box .image__journal .bottom { -ms-flex-align-self: flex-end; -webkit-align-self: flex-end; align-self: flex-end; width: 128px; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; text-align: center; color: #4657b2; } .rss__box .image__journal .bottom strong { display: block; font-weight: 400; font-size: 44px; line-height: 53px; font-family: "NM Numbers"; } .rss__box .image__journal .bottom strong:after { display: block; content: ""; border-top: 6px solid #4657b2; height: 5px; border-bottom: 6px solid #4657b2; margin: 2px 0; } .rss__box .bold { color: #4657b2; font-weight: 400; font-size: 36px; line-height: 45px; font-family: "IBM Plex Sans", sans-serif; } @media (max-width: 990px) { .rss__box .bold { font-weight: 400; font-size: 28px; line-height: 32px; font-family: "IBM Plex Sans", sans-serif; } } @media (max-width: 750px) { .rss__box .bold { font-weight: 400; font-size: 22px; line-height: 24px; font-family: "IBM Plex Sans", sans-serif; } } .rss__box .years { margin-bottom: 104px; } @media (max-width: 990px) { .rss__box .years { margin-bottom: 60px; } } .rss__box .journal__head { -ms-flex-align-items: flex-start; -webkit-align-items: flex-start; align-items: flex-start; -ms-flex-align-content: flex-start; -webkit-align-content: flex-start; align-content: flex-start; } .rss__box .journal__head p { margin: 0 0 10px; } .rss__box .journal__head .menu li a { width: 40px; height: 380px; } @media (max-width: 990px) { .rss__box .journal__head .menu li a { padding-left: 0 !important; } } @media (max-width: 750px) { .rss__box .journal__head .menu li a { height: 240px; } } .rss__box .formField label { margin: 0 0 15px; } .rss__box .text { font-weight: 400; font-size: 16px; line-height: 24px; font-family: "IBM Plex Sans", sans-serif; color: #212121; } @media (max-width: 750px) { .rss__box .text { margin-top: 15px; } } .rss__box .text h3 { font-weight: 400; font-size: 21px; line-height: 24px; font-family: "IBM Plex Sans", sans-serif; text-transform: none; margin: 0 0 15px; color: #13289b; } @media (max-width: 990px) { .rss__box .text h3 { font-weight: 400; font-size: 18px; line-height: 22px; font-family: "IBM Plex Sans", sans-serif; } } .rss__box .text ul { margin: 10px 0; padding: 0; list-style: none; } .rss__box .text ul li { padding: 0 0 0 25px; margin: 0 0 0px; position: relative; } .rss__box .text ul li:before { display: block; position: absolute; content: ""; left: 0; top: 5px; width: 12px; height: 11px; background: url(/local/templates/site-template/css/../img/icons/bull-flag.svg) no-repeat; } .rss__box .text .formButton .btn { width: 100%; max-width: 263px; display: block; } .rss__box .text .formButton p { font-weight: 400; font-size: 15px; line-height: 22px; font-family: "IBM Plex Sans", sans-serif; color: #6a6a6a; margin: 30px 0 0; } .rss__box p { margin: 0 0 15px; } .rss__box .faq { margin-top: 50px; } @media (max-width: 990px) { .rss__box .faq { margin-top: 30px; } } .rss .content { width: 66.66667%; margin: 90px 0; } @media (max-width: 990px) { .rss .content { width: 100%; margin: 60px 0; } } .faq { overflow: hidden; border-top: 1px solid #bbb; } .faq__item { padding: 25px 84px 25px 0; position: relative; overflow: hidden; margin: 0; transition: all 0.25s ease; border-bottom: 1px solid #bbb; } .faq__item:before { display: block; position: absolute; content: ""; background: #979797; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); right: 26px; width: 38px; height: 6px; top: 32px; transition: all 0.25s ease; cursor: pointer; } .faq__item:after { display: block; position: absolute; content: ""; background: #979797; right: 26px; width: 38px; height: 6px; top: 32px; cursor: pointer; } .faq__item h3 { position: relative; margin: 0; font-weight: 400; font-size: 18px; line-height: 20px; font-family: "IBM Plex Sans", sans-serif; color: #000; padding: 0; cursor: pointer; display: block; text-transform: none; transition: all 0.25s ease; } .faq__item .desc { display: none; -ms-transform: translate(0, -20px); -webkit-transform: translate(0, -20px); transform: translate(0, -20px); opacity: 0; transition: all 0.25s ease; } .faq__item .desc p { margin: 15px 0 0; font-weight: 400; font-size: 15px; line-height: 22px; font-family: "IBM Plex Sans", sans-serif; color: #1d1d1d; } .faq__item.active:before { -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } .faq__item.active h3 { color: #4657b2; } .faq__item.active .desc { opacity: 1; display: block; -ms-transform: translate(0, 0px); -webkit-transform: translate(0, 0px); transform: translate(0, 0px); } .faq__text { display: -ms-flexbox; display: -webkit-flex; display: flex; margin: 50px 0; } @media (max-width: 990px) { .faq__text { margin: 30px 0; } } .faq__text:before { color: #4657b2; font-weight: 700; font-size: 84px; line-height: 84px; font-family: "ZhivagoDisplay"; content: "?"; -ms-flexbox: 0 0 auto; -webkit-flex: 0 0 auto; flex: 0 0 auto; margin-right: 30px; } .faq__text p { -ms-flexbox: 1 1; -webkit-flex: 1 1; flex: 1 1; font-weight: 400; font-size: 16px; line-height: 24px; font-family: "IBM Plex Sans", sans-serif; margin: 0; } .authors { background: #f1f1f1; padding: 60px 15px; position: relative; } @media (max-width: 990px) { .authors { padding: 40px 15px; } } @media (max-width: 990px) { .authors.container { display: none; } } .authors:before { display: block; position: absolute; content: ""; top: 0; bottom: 0; right: 100%; width: 1000px; background: #f1f1f1; } .authors:after { display: block; position: absolute; content: ""; top: 0; bottom: 0; left: 100%; width: 1000px; background: #f1f1f1; } .authors .h1 { color: #13289b; text-align: center; } .authors__item { margin: 0 0 30px; } .authors__item .image { transition: all 0.25s ease; } .authors__item .image img { display: block; margin: 0 auto; border-radius: 50%; } .authors__item .title { font-weight: 400; font-size: 12px; line-height: 16px; font-family: "IBM Plex Sans", sans-serif; text-align: center; letter-spacing: 2.4px; text-transform: uppercase; color: #4657b2; margin: 18px 0; } .authors__item .desc { font-weight: 400; font-size: 11px; line-height: 15px; font-family: "IBM Plex Sans", sans-serif; color: #212121; } .authors__item:hover .image { -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } .authors .more { font-weight: 400; font-size: 20px; line-height: 30px; font-family: "IBM Plex Sans", sans-serif; } .authors .more a { border-bottom: 1px solid #aabdff; display: inline-block; } .authors .more a:hover { border-color: transparent; } .authorsList { margin: 0 -30px 55px; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; box-sizing: border-box; } .authorsList .column { padding: 0 30px; border-right: 0.5px solid #4657b2; box-sizing: border-box; width: 25%; } @media (max-width: 990px) { .authorsList .column { width: 50%; } } @media (max-width: 415px) { .authorsList .column { width: 100%; } } .authorsList .column:last-child { border: none; } .authorsList__item { font-weight: 400; font-size: 15px; line-height: 20px; font-family: "IBM Plex Sans", sans-serif; color: #000; margin: 0 0 10px; } .authorsList__item.title { font-weight: 400; font-size: 164px; line-height: 150px; font-family: "ZhivagoDisplay"; color: #1e1e1e; margin: 0 0 30px; } @media (max-width: 480px) { .authorsList__item.title { font-weight: 400; font-size: 100px; line-height: 90px; font-family: "ZhivagoDisplay"; } } .authorsList__item a, .authorsList__item span { color: #000; cursor: pointer; } .authorsList__item a:hover, .authorsList__item span:hover { color: #4657b2; text-decoration: none; } .search-text { margin: 0 0 10px; } .search-text form { position: relative; margin: 0 auto; padding: 0; } .search-text form input[type=text] { background: #fff; padding-left: 45px; height: 40px; border: none; font-size: 25px; color: #d8d8d8; border-bottom: 1px solid #bbb; } .search-text form input[type=text]::-webkit-input-placeholder { color: #d8d8d8; opacity: 1; } .search-text form input[type=text]::-moz-placeholder { color: #d8d8d8; opacity: 1; } .search-text form input[type=text]:-moz-placeholder { color: #d8d8d8; opacity: 1; } .search-text form input[type=text]:-ms-input-placeholder { color: #d8d8d8; opacity: 1; } .search-text form input[type=text]:focus { box-shadow: none; color: #1d1d1d; } @media (max-width: 990px) { .search-text form input[type=text] { font-size: 20px; } } .search-text form button { position: absolute; border: none; padding: 0; background: none; text-indent: -9999px; display: block; width: 26px; height: 26px; background: url(/local/templates/site-template/css/../img/icons/svg/search-btn.svg) no-repeat; left: 2px; bottom: 8px; } .search-text form button:hover, .search-text form button:focus { background-color: transparent; background: url(/local/templates/site-template/css/../img/icons/svg/search-btn.svg) no-repeat; } .alphabet { margin: 0 0 40px; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-pack: space-between; -webkit-justify-content: space-between; justify-content: space-between; } @media (max-width: 990px) { .alphabet { -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: flex-start; -webkit-justify-content: flex-start; justify-content: flex-start; } } .alphabet a, .alphabet span, .alphabet strong { width: 38px; height: 38px; font-weight: 400; font-size: 25px; line-height: 38px; font-family: "IBM Plex Sans", sans-serif; text-transform: uppercase; text-align: center; display: inline-block; margin: 0 0px 5px 0; border-radius: 50%; color: #4657b2; } @media (max-width: 1180px) { .alphabet a, .alphabet span, .alphabet strong { width: 30px; height: 30px; font-weight: 400; font-size: 20px; line-height: 30px; font-family: "IBM Plex Sans", sans-serif; } } .alphabet a.active, .alphabet span.active, .alphabet strong.active { background: #979797; color: #fff; } .alphabet a:hover, .alphabet span:hover, .alphabet strong:hover { background: #d6dfff; color: #000; } .alphabet span { color: #d8d8d8; } .alphabet span:hover { color: #d8d8d8; background: none; } .author-popup .image { float: left; width: 262px; margin: 10px 30px 0 0; } @media (max-width: 990px) { .author-popup .image { width: 166px; } } @media (max-width: 750px) { .author-popup .image { width: auto; float: none; margin: 0 0 30px; } } .author-popup .image img { border-radius: 50%; } .author-popup .text { overflow: hidden; max-height: 70vh; overflow-y: auto; } .author-popup .text h3:first-child { margin-top: 0; } .author-popup .text ul { list-style: none; margin: 30px 0; padding: 0; } @media (max-width: 990px) { .author-popup .text ul { margin: 20px 0; } } .author-popup .text ul li { margin: 0 0 15px; } @media (max-width: 990px) { .author-popup .text ul li { margin: 0 0 10px; } } .author-popup .text ul li a { font-style: italic; text-decoration: underline; } @media (max-width: 480px) { .author-popup .text ul li a { display: block; } } .author-popup .text ul li a:hover { text-decoration: none; } .popular { background: #D8D8D8; position: relative; padding: 60px 0; } @media (max-width: 990px) { .popular { padding: 40px 0px 25px; } } .popular .h2 { color: #323232; margin-top: 0; text-align: left; font-weight: 400; font-size: 22px; line-height: 30px; font-family: "IBM Plex Sans", sans-serif; text-transform: none; } @media (max-width: 990px) { .popular .h2 { margin: 0 0 30px; } } .popular .h2 a { color: #13289b; } .popular .h2 a:hover { color: #4657b2; } .popular ol { list-style: none; counter-reset: li1; margin: 0; padding: 0; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-pack: space-between; -webkit-justify-content: space-between; justify-content: space-between; } @media (max-width: 990px) { .popular ol { -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: flex-start; -webkit-justify-content: flex-start; justify-content: flex-start; padding: 0 15px; } } .popular ol li { padding: 0; position: relative; margin: 0; padding: 0 15px; box-sizing: border-box; width: 20%; } @media (max-width: 990px) { .popular ol li { width: 100%; padding: 0; margin: 0 0 15px; } } .popular ol li:before { display: block; font-weight: 400; font-size: 96px; line-height: 65px; font-family: "ZhivagoDisplay"; color: #13289b; counter-increment: li1; content: counter(li1); } @media (max-width: 990px) { .popular ol li:before { float: left; margin: 0 15px 0 0; font-weight: 400; font-size: 66px; line-height: 66px; font-family: "ZhivagoDisplay"; } } .popular ol li h3 { text-transform: uppercase; font-weight: 400; font-size: 20px; line-height: 30px; font-family: "IBM Plex Sans", sans-serif; margin: 16px 0 15px; color: #13289b; } @media (max-width: 990px) { .popular ol li h3 { overflow: hidden; margin: 0 0 5px; } } @media (max-width: 750px) { .popular ol li h3 { font-weight: 400; font-size: 18px; line-height: 26px; font-family: "IBM Plex Sans", sans-serif; } } .popular ol li p { margin: 0px; font-weight: 400; font-size: 12px; line-height: 18px; font-family: "IBM Plex Sans", sans-serif; color: #4A4A4A; text-transform: uppercase; letter-spacing: 2.4px; } @media (max-width: 990px) { .popular ol li p { overflow: hidden; } } @media (max-width: 750px) { .popular ol li p { font-weight: 400; font-size: 11px; line-height: 15px; font-family: "IBM Plex Sans", sans-serif; } } .popular a { color: #13289b; } .popular a:hover { color: #4657b2; } #body .articles { width: 100vw; margin-left: calc((100vw - 1170px) / 2 * -1); } @media (max-width: 1180px) { #body .articles { margin-left: calc((100vw - 990px) / 2 * -1); } } @media (max-width: 990px) { #body .articles { margin-left: -15px; } } .articles { background: #f1f1f1; } .articles .container { padding: 60px 15px; } @media (max-width: 990px) { .articles .container { padding: 40px 15px; } } .articles .more { font-weight: 400; font-size: 20px; line-height: 30px; font-family: "IBM Plex Sans", sans-serif; } .articles .more a { border-bottom: 1px solid #aabdff; display: inline-block; } .articles .more a:hover { border-color: transparent; } .articles.events { background: #4a4a4a; } .articles.events .h1 { color: #d8d8d8; } .articles.events .articles__item .date { margin: 30px 0 0px; color: #979797; } .articles.events .articles__item .title { margin: 5px 0 0; } .articles.events .articles__item .title a { color: #aabdff; } .articles.events .articles__item .title a:hover { color: #4657b2; } .articles.events .articles__item .desc { margin: 20px 0 0; padding: 0; color: #fff; } .articles.events .articles__item .desc:before { display: none; } .articles .grid { margin: 0 -15px; box-sizing: border-box; } .articles .grid__item { box-sizing: border-box; padding: 0 15px; width: 25%; } @media (max-width: 990px) { .articles .grid__item { width: 33.3333%; } } @media (max-width: 750px) { .articles .grid__item { width: 50%; } } @media (max-width: 480px) { .articles .grid__item { width: 100%; } } .articles__item { border-top: 1px solid #979797; margin: 0 0 30px; } .articles__item .image { margin: 30px 0 20px; } .articles__item .image a { display: block; background-position: center; background-repeat: no-repeat; background-size: cover; } .articles__item .image + .date { margin-top: 25px; } .articles__item .date { margin: 30px 0 20px; font-weight: 400; font-size: 14px; line-height: 16px; font-family: "IBM Plex Sans", sans-serif; color: #9b9b9b; } .articles__item .date a { display: inline-block; } .articles__item .date a + span { margin-left: 16px; } .articles__item .date a + span:before { display: block; position: absolute; content: ""; width: 3px; height: 3px; border-radius: 50%; background: #9b9b9b; left: -10px; top: 6px; } .articles__item .date span { display: inline-block; position: relative; } .articles__item .title { font-weight: 400; font-size: 24px; line-height: 30px; font-family: "IBM Plex Sans", sans-serif; margin: 10px 0; } .articles__item .title a { color: #13289b; } .articles__item .title a:hover { color: #4657b2; } .articles__item .author { text-transform: uppercase; font-weight: 400; font-size: 12px; line-height: 14px; font-family: "IBM Plex Sans", sans-serif; letter-spacing: 2.4px; color: #4a4a4a; } .articles__item .desc { font-weight: 400; font-size: 15px; line-height: 22px; font-family: "IBM Plex Sans", sans-serif; color: #212121; margin: 30px 0 0; padding: 25px 0 0; position: relative; } .articles__item .desc:before { display: block; position: absolute; content: ""; left: -3px; top: 0; content: "*"; font-weight: 400; font-size: 50px; line-height: 30px; font-family: "Times New Roman"; } .article__top { position: relative; background: #f1f1f1; padding: 60px 15px; } @media (max-width: 990px) { .article__top { width: calc(100vw - 15px); margin-left: -15px; box-sizing: border-box; padding: 40px 0px; } } .article__top:before { display: block; position: absolute; content: ""; top: 0; bottom: 0; right: 100%; width: 1000px; background: #f1f1f1; } @media (max-width: 990px) { .article__top:before { display: none; } } .article__top:after { display: block; position: absolute; content: ""; top: 0; bottom: 0; left: 100%; width: 1000px; background: #f1f1f1; } @media (max-width: 990px) { .article__top:after { display: none; } } .article__top .text { text-align: center; position: relative; } .article__top .author { font-weight: 400; font-size: 17px; line-height: 21px; font-family: "IBM Plex Sans", sans-serif; color: #000; text-transform: uppercase; letter-spacing: 2.33333px; position: relative; } @media (max-width: 990px) { .article__top .author { font-weight: 400; font-size: 15px; line-height: 18px; font-family: "IBM Plex Sans", sans-serif; } } .article__top .author:after { display: block; position: absolute; content: ""; left: 0; right: 0; top: 100%; margin-top: 30px; text-align: center; content: "*"; font-weight: 400; font-size: 74px; line-height: 50px; font-family: "Times New Roman"; } @media (max-width: 990px) { .article__top .author:after { font-weight: 400; font-size: 50px; line-height: 40px; font-family: "Times New Roman"; margin-top: 20px; } } .article__top .title { margin: 90px 0 45px; font-weight: 400; font-size: 86px; line-height: 90px; font-family: "ZhivagoDisplay"; color: #000; text-transform: uppercase; padding: 0 98px; } @media (max-width: 1180px) { .article__top .title { font-weight: 400; font-size: 66px; line-height: 74px; font-family: "ZhivagoDisplay"; } } @media (max-width: 990px) { .article__top .title { font-weight: 400; font-size: 48px; line-height: 54px; font-family: "ZhivagoDisplay"; margin: 60px 0 25px; padding: 0 66px; } } @media (max-width: 750px) { .article__top .title { font-weight: 400; font-size: 36px; line-height: 40px; font-family: "ZhivagoDisplay"; text-align: center; } } @media (max-width: 480px) { .article__top .title { font-weight: 400; font-size: 30px; line-height: 36px; font-family: "ZhivagoDisplay"; padding: 0 40px; } } @media (max-width: 415px) { .article__top .title { font-weight: 400; font-size: 28px; line-height: 32px; font-family: "ZhivagoDisplay"; } } .article__top .title a { color: #fff; } .article__top .title a:hover { opacity: 0.7; } .article__top .title span { color: #000; font-weight: 400; font-size: 57px; line-height: 70px; font-family: "ZhivagoDisplay"; } @media (max-width: 990px) { .article__top .title span { font-weight: 400; font-size: 46px; line-height: 52px; font-family: "ZhivagoDisplay"; } } @media (max-width: 750px) { .article__top .title span { font-weight: 400; font-size: 30px; line-height: 36px; font-family: "ZhivagoDisplay"; } } @media (max-width: 480px) { .article__top .title span { font-weight: 400; font-size: 24px; line-height: 36px; font-family: "ZhivagoDisplay"; } } @media (max-width: 415px) { .article__top .title span { font-weight: 400; font-size: 20px; line-height: 30px; font-family: "ZhivagoDisplay"; } } .article__top .desc { font-weight: 400; font-size: 25px; line-height: 30px; font-family: "IBM Plex Sans", sans-serif; color: #000; } @media (max-width: 990px) { .article__top .desc { font-weight: 400; font-size: 18px; line-height: 24px; font-family: "IBM Plex Sans", sans-serif; } } .article__top .infoBlock { margin-top: 80px; overflow: hidden; } @media (max-width: 990px) { .article__top .infoBlock { margin-top: 40px; padding: 0 15px; } } @media (max-width: 480px) { .article__top .infoBlock { margin-top: 20px; } } .article__top .infoBlock .doc { float: left; font-weight: 400; font-size: 15px; line-height: 30px; font-family: "IBM Plex Sans", sans-serif; padding-left: 0; } @media (max-width: 990px) { .article__top .infoBlock .doc { font-weight: 400; font-size: 14px; line-height: 20px; font-family: "IBM Plex Sans", sans-serif; } } @media (max-width: 480px) { .article__top .infoBlock .doc { margin: 0 0 20px; float: none; text-align: center; } } .article__top .infoBlock .doc:before { display: none; } .article__top .infoBlock .doc a { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align-items: center; -webkit-align-items: center; align-items: center; -ms-flex-align-content: center; -webkit-align-content: center; align-content: center; color: #4657b2; text-decoration: underline; } @media (max-width: 480px) { .article__top .infoBlock .doc a { -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } } .article__top .infoBlock .doc a:before { background: url(/local/templates/site-template/css/../img/doc.png) no-repeat; width: 20px; height: 30px; -ms-flexbox: 0 0 20px; -webkit-flex: 0 0 20px; flex: 0 0 20px; margin-right: 10px; content: ""; } .article__top .infoBlock .doc a span { -ms-flexbox: 0 0 auto; -webkit-flex: 0 0 auto; flex: 0 0 auto; } .article__top .infoBlock .doc a:hover { color: #13289b; text-decoration: none; } .article__top .infoBlock .publishing { float: left; font-weight: 400; font-size: 15px; line-height: 30px; font-family: "IBM Plex Sans", sans-serif; color: #6a6a6a; } @media (max-width: 990px) { .article__top .infoBlock .publishing { font-weight: 400; font-size: 14px; line-height: 20px; font-family: "IBM Plex Sans", sans-serif; } } @media (max-width: 480px) { .article__top .infoBlock .publishing { margin: 0 0 20px; float: none; text-align: center; } } .article__top .infoBlock .publishing span, .article__top .infoBlock .publishing a { display: inline-block; position: relative; margin: 0 18px 0 0; vertical-align: middle; } .article__top .infoBlock .publishing span:after, .article__top .infoBlock .publishing a:after { display: block; position: absolute; content: ""; width: 4px; height: 4px; background: #6a6a6a; border-radius: 50%; left: 100%; margin-left: 7px; top: calc(50% - 2px); } .article__top .infoBlock .social { float: right; } @media (max-width: 480px) { .article__top .infoBlock .social { float: none; clear: both; text-align: center; } } .article__top .infoBlock .social a { margin: 0 0 0 20px; display: inline-block; transition: all 0s ease; opacity: 0.5; filter: invert(29%) sepia(14%) saturate(1158%) hue-rotate(201deg) brightness(92%) contrast(92%); } @media (max-width: 480px) { .article__top .infoBlock .social a { margin: 0 10px; } } .article__top .infoBlock .social a img { display: block; } .article__top .infoBlock .social a:hover { opacity: 1; filter: invert(37%) sepia(13%) saturate(3088%) hue-rotate(194deg) brightness(90%) contrast(92%); } .article .content.text { max-width: 750px; margin: 40px auto; font-weight: 400; font-size: 18px; line-height: 30px; font-family: "IBM Plex Sans", sans-serif; } @media (max-width: 990px) { .article .content.text { font-weight: 400; font-size: 16px; line-height: 28px; font-family: "IBM Plex Sans", sans-serif; } } .article .content.text .poems { width: 100%; max-width: 400px; margin: 45px auto; } .article .content.text .poems-300 { width: 100%; max-width: 300px; margin: 45px auto; } .article .content.text .poems-400 { width: 100%; max-width: 400px; margin: 45px auto; } .article .content.text .poems-500 { width: 100%; max-width: 500px; margin: 45px auto; } .article .content.text .poems-600 { width: 100%; max-width: 600px; margin: 45px auto; } .article .content.text.guest { overflow: hidden; position: relative; } .article .content.text.guest:after { display: block; position: absolute; content: ""; height: 200px; background: #fff; background: -webkit-linear-gradient(to top, #fff 0%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to top, #fff 0%, rgba(255, 255, 255, 0) 100%); left: 0; right: 0; bottom: 0; z-index: 2; } .article .content.text .right { float: right; max-width: 300px; margin: 0 -15px 15px; text-align: right; } @media (max-width: 990px) { .article .content.text .right { margin: 0 0 15px; font-weight: 400; font-size: 14px; line-height: 22px; font-family: "IBM Plex Sans", sans-serif; } } .article .content.text .right em { font-weight: 400; font-size: 20px; line-height: 28px; font-family: "Times New Roman"; } @media (max-width: 990px) { .article .content.text .right em { font-weight: 400; font-size: 16px; line-height: 22px; font-family: "Times New Roman"; } } .article .content.text h2, .article .content.text p { clear: both; } .article .authorization { background: #f1f1f1; padding: 30px 0px; max-width: 1000px; position: relative; margin: 0 auto; } .article .authorization .container { padding: 0; } .article .authorization:before { display: block; position: absolute; content: ""; right: 100%; top: 0; bottom: 0; width: 1000px; background: #f1f1f1; } .article .authorization:after { display: block; position: absolute; content: ""; left: 100%; top: 0; bottom: 0; width: 1000px; background: #f1f1f1; } .article .authorization__top { margin: 0 0 50px; border-bottom: 1px solid #bbbbbb; font-weight: 400; font-size: 18px; line-height: 20px; font-family: "IBM Plex Sans", sans-serif; } @media (max-width: 990px) { .article .authorization__top { font-weight: 400; font-size: 16px; line-height: 18px; font-family: "IBM Plex Sans", sans-serif; } } .article .authorization__top:after { display: block; position: absolute; content: ""; position: relative; clear: both; } .article .authorization__top .title { float: left; position: relative; padding: 0 0 0 35px; color: #323232; margin: 0 0 15px; } @media (max-width: 990px) { .article .authorization__top .title { padding: 0 0 0 30px; } } .article .authorization__top .title:before { display: block; position: absolute; content: ""; left: 0; width: 22px; height: 24px; background: url(/local/templates/site-template/css/../img/icons/block.png) no-repeat; top: -4px; } .article .authorization__top .ico-profile { float: right; position: relative; padding: 0 0 0 30px; display: block; margin: 0 0 15px; } @media (max-width: 990px) { .article .authorization__top .ico-profile { padding: 0 0 0 24px; } } .article .authorization__top .ico-profile:before { display: block; position: absolute; content: ""; left: 0; width: 18px; height: 20px; background: url(/local/templates/site-template/css/../img/icons/man.png) no-repeat; top: -2px; } .article .authorization__subscription { background: #ffffff; padding: 54px 68px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); } @media (max-width: 990px) { .article .authorization__subscription { padding: 40px; } } .article .authorization__subscription .formButton { margin: 30px 0; } .article .authorization__subscription .formButton button, .article .authorization__subscription .formButton .btn { width: 100%; max-width: 264px; font-weight: 400; font-size: 22px; line-height: 48px; font-family: "IBM Plex Sans", sans-serif; } .article .authorization__subscription p { font-weight: 400; font-size: 15px; line-height: 22px; font-family: "IBM Plex Sans", sans-serif; color: #6a6a6a; margin: 10px 0; } @media (max-width: 990px) { .article .authorization__subscription .text { margin-top: 30px; } } .article .authorization__subscription .text h3 { font-weight: 400; font-size: 22px; line-height: 24px; font-family: "IBM Plex Sans", sans-serif; color: #13289b; margin: 0 0 15px; text-transform: none; } .article .authorization__subscription .text ul { margin: 25px 0 0; list-style: none; padding: 0; } .article .authorization__subscription .text ul li { margin: 0 0 15px; padding: 0 0 0 28px; font-weight: 400; font-size: 16px; line-height: 30px; font-family: "IBM Plex Sans", sans-serif; position: relative; } @media (max-width: 990px) { .article .authorization__subscription .text ul li { font-weight: 400; font-size: 14px; line-height: 20px; font-family: "IBM Plex Sans", sans-serif; } } .article .authorization__subscription .text ul li:before { display: block; position: absolute; content: ""; width: 12px; height: 11px; background: url(/local/templates/site-template/css/../img/icons/bull.png) no-repeat; left: 0; top: 8px; } .article .authorization__text { max-width: 750px; margin: 84px auto 15px; font-weight: 400; font-size: 22px; line-height: 30px; font-family: "IBM Plex Sans", sans-serif; } @media (max-width: 990px) { .article .authorization__text { font-weight: 400; font-size: 18px; line-height: 24px; font-family: "IBM Plex Sans", sans-serif; margin: 30px auto 15px; } } @media (max-width: 750px) { .article .authorization__text { font-weight: 400; font-size: 16px; line-height: 22px; font-family: "IBM Plex Sans", sans-serif; } } .article .paging a { width: 23px; height: 46px; border-radius: 0; background: none; padding: 0; margin: 0; border: none; display: block; text-indent: -9999px; overflow: hidden; position: absolute; top: calc(50% - 23px); right: 0px; border: none; box-shadow: none; background-image: url("data:image/svg+xml,%3Csvg width='23' height='46' viewBox='0 0 23 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.506563 0.327997L14.8586 22.688L0.506563 45.048H7.68256L22.0346 22.688L7.68256 0.327997H0.506563Z' fill='%239B9B9B'/%3E%3C/svg%3E"); background-repeat: no-repeat; } @media (max-width: 990px) { .article .paging a { right: 15px; } } .article .paging a:hover { background-image: url("data:image/svg+xml,%3Csvg width='23' height='46' viewBox='0 0 23 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.506563 0.327997L14.8586 22.688L0.506563 45.048H7.68256L22.0346 22.688L7.68256 0.327997H0.506563Z' fill='%234657B2'/%3E%3C/svg%3E"); } .article .paging a.prev { right: auto; left: 0px; -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); } @media (max-width: 990px) { .article .paging a.prev { right: auto; left: 15px; } } .article__author { margin: 30px auto 100px; max-width: 750px; background: #f2f5ff; padding: 40px 98px; } @media (max-width: 990px) { .article__author { padding: 40px; margin: 30px auto 60px; } } @media (max-width: 750px) { .article__author { padding: 30px 15px; } } .article__author .h3 { font-weight: 400; font-size: 41px; line-height: 50px; font-family: "ZhivagoDisplay"; margin: 0 0 25px; color: #4a4a4a; } .article__author .author { font-weight: 400; font-size: 12px; line-height: 18px; font-family: "IBM Plex Sans", sans-serif; color: #13289b; text-transform: uppercase; margin: 0 0 15px; letter-spacing: 2.4px; } .article__author .author a { color: #13289b; display: inline-block; border-bottom: 1px solid #13289b; } .article__author .author a:hover { color: #4657b2; border-color: transparent; } .article__author .image { float: left; margin: 5px 30px 0 0; } .article__author .image img { display: block; } @media (max-width: 990px) { .article__author .image { float: none; margin: 0 0 10px; } } .article__author .desc { overflow: hidden; color: #000; font-weight: 400; font-size: 12px; line-height: 18px; font-family: "IBM Plex Sans", sans-serif; } .article__author .desc p { margin: 0 0 10px; } .article__published { position: relative; } @media (max-width: 750px) { .article__published { margin-top: 20px; } } .article__published .published__item { display: -ms-flexbox; display: -webkit-flex; display: flex; } @media (max-width: 415px) { .article__published .published__item { -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } } .article__published .published__item .image { -ms-flexbox: 0 0 165px; -webkit-flex: 0 0 165px; flex: 0 0 165px; margin: 0 30px 0 0; } @media (max-width: 415px) { .article__published .published__item .image { margin: 0 0 15px; -ms-flexbox: 0 0 100%; -webkit-flex: 0 0 100%; flex: 0 0 100%; } } .article__published .published__item .image img { display: block; } .article__published .published__item .image__journal { display: -ms-flexbox; display: -webkit-flex; display: flex; height: 256px; width: 166px; padding: 0 10px 25px; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align-items: flex-start; -webkit-align-items: flex-start; align-items: flex-start; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; font-weight: 400; font-size: 16px; line-height: 20px; font-family: "NM Numbers"; background: #d6dfff; } .article__published .published__item .image__journal .title { width: 100%; } .article__published .published__item .image__journal .title img { display: block; margin: 0 auto; } .article__published .published__item .image__journal .bottom { -ms-flex-align-self: flex-end; -webkit-align-self: flex-end; align-self: flex-end; width: 80px; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; text-align: center; } .article__published .published__item .image__journal .bottom strong { display: block; font-weight: 400; font-size: 30px; line-height: 32px; font-family: "NM Numbers"; } .article__published .published__item .image__journal .bottom strong:after { display: block; content: ""; border-top: 4px solid #4657b2; height: 2px; border-bottom: 4px solid #4657b2; margin: 2px 0; } .article__published .published__item .text { -ms-flexbox: 1 1; -webkit-flex: 1 1; flex: 1 1; } .article__published .published__item .text p { margin: 0 0 10px; width: 100%; font-weight: 400; font-size: 18px; line-height: 30px; font-family: "IBM Plex Sans", sans-serif; color: #4a4a4a; } @media (max-width: 415px) { .article__published .published__item .text p { font-weight: 400; font-size: 14px; line-height: 24px; font-family: "IBM Plex Sans", sans-serif; } } .article__published .published__item .text .bottom .btn { width: 100%; margin: 10px 0 0; max-width: 166px; padding: 0; } .article__others { position: relative; background: #4657b2; padding: 60px 15px; } @media (max-width: 990px) { .article__others { width: calc(100vw - 15px); margin-left: -15px; box-sizing: border-box; padding: 40px 15px; } } .article__others:before { display: block; position: absolute; content: ""; top: 0; bottom: 0; right: 100%; width: 1000px; background: #4657b2; } @media (max-width: 990px) { .article__others:before { display: none; } } .article__others:after { display: block; position: absolute; content: ""; top: 0; bottom: 0; left: 100%; width: 1000px; background: #4657b2; } @media (max-width: 990px) { .article__others:after { display: none; } } .article__others .h1 { text-align: center; margin: 0 0 40px; color: #aabdff; } .article__others ul { margin: 0 auto; max-width: 600px; padding: 0; list-style: none; text-align: center; } .article__others ul li { margin: 0px; font-weight: 400; font-size: 28px; line-height: 36px; font-family: "IBM Plex Sans", sans-serif; color: #fff; } @media (max-width: 990px) { .article__others ul li { font-weight: 400; font-size: 20px; line-height: 24px; font-family: "IBM Plex Sans", sans-serif; } } .article__others ul li:last-child { margin: 0; } .article__others ul li:last-child:after { display: none; } .article__others ul li:after { content: "*"; font-weight: 400; font-size: 60px; line-height: 50px; font-family: "Times New Roman"; color: #aabdff; display: block; text-align: center; margin: 25px 0 5px; } @media (max-width: 990px) { .article__others ul li:after { font-weight: 400; font-size: 40px; line-height: 30px; font-family: "Times New Roman"; } } .article__others ul li a { color: #fff; } .article__others ul li a:hover { color: #aabdff; } .article__others ul li em { font-weight: 400; font-size: 32px; line-height: 36px; font-family: "Times New Roman"; font-style: italic; } @media (max-width: 990px) { .article__others ul li em { font-weight: 400; font-size: 24px; line-height: 26px; font-family: "Times New Roman"; } } .hashNote { background: #fff; padding: 15px; position: fixed; left: 0; right: 0; bottom: 0; z-index: 10; box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); box-sizing: border-box; } #wysiwyg { font-weight: 400; font-size: 18px; line-height: 30px; font-family: "IBM Plex Sans", sans-serif; color: #212121; } #wysiwyg .poems { width: 100%; max-width: 400px; margin: 5px auto; font-weight: 400; font-size: 18px; line-height: 30px; font-family: "IBM Plex Sans", sans-serif; outline: 1px dashed #ccc; position: relative; padding-top: 15px; } #wysiwyg .poems::before { content: "область для вставки стихов"; position: absolute; display: block; left: 5px; top: 5px; color: #ccc; font-size: 11px; } .projectsList { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 60px; } @media (max-width: 990px) { .projectsList { margin-bottom: 20px; } } .projectsList__item { margin: 0 15px 60px 0; -ms-flexbox: 1 1 20%; -webkit-flex: 1 1 20%; flex: 1 1 20%; box-sizing: border-box; padding-left: 90px; position: relative; } @media (max-width: 1180px) { .projectsList__item { -ms-flexbox: 0 0 420px; -webkit-flex: 0 0 420px; flex: 0 0 420px; } } @media (max-width: 990px) { .projectsList__item { -ms-flexbox: 1 1 100%; -webkit-flex: 1 1 100%; flex: 1 1 100%; padding-left: 90px; } } .projectsList__item:nth-of-type(2n) { -ms-flexbox: 1 1 40%; -webkit-flex: 1 1 40%; flex: 1 1 40%; padding-left: 120px; } @media (max-width: 1180px) { .projectsList__item:nth-of-type(2n) { padding-left: 100px; -ms-flexbox: 1 1 50%; -webkit-flex: 1 1 50%; flex: 1 1 50%; } } @media (max-width: 990px) { .projectsList__item:nth-of-type(2n) { -ms-flexbox: 1 1 100%; -webkit-flex: 1 1 100%; flex: 1 1 100%; padding-left: 90px; } } .projectsList__item:before { display: block; position: absolute; content: ""; height: 10px; left: 0; right: 0; bottom: 12px; background: #aabdff; } .projectsList__item:last-child { -ms-flexbox: 1 1 80%; -webkit-flex: 1 1 80%; flex: 1 1 80%; padding-left: 280px; } @media (max-width: 990px) { .projectsList__item:last-child { -ms-flexbox: 1 1 100%; -webkit-flex: 1 1 100%; flex: 1 1 100%; padding-left: 90px; } } .projectsList__item a { display: block; background: #fff; color: #212121; text-transform: uppercase; position: relative; z-index: 1; padding-left: 10px; font-weight: 400; font-size: 38px; line-height: 45px; font-family: "ZhivagoDisplay"; } @media (max-width: 990px) { .projectsList__item a { font-weight: 400; font-size: 32px; line-height: 40px; font-family: "ZhivagoDisplay"; } } @media (max-width: 750px) { .projectsList__item a { font-weight: 400; font-size: 28px; line-height: 34px; font-family: "ZhivagoDisplay"; } } .projectsList__item:hover a { color: #13289b; } .gallery-goods__item { margin: 0 0 30px; } .gallery-goods__item img { display: block; } .galleryList { margin: 0 -15px; box-sizing: border-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .galleryList__item { padding: 0 15px; box-sizing: border-box; margin: 0 0 70px; width: 50%; } @media (max-width: 990px) { .galleryList__item { margin: 0 0 40px; } } @media (max-width: 480px) { .galleryList__item { width: 100%; } } .galleryList__item .image { margin: 0 0 15px; } .galleryList__item .image a { display: block; background-repeat: no-repeat; background-position: center; background-size: cover; } .galleryList__item .image iframe { width: 100% !important; } @media (max-width: 750px) { .galleryList__item .image iframe { height: 280px !important; } } .galleryList__item .date { color: #979797; font-weight: 400; font-size: 14px; line-height: 30px; font-family: "IBM Plex Sans", sans-serif; } .galleryList__item .title { color: #1d1d1d; text-transform: uppercase; font-weight: 400; font-size: 38px; line-height: 45px; font-family: "ZhivagoDisplay"; } @media (max-width: 990px) { .galleryList__item .title { font-weight: 400; font-size: 32px; line-height: 40px; font-family: "ZhivagoDisplay"; } } @media (max-width: 750px) { .galleryList__item .title { font-weight: 400; font-size: 28px; line-height: 34px; font-family: "ZhivagoDisplay"; } } .galleryList__item .title a { color: #1d1d1d; text-decoration: none; } .galleryList__item .title a:hover { color: #13289b; } .galleryList__item .desc { color: #4a4a4a; font-weight: 400; font-size: 20px; line-height: 30px; font-family: "IBM Plex Sans", sans-serif; margin-top: 15px; } @media (max-width: 990px) { .galleryList__item .desc { font-weight: 400; font-size: 18px; line-height: 26px; font-family: "IBM Plex Sans", sans-serif; margin-top: 15px; } } .months { margin: 30px -7px 40px; box-sizing: border-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-pack: space-between; -webkit-justify-content: space-between; justify-content: space-between; } @media (max-width: 1180px) { .months { margin: 30px -5px 40px; } } @media (max-width: 990px) { .months { -ms-flex-pack: flex-start; -webkit-justify-content: flex-start; justify-content: flex-start; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } } .months a, .months span { padding: 0 7px; color: #aeaeae; font-weight: 400; font-size: 20px; line-height: 22px; font-family: "IBM Plex Sans", sans-serif; } @media (max-width: 1180px) { .months a, .months span { font-weight: 400; font-size: 18px; line-height: 22px; font-family: "IBM Plex Sans", sans-serif; padding: 0 5px; } } @media (max-width: 990px) { .months a, .months span { margin: 0 0 10px; } } .months a:hover, .months span:hover { color: #000; } .months span { color: #000; } .galleryInner h2 { font-weight: 700; font-size: 19px; line-height: 22px; font-family: "ZhivagoDisplay"; color: #212121; text-transform: uppercase; margin: 30px 0 20px; } @media (max-width: 480px) { .galleryInner h2 { font-weight: 700; font-size: 16px; line-height: 20px; font-family: "ZhivagoDisplay"; } } .galleryInner h2 a { text-decoration: none; color: #212121; } .galleryInner h2 a:hover { text-decoration: none; } .galleryInner .date { color: #979797; font-weight: 400; font-size: 14px; line-height: 30px; font-family: "IBM Plex Sans", sans-serif; } .galleryInner .gallery { margin: 70px 0 60px; } @media (max-width: 990px) { .galleryInner .gallery { margin: 50px 0 30px; } } .galleryInner .gallery__item { margin: 0 0 30px; } .galleryInner .gallery__item img { display: block; } .galleryInner .grid { margin: 0 -15px; box-sizing: border-box; } .galleryInner .grid__item { box-sizing: border-box; padding: 0 15px; width: 33.3333%; } @media (max-width: 990px) { .galleryInner .grid__item { width: 33.3333%; } } @media (max-width: 750px) { .galleryInner .grid__item { width: 50%; } } @media (max-width: 480px) { .galleryInner .grid__item { width: 100%; } } .read-info { background: #4657b2; } @media (max-width: 990px) { .read-info { padding-top: 40px; } } .read-info .image img { display: block; margin: 55px auto 0; } @media (max-width: 990px) { .read-info .image img { margin: 30px auto 0; } } .read-info .text { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align-items: center; -webkit-align-items: center; align-items: center; -ms-flex-align-content: center; -webkit-align-content: center; align-content: center; color: #fff; font-weight: 400; font-size: 22px; line-height: 30px; font-family: "IBM Plex Sans", sans-serif; } @media (max-width: 990px) { .read-info .text { font-weight: 400; font-size: 18px; line-height: 28px; font-family: "IBM Plex Sans", sans-serif; text-align: center; } } @media (max-width: 750px) { .read-info .text { font-weight: 400; font-size: 16px; line-height: 24px; font-family: "IBM Plex Sans", sans-serif; } } .read-info .text h2, .read-info .text .h2 { font-weight: 400; font-size: 66px; line-height: 75px; font-family: "ZhivagoDisplay"; margin: 0 0 10px; color: #fff; width: 100%; text-transform: uppercase; } @media (max-width: 990px) { .read-info .text h2, .read-info .text .h2 { font-weight: 400; font-size: 48px; line-height: 60px; font-family: "ZhivagoDisplay"; text-align: center; } } @media (max-width: 750px) { .read-info .text h2, .read-info .text .h2 { font-weight: 400; font-size: 36px; line-height: 42px; font-family: "ZhivagoDisplay"; } } .read-info .text p { margin: 0; } .read-info .text a { display: inline-block; border-bottom: 1px solid #aabdff; color: #fff; line-height: 26px; } .read-info .text a:hover { border-color: transparent; opacity: 0.7; } .eventsList { max-width: 660px; margin-top: 70px; } @media (max-width: 990px) { .eventsList { margin-top: 40px; } } .eventsList__item { margin-bottom: 55px; } @media (max-width: 990px) { .eventsList__item { margin-bottom: 40px; } } .eventsList__item .date { color: #979797; font-weight: 400; font-size: 14px; line-height: 30px; font-family: "IBM Plex Sans", sans-serif; } .eventsList__item .title { color: #1d1d1d; text-transform: uppercase; font-weight: 400; font-size: 38px; line-height: 45px; font-family: "ZhivagoDisplay"; } @media (max-width: 990px) { .eventsList__item .title { font-weight: 400; font-size: 32px; line-height: 40px; font-family: "ZhivagoDisplay"; } } @media (max-width: 750px) { .eventsList__item .title { font-weight: 400; font-size: 28px; line-height: 34px; font-family: "ZhivagoDisplay"; } } .eventsList__item .title a { color: #1d1d1d; text-decoration: none; } .eventsList__item .title a:hover { color: #13289b; } .eventsList__item .image { margin: 0 0 30px; max-width: 460px; } @media (max-width: 990px) { .eventsList__item .image { margin: 0 0 15px; } } .eventsList__item .image img { display: block; } .eventsList__item .desc { color: #4a4a4a; font-weight: 400; font-size: 20px; line-height: 30px; font-family: "IBM Plex Sans", sans-serif; margin-top: 30px; } @media (max-width: 990px) { .eventsList__item .desc { font-weight: 400; font-size: 18px; line-height: 26px; font-family: "IBM Plex Sans", sans-serif; margin-top: 15px; } } .event .image { margin: 0 0 30px; } @media (max-width: 990px) { .event .image { margin: 0 0 15px; } } .event .image img { display: block; } .event .date { color: #979797; font-weight: 400; font-size: 14px; line-height: 30px; font-family: "IBM Plex Sans", sans-serif; } .subscription { margin: 45px auto 0; min-height: 83px; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align-items: center; -webkit-align-items: center; align-items: center; -ms-flex-align-content: center; -webkit-align-content: center; align-content: center; color: #6A6A6A; font-weight: 400; font-size: 18px; line-height: 30px; font-family: "IBM Plex Sans", sans-serif; } @media (max-width: 990px) { .subscription { margin: 25px auto 0; } } @media (max-width: 750px) { .subscription { font-weight: 400; font-size: 16px; line-height: 26px; font-family: "IBM Plex Sans", sans-serif; } } @media (max-width: 480px) { .subscription { font-weight: 400; font-size: 14px; line-height: 20px; font-family: "IBM Plex Sans", sans-serif; } } .subscription:before { content: ""; width: 97px; height: 83px; -ms-flexbox: 0 0 97px; -webkit-flex: 0 0 97px; flex: 0 0 97px; margin: 0 30px 0 0; background: url(/local/templates/site-template/css/../img/icons/podpiska.png) no-repeat; } .subscription p { margin: 0; } .subscription a { display: inline-block; color: #6A6A6A; border-bottom: 1px solid #4657B2; } .subscription a:hover { color: #4657b2; border-color: transparent; } .years { font-weight: 400; font-size: 25px; line-height: 30px; font-family: "IBM Plex Sans", sans-serif; color: #000; border-bottom: 1px solid #bbbbbb; position: relative; padding-bottom: 15px; padding-right: 35px; } @media (max-width: 990px) { .years { font-weight: 400; font-size: 20px; line-height: 26px; font-family: "IBM Plex Sans", sans-serif; } } @media (max-width: 750px) { .years { font-weight: 400; font-size: 18px; line-height: 24px; font-family: "IBM Plex Sans", sans-serif; } } .years a { color: #979797; } .years a:hover { color: #4657b2; } .years a, .years span { display: inline-block; margin-right: 30px; margin-bottom: 10px; } @media (max-width: 1180px) { .years a, .years span { margin-right: 20px; } } @media (max-width: 990px) { .years a, .years span { margin-right: 15px; margin-bottom: 5px; } } .years .link { cursor: pointer; position: absolute; display: block; right: 34px; top: -4px; margin: 0; } .years .link:before { display: block; position: absolute; content: ""; width: 34px; height: 34px; border: 1px solid #c4c4c4; border-radius: 50%; left: 0; top: 0; transition: all 0.25s ease; } .years .link:after { display: block; position: absolute; content: ""; border-top: 11px solid #c4c4c4; border-left: 7px solid transparent; border-right: 7px solid transparent; left: 11px; top: 14px; transition: all 0.25s ease; } .years .link:hover:before { border-color: #4657b2; } .years .link:hover:after { border-top-color: #4657b2; } .library { margin-bottom: 55px; } .library__item, .library .content-year { padding-top: 40px; border-bottom: 1px solid #bbbbbb; } @media (max-width: 990px) { .library__item, .library .content-year { padding-top: 20px; } } .library__item.active, .library .content-year.active { border: none; } .library__item.active .library__box, .library__item.active .library__info, .library .content-year.active .library__box, .library .content-year.active .library__info { display: -ms-flexbox; display: -webkit-flex; display: flex; } .library__item.active .library__title, .library .content-year.active .library__title { margin-bottom: 0; padding: 15px 0; background: #4657b2; } .library__item.active .library__title:before, .library__item.active .library__title:after, .library .content-year.active .library__title:before, .library .content-year.active .library__title:after { opacity: 1; } .library__item.active .library__title .number, .library .content-year.active .library__title .number { font-weight: 400; font-size: 48px; line-height: 40px; font-family: "NM Numbers"; color: #fff; } .library__item.active .library__title .month, .library .content-year.active .library__title .month { color: #fff; } .library__item.active .library__title .library__click:before, .library .content-year.active .library__title .library__click:before { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); } .library .content-year a { font-weight: 400; font-size: 25px; line-height: 25px; font-family: "IBM Plex Sans", sans-serif; color: #4657b2; } @media (max-width: 990px) { .library .content-year a { font-weight: 400; font-size: 20px; line-height: 20px; font-family: "IBM Plex Sans", sans-serif; } } .library .content-year a:hover { color: #646464; } .library__title, .library .content-year a { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align-items: center; -webkit-align-items: center; align-items: center; -ms-flex-align-content: center; -webkit-align-content: center; align-content: center; position: relative; margin-bottom: 40px; transition: all 0.25s ease; } @media (max-width: 990px) { .library__title, .library .content-year a { margin-bottom: 20px; } } .library__title:before, .library .content-year a:before { display: block; position: absolute; content: ""; background: #4657b2; width: 1000px; top: 0; right: 100%; bottom: 0; transition: all 0.25s ease; opacity: 0; } .library__title:after, .library .content-year a:after { display: block; position: absolute; content: ""; background: #4657b2; width: 1000px; top: 0; left: 100%; bottom: 0; transition: all 0.25s ease; opacity: 0; } .library__title .number, .library .content-year a .number { font-weight: 400; font-size: 120px; line-height: 90px; font-family: "NM Numbers"; color: #4657b2; width: 163px; margin-right: 30px; } @media (max-width: 990px) { .library__title .number, .library .content-year a .number { font-weight: 400; font-size: 90px; line-height: 70px; font-family: "NM Numbers"; } } @media (max-width: 750px) { .library__title .number, .library .content-year a .number { width: 103px; } } .library__title .month, .library .content-year a .month { font-weight: 400; font-size: 25px; line-height: 25px; font-family: "IBM Plex Sans", sans-serif; color: #646464; } @media (max-width: 990px) { .library__title .month, .library .content-year a .month { font-weight: 400; font-size: 20px; line-height: 20px; font-family: "IBM Plex Sans", sans-serif; } } .library__title .library__click, .library .content-year a .library__click { width: 60px; height: 60px; position: absolute; right: 0; top: calc(50% - 30px); cursor: pointer; } @media (max-width: 990px) { .library__title .library__click, .library .content-year a .library__click { width: 40px; height: 40px; top: calc(50% - 20px); } } .library__title .library__click:before, .library .content-year a .library__click:before { display: block; position: absolute; content: ""; width: 60px; height: 10px; background: #aabdff; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); left: 0; top: 25px; transition: all 0.25s ease; } @media (max-width: 990px) { .library__title .library__click:before, .library .content-year a .library__click:before { width: 40px; height: 5px; top: 17px; } } .library__title .library__click:after, .library .content-year a .library__click:after { display: block; position: absolute; content: ""; width: 60px; height: 10px; background: #aabdff; left: 0; top: 25px; } @media (max-width: 990px) { .library__title .library__click:after, .library .content-year a .library__click:after { width: 40px; height: 5px; top: 17px; } } .library__box { display: none; position: relative; padding: 40px 0 20px; background: #f2f5ff; margin: 0 -15px; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; box-sizing: border-box; } .library__box:before { display: block; position: absolute; content: ""; background: #f2f5ff; width: 1000px; top: 0; right: 100%; bottom: 0; } .library__box:after { display: block; position: absolute; content: ""; background: #f2f5ff; width: 1000px; top: 0; left: 100%; bottom: 0; } .library__box .title { color: #13289b; font-weight: 400; font-size: 28px; line-height: 30px; font-family: "IBM Plex Sans", sans-serif; margin: 0 0 15px; } @media (max-width: 990px) { .library__box .title { font-weight: 400; font-size: 24px; line-height: 26px; font-family: "IBM Plex Sans", sans-serif; } } @media (max-width: 750px) { .library__box .title { font-weight: 400; font-size: 20px; line-height: 22px; font-family: "IBM Plex Sans", sans-serif; } } .library__box .title a { color: #13289b; } .library__box .title a:hover { color: #4657b2; } .library__box ul { margin: 25px 0 30px 35px; padding: 0; } .library__box ul li { margin: 0 0 10px; padding: 0; font-weight: 400; font-size: 15px; line-height: 20px; font-family: "IBM Plex Sans", sans-serif; color: #000; list-style: none; } .library__box ul li a { font-style: italic; text-decoration: underline; color: #13289b; } .library__box ul li a:hover { text-decoration: none; color: #4657b2; } .library__box .column { box-sizing: border-box; padding: 0 15px; width: 50%; } @media (max-width: 750px) { .library__box .column { width: 100%; } } .library__info { display: none; position: relative; background: #323232; color: #fff; padding: 15px 0; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .library__info:before { display: block; position: absolute; content: ""; background: #323232; width: 1000px; top: 0; right: 100%; bottom: 0; } .library__info:after { display: block; position: absolute; content: ""; background: #323232; width: 1000px; top: 0; left: 100%; bottom: 0; } .library__info a { font-weight: 400; font-size: 25px; line-height: 27px; font-family: "IBM Plex Sans", sans-serif; color: #fff; } @media (max-width: 990px) { .library__info a { font-weight: 400; font-size: 20px; line-height: 24px; font-family: "IBM Plex Sans", sans-serif; } } @media (max-width: 750px) { .library__info a { font-weight: 400; font-size: 16px; line-height: 20px; font-family: "IBM Plex Sans", sans-serif; width: 100%; margin: 10px 0 !important; } } .library__info a:hover { text-decoration: none; opacity: 0.7; color: #fff; } .library__info a.ico-cart { padding-left: 30px; position: relative; margin-left: 60px; } @media (max-width: 990px) { .library__info a.ico-cart { margin-left: 30px; } } .library__info a.ico-cart:before { display: block; position: absolute; content: ""; left: 0; width: 22px; height: 19px; top: 1px; background-image: url("data:image/svg+xml,%3Csvg width='22' height='19' viewBox='0 0 22 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.92718 5.02604H19.6595C20.3283 5.02604 20.8086 5.66991 20.618 6.31101L18.7522 12.5867C18.6261 13.0109 18.2362 13.3018 17.7937 13.3018H12.2834H8.81108C8.3538 13.3018 7.95478 12.9916 7.84198 12.5485L5.09413 1.75332C4.98133 1.31018 4.58231 1 4.12503 1H0' stroke='white' stroke-width='2'/%3E%3Ccircle cx='9.3' cy='17.1999' r='1.8' fill='white'/%3E%3Ccircle cx='17.3' cy='17.2' r='1.8' fill='white'/%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; } .library__info a.ico-doc { padding-left: 25px; position: relative; margin-left: 30px; } @media (max-width: 990px) { .library__info a.ico-doc { margin-left: 20px; } } .library__info a.ico-doc:before { display: block; position: absolute; content: ""; left: 0; width: 16px; height: 22px; top: -1px; background-image: url("data:image/svg+xml,%3Csvg width='16' height='22' viewBox='0 0 16 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.08579 1L15 6.91421V21H1V1H9.08579Z' stroke='white' stroke-width='2'/%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; } .cabinetBox { display: none; position: absolute; top: 70px; left: 0px; right: 0; transition: all 0.4s ease; background: #fff; padding: 30px 15px; box-sizing: border-box; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3); } @media (max-width: 990px) { .cabinetBox { top: 45px; } } .cabinetBox:before { background: #F7F7F7; top: -70px; left: 0; right: 0; height: 70px; display: block; position: absolute; content: ""; z-index: 0; } .cabinetBox .container { position: relative; } .cabinetBox .form { position: relative; max-height: calc(100vh - 70px - 60px); overflow: hidden; overflow-y: auto; } .cabinetBox .form__item { max-width: 555px; margin: 0px auto; padding: 50px 0; font-weight: 400; font-size: 15px; line-height: 22px; font-family: "IBM Plex Sans", sans-serif; color: #6A6A6A; box-sizing: border-box; } @media (max-width: 990px) { .cabinetBox .form__item { padding: 30px 0; } } .cabinetBox .form__item h2, .cabinetBox .form__item .h2 { margin-top: 0; } .cabinetBox .form__item p { margin: 0 0 15px; } .cabinetBox .warning { position: fixed; background: #FF8282; padding: 30px 0; color: #fff; left: 0; right: 0; bottom: 0; font-weight: 400; font-size: 15px; line-height: 22px; font-family: "IBM Plex Sans", sans-serif; z-index: 3; } .cabinetBox .warning .container { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align-items: center; -webkit-align-items: center; align-items: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .cabinetBox .warning .container:before { content: ""; width: 40px; height: 41px; background-image: url("data:image/svg+xml,%3Csvg width='40' height='41' viewBox='0 0 40 41' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d)'%3E%3Cpath d='M14.135 2.83333H25.865L34.1667 11.135V22.865L25.865 31.1667H14.135L5.83337 22.865V11.135L14.135 2.83333Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20 11.3333V17' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20 22.6667H20.015' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d' x='-1' y='0' width='42' height='42' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flexbox: 0 0 40px; -webkit-flex: 0 0 40px; flex: 0 0 40px; margin-right: 15px; } .cabinetBox .warning .container .text { -ms-flexbox: 1 1; -webkit-flex: 1 1; flex: 1 1; padding-right: 30px; } .cabinetBox .warning .container .close-w { position: absolute; width: 24px; height: 24px; cursor: pointer; right: 15px; top: calc(50% - 12px); background-position: center; background-repeat: no-repeat; background-image: url(/local/templates/site-template/css/../img/icons/x.png); } .cabinetBox .close { background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23545454' fill-rule='evenodd' d='M9.546 8.839L18.385 0l.707.707-8.839 8.839 8.839 8.839-.707.707-8.84-8.839-8.838 8.839L0 18.385l8.839-8.84L0 .708.707 0l8.839 8.839z'%3E%3C/path%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; width: 20px; height: 20px; display: block; position: absolute; right: 15px; top: 0px; cursor: pointer; transition: all 0.25s ease; } .cabinetBox .close:hover { opacity: 0.8; } .cabinetBox .social { margin: 0 0 15px; } .cabinetBox .social h2, .cabinetBox .social .h2 { margin-top: 0; } .cabinetBox .social a { display: inline-block; margin: 0 20px 10px 0; } .cabinetBox.nav-active { -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); z-index: 3; display: block; } .cabinetBox.nav-active + .shadow { background: rgba(0, 0, 0, 0.5); position: fixed; top: 55px; left: 0; right: 0; bottom: 0; z-index: 2; } .logout { float: right; margin-top: -65px; } .logout a { display: inline-block; position: relative; margin-left: 30px; border-bottom: 1px dotted #DC4E41; color: #DC4E41; text-decoration: none; font-weight: 400; font-size: 16px; line-height: 18px; font-family: "IBM Plex Sans", sans-serif; } .logout a:before { display: block; position: absolute; content: ""; background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.875 18.375H4.375C3.91087 18.375 3.46575 18.1906 3.13756 17.8624C2.80937 17.5342 2.625 17.0891 2.625 16.625V4.375C2.625 3.91087 2.80937 3.46575 3.13756 3.13756C3.46575 2.80937 3.91087 2.625 4.375 2.625H7.875' stroke='%23646464' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 14.875L18.375 10.5L14 6.125' stroke='%23646464' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.375 10.5H7.875' stroke='%23646464' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; width: 21px; height: 21px; left: -30px; top: calc(50% - 12px); transition: all 0.25s ease; } .logout a:after { display: block; position: absolute; content: ""; opacity: 0; background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.875 18.375H4.375C3.91087 18.375 3.46575 18.1906 3.13756 17.8624C2.80937 17.5342 2.625 17.0891 2.625 16.625V4.375C2.625 3.91087 2.80937 3.46575 3.13756 3.13756C3.46575 2.80937 3.91087 2.625 4.375 2.625H7.875' stroke='%23DC4E41' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 14.875L18.375 10.5L14 6.125' stroke='%23DC4E41' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.375 10.5H7.875' stroke='%23DC4E41' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; width: 21px; height: 21px; left: -30px; top: calc(50% - 12px); transition: all 0.25s ease; } .logout a:hover { border-color: transparent; } .logout a:hover:before { opacity: 0; } .logout a:hover:after { opacity: 1; } .profile { margin-bottom: 60px; } @media (max-width: 990px) { .profile { margin-bottom: 50px; } } .profile .rightCol { float: right; position: relative; } .profile .rightCol .logout { position: absolute; left: 15px; top: -28px; } @media (max-width: 1180px) { .profile .rightCol .logout { position: relative; float: right; margin-top: -95px; left: auto; top: auto; } } @media (max-width: 990px) { .profile .rightCol .logout { margin-top: -85px; } } @media (max-width: 750px) { .profile .rightCol .logout { margin-top: 0px; margin-bottom: 30px; text-align: right; float: none; } } .profile .form { max-width: 555px; } .profile .menu { list-style: none; margin: 0 0 30px; padding: 0; } .profile .menu a, .profile .menu span { display: inline-block; border: 1px solid #4657B2; border-radius: 20px; color: #4657B2; text-decoration: none; padding: 10px 15px; } .profile .menu span { color: #fff; background: #4657B2; } .profile .menu li { margin: 0 0 10px; padding: 0; } @media (max-width: 990px) { .profile .menu li { display: inline-block; margin: 0 10px 10px 0; } } .profile .menu li:before { display: none; } .profile .menu li:hover a, .profile .menu li:hover span, .profile .menu li.act a, .profile .menu li.act span { color: #fff; background: #4657B2; } .profile .col-xs-12 h2:first-child { margin-top: 0; } .profile .journalsList__item { height: 256px; padding: 0 10px 20px; } .profile .journalsList__item .bottom { font-weight: 400; font-size: 18px; line-height: 20px; font-family: "NM Numbers"; width: 82px; } .profile .journalsList__item .bottom strong { display: block; font-weight: 400; font-size: 30px; line-height: 34px; font-family: "NM Numbers"; } .profile .journalsList__item .bottom strong:after { display: block; content: ""; border-top: 3px solid #4657b2; height: 2px; border-bottom: 3px solid #4657b2; margin: 2px 0; } .profile table { width: 100%; border: none; margin: 30px 0; position: relative; background: #fff; line-height: 100%; } @media (max-width: 990px) { .profile table { width: 100%; } } @media (max-width: 600px) { .profile table { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 30px auto; float: none; } } .profile table thead tr th { vertical-align: bottom; border: none; font-weight: 400; font-size: 15px; line-height: 22px; font-family: "IBM Plex Sans", sans-serif; padding: 0px 15px 20px 0; color: #6A6A6A; text-align: left; } .profile table tr td { padding: 10px 30px 10px 0; transition: all 0.25s ease; color: #000; position: relative; border-bottom: 1px solid #D8D8D8; vertical-align: top; font-weight: 400; font-size: 15px; line-height: 22px; font-family: "IBM Plex Sans", sans-serif; } .profile table tr td p { margin: 0; } .profile table tr td:last-child { padding-right: 15px; } .profile table tr td a { text-decoration: underline; } .profile table tr td a:hover { text-decoration: none; color: #dc4e41; } .profile table tr td strong { font-weight: normal; color: #dc4e41; } .profile table tr:hover td { background: #f2f2f2; } @media (max-width: 700px) { .profile table, .profile thead, .profile tbody, .profile th, .profile td, .profile tr { display: block; } .profile table { border: none; box-shadow: none; } .profile table thead tr { position: absolute; top: -9999px; left: -9999px; } .profile table tbody tr { border: none; border-bottom: 1px solid #D8D8D8; padding: 15px 0; margin: 0; background: none; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .profile table tbody tr:before, .profile table tbody tr:after { display: none !important; } .profile table tbody tr:hover { background: #f7f7f7; } .profile table tbody tr:hover td { background: none; border: none; padding: 0; } .profile table tbody tr:hover td:after { display: none !important; } .profile table tbody tr td, .profile table tbody tr th { margin: 0 0 10px; border: none; padding: 0 15px !important; background: none; width: 50%; box-sizing: border-box; } .profile table tbody tr td:before, .profile table tbody tr th:before { content: attr(data-head) !important; display: block; position: relative !important; left: auto !important; top: auto !important; bottom: auto !important; right: auto !important; height: auto !important; background: none !important; text-transform: uppercase; text-align: left; margin: 0 0 5px; color: #777; transition: all 0.25s ease; font-weight: 700; font-size: 11px; line-height: 13px; font-family: "IBM Plex Sans", sans-serif; } .profile table tbody tr td:after, .profile table tbody tr th:after { display: none; } .profile table tbody tr td br, .profile table tbody tr th br { display: none; } } .delivery-btn span { border-bottom: 1px dotted #DC4E41; color: #DC4E41; cursor: pointer; transition: all 0.25s ease; } .delivery-btn:hover span { border-color: transparent; color: #4657b2; } .delivery-btn.active span { color: #212121; border-color: transparent; cursor: auto; } .delivery-form.active { display: block !important; } .doc { position: relative; padding-left: 25px; margin: 10px 0 0; font-weight: 400; font-size: 12px; line-height: 18px; font-family: "IBM Plex Sans", sans-serif; color: #646464; } .doc:before { display: block; position: absolute; content: ""; width: 16px; height: 22px; lefT: 0; top: 0; background-image: url("data:image/svg+xml,%3Csvg width='16' height='22' viewBox='0 0 16 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.18934 0.75L15.25 6.81066V21.25H0.75V0.75H9.18934Z' stroke='%23979797' stroke-width='1.5'/%3E%3C/svg%3E%0A"); background-position: center; background-repeat: no-repeat; } .doc a { text-decoration: underline; } .doc a:hover { text-decoration: none; } .doc.download { padding-left: 0; position: relative; } .doc.download:before { display: none; } .doc.download .btn { height: 30px; padding-right: 20px; padding-left: 15px; text-align: left; font-size: 12px; line-height: 28px; position: relative; box-sizing: border-box; width: 100%; } .doc.download .btn:after { display: block; position: absolute; content: ""; width: 8px; height: 12px; background-image: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 0L0.589996 1.41L5.17 6L0.589996 10.59L2 12L8 6L2 0Z' fill='white'/%3E%3C/svg%3E"); background-repeat: no-repeat; right: 10px; top: calc(50% - 6px); transition: all 0.25s ease; } .doc.download .btn:before { display: block; position: absolute; content: ""; position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: none; cursor: default; } .doc.download .btn.active:after { -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); } .doc.download .btn.active:before { display: block; } .doc.download .doc--inner { position: absolute; left: 0; right: 0; top: 100%; background: #fff; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3); padding: 15px; box-sizing: border-box; display: none; } .doc.download .doc--inner.nav-active { display: block; z-index: 10; } .doc.download .doc--inner h3, .doc.download .doc--inner .h3, .doc.download .doc--inner .title { font-weight: 600; font-size: 10px; line-height: 12px; font-family: "IBM Plex Sans", sans-serif; margin: 0 0 10px; color: #212121; text-transform: uppercase; } .doc.download .doc--inner ul { margin: 20px 0 0; list-style: none; padding: 0; } .doc.download .doc--inner ul li { padding: 0; margin: 10px 0 0; } .doc.download .doc--inner ul li:before { display: none; } .doc.download .doc--inner ul li a { display: block; font-weight: 400; font-size: 14px; line-height: 16px; font-family: "IBM Plex Sans", sans-serif; padding-left: 25px; position: relative; min-height: 21px; } .doc.download .doc--inner ul li a:before { display: block; position: absolute; content: ""; left: 0; top: -6px; width: 17px; height: 21px; background: url(/local/templates/site-template/css/../img/icons/doc.png) no-repeat; } .doc.download .doc--inner ul li a:hover { -webkit-filter: grayscale(100%); filter: grayscale(100%); transition: all 0.25s ease; } .doc.download .doc--inner ul li a:hover:hover { filter: none; -webkit-filter: grayscale(0); } .rss-list__item { display: -ms-flexbox; display: -webkit-flex; display: flex; font-weight: 400; font-size: 15px; line-height: 22px; font-family: "IBM Plex Sans", sans-serif; padding: 0 0 15px; margin: 15px 0; border-bottom: 1px solid #D8D8D8; } .rss-list__item .title { margin-right: 30px; color: #6A6A6A; -ms-flexbox: 0 0 164px; -webkit-flex: 0 0 164px; flex: 0 0 164px; } .rss-list__item .text { -ms-flexbox: 1 1; -webkit-flex: 1 1; flex: 1 1; color: #000; } .rss-list__item .text p { margin: 0 0 10px; } .rss-list__item .text__btn { margin-top: 30px; } .rss-list__item .text ul { margin: 10px 0; padding: 0; list-style: none; } .rss-list__item .text ul li { padding: 0 0 0 16px; margin: 0 0 0px; position: relative; } .rss-list__item .text ul li:before { display: block; position: absolute; content: ""; left: 0; top: 5px; width: 12px; height: 12px; background: url(/local/templates/site-template/css/../img/icons/bull-check.svg) no-repeat; } .rss-list__item .history__btn { display: inline-block; position: relative; padding-left: 24px; color: #4657b2; cursor: pointer; padding-top: 15px; border-top: 1px solid #D8D8D8; margin-top: 15px; width: 100%; transition: all 0.25s ease; } .rss-list__item .history__btn:before { display: block; position: absolute; content: ""; width: 16px; height: 16px; border: 1px solid #D8D8D8; border-radius: 50%; left: 0; top: 15px; transition: all 0.25s ease; } .rss-list__item .history__btn:after { display: block; position: absolute; content: ""; border-top: 6px solid #646464; border-left: 4px solid transparent; border-right: 4px solid transparent; left: 5px; top: 22px; transition: all 0.25s ease; } .rss-list__item .history__btn:hover { color: #13289b; } .rss-list__item .history__btn:hover:before { border-color: #4657b2; } .rss-list__item .history__btn:hover:after { border-top-color: #4657b2; } .rss-list__item .history__item { padding: 15px 0 0; margin-top: 15px; position: relative; } .rss-list__item .history__item:before { border-top: 1px solid #D8D8D8; display: block; position: absolute; content: ""; left: 15px; right: 15px; top: 0; } .rss-list__item .history__item:first-child { margin-top: 0; padding-top: 0; } .rss-list__item .history__item:first-child:before { display: none; } .steps__item { padding: 0 0 30px; margin: 0 0 30px; border-bottom: 1px solid #D8D8D8; font-weight: 400; font-size: 15px; line-height: 22px; font-family: "IBM Plex Sans", sans-serif; color: #000; } .steps__item:last-child { border: none; margin: 0; padding: 0; } .steps__item .h2 { margin: 30px 0; } .steps__item .h2 span { display: block; color: #6A6A6A; font-weight: 400; font-size: 15px; line-height: 22px; font-family: "IBM Plex Sans", sans-serif; } .steps__item h3 { font-weight: 400; font-size: 21px; line-height: 24px; font-family: "IBM Plex Sans", sans-serif; text-transform: none; margin: 0 0 15px; color: #13289b; } @media (max-width: 990px) { .steps__item h3 { font-weight: 400; font-size: 18px; line-height: 22px; font-family: "IBM Plex Sans", sans-serif; } } @media (max-width: 750px) { .steps__item .text { margin-top: 15px; } } .steps__item ul { margin: 10px 0; padding: 0; list-style: none; font-weight: 400; font-size: 16px; line-height: 24px; font-family: "IBM Plex Sans", sans-serif; color: #212121; } .steps__item ul li { padding: 0 0 0 25px; margin: 0 0 0px; position: relative; } .steps__item ul li:before { display: block; position: absolute; content: ""; left: 0; top: 5px; width: 12px; height: 11px; background: url(/local/templates/site-template/css/../img/icons/bull-flag.svg) no-repeat; } .steps__item p { margin: 0 0 20px; } .steps__item .formField { margin-bottom: 0; } .steps__item .formField label { margin: 0 0 15px; } .steps__item .formButton p { font-weight: 400; font-size: 10px; line-height: 15px; font-family: "IBM Plex Sans", sans-serif; color: #6a6a6a; margin: 25px 0 0; max-width: 263px; } .step { margin-bottom: 60px; font-weight: 400; font-size: 15px; line-height: 22px; font-family: "IBM Plex Sans", sans-serif; color: #979797; } @media (max-width: 990px) { .step { margin-bottom: 40px; } } .step span { display: inline-block; margin-right: 20px; position: relative; } .step span.active { color: #646464; } .step span.active:after { color: #979797; } .step span:after { content: "→"; color: #979797; display: inline-block; position: absolute; left: 100%; margin-left: 4px; top: 1px; } .step span:last-child:after { display: none; } .authorization { margin-bottom: 60px; } .authorization .col-sm-1 { position: relative; } @media (max-width: 750px) { .authorization .col-sm-1 { margin: 30px 0; } } .authorization .col-sm-1:before { display: block; position: absolute; content: ""; width: 1px; top: 0; bottom: 0; left: 50%; background: #4657b2; opacity: 0.5; } @media (max-width: 750px) { .authorization .col-sm-1:before { width: auto; left: 15px; right: 15px; height: 1px; } } .authorization .form h2:first-child { margin-top: 0; } .authorization .form p { color: #4657b2; margin: 0 0 30px; text-align: right; } .authorization .social { margin: 0 0 15px; } .authorization .social h2, .authorization .social .h2 { margin-top: 0; } .authorization .social a { display: inline-block; margin: 0 20px 10px 0; } .profile .cart table { position: relative; background: #F1F1F1; margin: 0 0 45px; } @media (max-width: 750px) { .profile .cart table { display: block; } } .profile .cart table:before { display: block; position: absolute; content: ""; background: #D6DFFF; top: 0; right: 0; width: 100vw; height: 45px; } @media (max-width: 750px) { .profile .cart table:before { display: none; } } .profile .cart table:after { display: block; position: absolute; content: ""; background: #F1F1F1; top: 45px; bottom: 0; right: 100%; width: 1000px; } @media (max-width: 750px) { .profile .cart table:after { display: none; } } .profile .cart table thead { position: relative; z-index: 1; } @media (max-width: 750px) { .profile .cart table thead { display: none; } } .profile .cart table thead tr th { font-weight: 400; font-size: 15px; line-height: 22px; font-family: "IBM Plex Sans", sans-serif; color: #000; height: 45px; vertical-align: middle; padding: 0; } @media (max-width: 750px) { .profile .cart table tr { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; padding: 15px; position: relative; } } @media (max-width: 750px) { .profile .cart table tr:after { display: block; position: absolute; content: ""; border-bottom: 1px solid #bbb; left: 15px; right: 15px; bottom: 0; } } .profile .cart table tr td { font-weight: 400; font-size: 15px; line-height: 22px; font-family: "IBM Plex Sans", sans-serif; color: #000; padding: 30px 15px 15px 0; border: none; position: relative; vertical-align: middle; } @media (max-width: 750px) { .profile .cart table tr td { padding: 0 !important; margin: 0 0 10px; width: 100% !important; display: block; } } .profile .cart table tr td:after { display: block; position: absolute; content: ""; border-bottom: 1px solid #bbb; left: 0; right: 0px; bottom: 0; } @media (max-width: 750px) { .profile .cart table tr td:after { display: none; } } @media (max-width: 750px) { .profile .cart table tr td:first-child { margin-bottom: 20px; } } .profile .cart table tr td:last-child { width: 30px; } .profile .cart table tr td:last-child:after { right: 15px; } @media (max-width: 750px) { .profile .cart table tr td:last-child { position: absolute; right: 15px; top: 15px; width: auto !important; } } .profile .cart table tr td:nth-of-type(1) { width: 270px; } @media (max-width: 750px) { .profile .cart table tr td:nth-of-type(1) { padding-right: 30px; } } @media (max-width: 750px) { .profile .cart table tr td:nth-of-type(2) { width: 50% !important; } } .profile .cart table tr td:nth-of-type(3) { width: 133px; } @media (max-width: 750px) { .profile .cart table tr td:nth-of-type(3) { width: 50% !important; } } .profile .cart table tr td:nth-of-type(2), .profile .cart table tr td:nth-of-type(4) { width: 100px; } .profile .cart table tr td .text { color: #646464; font-weight: 400; font-size: 12px; line-height: 16px; font-family: "IBM Plex Sans", sans-serif; display: block; } .profile .cart table tr td .delete { width: 20px; height: 20px; position: relative; display: block; } .profile .cart table tr td .delete:before { display: block; position: absolute; content: ""; top: 0; left: 0; width: 20px; height: 20px; transition: all 0.25s ease; background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.5999 5.20001L4.3999 16.4' stroke='%23A5A5A5' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.3999 5.20001L15.5999 16.4' stroke='%23A5A5A5' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; } .profile .cart table tr td .delete:hover:before { background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.5999 5.20001L4.3999 16.4' stroke='%234657B2' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.3999 5.20001L15.5999 16.4' stroke='%234657B2' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } @media (max-width: 750px) { .profile .cart table tr:last-child { border: none; } } .profile .cart table tr:last-child td:after { display: none; } .profile .cart .counter { display: -ms-flexbox; display: -webkit-flex; display: flex; position: relative; width: 118px; } .profile .cart .counter input { width: 68px; height: 30px; background: #fff; text-align: center; border: 1px solid #979797; border-radius: 20px; } .profile .cart .counter button { width: 25px; height: 30px; background: none; padding: 0; margin: 0; position: relative; border: none; font-weight: 400; font-size: 20px; line-height: 22px; font-family: "IBM Plex Sans", sans-serif; color: #000; } .profile .cart .counter button.dec { text-align: left; } .profile .cart .counter button.inc { text-align: right; } .profile .cart .card { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align-items: center; -webkit-align-items: center; align-items: center; -ms-flex-align-content: center; -webkit-align-content: center; align-content: center; text-decoration: none; } .profile .cart .card:hover .card__title { color: #4657b2; } .profile .cart .card:hover .card__subscribe { color: #4657b2; } .profile .cart .card__journal { -ms-flexbox: 0 0 68px; -webkit-flex: 0 0 68px; flex: 0 0 68px; height: 105px; padding: 5px; background: #D6DFFF; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align-items: flex-start; -webkit-align-items: flex-start; align-items: flex-start; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; font-weight: 400; font-size: 10px; line-height: 12px; font-family: "NM Numbers"; background: #D6DFFF; margin-right: 30px; color: #4657b2; } .profile .cart .card__journal .title { width: 100%; } .profile .cart .card__journal .title img { display: block; margin: 0 auto; } .profile .cart .card__journal .bottom { -ms-flex-align-self: flex-end; -webkit-align-self: flex-end; align-self: flex-end; width: 32px; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; text-align: center; } .profile .cart .card__journal .bottom strong { display: block; font-weight: 400; font-size: 14px; line-height: 15px; font-family: "NM Numbers"; color: #4657b2; } .profile .cart .card__journal .bottom strong:after { display: block; content: ""; border-top: 2px solid #4657b2; height: 1px; border-bottom: 2px solid #4657b2; margin: 1px 0; } .profile .cart .card__subscribe { -ms-flexbox: 0 0 68px; -webkit-flex: 0 0 68px; flex: 0 0 68px; height: 79px; position: relative; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align-items: center; -webkit-align-items: center; align-items: center; -ms-flex-align-content: center; -webkit-align-content: center; align-content: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; font-weight: 400; font-size: 24px; line-height: 22px; font-family: "NM Numbers"; color: #000; margin-right: 30px; } .profile .cart .card__subscribe:before { display: block; position: absolute; content: ""; left: 50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); background: url(/local/templates/site-template/css/../img/icons/clock.svg) no-repeat center; width: 79px; height: 79px; } .profile .cart .card__title { -ms-flexbox: 1 1; -webkit-flex: 1 1; flex: 1 1; color: #000; } .profile .cart .total { -ms-flex-align-items: center; -webkit-align-items: center; align-items: center; -ms-flex-align-content: center; -webkit-align-content: center; align-content: center; } @media (max-width: 750px) { .profile .cart .total .formButton { -ms-order: 2; -webkit-order: 2; order: 2; text-align: right; } } .profile .cart .total .back-form { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align-items: center; -webkit-align-items: center; align-items: center; } @media (max-width: 750px) { .profile .cart .total .back-form { -ms-order: 5; -webkit-order: 5; order: 5; margin-top: 30px; } } .profile .cart .total .back-form a, .profile .cart .total .back-form span { font-weight: 400; font-size: 15px; line-height: 22px; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; border-bottom: 1px dashed #4657b2; color: #6a6a6a; text-decoration: none; display: inline-block; margin-left: 30px; position: relative; } .profile .cart .total .back-form a:before, .profile .cart .total .back-form span:before { display: block; position: absolute; content: ""; width: 20px; height: 14px; background: url(/local/templates/site-template/css/../img/left.png) no-repeat -2px center; background-position: center; background-repeat: no-repeat; left: -32px; top: calc(50% - 7px); } .profile .cart .total .back-form a:hover, .profile .cart .total .back-form span:hover { color: #4657b2; border-color: transparent; } .profile .cart .total__item { color: #000; font-weight: 400; font-size: 22px; line-height: 22px; font-family: "IBM Plex Sans", sans-serif; } @media (max-width: 750px) { .profile .cart .total__item { -ms-order: 0; -webkit-order: 0; order: 0; text-align: right; margin-bottom: 30px; } } .profile .cart .total__item span { font-weight: 400; font-size: 15px; line-height: 22px; font-family: "IBM Plex Sans", sans-serif; display: block; color: #646464; } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-prev, .slick-next { width: 23px; height: 46px; border-radius: 0; background: none; padding: 0; margin: 0; display: block; text-indent: -9999px; overflow: hidden; position: absolute; top: calc(50% - 23px); right: 0px; border: none; box-shadow: none; background-image: url("data:image/svg+xml,%3Csvg width='23' height='46' viewBox='0 0 23 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.506563 0.327997L14.8586 22.688L0.506563 45.048H7.68256L22.0346 22.688L7.68256 0.327997H0.506563Z' fill='%239D9EE3'/%3E%3C/svg%3E"); background-repeat: no-repeat; } @media (max-width: 990px) { .slick-prev, .slick-next { right: 15px; } } .slick-prev:hover, .slick-next:hover { background-image: url("data:image/svg+xml,%3Csvg width='23' height='46' viewBox='0 0 23 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.506563 0.327997L14.8586 22.688L0.506563 45.048H7.68256L22.0346 22.688L7.68256 0.327997H0.506563Z' fill='%23ffffff'/%3E%3C/svg%3E"); } .slick-prev { right: auto; left: 0px; -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); } @media (max-width: 990px) { .slick-prev { right: auto; left: 15px; } } .slick-arrow.slick-disabled { opacity: 0.3; cursor: auto; } .slick-arrow.slick-disabled:hover { filter: none; } .slick-dots { list-style: none; padding: 0; width: 100% !important; left: auto !important; top: auto !important; bottom: auto !important; position: relative !important; text-align: center !important; margin: 30px 0 0 !important; height: auto !important; box-shadow: none !important; } .slick-dots:before, .slick-dots:after { display: none !important; } .slick-dots li { display: inline-block !important; border: 1px solid #aabdff; width: 10px; height: 10px; margin: 0 10px !important; padding: 0 !important; vertical-align: middle; border-radius: 50%; overflow: hidden; position: relative; box-sizing: border-box; transition: all 0.25s ease; } .slick-dots li:before, .slick-dots li:after { display: none !important; } .slick-dots li button { text-indent: -9999px; overflow: hidden; padding: 0; margin: 0; position: absolute; top: -1px; left: -1px; right: -1px; bottom: -1px; background: none; width: calc(100% + 2px); height: calc(100% + 2px); border: none; line-height: 100%; } .slick-dots li:hover, .slick-dots li.slick-active { background: #aabdff; } .slick-dots li:hover button, .slick-dots li.slick-active button { background: none; } .sliderTop { background: #4657b2; color: #fff; /*padding: 120px 0 100px; @include breakpoint(tablet-portrait) { padding: 50px 0 40px; } */ } .sliderTop .slick-track { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align-items: center; -webkit-align-items: center; align-items: center; -ms-flex-align-content: center; -webkit-align-content: center; align-content: center; } .sliderTop .slide { opacity: 0; transition: all 0.25s ease; color: #fff; background-repeat: no-repeat; background-position: center; background-size: cover; height: 700px; display: flex; align-items: center; align-content: center; transform: none; width: 100%; } @media (max-width: 1180px) { .sliderTop .slide { height: 550px; } } .sliderTop .slide.slick-current { opacity: 1; } .sliderTop .slide .container { padding: 0 120px; box-sizing: border-box; } @media (max-width: 990px) { .sliderTop .slide .container { padding: 0 96px; } } @media (max-width: 750px) { .sliderTop .slide .container { padding: 0 70px; } } .sliderTop .slide .text { min-height: 430px; padding: 15px 0; box-sizing: border-box; display: flex; align-items: center; align-content: center; flex-wrap: wrap; width: 100%; box-sizing: border-box; background: rgba(70, 87, 178, 0.6); } @media (max-width: 1180px) { .sliderTop .slide .text { height: 350px; } } .sliderTop .slide .author { font-weight: 400; font-size: 16px; line-height: 20px; font-family: "IBM Plex Sans", sans-serif; color: #fff; letter-spacing: 2.13333px; text-transform: uppercase; width: 100%; } @media (max-width: 1180px) { .sliderTop .slide .author { font-weight: 400; font-size: 14px; line-height: 18px; font-family: "IBM Plex Sans", sans-serif; } } @media (max-width: 990px) { .sliderTop .slide .author { font-weight: 400; font-size: 14px; line-height: 18px; font-family: "IBM Plex Sans", sans-serif; text-align: center; } } @media (max-width: 750px) { .sliderTop .slide .author { text-align: center; font-weight: 400; font-size: 13px; line-height: 16px; font-family: "IBM Plex Sans", sans-serif; } } @media (max-width: 990px) { .sliderTop .slide .author:after { content: "*"; font-weight: 400; font-size: 50px; line-height: 30px; font-family: "Times New Roman"; display: block; text-align: center; opacity: 0.7; margin: 20px 0 0; } } .sliderTop .slide .title { margin: 15px 0 0px; font-weight: 400; font-size: 86px; line-height: 90px; font-family: "ZhivagoDisplay"; color: #fff; width: 100%; text-transform: uppercase; } @media (max-width: 1180px) { .sliderTop .slide .title { font-weight: 400; font-size: 66px; line-height: 74px; font-family: "ZhivagoDisplay"; } } @media (max-width: 990px) { .sliderTop .slide .title { font-weight: 400; font-size: 48px; line-height: 54px; font-family: "ZhivagoDisplay"; text-align: center; margin-top: 10px; } } @media (max-width: 480px) { .sliderTop .slide .title { font-weight: 400; font-size: 36px; line-height: 40px; font-family: "ZhivagoDisplay"; } } @media (max-width: 415px) { .sliderTop .slide .title { font-weight: 400; font-size: 30px; line-height: 36px; font-family: "ZhivagoDisplay"; } } .sliderTop .slide .title a { color: #fff; } .sliderTop .slide .title a:hover { opacity: 0.7; } .sliderTop .slide .desc { font-weight: 400; font-size: 21px; line-height: 30px; font-family: "IBM Plex Sans", sans-serif; width: 100%; } @media (max-width: 1180px) { .sliderTop .slide .desc { font-weight: 400; font-size: 18px; line-height: 26px; font-family: "IBM Plex Sans", sans-serif; } } @media (max-width: 990px) { .sliderTop .slide .desc { text-align: center; } } @media (max-width: 480px) { .sliderTop .slide .desc { font-weight: 400; font-size: 14px; line-height: 18px; font-family: "IBM Plex Sans", sans-serif; } } @media (max-width: 415px) { .sliderTop .slide .desc { font-weight: 400; font-size: 12px; line-height: 16px; font-family: "IBM Plex Sans", sans-serif; } } .sliderTop .slick-prev, .sliderTop .slick-next { z-index: 5; } .sliderTop .slick-prev { margin-left: calc((100vw - 1140px) / 2); } @media (max-width: 1180px) { .sliderTop .slick-prev { margin-left: calc((100vw - 990px) / 2); } } .sliderTop .slick-next { margin-right: calc((100vw - 1140px) / 2); } @media (max-width: 1180px) { .sliderTop .slick-next { margin-right: calc((100vw - 990px) / 2); } } .searchResult__item { margin: 40px 0; } @media (max-width: 990px) { .searchResult__item { margin: 30px 0; padding: 15px; } } .searchResult__item a { display: block; background: #fff; box-shadow: 0px 2px 12px rgba(0, 48, 91, 0.17); padding: 15px 30px; color: #5E5D5B; border: 1px solid transparent; } .searchResult__item a span { display: block; } .searchResult__item a h4, .searchResult__item a .h4, .searchResult__item a .title { font-weight: 300; font-size: 24px; line-height: 29px; font-family: "IBM Plex Sans", sans-serif; padding: 0 0 15px; margin: 0 0 15px; color: #009ee3; border-bottom: 1px solid #D8D8D8; } @media (max-width: 990px) { .searchResult__item a h4, .searchResult__item a .h4, .searchResult__item a .title { font-weight: 300; font-size: 20px; line-height: 23px; font-family: "IBM Plex Sans", sans-serif; } } .searchResult__item a:hover { text-decoration: none; color: #5E5D5B; border-color: #009ee3; } .searchResult__item a:hover h4, .searchResult__item a:hover .h4, .searchResult__item a:hover .title { color: #009ee3; } .searchResult__item b, .searchResult__item strong { font-weight: 600; } .searchResult__item p { margin: 0; color: #5E5D5B; } .searchText { margin: 0 0 20px; position: relative; } .searchText input[type=text] { padding-right: 100px; margin: 0; height: 40px; } .searchText input[type=submit], .searchText button { cursor: pointer; position: absolute; top: 0px; right: 0px; height: 40px; line-height: 40px; } .search-page { margin-bottom: 60px; } @media (max-width: 990px) { .search-page { margin-bottom: 50px; } } .paging { margin: 20px 0 0px; text-align: center; color: #777; font-weight: 500; font-size: 16px; line-height: 24px; font-family: "IBM Plex Sans", sans-serif; } .paging a, .paging span, .paging strong { position: relative; display: inline-block; text-decoration: none; margin: 0 12px; } @media (max-width: 480px) { .paging a, .paging span, .paging strong { margin: 0 10px; } } .paging a:hover, .paging span:hover, .paging strong:hover { color: #004287; } .paging a:hover:after, .paging span:hover:after, .paging strong:hover:after { opacity: 1; } .paging a.paging__item--act, .paging span.paging__item--act, .paging strong.paging__item--act { color: #000; cursor: auto; } .paging a { color: #4657b2; } .paging a:hover { color: #004287; } .paging strong { color: #004287; } .paging .prev, .paging .next { position: relative; } .paging .prev span, .paging .next span { margin: 0; } @media (max-width: 480px) { .paging .prev span, .paging .next span { display: none; } } @media (max-width: 480px) { .paging .prev:before, .paging .next:before { font-size: 30px; content: "→"; display: inline-block; transition: all 0.25s ease; vertical-align: middle; margin-bottom: 5px; } } @media (max-width: 480px) { .paging .prev:before { content: "←"; } } .navigation-arrows { position: relative; } .navigation-arrows .ctrl { display: none; } .navigation-pages { margin: 20px 0 0px; text-align: center; color: #777; font-weight: 500; font-size: 16px; line-height: 24px; font-family: "IBM Plex Sans", sans-serif; } .navigation-pages .navigation-title { display: none; } .navigation-pages a, .navigation-pages span, .navigation-pages strong { position: relative; display: inline-block; text-decoration: none; margin: 0 12px; } @media (max-width: 480px) { .navigation-pages a, .navigation-pages span, .navigation-pages strong { margin: 0 10px; } } .navigation-pages a:hover, .navigation-pages span:hover, .navigation-pages strong:hover { color: #004287; } .navigation-pages a:hover:after, .navigation-pages span:hover:after, .navigation-pages strong:hover:after { opacity: 1; } .navigation-pages a { color: #4657b2; } .navigation-pages a:hover { color: #004287; } .navigation-pages strong, .navigation-pages span { color: #004287; } @media print { html, body { height: auto; } #outer { padding-top: 0 !important; } .menuTop { display: none; } h1, .h1, .author, .date, .content ol li::before { color: #000 !important; } .content ul li::before { background: #666; } .header { position: relative !important; } .header .logo { color: #fff !important; } #toTop, .back, .divForm, form, .form, .versionPrint, .infodesign, #nav_dropdown { display: none !important; } #body { min-height: inherit !important; } .ravno { height: auto !important; } .promo h1 { color: #000 !important; } .teachers .h2 { padding: 15px; width: 100%; } #footer { border-top: 2px solid #888; background: #fff; color: #777 !important; padding: 15px 0; } img { -webkit-filter: grayscale(100%); filter: grayscale(100%); transition: all 0.25s ease; } img:hover { filter: none; -webkit-filter: grayscale(0); } .printBtn { display: none !important; } } /*# sourceMappingURL=css.css.map */ /* End */ /* Start:/local/templates/site-template/css/cookies.css?17665763352291*/ .cookies { position: fixed; background: #fff; color: #555; box-shadow: 0px 4px 36px rgba(0, 0, 0, 0.15); padding: 20px; font-weight: 300; font-size: 14px; line-height: 20px; font-family: "Open Sans", sans-serif; right: 70px; bottom: 20px; width: 320px; z-index: 51; } .cookies.hidden { display: none; } @media (max-width: 992px) { .cookies { left: 0px; right: 0px; bottom: 0px; width: auto; padding: 20px 30px; } } .cookies .btns { display: flex; align-items: center; justify-content: space-between; margin-top: 15px; } .cookies a { text-decoration: underline; transition: all 0.25s ease; color: #000; font-size: 16px; } .cookies a:hover { text-decoration: none; color: #000; } .cookies .btn { display: inline-flex; align-items: center; align-content: center; height: 40px; font-size: 14px; line-height: 120%; font-weight: 700; padding: 0px 16px; border: 2px solid #000; cursor: pointer; text-decoration: none !important; text-align: center; justify-content: center; opacity: 1; position: relative; z-index: 0; transition: all 0.25s ease; box-sizing: border-box; letter-spacing: 0.02em; width: auto; border-radius: 10px; font-feature-settings: "pnum" on, "lnum" on; background-color: transparent; color: #000 !important; } .cookies .btn:hover { color: #fff !important; background-color: #000; } .cookies p { margin: 0; } .cookies .close { position: absolute; bottom: 100%; margin-bottom: 0px; right: 0; width: 32px; height: 32px; cursor: pointer; z-index: 2; display: block; text-indent: -9999px; background: none; padding: 0; border: none; } .cookies .close:before, .cookies .close:after { display: block; position: absolute; content: ""; top: 50%; left: 50%; width: 20px; height: 1px; background-color: #5b5b64; transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .cookies .close:before { transform: translate3d(-50%, -50%, 0) rotate(45deg); } .cookies .close:after { transform: translate3d(-50%, -50%, 0) rotate(-45deg); } .cookies .close:hover:before { transform: translate3d(-50%, -50%, 0) rotate(135deg); } .cookies .close:hover:after { transform: translate3d(-50%, -50%, 0) rotate(45deg); } /* End */ /* Start:/local/templates/site-template/components/bitrix/sale.basket.basket.line/basket-header/style.min.css?16565280064008*/ .basket-line-block{position:relative;padding-left:25px;white-space:nowrap;font-size:13px}.basket-line-block-icon-cart,.basket-line-block-icon-profile{position:relative;margin-right:10px}.basket-line-block-icon-cart:after,.basket-line-block-icon-profile:after{position:absolute;top:-1px;left:-25px;display:block;width:20px;height:20px;content:''}.basket-line-block-icon-profile:after{background:no-repeat center url(/local/templates/site-template/components/bitrix/sale.basket.basket.line/basket-header/images/profile.svg)}.basket-line-block-icon-cart:after{background:no-repeat center url(/local/templates/site-template/components/bitrix/sale.basket.basket.line/basket-header/images/cart.svg)}@media(min-width:768px){.bx-basket-fixed{position:fixed;z-index:998;overflow:hidden;padding-top:10px;width:200px;border:1px solid #f0f0f0;border-radius:1px;background:#fff;box-shadow:0 7px 10px rgba(0,0,0,0.15)}.bx-basket-fixed.top{top:10px}.bx-basket-fixed.right{right:10px}.bx-basket-fixed.bottom{bottom:10px}.bx-basket-fixed.left{left:10px}.bx-basket-fixed.bx-max-height{top:10px;bottom:10px}}@media(max-width:767px){.bx-basket-fixed{position:fixed;right:0;bottom:0;left:0;z-index:998;overflow:hidden;padding-top:10px;border:1px solid #f0f0f0;border-radius:1px;background:#fff;box-shadow:0 7px 10px rgba(0,0,0,0.15)}.bx-basket-item-list{display:none}}.bx-basket-fixed .basket-line-block{margin-left:10px}.bx-basket-item-list{position:relative;overflow:hidden;padding-bottom:20px;border-top:1px solid #f7f7f7}.bx-opener .bx-basket-item-list{padding-bottom:75px}.bx-max-height .bx-basket-item-list{position:absolute;right:0;bottom:0;left:0}.bx-closed .bx-basket-item-list{overflow:hidden;height:20px}.bx-basket-item-list-action{position:absolute;right:0;bottom:0;left:0;z-index:120;padding:3px 0;height:20px;background:#f7f7f7;color:#4f4f4f;vertical-align:middle;text-align:center;font-size:12px;line-height:14px;cursor:pointer}.bx-basket-item-list-button-container{position:absolute;right:0;bottom:20px;left:0;padding:10px 0;border-top:1px solid #f7f7f7;background:#fff;text-align:center}.bx-basket-item-list-container{overflow-y:auto;max-height:100%}.bx-basket-item-list-item{position:relative;margin-bottom:15px;padding-top:15px;padding-right:10px;padding-left:10px;border-bottom:1px solid #f7f7f7}.bx-basket-item-list-container .bx-basket-item-list-item:last-child{margin-bottom:0;border-bottom:0}.bx-basket-item-list-item-status{margin:0 10px 20px;padding:3px;border-radius:3px;background:#ebebeb;text-align:center;white-space:normal;font-weight:bold;font-size:12px;line-height:16px}.bx-basket-item-list-item-img{position:relative;padding-bottom:5px;text-align:center}.bx-basket-item-list-item-img img{max-width:90px;height:auto;border:1px solid #e6e6e6}.bx-basket-item-list-item-name{padding-bottom:5px}.bx-basket-item-list-item-name a{font-size:13px;line-height:16px}.bx-basket-item-list-item-remove{position:absolute;top:-7px;right:10px;width:20px;height:20px;opacity:.5;cursor:pointer;transition:250ms linear all}.bx-basket-item-list-item-remove:after,.bx-basket-item-list-item-remove:before{position:absolute;top:50%;left:50%;display:block;width:10px;height:2px;border-radius:1px;background-color:#333;content:'';transform:translate(-50%,-50%)}.bx-basket-item-list-item-remove:after{-webkit-transform:translate(-50%,-50%) rotate(45deg);-moz-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg);-o-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}.bx-basket-item-list-item-remove:before{-webkit-transform:translate(-50%,-50%) rotate(135deg);-moz-transform:translate(-50%,-50%) rotate(135deg);-ms-transform:translate(-50%,-50%) rotate(135deg);-o-transform:translate(-50%,-50%) rotate(135deg);transform:translate(-50%,-50%) rotate(135deg)}.bx-basket-item-list-item-remove:hover{opacity:.7}.bx-basket-item-list-item-price-block{padding-bottom:5px;font-size:12px}.bx-basket-item-list-item-price{display:inline-block;margin-right:5px}.bx-basket-item-list-item-price-old{display:inline-block;margin-right:5px;color:#b0b0b0;text-decoration:line-through}.bx_cart_login_top .basket-line{line-height:1.44em} /* End */ /* Start:/local/templates/site-template/components/bitrix/system.auth.form/template1/style.min.css?1656528006424*/ div.bx-system-auth-form span.bx-auth-secure{background-color:#fffae3;border:1px solid #dedbc8;padding:2px;display:inline-block;vertical-align:bottom;margin-top:-1px}div.bx-system-auth-form div.bx-auth-secure-icon{background-image:url(/local/templates/site-template/components/bitrix/system.auth.form/template1/images/sec.png);background-repeat:no-repeat;background-position:center;width:19px;height:18px}div.bx-system-auth-form div.bx-auth-secure-unlock{background-image:url(/local/templates/site-template/components/bitrix/system.auth.form/template1/images/sec-unlocked.png)} /* End */ /* Start:/local/templates/site-template/styles.css?17823895157553*/ @font-face { font-family: "IBM Plex Sans"; src: url("/local/templates/site-template/fonts/IBM_Plex_Sans/IBMPlexSans.eot"); src: local("IBM Plex Sans"), url("/local/templates/site-template/fonts/IBM_Plex_Sans/IBMPlexSans.eot?#iefix") format("embedded-opentype"), url("/local/templates/site-template/fonts/IBM_Plex_Sans/IBMPlexSans.woff") format("woff"), url("/local/templates/site-template/fonts/IBM_Plex_Sans/IBMPlexSans.ttf") format("truetype"), url("/local/templates/site-template/fonts/IBM_Plex_Sans/IBMPlexSans.svg#IBMPlexSans") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "IBM Plex Sans"; src: url("/local/templates/site-template/fonts/IBM_Plex_Sans/IBMPlexSans-Bold.eot"); src: local("IBM Plex Sans Bold"), url("/local/templates/site-template/fonts/IBM_Plex_Sans/IBMPlexSans-Bold.eot?#iefix") format("embedded-opentype"), url("/local/templates/site-template/fonts/IBM_Plex_Sans/IBMPlexSans-Bold.woff") format("woff"), url("/local/templates/site-template/fonts/IBM_Plex_Sans/IBMPlexSans-Bold.ttf") format("truetype"), url("/local/templates/site-template/fonts/IBM_Plex_Sans/IBMPlexSans-Bold.svg#IBMPlexSans-Bold") format("svg"); font-weight: bold; font-style: normal; } @font-face { font-family: "IBM Plex Sans"; src: url("/local/templates/site-template/fonts/IBM_Plex_Sans/IBMPlexSans-BoldItalic.eot"); src: local("IBM Plex Sans Bold Italic"), url("/local/templates/site-template/fonts/IBM_Plex_Sans/IBMPlexSans-BoldItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/site-template/fonts/IBM_Plex_Sans/IBMPlexSans-BoldItalic.woff") format("woff"), url("/local/templates/site-template/fonts/IBM_Plex_Sans/IBMPlexSans-BoldItalic.ttf") format("truetype"), url("/local/templates/site-template/fonts/IBM_Plex_Sans/IBMPlexSans-BoldItalic.svg#IBMPlexSans-BoldItalic") format("svg"); font-weight: bold; font-style: italic; } @font-face { font-family: "IBM Plex Sans"; src: url("/local/templates/site-template/fonts/IBM_Plex_Sans/IBMPlexSans-Italic.eot"); src: local("IBM Plex Sans Italic"), url("/local/templates/site-template/fonts/IBM_Plex_Sans/IBMPlexSans-Italic.eot?#iefix") format("embedded-opentype"), url("/local/templates/site-template/fonts/IBM_Plex_Sans/IBMPlexSans-Italic.woff") format("woff"), url("/local/templates/site-template/fonts/IBM_Plex_Sans/IBMPlexSans-Italic.ttf") format("truetype"), url("/local/templates/site-template/fonts/IBM_Plex_Sans/IBMPlexSans-Italic.svg#IBMPlexSans-Italic") format("svg"); font-weight: normal; font-style: italic; } @font-face { font-family: "IBM Plex Sans"; src: url("/local/templates/site-template/fonts/IBM_Plex_Sans/IBMPlexSans-Light.eot"); src: local("IBM Plex Sans Light"), url("/local/templates/site-template/fonts/IBM_Plex_Sans/IBMPlexSans-Light.eot?#iefix") format("embedded-opentype"), url("/local/templates/site-template/fonts/IBM_Plex_Sans/IBMPlexSans-Light.woff") format("woff"), url("/local/templates/site-template/fonts/IBM_Plex_Sans/IBMPlexSans-Light.ttf") format("truetype"), url("/local/templates/site-template/fonts/IBM_Plex_Sans/IBMPlexSans-Light.svg#IBMPlexSans-Light") format("svg"); font-weight: 300; font-style: normal; } @font-face { font-family: "IBM Plex Sans"; src: url("/local/templates/site-template/fonts/IBM_Plex_Sans/IBMPlexSans-LightItalic.eot"); src: local("IBM Plex Sans Light Italic"), url("/local/templates/site-template/fonts/IBM_Plex_Sans/IBMPlexSans-LightItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/site-template/fonts/IBM_Plex_Sans/IBMPlexSans-LightItalic.woff") format("woff"), url("/local/templates/site-template/fonts/IBM_Plex_Sans/IBMPlexSans-LightItalic.ttf") format("truetype"), url("/local/templates/site-template/fonts/IBM_Plex_Sans/IBMPlexSans-LightItalic.svg#IBMPlexSans-LightItalic") format("svg"); font-weight: 300; font-style: italic; } @font-face { font-family: "IBM Plex Sans"; src: url("/local/templates/site-template/fonts/IBM_Plex_Sans/IBMPlexSans-Medium.eot"); src: local("IBM Plex Sans Medium"), url("/local/templates/site-template/fonts/IBM_Plex_Sans/IBMPlexSans-Medium.eot?#iefix") format("embedded-opentype"), url("/local/templates/site-template/fonts/IBM_Plex_Sans/IBMPlexSans-Medium.woff") format("woff"), url("/local/templates/site-template/fonts/IBM_Plex_Sans/IBMPlexSans-Medium.ttf") format("truetype"), url("/local/templates/site-template/fonts/IBM_Plex_Sans/IBMPlexSans-Medium.svg#IBMPlexSans-Medium") format("svg"); font-weight: 500; font-style: normal; } @font-face { font-family: "IBM Plex Sans"; src: url("/local/templates/site-template/fonts/IBM_Plex_Sans/IBMPlexSans-MediumItalic.eot"); src: local("IBM Plex Sans Medium Italic"), url("/local/templates/site-template/fonts/IBM_Plex_Sans/IBMPlexSans-MediumItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/site-template/fonts/IBM_Plex_Sans/IBMPlexSans-MediumItalic.woff") format("woff"), url("/local/templates/site-template/fonts/IBM_Plex_Sans/IBMPlexSans-MediumItalic.ttf") format("truetype"), url("/local/templates/site-template/fonts/IBM_Plex_Sans/IBMPlexSans-MediumItalic.svg#IBMPlexSans-MediumItalic") format("svg"); font-weight: 500; font-style: italic; } @font-face { font-family: "IBM Plex Sans"; src: url("/local/templates/site-template/fonts/IBM_Plex_Sans/IBMPlexSans-SemiBold.eot"); src: local("IBM Plex Sans SemiBold"), url("/local/templates/site-template/fonts/IBM_Plex_Sans/IBMPlexSans-SemiBold.eot?#iefix") format("embedded-opentype"), url("/local/templates/site-template/fonts/IBM_Plex_Sans/IBMPlexSans-SemiBold.woff") format("woff"), url("/local/templates/site-template/fonts/IBM_Plex_Sans/IBMPlexSans-SemiBold.ttf") format("truetype"), url("/local/templates/site-template/fonts/IBM_Plex_Sans/IBMPlexSans-SemiBold.svg#IBMPlexSans-SemiBold") format("svg"); font-weight: 600; font-style: normal; } @font-face { font-family: "IBM Plex Sans"; src: url("/local/templates/site-template/fonts/IBM_Plex_Sans/IBMPlexSans-SemiBoldItalic.eot"); src: local("IBM Plex Sans SemiBold Italic"), url("/local/templates/site-template/fonts/IBM_Plex_Sans/IBMPlexSans-SemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/site-template/fonts/IBM_Plex_Sans/IIBMPlexSans-SemiBoldItalic.woff") format("woff"), url("/local/templates/site-template/fonts/IBM_Plex_Sans/IBMPlexSans-SemiBoldItalic.ttf") format("truetype"), url("/local/templates/site-template/fonts/IBM_Plex_Sans/IBMPlexSans-SemiBoldItalic.svg#IBMPlexSans-SemiBoldItalic") format("svg"); font-weight: 600; font-style: italic; } #wysiwyg { font-weight: 400; font-size: 16px; line-height: 28px; font-family: "IBM Plex Sans", sans-serif; color: #212121; max-width: 750px; border-right: 1px #ccc dashed; } #wysiwyg p { margin: 0 0 10px } #wysiwyg .poems, #wysiwyg .poems-400, #wysiwyg .poems-500, #wysiwyg .poems-600 { width: 100%; max-width: 400px; margin: 15px auto; font-weight: 400; font-size: 16px; line-height: 28px; min-height: 28px; box-sizing:border-box; font-family: "IBM Plex Sans", sans-serif; outline: 1px dashed #ccc; position: relative; padding-top: 15px; } #wysiwyg .poems-500 { max-width: 500px } #wysiwyg .poems-600 { max-width: 600px } #wysiwyg .poems::before, #wysiwyg .poems-400::before, #wysiwyg .poems-500::before, #wysiwyg .poems-600::before { content:"область для вставки стихов"; position: absolute; display: block; left: 5px; top: 5px; color: #ccc; font-size: 11px; line-height: 12px; } /* End */ /* Start:/local/templates/site-template/template_styles.css?1782389515615*/ .years a.journal_act{ font-weight: 400; font-size: 25px; line-height: 30px; font-family: "Neutral Regular",sans-serif; color: #000; position: relative; text-decoration: none; } .profile .cart .counter span { width: 25px; height: 30px; background: none; padding: 0; margin: 0; position: relative; border: none; font-weight: 400; font-size: 20px; line-height: 22px; font-family: "Neutral Regular",sans-serif; color: #000; cursor: pinter; } .profile .cart .counter span.dec { text-align: left; } .counter span.inc { text-align: right; } /* End */ /* /local/templates/site-template/css/css.css?1680803002331241 */ /* /local/templates/site-template/css/cookies.css?17665763352291 */ /* /local/templates/site-template/components/bitrix/sale.basket.basket.line/basket-header/style.min.css?16565280064008 */ /* /local/templates/site-template/components/bitrix/system.auth.form/template1/style.min.css?1656528006424 */ /* /local/templates/site-template/styles.css?17823895157553 */ /* /local/templates/site-template/template_styles.css?1782389515615 */