/** * Theme Name: Wordshop Theme * Theme URI: https://chyrkov.studio * Author: CHYRKOV studio * Author URI: https://chyrkov.studio * Version: 1.0 * License: GNU General Public License v2 * License URI: http://www.gnu.org/licenses/gpl-2.0.html * Description: Вебсайт для Академии Коммуникаций Wordshop **/ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS and IE text size adjust after device 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, main, menu, 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 displaying `audio` without controls in Mobile Safari 4/5/6/7. */ 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/10/11, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background-color: transparent; } /** * Improve readability of focused elements when they are also in an * active/hover state. */ a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /** * Address inconsistent styling of `abbr[title]`. * 1. Correct styling in Firefox 39 and Opera 12. * 2. Correct missing styling in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Address inconsistent styling of b and strong. * 1. Correct duplicate application of `bolder` in Safari 6.0.2. * 2. Correct style set to `bold` in Edge 12+, Safari 6.2+, and Chrome 18+. */ b, strong { font-weight: inherit; /* 1 */ } b, strong { font-weight: bolder; /* 2 */ } /** * 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-color: #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 inconsistent styling of `hr`. * 1. Correct `box-sizing` set to `border-box` in Firefox. * 2. Correct `overflow` set to `hidden` in IE 8/9/10/11 and Edge 12. */ hr { -webkit-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * Contain overflow in all browsers. */ pre { overflow: auto; } /** * 1. Correct inheritance and scaling of font-size for preformatted text. * 2. Address odd `em`-unit font size rendering in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* 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 font properties not being inherited. * 2. Address margins set differently in Firefox 4+, Safari, and Chrome. */ button, input, optgroup, select, textarea { font: inherit; /* 1 */ margin: 0; /* 2 */ } /** * 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; } /** * Restore focus style in Firefox 4+ (unset by a rule above) */ button:-moz-focusring, input:-moz-focusring { outline: 1px dotted ButtonText; } /** * 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"] { -webkit-box-sizing: border-box; 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; } /** * Address `appearance` set to `searchfield` in Safari and Chrome. */ input[type="search"] { -webkit-appearance: textfield; } /** * 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; } /** * Restore font weight (unset by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup { font-weight: bold; } html { -webkit-box-sizing: border-box; box-sizing: border-box; height: 100%; } *, *:before, *:after { -webkit-box-sizing: inherit; box-sizing: inherit; } body { line-height: 1; font-family: 'Lato', sans-serif; font-weight: 300; height: 100%; -webkit-font-smoothing: antialiased; } h1, h2, h3, h4, h5, h6, p, ol, ul, li { padding: 0; margin: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } a { text-decoration: none; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; } input[type='number'] { -moz-appearance: textfield; } @font-face { font-family: 'Lato'; src: url("fonts/lato-thin/Lato-Thin.eot"); src: url("fonts/lato-thin/Lato-Thin.eot#iefix") format("embedded-opentype"), url("fonts/lato-thin/Lato-Thin.woff2") format("woff2"), url("fonts/lato-thin/Lato-Thin.woff") format("woff"), url("fonts/lato-thin/Lato-Thin.ttf") format("truetype"), url("fonts/lato-thin/Lato-Thin.svg") format("svg"); font-weight: 100; font-style: normal; } @font-face { font-family: 'Lato'; src: url("fonts/lato-light/Lato-Light.eot"); src: url("fonts/lato-light/Lato-Light.eot#iefix") format("embedded-opentype"), url("fonts/lato-light/Lato-Light.woff2") format("woff2"), url("fonts/lato-light/Lato-Light.woff") format("woff"), url("fonts/lato-light/Lato-Light.ttf") format("truetype"), url("fonts/lato-light/Lato-Light.svg") format("svg"); font-weight: 300; font-style: normal; } @font-face { font-family: 'Lato'; src: url("fonts/lato-regular/Lato-Regular.eot"); src: url("fonts/lato-regular/Lato-Regular.eot#iefix") format("embedded-opentype"), url("fonts/lato-regular/Lato-Regular.woff2") format("woff2"), url("fonts/lato-regular/Lato-Regular.woff") format("woff"), url("fonts/lato-regular/Lato-Regular.ttf") format("truetype"), url("fonts/lato-regular/Lato-Regular.svg") format("svg"); font-weight: 400; font-style: normal; } @font-face { font-family: 'Lato'; src: url("fonts/lato-bold/LatoBold.eot"); src: url("fonts/lato-bold/LatoBold.eot#iefix") format("embedded-opentype"), url("fonts/lato-bold/LatoBold.woff") format("woff"), url("fonts/lato-bold/LatoBold.ttf") format("truetype"), url("fonts/lato-bold/LatoBold.svg") format("svg"); font-weight: 600; font-style: normal; } @font-face { font-family: 'Lato'; src: url("fonts/lato-italic/LatoLightItalic.eot"); src: url("fonts/lato-italic/LatoLightItalic.eot#iefix") format("embedded-opentype"), url("fonts/lato-italic/LatoLightItalic.woff") format("woff"), url("fonts/lato-italic/LatoLightItalic.ttf") format("truetype"), url("fonts/lato-italic/LatoLightItalic.svg") format("svg"); font-weight: 400; font-style: italic; } @font-face { font-family: 'BaseNineC'; src: url("fonts/baseNine-bold/BaseNineC Bold.eot"); src: url("fonts/baseNine-bold/BaseNineC Bold.eot#iefix") format("embedded-opentype"), url("fonts/baseNine-bold/BaseNineC Bold.woff") format("woff"), url("fonts/baseNine-bold/BaseNineC Bold.ttf") format("truetype"), url("fonts/baseNine-bold/BaseNineC Bold.svg") format("svg"); font-weight: 400; font-style: normal; } .container { position: relative; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; } .container:before { content: ' '; display: table; } .container:after { content: ' '; display: table; clear: both; } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1170px; } } @media (min-width: 1376px) { .container { width: 1350px; } } .global-wrapper { overflow: hidden; position: relative; } /** * Swiper 3.3.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * * http://www.idangero.us/swiper/ * * Copyright 2016, Vladimir Kharlampidi * The iDangero.us * http://www.idangero.us/ * * Licensed under MIT * * Released on: February 7, 2016 */ .alignnone {margin: 0 1em 1em 0; max-width: 100%; height: auto;} .alignright {float:right; margin:0 0 1em 1em; max-width: 100%; height: auto;} .alignleft {float:left; margin:0 1em 1em 0; max-width: 100%; height: auto;} .aligncenter {display: block; margin-left: auto; margin-right: auto; max-width: 100%; height: auto;} .swiper-container { margin: 0 auto; position: relative; overflow: hidden; /* Fix of Webkit flickering */ z-index: 1; } .swiper-container-no-flexbox .swiper-slide { float: left; } .swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; -o-transition-property: -o-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform, -o-transform; -webkit-box-sizing: content-box; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); -o-transform: translate(0px, 0px); -ms-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .swiper-container-multirow > .swiper-wrapper { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; } .swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; } /* Auto Height */ .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; -ms-grid-row-align: flex-start; align-items: flex-start; -webkit-transition-property: -webkit-transform, height; -o-transition-property: -o-transform; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; -o-transition-property: height, -o-transform; transition-property: transform, height; transition-property: transform, height, -webkit-transform, -o-transform; } /* a11y */ .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } /* IE10 Windows Phone 8 Fixes */ .swiper-wp8-horizontal { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-wp8-vertical { -ms-touch-action: pan-x; touch-action: pan-x; } /* Arrows */ .swiper-button-prev, .swiper-button-next { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; -webkit-background-size: 27px 44px; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto; } .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto; } .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } /* Pagination Styles */ .swiper-pagination { position: absolute; text-align: center; -webkit-transition: 300ms; -o-transition: 300ms; transition: 300ms; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } /* Common Styles */ .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 10px; left: 0; width: 100%; } /* Bullets */ .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: 0.2; } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -moz-appearance: none; -ms-appearance: none; -webkit-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-white .swiper-pagination-bullet { background: #fff; } .swiper-pagination-bullet-active { opacity: 1; background: #007aff; } .swiper-pagination-white .swiper-pagination-bullet-active { background: #fff; } .swiper-pagination-black .swiper-pagination-bullet-active { background: #000; } .swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0px, -50%, 0); -o-transform: translate(0px, -50%); -ms-transform: translate3d(0px, -50%, 0); transform: translate3d(0px, -50%, 0); } .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 5px 0; display: block; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; } /* Progress */ .swiper-pagination-progress { background: rgba(0, 0, 0, 0.25); position: absolute; } .swiper-pagination-progress .swiper-pagination-progressbar { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -ms-transform-origin: left top; -o-transform-origin: left top; transform-origin: left top; } .swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar { -webkit-transform-origin: right top; -ms-transform-origin: right top; -o-transform-origin: right top; transform-origin: right top; } .swiper-container-horizontal > .swiper-pagination-progress { width: 100%; height: 4px; left: 0; top: 0; } .swiper-container-vertical > .swiper-pagination-progress { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-progress.swiper-pagination-white { background: rgba(255, 255, 255, 0.5); } .swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar { background: #fff; } .swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar { background: #000; } /* 3D Container */ .swiper-container-3d { -webkit-perspective: 1200px; -o-perspective: 1200px; perspective: 1200px; } .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(transparent)); /* Safari 4+, Chrome */ background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent); /* Chrome 10+, Safari 5.1+, iOS 5+ */ /* Firefox 3.6-15 */ background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent); /* Opera 11.10-12.00 */ background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(transparent)); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent); /* Firefox 16+, IE10, Opera 12.50+ */ } .swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(transparent)); /* Safari 4+, Chrome */ background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent); /* Chrome 10+, Safari 5.1+, iOS 5+ */ /* Firefox 3.6-15 */ background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent); /* Opera 11.10-12.00 */ background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(transparent)); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent); /* Firefox 16+, IE10, Opera 12.50+ */ } .swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(transparent)); /* Safari 4+, Chrome */ background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent); /* Chrome 10+, Safari 5.1+, iOS 5+ */ /* Firefox 3.6-15 */ background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent); /* Opera 11.10-12.00 */ background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(transparent)); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent); /* Firefox 16+, IE10, Opera 12.50+ */ } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(transparent)); /* Safari 4+, Chrome */ background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent); /* Chrome 10+, Safari 5.1+, iOS 5+ */ /* Firefox 3.6-15 */ background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent); /* Opera 11.10-12.00 */ background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(transparent)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent); /* Firefox 16+, IE10, Opera 12.50+ */ } /* Coverflow */ .swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper { /* Windows 8 IE 10 fix */ -ms-perspective: 1200px; } /* Cube + Flip */ .swiper-container-cube, .swiper-container-flip { overflow: visible; } .swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-cube .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Cube */ .swiper-container-cube .swiper-slide { visibility: hidden; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; background: #000; opacity: 0.6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0; } /* Fade */ .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } /* Scrollbar */ .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); } .swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } /* Preloader */ .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; -ms-transform-origin: 50%; -o-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; -o-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite; } .swiper-lazy-preloader:after { display: block; content: ""; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; -webkit-background-size: 100%; background-size: 100%; background-repeat: no-repeat; } .swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } @-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); } } @-o-keyframes swiper-preloader-spin { 100% { -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .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; -webkit-box-sizing: border-box; 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: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: zoom-out; } .mfp-zoom { cursor: pointer; 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; -ms-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; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; -ms-touch-action: manipulation; 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: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; 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; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .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%; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* 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; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); 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: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @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; -webkit-box-sizing: border-box; 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); -ms-transform: scale(0.75); -o-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; -ms-transform-origin: 0; -o-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; -ms-transform-origin: 100%; -o-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } /*! jQuery UI - v1.12.0 - 2016-08-29 * http://jqueryui.com * Includes: core.css, menu.css, selectmenu.css, button.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif * Copyright jQuery Foundation and other contributors; Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0); /* support: IE8 */ } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; pointer-events: none; } /* Icons ----------------------------------*/ .ui-icon { display: inline-block; vertical-align: middle; margin-top: -.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-icon-block { left: 50%; margin-left: -8px; display: block; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: 0; } .ui-menu .ui-menu { position: absolute; } .ui-menu .ui-menu-item { margin: 0; cursor: pointer; /* support: IE10, see #8844 */ list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); } .ui-menu .ui-menu-item-wrapper { position: relative; padding: 5px 2em 5px .5em; font-size: 12px; font-weight: 400; color: #dc3e38; } .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: -1px; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item-wrapper { padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: .2em; margin: auto 0; } /* right-aligned */ .ui-menu .ui-menu-icon { left: auto; right: 0; } .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; } .ui-selectmenu-menu .ui-menu { overflow: auto; overflow-x: hidden; padding-bottom: 1px; } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; font-weight: bold; line-height: 1.5; padding: 2px 0.4em; margin: 0.5em 0 0 0; height: auto; border: 0; } .ui-selectmenu-open { display: block; } .ui-selectmenu-text { display: block; margin-right: 20px; overflow: hidden; text-overflow: ellipsis; } .ui-selectmenu-button.ui-button { text-align: left; white-space: nowrap; width: 14em; } .ui-selectmenu-icon.ui-icon { float: right; margin-top: 0; } .ui-button { padding: .4em 1em; display: inline-block; position: relative; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /* Support: IE <= 11 */ overflow: visible; } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } /* to make room for the icon, a width needs to be set here */ .ui-button-icon-only { width: 2em; -webkit-box-sizing: border-box; box-sizing: border-box; text-indent: -9999px; white-space: nowrap; } /* no icon support for input elements */ input.ui-button.ui-button-icon-only { text-indent: 0; } /* button icon element(s) */ .ui-button-icon-only .ui-icon { position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; } .ui-button.ui-icon-notext .ui-icon { padding: 0; width: 2.1em; height: 2.1em; text-indent: -9999px; white-space: nowrap; } input.ui-button.ui-icon-notext .ui-icon { width: auto; height: auto; text-indent: 0; white-space: normal; padding: .4em 1em; } /* workarounds */ /* Support: Firefox 5 - 40 */ input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* Component containers ----------------------------------*/ .ui-widget { font-size: 1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget-content { border-bottom: 1px solid #dc3e38; border-left: 1px solid #dc3e38; border-right: 1px solid #dc3e38; background: #ffffff; color: #333333; } .ui-widget-content a { color: #333333; } .ui-widget-header { border: 1px solid #dddddd; background: #e9e9e9; color: #333333; font-weight: bold; } .ui-widget-header a { color: #333333; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 1px solid #c5c5c5; background: #f6f6f6; font-weight: normal; color: #454545; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button { color: #454545; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { border: 1px solid #cccccc; background: #ededed; font-weight: normal; color: #2b2b2b; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus { color: #2b2b2b; text-decoration: none; } .ui-visual-focus { -webkit-box-shadow: 0 0 3px 1px #5e9ed6; box-shadow: 0 0 3px 1px #5e9ed6; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { background: #dc3e38; font-weight: normal; color: #ffffff; } .ui-icon-background, .ui-state-active .ui-icon-background { border: #003eff; background-color: #ffffff; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #dad55e; background: #fffa90; color: #777620; } .ui-state-checked { border: 1px solid #dad55e; background: #fffa90; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #777620; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #f1a899; background: #fddfdf; color: #5f3f3f; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #5f3f3f; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #5f3f3f; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter: Alpha(Opacity=70); /* support: IE8 */ font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter: Alpha(Opacity=35); /* support: IE8 */ background-image: none; } .ui-state-disabled .ui-icon { filter: Alpha(Opacity=35); /* support: IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url("images/ui-icons_444444_256x240.png"); } .ui-widget-header .ui-icon { background-image: url("images/ui-icons_444444_256x240.png"); } .ui-button .ui-icon { background-image: url("images/ui-icons_777777_256x240.png"); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon, .ui-state-default .ui-icon { background-image: url("images/ui-icons_555555_256x240.png"); } .ui-state-active .ui-icon, .ui-button:active .ui-icon { background-image: url("images/ui-icons_ffffff_256x240.png"); } .ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon { background-image: url("images/ui-icons_777620_256x240.png"); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("images/ui-icons_cc0000_256x240.png"); } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 0px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 0px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 0px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 0px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa; opacity: .3; filter: Alpha(Opacity=30); /* support: IE8 */ } .ui-widget-shadow { -webkit-box-shadow: 0px 0px 5px #666666; box-shadow: 0px 0px 5px #666666; } /*! * fullPage 2.8.5 * https://github.com/alvarotrigo/fullPage.js * MIT licensed * * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo */ html.fp-enabled, .fp-enabled body { margin: 0; padding: 0; overflow: hidden; /*Avoid flicker on slides transitions for mobile phones #336 */ -webkit-tap-highlight-color: transparent; } #superContainer { height: 100%; position: relative; /* Touch detection for Windows 8 */ -ms-touch-action: none; /* IE 11 on Windows Phone 8.1*/ touch-action: none; } .fp-section { position: relative; -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */ /* <=28 */ box-sizing: border-box; } .fp-slide { float: left; } .fp-slide, .fp-slidesContainer { height: 100%; display: block; } .fp-slides { z-index: 1; height: 100%; overflow: hidden; position: relative; -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */ -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .fp-section.fp-table, .fp-slide.fp-table { display: table; table-layout: fixed; width: 100%; } .fp-tableCell { display: table-cell; vertical-align: middle; width: 100%; height: 100%; } .fp-slidesContainer { float: left; position: relative; } .fp-controlArrow { -webkit-user-select: none; /* webkit (safari, chrome) browsers */ -moz-user-select: none; /* mozilla browsers */ -khtml-user-select: none; /* webkit (konqueror) browsers */ -ms-user-select: none; /* IE10+ */ position: absolute; z-index: 4; top: 50%; cursor: pointer; width: 0; height: 0; border-style: solid; margin-top: -38px; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .fp-controlArrow.fp-prev { left: 15px; width: 0; border-width: 38.5px 34px 38.5px 0; border-color: transparent #fff transparent transparent; } .fp-controlArrow.fp-next { right: 15px; border-width: 38.5px 0 38.5px 34px; border-color: transparent transparent transparent #fff; } .fp-scrollable { overflow: hidden; position: relative; } .fp-scroller { overflow: hidden; } .iScrollIndicator { border: 0 !important; } .fp-notransition { -webkit-transition: none !important; -o-transition: none !important; transition: none !important; } #fp-nav { position: fixed; z-index: 100; margin-top: -32px; top: 50%; opacity: 1; -webkit-transform: translate3d(0, 0, 0); } #fp-nav.right { right: 17px; } #fp-nav.left { left: 17px; } .fp-slidesNav { position: absolute; z-index: 4; left: 50%; opacity: 1; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .fp-slidesNav.bottom { bottom: 17px; } .fp-slidesNav.top { top: 17px; } #fp-nav ul, .fp-slidesNav ul { margin: 0; padding: 0; } #fp-nav ul li, .fp-slidesNav ul li { display: block; width: 14px; height: 13px; margin: 7px; position: relative; } .fp-slidesNav ul li { display: inline-block; } #fp-nav ul li a, .fp-slidesNav ul li a { display: block; position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer; text-decoration: none; } #fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span { height: 8px; width: 8px; margin: -4px 0 0 -4px; border-radius: 100%; border: 1px solid #dc3e38; background-color: transparent; } #fp-nav ul li a span, .fp-slidesNav ul li a span { border-radius: 50%; position: absolute; z-index: 1; height: 5px; width: 5px; border: 0; background: #9b9b9b; left: 50%; top: 50%; margin: -2px 0 0 -2px; -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } #fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span { width: 10px; height: 10px; margin: -5px 0px 0px -5px; } #fp-nav ul li .fp-tooltip { position: absolute; top: -2px; color: #fff; font-size: 14px; font-family: arial, helvetica, sans-serif; white-space: nowrap; max-width: 220px; overflow: hidden; display: block; opacity: 0; width: 0; cursor: pointer; } #fp-nav ul li:hover .fp-tooltip, #fp-nav.fp-show-active a.active + .fp-tooltip { -webkit-transition: opacity 0.2s ease-in; -o-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in; width: auto; opacity: 1; } #fp-nav ul li .fp-tooltip.right { right: 20px; } #fp-nav ul li .fp-tooltip.left { left: 20px; } .fp-auto-height.fp-section, .fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell { height: auto !important; } .fp-responsive .fp-auto-height-responsive.fp-section, .fp-responsive .fp-auto-height-responsive .fp-slide, .fp-responsive .fp-auto-height-responsive .fp-tableCell { height: auto !important; } .dl-menuwrapper { width: 100%; margin: 0; float: left; position: relative; -webkit-perspective: 1000px; perspective: 1000px; -webkit-perspective-origin: 50% 200%; perspective-origin: 50% 200%; } .dl-menuwrapper:first-child { margin-right: 0; } .dl-menuwrapper .dl-trigger { position: absolute; cursor: pointer; outline: none; top: 25px; right: 20px; z-index: 100; } .dl-menuwrapper button:after { content: ''; position: absolute; width: 68%; height: 5px; background: #fff; top: 10px; left: 16%; -webkit-box-shadow: 0 10px 0 #fff, 0 20px 0 #fff; box-shadow: 0 10px 0 #fff, 0 20px 0 #fff; } .dl-menuwrapper ul { padding: 0; list-style: none; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .dl-menuwrapper li { position: relative; } .dl-menuwrapper li a { display: block; position: relative; padding: 15px 20px; font-size: 18px; line-height: 20px; font-weight: 400; color: #fff; outline: none; } .dl-menuwrapper li.dl-back > a { padding-left: 30px; padding: 25px 0; } .dl-menuwrapper li.dl-back:after, .dl-menuwrapper li > a:not(:only-child):after { position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); width: 14px; height: 20px; background-repeat: no-repeat; background-position: center; -webkit-background-size: contain; background-size: contain; background-image: url(images/elems/arrow-menu.svg); speak: none; -webkit-font-smoothing: antialiased; content: ""; padding: 10px 0; } .dl-menuwrapper li.dl-back:after { left: 20px; top: 25%; color: rgba(212, 204, 198, 0.3); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .dl-menuwrapper li > a:after { right: 20px; color: rgba(0, 0, 0, 0.15); } .dl-menuwrapper .dl-menu { height: calc(100vh - 180px); overflow: auto; margin: 90px 0 0 0; position: absolute; width: 100%; opacity: 0; pointer-events: none; -webkit-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .dl-menuwrapper .dl-menu.dl-menu-toggle { -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .dl-menuwrapper .dl-menu.dl-menuopen { opacity: 1; pointer-events: auto; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } /* Hide the inner submenus */ .dl-menuwrapper li .dl-submenu { display: none; } /* When a submenu is openend, we will hide all li siblings. For that we give a class to the parent menu called "dl-subview". We also hide the submenu link. The opened submenu will get the class "dl-subviewopen". All this is done for any sub-level being entered. */ .dl-menu.dl-subview li, .dl-menu.dl-subview li.dl-subviewopen > a, .dl-menu.dl-subview li.dl-subview > a { display: none; } .dl-menu.dl-subview li.dl-subview, .dl-menu.dl-subview li.dl-subview .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li { display: block; } /* Dynamically added submenu outside of the menu context */ .dl-menuwrapper > .dl-submenu { position: absolute; width: 100%; top: 90px; left: 0; margin: 0; } /* Animation classes for moving out and in */ .dl-menu.dl-animate-out-1 { -webkit-animation: MenuAnimOut1 0.4s; -o-animation: MenuAnimOut1 0.4s; animation: MenuAnimOut1 0.4s; } .dl-menu.dl-animate-out-2 { -webkit-animation: MenuAnimOut2 0.3s ease-in-out; -o-animation: MenuAnimOut2 0.3s ease-in-out; animation: MenuAnimOut2 0.3s ease-in-out; } .dl-menu.dl-animate-out-3 { -webkit-animation: MenuAnimOut3 0.4s ease; -o-animation: MenuAnimOut3 0.4s ease; animation: MenuAnimOut3 0.4s ease; } .dl-menu.dl-animate-out-4 { -webkit-animation: MenuAnimOut4 0.4s ease; -o-animation: MenuAnimOut4 0.4s ease; animation: MenuAnimOut4 0.4s ease; } .dl-menu.dl-animate-out-5 { -webkit-animation: MenuAnimOut5 0.4s ease; -o-animation: MenuAnimOut5 0.4s ease; animation: MenuAnimOut5 0.4s ease; } @-webkit-keyframes MenuAnimOut1 { 0% { } 50% { -webkit-transform: translateZ(-250px) rotateY(30deg); } 75% { -webkit-transform: translateZ(-372.5px) rotateY(15deg); opacity: .5; } 100% { -webkit-transform: translateZ(-500px) rotateY(0deg); opacity: 0; } } @-webkit-keyframes MenuAnimOut2 { 0% { } 100% { -webkit-transform: translateX(-100%); opacity: 0; } } @-webkit-keyframes MenuAnimOut3 { 0% { } 100% { -webkit-transform: translateZ(300px); opacity: 0; } } @-webkit-keyframes MenuAnimOut4 { 0% { } 100% { -webkit-transform: translateZ(-300px); opacity: 0; } } @-webkit-keyframes MenuAnimOut5 { 0% { } 100% { -webkit-transform: translateY(40%); opacity: 0; } } @-o-keyframes MenuAnimOut1 { 0% { } 50% { -webkit-transform: translateZ(-250px) rotateY(30deg); transform: translateZ(-250px) rotateY(30deg); } 75% { -webkit-transform: translateZ(-372.5px) rotateY(15deg); transform: translateZ(-372.5px) rotateY(15deg); opacity: .5; } 100% { -webkit-transform: translateZ(-500px) rotateY(0deg); transform: translateZ(-500px) rotateY(0deg); opacity: 0; } } @keyframes MenuAnimOut1 { 0% { } 50% { -webkit-transform: translateZ(-250px) rotateY(30deg); transform: translateZ(-250px) rotateY(30deg); } 75% { -webkit-transform: translateZ(-372.5px) rotateY(15deg); transform: translateZ(-372.5px) rotateY(15deg); opacity: .5; } 100% { -webkit-transform: translateZ(-500px) rotateY(0deg); transform: translateZ(-500px) rotateY(0deg); opacity: 0; } } @-o-keyframes MenuAnimOut2 { 0% { } 100% { -webkit-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; } } @keyframes MenuAnimOut2 { 0% { } 100% { -webkit-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; } } @-o-keyframes MenuAnimOut3 { 0% { } 100% { -webkit-transform: translateZ(300px); transform: translateZ(300px); opacity: 0; } } @keyframes MenuAnimOut3 { 0% { } 100% { -webkit-transform: translateZ(300px); transform: translateZ(300px); opacity: 0; } } @-o-keyframes MenuAnimOut4 { 0% { } 100% { -webkit-transform: translateZ(-300px); transform: translateZ(-300px); opacity: 0; } } @keyframes MenuAnimOut4 { 0% { } 100% { -webkit-transform: translateZ(-300px); transform: translateZ(-300px); opacity: 0; } } @-o-keyframes MenuAnimOut5 { 0% { } 100% { -webkit-transform: translateY(40%); -o-transform: translateY(40%); transform: translateY(40%); opacity: 0; } } @keyframes MenuAnimOut5 { 0% { } 100% { -webkit-transform: translateY(40%); -o-transform: translateY(40%); transform: translateY(40%); opacity: 0; } } .dl-menu.dl-animate-in-1 { -webkit-animation: MenuAnimIn1 0.3s; -o-animation: MenuAnimIn1 0.3s; animation: MenuAnimIn1 0.3s; } .dl-menu.dl-animate-in-2 { -webkit-animation: MenuAnimIn2 0.3s ease-in-out; -o-animation: MenuAnimIn2 0.3s ease-in-out; animation: MenuAnimIn2 0.3s ease-in-out; } .dl-menu.dl-animate-in-3 { -webkit-animation: MenuAnimIn3 0.4s ease; -o-animation: MenuAnimIn3 0.4s ease; animation: MenuAnimIn3 0.4s ease; } .dl-menu.dl-animate-in-4 { -webkit-animation: MenuAnimIn4 0.4s ease; -o-animation: MenuAnimIn4 0.4s ease; animation: MenuAnimIn4 0.4s ease; } .dl-menu.dl-animate-in-5 { -webkit-animation: MenuAnimIn5 0.4s ease; -o-animation: MenuAnimIn5 0.4s ease; animation: MenuAnimIn5 0.4s ease; } @-webkit-keyframes MenuAnimIn1 { 0% { -webkit-transform: translateZ(-500px) rotateY(0deg); opacity: 0; } 20% { -webkit-transform: translateZ(-250px) rotateY(30deg); opacity: 0.5; } 100% { -webkit-transform: translateZ(0px) rotateY(0deg); opacity: 1; } } @-webkit-keyframes MenuAnimIn2 { 0% { -webkit-transform: translateX(-100%); opacity: 0; } 100% { -webkit-transform: translateX(0px); opacity: 1; } } @-webkit-keyframes MenuAnimIn3 { 0% { -webkit-transform: translateZ(300px); opacity: 0; } 100% { -webkit-transform: translateZ(0px); opacity: 1; } } @-webkit-keyframes MenuAnimIn4 { 0% { -webkit-transform: translateZ(-300px); opacity: 0; } 100% { -webkit-transform: translateZ(0px); opacity: 1; } } @-webkit-keyframes MenuAnimIn5 { 0% { -webkit-transform: translateY(40%); opacity: 0; } 100% { -webkit-transform: translateY(0); opacity: 1; } } @-o-keyframes MenuAnimIn1 { 0% { -webkit-transform: translateZ(-500px) rotateY(0deg); transform: translateZ(-500px) rotateY(0deg); opacity: 0; } 20% { -webkit-transform: translateZ(-250px) rotateY(30deg); transform: translateZ(-250px) rotateY(30deg); opacity: 0.5; } 100% { -webkit-transform: translateZ(0px) rotateY(0deg); transform: translateZ(0px) rotateY(0deg); opacity: 1; } } @keyframes MenuAnimIn1 { 0% { -webkit-transform: translateZ(-500px) rotateY(0deg); transform: translateZ(-500px) rotateY(0deg); opacity: 0; } 20% { -webkit-transform: translateZ(-250px) rotateY(30deg); transform: translateZ(-250px) rotateY(30deg); opacity: 0.5; } 100% { -webkit-transform: translateZ(0px) rotateY(0deg); transform: translateZ(0px) rotateY(0deg); opacity: 1; } } @-o-keyframes MenuAnimIn2 { 0% { -webkit-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; } 100% { -webkit-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); opacity: 1; } } @keyframes MenuAnimIn2 { 0% { -webkit-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; } 100% { -webkit-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); opacity: 1; } } @-o-keyframes MenuAnimIn3 { 0% { -webkit-transform: translateZ(300px); transform: translateZ(300px); opacity: 0; } 100% { -webkit-transform: translateZ(0px); transform: translateZ(0px); opacity: 1; } } @keyframes MenuAnimIn3 { 0% { -webkit-transform: translateZ(300px); transform: translateZ(300px); opacity: 0; } 100% { -webkit-transform: translateZ(0px); transform: translateZ(0px); opacity: 1; } } @-o-keyframes MenuAnimIn4 { 0% { -webkit-transform: translateZ(-300px); transform: translateZ(-300px); opacity: 0; } 100% { -webkit-transform: translateZ(0px); transform: translateZ(0px); opacity: 1; } } @keyframes MenuAnimIn4 { 0% { -webkit-transform: translateZ(-300px); transform: translateZ(-300px); opacity: 0; } 100% { -webkit-transform: translateZ(0px); transform: translateZ(0px); opacity: 1; } } @-o-keyframes MenuAnimIn5 { 0% { -webkit-transform: translateY(40%); -o-transform: translateY(40%); transform: translateY(40%); opacity: 0; } 100% { -webkit-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes MenuAnimIn5 { 0% { -webkit-transform: translateY(40%); -o-transform: translateY(40%); transform: translateY(40%); opacity: 0; } 100% { -webkit-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } } .dl-menuwrapper > .dl-submenu.dl-animate-in-1 { -webkit-animation: SubMenuAnimIn1 0.4s ease; -o-animation: SubMenuAnimIn1 0.4s ease; animation: SubMenuAnimIn1 0.4s ease; } .dl-menuwrapper > .dl-submenu.dl-animate-in-2 { -webkit-animation: SubMenuAnimIn2 0.3s ease-in-out; -o-animation: SubMenuAnimIn2 0.3s ease-in-out; animation: SubMenuAnimIn2 0.3s ease-in-out; } .dl-menuwrapper > .dl-submenu.dl-animate-in-3 { -webkit-animation: SubMenuAnimIn3 0.4s ease; -o-animation: SubMenuAnimIn3 0.4s ease; animation: SubMenuAnimIn3 0.4s ease; } .dl-menuwrapper > .dl-submenu.dl-animate-in-4 { -webkit-animation: SubMenuAnimIn4 0.4s ease; -o-animation: SubMenuAnimIn4 0.4s ease; animation: SubMenuAnimIn4 0.4s ease; } .dl-menuwrapper > .dl-submenu.dl-animate-in-5 { -webkit-animation: SubMenuAnimIn5 0.4s ease; -o-animation: SubMenuAnimIn5 0.4s ease; animation: SubMenuAnimIn5 0.4s ease; } @-webkit-keyframes SubMenuAnimIn1 { 0% { -webkit-transform: translateX(50%); opacity: 0; } 100% { -webkit-transform: translateX(0px); opacity: 1; } } @-webkit-keyframes SubMenuAnimIn2 { 0% { -webkit-transform: translateX(100%); opacity: 0; } 100% { -webkit-transform: translateX(0px); opacity: 1; } } @-webkit-keyframes SubMenuAnimIn3 { 0% { -webkit-transform: translateZ(-300px); opacity: 0; } 100% { -webkit-transform: translateZ(0px); opacity: 1; } } @-webkit-keyframes SubMenuAnimIn4 { 0% { -webkit-transform: translateZ(300px); opacity: 0; } 100% { -webkit-transform: translateZ(0px); opacity: 1; } } @-webkit-keyframes SubMenuAnimIn5 { 0% { -webkit-transform: translateZ(-200px); opacity: 0; } 100% { -webkit-transform: translateZ(0); opacity: 1; } } @-o-keyframes SubMenuAnimIn1 { 0% { -webkit-transform: translateX(50%); -o-transform: translateX(50%); transform: translateX(50%); opacity: 0; } 100% { -webkit-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); opacity: 1; } } @keyframes SubMenuAnimIn1 { 0% { -webkit-transform: translateX(50%); -o-transform: translateX(50%); transform: translateX(50%); opacity: 0; } 100% { -webkit-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); opacity: 1; } } @-o-keyframes SubMenuAnimIn2 { 0% { -webkit-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); opacity: 0; } 100% { -webkit-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); opacity: 1; } } @keyframes SubMenuAnimIn2 { 0% { -webkit-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); opacity: 0; } 100% { -webkit-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); opacity: 1; } } @-o-keyframes SubMenuAnimIn3 { 0% { -webkit-transform: translateZ(-300px); transform: translateZ(-300px); opacity: 0; } 100% { -webkit-transform: translateZ(0px); transform: translateZ(0px); opacity: 1; } } @keyframes SubMenuAnimIn3 { 0% { -webkit-transform: translateZ(-300px); transform: translateZ(-300px); opacity: 0; } 100% { -webkit-transform: translateZ(0px); transform: translateZ(0px); opacity: 1; } } @-o-keyframes SubMenuAnimIn4 { 0% { -webkit-transform: translateZ(300px); transform: translateZ(300px); opacity: 0; } 100% { -webkit-transform: translateZ(0px); transform: translateZ(0px); opacity: 1; } } @keyframes SubMenuAnimIn4 { 0% { -webkit-transform: translateZ(300px); transform: translateZ(300px); opacity: 0; } 100% { -webkit-transform: translateZ(0px); transform: translateZ(0px); opacity: 1; } } @-o-keyframes SubMenuAnimIn5 { 0% { -webkit-transform: translateZ(-200px); transform: translateZ(-200px); opacity: 0; } 100% { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } @keyframes SubMenuAnimIn5 { 0% { -webkit-transform: translateZ(-200px); transform: translateZ(-200px); opacity: 0; } 100% { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } .dl-menuwrapper > .dl-submenu.dl-animate-out-1 { -webkit-animation: SubMenuAnimOut1 0.4s ease; -o-animation: SubMenuAnimOut1 0.4s ease; animation: SubMenuAnimOut1 0.4s ease; } .dl-menuwrapper > .dl-submenu.dl-animate-out-2 { -webkit-animation: SubMenuAnimOut2 0.3s ease-in-out; -o-animation: SubMenuAnimOut2 0.3s ease-in-out; animation: SubMenuAnimOut2 0.3s ease-in-out; } .dl-menuwrapper > .dl-submenu.dl-animate-out-3 { -webkit-animation: SubMenuAnimOut3 0.4s ease; -o-animation: SubMenuAnimOut3 0.4s ease; animation: SubMenuAnimOut3 0.4s ease; } .dl-menuwrapper > .dl-submenu.dl-animate-out-4 { -webkit-animation: SubMenuAnimOut4 0.4s ease; -o-animation: SubMenuAnimOut4 0.4s ease; animation: SubMenuAnimOut4 0.4s ease; } .dl-menuwrapper > .dl-submenu.dl-animate-out-5 { -webkit-animation: SubMenuAnimOut5 0.4s ease; -o-animation: SubMenuAnimOut5 0.4s ease; animation: SubMenuAnimOut5 0.4s ease; } @-webkit-keyframes SubMenuAnimOut1 { 0% { -webkit-transform: translateX(0%); opacity: 1; } 100% { -webkit-transform: translateX(50%); opacity: 0; } } @-webkit-keyframes SubMenuAnimOut2 { 0% { -webkit-transform: translateX(0%); opacity: 1; } 100% { -webkit-transform: translateX(100%); opacity: 0; } } @-webkit-keyframes SubMenuAnimOut3 { 0% { -webkit-transform: translateZ(0px); opacity: 1; } 100% { -webkit-transform: translateZ(-300px); opacity: 0; } } @-webkit-keyframes SubMenuAnimOut4 { 0% { -webkit-transform: translateZ(0px); opacity: 1; } 100% { -webkit-transform: translateZ(300px); opacity: 0; } } @-webkit-keyframes SubMenuAnimOut5 { 0% { -webkit-transform: translateZ(0); opacity: 1; } 100% { -webkit-transform: translateZ(-200px); opacity: 0; } } @-o-keyframes SubMenuAnimOut1 { 0% { -webkit-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); opacity: 1; } 100% { -webkit-transform: translateX(50%); -o-transform: translateX(50%); transform: translateX(50%); opacity: 0; } } @keyframes SubMenuAnimOut1 { 0% { -webkit-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); opacity: 1; } 100% { -webkit-transform: translateX(50%); -o-transform: translateX(50%); transform: translateX(50%); opacity: 0; } } @-o-keyframes SubMenuAnimOut2 { 0% { -webkit-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); opacity: 1; } 100% { -webkit-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); opacity: 0; } } @keyframes SubMenuAnimOut2 { 0% { -webkit-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); opacity: 1; } 100% { -webkit-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); opacity: 0; } } @-o-keyframes SubMenuAnimOut3 { 0% { -webkit-transform: translateZ(0px); transform: translateZ(0px); opacity: 1; } 100% { -webkit-transform: translateZ(-300px); transform: translateZ(-300px); opacity: 0; } } @keyframes SubMenuAnimOut3 { 0% { -webkit-transform: translateZ(0px); transform: translateZ(0px); opacity: 1; } 100% { -webkit-transform: translateZ(-300px); transform: translateZ(-300px); opacity: 0; } } @-o-keyframes SubMenuAnimOut4 { 0% { -webkit-transform: translateZ(0px); transform: translateZ(0px); opacity: 1; } 100% { -webkit-transform: translateZ(300px); transform: translateZ(300px); opacity: 0; } } @keyframes SubMenuAnimOut4 { 0% { -webkit-transform: translateZ(0px); transform: translateZ(0px); opacity: 1; } 100% { -webkit-transform: translateZ(300px); transform: translateZ(300px); opacity: 0; } } @-o-keyframes SubMenuAnimOut5 { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } 100% { -webkit-transform: translateZ(-200px); transform: translateZ(-200px); opacity: 0; } } @keyframes SubMenuAnimOut5 { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } 100% { -webkit-transform: translateZ(-200px); transform: translateZ(-200px); opacity: 0; } } /* No JS Fallback */ .no-js .dl-menuwrapper .dl-menu { position: relative; opacity: 1; -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .no-js .dl-menuwrapper li .dl-submenu { display: block; } .no-js .dl-menuwrapper li.dl-back { display: none; } .no-js .dl-menuwrapper li > a:not(:only-child) { background: rgba(0, 0, 0, 0.1); } .no-js .dl-menuwrapper li > a:not(:only-child):after { content: ''; } /* Colors for demos */ /* Demo 1 */ .demo-1 .dl-menuwrapper button { background: #c62860; } .demo-1 .dl-menuwrapper button:hover, .demo-1 .dl-menuwrapper button.dl-active, .demo-1 .dl-menuwrapper ul { background: #9e1847; } /* Demo 2 */ .demo-2 .dl-menuwrapper button { background: #e86814; } .demo-2 .dl-menuwrapper button:hover, .demo-2 .dl-menuwrapper button.dl-active, .demo-2 .dl-menuwrapper ul { background: #D35400; } /* Demo 3 */ .demo-3 .dl-menuwrapper button { background: #08cbc4; } .demo-3 .dl-menuwrapper button:hover, .demo-3 .dl-menuwrapper button.dl-active, .demo-3 .dl-menuwrapper ul { background: #00b4ae; } /* Demo 4 */ .demo-4 .dl-menuwrapper button { background: #90b912; } .demo-4 .dl-menuwrapper button:hover, .demo-4 .dl-menuwrapper button.dl-active, .demo-4 .dl-menuwrapper ul { background: #79a002; } /* Demo 5 */ .demo-5 .dl-menuwrapper button { background: #744783; } .demo-5 .dl-menuwrapper button:hover, .demo-5 .dl-menuwrapper button.dl-active, .demo-5 .dl-menuwrapper ul { background: #643771; } .section { overflow: hidden; } @media (min-width: 992px) { .section--video { overflow: hidden; height: 100vh; } } .section--news { padding: 40px 0 60px 0; } @media (min-width: 992px) { .section--news { padding: 30px 0 0 0; } } .section--reviews { overflow: hidden; } .section--footer { padding: 40px 0 0 0; background-color: #f1f1f1; position: relative; } @media (min-width: 992px) { .section--footer { padding: 85px 0 15px 0; } } .section--footer:after { content: ""; width: 100%; height: 10px; background-color: #000; position: absolute; top: 0; left: 0; right: 0; } .section-d1 { padding: 30px 0 0 0; position: relative; } @media (min-width: 992px) { .section-d1 { padding: 0; } } @media (min-width: 992px) { .section-d1--active .section-d1__image--1 { -webkit-transform: translate3d(-14%, 0, 0); transform: translate3d(-14%, 0, 0); opacity: 1; } .section-d1--active .section-d1__image--2 { -webkit-transform: translate3d(-26%, 0, 0); transform: translate3d(-26%, 0, 0); opacity: 1; } .section-d1--active .section-d1__circle { -webkit-transform: translate3d(70%, 0, 0); transform: translate3d(70%, 0, 0); opacity: 1; } .section-d1--active .section-d1__bg { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 1; } .section-d1--active .department { -webkit-animation: content 1s cubic-bezier(0.7, 0, 0.3, 1) both; -o-animation: content 1s cubic-bezier(0.7, 0, 0.3, 1) both; animation: content 1s cubic-bezier(0.7, 0, 0.3, 1) both; opacity: 1; } } @media (min-width: 992px) { .section-d1--active .section-d1--slide-out { -webkit-transform: translate3d(-200%, 0, 0); transform: translate3d(-200%, 0, 0); opacity: 0; } } @media (min-width: 992px) { .section-d1--active .section-d1--slide-up { -webkit-transform: translate3d(-26%, 0, 0); transform: translate3d(-26%, 0, 0); opacity: 1; } } .section-d1__image { background-repeat: no-repeat; background-position: center; -webkit-background-size: contain; background-size: contain; position: absolute; } @media (min-width: 992px) { .section-d1__image { -webkit-transform: translate3d(-200%, 0, 0); transform: translate3d(-200%, 0, 0); opacity: 0; } } .section-d1__image--1 { -webkit-transition: opacity ease .3s, -webkit-transform ease 1s; transition: opacity ease .3s, -webkit-transform ease 1s; -o-transition: opacity ease .3s, -o-transform ease 1s; transition: transform ease 1s, opacity ease .3s; transition: transform ease 1s, opacity ease .3s, -webkit-transform ease 1s, -o-transform ease 1s; width: 180px; height: 120px; background-image: url(images/bg/footer-bod1-leftt.png); bottom: 0; right: -50px; } @media (min-width: 768px) { .section-d1__image--1 { right: 0; width: 250px; height: 160px; } } @media (min-width: 992px) { .section-d1__image--1 { right: 50%; width: 492px; height: 329px; } } .section-d1__image--2 { -webkit-transition: opacity ease .3s, -webkit-transform ease 1.5s; transition: opacity ease .3s, -webkit-transform ease 1.5s; -o-transition: opacity ease .3s, -o-transform ease 1.5s; transition: transform ease 1.5s, opacity ease .3s; transition: transform ease 1.5s, opacity ease .3s, -webkit-transform ease 1.5s, -o-transform ease 1.5s; width: 150px; height: 170px; right: -12px; bottom: 80px; background-image: url(images/bg/head-artdirection.png); } @media (min-width: 768px) { .section-d1__image--2 { right: 50px; width: 210px; height: 210px; bottom: 110px; } } @media (min-width: 992px) { .section-d1__image--2 { right: 50%; width: 500px; height: 500px; bottom: 230px; } } .section-d1__image-nav { background-repeat: no-repeat; background-position: center; -webkit-background-size: contain; background-size: contain; position: absolute; opacity: 0; width: 500px; height: 500px; bottom: 230px; right: 50%; -webkit-transform: translate3d(-200%, 0, 0); transform: translate3d(-200%, 0, 0); -webkit-transition: opacity ease .6s, -webkit-transform ease 1s; transition: opacity ease .6s, -webkit-transform ease 1s; -o-transition: opacity ease .6s, -o-transform ease 1s; transition: transform ease 1s, opacity ease .6s; transition: transform ease 1s, opacity ease .6s, -webkit-transform ease 1s, -o-transform ease 1s; display: none; } @media (min-width: 992px) { .section-d1__image-nav { display: block; } } /*.section-d1__image-nav--1 { background-image: url(images/bg/head-artdirection.png); } .section-d1__image-nav--2 { background-image: url(images/bg/head-pr.png); } .section-d1__image-nav--3 { background-image: url(images/bg/head-identity.png); } .section-d1__image-nav--4 { background-image: url(images/bg/head-copywriting.png); } .section-d1__image-nav--5 { background-image: url(images/bg/head-mediaplaning.png); } .section-d1__image-nav--6 { background-image: url(images/bg/); } .section-d1__image-nav--7 { background-image: url(images/bg/head-strategy.png); } .section-d1__image-nav--8 { background-image: url(images/bg/); } .section-d1__image-nav--9 { background-image: url(images/bg/); }*/ .section-d1__circle { -webkit-transition: opacity ease .6s, -webkit-transform ease 1s; transition: opacity ease .6s, -webkit-transform ease 1s; -o-transition: opacity ease .6s, -o-transform ease 1s; transition: transform ease 1s, opacity ease .6s; transition: transform ease 1s, opacity ease .6s, -webkit-transform ease 1s, -o-transform ease 1s; border-radius: 100%; background-color: #dc3e38; width: 215px; height: 215px; position: absolute; top: 10px; right: -50px; -webkit-transform: translate3d(20%, 0, 0); transform: translate3d(20%, 0, 0); } @media (min-width: 992px) { .section-d1__circle { -webkit-transform: translate3d(200%, 0, 0); transform: translate3d(200%, 0, 0); opacity: 0; width: 400px; height: 400px; top: -100px; right: auto; left: 50%; } } .section-d1__bg { -webkit-transition: opacity ease .6s, -webkit-transform ease 1s; transition: opacity ease .6s, -webkit-transform ease 1s; -o-transition: opacity ease .6s, -o-transform ease 1s; transition: transform ease 1s, opacity ease .6s; transition: transform ease 1s, opacity ease .6s, -webkit-transform ease 1s, -o-transform ease 1s; background-image: url(images/bg/bg.png); background-repeat: repeat; height: 260px; width: 50%; position: absolute; top: 50%; right: 50%; -webkit-transform: translate3d(-200%, 0, 0); transform: translate3d(-200%, 0, 0); opacity: 0; display: none; } @media (min-width: 992px) { .section-d1__bg { display: block; } } .section-d1__arrow { cursor: pointer; position: absolute; bottom: 40px; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); width: 36px; height: 20px; background-repeat: no-repeat; background-position: center; -webkit-background-size: contain; background-size: contain; background-image: url(images/elems/main-arrow.svg); display: none; } @media (min-width: 992px) { .section-d1__arrow { display: block; } } @-webkit-keyframes content { from { opacity: 0; -webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-o-keyframes content { from { opacity: 0; transform: translate3d(0, 100px, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes content { from { opacity: 0; -webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .section-d2 { padding: 60px 0 80px 0; position: relative; overflow: hidden; } @media (min-width: 992px) { .section-d2 { padding: 0; width: 100%; height: 100%; } } .section-d2--active .section-d2__image--1 { -webkit-transform: translate3d(-20%, 0, 0); transform: translate3d(-20%, 0, 0); opacity: 1; } .section-d2--active .section-d2__image--2 { -webkit-transform: translate3d(-26%, 0, 0); transform: translate3d(-26%, 0, 0); opacity: 1; } .section-d2--active .section-d2__circle { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); opacity: 1; } .section-d2--active .section-d2__bg { -webkit-transform: translate3d(-18%, 0, 0); transform: translate3d(-18%, 0, 0); opacity: 1; } .section-d2--active .department { -webkit-animation: content 1s cubic-bezier(0.7, 0, 0.3, 1) both; -o-animation: content 1s cubic-bezier(0.7, 0, 0.3, 1) both; animation: content 1s cubic-bezier(0.7, 0, 0.3, 1) both; opacity: 1; } @media (min-width: 992px) { .section-d2--active .section-d2--slide-out { -webkit-transform: translate3d(200%, 0, 0); transform: translate3d(200%, 0, 0); opacity: 0; } } @media (min-width: 992px) { .section-d2--active .section-d2--slide-up { -webkit-transform: translate3d(-2%, 0, 0); transform: translate3d(-2%, 0, 0); opacity: 1; } } .section-d2__image { background-repeat: no-repeat; background-position: center; -webkit-background-size: contain; background-size: contain; position: absolute; } @media (min-width: 992px) { .section-d2__image { opacity: 0; left: 50%; -webkit-transform: translate3d(200%, 0, 0); transform: translate3d(200%, 0, 0); } } .section-d2__image--1 { -webkit-transition: opacity ease .3s, -webkit-transform ease 1s; transition: opacity ease .3s, -webkit-transform ease 1s; -o-transition: opacity ease .3s, -o-transform ease 1s; transition: transform ease 1s, opacity ease .3s; transition: transform ease 1s, opacity ease .3s, -webkit-transform ease 1s, -o-transform ease 1s; width: 180px; height: 120px; background-image: url(images/bg/footer-body-right.png); bottom: 0; right: -20px; } @media (min-width: 768px) { .section-d2__image--1 { right: 0; width: 250px; height: 160px; } } @media (min-width: 992px) { .section-d2__image--1 { right: auto; width: 492px; height: 329px; } } .section-d2__image--2 { -webkit-transition: opacity ease .3s, -webkit-transform ease 1.5s; transition: opacity ease .3s, -webkit-transform ease 1.5s; -o-transition: opacity ease .3s, -o-transform ease 1.5s; transition: transform ease 1.5s, opacity ease .3s; transition: transform ease 1.5s, opacity ease .3s, -webkit-transform ease 1.5s, -o-transform ease 1.5s; width: 170px; height: 170px; background-image: url(images/bg/head-kinovideo.png); bottom: 85px; right: -20px; } @media (min-width: 768px) { .section-d2__image--2 { right: -10px; width: 280px; height: 280px; bottom: 105px; } } @media (min-width: 992px) { .section-d2__image--2 { right: auto; width: 500px; height: 500px; bottom: 230px; } } .section-d2__image-nav { background-repeat: no-repeat; background-position: center; -webkit-background-size: contain; background-size: contain; position: absolute; opacity: 0; width: 500px; height: 500px; bottom: 230px; left: 50%; -webkit-transform: translate3d(200%, 0, 0); transform: translate3d(200%, 0, 0); -webkit-transition: opacity ease .6s, -webkit-transform ease 1s; transition: opacity ease .6s, -webkit-transform ease 1s; -o-transition: opacity ease .6s, -o-transform ease 1s; transition: transform ease 1s, opacity ease .6s; transition: transform ease 1s, opacity ease .6s, -webkit-transform ease 1s, -o-transform ease 1s; display: none; } @media (min-width: 992px) { .section-d2__image-nav { display: block; } } /*.section-d2__image-nav--1 { background-image: url(images/bg/head-kinovideo.png); left: 45%; } .section-d2__image-nav--2 { background-image: url(images/bg/head-soap.png); } .section-d2__image-nav--3 { background-image: url(images/bg/head-scenaniy.png); } .section-d2__image-nav--4 { background-image: url(images/bg/head-post.png); }*/ .section-d2__circle { -webkit-transition: opacity ease .6s, -webkit-transform ease 1s; transition: opacity ease .6s, -webkit-transform ease 1s; -o-transition: opacity ease .6s, -o-transform ease 1s; transition: transform ease 1s, opacity ease .6s; transition: transform ease 1s, opacity ease .6s, -webkit-transform ease 1s, -o-transform ease 1s; border-radius: 100%; background-color: #dc3e38; width: 215px; height: 215px; position: absolute; top: 0px; left: -50px; } @media (min-width: 768px) { .section-d2__circle { width: 260px; height: 260px; } } @media (min-width: 992px) { .section-d2__circle { left: auto; top: 0px; right: 50%; -webkit-transform: translate3d(-200%, 0, 0); transform: translate3d(-200%, 0, 0); opacity: 0; width: 470px; height: 470px; } } .section-d2__bg { -webkit-transition: opacity ease .6s, -webkit-transform ease 1s; transition: opacity ease .6s, -webkit-transform ease 1s; -o-transition: opacity ease .6s, -o-transform ease 1s; transition: transform ease 1s, opacity ease .6s; transition: transform ease 1s, opacity ease .6s, -webkit-transform ease 1s, -o-transform ease 1s; position: absolute; width: 80%; background-image: url(images/bg/bg.png); background-repeat: repeat; height: 260px; top: 30%; left: 50%; -webkit-transform: translate3d(200%, 0, 0); transform: translate3d(200%, 0, 0); opacity: 0; } .section-d2__arrow { cursor: pointer; position: absolute; bottom: 40px; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); width: 36px; height: 20px; background-repeat: no-repeat; background-position: center; -webkit-background-size: contain; background-size: contain; background-image: url(images/elems/main-arrow.svg); display: none; } @media (min-width: 992px) { .section-d2__arrow { display: block; } } @keyframes content { from { opacity: 0; -webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .section-d3 { padding: 60px 0 135px 0; position: relative; overflow: hidden; } @media (min-width: 992px) { .section-d3 { padding: 0; } } .section-d3--active .section-d3__image--1 { -webkit-transform: translate3d(-14%, 0, 0); transform: translate3d(-14%, 0, 0); opacity: 1; } .section-d3--active .section-d3__image--2 { -webkit-transform: translate3d(-26%, 0, 0); transform: translate3d(-26%, 0, 0); opacity: 1; } .section-d3--active .section-d3__circle--1 { -webkit-transform: translate3d(90%, 0, 0); transform: translate3d(90%, 0, 0); opacity: 1; } .section-d3--active .section-d3__circle--2 { -webkit-transform: translate3d(30%, 0, 0); transform: translate3d(30%, 0, 0); opacity: 1; } .section-d3--active .section-d3__bg { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 1; } .section-d3--active .department { -webkit-animation: content 1s cubic-bezier(0.7, 0, 0.3, 1) both; -o-animation: content 1s cubic-bezier(0.7, 0, 0.3, 1) both; animation: content 1s cubic-bezier(0.7, 0, 0.3, 1) both; opacity: 1; } @media (min-width: 992px) { .section-d3--active .section-d3--slide-out { -webkit-transform: translate3d(-200%, 0, 0); transform: translate3d(-200%, 0, 0); opacity: 0; } } @media (min-width: 992px) { .section-d3--active .section-d3--slide-up { -webkit-transform: translate3d(-26%, 0, 0); transform: translate3d(-26%, 0, 0); opacity: 1; } } .section-d3__image { background-repeat: no-repeat; background-position: center; -webkit-background-size: contain; background-size: contain; position: absolute; } @media (min-width: 992px) { .section-d3__image { opacity: 0; right: 50%; -webkit-transform: translate3d(-200%, 0, 0); transform: translate3d(-200%, 0, 0); } } .section-d3__image--1 { -webkit-transition: opacity ease .3s, -webkit-transform ease 1s; transition: opacity ease .3s, -webkit-transform ease 1s; -o-transition: opacity ease .3s, -o-transform ease 1s; transition: transform ease 1s, opacity ease .3s; transition: transform ease 1s, opacity ease .3s, -webkit-transform ease 1s, -o-transform ease 1s; width: 180px; height: 120px; background-image: url(images/bg/footer-bod1-leftt.png); bottom: 0; left: -20px; } @media (min-width: 768px) { .section-d3__image--1 { left: 0; width: 250px; height: 160px; } } @media (min-width: 992px) { .section-d3__image--1 { left: auto; width: 492px; height: 329px; } } .section-d3__image--2 { -webkit-transition: opacity ease .3s, -webkit-transform ease 1.5s; transition: opacity ease .3s, -webkit-transform ease 1.5s; -o-transition: opacity ease .3s, -o-transform ease 1.5s; transition: transform ease 1.5s, opacity ease .3s; transition: transform ease 1.5s, opacity ease .3s, -webkit-transform ease 1.5s, -o-transform ease 1.5s; width: 150px; height: 150px; background-image: url(images/bg/head-production.png); bottom: 90px; left: -30px; } @media (min-width: 768px) { .section-d3__image--2 { left: 0px; width: 180px; height: 180px; bottom: 120px; } } @media (min-width: 992px) { .section-d3__image--2 { left: auto; width: 500px; height: 500px; bottom: 230px; } } .section-d3__image-nav { background-repeat: no-repeat; background-position: center; -webkit-background-size: contain; background-size: contain; position: absolute; opacity: 0; width: 500px; height: 500px; bottom: 230px; right: 50%; -webkit-transform: translate3d(-200%, 0, 0); transform: translate3d(-200%, 0, 0); -webkit-transition: opacity ease .6s, -webkit-transform ease 1s; transition: opacity ease .6s, -webkit-transform ease 1s; -o-transition: opacity ease .6s, -o-transform ease 1s; transition: transform ease 1s, opacity ease .6s; transition: transform ease 1s, opacity ease .6s, -webkit-transform ease 1s, -o-transform ease 1s; display: none; } @media (min-width: 992px) { .section-d3__image-nav { display: block; } } /*.section-d3__image-nav--1 { background-image: url(images/bg/head-musicprduct.png); } .section-d3__image-nav--2 { background-image: url(images/bg/head-production.png); }*/ .section-d3__circle { -webkit-transition: opacity ease .6s, -webkit-transform ease 1s; transition: opacity ease .6s, -webkit-transform ease 1s; -o-transition: opacity ease .6s, -o-transform ease 1s; transition: transform ease 1s, opacity ease .6s; transition: transform ease 1s, opacity ease .6s, -webkit-transform ease 1s, -o-transform ease 1s; border-radius: 100%; background-color: #dc3e38; position: absolute; } .section-d3__circle--1 { width: 215px; height: 215px; top: 50px; right: -50px; } @media (min-width: 768px) { .section-d3__circle--1 { width: 265px; height: 265px; top: 20px; right: -100px; } } @media (min-width: 992px) { .section-d3__circle--1 { right: auto; width: 380px; height: 380px; top: 40px; opacity: 0; left: 50%; -webkit-transform: translate3d(250%, 0, 0); transform: translate3d(250%, 0, 0); } } .section-d3__circle--2 { width: 380px; height: 380px; bottom: -280px; opacity: 0; left: 50%; -webkit-transform: translate3d(250%, 0, 0); transform: translate3d(250%, 0, 0); } .section-d3__bg { -webkit-transition: opacity ease .6s, -webkit-transform ease 1s; transition: opacity ease .6s, -webkit-transform ease 1s; -o-transition: opacity ease .6s, -o-transform ease 1s; transition: transform ease 1s, opacity ease .6s; transition: transform ease 1s, opacity ease .6s, -webkit-transform ease 1s, -o-transform ease 1s; position: absolute; width: 50%; background-image: url(images/bg/bg.png); background-repeat: repeat; height: 260px; top: 50%; right: 50%; -webkit-transform: translate3d(-200%, 0, 0); transform: translate3d(-200%, 0, 0); opacity: 0; } @media (min-width: 768px) { .section-d3 .nav__title { position: relative; left: 50%; } } @media (min-width: 992px) { .section-d3 .nav__title { left: auto; } } .section-d3 .nav__list { max-width: 220px; float: right; } @media (min-width: 768px) { .section-d3 .nav__list { float: none; position: relative; left: 50%; } } @media (min-width: 992px) { .section-d3 .nav__list { max-width: 100%; left: auto; } } .section-d3__arrow { cursor: pointer; position: absolute; bottom: 40px; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); width: 36px; height: 20px; background-repeat: no-repeat; background-position: center; -webkit-background-size: contain; background-size: contain; background-image: url(images/elems/main-arrow.svg); display: none; } @media (min-width: 992px) { .section-d3__arrow { display: block; } } @keyframes content { from { opacity: 0; -webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } /*------------------------------------*/ .section-d4 { padding: 60px 0 80px 0; position: relative; overflow: hidden; } @media (min-width: 992px) { .section-d4 { padding: 0; width: 100%; height: 100%; } } .section-d4--active .section-d4__image--1 { -webkit-transform: translate3d(-20%, 0, 0); transform: translate3d(-20%, 0, 0); opacity: 1; } .section-d4--active .section-d4__image--2 { -webkit-transform: translate3d(-4%, 0, 0); transform: translate3d(-4%, 0, 0); opacity: 1; } .section-d4--active .section-d4__circle { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 1; } .section-d4--active .section-d4__bg { -webkit-transform: translate3d(-18%, 0, 0); transform: translate3d(-18%, 0, 0); opacity: 1; } .section-d4--active .department { -webkit-animation: content 1s cubic-bezier(0.7, 0, 0.3, 1) both; -o-animation: content 1s cubic-bezier(0.7, 0, 0.3, 1) both; animation: content 1s cubic-bezier(0.7, 0, 0.3, 1) both; opacity: 1; } @media (min-width: 992px) { .section-d4--active .section-d4--slide-out { -webkit-transform: translate3d(200%, 0, 0); transform: translate3d(200%, 0, 0); opacity: 0; } } @media (min-width: 992px) { .section-d4--active .section-d4--slide-up { -webkit-transform: translate3d(-2%, 0, 0); transform: translate3d(-2%, 0, 0); opacity: 1; } } .section-d4__image { background-repeat: no-repeat; background-position: center; -webkit-background-size: contain; background-size: contain; position: absolute; } @media (min-width: 992px) { .section-d4__image { opacity: 0; left: 50%; -webkit-transform: translate3d(200%, 0, 0); transform: translate3d(200%, 0, 0); } } .section-d4__image--1 { -webkit-transition: opacity ease .3s, -webkit-transform ease 1s; transition: opacity ease .3s, -webkit-transform ease 1s; -o-transition: opacity ease .3s, -o-transform ease 1s; transition: transform ease 1s, opacity ease .3s; transition: transform ease 1s, opacity ease .3s, -webkit-transform ease 1s, -o-transform ease 1s; width: 180px; height: 120px; background-image: url(images/bg/footer-body-right.png); bottom: 0; right: -20px; } @media (min-width: 768px) { .section-d4__image--1 { right: 0; width: 250px; height: 160px; } } @media (min-width: 992px) { .section-d4__image--1 { right: auto; width: 492px; height: 329px; } } .section-d4__image--2 { -webkit-transition: opacity ease .3s, -webkit-transform ease 1.5s; transition: opacity ease .3s, -webkit-transform ease 1.5s; -o-transition: opacity ease .3s, -o-transform ease 1.5s; transition: transform ease 1.5s, opacity ease .3s; transition: transform ease 1.5s, opacity ease .3s, -webkit-transform ease 1.5s, -o-transform ease 1.5s; width: 170px; height: 170px; background-image: url(images/bg/head-digital.png); bottom: 85px; right: -20px; } @media (min-width: 768px) { .section-d4__image--2 { right: -10px; width: 280px; height: 280px; bottom: 105px; } } @media (min-width: 992px) { .section-d4__image--2 { right: auto; width: 500px; height: 500px; bottom: 230px; } } .section-d4__image-nav { background-repeat: no-repeat; background-position: center; -webkit-background-size: contain; background-size: contain; position: absolute; opacity: 0; width: 500px; height: 500px; bottom: 230px; left: 50%; -webkit-transform: translate3d(200%, 0, 0); transform: translate3d(200%, 0, 0); -webkit-transition: opacity ease .6s, -webkit-transform ease 1s; transition: opacity ease .6s, -webkit-transform ease 1s; -o-transition: opacity ease .6s, -o-transform ease 1s; transition: transform ease 1s, opacity ease .6s; transition: transform ease 1s, opacity ease .6s, -webkit-transform ease 1s, -o-transform ease 1s; display: none; } @media (min-width: 992px) { .section-d4__image-nav { display: block; } } /*.section-d4__image-nav--1 { background-image: url(images/bg/head-kinovideo.png); left: 45%; } .section-d4__image-nav--2 { background-image: url(images/bg/head-soap.png); } .section-d4__image-nav--3 { background-image: url(images/bg/head-scenaniy.png); } .section-d4__image-nav--4 { background-image: url(images/bg/head-post.png); }*/ .section-d4__circle { -webkit-transition: opacity ease .6s, -webkit-transform ease 1s; transition: opacity ease .6s, -webkit-transform ease 1s; -o-transition: opacity ease .6s, -o-transform ease 1s; transition: transform ease 1s, opacity ease .6s; transition: transform ease 1s, opacity ease .6s, -webkit-transform ease 1s, -o-transform ease 1s; border-radius: 100%; background-color: #dc3e38; width: 215px; height: 215px; position: absolute; top: 0px; left: -50px; } @media (min-width: 768px) { .section-d4__circle { width: 260px; height: 260px; } } @media (min-width: 992px) { .section-d4__circle { left: auto; top: 15%; right: 0; -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0; width: 411px; height: 411px; } } .section-d4__bg { -webkit-transition: opacity ease .6s, -webkit-transform ease 1s; transition: opacity ease .6s, -webkit-transform ease 1s; -o-transition: opacity ease .6s, -o-transform ease 1s; transition: transform ease 1s, opacity ease .6s; transition: transform ease 1s, opacity ease .6s, -webkit-transform ease 1s, -o-transform ease 1s; position: absolute; width: 80%; background-image: url(images/bg/bg.png); background-repeat: repeat; height: 260px; bottom: 0; left: 50%; -webkit-transform: translate3d(200%, 0, 0); transform: translate3d(200%, 0, 0); opacity: 0; } .section-d4__arrow { cursor: pointer; position: absolute; bottom: 40px; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); width: 36px; height: 20px; background-repeat: no-repeat; background-position: center; -webkit-background-size: contain; background-size: contain; background-image: url(images/elems/main-arrow.svg); display: none; } @media (min-width: 992px) { .section-d4__arrow { display: block; } } @keyframes content { from { opacity: 0; -webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .section-d4 .department__title{ text-transform: none; } .section-d4 .department__text{ max-width: 378px; padding: 0 0 80px 0; } /*------------------------------------*/ .section-contact { position: relative; overflow: hidden; padding: 40px 0 90px 0; } @media (min-width: 992px) { .section-contact { padding: 0; } } .section-contact:after { content: ""; width: 100%; height: 10px; background-color: #000; position: absolute; top: 0; left: 0; right: 0; } @media (min-width: 992px) { .section-contact--active .section-contact__image--2 { -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); } .section-contact--active .section-contact__image--4 { -webkit-transform: translate(70%, 0); -ms-transform: translate(70%, 0); -o-transform: translate(70%, 0); transform: translate(70%, 0); } } .section-contact__image { background-repeat: no-repeat; background-position: center; -webkit-background-size: contain; background-size: contain; position: absolute; } .section-contact__image--1 { width: 100px; height: 105px; background-image: url(images/bg/footer-body-left.png); bottom: 0; left: 0; } @media (min-width: 768px) { .section-contact__image--1 { width: 200px; height: 210px; bottom: 0; left: -30px; } } @media (min-width: 992px) { .section-contact__image--1 { left: auto; width: 450px; height: 450px; bottom: 0; right: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); } } .section-contact__image--2 { width: 85px; height: 110px; background-image: url(images/bg/head-scenaniy.png); bottom: 40px; left: 10px; } @media (min-width: 768px) { .section-contact__image--2 { width: 170px; height: 220px; bottom: 80px; left: -15px; } } @media (min-width: 992px) { .section-contact__image--2 { bottom: auto; left: auto; -webkit-transition: -webkit-transform ease 4s; transition: -webkit-transform ease 4s; -o-transition: -o-transform ease 4s; transition: transform ease 4s; transition: transform ease 4s, -webkit-transform ease 4s, -o-transform ease 4s; width: 450px; height: 450px; top: 40px; right: 50%; -webkit-transform: translate(-50%, 40%); -ms-transform: translate(-50%, 40%); -o-transform: translate(-50%, 40%); transform: translate(-50%, 40%); } } .section-contact__image--3 { width: 90px; height: 60px; bottom: 0; right: 0; background-image: url(images/bg/footer-body-right.png); } @media (min-width: 768px) { .section-contact__image--3 { width: 180px; height: 120px; bottom: 0; right: -20px; } } @media (min-width: 992px) { .section-contact__image--3 { right: auto; width: 400px; height: 265px; bottom: 0; left: 50%; -webkit-transform: translate(50%, 0); -ms-transform: translate(50%, 0); -o-transform: translate(50%, 0); transform: translate(50%, 0); } } .section-contact__image--4 { width: 73px; height: 56px; background-image: url(images/bg/footer-head-right.png); bottom: 60px; right: 5px; } @media (min-width: 768px) { .section-contact__image--4 { width: 150px; height: 110px; bottom: 120px; right: -10px; } } @media (min-width: 992px) { .section-contact__image--4 { bottom: auto; -webkit-transition: -webkit-transform ease 4s; transition: -webkit-transform ease 4s; -o-transition: -o-transform ease 4s; transition: transform ease 4s; transition: transform ease 4s, -webkit-transform ease 4s, -o-transform ease 4s; width: 350px; height: 220px; top: 80px; left: 50%; -webkit-transform: translate(70%, 140%); -ms-transform: translate(70%, 140%); -o-transform: translate(70%, 140%); transform: translate(70%, 140%); } } .section-causes { padding: 40px 0; position: relative; } @media (min-width: 992px) { .section-causes { padding: 0; } } @media (min-width: 992px) { .section-causes--active .section-causes__image { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .section-causes--active .section-causes__bg { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .section-causes--active .causes__button { opacity: 1; } .section-causes--active .causes__title { opacity: 1; } } .section-causes__image { background-repeat: no-repeat; background-position: center; -webkit-background-size: contain; background-size: contain; position: absolute; -webkit-transition: opacity ease .6s, -webkit-transform ease 1.5s; transition: opacity ease .6s, -webkit-transform ease 1.5s; -o-transition: opacity ease .6s, -o-transform ease 1.5s; transition: transform ease 1.5s, opacity ease .6s; transition: transform ease 1.5s, opacity ease .6s, -webkit-transform ease 1.5s, -o-transform ease 1.5s; height: 360px; width: 280px; background-image: url(images/bg/man-with-head.png); bottom: 80px; right: -100px; } @media (min-width: 768px) { .section-causes__image { right: auto; bottom: 0; left: 60%; height: 500px; width: 400px; } } @media (min-width: 992px) { .section-causes__image { width: 580px; height: 670px; opacity: 0; -webkit-transform: translate3d(200%, 0, 0); transform: translate3d(200%, 0, 0); } } .section-causes__bg { -webkit-transition: opacity ease .6s, -webkit-transform ease 1s; transition: opacity ease .6s, -webkit-transform ease 1s; -o-transition: opacity ease .6s, -o-transform ease 1s; transition: transform ease 1s, opacity ease .6s; transition: transform ease 1s, opacity ease .6s, -webkit-transform ease 1s, -o-transform ease 1s; background-image: url(images/bg/bg.png); background-repeat: repeat; height: 160px; width: 50%; position: absolute; top: 50%; left: 60%; } @media (min-width: 992px) { .section-causes__bg { opacity: 0; -webkit-transform: translate3d(200%, 0, 0); transform: translate3d(200%, 0, 0); } } .section-causes__arrow { cursor: pointer; position: absolute; bottom: 40px; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); width: 36px; height: 20px; background-repeat: no-repeat; background-position: center; -webkit-background-size: contain; background-size: contain; background-image: url(images/elems/main-arrow.svg); display: none; } @media (min-width: 992px) { .section-causes__arrow { display: block; } } .causes__title { font-size: 24px; font-weight: 400; font-family: "BaseNineC", sans-serif; color: #000; padding: 0 0 30px 0; text-align: center; position: relative; } @media (min-width: 992px) { .causes__title { font-size: 50px; padding: 0 0 30px 0; opacity: 0; -webkit-transition: opacity ease .3s; -o-transition: opacity ease .3s; transition: opacity ease .3s; } } .causes__list { max-width: 350px; } @media (min-width: 768px) { .causes__list { max-width: none; width: 70%; } } @media (min-width: 1200px) { .causes__list { width: 60%; } } .causes__item { position: relative; padding: 0 0 20px 30px; } @media (min-width: 768px) { .causes__item { height: 60px; padding: 0 0 35px 50px; } } @media (min-width: 992px) { .causes__item { padding: 0 0 45px 60px; height: 70px; -webkit-transition: opacity ease 1s, -webkit-transform ease 1s; transition: opacity ease 1s, -webkit-transform ease 1s; -o-transition: opacity ease 1s, -o-transform ease 1s; transition: transform ease 1s, opacity ease 1s; transition: transform ease 1s, opacity ease 1s, -webkit-transform ease 1s, -o-transform ease 1s; -webkit-transform: translate3d(0, -120%, 0); transform: translate3d(0, -120%, 0); opacity: 0; } .causes__item--active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .causes__number { font-size: 14px; font-weight: 400; font-family: "BaseNineC", sans-serif; line-height: 24px; color: #fff; text-align: center; width: 24px; height: 24px; background-color: #dc3e38; border-radius: 15em; position: absolute; top: 0; left: 0; } @media (min-width: 768px) { .causes__number { line-height: 30px; width: 30px; height: 30px; font-size: 18px; } } @media (min-width: 992px) { .causes__number { width: 46px; height: 46px; font-size: 28px; line-height: 46px; } } .causes__text { font-size: 12px; font-weight: 400; font-family: "BaseNineC", sans-serif; line-height: 1.2; color: #000; } @media (min-width: 768px) { .causes__text { font-size: 14px; } } @media (min-width: 992px) { .causes__text { font-size: 18px; } } .causes__button { padding: 40px 0 0 0; text-align: center; } @media (min-width: 992px) { .causes__button { -webkit-transition: opacity ease 1s; -o-transition: opacity ease 1s; transition: opacity ease 1s; padding: 0; opacity: 0; } } .header { display: none; position: fixed; top: 0; left: 0; right: 0; z-index: 100; padding: 25px 0 7px; } @media (min-width: 992px) { .header { display: block; } } .header__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 992px) { .header__container { -webkit-box-align: start; -ms-flex-align: start; -ms-grid-row-align: flex-start; align-items: flex-start; } } .header__left { display: -webkit-box; display: -ms-flexbox; display: flex; } .header__right { display: -webkit-box; display: -ms-flexbox; display: flex; } .header__menu { padding: 0 0 0 10px; } @media (min-width: 1200px) { .header__menu { padding: 0 0 0 35px; } } .header__phone { padding: 0 20px 0 0; } @media (min-width: 1200px) { .header__phone { padding: 0 35px 0 0; } } .header__image { display: none; position: absolute; bottom: 0; right: 0; background-repeat: no-repeat; background-position: center; -webkit-background-size: contain; background-size: contain; width: 453px; height: 500px; background-image: url(images/bg/menu-figure.png); -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; } .header--white-bg { -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; background-color: rgba(255, 255, 255, 0.95); -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.15); } .header--white-bg .menu-item a { color: #000; } .header--white-bg .menu-item { border-right: 1px solid #000; } .header--white-bg .phone { color: #000; } .header--white-bg .button--header { border: 2px solid #dc3e38; color: #dc3e38; } .header--white-bg .button--header:hover { background-color: #dc3e38; color: #fff; } .header--white-page { -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; background-color: rgba(255, 255, 255, 0.95); } .header--white-page .menu-item a { color: #000; } .header--white-page #menu-main-menu .menu-item { border-right: 1px solid #000; } .header--white-page #menu-main-menu .sub-menu .menu-item, .header--white-bg #menu-main-menu .sub-menu .menu-item { border: none; } .header--white-page .phone { color: #000; } .header--white-page .button--header { border: 2px solid #dc3e38; color: #dc3e38; } .header--white-page .button--header:hover { background-color: #dc3e38; color: #fff; } .header--on { -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; background-color: rgba(255, 255, 255, 0.95); height: 640px; } .header--on .header__image { display: block; } .header--on #menu-main-menu > .menu-item a { color: #000; } .header--on #menu-main-menu > .menu-item { border-right: 1px solid #000; } .header--on .phone { color: #000; } .header--on .button--header { border: 2px solid #dc3e38; color: #dc3e38; } .header--on .button--header:hover { background-color: #dc3e38; color: #fff; } .header-m { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; } @media (min-width: 992px) { .header-m { display: none; } } .header-m__container { background-color: #fff; width: 100%; height: 70px; -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.15); } .header-m__logo { position: absolute; top: 20px; left: 20px; z-index: 1000; } .header-m__button { position: absolute; top: 20px; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); z-index: 1000; } .header-m__phone { z-index: 1000; position: fixed; bottom: 20px; right: 20px; display: none; } .header-m__overlay { width: 100%; height: 100%; background-color: #dc3e38; position: fixed; top: 0; right: 0; left: 0; display: none; z-index: 99; -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; } .header-m--active .header-m__overlay { display: block; } .header-m--active .logo__img-m { background-image: url(images/logo/logo-w.svg); } .header-m--active .header-m__button { z-index: 0; } .header-m--active .header-m__phone { z-index: 1000; display: block; } .logo__img { width: 70px; height: auto; } .logo__img-m { width: 70px; height: 40px; background-repeat: no-repeat; background-position: center; -webkit-background-size: contain; background-size: contain; background-image: url(images/logo/logo.svg); } #menu-main-menu { display: -webkit-box; display: -ms-flexbox; display: flex; list-style: none; } #menu-main-menu > .menu-item { border-right: 1px solid #fff; padding: 0 !important; } #menu-main-menu > .menu-item:last-child { border-right: none; } .menu-item a { font-size: 10px; font-weight: 400; line-height: 1.8; padding: 0 7px 30px; color: #fff; -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; white-space: nowrap; } @media (min-width: 1200px) { .menu-item a { font-size: 12px; } } .menu-item a:hover { color: #dc3e38; } .phone { font-size: 10px; font-weight: 400; color: #fff; display: block; padding: 0 0 5px 0; -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; white-space: nowrap; } @media (min-width: 1200px) { .phone { font-size: 12px; } } .phone:hover { color: #dc3e38; } .phone--m { font-size: 12px; font-weight: 400; color: #fff; display: block; padding: 0 0 5px 0; white-space: nowrap; } @media (min-width: 992px) { .phone--m { display: none; } } .phone--m:hover { color: #fff; } .button { display: inline-block; -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; } .button--white { font-size: 16px; font-weight: 600; line-height: 2; color: #fff; border: 2px solid #fff; padding: 0 15px; } .button--white:hover { background-color: #fff; color: #dc3e38; } .button--red { font-size: 16px; font-weight: 400; font-family: "BaseNineC", sans-serif; line-height: 2; text-transform: uppercase; color: #dc3e38; border: 2px solid #dc3e38; padding: 0 15px; } @media (min-width: 992px) { .button--red { font-size: 18px; } } .button--red:hover { background-color: #dc3e38; color: #fff; } .button--black { font-size: 16px; font-weight: 400; font-family: "BaseNineC", sans-serif; line-height: 2.6; text-transform: uppercase; color: #000; border: 2px solid #000; background-color: #fff; padding: 0 16px; min-width: 110px; text-align: center; } .button--black:hover { background-color: #000; color: #fff; } @media (min-width: 992px) { .button--black { padding: 0 25px; font-size: 18px; line-height: 2.6; min-width: 150px; } } .button--sm-black { font-size: 12px; font-weight: 600; line-height: 2; font-family: "BaseNineC", sans-serif; color: #3c3c3c; border: 2px solid #3c3c3c; padding: 0 15px; min-width: 170px; } .button--sm-black:hover { background-color: #3c3c3c; color: #fff; } .button--header { font-size: 12px; font-weight: 600; line-height: 2.6; color: #dc3e38; border: 2px solid #dc3e38; padding: 0 15px; } @media (min-width: 992px) { .button--header { line-height: 1.8; border: 2px solid #fff; color: #fff; } } @media (min-width: 1200px) { .button--header { font-size: 16px; } } .button--header:hover { background-color: #dc3e38; color: #fff; } @media (min-width: 992px) { .button--header:hover { background-color: #fff; color: #dc3e38; } } .button--grey { font-size: 14px; font-weight: 400; font-family: "BaseNineC", sans-serif; line-height: 2; text-transform: uppercase; color: #3c3c3c; border: 2px solid #3c3c3c; padding: 0 25px; } .button--grey:hover { background-color: #3c3c3c; color: #fff; } .button--black-inv { font-size: 16px; font-weight: 400; font-family: "BaseNineC", sans-serif; line-height: 1.2; text-transform: uppercase; color: #fff; border: 2px solid #000; background-color: #000; padding: 15px; min-width: 110px; text-align: center; width: 100%; } .button--black-inv:hover { background-color: #fff; color: #000; } @media (min-width: 768px) { .button--black-inv { padding: 15px; font-size: 18px; min-width: 150px; width: auto; } } .button--form, .contact-form__form .gform_wrapper .gform_footer input.button, .contact-form__form .gform_wrapper .gform_footer input[type=submit], .contact-form__form .gform_wrapper .gform_page_footer input.button, .contact-form__form .gform_wrapper .gform_page_footer input[type=submit] { font-size: 14px; font-weight: 400; font-family: "BaseNineC", sans-serif; line-height: 30px; text-transform: uppercase; color: #000; border: 2px solid #000; background-color: #fff; width: 135px; text-align: center; } .button--form:hover, .contact-form__form .gform_wrapper .gform_footer input.button:hover, .contact-form__form .gform_wrapper .gform_footer input[type=submit]:hover, .contact-form__form .gform_wrapper .gform_page_footer input.button:hover, .contact-form__form .gform_wrapper .gform_page_footer input[type=submit]:hover { background-color: #000; color: #fff; } @media (min-width: 768px) { .button--form, .contact-form__form .gform_wrapper .gform_footer input.button, .contact-form__form .gform_wrapper .gform_footer input[type=submit], .contact-form__form .gform_wrapper .gform_page_footer input.button, .contact-form__form .gform_wrapper .gform_page_footer input[type=submit] { font-size: 16px; line-height: 36px; width: 160px; } } @media (min-width: 992px) { .button--form, .contact-form__form .gform_wrapper .gform_footer input.button, .contact-form__form .gform_wrapper .gform_footer input[type=submit], .contact-form__form .gform_wrapper .gform_page_footer input.button, .contact-form__form .gform_wrapper .gform_page_footer input[type=submit] { font-size: 16px; line-height: 36px; width: 170px; } } .contact-form__form .gform_wrapper .gform_footer input.button, .contact-form__form .gform_wrapper .gform_footer input[type=submit], .contact-form__form .gform_wrapper .gform_page_footer input.button, .contact-form__form .gform_wrapper .gform_page_footer input[type=submit]{ float: none; position: relative; top: inherit; display: block; margin: auto; margin-top: 20px; } @media (min-width: 768px) { .contact-form__form .gform_wrapper .gform_footer input.button, .contact-form__form .gform_wrapper .gform_footer input[type=submit], .contact-form__form .gform_wrapper .gform_page_footer input.button, .contact-form__form .gform_wrapper .gform_page_footer input[type=submit]{ float: right; position: relative; top: -47px; margin-top: 0; } } .contact-form__form .gform_wrapper .gform_footer{ margin: 0; padding: 0; } .wrap-two-hands { position: relative; display: inline-block; } .wrap-two-hands:after { content: ""; position: absolute; top: 50%; left: -75px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); width: 70px; height: 70px; background-image: url(images/bg/hand-left.png); background-repeat: no-repeat; background-position: center; -webkit-background-size: contain; background-size: contain; -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; } @media (min-width: 992px) { .wrap-two-hands:after { -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } } .wrap-two-hands:before { content: ""; position: absolute; top: 50%; right: -75px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); width: 70px; height: 70px; background-image: url(images/bg/hand-right.png); background-repeat: no-repeat; background-position: center; -webkit-background-size: contain; background-size: contain; -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; } @media (min-width: 992px) { .wrap-two-hands:before { -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } } @media (min-width: 768px) { .wrap-two-hands:hover:before { -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; -webkit-transform: translate(20%, -50%); -ms-transform: translate(20%, -50%); -o-transform: translate(20%, -50%); transform: translate(20%, -50%); } } @media (min-width: 768px) { .wrap-two-hands:hover:after { -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; -webkit-transform: translate(-20%, -50%); -ms-transform: translate(-20%, -50%); -o-transform: translate(-20%, -50%); transform: translate(-20%, -50%); } } .wrap-hand-right { display: inline-block; position: relative; z-index: 9; } .wrap-hand-right:before { content: ""; position: absolute; top: 50%; right: -97px; -webkit-transform: translate(0, -67%); -ms-transform: translate(0, -67%); -o-transform: translate(0, -67%); transform: translate(0, -67%); width: 97px; height: 84px; background-image: url(images/bg/hand-right-1.png); background-repeat: no-repeat; background-position: center; -webkit-background-size: contain; background-size: contain; z-index: -1; } .wrap-hand-right:hover:before { background-image: url(images/bg/hand-right.png); width: 90px; height: 90px; right: -84px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } .wrap-hand-down { position: relative; } .wrap-hand-down:before { content: ""; position: absolute; top: 34px; left: 50%; -webkit-transform: translate(-40%, 0); -ms-transform: translate(-40%, 0); -o-transform: translate(-40%, 0); transform: translate(-40%, 0); width: 70px; height: 60px; background-image: url(images/bg/hand-down.png); background-repeat: no-repeat; background-position: center; -webkit-background-size: contain; background-size: contain; z-index: -1; } @media (min-width: 992px) { .wrap-hand-down:before { width: 128px; height: 114px; top: 28px; } } .wrap-hand-down:hover:before { background-image: url(images/bg/hand-right-down.png); width: 120px; height: 60px; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); top: 28px; } @media (min-width: 992px) { .wrap-hand-down:hover:before { width: 120px; height: 130px; top: 20px; } } .banner { width: 100%; height: 510px; min-height: 100vh; background-image: url(images/bg/vipusk.jpg); background-position: center; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; position: relative; } @media (min-width: 768px) { .banner { min-height: 500px; } } @media (min-width: 992px) { .banner { height: auto; background-image: none; } } .banner__shadow { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); display: none; } @media (min-width: 992px) { .banner__shadow { display: block; } } .banner__video { position: absolute; top: 0; left: 0; height: 100%; width: 100%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -1000; overflow: hidden; display: none; } @media (min-width: 992px) { .banner__video { display: block; } } .banner__container { position: relative; padding: 90px 0 0 0; text-align: center; z-index: 10; } @media (min-width: 992px) { .banner__container { text-align: left; padding: 0; height: 100vh; } } .banner__circle { width: 128px; height: 128px; background-color: #fff; border-radius: 100%; margin: 0 auto 0; position: relative; } @media (min-width: 992px) { .banner__circle { position: absolute; width: 340px; height: 340px; top: 50%; left: 8%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } } .banner__circle .logo-banner { width: 95px; height: 54px; background-repeat: no-repeat; background-position: center; -webkit-background-size: contain; background-size: contain; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media (min-width: 992px) { .banner__circle .logo-banner { width: 250px; height: 150px; } } .banner__slider-banner { max-width: 540px; margin: 20px auto 0; } @media (min-width: 992px) { .banner__slider-banner { margin: 0; max-width: 480px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } } @media (min-width: 1200px) { .banner__slider-banner { max-width: 600px; left: 40%; } } .banner__email { font-size: 12px; font-weight: 400; color: #fff; margin: 50px 0 15px 0; display: inline-block; -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; } @media (min-width: 992px) { .banner__email { padding: 0; font-size: 16px; position: absolute; left: 0; bottom: 40px; } } .banner__email:hover { color: #dc3e38; } .banner__social { margin: 0 auto; max-width: 115px; } @media (min-width: 992px) { .banner__social { margin: 0; max-width: 155px; position: absolute; bottom: 40px; right: 0; } } .banner__mouse-scroll { width: 18px; height: 90px; position: absolute; bottom: 40px; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); z-index: 10; background-image: url(images/elems/main-scroll.png); background-position: center; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: none; cursor: pointer; } @media (min-width: 992px) { .banner__mouse-scroll { display: block; } } .social { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; list-style: none; } .social__link { display: inline-block; color: #fff; font-family: 'FontAwesome'; } .social__link:hover{ color: #DC3E38; } .social--white .social__link { margin: 0 8px; } @media (min-width: 992px) { .social--white .social__link { margin: 0; margin-left: 15px; } } .social--white .fa-facebook { font-size: 14px; } @media (min-width: 992px) { .social--white .fa-facebook { font-size: 22px; } } .social--white .fa-vk { font-size: 14px; } @media (min-width: 992px) { .social--white .fa-vk { font-size: 25px; } } .social--white .fa-vimeo { font-size: 14px; } @media (min-width: 992px) { .social--white .fa-vimeo { font-size: 22px; } } .social--white .fa-instagram { font-size: 14px; } @media (min-width: 992px) { .social--white .fa-instagram { font-size: 22px; } } .social--black .social__link { margin: 0 8px; color: #000; } .social--black .social__link:hover{ color: #DC3E38; } @media (min-width: 992px) { .social--black .social__link { margin: 0; margin-right: 15px; } } .social--black .fa-facebook { font-size: 24px; } @media (min-width: 992px) { .social--black .fa-facebook { font-size: 22px; } } .social--black .fa-vk { font-size: 30px; } @media (min-width: 992px) { .social--black .fa-vk { font-size: 24px; } } .social--black .fa-vimeo { font-size: 25px; } @media (min-width: 992px) { .social--black .fa-vimeo { font-size: 21px; } } .social--black .fa-instagram { font-size: 27px; } @media (min-width: 992px) { .social--black .fa-instagram { font-size: 21px; } } .mouse-scroll { width: 18px; height: 60px; cursor: pointer; } .mouse-scroll__mouse { height: 30px; width: 18px; border-radius: 14px; border: 2px solid #fff; position: relative; } .mouse-scroll__mouse:after { content: ""; position: absolute; top: 12px; left: 0; height: 2px; width: 16px; background-color: #fff; } .mouse-scroll__wheel { margin: 2px auto; background-color: #fff; position: relative; height: 4px; width: 2px; border: 1px solid #fff; border-radius: 8px; -webkit-animation: mouse-wheel 0.8s linear infinite; -o-animation: mouse-wheel 0.8s linear infinite; animation: mouse-wheel 0.8s linear infinite; } .mouse-scroll__arrow { display: block; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); border-right: 1px solid #fff; border-bottom: 1px solid #fff; margin: 3px 0 0 5px; width: 8px; height: 8px; -webkit-animation: arrows 1s infinite; -o-animation: arrows 1s infinite; animation: arrows 1s infinite; } .mouse-scroll__arrow--one { -webkit-animation-delay: .1s; -o-animation-delay: .1s; animation-delay: .1s; -webkit-animation-direction: alternate; -o-animation-direction: alternate; animation-direction: alternate; } .mouse-scroll__arrow--two { -webkit-animation-delay: .2s; -o-animation-delay: .2s; animation-delay: .2s; -webkit-animation-direction: alternate; -o-animation-direction: alternate; animation-direction: alternate; } .department { -webkit-transition: opacity 1s ease; -o-transition: opacity 1s ease; transition: opacity 1s ease; } @media (min-width: 992px) { .department { opacity: 0; min-height: 570px; } } .department__title { font-size: 30px; font-weight: 400; font-family: "BaseNineC", sans-serif; line-height: 1; color: #000; text-transform: uppercase; text-align: center; padding: 0 0 20px 0; } @media (min-width: 992px) { .department__title { font-size: 100px; padding: 0 0 10px 0; } } @media (min-width: 992px) { .department__container { display: -webkit-box; display: -ms-flexbox; display: flex; } } .department__left { width: 100%; } @media (min-width: 992px) { .department__left { width: 50%; } } .department__right { width: 100%; } @media (min-width: 992px) { .department__right { width: 50%; } } .department__text { font-size: 14px; font-weight: 400; color: #000; line-height: 1.7; padding: 0 0 30px 0; } @media (min-width: 992px) { .department__text { max-width: 420px; } } .department__text p{ margin: 0; padding: 0; } .nav__title { font-size: 24px; font-weight: 400; font-family: "BaseNineC", sans-serif; color: #000; text-transform: uppercase; padding: 0 0 20px 0; text-align: center; } @media (min-width: 768px) { .nav__title { text-align: left; } } @media (min-width: 992px) { .nav__title { padding: 0 0 15px 0; } } .nav__list { max-width: 260px; } @media (min-width: 768px) { .nav__list { max-width: 560px; } } @media (min-width: 768px) { .nav__list--nav-d1 .nav__link { float: left; width: calc(100% / 2); } } .nav__link { font-size: 14px; font-weight: 600; line-height: 1.2; display: inline-block; padding: 0 0 10px 0; color: #3c3c3c; } @media (min-width: 768px) { .nav__link { line-height: 1.4; padding: 0 20px 15px 0; } } @media (min-width: 992px) { .nav__link { line-height: 1.4; color: #9b9b9b; padding: 0 20px 15px 0; } } .nav__link:hover { -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; color: #dc3e38; } .nav__button { display: none; } @media (min-width: 992px) { .nav__button { display: block; } } .slider-works { position: relative; width: 100%; height: 500px; } @media (min-width: 992px) { .slider-works { width: 100%; height: 100%; } } .slider-works__container { width: 100%; height: 100%; } .slider-works__slide { background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; background-size: cover; z-index: -10; } .slider-works__slide:before { content: ""; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.6); width: 100%; height: 100%; } .slider-works__pagination { position: absolute; bottom: 80px !important; } .slider-works__pagination .swiper-pagination-bullet { width: 5px; height: 5px; background-color: #fff; opacity: 1; } .slider-works__pagination .swiper-pagination-bullet-active { background-color: transparent; border: 1px solid #fff; } .slider-works__next { right: 9%; width: 60px; height: 60px; background-image: url(images/elems/slider-right-w.svg); background-position: center; -webkit-background-size: contain; background-size: contain; display: none; z-index: 10; } @media (min-width: 992px) { .slider-works__next { display: block; } } .slider-works__prev { left: 9%; width: 60px; height: 60px; background-image: url(images/elems/slider-left-w.svg); background-position: center; -webkit-background-size: contain; background-size: contain; display: none; z-index: 10; } @media (min-width: 992px) { .slider-works__prev { display: block; } } .slider-works__subtitle { z-index: 10; position: absolute; top: 22%; left: 0; right: 0; font-size: 24px; font-weight: 400; line-height: 1.4; font-family: "BaseNineC", sans-serif; color: #fff; text-transform: uppercase; text-align: center; } @media (min-width: 992px) { .slider-works__subtitle { font-size: 40px; top: 22%; padding: 0 0 100px 0; } } .slider-works__content { position: absolute; top: 50%; -webkit-transform: translate(0, -40%); -ms-transform: translate(0, -40%); -o-transform: translate(0, -40%); transform: translate(0, -40%); left: 0; right: 0; max-width: 500px; margin: 0 auto; } @media (min-width: 992px) { .slider-works__content { max-width: 740px; } } .slider-works__title { font-size: 14px; font-weight: 400; line-height: 1.4; font-family: "BaseNineC", sans-serif; color: #fff; padding: 0 0 30px 0; text-align: center; display: inline-block; width: 100%; -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; z-index: 10; } @media (min-width: 992px) { .slider-works__title { font-size: 24px; text-transform: uppercase; } } .slider-works__title:hover { color: #dc3e38; } .slider-works__text { font-size: 12px; font-weight: 400; line-height: 1.4; color: #fff; text-align: center; } @media (min-width: 992px) { .slider-works__text { font-size: 14px; } } .news { padding: 100px 0 140px; } .news .container{ max-width: 960px; width: 100%; margin: auto; } @media (min-width: 992px) { .news { padding: 140px 0 220px; } } .news--index { padding: 0; } .news--index .news__title { text-transform: uppercase; padding: 0 0 30px 0; } @media (min-width: 992px) { .news--index .news__title { padding: 0 0 30px 0; } } .news--index .news__button { margin: 10px 0 0 0; } .news__title { font-size: 30px; font-weight: 400; font-family: "BaseNineC", sans-serif; color: #000; padding: 0 0 30px 0; text-align: center; } @media (min-width: 992px) { .news__title { font-size: 50px; padding: 0 0 40px 0; } } .news__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; } .news__item { width: 100%; padding: 0 0 20px; position: relative; } @media (min-width: 768px) { .news__item { width: 50%; padding: 0 15px 20px; } } @media (min-width: 992px) { .news__item { width: calc(100% / 2); padding: 0 15px 20px; } } .news__item:after { content: attr(data-model); font-size: 14px; font-weight: 400; line-height: 2; font-family: "BaseNineC", sans-serif; color: #fff; text-transform: uppercase; padding: 2px 15px; background-color: #dc3e38; position: absolute; top: 15px; left: -5px; z-index: 1; } @media (min-width: 768px) { .news__item:after { left: 5px; } } .news__hover:hover .news__photo { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .news__hover:hover .news__subtitle { color: #dc3e38; } .news__hover:hover .news__wrap:before { opacity: 1; } .news__wrap { width: 100%; height: 140px; position: relative; display: inline-block; overflow: hidden; } .news__wrap:before { content: ""; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white)); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%); background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%); position: absolute; top: 0; left: 0; z-index: 1; opacity: .7; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } @media (min-width: 992px) { .news__wrap { height: 220px; } } .news__photo { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; background-size: cover; position: relative; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .news__subtitle { font-size: 14px; font-weight: 400; line-height: 1.4; font-family: "BaseNineC", sans-serif; color: #000; text-transform: uppercase; padding: 0 0 0 0; margin: -12px 0 0 0; display: block; -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; position: relative; z-index: 1; } @media (min-width: 992px) { .news__subtitle { font-size: 18px; } } .news__date { font-size: 14px; font-weight: 600; line-height: 1.4; color: #dc3e38; padding: 0 0 10px 0; } .new_news__date{ font-family: 'Lato', sans-serif; font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; color: #3c3c3c; margin-bottom: 15px; } @media (min-width: 992px) { .news__date { font-size: 18px; } } .news__text { font-family: 'Lato', sans-serif; font-weight: 600; font-size: 14px; line-height: 1.4; color: #000; padding: 0 0 0 0; } .news__text span{ color: #dc3e38; } @media (min-width: 992px) { .news__text { font-size: 14px; } } .news__button { text-align: center; } @media (min-width: 992px) { .news__button { margin: 60px 0 0 0; } } .news__filter { padding: 0 0 50px 0; } .reviews { /*height: 100%;*/ background-image: url(images/bg/bg-m.png); background-repeat: repeat; padding: 30px 0 0 0; } @media (min-width: 992px) { .reviews { padding: 90px 0 0 0; background-image: url(images/bg/bg.png); } } @media (min-width: 992px) { .reviews--active .reviews__image--1 { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .reviews--active .reviews__image--2 { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .reviews__container { background-color: #fff; padding-bottom: 40px; } @media (min-width: 992px) { .reviews__container { /*height: calc(100vh - 90px);*/ } } .reviews__title { font-size: 30px; font-weight: 400; line-height: 1.4; font-family: "BaseNineC", sans-serif; color: #000; text-transform: uppercase; padding: 40px 0 30px 0; text-align: center; } @media (min-width: 992px) { .reviews__title { font-size: 40px; padding: 8% 0 8% 0; } } .reviews__image { position: absolute; background-repeat: no-repeat; background-position: center; -webkit-background-size: contain; background-size: contain; -webkit-transition: all ease 2s; -o-transition: all ease 2s; transition: all ease 2s; } .reviews__image--1 { top: 0px; right: 20px; width: 80px; height: 50px; background-image: url(images/bg/dragon.png); } @media (min-width: 992px) { .reviews__image--1 { width: 180px; height: 132px; top: 40px; right: 150px; -webkit-transform: translate3d(80%, 0, 0); transform: translate3d(80%, 0, 0); } } .reviews__image--2 { bottom: 20px; left: 150px; -webkit-transform: translate3d(-80%, 0, 0); transform: translate3d(-80%, 0, 0); width: 180px; height: 132px; background-image: url(images/bg/dragon2.png); display: none; } @media (min-width: 992px) { .reviews__image--2 { display: block; } } .slider-reviews { position: relative; } .slider-reviews__container { max-width: 95%; padding: 0 20px 100px; } @media (min-width: 1025px) { .slider-reviews__container { max-width: 75%; padding: 0 0 80px 0; } } @media (max-width: 1024px) { .slider-reviews__container { max-width: 75%; padding: 0 0 50px 0; } } .slider-reviews__pagination { position: absolute; bottom: 25px !important; } .slider-reviews__pagination .swiper-pagination-bullet { width: 6px; height: 6px; background-color: #9b9b9b; opacity: 1; margin: 0 8px !important; } .slider-reviews__pagination .swiper-pagination-bullet-active { background-color: transparent; border: 1px solid #9b9b9b; } .slider-reviews__next { right: 0px; width: 20px; height: 16px; background-image: url(images/elems/arrow-thin-right.svg); background-position: center; -webkit-background-size: contain; background-size: contain; background-repeat: no-repeat; } @media (min-width: 992px) { .slider-reviews__next { background-image: url(images/elems/slider-right.svg); width: 60px; height: 60px; right: 50px; } } .slider-reviews__prev { left: 0px; width: 20px; height: 16px; background-image: url(images/elems/arrow-thin-left.svg); background-position: center; -webkit-background-size: contain; background-size: contain; } @media (min-width: 992px) { .slider-reviews__prev { background-image: url(images/elems/slider-left.svg); width: 60px; height: 60px; left: 50px; } } .slider-reviews__photo { width: 115px; height: 115px; border-radius: 15em; background-position: top center; background-repeat: no-repeat; opacity: .7; -webkit-background-size: cover; background-size: cover; -webkit-filter: grayscale(100%); filter: grayscale(100%); } @media (min-width: 992px) { .slider-reviews__photo { width: 160px; height: 160px; } } .slider-reviews__content { margin: -70px 0 0 20%; position: relative; } .slider-reviews__name { font-size: 20px; font-weight: 600; line-height: 1.4; color: #000; padding: 0 0 5px 0; } .slider-reviews__position { font-size: 14px; font-weight: 600; line-height: 1.4; color: #000; padding: 0 0 15px 0; } .slider-reviews__text { font-size: 14px; font-weight: 400; line-height: 1.8; color: #000; } @media (max-width: 1024px) { .slider-reviews__text{ max-height: 125px; overflow: hidden; } } .online--active .online__content { -webkit-animation: online-content 1s cubic-bezier(0.7, 0, 0.3, 1) both; -o-animation: online-content 1s cubic-bezier(0.7, 0, 0.3, 1) both; animation: online-content 1s cubic-bezier(0.7, 0, 0.3, 1) both; } .online__container { width: 100%; height: 500px; background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; background-size: cover; position: relative; } .online__container:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.5); } @media (min-width: 992px) { .online__container { width: 100%; height: 100vh; } } .online__container-parallax { height: 500px; width: 100%; position: relative; } .online__container-parallax:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.5); } @media (min-width: 992px) { .online__container-parallax { width: 100%; height: 100vh; } } .online__content { width: 100%; position: absolute; top: 50%; left: 50%; display: inline-block; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; } .online__wrap { width: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; } .online__title { font-size: 30px; font-weight: 400; line-height: 1; font-family: "BaseNineC", sans-serif; color: #fff; text-transform: uppercase; padding: 0 0 15px 0; } @media (min-width: 992px) { .online__title { font-size: 50px; } } .online__link { font-size: 14px; font-weight: 400; line-height: 1.4; color: #fff; margin: 0 0 20px 0; display: inline-block; border-bottom: 1px solid transparent; -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; } @media (min-width: 992px) { .online__link { font-size: 18px; margin: 0 0 40px 0; } } .online__link:hover { border-bottom: 1px solid #fff; } .online__circle { width: 200px; height: 200px; border-radius: 15em; background-color: #dc3e38; margin: 0 auto; z-index: -1; -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; } .online__circle--active { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } @media (min-width: 992px) { .online__circle { width: 300px; height: 300px; } } .online__button .button--white { text-transform: uppercase; line-height: 2.6; } @-webkit-keyframes online-content { from { opacity: 0; -webkit-transform: translate(-50%, -100%); transform: translate(-50%, -100%); } to { opacity: 1; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } } @-o-keyframes online-content { from { opacity: 0; -o-transform: translate(-50%, -100%); transform: translate(-50%, -100%); } to { opacity: 1; -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } } @keyframes online-content { from { opacity: 0; -webkit-transform: translate(-50%, -100%); -o-transform: translate(-50%, -100%); transform: translate(-50%, -100%); } to { opacity: 1; -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } } .slider-partners { position: relative; } .slider-partners__container { padding: 60px 0; max-width: 80%; } @media (min-width: 992px) { .slider-partners__container { padding: 100px 0; max-width: 80%; } } .slider-partners__slide { position: relative; height: 80px; } .slider-partners__slide:hover .slider-partners__logo--grey { -webkit-filter: grayscale(0); filter: grayscale(0); } .slider-partners__logo { position: absolute; top: 0; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); width: 150px; height: 80px; background-position: center; -webkit-background-size: contain; background-size: contain; background-repeat: no-repeat; cursor: pointer; } .slider-partners__logo--grey { -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .slider-partners__next { right: 10px; width: 20px; height: 16px; background-image: url(images/elems/arrow-thin-right.svg); background-position: center; -webkit-background-size: contain; background-size: contain; background-repeat: no-repeat; } @media (min-width: 992px) { .slider-partners__next { display: none; } } .slider-partners__prev { left: 10px; width: 20px; height: 16px; background-image: url(images/elems/arrow-thin-left.svg); background-position: center; -webkit-background-size: contain; background-size: contain; } @media (min-width: 992px) { .slider-partners__prev { display: none; } } .slider-partners__pagination .swiper-pagination-bullet { width: 6px; height: 6px; background-color: #9b9b9b; opacity: 1; margin: 0 8px !important; } .slider-partners__pagination .swiper-pagination-bullet-active { background-color: transparent; border: 1px solid #9b9b9b; } .partners { background-image: url(images/bg/bg-m.png); background-repeat: repeat; padding: 30px 0 0 0; } @media (min-width: 992px) { .partners { padding: 90px 0 0 0; background-image: url(images/bg/bg.png); } } @media (min-width: 992px) { .partners--index .partners__container { padding: 13% 0 0 0; height: calc(100vh - 90px); } } .partners--active .partners__title:before { -webkit-transition: -webkit-transform 2s ease; transition: -webkit-transform 2s ease; -o-transition: -o-transform 2s ease; transition: transform 2s ease; transition: transform 2s ease, -webkit-transform 2s ease, -o-transform 2s ease; -webkit-transform: translate3d(-180%, -50%, 0); transform: translate3d(-180%, -50%, 0); } .partners--active .partners__title:after { -webkit-transition: -webkit-transform 2s ease; transition: -webkit-transform 2s ease; -o-transition: -o-transform 2s ease; transition: transform 2s ease; transition: transform 2s ease, -webkit-transform 2s ease, -o-transform 2s ease; -webkit-transform: translate3d(180%, -50%, 0); transform: translate3d(180%, -50%, 0); } .partners__container { background-color: #fff; padding: 50px 0 80px; } @media (min-width: 768px) { .partners__container { padding: 80px 0 110px; } } @media (min-width: 992px) { .partners__container { padding: 100px 0 160px; } } .partners__title { font-size: 30px; font-weight: 400; line-height: 1.4; font-family: "BaseNineC", sans-serif; color: #000; text-transform: uppercase; text-align: center; position: relative; -webkit-transition: all 4s ease; -o-transition: all 4s ease; transition: all 4s ease; } @media (min-width: 992px) { .partners__title { font-size: 40px; } } .partners__title:before { content: ""; position: absolute; top: 50%; right: 50%; -webkit-transform: translate3d(-180%, -50%, 0); transform: translate3d(-180%, -50%, 0); width: 50px; height: 28px; background-image: url(images/bg/eye-left.png); background-repeat: no-repeat; background-position: center; -webkit-background-size: contain; background-size: contain; -webkit-transition: -webkit-transform 2s ease; transition: -webkit-transform 2s ease; -o-transition: -o-transform 2s ease; transition: transform 2s ease; transition: transform 2s ease, -webkit-transform 2s ease, -o-transform 2s ease; } @media (min-width: 992px) { .partners__title:before { width: 80px; height: 45px; -webkit-transform: translate3d(-200%, -180%, 0); transform: translate3d(-200%, -180%, 0); } } .partners__title:after { content: ""; position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(180%, -50%, 0); transform: translate3d(180%, -50%, 0); width: 50px; height: 28px; background-image: url(images/bg/eye-right.png); background-repeat: no-repeat; background-position: center; -webkit-background-size: contain; background-size: contain; -webkit-transition: -webkit-transform 2s ease; transition: -webkit-transform 2s ease; -o-transition: -o-transform 2s ease; transition: transform 2s ease; transition: transform 2s ease, -webkit-transform 2s ease, -o-transform 2s ease; } @media (min-width: 992px) { .partners__title:after { -webkit-transform: translate3d(200%, -180%, 0); transform: translate3d(200%, -180%, 0); width: 80px; height: 45px; } } .contact-form__container { text-align: center; } .contact-form__title { font-size: 24px; font-weight: 400; font-family: "BaseNineC", sans-serif; color: #000; text-transform: uppercase; padding: 0 0 20px 0; } @media (min-width: 992px) { .contact-form__title { font-size: 30px; padding: 20px 0 10px 0; } } .contact-form__subtitle { font-size: 20px; font-weight: 400; font-family: "BaseNineC", sans-serif; color: #000; text-transform: uppercase; padding: 0 0 20px 0; } @media (min-width: 992px) { .contact-form__subtitle { font-size: 48px; padding: 0 0 10px 0; } } .contact-form__link { font-size: 12px; font-weight: 400; color: #000; display: inline-block; margin: 0 0 30px 0; padding: 0 0 3px 0; border-bottom: 1px solid #000; } @media (min-width: 992px) { .contact-form__link { font-size: 14px; } } .contact-form__link:hover { border-bottom: 1px solid transparent; } .contact-form__form { max-width: 240px; margin: 0 auto; } @media (min-width: 768px) { .contact-form__form { max-width: 480px; } } .contact-form__distrib { max-width: 240px; margin: 0 auto; } @media (min-width: 768px) { .contact-form__distrib { max-width: 480px; } } @media (min-width: 992px) { .form__item--flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .contact-form__form .gform_wrapper ul.gform_fields li.gfield{ padding: 0; margin: 0; } .contact-form__form .gform_wrapper{ margin: 0; } .contact-form__form .gform_wrapper .top_label div.ginput_container{ margin-top: 0; } .contact-form__form .gform_wrapper .gform_body{ width: 100%; } @media (min-width: 992px) { .form__item--flex .form__input, .contact-form__form .gform_wrapper ul.gform_fields li.gfield.half-inp { width: 48%; float: left; padding-right: 0; clear: none; } } @media (min-width: 768px) { .form__item--robot { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .contact-form__form .gform_wrapper ul.gform_fields li.gfield.half-inp.inp-right{ float: none; } @media (min-width: 992px) { .contact-form__form .gform_wrapper ul.gform_fields li.gfield.half-inp.inp-right{ float: right; }} .contact-form__form .gform_wrapper .top_label .gfield_label{ display: none; } .contact-form__form .gform_wrapper .top_label .captcha-field{ margin-top: 10px; } .contact-form__form .gform_wrapper .top_label .captcha-field .gfield_label{ display: block; } .contact-form__form .gform_wrapper .top_label .captcha-field .gfield_captcha_input_container { max-width: 100%; } .contact-form__form .gform_wrapper .top_label .captcha-field .gfield_captcha_container img { display: block; margin: auto !important; } @media (min-width: 768px) { .contact-form__form .gform_wrapper .top_label .captcha-field .gfield_captcha_input_container { max-width: 100px; } .contact-form__form .gform_wrapper .top_label .captcha-field .gfield_captcha_container img { display: block; margin: 0 !important; } } .form__input, .contact-form__form .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { width: 100%; height: 30px; border: 1px solid #9b9b9b; outline: none; font-size: 14px; font-weight: 400; font-style: italic; color: #9d9d9d; text-indent: 10px; margin: 5px 0; } @media (min-width: 992px) { .form__input, .contact-form__form .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { height: 40px; font-size: 16px; } } .form__input::-webkit-input-placeholder, .contact-form__form .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file])::-webkit-input-placeholder { opacity: 1; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; color: #9b9b9b; } .form__input::-moz-placeholder, .contact-form__form .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file])::-moz-placeholder { opacity: 1; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; color: #9b9b9b; } .form__input:-moz-placeholder, .contact-form__form .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):-moz-placeholder { opacity: 1; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; color: #9b9b9b; } .form__input:-ms-input-placeholder, .contact-form__form .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):-ms-input-placeholder { opacity: 1; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; color: #9b9b9b; } .form__input:focus::-webkit-input-placeholder, .contact-form__form .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus::-webkit-input-placeholder { opacity: 0; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .form__input:focus::-moz-placeholder, .contact-form__form .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus::-moz-placeholder { opacity: 0; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .form__input:focus:-moz-placeholder, .contact-form__form .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus:-moz-placeholder { opacity: 0; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .form__input:focus:-ms-input-placeholder, .contact-form__form .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus:-ms-input-placeholder { opacity: 0; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .form__input:focus, .contact-form__form .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus { border: 1px solid #dc3e38; } .form__textarea, .contact-form__form .gform_wrapper textarea { width: 100%; height: 80px !important; border: 1px solid #9b9b9b; outline: none; font-size: 14px; font-weight: 400; font-style: italic; color: #9d9d9d; padding: 10px; margin: 5px 0; } @media (min-width: 992px) { .form__textarea, .contact-form__form .gform_wrapper textarea { font-size: 16px; } } .form__textarea::-webkit-input-placeholder, .contact-form__form .gform_wrapper textarea::-webkit-input-placeholder { opacity: 1; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; color: #9b9b9b; } .form__textarea::-moz-placeholder, .contact-form__form .gform_wrapper textarea::-moz-placeholder { opacity: 1; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; color: #9b9b9b; } .form__textarea:-moz-placeholder, .contact-form__form .gform_wrapper textarea:-moz-placeholder { opacity: 1; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; color: #9b9b9b; } .form__textarea:-ms-input-placeholder, .contact-form__form .gform_wrapper textarea:-ms-input-placeholder { opacity: 1; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; color: #9b9b9b; } .form__textarea:focus::-webkit-input-placeholder, .contact-form__form .gform_wrapper textarea:focus::-webkit-input-placeholder { opacity: 0; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .form__textarea:focus::-moz-placeholder, .contact-form__form .gform_wrapper textarea:focus::-moz-placeholder { opacity: 0; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .form__textarea:focus:-moz-placeholder, .contact-form__form .gform_wrapper textarea:focus:-moz-placeholder { opacity: 0; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .form__textarea:focus:-ms-input-placeholder, .contact-form__form .gform_wrapper textarea:focus:-ms-input-placeholder { opacity: 0; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .form__textarea:focus, .contact-form__form .gform_wrapper textarea:focus { border: 1px solid #dc3e38; } .contact-form__form .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description, .contact-form__form .gform_wrapper .field_description_below .gfield_description { display: none; } .contact-form__form .gform_wrapper li.gfield.gfield_error, .contact-form__form .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning { margin: 0 !important; background: transparent; border: none; } .contact-form__form .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .contact-form__form .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label { margin-top: 0; } .form__checkbox { display: none; } .form__checkbox-wrap { margin: 20px 0 0 0; } .form__checkbox-label { font-size: 16px; font-weight: 400; font-style: italic; color: #9b9b9b; position: relative; display: inline-block; cursor: pointer; white-space: nowrap; padding: 12px 0 12px 0; margin: 0 0 0 50px; } .form__checkbox-label:before { content: ""; width: 40px; height: 40px; border: 1px solid #9b9b9b; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); left: -50px; } .form__checkbox:checked ~ .form__checkbox-label:after { content: ""; width: 24px; height: 24px; background-color: #dc3e38; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); left: -42px; opacity: 1; } .form__button { padding: 20px 0 0 0; } .footer__container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .footer__flex-item { padding: 0 10px 0 0; width: calc(100%/2); } .footer__flex-item:nth-child(2) { display: none; } @media (min-width: 768px) { .footer__flex-item { width: calc(100%/3); } .footer__flex-item:nth-child(2) { display: block; } } @media (min-width: 992px) { .footer__flex-item { width: calc(100%/5); } } .footer__info { display: none; } @media (min-width: 992px) { .footer__info { display: block; } } .footer__menu { margin: 0 0 30px 0; list-style: none; } @media (min-width: 992px) { .footer__menu { height: 450px; margin: 0 0 60px 0; } } .footer__menu--mobile .footer__link { margin: 0 0 12px 0; } @media (min-width: 768px) { .footer__menu--mobile { display: none; } } .footer__link { font-size: 14px; font-weight: 600; line-height: 1.2; color: #000; margin: 0 0 20px 0; display: inline-block; padding: 0 0 2px 0; } @media (min-width: 768px) { .footer__link { font-size: 18px; margin: 0 0 21px 0; } } .footer__link:hover { text-decoration: underline; } .footer__link--mobile { position: relative; left: 100%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); } @media (min-width: 768px) { .footer__link--mobile { left: auto; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } } .footer__sm-link { font-size: 12px; font-weight: 400; line-height: 1.4; color: #000; margin: 0 0 13px 0; display: block; } .footer__sm-link:hover { text-decoration: underline; } .footer__sm-link--promo { font-weight: 600; } .footer__sm-link--film { font-weight: 600; padding-top: 40px; } @media (min-width: 768px) { .footer__sm-link--film { font-weight: 600; padding-top: 47px; } } .footer__sm-link--producing { font-weight: 600; margin-top: 40px; } @media (min-width: 992px) { .footer__sm-link--producing { font-weight: 600; margin-top: 30px; } } .footer__copyright { font-size: 10px; font-weight: 400; color: #000; white-space: nowrap; margin: 0 0 10px 0; text-align: center; } @media (min-width: 992px) { .footer__copyright { text-align: left; font-size: 14px; } } .footer__copyright a, .footer__info-link { font-size: 14px; font-weight: 400; color: #000; border-bottom: 1px solid transparent; display: inline-block; margin: 0 0 20px 0; } @media (min-width: 992px) { .footer__copyright a, .footer__info-link { font-size: 14px; margin: 0 0 10px 0; } } .footer__copyright a:hover, .footer__info-link:hover { border-bottom: 1px solid #000; } .footer__copyright span{ line-height: 24px; } .footer__logo { width: 100px; height: 130px; background-image: url(images/logo/logo-footer.svg); background-repeat: no-repeat; background-position: center; -webkit-background-size: contain; background-size: contain; margin: 0 40px 30px 0; } @media (min-width: 768px) { .footer__logo { width: 140px; height: 170px; } } .footer__info-m { padding: 30px 0 0 0; max-width: 280px; margin: 0 auto; text-align: center; } @media (min-width: 992px) { .footer__info-m { display: none; } } .footer__social { margin: 0 auto; display: inline-block; padding: 0 0 20px 0; } @media (min-width: 992px) { .footer__social { margin: 0; } } .footer--page { padding: 60px 0 50px; position: relative; background-color: #f1f1f1; } .footer--page:after { content: ""; width: 100%; height: 10px; background-color: #000; position: absolute; top: 0; left: 0; right: 0; } .teachers { padding: 100px 0 80px; } @media (min-width: 768px) { .teachers { padding: 140px 0 120px; } } .teachers__container { background-color: #fff; padding: 50px 0 0 0; } .teachers__title { font-size: 24px; font-weight: 400; font-family: "BaseNineC", sans-serif; color: #000; text-align: center; padding: 0 0 40px 0; } @media (min-width: 768px) { .teachers__title { font-size: 50px; } } .teachers__filter { padding: 0 0 30px 0; } .teachers__list { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 1200px; margin: 0 auto; } .teachers__item { width: calc(100% / 2); text-align: center; min-height: 210px; } @media (min-width: 768px) { .teachers__item { width: calc(100% / 4); padding: 0 20px; min-height: 280px; } } @media (min-width: 992px) { .teachers__item { width: calc(100% / 5); } } .teachers__hover { -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; text-align: center; } .teachers__hover:hover .teachers__photo { -webkit-filter: grayscale(0); filter: grayscale(0); } .teachers__hover:hover .teachers__name { color: #dc3e38; } .teachers__photo-wrap { width: 130px; height: 130px; margin: 0 auto 8px; display: block; position: relative; } @media (min-width: 768px) { .teachers__photo-wrap { width: 140px; height: 140px; margin: 0 auto 20px; } } .teachers__photo { -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; width: 100%; height: 100%; border-radius: 15em; background-repeat: no-repeat; background-position: center; -webkit-background-size: contain; background-size: contain; position: absolute; top: 0; left: 0; border: 2px solid #fff; -webkit-filter: grayscale(100%); filter: grayscale(100%); } .teachers__name { font-size: 12px; font-weight: 600; color: #000; padding: 0 0 10px 0; display: inline-block; -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; } @media (min-width: 768px) { .teachers__name { font-size: 17px; } } .teachers__position { font-size: 8px; font-weight: 400; line-height: 1.4; color: #9b9b9b; } @media (min-width: 768px) { .teachers__position { font-size: 11px; } } .teachers__facultet { font-size: 8px; font-weight: 400; line-height: 1.4; color: #000; } @media (min-width: 768px) { .teachers__facultet { font-size: 11px; } } .teachers--all-teachers { padding: 60px 0 0; background-image: url(images/bg/bg-m.png); background-repeat: repeat; display: none; } @media (min-width: 768px) { .teachers--all-teachers { display: block; padding: 100px 0 0; background-image: url(images/bg/bg.png); } } .teachers--all-teachers .teachers__title { font-size: 30px; } .teachers__button { text-align: center; padding: 40px 0 60px; } .filter__container form ul { max-width: 620px; margin: 0 auto; } @media (min-width: 768px) { .filter__container form ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .filter__container form ul li { width: 100%; padding: 0 0 20px 0; position: relative; } @media (min-width: 768px) { .filter__container form ul li { width: 48%; } } .filter__container form ul li label{ width: 100%; } .filter__select { width: 100%; height: 30px; border: 2px solid #3c3c3c; outline: none; font-size: 12px; font-weight: 300; color: #000; } .filter__input, .sf-field-search input.sf-input-text { width: 100%; height: 30px; border: 2px solid #3c3c3c; outline: none; font-size: 12px; font-weight: 300; color: #000; text-indent: 10px; } .filter__input::-webkit-input-placeholder, .sf-field-search input.sf-input-text::-webkit-input-placeholder { opacity: 1; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; font-size: 12px; font-weight: 300; color: #000; } .filter__input::-moz-placeholder, .sf-field-search input.sf-input-text::-moz-placeholder { opacity: 1; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; font-size: 12px; font-weight: 300; color: #000; } .filter__input:-moz-placeholder, .sf-field-search input.sf-input-text:-moz-placeholder { opacity: 1; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; font-size: 12px; font-weight: 300; color: #000; } .filter__input:-ms-input-placeholder, .sf-field-search input.sf-input-text:-ms-input-placeholder { opacity: 1; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; font-size: 12px; font-weight: 300; color: #000; } .filter__input:focus::-webkit-input-placeholder, .sf-field-search input.sf-input-text:focus::-webkit-input-placeholder { opacity: 0; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .filter__input:focus::-moz-placeholder, .sf-field-search input.sf-input-text:focus::-moz-placeholder { opacity: 0; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .filter__input:focus:-moz-placeholder, .sf-field-search input.sf-input-text:focus:-moz-placeholder { opacity: 0; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .filter__input:focus:-ms-input-placeholder, .sf-field-search input.sf-input-text:focus:-ms-input-placeholder { opacity: 0; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .filter__input:focus, .sf-field-search input.sf-input-text:focus { border: 2px solid #dc3e38; color: #dc3e38; } .filter__icon-search { width: 18px; height: 18px; position: absolute; right: 6px; top: 6px; display: inline-block; } .filter__icon-search:before { content: ""; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); right: 6px; width: 18px; height: 18px; background-image: url(images/elems/search.svg); } .filter__input:focus + .filter__icon-search:before { background-image: url(images/elems/search-r.svg); } .filter--three-item .filter__container { max-width: 1000px; margin: 0 auto; } .filter--three-item .sf-field-category { width: 100%; } @media (min-width: 768px) { .filter--three-item .sf-field-category { width: calc((100% - 40px) / 3); } } .filter .ui-menu .ui-menu-item-wrapper { position: relative; } .filter .ui-selectmenu-button.ui-button { width: 100%; height: 30px; border: 2px solid #3c3c3c; font-size: 12px; font-weight: 300; line-height: 1.2; color: #000; background-color: #fff; outline: none; } .filter .ui-selectmenu-button.ui-button:focus { border: 2px solid #dc3e38; color: #dc3e38; } .filter .ui-selectmenu-button.ui-button:focus .ui-icon { background-image: url(images/elems/dropdown-r.svg); } .filter .ui-button .ui-icon { width: 15px; height: 8px; background-image: url(images/elems/dropdown-b.svg); } .filter .ui-selectmenu-icon.ui-icon { margin-top: 5px; } .teacher-one { padding: 100px 0 100px 0; } @media (min-width: 768px) { .teacher-one { padding: 170px 0 100px 0; } } @media (min-width: 768px) { .teacher-one__container { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (min-width: 768px) { .teacher-one__left { width: 35%; } } @media (min-width: 768px) { .teacher-one__right { width: 65%; padding: 0 0 0 40px; } } .teacher-one__photo { width: 200px; height: 200px; background-repeat: no-repeat; background-position: center; -webkit-background-size: contain; background-size: contain; margin: 0 auto 40px; border-radius: 15em; } @media (min-width: 768px) { .teacher-one__photo { font-size: 50px; margin: 20px auto 0; width: 240px; height: 240px; } } .teacher-one__name { font-size: 50px; font-weight: 400; font-family: "BaseNineC", sans-serif; color: #000; padding: 0 0 25px 0; display: none; } @media (min-width: 768px) { .teacher-one__name { display: block; } } .teacher-one__name-m { font-size: 24px; font-weight: 400; font-family: "BaseNineC", sans-serif; color: #000; padding: 0 0 10px 0; text-align: center; } @media (min-width: 768px) { .teacher-one__name-m { display: none; } } .teacher-one__position { font-size: 14px; font-weight: 400; line-height: 1.8; color: #000; padding: 0 0 25px 0; display: none; } @media (min-width: 768px) { .teacher-one__position { display: block; } } .teacher-one__position--bold-red { font-weight: 600; color: #dc3e38; -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; border-bottom: 1px solid transparent; } .teacher-one__position--bold-red:hover { color: #dc3e38; border-bottom: 1px solid #dc3e38; } .teacher-one__position-m { font-size: 14px; font-weight: 400; line-height: 1.8; color: #dc3e38; padding: 0 0 25px 0; text-align: center; } @media (min-width: 768px) { .teacher-one__position-m { display: none; } } .teacher-one__position-m--bold-red { font-weight: 600; color: #dc3e38; -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; border-bottom: 1px solid transparent; } .teacher-one__position-m--bold-red:hover { color: #dc3e38; border-bottom: 1px solid #dc3e38; } .teacher-one__info { font-size: 14px; font-weight: 400; line-height: 1.8; color: #000; padding: 0 0 15px 0; } .teacher-one__info--bold { font-weight: 600; padding: 0 0 5px 0; } .teacher-one__info--red { color: #dc3e38; padding: 0 0 5px 0; } .teacher-one__description { font-size: 14px; font-weight: 600; line-height: 1.8; color: #000; padding: 20px 0 10px 0; } .teacher-one__text { font-size: 14px; font-weight: 400; line-height: 1.8; color: #000; padding: 0 0 35px 0; } .teacher-one__share { max-width: 220px; margin: 35px auto 0; } .teacher-one__share--desktop { display: none; } @media (min-width: 768px) { .teacher-one__share--desktop { display: block; } } @media (min-width: 768px) { .teacher-one__share--mobile { display: none; } } .teacher-one__button-m { text-align: center; padding: 60px 0 0 0; } @media (min-width: 768px) { .teacher-one__button-m { display: none; } } .news-one { padding: 100px 0 50px; } @media (min-width: 768px) { .news-one { padding: 140px 0 50px; } } .news-one__container { max-width: 1000px; margin: 0 auto; } .news-one__title { font-size: 24px; font-weight: 400; font-family: "BaseNineC", sans-serif; color: #000; text-align: center; padding: 0 0 25px 0; } @media (min-width: 992px) { .news-one__title { font-size: 50px; } } .news-one__info { font-size: 12px; font-weight: 400; color: #3c3c3c; text-align: center; padding: 0 0 35px 0; } .news-one__photo { width: 100%; height: auto; margin: 20px 0; } .news-one__text { font-size: 14px; font-weight: 400; line-height: 1.6; color: #000; padding: 15px 0; } .news-one__text p { padding: 0 0 15px 0; } .news-one__share { max-width: 220px; margin: 40px auto 0; } .news-one__button { padding: 30px 0 70px; text-align: center; } .pagination__container { display: block; border-top: 2px solid #000; } .pagination__container a[rel="prev"], .pagination__left { width: 50%; padding: 20px 0 45px; border-right: 1px solid #000; text-align: center; display: inline-block; -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; } @media (min-width: 992px) { .pagination__container a[rel="prev"], .pagination__left { padding: 50px 0; } } .pagination__container a[rel="prev"]:hover, .pagination__left:hover { background-color: #000; } .pagination__container a[rel="prev"]:hover .pagination__title, .pagination__left:hover .pagination__title { color: #fff; } .pagination__container a[rel="prev"]:hover .pagination__title--left:before, .pagination__left:hover .pagination__title--left:before { -webkit-transform: translate3d(-110%, 20%, 0); transform: translate3d(-110%, 20%, 0); } @media (min-width: 992px) { .pagination__container a[rel="prev"]:hover .pagination__title--left:before, .pagination__left:hover .pagination__title--left:before { -webkit-transform: translate3d(-250%, -50%, 0); transform: translate3d(-250%, -50%, 0); } } .pagination__container a[rel="next"], .pagination__right { width: 50%; padding: 20px 0 60px; border-left: 1px solid #000; display: inline-block; text-align: center; float: right; } @media (min-width: 992px) { .pagination__container a[rel="next"], .pagination__right { padding: 50px 0; } } .pagination__container a[rel="next"]:hover, .pagination__right:hover { background-color: #000; } .pagination__container a[rel="next"]:hover .pagination__title, .pagination__right:hover .pagination__title { color: #fff; } .pagination__container a[rel="next"]:hover .pagination__title--right:before, .pagination__right:hover .pagination__title--right:before { -webkit-transform: translate3d(80%, 20%, 0); transform: translate3d(80%, 20%, 0); } @media (min-width: 992px) { .pagination__container a[rel="next"]:hover .pagination__title--right:before, .pagination__right:hover .pagination__title--right:before { -webkit-transform: translate3d(250%, -50%, 0); transform: translate3d(250%, -50%, 0); } } .pagination__title { font-size: 16px; font-weight: 400; color: #000; -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; } @media (min-width: 992px) { .pagination__title { font-size: 25px; } } .pagination__title--left { position: relative; } .pagination__title--left:before { content: ""; width: 54px; height: 54px; background-repeat: no-repeat; background-position: center; -webkit-background-size: contain; background-size: contain; background-image: url(images/bg/hand-left.png); position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-110%, 20%, 0); transform: translate3d(-110%, 20%, 0); -webkit-transition: -webkit-transform ease .3s; transition: -webkit-transform ease .3s; -o-transition: -o-transform ease .3s; transition: transform ease .3s; transition: transform ease .3s, -webkit-transform ease .3s, -o-transform ease .3s; } @media (min-width: 992px) { .pagination__title--left:before { -webkit-transform: translate3d(-210%, -50%, 0); transform: translate3d(-210%, -50%, 0); width: 100px; height: 100px; } } .pagination__title--right { position: relative; } .pagination__title--right:before { content: ""; width: 54px; height: 54px; background-repeat: no-repeat; background-position: center; -webkit-background-size: contain; background-size: contain; background-image: url(images/bg/hand-right-pointer.png); position: absolute; top: 50%; right: 50%; -webkit-transform: translate3d(80%, 20%, 0); transform: translate3d(80%, 20%, 0); -webkit-transition: -webkit-transform ease .3s; transition: -webkit-transform ease .3s; -o-transition: -o-transform ease .3s; transition: transform ease .3s; transition: transform ease .3s, -webkit-transform ease .3s, -o-transform ease .3s; } @media (min-width: 992px) { .pagination__title--right:before { -webkit-transform: translate3d(210%, -50%, 0); transform: translate3d(210%, -50%, 0); width: 100px; height: 100px; } } .works { padding: 100px 0 140px; } @media (min-width: 992px) { .works { padding: 140px 0 220px; } } .works--program { padding: 120px 0 120px; } .works--program .works__title { padding: 0 0 30px 0; text-transform: uppercase; } @media (min-width: 992px) { .works--program .works__title { padding: 0 0 80px 0; } } .works__title { font-size: 30px; font-weight: 400; font-family: "BaseNineC", sans-serif; color: #000; padding: 0 0 30px 0; text-align: center; } @media (min-width: 992px) { .works__title { font-size: 50px; padding: 0 0 40px 0; } } .works__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; } .works__item { width: 100%; padding: 0 5px 30px 5px; position: relative; } .works__item:after { content: attr(data-model); font-size: 14px; font-weight: 400; line-height: 2; font-family: "BaseNineC", sans-serif; color: #fff; text-transform: uppercase; padding: 2px 15px; background-color: #dc3e38; position: absolute; top: 15px; left: -5px; z-index: 1; } @media (min-width: 768px) { .works__item:after { left: 5px; } } @media (min-width: 768px) { .works__item { width: calc(100% / 2); padding: 0 15px 30px; } } @media (min-width: 992px) { .works__item { width: calc(100% / 3); } } .works__hover:hover .works__photo { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .works__hover:hover .works__wrap:before { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; opacity: 1; } .works__hover:hover .works__subtitle { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; color: #dc3e38; } .works__wrap { width: 100%; height: 280px; position: relative; display: inline-block; overflow: hidden; } .works__wrap:before { content: ""; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white)); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%); background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%); position: absolute; top: 0; left: 0; z-index: 1; opacity: .7; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } @media (min-width: 992px) { .works__wrap { height: 300px; } } .works__photo { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; background-size: cover; position: relative; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .works__subtitle { font-size: 18px; font-weight: 400; line-height: 1.4; font-family: "BaseNineC", sans-serif; color: #000; text-transform: uppercase; padding: 0 0 20px 0; margin: -12px 0 0 0; display: block; position: relative; z-index: 1; -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; } .works__button { text-align: center; /*margin: 40px 0 0 0;*/ padding-top: 40px; /*padding-bottom: 40px;*/ } @media (min-width: 992px) { .works__button { /*margin: 80px 0 0 0;*/ } } .works__filter { padding: 0 0 50px 0; } .works-one { padding: 100px 0 50px; } @media (min-width: 768px) { .works-one { padding: 140px 0 50px; } } .works-one__container { max-width: 1000px; margin: 0 auto; } .works-one__title { font-size: 24px; font-weight: 400; font-family: "BaseNineC", sans-serif; color: #000; text-align: center; padding: 0 0 25px 0; } @media (min-width: 992px) { .works-one__title { font-size: 50px; } } .works-one__info { font-size: 12px; font-weight: 400; color: #3c3c3c; text-align: center; padding: 0 0 35px 0; } .works-one__subtitle { font-size: 18px; font-weight: 600; line-height: 1.6; color: #dc3e38; padding: 0 0 20px 0; } .works-one__name { font-size: 16px; font-weight: 400; line-height: 1.6; color: #000; padding: 0 0 15px 0; } .works-one__photo { max-width: 100%; height: auto; background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; background-size: cover; display: block; margin: auto; margin-top: 20px; margin-bottom: 20px; } .works-one__text { font-size: 14px; font-weight: 400; line-height: 1.6; color: #000; padding: 15px 0; } .works-one__text p { padding: 0 0 15px 0; } .works-one__share { max-width: 220px; margin: 60px auto 0; } @media (min-width: 992px) { .facultets--active .facultets__image { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .facultets__background { background-image: url(images/bg/bg.png); background-repeat: repeat; padding: 0 0 80px 0; background-color: #fff; } .facultets__menu { background-color: #fff; padding: 40px 0 70px; } @media (min-width: 992px) { .facultets__menu { padding: 80px 30px 125px; } } .facultets__image { background-repeat: no-repeat; background-position: center; -webkit-background-size: contain; background-size: contain; position: absolute; width: 140px; height: 80px; background-image: url(images/bg/eye-faculties.png); bottom: 120px; right: 40px; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-transition: -webkit-transform 1s ease; transition: -webkit-transform 1s ease; -o-transition: -o-transform 1s ease; transition: transform 1s ease; transition: transform 1s ease, -webkit-transform 1s ease, -o-transform 1s ease; } @media (min-width: 992px) { .facultets__image { width: 300px; height: 200px; bottom: 250px; right: 40px; } } .facultets__menu-list { margin: 0 auto; list-style: none; } @media (min-width: 992px) { .facultets__menu-list { display: -webkit-box; display: -ms-flexbox; display: flex; } } .facultets__menu-item { width: 100%; padding: 0 20px; text-align: center; } @media (min-width: 992px) { .facultets__menu-item { width: calc(100% / 3); padding: 0 15px; text-align: left; } } .facultets__menu-item:last-child .facultets__list:after { display: none; } .facultets__subtitle { font-size: 24px; font-weight: 400; font-family: "BaseNineC", sans-serif; color: #000; padding: 0 0 30px 0; display: inline-block; text-transform: uppercase; -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; } @media (min-width: 1200px) { .facultets__subtitle { font-size: 28px; } } .facultets__subtitle:hover { color: #dc3e38; } .facultets__list { position: relative; list-style: none; text-align: left; } @media (min-width: 992px) { .facultets__list { min-height: 440px; } } .facultets__list:after { content: ""; position: absolute; right: 0px; bottom: -100px; width: 100%; height: 1px; background-color: #979797; } @media (min-width: 992px) { .facultets__list:after { width: 1px; height: 100%; bottom: auto; right: -10px; top: 0; } } .facultets__link { font-size: 14px; font-weight: 600; line-height: 1.4; color: #3c3c3c; display: inline-block; margin: 0 0 20px 0; } .facultets__link:hover { -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; color: #dc3e38; } .facultets__button { padding: 30px 0 80px; } @media (min-width: 992px) { .facultets__button { padding: 0; } } .banner-page--small .banner-page__container { min-height: 200px; padding: 100px 0 20px 0; } @media (min-width: 992px) { .banner-page--small .banner-page__container { min-height: 500px; padding: 180px 0 0 0; } } .banner-page--about .banner-page__container { min-height: 100vh; padding: 110px 0 0 0; background-position: top; } @media (min-width: 768px) { .banner-page--about .banner-page__container { min-height: 450px; } } @media (min-width: 992px) { .banner-page--about .banner-page__container { padding: 160px 0 0 0; min-height: 600px; } } .banner-page--about .banner-page__title { text-align: center; padding: 40px 0 30px 0; } .banner-page__container { width: 100%; min-height: 100vh; background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; background-size: cover; position: relative; padding: 100px 0 0 0; } @media (min-width: 768px) { .banner-page__container { min-height: 300px; } } @media (min-width: 992px) { .banner-page__container { padding: 180px 0 0 0; min-height: 600px; } } .banner-page__title { font-size: 24px; font-weight: 400; font-family: "BaseNineC", sans-serif; color: #fff; padding: 0 0 30px 0; text-align: center; } @media (min-width: 992px) { .banner-page__title { text-align: left; font-size: 50px; } } .banner-page__text { font-size: 14px; font-weight: 400; line-height: 1.4; color: #fff; padding: 0 0 20px 0; max-width: 940px; } @media (min-width: 992px) { .banner-page__text { font-size: 18px; padding: 0 0 30px 0; } } .banner-page__text p { padding: 0 0 25px 0; } .banner-page__circle { width: 170px; height: 170px; background-color: #fff; border-radius: 100%; margin: 0 auto; position: relative; } @media (min-width: 992px) { .banner-page__circle { width: 280px; height: 280px; } } .banner-page__circle .about-logo { width: 110px; height: 80px; background-repeat: no-repeat; background-position: center; -webkit-background-size: contain; background-size: contain; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media (min-width: 992px) { .banner-page__circle .about-logo { width: 180px; height: 110px; } } .facultets-one__container { padding: 30px 0 0; } @media (min-width: 992px) { .facultets-one__container { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 50px 0 0; } } .facultets-one__left { width: 100%; padding: 0 0 20px 0; position: relative; } @media (min-width: 992px) { .facultets-one__left { width: 65%; padding: 0 40px 0 0; } } .facultets-one__left:after { content: ""; position: absolute; bottom: 0; right: 0; width: 100%; height: 1px; background-color: #000; } @media (min-width: 992px) { .facultets-one__left:after { top: 0; right: 0; width: 2px; height: 100%; } } .facultets-one__right { width: 100%; } @media (min-width: 992px) { .facultets-one__right { width: 35%; } } .facultets-one__text { font-size: 14px; font-weight: 400; line-height: 1.8; color: #000; } .facultets-one__text p { padding: 0 0 20px 0; } .facultets-one__text a { color: #dc3e38; display: block; } .facultets-one__text a:hover { text-decoration: underline; } .facultets-one__text img { width: 100px; height: 100px; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-position: center; border-radius: 15em; float: left; margin: 10px 30px 10px 0; } @media (min-width: 992px) { .facultets-one__text img { width: 160px; height: 160px; margin: 10px 60px 10px 0; } } .facultets-one__title { font-size: 24px; font-weight: 400; font-family: "BaseNineC", sans-serif; color: #000; padding: 50px 0 30px 0; text-align: center; } @media (min-width: 992px) { .facultets-one__title { text-align: left; padding: 0 0 30px 0; } } .facultets-one__menu { margin: 0 auto; } @media (min-width: 992px) { .facultets-one__menu { max-width: 280px; } } .facultets-one__list { list-style: none; } .facultets-one__link { font-size: 18px; font-weight: 400; line-height: 1.4; color: #9b9b9b; -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; padding: 0 0 25px 0; display: inline-block; } .facultets-one__link:hover { color: #dc3e38; } .facultets-one__share { max-width: 220px; margin: 0 auto; padding: 60px 0; } @media (min-width: 992px) { .facultets-one__share { padding: 130px 0 0 0; } } .share { padding: 20px 0 20px; max-width: 220px; position: relative; } .share:after { content: ""; width: 100%; height: 2px; background-color: #000; position: absolute; top: 0; left: 0; } .share__title { font-size: 14px; font-weight: 400; color: #000; text-transform: uppercase; padding: 0 0 20px 0; text-align: center; } .share__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .share__link { width: 30px; height: 30px; background-color: #000; border-radius: 15em; display: inline-block; position: relative; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } @media (min-width: 992px) { .share__link { width: 40px; height: 40px; } } .share__link:hover { background-color: #dc3e38; } .share__icon { background-repeat: no-repeat; background-position: center; -webkit-background-size: contain; background-size: contain; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 280ms ease; -o-transition: all 280ms ease; transition: all 280ms ease; } .share__icon--f { width: 12px; height: 20px; background-image: url(images/social/fb.svg); } @media (min-width: 992px) { .share__icon--f { width: 14px; height: 26px; } } .share__icon--vk { width: 28px; height: 12px; background-image: url(images/social/vk.svg); } @media (min-width: 992px) { .share__icon--vk { width: 30px; height: 24px; } } .share__icon--ok { width: 28px; height: 20px; background-image: url(images/social/ok.svg); } @media (min-width: 992px) { .share__icon--ok { width: 38px; height: 28px; } } .share__icon--tw { width: 28px; height: 19px; background-image: url(images/social/tw.svg); } @media (min-width: 992px) { .share__icon--tw { width: 30px; height: 24px; } } #menu-main-menu > li > .sub-menu { display: none; -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; position: absolute; top: 48px; left: 0; width: 100%; padding: 50px 0 40px; } @media (min-width: 992px) { #menu-main-menu > li > .sub-menu { top: 42px; } } @media (min-width: 1200px) { #menu-main-menu > li > .sub-menu { top: 48px; } } .submenu__menu-list { display: -webkit-box; display: -ms-flexbox; display: flex; list-style: none; } #menu-main-menu > li > .sub-menu { width: calc(100% / 3); padding: 0 30px; } .sub-menu > .menu-item:last-child .sub-menu:after { display: none; } .sub-menu .menu-item a { font-size: 28px; font-weight: 400; font-family: "BaseNineC", sans-serif; color: #000; padding: 0 0 30px 0; display: inline-block; -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; white-space: nowrap; text-transform: uppercase; } @media (min-width: 1200px) { .sub-menu .menu-item a { font-size: 36px; } } .sub-menu .menu-item a:hover { color: #dc3e38; } .sub-menu .menu-item .sub-menu { position: relative; min-height: 400px; list-style: none; } .sub-menu .menu-item .sub-menu:after { content: ""; position: absolute; right: -30px; top: 0; width: 1px; height: 100%; background-color: #979797; } .sub-menu .menu-item .sub-menu .menu-item a { font-size: 12px; font-weight: 600; line-height: 1.4; color: #3c3c3c !important; display: inline-block; margin: 0 0 18px 0; -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; margin: 0; padding: 0; text-transform: none; } @media (min-width: 1200px) { .sub-menu .menu-item .sub-menu .menu-item a { font-size: 14px; } } .sub-menu .menu-item .sub-menu .menu-item a:hover { color: #dc3e38; } .submenu__image { position: absolute; bottom: 0; right: 0; background-repeat: no-repeat; background-position: center; -webkit-background-size: contain; background-size: contain; width: 453px; height: 500px; background-image: url(images/bg/menu-figure.png); } .submenu__background { padding: 50px 0 40px; } .anketa { padding: 100px 0 100px; position: relative; } @media (min-width: 992px) { .anketa { padding: 140px 0 120px; } } .anketa__title { font-size: 24px; font-weight: 400; font-family: "BaseNineC", sans-serif; color: #000; padding: 0 0 15px 0; text-transform: uppercase; text-align: center; } @media (min-width: 992px) { .anketa__title { font-size: 50px; } } .anketa__subtitle { font-size: 18px; font-weight: 400; font-family: "BaseNineC", sans-serif; color: #000; padding: 0 0 50px 0; text-align: center; } @media (min-width: 992px) { .anketa__subtitle { font-size: 30px; padding: 0 0 70px 0; } } .anketa__image { background-repeat: no-repeat; background-position: center; -webkit-background-size: contain; background-size: contain; position: absolute; width: 460px; height: 960px; background-image: url(images/bg/anketa-man.png); top: 370px; left: 50%; -webkit-transform: translate(25%, 0); -ms-transform: translate(25%, 0); -o-transform: translate(25%, 0); transform: translate(25%, 0); display: none; } @media (min-width: 992px) { .anketa__image { display: block; } } .anketa__circle { position: absolute; width: 380px; height: 380px; background-color: rgba(220, 62, 56, 0.8); border-radius: 15em; top: 500px; left: 50%; -webkit-transform: translate(65%, 0); -ms-transform: translate(65%, 0); -o-transform: translate(65%, 0); transform: translate(65%, 0); display: none; } @media (min-width: 992px) { .anketa__circle { display: block; } } .anketa__container .gform_wrapper li.gfield.field_description_below+li.gsection, .mfp-content .gform_wrapper li.gfield.field_description_below+li.gsection{ margin: 0 !important; padding: 0; padding-bottom: 30px; border: none; } .anketa__row { padding: 10px 0 20px; } @media (min-width: 992px) { .anketa__row { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 20px 0 30px; } } .anketa__col, .anketa__container .gfield:not(.gsection), .mfp-content .gfield:not(.gsection) { position: relative; padding: 0 0 30px 0 !important; clear: none !important; float: left; width: 100%; margin: 0; } .anketa__col .ginput_container, .anketa__container .gfield:not(.gsection) .ginput_container, .mfp-content .gfield:not(.gsection) .ginput_container, .anketa__container .gform_wrapper .top_label .gfield_error .ginput_container, .mfp-content .gform_wrapper .top_label .gfield_error .ginput_container { margin: 0; } /*.inp-third.last-in-line{ clear: both !important; }*/ @media (min-width: 992px) { .anketa__col, .anketa__container .gfield:not(.gsection), .mfp-content .gfield:not(.gsection), .anketa__container .gform_wrapper .top_label .gfield_error, .mfp-content .gform_wrapper .top_label .gfield_error { width: calc(100% / 4); padding: 30px 40px 0 0 !important; margin-top: 20px; } .mfp-content .gfield:not(.gsection), .mfp-content .gform_wrapper .top_label .gfield_error { width: calc(100% / 3); }} @media (min-width: 992px) { .anketa__container .gfield.inp-two-thirds, .mfp-content .gfield.inp-two-thirds, .anketa__container .gform_wrapper .top_label .gfield.inp-two-thirds.gfield_error, .mfp-content .gform_wrapper .top_label .gfield.inp-two-thirds.gfield_error { position: relative; width: calc(100% / 2); clear: both !important; padding-top: 0 !important; } } .inp-two-thirds .anketa__input { margin: 0 0 20px 0; } .anketa__container .gform_wrapper .top_label .gfield_label, .mfp-content .gform_wrapper .top_label .gfield_label{ display: none; } .anketa__container .gform_wrapper .top_label .lab-vis .gfield_label, .mfp-content .gform_wrapper .top_label .lab-vis .gfield_label { font-size: 20px; font-weight: 400; font-family: "BaseNineC", sans-serif; color: #000; padding: 0 0 15px 0; display: block; text-transform: uppercase; text-align: center; } .anketa__container .gform_wrapper .gfield_required, .mfp-content .gform_wrapper .gfield_required{ display: none; } .anketa__container .gform_wrapper .top_label .inp-two-thirds.lab-vis .gfield_label, .mfp-content .gform_wrapper .top_label .inp-two-thirds.lab-vis .gfield_label{ position: relative; padding-bottom: 10px; } @media (min-width: 992px) { .anketa__container .gform_wrapper .top_label .lab-vis .gfield_label, .mfp-content .gform_wrapper .top_label .lab-vis .gfield_label { text-align: left; white-space: nowrap; position: absolute; top: 0; left: 0; } } } .anketa__container .gform_wrapper .gfield_required, .mfp-content .gform_wrapper .gfield_required{ display: none; } .anketa__container .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .mfp-content .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { width: 100%; height: 40px; border: 1px solid #d8d8d8; outline: none; text-indent: 15px; font-size: 16px; font-weight: 400; font-style: italic; color: #9b9b9b; } .anketa__container .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file])::-webkit-input-placeholder, .mfp-content .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file])::-webkit-input-placeholder { opacity: 1; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; color: #9b9b9b; } .anketa__container .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file])::-moz-placeholder, .mfp-content .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file])::-moz-placeholder { opacity: 1; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; color: #9b9b9b; } .anketa__container .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):-moz-placeholder, .mfp-content .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):-moz-placeholder { opacity: 1; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; color: #9b9b9b; } .anketa__container .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):-ms-input-placeholder, .mfp-content .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):-ms-input-placeholder { opacity: 1; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; color: #9b9b9b; } .anketa__container .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus::-webkit-input-placeholder, .mfp-content .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus::-webkit-input-placeholder { opacity: 0; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .anketa__container .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus::-moz-placeholder, .mfp-content .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus::-moz-placeholder { opacity: 0; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .anketa__container .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus:-moz-placeholder, .mfp-content .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus:-moz-placeholder { opacity: 0; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .anketa__container .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus:-ms-input-placeholder, .mfp-content .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus:-ms-input-placeholder { opacity: 0; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .anketa__container .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus, .mfp-content .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus { border: 1px solid #dc3e38; color: #dc3e38; } .anketa__info, .anketa__container .gfield_description, .mfp-content .gfield_description { font-size: 16px; font-weight: 400; color: #9b9b9b; padding: 0 0 10px 0; } .anketa__container .gfield.captcha_fld, .mfp-content .gfield.captcha_fld{ padding-top: 0 !important; } .anketa__container .gfield .gfield_description, .mfp-content .gfield .gfield_description{ padding-bottom: 10px; } .anketa__error { font-size: 12px; font-weight: 400; color: #dc3e38; position: absolute; bottom: 15px; left: 0; } .anketa__container .gform_wrapper li.gfield.gfield_error, .mfp-content .gform_wrapper li.gfield.gfield_error{ background: none; /*margin: 0 !important;*/ margin-bottom: 0 !important; border: none; } .anketa__container .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description, .mfp-content .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description, .anketa__container .gform_wrapper .validation_message, .mfp-content .gform_wrapper .validation_message{ display: none; } .anketa__container .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .mfp-content .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container{ margin-top: 8px; } @media (min-width: 992px) { .anketa__error { bottom: -18px; } } .anketa__radio-wrap, .anketa__container .radio-list .gfield_radio li, .mfp-content .radio-list .gfield_radio li{ height: 80px; padding: 10px 0 0 30px !important; margin: 0; } @media (min-width: 992px) { .anketa__radio-wrap, .anketa__container .radio-list .gfield_radio li , .mfp-content .radio-list .gfield_radio li { text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 50px; } } .anketa__radio, .anketa__container .radio-list .gfield_radio li input, .mfp-content .radio-list .gfield_radio li input{ display: none !important; } .anketa__radio-label, .anketa__container .radio-list .gfield_radio li label , .mfp-content .radio-list .gfield_radio li label { font-size: 16px; font-weight: 400; color: #000; position: relative; width: 40%; display: inline-block; cursor: pointer; white-space: nowrap; } .anketa__radio-label:before, .anketa__container .radio-list .gfield_radio li label:before , .mfp-content .radio-list .gfield_radio li label:before { content: ""; width: 20px; height: 20px; border-radius: 15em; border: 1px solid #9b9b9b; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); left: -30px; } .anketa__container .radio-list .gfield_radio li input:checked ~ label, .mfp-content .radio-list .gfield_radio li input:checked ~ label{ font-weight: normal !important; } .anketa__radio:checked ~ .anketa__radio-label:after, .anketa__container .radio-list .gfield_radio li input:checked ~ label:after , .mfp-content .radio-list .gfield_radio li input:checked ~ label:after { content: ""; width: 10px; height: 10px; border-radius: 15em; background-color: #dc3e38; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); left: -25px; opacity: 1; } .anketa__radio:checked ~ .anketa__radio-input{ display: block; } @media (min-width: 992px) { .anketa__radio:checked ~ .anketa__radio-input { display: inline-block; } } .anketa__container .gfield.hid_inp, .mfp-content .gfield.hid_inp{ float: none; margin: 0 !important; padding-top: 0px !important; } .anketa__radio-input { width: 100%; height: 40px; border: 1px solid #d8d8d8; outline: none; text-indent: 15px; font-size: 16px; font-weight: 400; font-style: italic; color: #9b9b9b; display: none; margin: 10px 0 0 0; } @media (min-width: 992px) { .anketa__radio-input { width: 60%; margin: 0; } } .anketa__radio-input::-webkit-input-placeholder { opacity: 1; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; color: #9b9b9b; } .anketa__radio-input::-moz-placeholder { opacity: 1; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; color: #9b9b9b; } .anketa__radio-input:-moz-placeholder { opacity: 1; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; color: #9b9b9b; } .anketa__radio-input:-ms-input-placeholder { opacity: 1; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; color: #9b9b9b; } .anketa__radio-input:focus::-webkit-input-placeholder { opacity: 0; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .anketa__radio-input:focus::-moz-placeholder { opacity: 0; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .anketa__radio-input:focus:-moz-placeholder { opacity: 0; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .anketa__radio-input:focus:-ms-input-placeholder { opacity: 0; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .anketa__radio-input:focus { border: 1px solid #dc3e38; color: #dc3e38; } .anketa__checkbox { display: none; } .anketa__checkbox-wrap { height: 50px; padding: 10px 0 0 50px; } .anketa__checkbox-label { font-size: 16px; font-weight: 400; color: #000; position: relative; width: 40%; display: inline-block; cursor: pointer; white-space: nowrap; } .anketa__checkbox-label:before { content: ""; width: 40px; height: 40px; border: 1px solid #9b9b9b; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); left: -50px; } .anketa__checkbox:checked ~ .anketa__checkbox-label:after { content: ""; width: 24px; height: 24px; background-color: #dc3e38; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); left: -42px; opacity: 1; } .anketa__button, .anketa__container .gform_footer{ padding: 30px 0 0 !important; margin: 0 !important; text-align: center; } @media (min-width: 992px) { .anketa__button, .anketa__container .gform_footer{ padding: 100px 0 0 !important; } } .anketa__link, .anketa__container .gform_footer .gform_button { font-size: 24px !important; font-weight: 600; text-transform: uppercase; color: #fff; width: 230px !important; height: 230px; background-color: #dc3e38; border-radius: 15em; display: inline-block !important; text-align: center; line-height: 230px; border: 2px solid #dc3e38; -webkit-transition: all ease .2s; -o-transition: all ease .2s; transition: all ease .2s; } .anketa__link:hover, .anketa__container .gform_footer .gform_button:hover{ -webkit-box-shadow: inset 0 0 0 120px #fff; box-shadow: inset 0 0 0 120px #fff; color: #dc3e38; } .anketa__text { font-size: 12px; font-weight: 400; color: #9b9b9b; padding: 20px 0; max-width: 400px; margin: 0 auto; text-align: center; } .anketa__select { width: 100%; height: 40px; border: 1px solid #d8d8d8; outline: none; text-indent: 15px; font-size: 16px; font-weight: 400; font-style: italic; } .anketa .ui-menu .ui-menu-item-wrapper { position: relative; } .anketa .ui-selectmenu-button.ui-button { width: 100%; height: 40px; border: 1px solid #d8d8d8; font-size: 16px; font-weight: 400; line-height: 1.8; font-style: italic; color: #9b9b9b; background-color: #fff; outline: none; } .anketa .ui-selectmenu-button.ui-button:focus { border: 1px solid #dc3e38; color: #dc3e38; } .anketa .ui-selectmenu-button.ui-button:focus .ui-icon { background-image: url(images/elems/dropdown-r.svg); } .anketa .ui-button .ui-icon { width: 15px; height: 8px; background-image: url(images/elems/dropdown.svg); } .anketa .ui-selectmenu-icon.ui-icon { margin-top: 10px; } .banner-program { padding: 100px 0 0 0; height: 360px; overflow: hidden; position: relative; } @media (min-width: 992px) { .banner-program { padding: 140px 0 0 0; height: 550px; } } .banner-program__title { font-size: 30px; font-weight: 400; font-family: "BaseNineC", sans-serif; color: #000; max-width: 400px; position: absolute; left: 15px; } @media (min-width: 992px) { .banner-program__title { font-size: 50px; position: absolute; left: 50%; -webkit-transform: translate(-20%, 0); -ms-transform: translate(-20%, 0); -o-transform: translate(-20%, 0); transform: translate(-20%, 0); -webkit-animation: program-title 1s ease; -o-animation: program-title 1s ease; animation: program-title 1s ease; } } @media (min-width: 1200px) { .banner-program__title { -webkit-transform: translate(-30%, 0); -ms-transform: translate(-30%, 0); -o-transform: translate(-30%, 0); transform: translate(-30%, 0); } } .banner-program__circle { width: 183px; height: 183px; background-color: #dc3e38; border-radius: 15em; position: absolute; top: 20px; right: -50px; } @media (min-width: 768px) { .banner-program__circle { width: 230px; height: 230px; } } @media (min-width: 992px) { .banner-program__circle { right: auto; width: 370px; height: 370px; top: 130px; left: 50%; -webkit-transform: translate(50%, 0); -ms-transform: translate(50%, 0); -o-transform: translate(50%, 0); transform: translate(50%, 0); } } .banner-program__bg { width: 50%; height: 80px; position: absolute; top: 70px; right: 0; background-image: url(images/bg/bg-m.png); background-repeat: repeat; } @media (min-width: 768px) { .banner-program__bg { height: 100px; } } @media (min-width: 992px) { .banner-program__bg { right: auto; top: 200px; left: 60%; width: 100%; height: 160px; background-image: url(images/bg/bg.png); } } .banner-program__image { background-repeat: no-repeat; background-position: center; -webkit-background-size: contain; background-size: contain; position: absolute; } .banner-program__image--1 { width: 165px; height: 110px; background-image: url(images/bg/footer-bod1-leftt.png); bottom: -80px; left: 50%; -webkit-transform: translate(-35%, 0); -ms-transform: translate(-35%, 0); -o-transform: translate(-35%, 0); transform: translate(-35%, 0); } @media (min-width: 768px) { .banner-program__image--1 { width: 250px; height: 165px; bottom: -110px; left: 50%; -webkit-transform: translate(-35%, 0); -ms-transform: translate(-35%, 0); -o-transform: translate(-35%, 0); transform: translate(-35%, 0); } } @media (min-width: 992px) { .banner-program__image--1 { left: auto; width: 480px; height: 320px; bottom: -235px; right: 50%; -webkit-transform: translate(8%, 0); -ms-transform: translate(8%, 0); -o-transform: translate(8%, 0); transform: translate(8%, 0); } } @media (min-width: 1200px) { .banner-program__image--1 { -webkit-transform: translate(-18%, 0); -ms-transform: translate(-18%, 0); -o-transform: translate(-18%, 0); transform: translate(-18%, 0); } } .banner-program__image--2 { width: 170px; height: 130px; background-image: url(images/bg/head-pr.png); bottom: 15px; left: 50%; -webkit-transform: translate3d(-47%, 0, 0); transform: translate3d(-47%, 0, 0); -webkit-animation: program-head 1.5s ease; -o-animation: program-head 1.5s ease; animation: program-head 1.5s ease; } @media (min-width: 768px) { .banner-program__image--2 { width: 255px; height: 195px; bottom: 30px; left: 50%; -webkit-transform: translate3d(-47%, 0, 0); transform: translate3d(-47%, 0, 0); } } @media (min-width: 992px) { .banner-program__image--2 { left: auto; width: 480px; height: 460px; bottom: -5px; right: 50%; -webkit-transform: translate3d(-6%, 0, 0); transform: translate3d(-6%, 0, 0); } } @media (min-width: 1200px) { .banner-program__image--2 { -webkit-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0); } } @-webkit-keyframes program-head { from { opacity: 0; -webkit-transform: translate3d(-200%, 0, 0); transform: translate3d(-200%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0); } } @-o-keyframes program-head { from { opacity: 0; transform: translate3d(-200%, 0, 0); } to { opacity: 1; transform: translate3d(-30%, 0, 0); } } @keyframes program-head { from { opacity: 0; -webkit-transform: translate3d(-200%, 0, 0); transform: translate3d(-200%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0); } } @-webkit-keyframes program-title { from { opacity: 0; -webkit-transform: translate3d(200%, 0, 0); transform: translate3d(200%, 0, 0); } to { opacity: 1; @media (min-width: 992px) { -webkit-transform: translate(-20%, 0); transform: translate(-20%, 0); } @media (min-width: 1200px) { -webkit-transform: translate(-30%, 0); transform: translate(-30%, 0); } } } @-o-keyframes program-title { from { opacity: 0; transform: translate3d(200%, 0, 0); } to { opacity: 1; @media (min-width: 992px) { -o-transform: translate(-20%, 0); transform: translate(-20%, 0); } @media (min-width: 1200px) { -o-transform: translate(-30%, 0); transform: translate(-30%, 0); } } } @keyframes program-title { from { opacity: 0; -webkit-transform: translate3d(200%, 0, 0); transform: translate3d(200%, 0, 0); } to { opacity: 1; @media (min-width: 992px) { -webkit-transform: translate(-20%, 0); -o-transform: translate(-20%, 0); transform: translate(-20%, 0); } @media (min-width: 1200px) { -webkit-transform: translate(-30%, 0); -o-transform: translate(-30%, 0); transform: translate(-30%, 0); } } } @media (min-width: 992px) { .program__container { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (min-width: 992px) { .program__left { width: 40%; } } @media (min-width: 992px) { .program__right { width: 60%; } } @media (min-width: 992px) { .program__right-container { max-width: 90%; margin: 0 auto; } } .program__text { font-size: 14px; font-weight: 400; line-height: 1.8; color: #000; padding: 20px 0 30px 0; } .program__text p { padding: 0 0 20px 0; } .program__title { font-size: 25px; font-weight: 400; font-family: "BaseNineC", sans-serif; line-height: 1.2; color: #000; text-transform: uppercase; padding: 50px 0 30px 0; text-align: center; } @media (min-width: 768px) { .program__title { padding: 90px 0 30px 0; text-align: left; font-size: 25px; } } .program__button { text-align: center; } .teachers-pr { width: 100%; } @media (min-width: 992px) { .teachers-pr { max-width: 376px; } } @media (min-width: 1200px) { .teachers-pr { max-width: 460px; } } @media (min-width: 992px) { .teachers-pr--active { position: fixed; z-index: 10; top: 84px; } } @media (min-width: 992px) { .teachers-pr--active-bt { position: absolute; z-index: 10; top: auto; bottom: 0; } } .teachers-pr__container { border: 2px solid #000; background-color: #fff; } .teachers-pr__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; border-bottom: 2px solid #000; } .teachers-pr__item { width: 50%; text-align: center; padding: 30px 5px; } @media (min-width: 992px) { .teachers-pr__item { padding: 30px 30px; } } .teachers-pr__photo { width: 100px; height: 100px; border-radius: 15em; background-repeat: no-repeat; background-position: center; -webkit-background-size: contain; background-size: contain; margin: 0 auto 20px; } @media (min-width: 768px) { .teachers-pr__photo { width: 140px; height: 140px; } } .teachers-pr__name { font-size: 14px; font-weight: 600; color: #000; padding: 0 0 10px 0; font-family: "BaseNineC", sans-serif; display: inline-block; } @media (min-width: 768px) { .teachers-pr__name { font-size: 16px; } } .teachers-pr__position { font-size: 12px; font-weight: 400; line-height: 1.4; color: #000; max-width: 150px; margin: 0 auto; } @media (min-width: 768px) { .teachers-pr__position { font-size: 14px; } } .teachers-pr__title { font-size: 14px; font-weight: 400; line-height: 1.4; color: #000; text-transform: uppercase; padding: 20px 0 0 0; text-align: center; } @media (min-width: 992px) { .teachers-pr__title { text-align: left; padding: 20px 0 0 30px; } } .teachers-pr__coord-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; list-style: none; text-align: center; } @media (min-width: 992px) { .teachers-pr__coord-list { text-align: left; padding: 0; } } .teachers-pr__coord-item { width: 100%; padding: 0 30px 0; padding-top: 15px; padding-bottom: 25px; } @media (min-width: 992px) { .teachers-pr__coord-item { width: 50%; } } .teachers-pr__coord-name { font-size: 14px; font-weight: 600; line-height: 1.4; color: #000; padding: 0 0 5px 0; } .teachers-pr__tel { font-size: 14px; font-weight: 400; line-height: 1.4; color: #000; padding: 0 0 5px 0; display: inline-block; } @media (min-width: 992px) { .teachers-pr__tel { padding: 0 0 15px 0; } } .teachers-pr__email { font-size: 12px; font-weight: 400; line-height: 1.4; color: #000; display: inline-block; padding: 0; } .teachers-pr__share { width: 220px; margin: 0 auto; } .teachers-pr__share .share:after { display: none; } .price { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; padding: 50px 0 0 0; } @media (min-width: 992px) { .price { padding: 0; } } .price__item { width: calc(100% / 2); position: relative; padding: 0 20px 0 20px; } .price__item:nth-child(2):after { display: none; } @media (min-width: 768px) { .price__item:nth-child(2):after { display: block; } } .price__item:not(:last-child):after { content: ""; width: 2px; height: 80%; background-color: #000; position: absolute; right: 0; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } @media (min-width: 992px) { .price__item:first-child { padding: 0 30px 0 0; } } @media (min-width: 768px) { .price__item { width: calc(100% / 3); } } @media (min-width: 992px) { .price__item { width: calc(100% / 3); padding: 0 30px 0 30px; } } .price__number { font-size: 30px; font-weight: 400; font-family: "BaseNineC", sans-serif; color: #dc3e38; text-transform: uppercase; display: inline-block; vertical-align: bottom; } @media (min-width: 992px) { .price__number { font-size: 50px; } } .price__text { font-size: 14px; font-weight: 600; line-height: 1.4; color: #dc3e38; display: inline-block; vertical-align: bottom; } @media (min-width: 992px) { .price__text { font-size: 18px; } } .price__info { font-size: 12px; font-weight: 400; line-height: 1.4; color: #000; padding: 10px 0 20px 0; } @media (min-width: 992px) { .price__info { font-size: 14px; } } .sale { padding: 20px; background-color: #dc3e38; text-align: center; margin: 0 -15px 0 -15px; } @media (min-width: 992px) { .sale { margin: 0; padding: 30px 20px; } } .sale__title { font-size: 18px; font-weight: 600; color: #fff; padding: 0 0 40px 0; } .sale__text { font-size: 14px; font-weight: 400; line-height: 2.6; font-family: "BaseNineC", sans-serif; color: #fff; padding: 0 0 40px 0; } @media (min-width: 768px) { .sale__text { line-height: 1.6; font-size: 24px; } } .sale__button .button--white { font-family: "BaseNineC", sans-serif; padding: 0 50px; line-height: 2.6; } .description-pr { position: relative; } .description-pr--active .description-pr__image { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .description-pr__image { background-repeat: no-repeat; background-position: center; -webkit-background-size: contain; background-size: contain; background-image: url(images/bg/lamp.png); width: 180px; height: 200px; position: absolute; top: -70px; right: -100px; z-index: -1; -webkit-transition: -webkit-transform 1s ease; transition: -webkit-transform 1s ease; -o-transition: -o-transform 1s ease; transition: transform 1s ease; transition: transform 1s ease, -webkit-transform 1s ease, -o-transform 1s ease; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); display: none; } @media (min-width: 992px) { .description-pr__image { display: block; } } .description-pr__item { list-style: none; } @media (min-width: 768px) { .description-pr__item { display: -webkit-box; display: -ms-flexbox; display: flex; } } .description-pr__left { position: relative; text-align: center; } @media (min-width: 768px) { .description-pr__left { text-align: left; width: 20%; } } .description-pr__left:after { content: ""; position: absolute; top: 0; right: 0; width: 3px; height: 90%; background-color: #000; display: none; } @media (min-width: 768px) { .description-pr__left:after { display: block; } } @media (min-width: 768px) { .description-pr__right { width: 80%; padding: 0 0 0 20px; } } .description-pr__number { font-size: 50px; font-weight: 400; font-family: "BaseNineC", sans-serif; color: #dc3e38; text-transform: uppercase; display: inline-block; vertical-align: bottom; } .description-pr__text { font-size: 14px; font-weight: 400; line-height: 1.4; color: #000; padding: 10px 0 20px 0; } .description-pr__title { font-size: 18px; font-weight: 600; line-height: 1.2; color: #dc3e38; text-align: center; } @media (min-width: 768px) { .description-pr__title { text-align: left; } } .description-pr__info { font-size: 14px; font-weight: 400; line-height: 1.4; color: #3c3c3c; padding: 10px 0 20px 0; } .description-pr__info p { padding: 0 0 25px 0; } .rules { position: relative; padding: 0 0 10px 0; } @media (min-width: 992px) { .rules--active .rules__image { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .rules__image { background-repeat: no-repeat; background-position: center; -webkit-background-size: contain; background-size: contain; background-image: url(images/bg/dragon2-inv.png); width: 95px; height: 46px; position: absolute; top: -105px; right: 0; z-index: -1; -webkit-transition: -webkit-transform ease 1s; transition: -webkit-transform ease 1s; -o-transition: -o-transform ease 1s; transition: transform ease 1s; transition: transform ease 1s, -webkit-transform ease 1s, -o-transform ease 1s; } @media (min-width: 768px) { .rules__image { width: 270px; height: 150px; top: -160px; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .rules__item { position: relative; list-style: none; padding: 0 0 25px 50px; } .rules__number { position: absolute; top: 7px; left: 0; font-size: 18px; font-weight: 400; font-family: "BaseNineC", sans-serif; line-height: 22px; color: #fff; width: 22px; height: 22px; background-color: #dc3e38; border-radius: 15em; text-align: center; } .rules__text { font-size: 14px; font-weight: 400; line-height: 22px; color: #000; } .rules__link { font-size: 14px; font-weight: 600; line-height: 22px; color: #000; } .rent { padding: 40px 0 60px 0; position: relative; } @media (min-width: 992px) { .rent { padding: 0; } } .rent__container { text-align: center; } @media (min-width: 992px) { .rent__container { text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 40px 0 0 0; } } .rent__mouse { width: 20px; height: 56px; background-repeat: no-repeat; background-position: center; -webkit-background-size: contain; background-size: contain; background-image: url(images/elems/arenda-scroll.gif); position: absolute; bottom: -56px; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); cursor: pointer; } @media (min-width: 992px) { .rent__left { width: 50%; } } @media (min-width: 992px) { .rent__right { width: 50%; } } .rent__info { margin: 0 auto; max-width: 400px; } @media (min-width: 992px) { .rent__info { max-width: 400px; margin: 0 auto; } } .rent__title { font-size: 24px; font-weight: 400; font-family: "BaseNineC", sans-serif; color: #000; text-align: center; padding: 60px 0 40px 0; } @media (min-width: 992px) { .rent__title { font-size: 50px; padding: 0 0 60px 0; } } .rent__text { font-size: 14px; font-weight: 400; line-height: 1.8; color: #000; margin: 0 auto; } @media (min-width: 992px) { .rent__text { max-width: 400px; } } .rent__subtitle { font-size: 30px; font-weight: 400; font-family: "BaseNineC", sans-serif; padding: 0 0 20px 0; color: #dc3e38; } .rent__subtitle--black { color: #000; } .rent__letter { font-size: 60px; padding: 0 20px 0 0; color: #dc3e38; } .rent__size { font-size: 18px; font-weight: 400; line-height: 1.8; padding: 0 0 40px 0; color: #3c3c3c; } .rent__tel { font-size: 14px; font-weight: 600; line-height: 1.8; padding: 0 0 40px 0; color: #000; } .rent__size a, .rent__tel a { color: #000; } .rent__section { width: 100px; } .rent__info-d { display: none; } @media (min-width: 992px) { .rent__info-d { display: block; } } @media (min-width: 992px) { .rent__info-m { display: none; } } .rent__arrow { cursor: pointer; position: absolute; bottom: -20px; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); width: 36px; height: 20px; background-repeat: no-repeat; background-position: center; -webkit-background-size: contain; background-size: contain; background-image: url(images/elems/main-arrow.svg); display: none; z-index: 100; } @media (min-width: 992px) { .rent__arrow { display: block; } } .rent__image-m { width: 280px; height: 170px; margin: 0 auto 30px; background-repeat: no-repeat; background-position: center; -webkit-background-size: contain; background-size: contain; } @media (min-width: 992px) { .rent__image-m { display: none; } } .rent__image-m--1 { background-image: url(images/bg/arenda-01.png); } .rent__image-m--2 { background-image: url(images/bg/arenda-02.png); } .rent__image-m--3 { background-image: url(images/bg/arenda-03.png); } .rent__image-m--4 { background-image: url(images/bg/arenda-04.png); } .rent__image-m--5 { background-image: url(images/bg/arenda-05.png); } .rent-image { display: none; } @media (min-width: 992px) { .rent-image { display: block; } } .rent-image--display-none { display: none; } .rent-image__container { position: fixed; width: 550px; height: 330px; top: 50%; left: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); z-index: 10; } .rent-image__img-wrap { width: 460px; height: 290px; position: relative; } @media (min-width: 1200px) { .rent-image__img-wrap { width: 550px; height: 330px; } } .rent-image__img { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; -webkit-background-size: contain; background-size: contain; position: absolute; top: 0; left: 0; opacity: 0; } .rent-image__img--active { opacity: 1; } /*.rent-image__img--1 { background-image: url(images/bg/arenda-01.png); } .rent-image__img--2 { background-image: url(images/bg/arenda-02.png); } .rent-image__img--3 { background-image: url(images/bg/arenda-03.png); } .rent-image__img--4 { background-image: url(images/bg/arenda-04.png); } .rent-image__img--5 { background-image: url(images/bg/arenda-05.png); }*/ .rent-image__section-gallery { width: 200px; height: 100px; position: absolute; top: 180px; left: 0; cursor: pointer; } @media (min-width: 1200px) { .rent-image__section-gallery { top: 180px; left: 0; width: 230px; height: 120px; } } .rent-image__section-a { width: 90px; height: 70px; position: absolute; top: 120px; left: 180px; cursor: pointer; } @media (min-width: 1200px) { .rent-image__section-a { width: 100px; height: 90px; position: absolute; top: 120px; left: 230px; } } .rent-image__section-b { width: 240px; height: 90px; position: absolute; top: 180px; left: 200px; cursor: pointer; -webkit-transform: rotate(-25deg); -ms-transform: rotate(-25deg); -o-transform: rotate(-25deg); transform: rotate(-25deg); } @media (min-width: 1200px) { .rent-image__section-b { width: 320px; height: 90px; position: absolute; top: 200px; left: 250px; } } .rent-image__section-c { width: 100px; height: 80px; position: absolute; top: 90px; left: 270px; cursor: pointer; } @media (min-width: 1200px) { .rent-image__section-c { width: 120px; height: 120px; position: absolute; top: 80px; left: 350px; } } .slider-rent__container { width: 100%; height: 300px; } .slider-rent__photo { width: 100%; height: auto; } .slider-rent__overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; } .slider-rent__overlay:hover { opacity: 1; } .slider-rent__icon { width: 65px; height: 65px; position: absolute; top: 40%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-image: url(images/elems/zoom.png); background-repeat: no-repeat; background-position: center; -webkit-background-size: contain; background-size: contain; } .slider-rent__pagination { background-color: blue; height: 60px; background-color: #fff; } .slider-rent__pagination.swiper-pagination-bullets { bottom: 0; padding: 18px 0 0 0; } .slider-rent__pagination .swiper-pagination-bullet { width: 5px; height: 5px; background-color: #9b9b9b; opacity: 1; } .slider-rent__pagination .swiper-pagination-bullet-active { background-color: transparent; border: 1px solid #9b9b9b; } .slider-banner__container { width: 100%; height: 160px; } @media (min-width: 992px) { .slider-banner__container { height: 300px; } } .slider-banner__slide { max-height: 90%; overflow: hidden; } .slider-banner__title { font-size: 20px; font-weight: 400; line-height: 1.2; font-family: "BaseNineC", sans-serif; color: #fff; padding: 0 0 10px 0; text-align: center; } @media (min-width: 992px) { .slider-banner__title { text-align: left; font-size: 40px; padding: 0 0 15px 0; } } @media (min-width: 1200px) { .slider-banner__title { font-size: 50px; } } .slider-banner__subtitle { font-size: 12px; font-weight: 400; color: #fff; line-height: 1.6; text-align: center; } @media (min-width: 992px) { .slider-banner__subtitle { text-align: left; font-size: 14px; } } .slider-banner__pagination.swiper-pagination-bullets { bottom: 0; } @media (min-width: 992px) { .slider-banner__pagination.swiper-pagination-bullets { text-align: left; } } .slider-banner__pagination.swiper-pagination-bullets .swiper-pagination-bullet { width: 6px; height: 6px; background-color: #fff; opacity: 1; margin: 0 7px; } .slider-banner__pagination.swiper-pagination-bullets .swiper-pagination-bullet-active { background-color: transparent; border: 1px solid #fff; } .slider-page { width: 100%; position: relative; padding: 20px 0 50px 0; } .slider-page:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background-color: #000; } .slider-page__container { max-width: 620px; margin: 0 auto; height: 280px; padding: 20px 0 50px; } @media (min-width: 768px) { .slider-page__container { height: 450px; padding: 50px 0; } } .slider-page__slide { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; background-size: cover; } .slider-page__pagination { position: absolute; } .slider-page__pagination .swiper-pagination-bullet { width: 5px; height: 5px; background-color: #000; opacity: 1; } .slider-page__pagination .swiper-pagination-bullet-active { background-color: transparent; border: 1px solid #9b9b9b; } .slider-page__next { right: 50px; width: 35px; height: 27px; background-image: url(images/elems/arrow-thin-right.svg); background-position: center; -webkit-background-size: contain; background-size: contain; display: none; } @media (min-width: 992px) { .slider-page__next { display: block; } } .slider-page__prev { left: 50px; width: 35px; height: 27px; background-image: url(images/elems/arrow-thin-left.svg); background-position: center; -webkit-background-size: contain; background-size: contain; display: none; } @media (min-width: 992px) { .slider-page__prev { display: block; } } .intensives { padding: 30px 0 100px; } @media (min-width: 768px) { .intensives { padding: 50px 0 180px; } } .intensives__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; max-width: 940px; margin: auto; } .intensives__item { width: 100%; padding: 0 0 50px; } @media (min-width: 768px) { .intensives__item { width: 50%; padding: 0 20px 50px; } } @media (min-width: 1200px) { .intensives__item { width: calc( 100% / 2); padding: 0 30px 50px; } } @media (min-width: 1376px) { .intensives__item { width: calc(100% / 2); padding: 0 30px 50px; } } .intensives__item a{ display: block; } .intensives__hover:hover .intensives__photo { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .intensives__hover:hover .intensives__wrap:before { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; opacity: 1; } .intensives__hover:hover .intensives__subtitle { color: #dc3e38; } .intensives__wrap { width: 100%; height: 220px; position: relative; display: inline-block; overflow: hidden; } @media (min-width: 992px) { .intensives__wrap { height: 220px; } } .intensives__wrap:before { content: ""; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white)); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%); background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%); position: absolute; top: 0; left: 0; z-index: 1; opacity: .7; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .intensives__wrap:hover .intensives__photo { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .intensives__wrap:hover:before { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; opacity: 1; } .intensives__photo { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; background-size: cover; position: relative; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .intensives__subtitle { font-size: 18px; font-weight: 400; line-height: 1.2; font-family: "BaseNineC", sans-serif; color: #000; text-transform: uppercase; padding: 0 0 10px 0; margin: -18px 0 0 0; display: block; -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; position: relative; z-index: 1; } @media (min-width: 992px) { .intensives__subtitle { font-size: 24px; padding: 0 0 20px 0; } } .intensives__date { font-size: 14px; font-weight: 600; line-height: 1.4; color: #dc3e38; padding: 0 0 10px 0; } @media (min-width: 992px) { .intensives__date { font-size: 18px; } } .intensives__info { font-size: 14px; font-weight: 600; line-height: 1.4; color: #000; padding: 0 0 10px 0; } @media (min-width: 992px) { .intensives__info { font-size: 18px; } } .intensives__button { text-align: center; } .intensives__currency { font-weight: 400; } .intensives__title { font-size: 18px; font-weight: 600; line-height: 1.4; font-family: "BaseNineC", sans-serif; color: #000; padding: 0 0 20px 0; text-align: center; } @media (min-width: 768px) { .intensives__title { font-size: 30px; padding: 0 0 50px 0; } } .intensives--other .intensives__container { padding: 10px 0 0; position: relative; } @media (min-width: 768px) { .intensives--other .intensives__container { padding: 50px 0 0; } } .intensives--other .intensives__container:after { content: ""; width: 100%; height: 2px; background-color: #d8d8d8; position: absolute; top: 0; left: 0; } .intensives-one { padding: 100px 0 40px; } @media (min-width: 768px) { .intensives-one { padding: 140px 0 50px; } } .intensives-one__container { max-width: 1000px; margin: 0 auto; } .intensives-one__title { font-size: 24px; font-weight: 400; font-family: "BaseNineC", sans-serif; color: #000; text-align: center; padding: 0 0 25px 0; } @media (min-width: 768px) { .intensives-one__title { font-size: 50px; } } .intensives-one__event { padding: 0px 0 0px; } @media (min-width: 768px) { .intensives-one__event { padding: 60px 0 55px; } } .intensives-one__text { font-size: 14px; font-weight: 400; line-height: 1.6; color: #000; padding: 15px 0; max-width: 820px; margin: 0 auto; } .intensives-one__text p { padding: 0 0 20px 0; } .intensives-one__share { max-width: 220px; margin: 20px auto 0; } @media (min-width: 768px) { .intensives-one__share { margin: 60px auto 0; } } @media (min-width: 768px) { .event__flex-container { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (min-width: 768px) { .event__left { width: 60%; } } @media (min-width: 768px) { .event__right { width: 40%; } } .event__photo { width: 100%; height: 200px; background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; background-size: cover; /*margin: 0 0 30px 0;*/ } @media (min-width: 768px) { .event__photo { display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 267px; height: 100%; } } .event__info-block { margin: 0 0 30px 0; } @media (min-width: 768px) { .event__info-block { padding: 0 0 0 10%; margin: 0; } } .event__info { width: 100%; text-align: center; border: 2px solid #3c3c3c; padding: 20px; margin: 0 0 30px 0; } .event__name { font-size: 18px; font-weight: 600; line-height: 1.2; color: #3c3c3c; padding: 0 0 15px 0; } .event__date { font-size: 18px; font-weight: 600; line-height: 1.2; color: #dc3e38; padding: 0 0 25px 0; } .event__title { font-size: 18px; font-weight: 400; line-height: 1.2; color: #000; padding: 0 0 5px 0; } .event__price { font-size: 24px; font-weight: 600; line-height: 1.2; color: #3c3c3c; padding: 0 0 0 0; } .event__currency { font-weight: 400; } .event__button .button--black-inv { width: 100%; } .page-contact { padding: 35px 0 60px; position: relative; } @media (min-width: 992px) { .page-contact { padding: 160px 0 120px; } } .page-contact:after { content: ""; width: 100%; height: 10px; background-color: #000; position: absolute; top: 0; left: 0; right: 0; } @media (min-width: 992px) { .page-contact--active .page-contact__image--2 { -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); } .page-contact--active .page-contact__image--4 { -webkit-transform: translate(70%, 15%); -ms-transform: translate(70%, 15%); -o-transform: translate(70%, 15%); transform: translate(70%, 15%); } } .page-contact__image { background-repeat: no-repeat; background-position: center; -webkit-background-size: contain; background-size: contain; position: absolute; } .page-contact__image--1 { width: 100px; height: 105px; background-image: url(images/bg/footer-body-left.png); bottom: 0; left: 0; } @media (min-width: 768px) { .page-contact__image--1 { width: 200px; height: 210px; bottom: 0; left: -30px; } } @media (min-width: 992px) { .page-contact__image--1 { left: auto; width: 450px; height: 450px; bottom: 0; right: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); } } .page-contact__image--2 { width: 85px; height: 110px; background-image: url(images/bg/head-scenaniy.png); bottom: 40px; left: 10px; } @media (min-width: 768px) { .page-contact__image--2 { width: 170px; height: 220px; bottom: 80px; left: -15px; } } @media (min-width: 992px) { .page-contact__image--2 { bottom: auto; left: auto; -webkit-transition: -webkit-transform ease 4s; transition: -webkit-transform ease 4s; -o-transition: -o-transform ease 4s; transition: transform ease 4s; transition: transform ease 4s, -webkit-transform ease 4s, -o-transform ease 4s; width: 450px; height: 450px; top: 40px; right: 50%; -webkit-transform: translate(-50%, 40%); -ms-transform: translate(-50%, 40%); -o-transform: translate(-50%, 40%); transform: translate(-50%, 40%); } } .page-contact__image--3 { width: 90px; height: 60px; bottom: 0; right: 0; background-image: url(images/bg/footer-body-right.png); } @media (min-width: 768px) { .page-contact__image--3 { width: 180px; height: 120px; bottom: 0; right: -20px; } } @media (min-width: 992px) { .page-contact__image--3 { right: auto; width: 400px; height: 265px; bottom: 0; left: 50%; -webkit-transform: translate(50%, 0); -ms-transform: translate(50%, 0); -o-transform: translate(50%, 0); transform: translate(50%, 0); } } .page-contact__image--4 { width: 73px; height: 56px; background-image: url(images/bg/footer-head-right.png); bottom: 60px; right: 5px; } @media (min-width: 768px) { .page-contact__image--4 { width: 150px; height: 110px; bottom: 120px; right: -10px; } } @media (min-width: 992px) { .page-contact__image--4 { bottom: auto; -webkit-transition: -webkit-transform ease 4s; transition: -webkit-transform ease 4s; -o-transition: -o-transform ease 4s; transition: transform ease 4s; transition: transform ease 4s, -webkit-transform ease 4s, -o-transform ease 4s; width: 350px; height: 220px; top: 80px; left: 50%; -webkit-transform: translate(70%, 140%); -ms-transform: translate(70%, 140%); -o-transform: translate(70%, 140%); transform: translate(70%, 140%); } } .distrib { padding: 75px 0 0 0; } @media (min-width: 992px) { .distrib__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .distrib__title { font-size: 18px; font-weight: 400; font-family: "BaseNineC", sans-serif; color: #000; padding: 0 0 20px 0; } @media (min-width: 992px) { .distrib__title { font-size: 30px; padding: 0 0 30px 0; } } .distrib__input { height: 30px; border: 1px solid #9b9b9b; outline: none; font-size: 14px; font-weight: 400; font-style: italic; color: #9d9d9d; text-indent: 10px; width: 70%; margin: 0 0 20px 0; } @media (min-width: 992px) { .distrib__input { margin: 0; width: 50%; height: 40px; font-size: 16px; } } .distrib__input::-webkit-input-placeholder { opacity: 1; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; color: #9b9b9b; } .distrib__input::-moz-placeholder { opacity: 1; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; color: #9b9b9b; } .distrib__input:-moz-placeholder { opacity: 1; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; color: #9b9b9b; } .distrib__input:-ms-input-placeholder { opacity: 1; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; color: #9b9b9b; } .distrib__input:focus::-webkit-input-placeholder { opacity: 0; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .distrib__input:focus::-moz-placeholder { opacity: 0; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .distrib__input:focus:-moz-placeholder { opacity: 0; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .distrib__input:focus:-ms-input-placeholder { opacity: 0; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .distrib__input:focus { border: 1px solid #dc3e38; } .error { background-image: url(images/bg/bg.png); background-repeat: repeat; padding: 170px 0 0 0; } .error__container { min-height: 460px; padding: 100px 170px; background-color: #fff; position: relative; overflow: hidden; } .error__title { font-size: 140px; font-weight: 400; font-family: "BaseNineC", sans-serif; color: #000; text-transform: uppercase; } .error__subtitle { font-size: 24px; font-weight: 400; font-family: "BaseNineC", sans-serif; color: #000; } .error__image { position: absolute; background-repeat: no-repeat; background-position: center; -webkit-background-size: contain; background-size: contain; } .error__image--1 { bottom: -130px; right: 120px; width: 360px; height: 240px; background-image: url(images/bg/footer-body-right.png); } .error__image--2 { bottom: 0px; right: 130px; width: 260px; height: 350px; background-image: url(images/bg/404-head.gif); } .contacts { padding: 100px 0 0 0; } @media (min-width: 992px) { .contacts { padding: 140px 0 0 0; } } .contacts__bg { background-image: url(images/bg/bg.png); background-repeat: repeat; padding: 0 0 80px 0; } .contacts__container { padding: 0 0 30px 0; background-color: #fff; } .contacts__title { font-size: 24px; font-weight: 400; font-family: "BaseNineC", sans-serif; color: #000; padding: 0 0 50px 0; text-align: center; } @media (min-width: 992px) { .contacts__title { font-size: 50px; } } .contacts__managers { max-width: 1000px; margin: 0 auto; } .contacts__text p { font-size: 10px; font-weight: 400; line-height: 1.4; color: #9b9b9b; padding: 0 10px 20px 0; max-width: 500px; margin: 0 auto; text-align: center; } @media (min-width: 992px) { .contacts__text p { font-size: 12px; } } .contacts__text a { color: #000; -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; } .contacts__text a:hover { color: #dc3e38; } .contacts__map { padding: 30px 10px 0; } @media (min-width: 992px) { .contacts__map { padding: 80px 30px 0; } } .managers { padding: 0 10px; } @media (min-width: 992px) { .managers { padding: 0 20px; } } @media (min-width: 992px) { .managers { padding: 0 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .managers__left { max-width: 360px; margin: 0 auto; } @media (min-width: 992px) { .managers__left { max-width: 100%; margin: 0; width: 46%; } } .managers__right { max-width: 360px; margin: 0 auto; } @media (min-width: 992px) { .managers__right { max-width: 100%; margin: 0; width: 46%; } } .managers__title { font-size: 14px; font-weight: 400; font-family: "BaseNineC", sans-serif; color: #000; padding: 0 0 10px 0; position: relative; text-align: center; } @media (min-width: 992px) { .managers__title { text-align: left; font-size: 20px; } } .managers__title:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background-color: #000; } .managers__list { list-style: none; padding: 15px 0 35px; } .managers__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 15px 0; } .managers__photo { width: 80px; height: 80px; border-radius: 15em; -webkit-background-size: contain; background-size: contain; background-repeat: no-repeat; background-position: center; } @media (min-width: 992px) { .managers__photo { width: 100px; height: 100px; } } .managers__info { padding: 0 0 0 5px; } @media (min-width: 992px) { .managers__info { padding: 0 0 0 20px; } } .managers__name { font-size: 14px; font-weight: 400; font-family: "BaseNineC", sans-serif; color: #000; padding: 0 0 10px 0; } .managers__phone { font-size: 12px; font-weight: 400; color: #000; padding: 0 0 10px 0; } .managers__email { font-size: 12px; font-weight: 400; color: #000; padding: 0 0 10px 0; } .managers__link { color: #dc3e38; border-bottom: 1px solid transparent; -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; } .managers__link:hover { border-bottom: 1px solid #dc3e38; } .map { position: relative; } .acf-map { width: 100%; height: 400px; border: #ccc solid 1px; margin: 20px 0; } /* fixes potential theme css conflict */ .acf-map img { max-width: inherit !important; } .map__container { width: 100%; height: 280px; } @media (min-width: 992px) { .map__container { height: 450px; } } .map__info { max-width: 420px; padding: 20px 10px 0; background-color: #fff; margin: 0 auto; } @media (min-width: 992px) { .map__info { padding: 20px 40px; max-width: 720px; position: absolute; bottom: 0; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); } } .map__title { font-size: 20px; font-weight: 400; font-family: "BaseNineC", sans-serif; color: #000; padding: 0 0 10px 0; text-align: center; position: relative; } .map__title:after { content: ""; position: absolute; bottom: 0; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); width: 70%; height: 2px; background-color: #000; } .map__address { font-size: 14px; font-weight: 400; line-height: 1.4; color: #000; padding: 20px 0 20px 0; text-align: center; } @media (min-width: 992px) { .map__address { font-size: 20px; } } .academy { padding: 40px 0 60px; position: relative; } @media (min-width: 992px) { .academy { padding: 80px 0 130px; } } .academy__title { font-size: 24px; font-weight: 400; font-family: "BaseNineC", sans-serif; color: #000; text-transform: uppercase; padding: 0 0 10px 0; text-align: center; position: relative; } @media (min-width: 992px) { .academy__title { font-size: 50px; } } .academy__title:after { content: ""; position: absolute; bottom: -50px; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); width: 60px; height: 65px; background-repeat: no-repeat; background-position: center; -webkit-background-size: contain; background-size: contain; background-image: url(images/bg/hand-right-down.png); } @media (min-width: 992px) { .academy__title:after { width: 78px; height: 81px; bottom: -80px; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); } } .academy__list { padding: 50px 0 0 0; } @media (min-width: 768px) { .academy__list { width: 50%; } } @media (min-width: 992px) { .academy__list { padding: 130px 0 0 0; } } .academy__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px 0; } .academy__number { width: 30px; height: 30px; background-color: #dc3e38; border-radius: 15em; text-align: center; font-size: 18px; font-weight: 400; font-family: "BaseNineC", sans-serif; color: #fff; line-height: 30px; margin: 0 10px 0 0; } @media (min-width: 992px) { .academy__number { width: 46px; height: 46px; font-size: 30px; line-height: 46px; margin: 0 40px 0 0; } } .academy__text { font-size: 14px; font-weight: 400; font-family: "BaseNineC", sans-serif; color: #000; } @media (min-width: 768px) { .academy__text { font-size: 18px; } } @media (min-width: 992px) { .academy__text { font-size: 24px; } } .academy__button { padding: 50px 0 0 0; text-align: center; } .academy__bg { position: absolute; top: 40%; right: 0; background-image: url(images/bg/bg-m.png); background-repeat: repeat; height: 80px; width: 50%; z-index: -1; } @media (min-width: 768px) { .academy__bg { height: 100px; width: 50%; } } @media (min-width: 992px) { .academy__bg { height: 160px; background-image: url(images/bg/bg.png); top: 50%; } } .academy__image { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-10%, -50%); -ms-transform: translate(-10%, -50%); -o-transform: translate(-10%, -50%); transform: translate(-10%, -50%); background-image: url(images/bg/man-with-head.png); background-repeat: no-repeat; background-position: center; -webkit-background-size: contain; background-size: contain; height: 360px; width: 280px; } @media (min-width: 768px) { .academy__image { -webkit-transform: translate(10%, -50%); -ms-transform: translate(10%, -50%); -o-transform: translate(10%, -50%); transform: translate(10%, -50%); height: 610px; width: 400px; } } @media (min-width: 992px) { .academy__image { height: 770px; width: 540px; -webkit-transform: translate(10%, -40%); -ms-transform: translate(10%, -40%); -o-transform: translate(10%, -40%); transform: translate(10%, -40%); } } .history__photo { width: 100%; height: 240px; } @media (min-width: 768px) { .history__photo { height: 400px; } } @media (min-width: 992px) { .history__photo { margin: 0 auto; width: calc(100% - 100px); height: 650px; } } .history__title { font-size: 24px; font-weight: 400; font-family: "BaseNineC", sans-serif; line-height: 1; color: #000; text-transform: uppercase; text-align: center; padding: 40px 0 30px 0; background-color: #fff; } @media (min-width: 992px) { .history__title { font-size: 50px; padding: 45px 0 35px 0; max-width: 720px; margin: -70px auto 0; } } .history__text { font-size: 14px; font-weight: 400; line-height: 1.8; color: #000; max-width: 820px; margin: 0 auto; } .history__text p { padding: 0 0 20px 0; } .history__share { max-width: 220px; margin: 0 auto; padding: 80px 0 120px; position: relative; } .history__share:after { content: ""; position: absolute; bottom: 30px; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); width: 57px; height: 72px; background-repeat: no-repeat; background-position: center; -webkit-background-size: contain; background-size: contain; background-image: url(images/bg/hand-right-pointer-down.png); } .quote { max-width: 820px; margin: 0 auto; padding: 40px 0 20px 0px; position: relative; } @media (min-width: 768px) { .quote { padding: 60px 0 30px 110px; } } @media (min-width: 992px) { .quote { padding: 80px 0 50px 160px; } } .quote__image { width: 130px; height: 130px; background-position: center; -webkit-background-size: contain; background-size: contain; background-repeat: no-repeat; background-image: url(images/bg/dragon.png); position: absolute; top: 50px; right: 200px; -webkit-transform: rotate(25deg); -ms-transform: rotate(25deg); -o-transform: rotate(25deg); transform: rotate(25deg); display: none; } @media (min-width: 768px) { .quote__image { display: block; } } .quote__photo { width: 100px; height: 100px; border-radius: 15em; background-position: center; -webkit-background-size: contain; background-size: contain; background-repeat: no-repeat; position: absolute; top: 0; left: 0; z-index: -1; opacity: .7; } @media (min-width: 768px) { .quote__photo { width: 140px; height: 140px; } } @media (min-width: 992px) { .quote__photo { width: 190px; height: 190px; } } .quote__name { font-size: 20px; font-weight: 400; font-family: "BaseNineC", sans-serif; line-height: 1; color: #000; padding: 0 0 10px 80px; } @media (min-width: 768px) { .quote__name { padding: 0 0 10px 0; } } .quote__position { font-size: 17px; font-weight: 600; line-height: 1.4; color: #000; padding: 0 0 20px 80px; } @media (min-width: 768px) { .quote__position { padding: 0 0 30px 0; } } .quote__text { font-size: 14px; font-weight: 400; font-style: italic; line-height: 1.8; color: #000; padding: 0 0 10px 40px; position: relative; } @media (min-width: 768px) { .quote__text { font-size: 16px; padding: 0 0 10px 60px; } } @media (min-width: 992px) { .quote__text { font-size: 18px; } } .quote__text:after { content: ""; position: absolute; top: -5px; left: 0; width: 30px; height: 40px; background-position: center; -webkit-background-size: contain; background-size: contain; background-repeat: no-repeat; background-image: url(images/elems/quote.png); } @media (min-width: 768px) { .quote__text:after { top: 10px; left: 0; width: 40px; height: 50px; } } @media (min-width: 768px) { .download { display: -webkit-box; display: -ms-flexbox; display: flex; } } .download__item { border: 2px solid #000; display: inline-block; padding: 15px 20px; -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; width: 100%; } @media (min-width: 768px) { .download__item { width: 50%; } } @media (min-width: 992px) { .download__item { padding: 24px 90px; } } .download__item--left { border-left: none; border-right: none; border-bottom: none; } @media (min-width: 768px) { .download__item--left { border-left: none; border-right: 2px solid #000; border-bottom: 2px solid #000; text-align: right; } } .download__item--right { border-left: none; border-right: none; } .download__item:hover { background-color: #dc3e38; } .download__item:hover .download__title { color: #fff; } .download__item:hover .download__title:after { background-image: url(images/elems/download-w.svg); } .download__title { font-size: 14px; font-weight: 600; line-height: 1.3; color: #000; position: relative; display: inline-block; padding: 0 70px 0 0; width: 100%; } @media (min-width: 992px) { .download__title { padding: 0 40px 0 0; width: auto; font-size: 17px; padding: 0 50px 0 0; } } .download__title:after { content: ""; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); right: 0; width: 24px; height: 24px; background-image: url(images/elems/download.svg); -webkit-background-size: contain; background-size: contain; background-repeat: no-repeat; background-position: center; } .number { background-image: url(images/bg/bg.png); background-repeat: repeat; padding: 0 0 50px 0; } @media (min-width: 992px) { .number { padding: 0 0 100px 0; } } .number__container { background-color: #fff; padding: 40px 0 40px; } @media (min-width: 768px) { .number__container { padding: 60px 0 60px; } } @media (min-width: 992px) { .number__container { padding: 180px 0 100px; } } .number__title { font-size: 24px; font-weight: 400; font-family: "BaseNineC", sans-serif; color: #000; text-transform: uppercase; text-align: center; } @media (min-width: 992px) { .number__title { font-size: 40px; } } .slider-num { position: relative; } .slider-num__container { width: 80%; padding: 60px 0; position: relative; } @media (min-width: 768px) { .slider-num__container { padding: 100px 0; } } .slider-num__container:before { content: ""; position: absolute; top: 0; left: 0; width: 5px; height: 100%; background-color: #fff; z-index: 10; } .slider-num__container:after { content: ""; position: absolute; top: 0; right: 0; width: 5px; height: 100%; background-color: #fff; z-index: 10; } .slider-num__slide { position: relative; } .slider-num__slide:before { content: ""; position: absolute; top: 0; left: 0; width: 1px; height: 70px; background-color: #000; } .slider-num__slide:after { content: ""; position: absolute; top: 0; right: 0; width: 1px; height: 70px; background-color: #000; } .slider-num__pagination { position: absolute; } .slider-num__pagination .swiper-pagination-bullet { width: 5px; height: 5px; background-color: #9b9b9b; opacity: 1; } .slider-num__pagination .swiper-pagination-bullet-active { background-color: transparent; border: 1px solid #9b9b9b; } .slider-num__next { right: 10px; width: 35px; height: 27px; background-image: url(images/elems/arrow-thin-right.svg); background-position: center; -webkit-background-size: contain; background-size: contain; } @media (min-width: 992px) { .slider-num__next { right: 50px; } } .slider-num__prev { left: 10px; width: 35px; height: 27px; background-image: url(images/elems/arrow-thin-left.svg); background-position: center; -webkit-background-size: contain; background-size: contain; } @media (min-width: 992px) { .slider-num__prev { left: 50px; } } .slider-num__content { max-width: 160px; margin: 0 auto; text-align: center; } @media (min-width: 992px) { .slider-num__content { text-align: left; } } .slider-num__number { font-size: 65px; font-weight: 600; line-height: 1; font-family: "BaseNineC", sans-serif; color: #dc3e38; height: 70px; } .slider-num__text { font-size: 16px; font-weight: 400; line-height: 1.4; color: #000; padding: 0 0 5px 0; text-transform: uppercase; } .ten-reason { padding: 50px 0 70px 0; overflow: hidden; } @media (min-width: 992px) { .ten-reason { padding: 100px 0 100px 0; } } .ten-reason__title { font-size: 24px; font-weight: 400; font-family: "BaseNineC", sans-serif; color: #000; text-align: center; padding: 0 0 50px 0; } @media (min-width: 992px) { .ten-reason__title { padding: 0; font-size: 50px; } } @media (min-width: 992px) { .ten-reason__container { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 60px 0 0 0; } } @media (min-width: 1200px) { .ten-reason__container { padding: 100px 0 0 0; } } @media (min-width: 992px) { .ten-reason__left { width: 50%; } } .ten-reason__right { position: relative; } @media (min-width: 992px) { .ten-reason__right { width: 50%; } } .ten-reason__item { position: relative; padding: 0 0 0 40px; margin: 0 0 30px 0; list-style: none; } @media (min-width: 768px) { .ten-reason__item { padding: 0 0 0 80px; margin: 0 0 40px 0; } } @media (min-width: 992px) { .ten-reason__item { opacity: 0; -webkit-transition: all ease .6s; -o-transition: all ease .6s; transition: all ease .6s; -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0); } } .ten-reason__item--active { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .ten-reason__number { width: 30px; height: 30px; background-color: #dc3e38; border-radius: 15em; text-align: center; font-size: 18px; font-weight: 400; font-family: "BaseNineC", sans-serif; color: #fff; line-height: 30px; margin: 0 40px 0 0; position: absolute; top: 0; left: 0; } @media (min-width: 768px) { .ten-reason__number { width: 46px; height: 46px; font-size: 30px; line-height: 46px; font-size: 30px; } } .ten-reason__text { font-size: 14px; font-weight: 600; line-height: 1.2; color: #000; padding: 0 0 5px 0; } @media (min-width: 768px) { .ten-reason__text { font-size: 18px; font-weight: 400; font-family: "BaseNineC", sans-serif; padding: 0 0 20px 0; } } .ten-reason__subtext { font-size: 10px; font-weight: 400; line-height: 1.2; color: #9b9b9b; display: none; } @media (min-width: 768px) { .ten-reason__subtext { font-size: 12px; line-height: 2; } } @media (min-width: 992px) { .ten-reason__subtext { display: block; } } .ten-reason__link-m { font-size: 10px; font-weight: 400; line-height: 1.2; color: #9b9b9b; position: relative; display: inline-block; cursor: pointer; } @media (min-width: 992px) { .ten-reason__link-m { display: none; } } .ten-reason__link-m:after { content: ""; width: 10px; height: 5px; background-repeat: no-repeat; background-position: center; -webkit-background-size: contain; background-size: contain; background-image: url(images/elems/dropdown.svg); position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); right: -13px; } .ten-reason__image { background-repeat: no-repeat; background-position: center; -webkit-background-size: contain; background-size: contain; position: absolute; z-index: -10; display: none; } @media (min-width: 992px) { .ten-reason__image { display: block; } } .ten-reason__image--1 { right: -180px; top: 0; width: 700px; height: 700px; background-image: url(images/bg/head-copywriting-flip.png); -webkit-transform: translate3d(200%, 0, 0); transform: translate3d(200%, 0, 0); -webkit-transition: all ease 1.5s; -o-transition: all ease 1.5s; transition: all ease 1.5s; opacity: 0; } @media (min-width: 1200px) { .ten-reason__image--1 { right: -100px; } } .ten-reason__image--1--active { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .ten-reason__image--2 { bottom: 0px; left: 0; width: 415px; height: 870px; background-image: url(images/bg/about-man.png); } .ten-reason__image--3 { bottom: 670px; left: 60px; width: 400px; height: 400px; background-image: url(images/bg/head-artdirection.png); -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); -o-transform: rotate(15deg); transform: rotate(15deg); bottom: 630px; -webkit-transition: all ease 1.5s; -o-transition: all ease 1.5s; transition: all ease 1.5s; } .ten-reason__image--3--active { bottom: 670px; } @-webkit-keyframes ten-items { 0% { opacity: 0; -webkit-transform: translateY(6px); transform: translateY(6px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @-o-keyframes ten-items { 0% { opacity: 0; -o-transform: translateY(6px); transform: translateY(6px); } 100% { opacity: 1; -o-transform: translateY(0); transform: translateY(0); } } @keyframes ten-items { 0% { opacity: 0; -webkit-transform: translateY(6px); -o-transform: translateY(6px); transform: translateY(6px); } 100% { opacity: 1; -webkit-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } .pag-wrpe { padding: 100px 0 50px; } @media (min-width: 768px) { .page-wrp { padding: 140px 0 50px; } } .page__container { max-width: 1000px; margin: 0 auto; } .page__container a{ color: #ff0000; } .page__container a:hover{ text-decoration: underline; } .page__container a:visited{ color: #ae0000; } .page-wrp h1 { font-size: 24px; font-weight: 400; line-height: 1; font-family: "BaseNineC", sans-serif; color: #000; text-align: center; padding: 20px 0 20px 0; } @media (min-width: 768px) { .page-wrp h1 { font-size: 50px; } } .page-wrp h2 { font-size: 18px; font-weight: 400; line-height: 1.2; font-family: "BaseNineC", sans-serif; color: #000; padding: 15px 0 15px 0; } @media (min-width: 768px) { .page-wrp h2 { font-size: 30px; padding: 20px 0 20px 0; } } .page-wrp p { font-size: 14px; font-weight: 400; line-height: 1.6; color: #000; padding: 10px 0 20px 0; } .page-wrp ul li { list-style: none; font-size: 16px; font-weight: 600; line-height: 1.6; color: #000; padding: 10px 0 10px 0; } .page-wrp ul ul li { list-style: none; font-size: 14px; font-weight: 400; line-height: 1.6; color: #000; padding: 10px 0 10px 40px; } .page__share { max-width: 220px; margin: 0 auto; padding: 60px 0 60px; } .crumbs { list-style: none; padding: 0 0 30px 0; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; display: none; } @media (min-width: 992px) { .crumbs { display: -webkit-box; display: -ms-flexbox; display: flex; } } .crumbs > span { font-size: 12px; font-weight: 400; line-height: 1.6; color: #000; padding: 0 2px; } /*.crumbs li.crumbs__item:after { content: " / "; font-size: 12px; }*/ /*.crumbs li.crumbs__item:last-child:after { content: ""; }*/ .crumbs > span a { font-size: 12px; font-weight: 400; line-height: 1.6; color: #000; padding: 0 2px; } .crumbs > span a:hover { color: #dc3e38; } .branches { padding: 30px 0 30px 0; position: relative; } @media (min-width: 768px) { .branches { padding: 60px 0 60px 0; } } .branches__container { position: relative; max-width: 1000px; margin: 0 auto; } .branches__title { font-size: 24px; font-weight: 400; font-family: "BaseNineC", sans-serif; color: #000; padding: 30px 0 30px 0; } @media (min-width: 768px) { .branches__title { font-size: 30px; padding: 60px 0 30px 150px; } } @media (min-width: 992px) { .branches__title { font-size: 50px; } } .branches__text { font-size: 14px; font-weight: 400; line-height: 1.8; color: #000; padding: 0 0 20px 0; } @media (min-width: 768px) { .branches__text { padding: 0 0 20px 240px; } } @media (min-width: 992px) { .branches__text { padding: 0 0 20px 320px; } } .branches__text p { padding: 0 0 30px 0; } .branches__photo { width: 180px; height: 180px; background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; background-size: cover; border-radius: 15em; position: absolute; top: 0; left: 0; z-index: -1; opacity: .7; } @media (min-width: 768px) { .branches__photo { width: 220px; height: 220px; } } @media (min-width: 992px) { .branches__photo { width: 290px; height: 290px; } } .branches__photo:after { content: ""; position: absolute; top: 30px; right: -30px; width: 600%; height: 100px; background-image: url(images/bg/bg-m.png); background-repeat: repeat; z-index: -1; } @media (min-width: 768px) { .branches__photo:after { height: 160px; background-image: url(images/bg/bg.png); } } .branches__button { text-align: center; padding: 50px 0 50px; } @media (min-width: 768px) { .branches__button { padding: 50px 0 100px; } } .branches__share { padding: 80px 0 60px; max-width: 220px; margin: 0 auto; } .branches__image { width: 215px; height: 165px; position: absolute; bottom: 60px; right: 0; -webkit-background-size: contain; background-size: contain; background-position: center; background-repeat: no-repeat; background-image: url(images/bg/redlips.png); display: none; } @media (min-width: 768px) { .branches__image { display: block; } } .branches--revers { padding: 70px 0 0 0; } @media (min-width: 768px) { .branches--revers { padding: 100px 0 0 0; } } .branches--revers .branches__photo { right: 0; left: auto; } .branches--revers .branches__photo:after { left: -30px; } .branches--revers .branches__title { padding: 60px 0 30px 0; } .branches--revers .branches__text { padding: 0 0 20px 0; } @media (min-width: 768px) { .branches--revers .branches__text { padding: 0 240px 20px 0; } } @media (min-width: 992px) { .branches--revers .branches__text { padding: 0 320px 20px 0; } } .branches--revers .branches__image { width: 260px; height: 180px; background-image: url(images/bg/eye-faculties.png); } .branches--revers .branches__container:after { content: ""; width: 100%; height: 2px; background-color: #9b9b9b; position: absolute; top: -60px; left: 0; } @media (min-width: 768px) { .branches--revers .branches__container:after { top: -100px; } } .branches--revers .branches__container:before { content: ""; width: 150px; height: 150px; background-image: url(images/bg/dragon-inv.png); -webkit-background-size: contain; background-size: contain; background-position: center; background-repeat: no-repeat; position: absolute; top: -100px; left: -100px; display: none; } @media (min-width: 768px) { .branches--revers .branches__container:before { display: block; } } .br-contacts__flex-container { max-width: 1000px; margin: 0 auto; } @media (min-width: 768px) { .br-contacts__flex-container { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (min-width: 768px) { .br-contacts__left { width: 50%; } } @media (min-width: 768px) { .br-contacts__right { width: 50%; } } .br-contacts__title { font-size: 20px; font-weight: 400; font-family: "BaseNineC", sans-serif; color: #000; padding: 0 0 30px 0; text-align: center; } @media (min-width: 768px) { .br-contacts__title { text-align: left; width: 50%; } } @media (min-width: 992px) { .br-contacts__title { font-size: 30px; } } .br-contacts__list { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 0 30px 0; } @media (min-width: 768px) { .br-contacts__list { padding: 0; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .br-contacts__item { padding: 0 0 20px 0; } @media (min-width: 768px) { .br-contacts__item { padding: 0 30px 30px 0; } } .br-contacts__link { font-size: 18px; font-weight: 600; line-height: 2; color: #3c3c3c; display: inline-block; border: 2px solid #3c3c3c; padding: 0 15px; text-align: center; white-space: nowrap; -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; } .br-contacts__link:hover { color: #fff; background-color: #3c3c3c; } .br-contacts__contacts { font-size: 14px; font-weight: 400; line-height: 2; color: #3c3c3c; } @media (min-width: 768px) { .br-contacts__contacts { font-size: 18px; line-height: 1.6; } } .br-contacts__contacts a { color: #dc3e38; display: inline-block; border-bottom: 1px solid transparent; -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; } .br-contacts__contacts a:hover { -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; border-bottom: 1px solid #dc3e38; } .menu-icon { width: 26px; height: 24px; cursor: pointer; position: relative; z-index: 102; } .menu-icon.dl-active .menu-icon__item { background-color: #fff; } .menu-icon.dl-active .menu-icon__item:nth-child(1) { top: 10px; width: 0%; } .menu-icon.dl-active .menu-icon__item:nth-child(2) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .menu-icon.dl-active .menu-icon__item:nth-child(3) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .menu-icon.dl-active .menu-icon__item:nth-child(4) { top: 10px; width: 0%; } .menu-icon__item { width: 26px; height: 3px; background-color: #3c3c3c; display: inline-block; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; position: absolute; } .menu-icon__item:nth-child(1) { top: 0px; } .menu-icon__item:nth-child(2) { top: 10px; } .menu-icon__item:nth-child(3) { top: 10px; } .menu-icon__item:nth-child(4) { top: 20px; } .menu-m { width: 100%; height: 100%; position: absolute; top: 0; right: 0; z-index: 100; } .menu-m__item { font-size: 20px; font-weight: 400; color: #fff; } .loader { width: 100%; height: 100%; position: fixed; z-index: 10000; background-color: #fff; } .loader--ready { opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s, visibility 0s linear 0.3s; -o-transition: opacity 0.3s, visibility 0s linear 0.3s; transition: opacity 0.3s, visibility 0s linear 0.3s; } .loader__content { position: absolute; top: 50%; margin: 0 auto; -webkit-transform: translate(0, -70%); -ms-transform: translate(0, -70%); -o-transform: translate(0, -70%); transform: translate(0, -70%); width: 300px; height: 400px; position: relative; -webkit-animation: loader 1s cubic-bezier(0.7, 0, 0.3, 1) both; -o-animation: loader 1s cubic-bezier(0.7, 0, 0.3, 1) both; animation: loader 1s cubic-bezier(0.7, 0, 0.3, 1) both; } @media (min-width: 768px) { .loader__content { width: 400px; height: 500px; } } .loader__img { width: 100%; height: 100%; background-position: center; background-image: url(images/bg/loader.gif); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; } .loader__balloons { position: absolute; bottom: 0; left: 50%; -webkit-transform: -50%, 0; -ms-transform: -50%, 0; -o-transform: -50%, 0; transform: -50%, 0; width: 12px; height: 12px; background-color: #dc3e38; border-radius: 15em; -webkit-animation: loader10m 3s ease-in-out infinite; -o-animation: loader10m 3s ease-in-out infinite; animation: loader10m 3s ease-in-out infinite; } .loader__balloons:after { content: ""; position: absolute; top: 0px; left: 25px; height: 12px; width: 12px; border-radius: 15em; -webkit-animation: loader10d 3s ease-in-out infinite; -o-animation: loader10d 3s ease-in-out infinite; animation: loader10d 3s ease-in-out infinite; } .loader__balloons:before { content: ""; position: absolute; top: 0px; left: -25px; height: 12px; width: 12px; border-radius: 15em; -webkit-animation: loader10g 3s ease-in-out infinite; -o-animation: loader10g 3s ease-in-out infinite; animation: loader10g 3s ease-in-out infinite; } @-webkit-keyframes loader { from { opacity: 0; -webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0); } } @-o-keyframes loader { from { opacity: 0; transform: translate3d(0, 100px, 0); } } @keyframes loader { from { opacity: 0; -webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0); } } @-webkit-keyframes loader10g { 0% { background-color: rgba(220, 62, 56, 0.2); } 25% { background-color: #dc3e38; } 50% { background-color: rgba(220, 62, 56, 0.2); } 75% { background-color: rgba(220, 62, 56, 0.2); } 100% { background-color: rgba(220, 62, 56, 0.2); } } @-o-keyframes loader10g { 0% { background-color: rgba(220, 62, 56, 0.2); } 25% { background-color: #dc3e38; } 50% { background-color: rgba(220, 62, 56, 0.2); } 75% { background-color: rgba(220, 62, 56, 0.2); } 100% { background-color: rgba(220, 62, 56, 0.2); } } @keyframes loader10g { 0% { background-color: rgba(220, 62, 56, 0.2); } 25% { background-color: #dc3e38; } 50% { background-color: rgba(220, 62, 56, 0.2); } 75% { background-color: rgba(220, 62, 56, 0.2); } 100% { background-color: rgba(220, 62, 56, 0.2); } } @-webkit-keyframes loader10m { 0% { background-color: rgba(220, 62, 56, 0.2); } 25% { background-color: rgba(220, 62, 56, 0.2); } 50% { background-color: #dc3e38; } 75% { background-color: rgba(220, 62, 56, 0.2); } 100% { background-color: rgba(220, 62, 56, 0.2); } } @-o-keyframes loader10m { 0% { background-color: rgba(220, 62, 56, 0.2); } 25% { background-color: rgba(220, 62, 56, 0.2); } 50% { background-color: #dc3e38; } 75% { background-color: rgba(220, 62, 56, 0.2); } 100% { background-color: rgba(220, 62, 56, 0.2); } } @keyframes loader10m { 0% { background-color: rgba(220, 62, 56, 0.2); } 25% { background-color: rgba(220, 62, 56, 0.2); } 50% { background-color: #dc3e38; } 75% { background-color: rgba(220, 62, 56, 0.2); } 100% { background-color: rgba(220, 62, 56, 0.2); } } @-webkit-keyframes loader10d { 0% { background-color: rgba(220, 62, 56, 0.2); } 25% { background-color: rgba(220, 62, 56, 0.2); } 50% { background-color: rgba(220, 62, 56, 0.2); } 75% { background-color: #dc3e38; } 100% { background-color: rgba(220, 62, 56, 0.2); } } @-o-keyframes loader10d { 0% { background-color: rgba(220, 62, 56, 0.2); } 25% { background-color: rgba(220, 62, 56, 0.2); } 50% { background-color: rgba(220, 62, 56, 0.2); } 75% { background-color: #dc3e38; } 100% { background-color: rgba(220, 62, 56, 0.2); } } @keyframes loader10d { 0% { background-color: rgba(220, 62, 56, 0.2); } 25% { background-color: rgba(220, 62, 56, 0.2); } 50% { background-color: rgba(220, 62, 56, 0.2); } 75% { background-color: #dc3e38; } 100% { background-color: rgba(220, 62, 56, 0.2); } } /*# sourceMappingURL=main.css.map */ #menu-main-menu > li > .sub-menu{ width: 100%; padding-top: 25px; } .sub-menu .menu-item .sub-menu:after{ /*display: none!important;*/ right: -15px!important; } #menu-main-menu > li > .sub-menu li.menu-item-type-custom{ float: left; display: block; list-style-type: none; padding-right: 25px; } #menu-main-menu > li > .sub-menu li.menu-item-type-taxonomy{ width: calc(100% / 5); float: left; display: block; list-style-type: none; padding-right: 30px; /*border-right: 1px solid #979797;*/ } #menu-main-menu > li > .sub-menu li.menu-item-type-custom a, #menu-main-menu > li > .sub-menu li.menu-item-type-taxonomy a{ font-size: 24px!important; font-weight: 400; font-family: "BaseNineC", sans-serif; color: #000; padding: 0 0 20px 0; display: inline-block; -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; white-space: normal!important; text-transform: uppercase; } @media (max-width: 1380px) { #menu-main-menu > li > .sub-menu li.menu-item-type-custom a, #menu-main-menu > li > .sub-menu li.menu-item-type-taxonomy a { font-size: 18px!important; } } @media (max-width: 1199px) { #menu-main-menu > li > .sub-menu li.menu-item-type-custom a, #menu-main-menu > li > .sub-menu li.menu-item-type-taxonomy a { font-size: 18px!important; } } #menu-main-menu > li > .sub-menu li.menu-item-type-custom li a, #menu-main-menu > li > .sub-menu li.menu-item-type-taxonomy li a{ font-size: 12px!important; font-weight: 600; line-height: 1.4; color: #3c3c3c; display: inline-block; font-family: 'Lato', sans-serif; padding: 0; margin: 0 0 18px 0; -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; text-transform: none; white-space: normal!important; } #menu-main-menu > li > .sub-menu a:hover{ color: #dc3e38!important } .rules__item.hidden{ display: none; } .select2-container--default .select2-selection--single{ width: 100%; height: 30px; border: 2px solid #3c3c3c; font-size: 12px; font-weight: 300; line-height: 1.2; color: #000; background-color: #fff; outline: none; } .select2-container--default .select2-selection--single{ border-radius: 0; } .select2.select2-container { width: 96%!important; margin: auto; } .select2-container--default .select2-selection--single .select2-selection__arrow{ width: 15px; height: 8px; background-image: url(../../assets/img/elems/dropdown-b.svg); top: 11px; right: 6px; } .select2-search--dropdown{ display: none; } .select2-container--default .select2-results>.select2-results__options{ border: 2px solid #dc3e38; border-top: none } .select2-container--default .select2-results__option--highlighted, .select2-container--default .select2-results__option--highlighted:hover{ background-color: #dc3e38!important; color: white; } .select2.select2-container--open .select2-selection--single{ border: 2px solid #dc3e38; } /*#dc3e38*/ /*.sf-input-text{ border: 2px solid #3c3c3c; height: 30px; font-size: 12px; width: 100%; padding: 0 10px; }*/ .teachers__filter .filter__container form ul{ max-width: 1000px; } .teachers__filter .filter__container form ul .sf-field-search .sf-input-text{ background-image: url(images/elems/search.svg); background-position: 97% center; background-repeat: no-repeat; } .teachers__filter .filter__container form ul .sf-field-search .sf-input-text:focus{ background-image: url(images/elems/search-r.svg); } .mfp-inline-holder .mfp-content{ background: #fff; max-width: 940px; margin-top: 10%; margin-bottom: 80px; padding: 60px 40px; } .mfp-inline-holder .mfp-content .anketa__subtitle{ padding-bottom: 10px; } .mfp-inline-holder .mfp-content .gform_footer{ padding-top: 20px; } .mfp-inline-holder .mfp-content .gform_footer .gform_button { display: block; float: none; margin: auto; font-size: 14px; font-weight: 400; font-family: "BaseNineC", sans-serif; line-height: 30px; text-transform: uppercase; color: #000; border: 2px solid #000; background-color: #fff; width: 135px; text-align: center; } .mfp-inline-holder .mfp-content .gform_footer .gform_button:hover{ background-color: #000 !important; color: #fff; } .header--on #menu-main-menu li:hover:not(.has-form) > a{ color: #dc3e38; } .program__sale img{ max-width: 100%; height: auto; } .gform_confirmation_message{ text-align: center; margin-bottom: 20px; } body:not(.single-faculties) .footer-btn{ display: none; } .footer-btn{ position: fixed; right: 60px; bottom: 40px; display: block; width: 150px; height: 150px; line-height: 150px; text-align: center; color: #fff; text-transform: uppercase; font-family: "BaseNineC", sans-serif; font-size: 20px; transition: color .3s ease-in-out; z-index: 99; } .footer-btn:after{ content: ''; display: block; width: 100%; height: 100%; border: 75px solid #d5483f; border-radius: 50%; position: absolute; top: 0; left: 0; z-index: -1; transition: border .3s ease-in-out; } .footer-btn:hover{ color: #d5483f; } .footer-btn:hover:after{ border: 5px solid #d5483f; } .page-template-template-anketa .footer-btn{ display: none; } @media only screen and (max-width: 64em) { .footer-btn{ right: 30px; bottom: 20px; width: 100px; height: 100px; line-height: 100px; font-size: 14px; } .footer-btn:after{ border: 50px solid #d5483f; } } /*#field_2_19{*/ /* padding: 0;*/ /*}*/ /*#field_2_32*/