@font-face { font-family: RFRufo; src: url(../fonts/RFRufo-Semibold.eot); src: url(../fonts/RFRufo-Semibold.eot?#iefix) format("embedded-opentype"), url(../fonts/RFRufo-Semibold.woff2) format("woff2"), url(../fonts/RFRufo-Semibold.woff) format("woff"), url(../fonts/RFRufo-Semibold.ttf) format("truetype"), url(../fonts/RFRufo-Semibold.svg#RFRufo-Semibold) format("svg"); font-weight: 600; font-style: normal; } @font-face { font-family: "Open Sans"; src: url(../fonts/OpenSans-ExtraBold.eot); src: url(../fonts/OpenSans-ExtraBold.eot?#iefix) format("embedded-opentype"), url(../fonts/OpenSans-ExtraBold.woff2) format("woff2"), url(../fonts/OpenSans-ExtraBold.woff) format("woff"), url(../fonts/OpenSans-ExtraBold.ttf) format("truetype"), url(../fonts/OpenSans-ExtraBold.svg#OpenSans-ExtraBold) format("svg"); font-weight: 800; font-style: normal; } @font-face { font-family: "Open Sans"; src: url(../fonts/OpenSans-ExtraBoldItalic.eot); src: url(../fonts/OpenSans-ExtraBoldItalic.eot?#iefix) format("embedded-opentype"), url(../fonts/OpenSans-ExtraBoldItalic.woff2) format("woff2"), url(../fonts/OpenSans-ExtraBoldItalic.woff) format("woff"), url(../fonts/OpenSans-ExtraBoldItalic.ttf) format("truetype"), url(../fonts/OpenSans-ExtraBoldItalic.svg#OpenSans-ExtraBoldItalic) format("svg"); font-weight: 800; font-style: italic; } @font-face { font-family: "Open Sans"; src: url(../fonts/OpenSans-Light.eot); src: url(../fonts/OpenSans-Light.eot?#iefix) format("embedded-opentype"), url(../fonts/OpenSans-Light.woff2) format("woff2"), url(../fonts/OpenSans-Light.woff) format("woff"), url(../fonts/OpenSans-Light.ttf) format("truetype"), url(../fonts/OpenSans-Light.svg#OpenSans-Light) format("svg"); font-weight: 300; font-style: normal; } @font-face { font-family: "Open Sans"; src: url(../fonts/OpenSans-Bold.eot); src: url(../fonts/OpenSans-Bold.eot?#iefix) format("embedded-opentype"), url(../fonts/OpenSans-Bold.woff2) format("woff2"), url(../fonts/OpenSans-Bold.woff) format("woff"), url(../fonts/OpenSans-Bold.ttf) format("truetype"), url(../fonts/OpenSans-Bold.svg#OpenSans-Bold) format("svg"); font-weight: 700; font-style: normal; } @font-face { font-family: RFRufo; src: url(../fonts/RFRufo-BoldItalic.eot); src: url(../fonts/RFRufo-BoldItalic.eot?#iefix) format("embedded-opentype"), url(../fonts/RFRufo-BoldItalic.woff2) format("woff2"), url(../fonts/RFRufo-BoldItalic.woff) format("woff"), url(../fonts/RFRufo-BoldItalic.ttf) format("truetype"), url(../fonts/RFRufo-BoldItalic.svg#RFRufo-BoldItalic) format("svg"); font-weight: 700; font-style: italic; } @font-face { font-family: RFRufo; src: url(../fonts/RFRufo-Italic.eot); src: url(../fonts/RFRufo-Italic.eot?#iefix) format("embedded-opentype"), url(../fonts/RFRufo-Italic.woff2) format("woff2"), url(../fonts/RFRufo-Italic.woff) format("woff"), url(../fonts/RFRufo-Italic.ttf) format("truetype"), url(../fonts/RFRufo-Italic.svg#RFRufo-Italic) format("svg"); font-weight: 400; font-style: italic; } @font-face { font-family: "Open Sans"; src: url(../fonts/OpenSans-Italic.eot); src: url(../fonts/OpenSans-Italic.eot?#iefix) format("embedded-opentype"), url(../fonts/OpenSans-Italic.woff2) format("woff2"), url(../fonts/OpenSans-Italic.woff) format("woff"), url(../fonts/OpenSans-Italic.ttf) format("truetype"), url(../fonts/OpenSans-Italic.svg#OpenSans-Italic) format("svg"); font-weight: 400; font-style: italic; } @font-face { font-family: "Open Sans"; src: url(../fonts/OpenSans-Regular.eot); src: url(../fonts/OpenSans-Regular.eot?#iefix) format("embedded-opentype"), url(../fonts/OpenSans-Regular.woff2) format("woff2"), url(../fonts/OpenSans-Regular.woff) format("woff"), url(../fonts/OpenSans-Regular.ttf) format("truetype"), url(../fonts/OpenSans-Regular.svg#OpenSans-Regular) format("svg"); font-weight: 400; font-style: normal; } @font-face { font-family: "Open Sans"; src: url(../fonts/OpenSans-BoldItalic.eot); src: url(../fonts/OpenSans-BoldItalic.eot?#iefix) format("embedded-opentype"), url(../fonts/OpenSans-BoldItalic.woff2) format("woff2"), url(../fonts/OpenSans-BoldItalic.woff) format("woff"), url(../fonts/OpenSans-BoldItalic.ttf) format("truetype"), url(../fonts/OpenSans-BoldItalic.svg#OpenSans-BoldItalic) format("svg"); font-weight: 700; font-style: italic; } *, :after, :before { vertical-align: baseline; font-size: 100%; border: 0 none; outline: 0 none; margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } body, html { width: 100%; height: 100%; font-family: "Open Sans", Arial, sans-serif; color: #425464; font-size: 16px; font-weight: 400; line-height: 1; } li, ul { list-style-type: none; } a { text-decoration: none; color: #000; } img { max-width: 100%; } audio, canvas, iframe, img, svg, video { vertical-align: middle; } textarea { resize: none; } .container { width: 100%; max-width: 1170px; margin: 0 auto; } @media (max-width: 1170px) { .container { padding: 0 20px; } } .container--main { max-width: 1220px; } @media (max-width: 1220px) { .container--main { padding: 0 20px; } } .main { width: 100%; height: 100%; overflow: hidden; } .main--inner { -webkit-box-flex: 1; -webkit-flex: auto; -ms-flex: auto; flex: auto; } .wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; overflow-x: hidden; height: 100%; } .page-main.ie { overflow: hidden; } .page-main.ie #slider { background: url(../img/section1.jpg) center no-repeat; -webkit-background-size: cover; background-size: cover; } .page-main.ie .globus-anim, .page-main.ie .navigation, .page-main.ie .scroll, .page-main.ie .slide-bg { display: none; } .page-main .wrapper { overflow: hidden; } @media (max-width: 480px) { .page-main main.js-main-slider { overflow: hidden; } } .loader { -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .loader:before { content: ""; position: fixed; z-index: 100000; top: 0; left: 0; width: 100%; height: 100%; background: #009fe3; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .loader:after { content: ""; position: fixed; z-index: 100000; top: 50%; left: 50%; width: 60px; height: 60px; margin: -30px 0 0 -30px; pointer-events: none; -webkit-border-radius: 50%; border-radius: 50%; opacity: 0.4; background: #004b8d; -webkit-animation: loaderAnim 0.7s linear infinite alternate forwards; animation: loaderAnim 0.7s linear infinite alternate forwards; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } @-webkit-keyframes loaderAnim { to { opacity: 1; -webkit-transform: scale3d(0.5, 0.5, 1); transform: scale3d(0.5, 0.5, 1); } } @keyframes loaderAnim { to { opacity: 1; -webkit-transform: scale3d(0.5, 0.5, 1); transform: scale3d(0.5, 0.5, 1); } } .navigation { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: fixed; right: 11%; z-index: 10; } @media (max-width: 1220px) { .navigation { right: 20px; } } @media (max-width: 768px) { .navigation { top: unset; right: 50%; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); bottom: 80px; } } .navigation__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .navigation__list button { background: 0 0; } @media (max-width: 768px) { .navigation__list { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } } .navigation__item, .navigation__list button { color: #fff; font-size: 14px; text-transform: uppercase; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .navigation__item + .navigation__item, .navigation__list .navigation__item + button, .navigation__list button + .navigation__item, .navigation__list button + button { margin-top: 14px; } .navigation__item:before, .navigation__list button:before { content: ""; display: block; width: 40px; height: 2px; background-color: #fff; margin-right: 10px; display: none; } .navigation__item.active:before, .navigation__list button.active:before { display: block; } @media (max-width: 768px) { .navigation__item + .navigation__item, .navigation__list .navigation__item + button, .navigation__list button + .navigation__item, .navigation__list button + button { margin-top: 0; margin-left: 25px; } .navigation__item.active, .navigation__list button.active { color: rgba(255, 255, 255, 0.5); } .navigation__item.active:before, .navigation__list button.active:before { display: none; } } .scroll { bottom: 63px; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); position: fixed; width: 16px; height: 24px; -webkit-border-radius: 8px; border-radius: 8px; border: 2px solid #fff; opacity: 0.25; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; cursor: pointer; z-index: 10; } .scroll:before { content: ""; display: block; width: 2px; height: 6px; -webkit-border-radius: 2px; border-radius: 2px; border: 2px solid #fff; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); top: 3px; -webkit-transition: inherit; -o-transition: inherit; transition: inherit; -webkit-animation: animScrollLine 2s infinite; animation: animScrollLine 2s infinite; -webkit-animation-delay: 1s; animation-delay: 1s; } .scroll:hover { opacity: 1; } @media (max-width: 768px) { .scroll { display: none; } } @-webkit-keyframes animScrollLine { 0% { top: 3px; } 50% { top: 11px; } 100% { top: 3px; } } @keyframes animScrollLine { 0% { top: 3px; } 50% { top: 11px; } 100% { top: 3px; } } .citation { padding: 60px 0 89px; text-align: center; background: url(../img/citation-line.png) top center no-repeat; -webkit-background-size: cover; background-size: cover; } @media (max-width: 768px) { .citation { padding: 20px 0; } } .citation__text { color: #009fe3; font-family: RFRufo, Arial, sans-serif; font-weight: 400; font-style: italic; font-size: 32px; line-height: 40px; max-width: 620px; margin: 0 auto 56px; } @media (max-width: 768px) { .citation__text { font-size: 24px; line-height: 32px; margin-bottom: 16px; } } .citation__author { font-family: Verdana; } .citation__post { display: block; color: rgba(66, 84, 100, 0.7); font-size: 12px; margin-bottom: 10px; } .form__row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 768px) { .form__row { display: block; } } .form__col { width: 100%; } .form__col:first-child { max-width: 368px; } .form__col:last-child { max-width: 270px; } @media (max-width: 768px) { .form__col:first-child, .form__col:last-child { max-width: 100%; } .form__col:first-child { margin-bottom: 20px; } } .form__group + .form__group { margin-top: 48px; } .form__sublabel { display: block; font-family: Verdana; font-size: 14px; line-height: 18px; margin-bottom: 10px; } .form__subgroup { position: relative; } .form__subgroup--active .form__input { border-bottom-color: #009fe3; } .form__subgroup--error .form__input { border-bottom-color: #d52d17; } @media (max-width: 768px) { .form__subgroup { max-width: 280px; } } .form__input { border: 2px solid #eceef1; width: 100%; font-family: Verdana; font-size: 14px; line-height: 23px; padding: 16px; } .form__input:focus { border-bottom-color: #009fe3; } .form__input:disabled { color: rgba(66, 84, 100, 0.5); } .form__label { position: absolute; top: 18px; left: 16px; opacity: 0.5; font-family: Verdana; font-size: 14px; line-height: 23px; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .form__label.hide { opacity: 0; } .form__select { width: 100%; padding: 16px; -webkit-appearance: none; -moz-appearance: none; text-indent: 0.01px; -o-text-overflow: ""; text-overflow: ""; -ms-appearance: none; cursor: pointer; appearance: none !important; font-size: 14px; line-height: 23px; border: 2px solid #eceef1; border-bottom-color: #009fe3; } .form__select::-ms-expand { display: none; } .form__select:focus + .form__select-arrow { -webkit-transform: translateY(10px) rotate(135deg); -ms-transform: translateY(10px) rotate(135deg); transform: translateY(10px) rotate(135deg); } .form__select-arrow { display: block; width: 14px; height: 14px; border: 2px solid transparent; border-bottom-color: #009fe3; border-left-color: #009fe3; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; top: 15px; right: 15px; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; } .form__error { color: #d52d17; font-family: Verdana; font-size: 14px; line-height: 23px; padding-left: 16px; } .form__check-group, .form__radio-group { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .form__check-group + .form__check-group, .form__check-group + .form__radio-group, .form__radio-group + .form__check-group, .form__radio-group + .form__radio-group { margin-top: 24px; } .form__check-group--hover .form__radio-label:before, .form__radio-group--hover .form__radio-label:before { border-color: #009fe3; } .form__check-input, .form__radio-input { display: none; } .form__check-label, .form__radio-label { padding-left: 34px; position: relative; font-family: Verdana; font-size: 14px; line-height: 24px; cursor: pointer; } .form__check-label:after, .form__check-label:before, .form__radio-label:after, .form__radio-label:before { content: ""; display: block; position: absolute; top: 0; left: 0; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .form__check-label:before, .form__radio-label:before { width: 24px; height: 24px; border: 2px solid #eceef1; } .form__check-label:hover:before, .form__radio-label:hover:before { border-color: #009fe3; } .form__check-input:checked + .form__check-label:before, .form__check-input:checked + .form__radio-label:before, .form__radio-input:checked + .form__check-label:before, .form__radio-input:checked + .form__radio-label:before { border-color: #009fe3; } .form__check-input:checked + .form__check-label:after, .form__check-input:checked + .form__radio-label:after, .form__radio-input:checked + .form__check-label:after, .form__radio-input:checked + .form__radio-label:after { opacity: 1; } .form__check-input:disabled:checked + .form__radio-label:after, .form__radio-input:disabled:checked + .form__radio-label:after { background-color: #425464; opacity: 0.5; } .form__check-input:disabled:checked + .form__check-label:after, .form__radio-input:disabled:checked + .form__check-label:after { border-bottom-color: #425464; border-left-color: #425464; opacity: 0.5; } .form__check-input:disabled + .form__check-label:before, .form__check-input:disabled + .form__radio-label:before, .form__radio-input:disabled + .form__check-label:before, .form__radio-input:disabled + .form__radio-label:before { background-color: #eceef1; border-color: transparent; } .form__radio-label:before { -webkit-border-radius: 50%; border-radius: 50%; } .form__radio-label:after { width: 8px; height: 8px; -webkit-border-radius: 50%; border-radius: 50%; background-color: #009fe3; top: 8px; left: 8px; opacity: 0; } .form__check-label:after { width: 14px; height: 8px; border: 2px solid transparent; border-bottom-color: #009fe3; border-left-color: #009fe3; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: 5px; left: 5px; -webkit-border-radius: 2px; border-radius: 2px; opacity: 0; } .pagin { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .pagin__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border: 1px solid #eceef1; } .pagin__item--active .pagin__link { background-color: #009fe3; color: #fff; border-color: #009fe3; cursor: default; } .pagin__item--active .pagin__link:hover { color: #fff; } .pagin__link { border: 1px solid #eceef1; width: 50px; height: 50px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .pagin__link:hover { color: #009fe3; } .btn { color: #fff; font-family: RFRufo, Arial, sans-serif; font-weight: 600; font-style: normal; text-transform: uppercase; letter-spacing: 1px; padding: 10.5px 48.5px; background: #009fe3; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; cursor: pointer; border: none; outline: 0; border: 2px solid transparent; -webkit-box-sizing: border-box; box-sizing: border-box; } .btn:hover { background: #004b8d; } .btn:disabled { background-color: #eceef1; color: rgba(19, 41, 61, 0.5); cursor: default; } .btn--icon { padding-top: 8px; padding-bottom: 8px; } .btn--icon.btn--empty:hover { background: #004b8d; } .btn--hover { background: #004b8d; } .btn--empty { background: #fff; color: #009fe3; border: 2px solid #009fe3; } .btn--empty:hover { background: #009fe3; border-color: transparent; color: #fff; } .btn--empty--hover { background: #009fe3; border-color: transparent; color: #fff; } @media (max-width: 768px) { .btn { max-width: 280px; } } .link { color: #004b8d; font-family: RFRufo, Arial, sans-serif; font-weight: 600; font-style: normal; text-transform: uppercase; letter-spacing: 1px; padding-top: 26px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .link:before { content: ""; display: block; width: 80px; height: 2px; background-color: #004b8d; margin-bottom: 24px; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .link:hover { color: #009fe3; } .link:hover:before { width: 160px; background: #009fe3; } .link--hover { color: #009fe3; } .link--hover:before { width: 160px; background: #009fe3; } @media (max-width: 768px) { .acco { width: -webkit-calc(100% + 40px); width: calc(100% + 40px); margin-left: -20px; } } .acco__item { border-top: 2px solid #eceef1; } .acco__item:last-child { border-bottom: 2px solid #eceef1; } .acco__item.active { border-top-color: #009fe3; } .acco__item.active .acco__head { color: #004b8d; } .acco__item.active .acco__head:after { opacity: 0; } .acco__item.active .acco__body { height: auto; padding-bottom: 40px; } @media (max-width: 768px) { .acco__item { padding: 0 20px; } } .acco__head { padding: 21px 0 10px; position: relative; cursor: pointer; } .acco__head:after, .acco__head:before { content: ""; display: block; background: #009fe3; position: absolute; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .acco__head:before { width: 14px; height: 2px; right: 18px; top: 40px; } .acco__head:after { width: 2px; height: 14px; right: 24px; top: 34px; } .acco__head:hover .acco__title { color: #009fe3; } @media (max-width: 768px) { .acco__head:before { right: 8px; } .acco__head:after { right: 14px; } } .acco__body { height: 0; overflow: hidden; padding-bottom: 0; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .acco__text { font-family: Verdana; font-size: 14px; line-height: 23px; } .slider { position: relative; } .slider__list { overflow: hidden; } .slider__arrow { z-index: 2; width: 40px; height: 40px; background: #009fe3; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .slider__arrow--prev { left: -20px; } .slider__arrow--next { right: -20px; } .slider__arrow:hover { background: #004b8d; } .slider__pagin { bottom: 16px; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; z-index: 2; } .slider__pagin-item { cursor: pointer; width: 4px; height: 4px; background: #fff; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .slider__pagin-item + .slider__pagin-item { margin-left: 8px; } .slider__pagin-item.active { background: #009fe3; } .slider__pagin-item:hover { background: #009fe3; } .video { position: relative; } .video video { width: 100%; max-width: 100%; } .video__preview { position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; z-index: 2; cursor: pointer; } .video__preview.hide { opacity: 0; visibility: hidden; } .video__preview svg { -webkit-transition: -webkit-transform 0.2s; transition: -webkit-transform 0.2s; -o-transition: transform 0.2s; transition: transform 0.2s; transition: transform 0.2s, -webkit-transform 0.2s; } .video__preview:hover svg { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .search__top { margin-bottom: 32px; } .search__group { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; max-width: 473px; margin-bottom: 8px; } .search__subgroup { width: 100%; } .search__subform { color: rgba(66, 84, 100, 0.5); font-family: Verdana; font-size: 14px; line-height: 24px; } .search__icon { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; width: 56px; background: #009fe3; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; cursor: pointer; margin-left: -2px; } .search__icon:hover { background: #004b8d; } .search__block + .search__block { margin-top: 48px; } .search__title { display: block; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .search__title:hover { color: #009fe3; } .file { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .file__block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .file__block + .file__block { margin-top: 22px; } .file__block:hover .file__name { color: #009fe3; } .file__icon { margin-right: 8px; } .file__name { color: #13293d; font-family: Verdana; font-size: 16px; line-height: 24px; display: block; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .file__descr { color: rgba(66, 84, 100, 0.5); font-family: Verdana; font-size: 14px; line-height: 24px; } .favicon__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .favicon__icon { margin-bottom: 54px; } .favicon__size { color: #13293d; font-family: Verdana; font-size: 14px; line-height: 24px; } .favicon__item:nth-child(1) { margin-top: 50px; } .favicon__item:nth-child(2) { margin-top: 25px; } .favicon__item:nth-child(3) { margin-top: 16.66667px; } .favicon__item:nth-child(4) { margin-top: 12.5px; } .favicon__item:nth-child(5) { margin-top: 10px; } .favicon__item:nth-child(6) { margin-top: 8.33333px; } .submenu__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 900px; margin: 0 auto; } @media (max-width: 768px) { .submenu__list { display: none; } } .submenu__item { position: relative; margin-bottom: 15px; padding: 0 24px; } .submenu__item + .submenu__item { margin-left: 10px; } .submenu__item::before { content: ""; display: none; position: absolute; left: 0; top: 5px; width: 100%; height: 100%; background: #fff; -webkit-transform: skewX(-20deg); -ms-transform: skewX(-20deg); transform: skewX(-20deg); } .submenu__item.active::before { display: block; } .submenu__item.active .submenu__link { color: #004b8d; } .submenu__link { color: #c4d7e3; font-size: 32px; font-family: RFRufo, Arial, sans-serif; font-weight: 400; font-style: italic; position: relative; z-index: 2; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .submenu__link:hover { color: #fff; } .breadcrumbs__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 900px; margin: 0 auto; } @media (max-width: 768px) { .breadcrumbs__list { display: none; } } .breadcrumbs__item { position: relative; margin-bottom: 10px; } .breadcrumbs__item + .breadcrumbs__item .breadcrumbs__link { padding-left: 25px; } .breadcrumbs__item + .breadcrumbs__item .breadcrumbs__link:before { display: block; } .breadcrumbs__link { color: #fff; font-family: RFRufo, Arial, sans-serif; font-weight: 400; font-style: italic; font-size: 16px; text-transform: uppercase; letter-spacing: 2px; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; padding: 0 15px; } .breadcrumbs__link:before { content: "~"; display: block; color: #fff; font-family: RFRufo, Arial, sans-serif; font-weight: 400; font-style: italic; font-size: 16px; text-transform: uppercase; letter-spacing: 2px; display: none; position: absolute; top: 0; left: 0; } .breadcrumbs__link:hover { color: #004b8d; } .stickysubmenu { -webkit-box-shadow: inset 0 -1px 0 rgba(235, 248, 253, 0.6); box-shadow: inset 0 -1px 0 rgba(235, 248, 253, 0.6); background-color: #004b8d; position: fixed; top: -100%; left: 0; right: 0; width: 100%; padding: 16px 0; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; z-index: 100; } .stickysubmenu.active { top: 0; } @media (max-width: 768px) { .stickysubmenu { padding: 0; } .stickysubmenu.active--mobile .stickysubmenu__item--mobile { -webkit-box-shadow: inset 0 -1px 0 #004078; box-shadow: inset 0 -1px 0 #004078; } .stickysubmenu.active--mobile .stickysubmenu__item--mobile:before { width: 20px; height: 2px; -webkit-transform: translateY(-50%) rotate(-45deg); -ms-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); } .stickysubmenu.active--mobile .stickysubmenu__item--mobile:after { border: none; width: 20px; height: 2px; background: #fff; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); } } .stickysubmenu__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 768px) { .stickysubmenu__list { text-align: left; display: none; } } .stickysubmenu__item + .stickysubmenu__item .stickysubmenu__link { border-left: 1px solid rgba(19, 41, 61, 0.3); } .stickysubmenu__item.active .stickysubmenu__link { cursor: default; color: rgba(255, 255, 255, 0.5); } .stickysubmenu__item--mobile { display: none; position: relative; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; text-align: left; } .stickysubmenu__item--mobile:after, .stickysubmenu__item--mobile:before { content: ""; display: block; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 20px; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .stickysubmenu__item--mobile:before { width: 36px; height: 2px; background: #fff; } .stickysubmenu__item--mobile:after { width: 11px; height: 11px; -webkit-border-radius: 2px; border-radius: 2px; border: 2px solid transparent; border-right-color: #fff; border-bottom-color: #fff; -webkit-transform: translateY(-50%) rotate(-45deg); -ms-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); } .stickysubmenu__item--mobile .stickysubmenu__link { color: #fff; } .stickysubmenu__item--mobile .stickysubmenu__link:hover { color: #fff; } @media (max-width: 768px) { .stickysubmenu__item { height: 53px; padding: 13px 0; } .stickysubmenu__item--mobile { display: block; } } .stickysubmenu__link { display: block; padding: 0 24px; font-family: RFRufo, Arial, sans-serif; font-weight: 400; font-style: italic; color: rgba(255, 255, 255, 0.9); font-size: 24px; line-height: 24px; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .stickysubmenu__link:hover { color: rgba(255, 255, 255, 0.5); } .stickysubmenu__btn { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 38px; height: 1px; background: #fff; } .stickysubmenu__btn:after, .stickysubmenu__btn:before { content: ""; display: block; } @-webkit-keyframes animHeight { from { height: 53px; } to { height: auto; } } @keyframes animHeight { from { height: 53px; } to { height: auto; } } .menu { background-color: #002e57; height: 100vh; position: fixed; right: -100%; top: 0; z-index: 100; max-width: 87%; width: 100%; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; overflow-y: auto; } .menu.active { right: 0; } @media (max-width: 1100px) { .menu { max-width: 100%; } } .menu .js-block { opacity: 0; -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .menu .js-block.animate { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .menu__inner { height: 100%; min-height: 650px; padding: 30px 20px 10px 120px; overflow-y: auto; } @media (max-width: 1100px) { .menu__inner { padding: 15px 20px 10px; } } @media (max-width: 1100px) { .menu__header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 15px; } } .menu__logo { display: none; } @media (max-width: 1100px) { .menu__logo { display: block; } } .menu__wrap { max-width: 940px; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } @media (max-width: 1100px) { .menu__wrap { height: -webkit-calc(100% - 60px); height: calc(100% - 60px); } } @media (max-width: 768px) { .menu__wrap { height: auto; width: -webkit-calc(100% + 40px); width: calc(100% + 40px); margin-left: -20px; } } .menu__row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-flex: 1; -webkit-flex: auto; -ms-flex: auto; flex: auto; } @media (max-height: 600px) { .menu__row { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; } } @media (max-width: 768px) { .menu__row { display: block; } } .menu__main { width: 100%; max-width: 440px; } @media (max-width: 768px) { .menu__main { max-width: 100%; } } .menu__subrow { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 768px) { .menu__subrow { display: block; } } .menu__col { width: 100%; } .menu__col:first-child { max-width: 130px; } .menu__col:last-child { max-width: 230px; } @media (max-width: 768px) { .menu__col:first-child, .menu__col:last-child { max-width: 100%; } } .menu__block { opacity: 0; -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .menu__block + .menu__block { margin-top: 25px; } .menu__block.animate { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } @media (max-width: 768px) { .menu__block { border-top: 1px solid rgba(220, 220, 221, 0.3); } .menu__block + .menu__block { margin-top: 0; } .menu__block.active { border-top-color: transparent; background: #009fe3; padding-bottom: 18px; } .menu__block.active .menu__item--first:after { -webkit-transform: translateY(-50%) rotate(-135deg); -ms-transform: translateY(-50%) rotate(-135deg); transform: translateY(-50%) rotate(-135deg); } } @media (max-width: 768px) { .menu__list { padding: 0 20px; display: none; } } .menu__item--first { position: relative; } .menu__item--first:after { content: ""; width: 12px; height: 12px; border: 1px solid transparent; border-bottom-color: #fff; border-right-color: #fff; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); position: absolute; right: 25px; top: 50%; display: none; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .menu__item--first .menu__link { font-family: RFRufo, Arial, sans-serif; font-weight: 400; font-style: italic; font-size: 32px; padding: 0; margin-bottom: 15px; color: #b3c0cc; } .menu__item--first .menu__link:hover { color: #fff; } @media (max-width: 768px) { .menu__item--first { padding: 16px 20px; cursor: pointer; } .menu__item--first:after { display: block; } .menu__item--first .menu__link { display: inline-block; color: #fff; margin-bottom: 0; font-size: 24px; } } .menu__link { color: #b3c0cc; font-family: Verdana; font-size: 14px; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; display: block; padding: 5px 0; } .menu__link:hover { color: #fff; } @media (max-width: 768px) { .menu__link { color: rgba(255, 255, 255, 0.7); } } .menu__contacts { width: 100%; max-width: 300px; } .menu__contacts .contacts__block + .menu__contacts .contacts__block { margin-top: 24px; } @media (max-width: 768px) { .menu__contacts { max-width: 100%; } } .menu__contacts--mobile { display: none; } @media (max-width: 768px) { .menu__contacts--mobile { display: block; } } .menu__search { margin-bottom: 20px; } @media (max-width: 768px) { .menu__search-group { max-width: 100%; } } .menu__search-input { background: 0 0; border-color: transparent; border-bottom-color: rgba(236, 238, 241, 0.9); color: #fff; padding-left: 0; padding-right: 25px; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .menu__search-input:focus { border-bottom-color: #fff; } @media (max-width: 768px) { .menu__search-input { padding: 16px 20px; border-bottom-color: rgba(220, 220, 221, 0.3); } .menu__search-input:focus { border-color: transparent; background-color: #004b8d; } } .menu__search-label { color: rgba(255, 255, 255, 0.5); font-family: Verdana; font-size: 14px; line-height: 23px; left: 0; } @media (max-width: 768px) { .menu__search-label { left: 20px; } } .menu__search-btn { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; } @media (max-width: 768px) { .menu__search-btn { right: 20px; } } .menu__search-icon { background: 0 0; padding: 5px; cursor: pointer; } .menu__bottom { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } @media (max-width: 768px) { .menu__bottom { padding: 0 20px; display: block; } } .menu__bottom--mobile { display: none; margin-bottom: 15px; color: #fff; font-family: RFRufo, Arial, sans-serif; font-weight: 600; font-style: normal; font-size: 14px; } @media (max-width: 768px) { .menu__bottom--mobile { display: block; } } .menu__links { margin-right: auto; } @media (max-width: 768px) { .menu__links { margin-right: 0; margin-bottom: 15px; } } .menu__sublink { color: #b3c0cc; font-family: RFRufo, Arial, sans-serif; font-weight: 600; font-style: normal; } .menu__sublink + .menu__sublink { margin-left: 32px; } .menu__sublink:hover { color: #fff; } @media (max-width: 768px) { .menu__sublink { display: block; } .menu__sublink + .menu__sublink { margin-left: 0; margin-top: 15px; } } .menu__close { display: block; width: 28px; height: 28px; position: absolute; top: 40px; right: 24px; cursor: pointer; } .menu__close:after, .menu__close:before { content: ""; display: block; width: 36px; height: 2px; background: #fff; position: absolute; left: 50%; top: 50%; } .menu__close:before { -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .menu__close:after { -webkit-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); } @media (max-width: 1100px) { .menu__close { position: relative; top: 0; right: 0; } } .globus-anim { visibility: hidden; opacity: 0; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .globus-anim.active { visibility: visible; opacity: 1; } .globus-anim__main, .globus-anim__one-point, .globus-anim__points { position: absolute; top: 0; right: 0; bottom: 0; z-index: 2; } .globus-anim__points svg path { opacity: 0; } .globus-anim__points svg path.anim { -webkit-animation: animLight 2s, animPoints 4s 2s infinite; animation: animLight 2s, animPoints 4s 2s infinite; } .globus-anim__points svg path.anim-light { -webkit-animation: animLight 1s infinite; animation: animLight 1s infinite; } @-webkit-keyframes animPoints { from { opacity: 1; } 50% { opacity: 0; } to { opacity: 1; } } @keyframes animPoints { from { opacity: 1; } 50% { opacity: 0; } to { opacity: 1; } } .globus-anim__one-point svg path { opacity: 0; } .globus-anim__one-point svg path.anim-light { -webkit-animation: animLight 2s forwards; animation: animLight 2s forwards; } @-webkit-keyframes animLight { from { opacity: 0; } to { opacity: 1; } } @keyframes animLight { from { opacity: 0; } to { opacity: 1; } } .img-block:after { content: ""; display: table; clear: both; } .img-block img { max-width: 650px; } .img-block .left { float: left; margin-right: 20px; } .img-block .right { float: right; margin-left: 20px; } .img-block .center { display: block; max-width: 100%; margin: 0 auto 20px; } .img-block .width-100 { width: 100%; } .page-main { overflow: hidden; } .page-main main { position: relative; width: 100%; height: 100vh; } .page-main #slider { width: 100%; height: 100%; margin: 0 auto; position: relative; } .page-main #slider canvas { width: 150%; height: 150%; top: 0; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 2; } .page-main #slider img { width: 100%; max-width: 100%; position: relative; z-index: 0; min-width: 1600px; } @media (max-width: 1100px) { .page-main #slider img { min-width: 1600px; } } @media (max-width: 768px) { .page-main #slider img { min-width: 1200px; height: 100%; } } @media (max-width: 480px) { .page-main #slider img { min-width: 1024px; } } .page-main .slider-inner { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; max-width: 1260px; height: 100%; margin: 0 auto; z-index: 5; } .page-main #slider-content { padding: 0 20px; color: #fff; } .page-main #slider-content span { display: none; } .page-main .main-wave { z-index: 2; background: url(../img/main-wave.png) repeat-x; position: absolute; top: 30%; right: 0; width: 6400px; height: 355px; -webkit-animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite; animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } @-webkit-keyframes wave { 0% { margin-right: 0; } 100% { margin-right: -1600px; } } @keyframes wave { 0% { margin-right: 0; } 100% { margin-right: -1600px; } } .page-main.loading:before { content: ""; position: fixed; z-index: 100000; top: 0; left: 0; width: 100%; height: 100%; background: #fff; } .page-main.loading:after { content: ""; position: fixed; z-index: 100000; top: 50%; left: 50%; width: 60px; height: 60px; margin: -30px 0 0 -30px; pointer-events: none; -webkit-border-radius: 50%; border-radius: 50%; opacity: 0.4; background: #004b8d; -webkit-animation: loaderAnim 0.7s linear infinite alternate forwards; animation: loaderAnim 0.7s linear infinite alternate forwards; } @keyframes loaderAnim { to { opacity: 1; -webkit-transform: scale3d(0.5, 0.5, 1); transform: scale3d(0.5, 0.5, 1); } } .section { height: 100vh; min-height: 760px; color: #fff; position: relative; } .section .container { height: 100%; position: relative; } .section__wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 100%; position: relative; } @media (max-width: 768px) { .section__wrap { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; } } @media (max-width: 480px) { .section__wrap { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; padding-top: 100px; } } .section__title { font-size: 112px; font-weight: 700; line-height: 95px; text-transform: uppercase; letter-spacing: 2.5px; margin-bottom: 32px; font-family: RFRufo, Arial, sans-serif; font-weight: 700; font-style: italic; max-width: 712px; } .section__title .nowrap { display: inline-block; white-space: nowrap; } @media (max-width: 1100px) { .section__title .nowrap { display: inline; white-space: normal; } } @media (max-width: 768px) { .section__title { font-size: 48px; line-height: 48px; letter-spacing: 1.07px; margin-bottom: 20px; } } .section__text { font-size: 32px; margin-bottom: 80px; max-width: 530px; font-family: RFRufo, Arial, sans-serif; font-weight: 400; font-style: italic; } @media (max-width: 768px) { .section__text { font-size: 20px; line-height: 26px; margin-bottom: 24px; } } .leadership__link, .section__link { color: inherit; font-size: 16px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; padding-top: 26px; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; position: relative; font-family: RFRufo, Arial, sans-serif; font-weight: 600; font-style: normal; } .leadership__link:before, .section__link:before { content: ""; display: block; width: 80px; height: 2px; background: #fff; position: absolute; top: 0; left: 0; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .leadership__link:hover:before, .section__link:hover:before { top: 15px; } @media (max-width: 768px) { .leadership__link, .section__link { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; padding-top: 10px; } } .section__img { position: absolute; top: 0; left: 0; } .header { position: fixed; top: 22px; left: 0; right: 0; z-index: 10; } .header--inner { position: static; top: 0; padding: 32px 0; } .header--inner .container { max-width: 100%; padding: 0 20px; } .header--inner .header__btn span, .header--inner .header__btn:after, .header--inner .header__btn:before { background: #004b8d; } @media (max-width: 768px) { .header--inner { padding: 16px 0; } } .header__wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; overflow: hidden; } .header__btn { cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: relative; z-index: 2; } .header__btn span, .header__btn::after, .header__btn::before { content: ""; display: block; width: 36px; height: 2px; background: #fff; } .header__btn::before { margin-bottom: 10px; } .header__btn::after { margin-top: 10px; } .footer { position: fixed; bottom: 20px; left: 0; right: 0; z-index: 10; color: #fff; } .footer--inner { position: static; background: #009fe3; bottom: 0; padding: 20px 0; } @media (max-width: 768px) { .footer--inner .footer__company { display: block; margin-bottom: 10px; } .footer--inner .footer__phone { margin-bottom: 10px; } .footer--inner .footer__dev { display: block; } } .footer__wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media (max-width: 768px) { .footer__wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .footer__company { font-family: RFRufo, Arial, sans-serif; font-weight: 600; font-style: normal; } @media (max-width: 768px) { .footer__company { display: none; } } .footer__phone { margin-right: auto; margin-left: 24%; } .footer__phone a { color: inherit; font-family: RFRufo, Arial, sans-serif; font-weight: 600; font-style: normal; } .footer__phone a:hover { text-decoration: underline; } @media (max-width: 768px) { .footer__phone { margin: 0 auto; } } .footer__dev { font-family: RFRufo, Arial, sans-serif; font-weight: 600; font-style: normal; color: inherit; } .footer__dev:hover { text-decoration: underline; } @media (max-width: 768px) { .footer__dev { display: none; } } .style__block { max-width: 770px; margin: 0 auto; padding: 0 20px; } .style__block--0 { max-width: 100%; margin-bottom: 64px; padding: 0; } .style__block--1 { max-width: 970px; margin-bottom: 67px; } .style__block--2 { margin-bottom: 64px; } @media (max-width: 768px) { .style__block--2 { display: none; } } .style__block--3 { margin-bottom: 56px; } .style__block--4 { margin-bottom: 40px; } .style__block--5 { margin-bottom: 72px; } .style__block--6 { max-width: 971px; margin-bottom: 88px; } .style__block--7 { max-width: 100%; margin-bottom: 33px; padding: 0; } .style__block--8 { margin-bottom: 50px; } .style__block--9 { margin-bottom: 65px; } .style__block--10 { margin-bottom: 88px; } .style__block--11 { max-width: 1070px; margin: 0 12.5% 64px 18.9102564%; } @media (max-width: 1100px) { .style__block--11 { margin: 0 auto 64px; } } .style__block--12 { max-width: 1070px; margin: 0 18.9102564% 80px 12.5%; } @media (max-width: 1100px) { .style__block--12 { margin: 0 auto 80px; } } @media (max-width: 768px) { .style__block--12 { display: none; } } .style__block--13 { max-width: 970px; margin-bottom: 72px; } .style__block--14 { max-width: 970px; margin-bottom: 72px; } .style__block--15 { margin-bottom: 64px; } .style__block--16 { margin-bottom: 67px; } .style__block--17 { max-width: 785px; margin-bottom: 83px; } @media (max-width: 768px) { .style__block--17 { display: none; } } .style__row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 768px) { .style__row { display: block; } } .style__col { width: 100%; } .style__col:first-child { max-width: 370px; } .style__col:last-child { max-width: 530px; } @media (max-width: 768px) { .style__col:first-child, .style__col:last-child { max-width: 100%; } .style__col:first-child { margin-bottom: 16px; } } .style__col--2 { width: 100%; } .style__col--2:first-child { max-width: 370px; margin-right: 10px; } .style__col--2:last-child { max-width: 670px; } @media (max-width: 768px) { .style__col--2:first-child, .style__col--2:last-child { max-width: 100%; } .style__col--2:first-child { margin-bottom: 16px; } } .style__col--3 { width: 100%; } .style__col--3:first-child { max-width: 670px; margin-right: 10px; } .style__col--3:last-child { max-width: 370px; padding-top: 11px; } @media (max-width: 768px) { .style__col--3:first-child, .style__col--3:last-child { max-width: 100%; } .style__col--3:first-child { margin-bottom: 16px; } } .style__subtitle { color: #13293d; font-family: Verdana; line-height: 24px; } .style__subtitle--mb { margin-bottom: 24px; } .style__text { font-family: Verdana; font-size: 14px; line-height: 23px; } .style__text + .style__text { margin-top: 15px; } .style__text-link { color: #009fe3; } .style__text-link:hover { text-decoration: underline; } .style__h1 { color: #fff; font-family: RFRufo, Arial, sans-serif; font-weight: 700; font-style: italic; font-size: 96px; line-height: 80px; text-transform: uppercase; letter-spacing: 2.14px; margin-bottom: 35px; } @media (max-width: 768px) { .style__h1 { font-size: 48px; line-height: 48px; letter-spacing: 1.07px; margin-bottom: 0; } } .style__h2 { color: #004b8d; font-size: 64px; line-height: 56px; margin-bottom: 32px; font-family: RFRufo, Arial, sans-serif; font-weight: 700; font-style: italic; } @media (max-width: 768px) { .style__h2 { font-size: 34px; line-height: 36px; } } .style__h3 { color: #004b8d; font-size: 48px; line-height: 40px; margin-bottom: 32px; font-family: RFRufo, Arial, sans-serif; font-weight: 700; font-style: italic; } @media (max-width: 768px) { .style__h3 { font-size: 30px; line-height: 32px; } } .style__h4 { color: #004b8d; font-size: 32px; line-height: 40px; margin-bottom: 24px; font-family: RFRufo, Arial, sans-serif; font-weight: 400; font-style: italic; } @media (max-width: 768px) { .style__h4 { font-size: 28px; line-height: 32px; } } .style__mark-item, .style__mark-subitem, .style__num-item, .style__num-subitem { position: relative; font-family: Verdana; font-size: 14px; line-height: 23px; padding-left: 30px; } .style__mark-item + .style__mark-item, .style__mark-item + .style__mark-subitem, .style__mark-item + .style__num-item, .style__mark-item + .style__num-subitem, .style__mark-subitem + .style__mark-item, .style__mark-subitem + .style__mark-subitem, .style__mark-subitem + .style__num-item, .style__mark-subitem + .style__num-subitem, .style__num-item + .style__mark-item, .style__num-item + .style__mark-subitem, .style__num-item + .style__num-item, .style__num-item + .style__num-subitem, .style__num-subitem + .style__mark-item, .style__num-subitem + .style__mark-subitem, .style__num-subitem + .style__num-item, .style__num-subitem + .style__num-subitem { margin-top: 16px; } .style__mark-item:before, .style__mark-subitem:before, .style__num-item:before, .style__num-subitem:before { content: "-"; color: #009fe3; font-size: 14px; font-weight: 700; line-height: 23px; position: absolute; left: 0; top: 0; } .style__mark-sublist, .style__num-sublist { margin-top: 16px; } .style__num-subitem { padding-left: 47px; } .style__num-list, .style__num-sublist { list-style: none; counter-reset: li; } .style__num-item:before, .style__num-subitem:before { font-family: RFRufo, Arial, sans-serif; font-weight: 700; font-style: italic; font-size: 14px; line-height: 23px; counter-increment: li; content: counters(li, ".") ". "; } @media (max-width: 768px) { .style__table-block { overflow-x: auto; } } .style__table { border-collapse: collapse; border: 2px solid #eceef1; min-width: 768px; } .style__table thead { background-color: #eceef1; } .style__table td, .style__table th { border: 2px solid #eceef1; } .style__table th { color: #004b8d; font-family: RFRufo, Arial, sans-serif; font-weight: 600; font-style: normal; text-transform: uppercase; letter-spacing: 1px; text-align: left; padding: 17px 0 15px 24px; width: 355px; } .style__table th:nth-child(2) { width: 255px; } .style__table td { font-size: 14px; line-height: 23px; font-family: Verdana; padding: 23px 33px 24px 24px; } .style__table tbody tr:first-child td { padding: 17px 20px 24px 23px; } .style__table tbody tr:first-child td:first-child { padding-right: 30px; } .style__pagin { margin-bottom: 40px; } .style__buttons { margin-bottom: 50px; } .style__buttons-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .style__buttons-row button + button { margin-left: 24px; } .style__buttons-row:first-child { margin-bottom: 32px; } @media (max-width: 768px) { .style__buttons-row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .style__buttons-row button + button { margin-left: 0; margin-top: 32px; } } .style__links { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .style__links .link + .link { margin-left: 40px; } .style__subimg { color: rgba(66, 84, 100, 0.5); font-family: Verdana; font-size: 12px; line-height: 16px; margin-top: 8px; } .style__submenu { margin-bottom: 95px; } @media (max-width: 768px) { .style__submenu { margin-bottom: 0; } } .style__top { text-align: center; background: url(../img/style-top.jpg) center no-repeat; -webkit-background-size: cover; background-size: cover; padding-top: 88px; padding-bottom: 15px; position: relative; z-index: 1; } .style__top:after { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 75, 141, 0.5); z-index: -1; } @media (max-width: 768px) { .style__top { padding: 90px 0; } } .style__text + .file, .style__text + .style__block, .style__text + .style__h3, .style__text + .style__h4 { margin-top: 30px; } .contacts__top { background-image: url(../img/contacts-top.jpg); } .contacts__content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } @media (max-width: 768px) { .contacts__content { display: block; } } .contacts__info { width: 100%; max-width: 41.5625%; padding: 48px 0 120px 20px; background-color: #004b8d; color: #fff; } @media (max-width: 768px) { .contacts__info { max-width: 100%; padding: 30px 20px; } } .contacts__info-wrap { max-width: 300px; margin: 0 150px 0 auto; } @media (max-width: 768px) { .contacts__info-wrap { max-width: 100%; margin: 0; } } .contacts__icon { font-family: "Open Sans", Arial, sans-serif; font-weight: 300; font-style: normal; font-size: 70px; line-height: 50px; text-transform: uppercase; margin-bottom: 20px; display: block; } .contacts__block + .contacts__block { margin-top: 40px; } .contacts__title { font-family: RFRufo, Arial, sans-serif; font-weight: 600; font-style: normal; text-transform: uppercase; letter-spacing: 1px; display: block; margin-bottom: 8px; color: #fff; } .contacts__text { color: rgba(255, 255, 255, 0.6); font-family: Verdana; font-size: 12px; line-height: 16px; } .contacts__text a { color: inherit; } .contacts__text a:hover { color: #fff; } .contacts__link { color: rgba(255, 255, 255, 0.6); -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .contacts__link:hover { color: #fff; } .contacts__map { width: 100%; } @media (max-width: 768px) { .contacts__map { height: 600px; } } @media (max-width: 480px) { .contacts__map { height: 400px; } } .about__top { background-image: url(../img/about-top.jpg); } .about__content { padding: 64px 20px 67px; max-width: 1070px; margin: 0 auto; } @media (max-width: 768px) { .about__content { text-align: center; } } .about__row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 80px; } @media (max-width: 768px) { .about__row { display: block; } } .about__col { width: 100%; } .about__col:first-child { max-width: 470px; margin-right: 20px; } .about__col:last-child { max-width: 570px; } @media (max-width: 768px) { .about__col:first-child { max-width: 100%; margin-bottom: 20px; margin-right: 0; } .about__col:last-child { max-width: 100%; } } .about__title { margin-bottom: 16px; } .about__subtitle { margin-top: 0; margin-bottom: 30px; } .about__descr { max-width: 370px; } @media (max-width: 768px) { .about__descr { max-width: 100%; } } .about__info-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; max-width: 970px; } @media (max-width: 768px) { .about__info-row { display: block; } } .about__info-col { width: 100%; } .about__info-col:first-child { max-width: 453px; margin-right: 20px; } .about__info-col:last-child { max-width: 370px; } @media (max-width: 768px) { .about__info-col:first-child { max-width: 100%; margin-bottom: 20px; margin-right: 0; } .about__info-col:last-child { max-width: 100%; } } .about__info-block + .about__info-block { margin-top: 65px; } .about__num { margin-bottom: 15px; } .leadership__top { background-image: url(../img/about-top.jpg); } .leadership__content { padding: 90px 0 56px; } .leadership__list { max-width: 1170px; margin: 0 auto; } .leadership__item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0 70px; } .leadership__item + .leadership__item { margin-top: 88px; } .leadership__item:nth-child(even) { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .leadership__item:nth-child(even) .leadership__img { margin-right: 0; margin-left: 30px; } .leadership__item:first-child { position: relative; } .leadership__item:first-child:before { content: ""; position: absolute; top: 110px; left: 0; height: 400px; width: 100%; background: #004b8d; z-index: -1; } .leadership__item:first-child .leadership__link, .leadership__item:first-child .leadership__name, .leadership__item:first-child .leadership__post { color: #fff; } .leadership__item:first-child .leadership__link:before { background: #fff; } @media (max-width: 1100px) { .leadership__item:first-child:before { top: 50px; height: 350px; } } @media (max-width: 768px) { .leadership__item { padding: 0 20px; } .leadership__item:first-child:before { top: 25px; height: 290px; } } @media (max-width: 480px) { .leadership__item { display: block; } .leadership__item:first-child:before { top: 240px; height: 340px; } .leadership__item:nth-child(even) { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .leadership__item:nth-child(even) .leadership__img { margin: 0 auto 30px; } } .leadership__img { margin-right: 30px; } @media (max-width: 768px) { .leadership__img { max-width: 280px; margin: 0 auto 30px; } } @media (max-width: 480px) { .leadership__img { margin: 0 auto 30px; } } .leadership__info { max-width: 480px; text-align: center; } @media (max-width: 480px) { .leadership__info { max-width: 100%; } } .leadership__name { margin-bottom: 24px; } .leadership__post { color: #425464; font-family: RFRufo, Arial, sans-serif; font-weight: 400; font-style: italic; font-size: 32px; display: block; margin-bottom: 65px; } @media (max-width: 480px) { .leadership__post { margin-bottom: 40px; } } .leadership__link { color: #004b8d; } .leadership__link:before { width: 68px; background-color: #004b8d; } .li__top { background-image: url(../img/about-top.jpg); } .li__content { padding: 40px 20px 70px; max-width: 960px; margin: 0 auto; } @media (max-width: 768px) { .li__content { text-align: center; } } .li__link { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; max-width: 200px; padding: 5px 0; margin-bottom: 20px; } .li__link:hover .li__link-icon { margin-right: 20px; } .li__link-icon { margin-right: 10px; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .li__link-text { color: #004b8d; font-family: RFRufo, Arial, sans-serif; font-weight: 600; font-style: normal; font-size: 16px; text-transform: uppercase; } .li__row { margin-bottom: 40px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 768px) { .li__row { display: block; margin-bottom: 15px; } } .li__col { width: 100%; } .li__col:first-child { max-width: 500px; margin-right: 10px; } .li__col:last-child { max-width: 360px; } @media (max-width: 768px) { .li__col:first-child { max-width: 100%; margin-right: 0; margin-bottom: 20px; } .li__col:last-child { max-width: 100%; } } .press-center__top { background-image: url(../img/press-center-top.jpg); } .press-center__content { padding-top: 65px; } .press-center__list { font-size: 0; margin: 0 -15px; } .press-center__item { display: inline-block; margin: 0 15px; max-width: 370px; width: 100%; margin-bottom: 70px; vertical-align: top; } @media (max-width: 1100px) { .press-center__item { max-width: 45%; } } @media (max-width: 768px) { .press-center__item { max-width: 80%; margin: 0 auto 50px; display: block; text-align: center; } } @media (max-width: 480px) { .press-center__item { max-width: 100%; margin-bottom: 40px; } } .press-center__img { position: relative; margin-bottom: 16px; } @media (max-width: 768px) { .press-center__img { display: inline-block; } } .press-center__descr { position: absolute; bottom: 16px; left: -8px; background: #009fe3; padding: 8px 16px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-family: RFRufo, Arial, sans-serif; font-weight: 600; font-style: normal; color: #fff; text-transform: uppercase; letter-spacing: 1px; font-size: 16px; } .press-center__link { color: inherit; padding-left: 10px; margin-left: 3px; position: relative; } .press-center__link:before { content: "/"; position: absolute; top: 0; left: 0; } .press-center__link:hover { text-decoration: underline; } .press-center__title { margin-bottom: 16px; } .page-error { overflow: hidden; } .page-error .footer { display: none; } .error { width: 100%; height: 100%; overflow-y: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; text-align: center; color: #fff; background: url(../img/error-bg.jpg) center no-repeat; -webkit-background-size: cover; background-size: cover; padding: 0 20px; } @media (max-width: 768px) { .error { display: block; padding: 100px 20px 30px; } } .error__img { margin-bottom: 64px; } @media (max-width: 768px) { .error__img { max-width: 80%; margin: 0 auto 30px; } } .error__title { font-size: 32px; font-family: RFRufo, Arial, sans-serif; font-weight: 400; font-style: italic; margin-bottom: 30px; } @media (max-width: 768px) { .error__title { margin-bottom: 20px; } } .error__text { color: #fff; max-width: 470px; margin: 0 auto; } .error__text a { color: inherit; } .error__text a:hover { text-decoration: underline; } .ncookies { position: fixed; left: 0; bottom: 0; right: 0; background-color: #fff; padding: 20px 70px; box-shadow: 0 0 4px rgba(0,0,0,.2); z-index: 101; transition: all ease .3s; } .ncookies.ncookies__closed { transform: translateY(100%); } .ncookies__body { display: flex; align-items: center; justify-content: flex-start; gap: 10px 56px; } .ncookies__title { flex: 0 0 auto; width: auto; } .ncookies__title a { display: inline-block; font-size: 30px; font-weight: 700; line-height: 1.1; color: #0E95EE; text-decoration: underline; transition: all ease .3s; } .ncookies__title a:hover, .ncookies__title a:focus { color: #0E95EE; text-decoration-color: transparent; } .ncookies__text { flex: 1 0 0; width: 100%; max-width: 100%; font-weight: 300; font-size: 14px; line-height: 1.5; color: #1E1E1E; } .ncookies__text a { color: #0E95EE; text-decoration: underline; } .ncookies__text a:hover, .ncookies__text a:focus { color: #0E95EE; text-decoration-color: transparent; } .ncookies__btn { flex: 0 0 auto; width: auto; } .ncookies__accept { flex: 0 0 auto; width: auto; } .ncookies__close { display: inline-block; font-size: 20px; line-height: 1.5; font-weight: 500; color: #5D5353; text-decoration: underline; padding: 0; outline: none; background: none; transition: all ease .3s; cursor: pointer; } .ncookies__close:hover, .ncookies__close:focus { color: #0E95EE; text-decoration-color: transparent; } .ncookies__accept { display: inline-block; font-size: 20px; line-height: 1.5; text-decoration: none; padding: 8px 16px; min-width: 240px; color: #fff; background-color: #0E95EE; border-radius: 4px; outline: none; transition: all ease .3s; cursor: pointer; } .ncookies__accept:hover, .ncookies__accept:focus { background-color: #004b8d; } @media (max-width: 1480px) { .ncookies__body { flex-wrap: wrap; } .ncookies__title { width: 100%; } .ncookies__title a { font-size: 26px; } .ncookies__accept, .ncookies__close { font-size: 18px; } } @media (max-width: 992px) { .ncookies { padding: 20px; } .ncookies__text { flex: 0 0 auto; width: 100%; } .ncookies__title { width: 100%; } .ncookies__title a { font-size: 22px; } .ncookies__accept, .ncookies__close { font-size: 16px; } } @media (max-width: 576px) { .ncookies { padding: 20px; } .ncookies__body { justify-content: center; gap: 10px; } .ncookies__title a { font-size: 14px; } .ncookies__text { font-size: 12px; } .ncookies__accept, .ncookies__close { font-size: 14px; min-width: 129px; } .ncookies__accept { padding: 5px 10px; } } /*# sourceMappingURL=app.min.css.map */