/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in
* IE on Windows Phone and in iOS.
*/
html {
line-height: 1.15; /* 1 */
-ms-text-size-adjust: 100%; /* 2 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers (opinionated).
*/
body {
margin: 0;
}
/**
* Add the correct display in IE 9-.
*/
article,
aside,
footer,
header,
nav,
section {
display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* Add the correct display in IE 9-.
* 1. Add the correct display in IE.
*/
figcaption,
figure,
main { /* 1 */
display: block;
}
/**
* Add the correct margin in IE 8.
*/
figure {
margin: 1em 40px;
}
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box; /* 1 */
height: 0; /* 1 */
overflow: visible; /* 2 */
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/* Text-level semantics
========================================================================== */
/**
* 1. Remove the gray background on active links in IE 10.
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
*/
a {
background-color: transparent; /* 1 */
-webkit-text-decoration-skip: objects; /* 2 */
}
/**
* 1. Remove the bottom border in Chrome 57- and Firefox 39-.
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none; /* 1 */
text-decoration: underline; /* 2 */
text-decoration: underline dotted; /* 2 */
}
/**
* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
*/
b,
strong {
font-weight: inherit;
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/**
* Add the correct font style in Android 4.3-.
*/
dfn {
font-style: italic;
}
/**
* Add the correct background and color in IE 9-.
*/
mark {
background-color: #ff0;
color: #000;
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Add the correct display in IE 9-.
*/
audio,
video {
display: inline-block;
}
/**
* Add the correct display in iOS 4-7.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Remove the border on images inside links in IE 10-.
*/
img {
border-style: none;
}
/**
* Hide the overflow in IE.
*/
svg:not(:root) {
overflow: hidden;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers (opinionated).
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: sans-serif; /* 1 */
font-size: 100%; /* 1 */
line-height: 1.15; /* 1 */
margin: 0; /* 2 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input { /* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select { /* 1 */
text-transform: none;
}
/**
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
* controls in Android 4.
* 2. Correct the inability to style clickable types in iOS and Safari.
*/
button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
-webkit-appearance: button; /* 2 */
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box; /* 1 */
color: inherit; /* 2 */
display: table; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
white-space: normal; /* 1 */
}
/**
* 1. Add the correct display in IE 9-.
* 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
display: inline-block; /* 1 */
vertical-align: baseline; /* 2 */
}
/**
* Remove the default vertical scrollbar in IE.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10-.
* 2. Remove the padding in IE 10-.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/**
* Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
/* Interactive
========================================================================== */
/*
* Add the correct display in IE 9-.
* 1. Add the correct display in Edge, IE, and Firefox.
*/
details, /* 1 */
menu {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Scripting
========================================================================== */
/**
* Add the correct display in IE 9-.
*/
canvas {
display: inline-block;
}
/**
* Add the correct display in IE.
*/
template {
display: none;
}
/* Hidden
========================================================================== */
/**
* Add the correct display in IE 10-.
*/
[hidden] {
display: none;
}
/*
LESS variables are information about icon's compiled state, stored under its original file name
.icon-home {
width: @icon-home-width;
}
The large array-like variables contain all information about a single icon
@icon-home: x y offset_x offset_y width height total_width total_height image_path name;
At the bottom of this section, we provide information about the spritesheet itself
@spritesheet: width height image @spritesheet-sprites;
*/
/*
The provided classes are intended to be used with the array-like variables
.icon-home {
.sprite-width(@icon-home);
}
.icon-email {
.sprite(@icon-email);
}
Example usage in HTML:
`display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:
// CSS
.icon {
display: inline-block;
}
// HTML
*/
/*
The `.sprites` mixin generates identical output to the CSS template
but can be overridden inside of LESS
This must be run when you have at least 2 sprites.
If run with a single sprite, then there will be reference errors.
.sprites(@spritesheet-sprites);
*/
* {
box-sizing: border-box;
outline: none !important;
}
body {
position: relative;
font-family: 'PT Sans', 'Arial', sans-serif;
font-weight: normal;
overflow-x: hidden;
line-height: 1.15;
font-size: initial;
-webkit-font-smoothing: antialiased
}
ul {
margin: 0;
padding: 0;
list-style-type: none;
}
p,
h1,
h2,
h3,
h4,
h5 {
margin: 0;
}
.hidden-svg {
display: none;
}
a {
text-decoration: none;
}
.icon {
display: inline-block;
position: relative;
float: left;
margin-right: 15px;
width: 40px;
max-width: 100%;
height: 40px;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.icon:hover {
opacity: 1;
}
.icon.icon-none {
float: none;
width: 16px;
height: 16px;
margin: 0 6px 0;
}
.icon.icon-site {
background-image: url(/images/icons/icon-site.png);
float: none;
width: 16px;
height: 16px;
top: 2px;
margin: 0 6px 0;
}
.icon.icon-pin {
background-image: url(/images/icons/icon-pin.png);
float: none;
width: 16px;
height: 16px;
top: 2px;
margin: 0 6px 0;
}
.icon.icon-phone {
background-image: url(/images/icons/icon-phone.png);
float: none;
width: 16px;
height: 16px;
top: 2px;
margin: 0 6px 0;
}
.icon.icon-fax {
background-image: url(/images/icons/icon-fax.png);
float: none;
width: 18px;
height: 18px;
top: 2px;
margin: 0 6px 0;
}
.icon.icon-mail {
background-image: url(/images/icons/icon-email.png);
float: none;
width: 16px;
height: 16px;
top: 2px;
margin: 0 6px 0;
}
.icon.icon-time {
background-image: url(/images/icons/icon-time.png);
float: none;
width: 16px;
height: 16px;
top: 2px;
margin: 0 6px 0;
}
.icon.icon-mobile {
background-image: url(/images/icons/icon-mobile.png);
float: none;
width: 16px;
height: 16px;
top: 2px;
margin: 0 6px 0;
}
.container {
max-width: 980px;
padding: 0 25px;
margin: 0 auto;
}
@media (max-width: 480px) {
.container {
padding: 0 15px;
}
}
.btn {
width: auto;
max-width: 70px;
height: 30px;
padding: 0 5px;
}
.btn-default {
height: 38px;
padding: 2px 15px;
min-width: 120px;
box-shadow: none;
border: none;
cursor: pointer;
}
.btn-default:hover{
background-color: #c3c3c3;
}
.btn-up {
position: absolute;
width: 56px;
height: 56px;
opacity: 0;
visibility: hidden;
transition: opacity 0.2s ease-in-out;
background: white;
border-radius: 4px;
padding: 5px;
z-index: 1000;
}
.btn-border{
display: inline-block;
max-width: inherit;
height: inherit;
text-transform: uppercase;
margin: 1em 0;
padding: .5em 1em;
border-radius: 5px;
border: 2px solid #59acdf;
transition: .125s ease-in-out;
color: #3fa3e4;
background-color: transparent;
font-size: 16px !important;
cursor: pointer;
}
.btn-up--is-fixed {
position: fixed;
right: 30px;
bottom: 20px;
opacity: 1;
visibility: visible;
}
.btn-up img {
max-width: 100%;
height: auto;
}
.btn-translation {
display: inline-flex;
align-items: center;
color: #3fa3e4;
font-size: 18px;
text-transform: uppercase;
border: 1px solid #3fa3e4;
padding: 5px;
transition: all 0.3s ease-in-out;
margin-left: 25px;
margin-top: 14px;
min-width: 149px;
}
.btn-translation .icon {
width: 19px;
height: 19px;
fill: #3fa3e4;
margin-right: 10px!important;
transition: fill 0.3s ease-in-out;
}
.btn-translation:hover {
background: #3fa3e4;
color: white;
}
.btn-translation:hover .icon {
fill: white;
}
.hero {
position: relative;
background: url('img/hero-bg.jpg') no-repeat;
background-size: cover;
padding-top: 295px;
padding-bottom: 250px;
overflow: hidden;
}
.hero:after{
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
background: url(img/bg_top.png) no-repeat;
background-size: 100% auto;
background-position: bottom center;
}
@media (max-width: 840px) {
.hero {
padding-bottom: 235px;
}
}
@media (max-width: 768px) {
.hero {
padding-top: 303px;
padding-bottom: 230px;
}
.hero:after{
display: none;
}
}
@media (max-width: 768px) {
.hero {
padding-top: 238px;
padding-bottom: 0;
}
}
.hero--offset {
padding-bottom: 150px;
}
.hero .decor {
position: absolute;
width: 1415px;
height: 785px;
fill: rgba(20, 139, 204, 0.6);
}
.hero .decor--bottom-right {
bottom: -131px;
right: -430px;
}
@media (max-width: 1260px) {
.hero .decor--bottom-right {
right: -745px;
}
}
@media (max-width: 1024px) {
.hero .decor--bottom-right {
right: -865px;
}
}
@media (max-width: 768px) {
.hero .decor--bottom-right {
right: -825px;
}
}
@media (max-width: 600px) {
.hero .decor--bottom-right {
visibility: hidden;
}
}
.hero .container {
position: relative;
z-index: 1;
}
.hero__row {
display: flex;
}
@media (max-width: 820px) {
.hero__row {
display: block;
}
}
.hero__column {
font-size: 0;
line-height: 1;
margin-right: 30px;
}
.hero__column:not(.hero__column-icons) {
flex-basis: 40%;
}
.hero__title {
max-width: 585px;
color: #fefefe;
font-size: 70px;
font-weight: 700;
line-height: 1;
text-transform: uppercase;
padding-bottom: 30px;
}
@media (max-width: 768px) {
.hero__title {
font-size: 60px;
}
}
@media (max-width: 700px) {
.hero__title {
font-size: 30px;
padding-bottom: 14px;
}
}
.hero__date {
color: #fefefe;
font-size: 30px;
font-weight: 700;
letter-spacing: 1px;
line-height: 1.3;
text-transform: uppercase;
background-color: #00afea;
padding: 12px 18px 9px;
}
@media (max-width: 820px) {
.hero__date {
display: inline-block;
}
}
@media (max-width: 700px) {
.hero__date {
font-size: 20px;
}
}
@media (max-width: 480px) {
.hero__date {
margin-right: 0;
}
}
.hero__link {
color: #fefefe;
font-size: 18px;
font-weight: 600;
text-transform: none;
margin-right: 45px;
vertical-align: text-top;
}
.hero__link:last-child {
margin-right: 0;
}
a.hero__link:hover{
color: #fff;
}
.hero__link:hover .icon-holder {
box-shadow: 0 5px 20px rgba(5, 7, 35, 0.1);
border: 2px solid rgba(255, 255, 255, 0);
background-color: rgba(255, 255, 255, 0.7);
}
.hero__link:hover .icon-holder .icon {
fill: #005c9f;
}
.hero__link--has-icon {
display: inline-flex;
align-items: center;
margin-bottom: 15px;
}
.hero__link .icon-holder {
position: relative;
width: 50px;
height: 50px;
border: 2px solid #ffffff;
border-radius: 50%;
margin-right: 15px;
transition: all 0.2s ease-in-out;
}
.hero__link .icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
fill: #ffffff;
transition: all 0.2s ease-in-out;
}
.hero__link .info-icon {
width: 9px;
height: 20px;
}
.hero__link .bank-icon {
width: 20px;
height: 19px;
}
.hero__link .partner-icon,
.hero__link .rcclub-icon{
background-repeat: no-repeat;
background-position: center;
}
.hero__link:hover > .partner-icon{
background-image: url(/images/partner-icon-hover.png)!important;
}
.hero__link:hover > .rcclub-icon{
background-image: url(/images/rcclub-icon-hover.png)!important;
}
.hero__link .tors {
width: 50px;
height: 50px;
}
@media (max-width: 820px) {
.hero__link {
margin-top: 40px;
}
}
@media (max-width: 700px) {
.hero__link {
display: inline-block;
flex-direction: column;
align-items: flex-start;
width: 126px;
margin: 30px 15px 0;
font-size: 14px
}
.hero__link .icon-holder {
margin-bottom: 15px;
}
}
@media (max-width: 480px) {
.hero__link {
width: inherit;
min-width: 80px;
}
}
@media (max-width: 370px) {
.hero__link {
margin-right: 20px;
}
}
.hero__location {
display: inline-block;
color: #fefefe;
font-size: 18px;
font-weight: 700;
letter-spacing: 0.8px;
line-height: 1.3;
text-transform: uppercase;
background-color: #891b56;
padding: 15px 19px 12px;
}
@media (max-width: 700px) {
.hero__location {
font-size: 14px;
padding-left: 20px;
padding-right: 20px;
}
}
.hero__news {
display: flex;
justify-content: space-between;
padding-top: 50px;
margin: 0 -25px;
position: absolute;
left: 25px;
right: 25px;
}
.hero__news-link {
flex-basis: 33.333%;
padding: 20px 25px ;
min-height: 200px;
transition: all 0.3s ease-in-out;
color: #fefefe;
}
.hero__news-link:hover {
background-color: rgba(0, 73, 126, 0.85);
}
.hero__news-link:hover .hero__news-date {
color: #00afea;
}
.hero__news-link:hover .hero__news-date .arrow {
opacity: 1;
}
.hero__news-all{
position: relative;
font-size: 14px;
font-weight: 500;
line-height: 20px;
letter-spacing: 1.2px;
text-transform: uppercase;
padding: 20px 30px 40px 20px;
height: 40px;
color: #fff;
background-color: #005c9f;
display: none;
text-transform: uppercase;
}
.hero__news-all:after{
content: '';
display: inline-block;
position: relative;
top: 1px;
margin-left: 10px;
width: 8px;
height: 14px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAOCAQAAAC4X5UdAAAAaklEQVQI12P4z4AKGf53/z/8XxBZYPP///8v/BdHCLD9XwEUuv5fBibA8J/5/1yg0P3/yjABhv+M/ycBhZ7914YJgGALUOjNfxNkK3cAhe6iqnj93whmxkSwGVowW+Yg24LhDohLxXD6BQC5FY8cCLTNNAAAAABJRU5ErkJggg==);
background-position: center;
background-repeat: no-repeat;
}
@media (max-width: 480px) {
.hero__news {
margin: 0 -15px;
left: 15px;
right: -15px;
}
.hero__news-link {
padding: 20px 15px;
}
}
@media (max-width: 840px) {
.hero__news {
padding-top: 35px;
}
.hero__news-link {
flex-basis: 50%;
}
.hero__news-link:last-child {
display: none;
}
}
@media (max-width: 700px) {
.hero__column.hero__column-icons{
text-align: center;
margin: 0;
}
.hero__column .icon-holder{
margin: 0 auto 10px;
}
.hero__news {
padding-top: 27px;
margin-top: 30px;
border-top: 1px solid rgba(255, 255, 255, .6);
}
}
@media (max-width: 768px) {
.hero__news-link {
display: none;
flex-basis: 95%;
}
.hero__news-link:first-child {
display: block;
min-height: auto;
}
.hero__news{
position: relative;
flex-direction: column;
left: 0;
box-sizing: border-box;
}
.hero__news-all{
display: block;
}
.hero__news-link {
min-height: 173px;
}
}
.hero__news-date {
display: flex;
justify-content: space-between;
align-items: center;
color: #fefefe;
font-size: 12px;
font-weight: 700;
letter-spacing: 1.4px;
text-transform: uppercase;
padding-bottom: 20px;
transition: all 0.3s ease-in-out;
}
.hero__news-date .arrow {
width: 7px;
height: 11px;
fill: #00afea;
opacity: 0;
transition: opacity 0.3s ease-in-out;
}
.hero__news-title {
color: #fefefe;
font-size: 18px;
font-weight: normal;
}
.search {
position: relative;
z-index: 100;
display: none;
padding: 25px 0;
background-color: #ffffff;
}
@media (max-width: 480px) {
.search {
padding: 15px 0;
}
}
.search .container {
position: relative;
}
.search .container:after {
position: absolute;
right: 73px;
bottom: -33px;
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 8px 8px 0 8px;
border-color: #ffffff transparent transparent transparent;
}
@media (max-width: 480px) {
.search .container:after {
right: 63px;
bottom: -23px;
}
}
.search__field {
border: 0;
width: 100%;
color: #333333;
font-size: 16px;
line-height: 1;
}
.search__field::-webkit-input-placeholder {
color: #9c9da1;
}
.header {
margin-bottom: -206px;
}
.header--default {
margin-bottom: 0;
}
.header--default .header__bg {
background: url('img/header-content-bg.jpg') no-repeat;
background-size: cover;
}
.header.menu--open .menu-bg {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 92, 159, 0.95);
z-index: 10;
}
.header.menu--open .close-icon {
display: block;
}
.header.menu--open .hamburger-icon {
display: none;
}
.header.menu--open .header__logo-pic--desktop {
opacity: 0.5;
}
.header.menu--open .header__nav-column {
flex-direction: column;
}
.header.menu--open .header__nav-item {
padding-bottom: 25px;
min-width: 250px;
}
.header.menu--open .header__nav-item .dropdown {
opacity: 1;
visibility: visible;
position: static;
margin: 0 20px 0 0;
background-color: transparent;
}
.header.menu--open .header__nav-item .dropdown__link {
display: block;
padding: 0;
border: 0;
margin-bottom: 15px;
color: #fff;
}
.header.menu--open .header__nav-link {
display: block;
padding: 0;
padding-bottom: 20px;
}
.header.menu--open.header {
position: fixed;
top: 0;
bottom: 0;
overflow: auto;
overflow-x: hidden;
width: 100%;
z-index: 100;
margin-bottom: 0;
}
.header.menu--open .header__nav {
display: flex;
justify-content: flex-start;
padding-top: 70px;
margin-right: 0;
}
.header__nav .header__nav-links{
display: none;
}
.header__nav .topMenu{
display: flex;
}
.header.menu--open .header__nav .topMenu{
display: none;
}
.header__nav .topMenu-burger{
display: none;
}
.header.menu--open .header__nav .topMenu-burger{
display: flex;
}
@media (max-width: 930px) {
.header.menu--open .header__nav-item--mobile {
display: block;
}
}
@media (max-width: 700px) {
.header.menu--open .header__nav .topMenu{
display: none;
}
.header.menu--open .header__nav .topMenu.topMenu-burger{
display: block;
width: 100%;
}
.header.menu--open .header__nav .header__nav-links{
display: block;
margin: 10px 0;
}
.header.menu--open .header__nav .header__menu-link{
display: inline-block;
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
margin: 15px 25px 15px 0;
padding: 0;
}
.header.menu--open .header__nav {
position: relative;
flex-wrap: wrap;
padding-top: 15px;
}
.header.menu--open .header__nav-column {
width: 100%;
}
.header.menu--open .header__nav-item {
padding: 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.header.menu--open .header__nav-item--has-dropdown .header__nav-link:after {
position: absolute;
top: 50%;
right: 10px;
content: '';
background-image: url('img/dropdown-icon.svg');
width: 13px;
height: 8px;
margin-top: -4px;
transition: all 0.2s ease-in-out;
}
.header.menu--open .header__nav-item--has-dropdown .header__nav-link--clicked:after {
transform: rotate(180deg);
}
.header.menu--open .header__nav-link {
position: relative;
padding: 15px 0;
}
.header.menu--open .header__nav .dropdown {
display: none;
padding-bottom: 15px;
}
.header.menu--open .header__nav .dropdown__link {
margin: 0;
padding: 10px 0;
color: #fefefe;
}
}
.header__top {
position: relative;
display: flex;
justify-content: space-between;
padding: 20px 0 30px 0;
border-bottom: 1px solid #5691c4;
z-index: 100;
}
@media (max-width: 931px) {
.header__top {
display: flex;
}
}
@media (min-width: 780px) {
.header__top {
border-bottom: 0px;
}
}
@media (max-width: 480px) {
.header__top {
padding: 6px 0;
}
}
.header__row {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
flex-basis: 100%;
}
.header__column {
flex-basis: 100%;
padding-top: 6px;
}
.header__logo-eng .header__logo-pic--desktop {
width: 251px;
height: 83px;
}
.header__logo-pic {
fill: #fefefe;
}
.header__logo-pic--desktop {
width: 312px;
height: 83px;
}
.header__logo-pic--mobile {
display: none;
width: 63px;
height: 35px;
}
@media (max-width: 700px) {
.header__logo-pic--desktop {
display: none;
}
.header__logo-pic--mobile {
display: block;
}
}
.header__language {
position: relative;
display: flex;
z-index: 10;
}
@media (max-width: 700px) {
.header__language:after {
content: '';
background-image: url('img/dropdown-arrow.svg');
background-repeat: no-repeat;
width: 9px;
height: 5px;
margin-top: 6px;
}
}
.header__language--open .header__language-link {
display: block;
background-color: rgba(0, 92, 159, 0.95);
border-radius: 4px;
}
.header__language--open .header__language-list {
position: absolute;
top: 21px;
left: 0;
}
.header__language-img {
width: 24px;
border-radius: 2px;
border: 1px solid #c9c9c9;
}
.header__language-link {
margin: 0 5px;
}
@media (max-width: 700px) {
.header__language-link {
display: none;
}
.header__language-link--active {
display: block;
}
}
.header__search {
display: flex;
align-items: center;
margin-left: 20px;
padding: 5px;
border: 2px solid rgba(255, 255, 255, 0);
border-radius: 50%;
transition: all 0.2s ease-in-out;
}
@media (min-width: 700px) {
.header__search:hover {
box-shadow: 0 5px 20px rgba(5, 7, 35, 0.1);
border: 2px solid #b3cee2;
background-color: #b3cee2;
}
}
.header__search .search-icon {
width: 18px;
height: 18px;
}
.header__toggle {
position: relative;
width: 90px;
height: 32px;
font-size: 14px;
text-transform: uppercase;
font-weight: 700;
line-height: 1;
margin-left: 15px;
border: 2px solid rgba(255, 255, 255, 0);
margin-right: -7px;
border-radius: 16px;
transition: all 0.2s ease-in-out;
color: #fefefe;
padding: 0 10px;
}
.header__toggle span{
text-align: right;
line-height: 30px;
float: right;
}
@media (min-width: 700px) {
.header__toggle:hover {
box-shadow: 0 5px 20px rgba(5, 7, 35, 0.1);
border: 2px solid #b3cee2;
background-color: #b3cee2;
}
}
.header__toggle .icon {
fill: #fefefe;
position: absolute;
top: 50%;
left: 20px;
transform: translate(-50%, -50%);
}
.header__toggle .hamburger-icon {
width: 18px;
height: 15px;
}
.header__toggle .close-icon {
display: none;
width: 15px;
height: 15px;
}
.header__menu {
display: flex;
justify-content: flex-end;
align-items: center;
padding-top: 26px;
}
.header__menu-link {
color: #fefefe;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2.7px;
padding: 0 15px;
}
.header__menu-link:hover {
color: #fefefe;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2.7px;
padding: 0 15px;
}
@media (max-width: 930px) {
.header__menu-link {
display: none;
}
}
.header__menu-phone {
color: #fefefe;
font-size: 18px;
font-weight: normal;
letter-spacing: 1.6px;
padding-left: 15px;
}
@media (max-width: 700px) {
.header__menu {
display: none;
}
}
.messages {
position: relative;
background-color: #e7e7e8;
background-size: cover;
padding: 60px 0;
overflow: hidden;
}
.messages .decor {
width: 1097px;
height: 608px;
position: absolute;
fill: #f1f1f1;
}
.messages .decor--bottom-left {
left: -580px;
bottom: -120px;
}
.messages .decor--bottom-right {
right: -255px;
bottom: -255px;
}
@media (max-width: 1259px) {
.messages .decor--bottom-left {
left: -700px;
}
.messages .decor--bottom-right {
right: -385px;
bottom: -260px;
}
}
@media (max-width: 920px) {
.messages .decor--bottom-left {
left: -560px;
}
.messages .decor--bottom-right {
visibility: hidden;
}
}
@media (max-width: 480px) {
.messages .decor--bottom-left {
bottom: 25px;
}
}
@media (max-width: 768px) {
.messages {
padding-bottom: 70px;
}
}
@media (max-width: 760px) {
.messages {
text-align: center;
padding-top: 60px;
padding-bottom: 60px;
}
}
.messages .container {
position: relative;
}
.messages__arrows {
position: absolute;
top: 41px;
right: 25px;
display: flex;
}
@media (max-width: 760px) {
.messages__arrows {
position: static;
}
}
.messages__arrow {
position: relative;
width: 60px;
height: 60px;
background-color: #e7e7e8;
border: 1px solid #cccccc;
border-radius: 50%;
cursor: pointer;
margin-left: 30px;
z-index: 1;
}
.messages__arrow:hover {
box-shadow: 0 5px 20px rgba(5, 7, 35, 0.1);
background-color: #ffffff;
border-color: transparent;
transition: all 0.2s ease-in-out;
}
.messages__arrow:hover .icon {
fill: #005c9f;
}
.messages__arrow .icon {
position: absolute;
top: 50%;
left: 50%;
width: 10px;
height: 16px;
transform: translate(-50%, -50%);
fill: #9c9da1;
transition: all 0.2s ease-in-out;
}
@media (max-width: 760px) {
.messages__arrow {
position: absolute;
top: 60px;
background-color: transparent;
border: 0;
margin: 0;
width: auto;
height: auto;
}
.messages__arrow-prev {
left: 25px;
}
.messages__arrow-next {
right: 25px;
}
.messages__arrow .icon {
position: static;
transform: translate(0, 0);
}
}
.messages .slick-dots {
display: flex;
justify-content: center;
font-size: 0;
line-height: 0;
padding-top: 65px;
}
.persons_carousel .slick-dots {
display: none !important;
}
.messages .slick-dots li {
margin: 0 12px;
}
.messages .slick-dots li button {
border: 0;
padding: 0;
width: 10px;
height: 10px;
border: 2px solid #9c9da1;
border-radius: 50%;
background-color: transparent;
}
.messages .slick-dots li button:hover {
background-color: #005c9f;
border-color: #005c9f;
}
.messages .slick-dots li.slick-active button {
border: 2px solid #9c9da1;
background-color: #9c9da1;
}
@media (max-width: 760px) {
.messages .slick-dots {
padding-top: 35px;
}
}
.messages__column {
/*max-width: 320px;*/
padding-top: 15px;
}
@media (max-width: 480px) {
.messages__column {
padding-top: 22px;
}
}
.messages__person {
display: flex;
align-items: center;
}
@media (max-width: 760px) {
.messages__person {
flex-direction: column;
}
}
.messages__person-img {
border-radius: 50%;
margin-right: 53px;
}
@media (max-width: 768px) {
.messages__person-img {
margin-right: 29px;
}
}
@media (max-width: 760px) {
.messages__person-img {
margin-right: 0;
}
}
.messages__person-name {
color: #000000;
line-height: 1.3;
text-transform: uppercase;
font-size: 24px;
font-weight: 700;
}
@media (max-width: 760px) {
.messages__person-name {
font-size: 18px;
}
}
.messages__person-pos {
color: #000000;
font-size: 16px;
font-weight: normal;
text-transform: uppercase;
padding-top: 5px;
}
@media (max-width: 760px) {
.messages__person-pos {
font-size: 14px;
padding-top: 0;
}
}
.messages__text {
padding-top: 45px;
color: #000000;
font-size: 18px;
font-weight: normal;
line-height: 1.4;
}
@media (max-width: 760px) {
.messages__text {
font-size: 16px;
padding-top: 27px;
padding-left: 5px;
padding-right: 5px;
}
}
.partners {
padding-top: 110px;
padding-bottom: 100px;
}
@media (max-width: 768px) {
.partners {
padding-top: 90px;
padding-bottom: 80px;
}
}
@media (max-width: 600px) {
.partners {
padding-top: 60px;
padding-bottom: 80px;
}
}
.partners .container {
position: relative;
}
.partners__arrow {
position: absolute;
bottom: 50px;
display: none;
z-index: 100;
}
@media (max-width: 720px) {
.partners__arrow {
display: block;
}
}
.partners__arrow svg {
width: 10px;
height: 16px;
fill: #9c9da1;
}
.partners__arrow--prev {
left: 25px;
}
.partners__arrow--next {
right: 25px;
}
.partners__title {
color: #000033;
font-size: 50px;
font-weight: 700;
line-height: 1;
text-transform: uppercase;
padding-bottom: 50px;
}
@media (max-width: 830px) {
.partners__title {
font-size: 40px;
}
}
@media (max-width: 768px) {
.partners__title {
padding-bottom: 32px;
}
}
@media (max-width: 600px) {
.partners__title {
font-size: 25px;
padding-bottom: 40px;
text-align: center;
margin: auto;
}
}
.partners__list{
display: block;
position: relative;
}
.partners__list button{
display: block;
position: absolute;
top: -105px;
right: 90px;
width: 60px;
height: 60px;
background-color: transparent;
box-shadow: none;
font-size: 0;
border: 1px solid #cccccc;
border-radius: 50%;
cursor: pointer;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAQCAMAAAD3Y3VMAAAAaVBMVEWcnaGcnaGcnaGcnaGcnaGcnaGcnaGcnaGcnaGcnaGcnaGcnaGcnaGcnaGcnaGcnaGcnaGcnaGcnaGcnaGcnaGcnaGcnaGcnaGcnaGcnaGcnaGcnaGcnaGcnaGcnaGcnaGcnaGcnaGcnaGH/RJ0AAAAInRSTlMAAQMGChAXHz5LWVpoeYqZmqWnqKm2t8PEztja5ef1+fz+Alu/3AAAAFtJREFUeNpdjkkSgCAQAxF3UcF93/L/R1pFkINz6kMnE+EuO9SH+YnNYXFhTYnljSUhVg+m2FJQA0NkURqgCyk0gJauogUMmU5Ph9mRWXbO7PS//hv8Nr95V+IFVCIGMxcYAXUAAAAASUVORK5CYII=);
background-repeat: no-repeat;
background-position: center;
}
.partners__list button.slick-next{
right: 0;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAQCAMAAAD3Y3VMAAAAY1BMVEWcnaGcnaGcnaGcnaGcnaGcnaGcnaGcnaGcnaGcnaGcnaGcnaGcnaGcnaGcnaGcnaGcnaGcnaGcnaGcnaGcnaGcnaGcnaGcnaGcnaGcnaGcnaGcnaGcnaGcnaGcnaGcnaGcnaF5puiZAAAAIHRSTlMAAQMGChAXHz5LWVpoeYqZmqWnqKm2t8PO2Nrl5/X6/YRW9RoAAABVSURBVAjXTY5HEoAwDANDCDWU0Dvo/6/kYmXsk3ZGttcYf5eGc+KpmIsDb03Id3wNIduAluAWoEsE0gkIVsD2wMAcgFE6c+y4Ne6qm+qXdtBu/qLzDz3TBfpe9AFDAAAAAElFTkSuQmCC);
}
.partners__list button:hover{
box-shadow: 0 5px 20px rgba(5, 7, 35, 0.1);
}
@media (max-width: 992px) {
.partners__list button{
top: 100%;
right: calc( 50% + 10px );
}
.partners__list button.slick-next{
right: calc( 50% - 70px );
}
}
@media (min-width: 720px) {
.partners__list {
display: flex;
flex-wrap: wrap;
justify-content: start;
margin: 0 -15px;
}
}
@media (max-width: 720px) {
.partners__list {
padding: 0 35px;
}
}
.partners__list:after {
content: "";
flex: auto;
max-width: 480px;
}
@media (min-width: 720px) {
.partners__item {
flex-basis: 210px;
margin: 0 15px;
width: 100%;
max-width: 210px;
margin-bottom: 20px;
padding-right: 20px;
}
}
.partners__list .slick-active:not(.last) .partners__item{
border-right: 1px solid #cccccc;
}
@media (max-width: 600px) {
.partners__list .slick-active:not(.last) .partners__item{
border: none;
}
}
.partners__link {
display: flex;
justify-content: center;
align-items: center;
height: 120px;
/*border: 1px solid #cccccc;*/
transition: all 0.2s ease-in-out;
}
.partners__link:hover {
/*box-shadow: 0 5px 20px rgba(5, 7, 35, 0.1);*/
}
.partners__list-img {
max-width: 180px;
max-height: 70px;
}
.events {
background-color: #e7e7e8;
padding: 105px 0;
}
@media (max-width: 768px) {
.events {
padding: 85px 0;
}
}
@media (max-width: 600px) {
.events {
padding-top: 60px;
}
}
.events .container {
position: relative;
}
.events__header {
display: flex;
justify-content: space-between;
align-items: flex-end;
margin-bottom: 44px;
}
@media (max-width: 600px) {
.events__header {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 35px;
}
}
.events__title {
max-width: 525px;
color: #000033;
font-size: 50px;
font-weight: 700;
line-height: 1.2;
text-transform: uppercase;
}
.events__title_en {
max-width: 320px;
}
@media (max-width: 830px) {
.events__title {
max-width: 405px;
font-size: 40px;
}
}
@media (max-width: 600px) {
.events__title {
max-width: 260px;
font-size: 25px;
}
}
.events__link-all {
display: flex;
align-items: center;
color: #00a7e5;
font-size: 16px;
font-weight: 700;
letter-spacing: 0.2px;
text-transform: uppercase;
margin-bottom: 11px;
}
.events__link-all .icon {
width: 8px;
height: 13px;
fill: #00a7e5;
margin-left: 9px;
}
@media (max-width: 600px) {
.events__link-all {
position: absolute;
bottom: -34px;
padding: 0 15px;
}
}
.events__list {
display: flex;
justify-content: space-between;
}
.events__list {
display: flex;
justify-content: space-between;
align-items: stretch;
}
.events__list-item {
padding: 0 15px;
width: 33.33%;
max-width: inherit;
}
.events__list-item .events__list-wrap{
background-color: #fff;
transition: all .25s linear;
display: block;
height: 100%;
/*display: flex;
flex-direction: column;
justify-content: space-between;
*/
}
.events__list-item:hover .events__list-wrap{
background-color: #005c9f;
}
.events__list-item:hover .events__list-link{
color: #fff;
}
.events__list-link {
display: block;
color: #000000;
font-size: 18px;
font-weight: 700;
line-height: 1.4;
transition: all 0.3s ease-in-out;
padding: 20px 20px;
text-transform: none;
}
.events__list-link:hover {
color: #005c9f;
}
@media (max-width: 992px) {
.events__list {
flex-direction: column;
justify-content: flex-start;
}
.events__list-item {
display: flex;
width: 100%;
margin-bottom: 20px;
}
.events__list-item .events__list-wrap{
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
flex-direction: row;
width:100%;
}
.events__list-content {
height: auto!important;
margin-left: 30px;
}
}
@media (max-width: 768px) {
.events__list-item .events__list-wrap{
flex-direction: column;
margin:auto;
width: 100%;
max-width: 420px;
}
.events__list-content{
height: 100%;
margin: 0;
}
}
@media (max-width: 600px) {
.events__list-item {
display: block;
flex-direction: column;
margin-bottom: 35px;
}
.events__list-link {
padding-top: 12px;
}
.events__list-content {
margin-left: 0;
}
}
.events__list-content{
display: flex;
flex-direction: column;
height: calc( 100% - 190px );
width:100%;
justify-content: space-between;
min-height: 190px;
}
.events__img-container {
display: block;
align-items: center;
background-color: transparent;
padding: 20px;
height: 190px;
overflow: hidden;
}
.events__img {
max-width: 340px;
margin: auto;
max-height: inherit;
background-color: #fff;
}
.events__img img{
width: 100%;
}
.events__info {
position: relative;
color: rgba(51, 51, 51, 0.6);
font-size: 14px;
font-weight: 500;
line-height: 20px;
letter-spacing: 1.2px;
text-transform: uppercase;
padding: 20px 30px 20px 20px;
color: #fff;
background-color: #005c9f;
}
.events__info:after{
content: '';
display: block;
position: absolute;
top: 0;
right: 30px;
width: 8px;
height: 100%;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAOCAQAAAC4X5UdAAAAaklEQVQI12P4z4AKGf53/z/8XxBZYPP///8v/BdHCLD9XwEUuv5fBibA8J/5/1yg0P3/yjABhv+M/ycBhZ7914YJgGALUOjNfxNkK3cAhe6iqnj93whmxkSwGVowW+Yg24LhDohLxXD6BQC5FY8cCLTNNAAAAABJRU5ErkJggg==);
background-position: center;
background-repeat: no-repeat;
}
.banner {
position: relative;
text-align: center;
padding-top: 57px;
padding-bottom: 48px;
background-size: cover;
overflow: hidden;
}
.banner .container {
position: relative;
z-index: 1;
}
.banner .decor {
position: absolute;
}
.banner .decor-left {
top: 0;
left: 50px;
background: url('img/banner-top-left.jpg') no-repeat;
width: 597px;
height: 247px;
}
.banner .decor-right {
right: 65px;
bottom: 0;
background: url('img/banner-bottom-right.jpg') no-repeat;
width: 586px;
height: 253px;
opacity: 0.4;
}
@media (max-width: 1260px) {
.banner .decor-left {
left: -240px;
}
.banner .decor-right {
right: -240px;
}
}
@media (max-width: 1924px) {
.banner .decor-left {
left: -387px;
}
.banner .decor-right {
right: -380px;
}
}
@media (max-width: 768px) {
.banner .decor-right {
right: -455px;
}
.banner .decor-left {
left: -415px;
}
}
@media (max-width: 480px) {
.banner .decor {
visibility: hidden;
}
}
.banner__title {
max-width: none;
margin: 0 auto;
color: #000033;
font-size: 30px;
font-weight: 700;
text-transform: uppercase;
padding: 25px 0;
}
@media (max-width: 600px) {
.banner__title {
font-size: 24px;
padding-top: 21px;
padding-bottom: 12px;
}
}
.banner__link {
display: flex;
justify-content: center;
color: #00a7e5;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
transition: all 0.2s ease-in-out;
}
.banner__link:hover {
color: #005c9f;
}
.banner__link:hover .icon {
fill: #005c9f;
}
.banner__link .icon {
width: 7px;
height: 13px;
fill: #00a7e5;
margin-top: 3px;
margin-left: 10px;
transition: all 0.2s ease-in-out;
}
.banners {
position: relative;
padding-top: 0;
padding-bottom: 100px;
/*border-top: 1px solid #cccccc;*/
}
.banners:before{
content: '';
display: block;
background: url(img/wave_2.png) no-repeat;
background-size: cover;
background-position: top center;
width: 100%;
height: 100%;
position: absolute;
z-index: -1;
}
@media (max-width: 768px) {
.banners {
padding-top: 0;
padding-bottom: 85px;
}
}
@media (max-width: 600px) {
.banners {
padding-top: 0;
padding-bottom: 75px;
}
.banners:before{
display: none;
}
}
.banners__list {
display: flex;
flex-wrap: wrap;
margin: 0 -15px;
}
.banners__link {
display: flex;
align-items: center;
width: calc(50% - 30px);
margin: 15px;
}
.banners__item {
display: flex;
align-items: center;
width: 100%;
min-height: 130px;
padding: 20px 30px;
margin: 0;
background-repeat: no-repeat;
transition: all 0.2s ease-in-out;
}
.banners__item:hover {
opacity:0.8;
-moz-opacity:0.8;
filter: alpha(opacity=80) #fff;
-khtml-opacity: 0.8;
}
.banners__item--blue {
background-color: #005c9f;
background-image: url('img/banners-blue-bg.png');
}
.banners__item--purple {
background-color: #a40059;
background-image: url('img/banners-purple-bg.png');
}
.banners__item--red {
background-color: #e4003b;
background-image: url('img/banners-red-bg.png');
}
.banners__item--blue-light {
background-color: #00aaca;
background-image: url('img/banners-blue-light-bg.png');
}
.banners__item .icon-holder {
position: relative;
width: 60px;
height: 60px;
min-width: 60px;
background-color: #ffffff;
border-radius: 50%;
margin-right: 35px;
}
@media (max-width: 600px) {
.banners__item .icon-holder {
margin-right: 15px;
}
}
.banners__item .icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 29px;
height: 25px;
}
@media (max-width: 980px) {
.banners__item, .banners__link {
width: 100%;
max-width: 100%;
}
}
@media (max-width: 600px) {
.banners__item {
padding: 25px 15px;
}
.banners__link {
margin-bottom: 5px;
}
}
.banners__item-title {
color: #fefefe;
font-size: 24px;
font-weight: 700;
text-transform: uppercase;
}
@media (max-width: 600px) {
.banners__item-title {
font-size: 18px;
}
}
.banners__main {
position: relative;
display: flex;
align-items: center;
margin-top: 100px;
margin-bottom: 0;
padding: 54px 60px;
border: 1px solid #cccccc;
}
.banners__main-logo {
padding: 17px 0;
padding-right: 60px;
border-right: 1px solid #cccccc;
}
.banners__main-content {
margin-left: 65px;
}
.banners__main-title {
max-width: 460px;
font-size: 24px;
font-weight: 700;
line-height: 1.3;
text-transform: uppercase;
color: #323232;
}
.banners__main-title span {
display: block;
color: #00b0eb;
}
.banners__main .line {
position: absolute;
bottom: 0;
right: 0;
}
@media (max-width: 750px) {
.banners__main {
text-align: center;
flex-direction: column;
padding: 50px 25px;
margin-top: 75px;
margin-bottom: 0;
}
.banners__main-logo {
padding: 0;
border: 0;
}
.banners__main-content {
width: 100%;
margin-left: 0;
padding-top: 35px;
}
.banners__main-title {
margin-left: auto;
margin-right: auto;
font-size: 18px;
}
.banners__main .line {
max-width: 100%;
}
.banners__item_wide{
margin: 75px 0 0 0;
}
}
.banners__selection .visible-xs{
display: none;
}
.banners__selection .visible-xs img{
display: block;
margin: auto;
}
@media(max-width: 768px){
.banners__selection a:not(.visible-xs){
display: none;
}
.banners__selection .visible-xs{
display: block;
}
}
.banners__photobank {
display: flex;
margin: 0 -15px;
}
.banners__photobank-item {
font-size: 0;
line-height: 1;
position: relative;
margin: 15px 0;
width: 50%;
max-height: 290px;
overflow: hidden;
}
.banners__photobank-item img{
width: 100%;
}
.banners__photobank-item .icon {
width: 15px;
height: 25px;
fill: #ffffff;
transition: all 0.2s ease-in-out;
}
.banners__photobank-title {
position: absolute;
top: 50px;
left: 30px;
color: #ffffff;
font-size: 50px;
font-weight: 700;
line-height: 1;
text-transform: uppercase;
}
.banners__photobank-footer {
display: flex;
align-items: center;
justify-content: flex-end;
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding: 25px 30px;
background: rgba(51, 51, 51, 0.8);
transition: all 0.2s ease-in-out;
}
.banners__photobank-footer span {
color: #00a7e5;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
margin-right: 25px;
opacity: 0;
transition: all 0.2s ease-in-out;
}
.banners__photobank-footer:hover {
background-color: rgba(0, 73, 126, 0.8);
padding-top: 40px;
padding-bottom: 40px;
}
.banners__photobank-footer:hover .icon {
fill: #00afea;
}
.banners__photobank-footer:hover span {
opacity: 1;
}
@media (max-width: 1024px) {
.banners__photobank h1{
font-size: 30px;
}
}
@media (max-width: 768px){
.banners{
padding-bottom: 0;
}
.banners__photobank h1{
font-size: 50px;
}
.banners__photobank {
display: block!important;
flex-direction: column;
}
.banners__photobank a{
display: block;
margin-bottom: 30px;
}
.banners__photobank-item{
width: 100%;
max-width: 450px;
margin-left: auto;
margin-right: auto;
}
.banners__photobank-item img {
width: 100%;
/*max-height: 290px;*/
}
.banners-long__photobank-footer{
height: 100%;
background:transparent;
}
.banners-long__photobank-footer:hover{
background-color: transparent;
padding: 0;
}
a.banners-long__photobank-footer>span,a.banners-long__photobank-footer>svg{
display: none;
}
}
@media (max-width: 600px) {
.banners__photobank-item {
margin-bottom: 5px;
}
.banners__photobank-title {
font-size: 25px;
}
}
.banners__item_wide {
width: 100%;
margin: 100px 0 0 0;
transition: all 0.2s ease-in-out;
}
@media (max-width: 750px){
.banners__item_wide {
margin: 75px 0 0 0;
}
}
body.site-content {
overflow: auto;
}
.content-wrapper {
position: relative;
overflow: hidden;
}
.content-wrapper .container {
position: relative;
z-index: 1;
}
.content-wrapper .decor {
position: absolute;
fill: rgba(231, 231, 232, 0.4);
}
.content-wrapper .decor--top-left {
top: -25px;
left: -455px;
width: 846px;
height: 608px;
}
.content-wrapper .decor--bottom-right {
right: -550px;
bottom: -68px;
width: 1097px;
height: 608px;
}
.site-header {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
padding-top: 22px;
padding-bottom: 18px;
min-height: 60px;
border-bottom: 1px solid #d2d2d2;
}
@media (max-width: 480px) {
.site-header .breadcrumbs {
flex-basis: 100%;
}
}
@media (max-width: 480px) {
.site-header .language {
flex-basis: 100%;
padding-top: 20px;
}
}
.breadcrumbs__link {
font-size: 16px;
font-weight: normal;
line-height: 25px;
color: #005c9f;
}
.breadcrumbs__link:after {
content: '/';
padding: 0 5px;
}
.breadcrumbs__link:last-child:after {
content: '';
}
.breadcrumbs__link--active {
color: #8d8d8d;
}
.language__img {
width: 24px;
border-radius: 2px;
border: 1px solid #c9c9c9;
}
.language__link {
margin: 0 5px;
}
.language__link:first-child {
margin-left: 0;
}
.site-nav {
display: flex;
flex-wrap: wrap;
padding-top: 10px;
padding-bottom: 30px;
margin: 0 -5px;
}
@media (max-width: 480px) {
.site-nav {
flex-direction: column;
padding-bottom: 10px;
}
}
.site-nav__link {
position: relative;
color: #000033;
font-size: 18px;
font-weight: 700;
line-height: 1;
border: 1px solid #00afea;
padding: 10px 15px;
margin: 5px;
transition: color 0.2s ease-in-out;
}
@media (max-width: 480px) {
.site-nav__link {
display: none;
}
}
.site-nav__link:hover {
color: #005c9f;
}
.site-nav__link--active {
color: #ffffff;
background-color: #00afea;
}
.site-nav__link--active:hover {
color: #ffffff;
}
@media (max-width: 480px) {
.site-nav__link--active {
display: block;
}
.site-nav__link--active:after {
position: absolute;
top: 50%;
right: 10px;
content: '';
background-image: url(img/dropdown-icon.svg);
width: 13px;
height: 8px;
margin-top: -4px;
transition: all 0.2s ease-in-out;
}
}
.site-nav__link--clicked:after {
transform: rotate(180deg);
}
.filter {
padding-top: 10px;
padding-bottom: 30px;
margin: 0 -5px;
}
.filter__row {
display: flex;
flex-wrap: wrap;
padding: 5px 0;
}
@media (max-width: 480px) {
.filter__row {
flex-direction: column;
padding-bottom: 10px;
}
}
.filter__link {
position: relative;
color: #00afea;/*#000033;*/
font-size: 18px;
font-weight: 700;
line-height: 1;
border: 1px solid #00afea;
padding: 10px 15px;
margin: 5px;
transition: color 0.2s ease-in-out;
}
.filter__link.all_themes{
display: none;
}
@media (max-width: 480px) {
.filter__link {
display: none;
}
.filter__link.all_themes{
display: block;
}
}
.filter__link:hover {
color: #005c9f;
}
.filter__link--active, .filter__link:hover {
color: #ffffff;
background-color: #00afea;
}
.filter__link--active:hover {
color: #ffffff;
}
@media (max-width: 480px) {
.filter__link--active {
display: block;
}
.filter__link--active:after {
position: absolute;
top: 50%;
right: 10px;
content: '';
background-image: url(img/dropdown-icon.svg);
width: 13px;
height: 8px;
margin-top: -4px;
transition: all 0.2s ease-in-out;
}
}
.filter__link--clicked .filter__link--active:after {
transform: rotate(180deg);
}
.filter__link--clicked .filter__link {
display: block;
}
.site-content {
/*padding-bottom: 103px;*/
padding-bottom: 30px;
overflow: hidden;
min-height: 400px;
}
@media (max-width: 480px) {
.site-content {
/*padding-bottom: 70px;*/
}
}
.site-content__row {
display: flex;
margin: 0 -15px;
}
@media (max-width: 700px) {
.site-content__row {
display: block;
}
}
.site-content__column {
flex-basis: 50%;
padding: 15px;
}
@media (max-width: 700px) {
.site-content__column {
flex-basis: 100%;
}
}
.site-content h1 {
color: #000033;
font-size: 50px;
font-weight: 700;
line-height: 1.5;
text-transform: uppercase;
padding-top: 0;
padding-bottom: 0;
}
@media (max-width: 768px) {
.site-content h1 {
font-size: 40px;
}
}
@media (max-width: 480px) {
.site-content h1 {
font-size: 30px;
}
}
.site-content h2 {
color: #000033;
font-size: 40px;
font-weight: 700;
line-height: 1.5;
text-transform: uppercase;
padding-top: 30px;
padding-bottom: 10px;
}
@media (max-width: 768px) {
.site-content h2 {
font-size: 35px;
}
}
@media (max-width: 480px) {
.site-content h2 {
font-size: 25px;
padding-top: 30px;
}
}
.site-content h3 {
color: #000033;
font-size: 30px;
font-weight: 700;
line-height: 1.5;
text-transform: uppercase;
padding-top: 25px;
padding-bottom: 10px;
}
@media (max-width: 768px) {
.site-content h3 {
font-size: 25px;
}
}
@media (max-width: 480px) {
.site-content h3 {
font-size: 20px;
padding-top: 20px;
}
}
.site-content ul {
padding-top: 8px;
}
.panel__text ul li,
.site-content ul li {
position: relative;
color: #000000;
font-size: 18px;
font-weight: normal;
line-height: 1.5;
padding-bottom: 3px;
padding-left: 30px;
}
.panel__text ul li:before,
.site-content ul li:before {
position: absolute;
top:0;
left: 0;
content: '';
min-width: 6px;
width: 6px;
height: 6px;
background-color: #005c9f;
border-radius: 50%;
margin-top: 9px;
margin-right: 20px;
}
.panel__text ul li p{
padding: 0;
}
.site-content ol {
margin-left: -10px;
counter-reset: item;
}
.site-content ol li {
display: block;
position: relative;
list-style: none;
color: #000000;
font-size: 18px;
font-weight: normal;
line-height: 1.5;
padding-bottom: 3px;
}
.site-content ol>li:before {
content: counters(item, ".") " ";
counter-increment: item;
position: absolute;
right: 100%;
margin: 6px 10px 0 0;
background: none;
}
.site-content .accordion {
margin-top: 35px;
}
@media (max-width: 480px) {
.site-content .accordion {
margin-top: 20px;
}
}
.site-content .accordion__link {
display: flex;
align-items: center;
color: #00afea;
font-size: 20px;
font-weight: 700;
line-height: 1.5;
cursor: pointer;
padding: 10px 0;
transition: color 0.2s ease-in-out;
}
.site-content .accordion__link .accordion-icon {
width: 12px;
height: 8px;
fill: #00afea;
margin-left: 9px;
transition: all 0.2s ease-in-out;
}
.site-content .accordion__link--clicked .accordion-icon {
transform: rotate(180deg);
}
.site-content .accordion__link:hover {
color: #005c9f;
}
.site-content .accordion__link:hover .accordion-icon {
fill: #005c9f;
}
.site-content .accordion__content {
display: none;
}
.site-content big {
display: block;
color: #000000;
font-size: 24px;
font-weight: normal;
line-height: 1.3;
margin-top: 60px;
margin-bottom: 65px;
}
.site-content big:before {
display: block;
content: '';
width: 100px;
height: 3px;
background-color: #005c9f;
margin-bottom: 40px;
}
.site-content big:after {
display: block;
content: '';
width: 100px;
height: 3px;
background-color: #005c9f;
margin-top: 40px;
}
@media (max-width: 480px) {
.site-content big {
font-size: 20px;
margin: 45px 0;
}
.site-content big:before {
margin-bottom: 35px;
}
.site-content big:after {
margin-top: 35px;
}
}
.site-content blockquote {
font-size: 18px;
color: #000000;
font-weight: normal;
line-height: 25px;
margin: 0;
padding-bottom: 70px;
}
@media (max-width: 480px) {
.site-content blockquote {
padding-bottom: 45px;
}
}
.site-content cite {
display: block;
color: #333333;
font-weight: normal;
line-height: 35px;
text-transform: uppercase;
font-style: normal;
padding-top: 4px;
}
@media (max-width: 480px) {
.site-content cite {
font-size: 16px;
}
}
.site-content cite span {
color: #333333;
font-weight: 700;
line-height: 35px;
text-transform: uppercase;
}
.site-content table {
width: 100%;
margin-bottom: 30px;
border-collapse: collapse;
border: none;
}
@media (max-width: 765px) {
.site-content table {
display: block;
overflow: scroll;
margin-bottom: 40px;
}
}
.site-content table.text-center{
text-align: center;
}
.site-content table thead {
background-color: #e7e7e8;
}
.site-content table thead td {
color: #005c9f;
font-size: 16px;
font-weight: 700;
line-height: 1.9;
text-transform: uppercase;
padding: 15px 25px;
/*border-color: #e7e7e8;*/
border-color: #dadada;
}
.site-content table td.asTitle{
color: #005c9f;
font-size: 16px;
font-weight: 700;
line-height: 1.9;
text-transform: uppercase;
padding: 15px 25px;
border-color: #e7e7e8;
background-color: #e7e7e8;
text-align: center;
}
.site-content table.head_blue thead{
background: #99ccff;
}
.site-content table.head_blue thead td{
color: #000000;
font-size: 18px;
font-weight: normal;
font-weight: bold;
}
.site-content table tbody tr {
border: none;
}
.site-content table tbody td {
color: #000000;
font-size: 18px;
line-height: 1.4;
font-weight: normal;
padding: 18.5px 25px;
padding-right: 15px;
border-color: #e7e7e8;
}
.site-content figure {
margin: 0;
}
.site-content figcaption {
color: #8d8d8d;
font-size: 14px;
font-weight: normal;
line-height: 1;
text-transform: uppercase;
padding-top: 10px;
}
.site-content img {
display: block;
margin: auto;
max-width: 100%;
height: auto;
}
.site-content p {
font-size: 18px;
font-weight: normal;
line-height: 25px;
color: #000000;
padding: 10px 0;
}
.site-content p a {
color: #00afea;
transition: color 0.2s ease-in-out;
}
.site-content p a:hover {
color: #558dbb;
}
.site-content li a {
color: #00afea;
transition: color 0.2s ease-in-out;
}
.site-content li a:hover {
color: #558dbb;
}
.site-content .controls textarea,
.site-content .controls input {
border: solid;
border-color: lightgray;
border-width: 1px;
width: 300px;
margin: 10px 0;
}
.site-content button,
.site-content input,
.site-content optgroup,
.site-content select,
.site-content textarea {
/* color: inherit; */
font: inherit;
margin: 0;
}
.site-content ol li {
margin: 10px 0;
line-height: 1.5;
}
.site-content div.person ul {
box-sizing: inherit;
padding-top: 0;
list-style-position: initial;
list-style-image: initial;
}
.site-content div.person ul li {
display: block;
box-sizing: inherit;
padding: 25px;
left: 0;
background-color: #f6f6f6;
margin: 10.8906px 0;
}
.site-content div.person ul li p:first-child {
font-weight: 600;
}
.site-content div.person ul li:before {
content: '';
min-width: 0;
width: 0;
height: 0;
background-color: transparent;
border-radius: 0;
margin-top: 0;
margin-right: 0;
}
.site-content .ab-text {
margin-left: 8%;
margin-bottom: 30px;
}
.site-content .ab-row {
display: flex;
border: 1px;
border-style: none none solid none;
border-color: #cac6c6;
padding-bottom: 10px;
}
.site-content .ab-row__icon {
width: 50px;
height: 50px;
position: relative;
}
.site-content .ab-row__title {
margin: 0 0 0 30px;
display: flex;
align-items: center;
}
.faq .faq__list {
padding: 0;
}
.faq .faq__inner-item,
.faq .faq__item:first-child {
border-top: 1px solid #808285;
}
.faq .faq__inner-item:before{
display: none;
}
.faq .faq__item {
border: 1px solid #808285;
border-top: none;
}
.faq ul li {
left: 0;
padding: 0;
display: inherit;
align-items: flex-start;
color: #000000;
font-size: 18px;
line-height: 1.5;
}
.faq a {
transition: .3s;
}
.faq ul.faq__list>li:before {
display: none;
}
.faq .faq__text ul{
padding-left: 40px;
}
.faq .faq__text li:before{
display: inline-block;
left: -20px;
top: 4px;
}
.faq .faq__inner-link,
.faq .faq__link {
text-decoration: none;
}
.faq .faq__link {
display: block;
background-color: #e6e7e8;
padding: 10px 10px 10px 100px;
text-transform: uppercase;
color: #000;
position: relative;
font-size: 1em;
font-weight: 700;
}
.faq .faq__inner-list {
display: none;
padding: 0;
}
.faq .faq__inner-item {
position: relative;
}
.faq .faq__inner-item,
.faq .faq__item:first-child {
border-top: 1px solid #808285;
}
.faq .faq__inner-link,
.faq .faq__link {
text-decoration: none;
}
.faq .faq__inner-link {
display: block;
color: #59acdf;
font-size: 1.1em;
line-height: 1.25;
padding: 10px 0 10px 100px;
}
.faq .faq__link:before {
left: 0;
width: 80px;
background: #59acdf;
background-size: 30%;
}
.faq .faq__link:after,
.faq .faq__link:before {
display: inline-block;
position: absolute;
top: 0;
height: 100%;
content: "";
}
.faq .faq__link:after {
left: 22px;
width: 22px;
background: url(/images/double-item.svg) 50% no-repeat;
}
.faq .faq__link:after,
.faq .faq__link:before {
display: inline-block;
position: absolute;
top: 0;
height: 100%;
content: "";
}
.faq .faq__inner-link:before {
content: "";
display: inline-block;
position: absolute;
left: 56px;
top: 13px;
width: 16px;
height: 15px;
background: url(/images/item.svg) 50% no-repeat;
}
.faq .faq__link.opened:after {
transform: rotate(90deg);
}
.faq .opened.faq__inner-link:before {
background: url(/images/grey-item.svg) 50% no-repeat;
transform: rotate(90deg);
}
.faq .faq__text {
display: none;
color: #000;
font-size: 1em;
line-height: 1.25;
padding: 0 30px 30px 100px;
}
@media (max-width: 480px) {
.faq .faq__text {
padding-left: 20px;
padding-right: 20px;
font-size: 14px;
line-height: 17px;
}
.faq .faq__text p {
font-size: 14px;
line-height: 17px;
}
}
.faq .bx-context-toolbar-empty-area .faq__inner-list {
display: block;
}
.hotels p {
font-size: 1em;
}
.hotels table {
overflow-x: scroll;
overflow-y: auto;
border-spacing: 0;
box-sizing: inherit;
border-collapse: collapse;
}
.hotels table.hardstyle tbody tr:nth-child(odd) {
background: #f6f6f6;
border: 1px solid white;
color: #505050;
}
.hotels table img{
max-width: 260px;
}
.hotels .hardstyle tr {
background: #eeeeee;
color: #505050;
}
.hotels .hardstyle-headliner {
background-color: transparent !important;
font-weight: 700;
}
.hotels .hardstyle-headliner td {
font-weight: 700;
}
.hotels .hardstyle td {
padding: 8px;
line-height: 1.1rem;
width: 15%;
}
.hotels td a {
color: #3fa3e4;
}
@media(max-width: 992px){
.hotels table img{
max-width: 200px;
}
.site-content .hotels thead td,
.site-content table tbody td{
font-size: 16px;
}
}
@media(max-width: 768px){
.site-content table table{
margin-bottom: 30px;
}
.hotels .hardstyle td{
padding: 10px 15px;
width: 20%;
}
.hotels .hardstyle table td{
padding-bottom: 0;
padding: 10px 0;
}
.site-content .hotels thead td,
.site-content table tbody td{
font-size: 15px;
}
}
@media(max-width: 540px){
.site-content table thead td,
.site-content .hotels thead td,
.site-content table tbody td{
padding: 15px;
font-size: 15px;
line-height: 1.4;
}
}
@media(max-width: 380px){
.site-content table thead td,
.site-content .hotels thead td,
.site-content table tbody td{
text-transform: none;
}
}
.gost__content {
margin-top: 30px;
margin-bottom: 30px;
}
.gost__content p {
font-size: 1em;
}
.gost__content table {
overflow-x: scroll;
overflow-y: auto;
}
.gost__content table tbody tr td {
color: #000000;
font-size: 18px;
font-weight: normal;
padding: 0;
}
.gost__content td p {
margin: 0;
padding: 0;
}
.gost__content table {
width: 100%;
margin-bottom: 0;
}
.gost__content table td img {
max-width: 100%;
height: auto;
display: inline-block;
vertical-align: middle;
}
.meeting {
position: relative;
overflow: hidden;
background-color: #e7e7e8;
padding-top: 115px;
padding-bottom: 90px;
}
@media (max-width: 768px) {
.meeting {
padding-top: 90px;
}
}
@media (max-width: 600px) {
.meeting {
padding-top: 65px;
padding-bottom: 120px;
}
}
.meeting .container {
position: relative;
z-index: 1;
}
.meeting .decor {
position: absolute;
width: 1097px;
height: 608px;
fill: #f0f1f1;
}
.meeting .decor--top-right {
top: -100px;
right: -285px;
}
.meeting .decor--bottom-left {
left: -577px;
bottom: -125px;
}
@media (max-width: 768px) {
.meeting .decor--bottom-left {
bottom: -75px;
}
}
@media (max-width: 480px) {
.meeting .decor--top-right {
right: -500px;
}
.meeting .decor--bottom-left {
left: -800px;
bottom: -85px;
}
}
.meeting__header {
display: flex;
justify-content: space-between;
align-items: flex-end;
padding-bottom: 32px;
}
@media (max-width: 768px) {
.meeting__header {
padding-bottom: 15px;
}
}
@media (max-width: 600px) {
.meeting__header {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
}
.meeting__title {
max-width: 340px;
color: #000033;
font-size: 50px;
font-weight: 700;
line-height: 1;
text-transform: uppercase;
}
@media (max-width: 830px) {
.meeting__title {
font-size: 40px;
}
}
@media (max-width: 600px) {
.meeting__title {
font-size: 25px;
}
}
.meeting__link-all {
display: flex;
align-items: center;
color: #00a7e5;
font-size: 16px;
font-weight: 700;
letter-spacing: 0.2px;
text-transform: uppercase;
}
.meeting__link-all .icon {
width: 8px;
height: 13px;
fill: #00a7e5;
margin-left: 9px;
}
@media (max-width: 600px) {
.meeting__link-all {
position: absolute;
bottom: -40px;
}
}
.meeting__list {
display: flex;
flex-wrap: wrap;
margin: 0 -15px;
}
.meeting__item {
width: 50%;
padding: 15px;
margin-bottom: 15px;
}
@media (max-width: 768px) {
.meeting__item {
padding-bottom: 0;
}
}
.meeting__item--full-width {
display: flex;
width: 100%;
}
.meeting__item--full-width .meeting__item-content {
padding: 20px 28px;
background-color: #333333;
}
.meeting__item--full-width .meeting__item-title {
color: #ffffff;
}
.meeting__item-img {
max-width: 100%;
}
.meeting__item-title {
display: block;
color: #000000;
font-size: 24px;
font-weight: 700;
line-height: 1.3;
margin-top: 27px;
transition: all 0.2s ease-in-out;
}
.meeting__item-title:hover {
color: #005c9f;
}
@media (max-width: 768px) {
.meeting__item-title {
font-size: 20px;
margin-top: 40px;
}
}
@media (max-width: 750px) {
.meeting__item-title {
margin-top: 23px;
}
}
.meeting__item-date {
display: flex;
align-items: center;
color: #00a7e5;
font-size: 14px;
font-weight: 700;
letter-spacing: 1.3px;
text-transform: uppercase;
margin-top: 15px;
}
.meeting__item-date .calendar-icon {
width: 19px;
height: 20px;
fill: #00a7e5;
margin-right: 10px;
}
@media (max-width: 980px) {
.meeting__item {
display: flex;
align-items: flex-start;
width: 100%;
}
.meeting__item-img {
max-width: 50%;
flex-basis: 50%;
}
.meeting__item-content {
padding-left: 28px;
max-width: 50%;
flex-basis: 50%;
height: 100%;
}
}
@media (max-width: 750px) {
.meeting__item {
display: block;
padding-bottom: 18px;
}
.meeting__item-title {
font-size: 18px;
}
.meeting__item-img {
max-width: 100%;
display: block;
margin: 0 auto;
}
.meeting__item-content {
max-width: 100%;
padding-left: 0;
height: auto;
background: transparent;
}
.meeting__item--full-width {
background-color: #333333;
}
.meeting__item--full-width .meeting__item-content {
padding: 0;
}
}
.footer {
position: relative;
padding-top: 400px;
padding-bottom: 120px;
background-color: #fff;
}
.footer:before{
bottom: 0;
content: '';
display: block;
position: absolute;
width:100%;
padding-bottom: 30%;
background: url(img/footer_ill.png) no-repeat;
background-size: contain;
z-index: 0;
background-size: 100% auto;
background-position: center top;
}
.footer:after{
bottom: 0;
content: '';
display: block;
position: absolute;
width:100%;
height: 30%;
background-color: #005c9f;
z-index: 0;
}
.footer.mainPage{
background-color: #e7e7e8;
}
.footer.mainPage:before{
z-index: 1;
}
@media (max-width: 3000px) {
.footer:before{
padding-bottom: 33%;
}
}
@media (max-width: 2600px) {
.footer:before{
padding-bottom: 36%;
}
}
@media (max-width: 2100px) {
.footer:before{
padding-bottom: 38%;
}
}
@media (max-width: 1900px) {
.footer:before{
padding-bottom: 40%;
}
}
@media (max-width: 1700px) {
.footer:before{
padding-bottom: 43%;
}
}
@media (max-width: 1280px) {
.footer{
padding-top: 240px;
}
.footer:before{
padding-bottom: 48%;
}
}
@media (max-width: 992px) {
.footer{
padding-top: 240px;
padding-bottom: 80px;
}
.footer:before{
padding-bottom: 56%;
}
.footer:after{
height: 40%;
}
}
@media (max-width: 600px) {
.footer {
padding-bottom: 80px;
}
}
.footer .line {
position: absolute;
top: -65px;
right: 25px;
max-width: 100%;
}
@media (max-width: 600px) {
.footer .line {
right: 0;
}
}
.footer .container {
position: relative;
display: flex;
justify-content: space-between;
z-index: 1;
}
@media (max-width: 600px) {
.footer .container {
display: block;
}
}
.footer__column {
/*flex-basis: 50%;*/
padding-top: 10px;
padding-right: 40px;
}
.footer__column:nth-of-type(2){
margin-left: auto;
border-right: 1px solid rgba(255, 255, 255, 0.3);
}
.footer__column:last-of-type{
padding: 0 0 0 40px;
}
.footer__phone {
color: #fff;
font-weight: normal;
line-height: 30px;
font-size: 26px;
font-weight: bold;
}
.footer__email {
color: #fff;
font-weight: normal;
font-size: 16px;
padding-top: 5px;
cursor: default;
}
.footer__copyright,
.footer__author {
color: #fff;
font-size: 16px;
font-weight: normal;
line-height: 20px;
text-align: right;
}
@media (max-width: 600px) {
.footer__copyright,
.footer__author {
text-align: left;
}
}
.footer__author {
margin-top: 10px;
}
.footer__author a {
color: #fff;
}
.footer__logo {
display: block;
margin-top: 35px;
text-align: right;
}
@media (max-width: 600px) {
.footer__logo {
text-align: left;
}
}
.footer__social {
display: flex;
align-items: center;
padding-top: 35px;
}
.footer__social-link:first-child .footer-icon {
margin-left: 0;
}
.footer__social .footer-icon {
fill: #fff;
margin: 0 10px;
}
.footer__social .telegram-icon {
width: 24px;
height: 21px;
}
.footer__social .facebook-icon {
width: 13px;
height: 24px;
}
.footer__social .twitter-icon {
width: 24px;
height: 19px;
}
.footer__social .instagram-icon {
width: 22px;
height: 22px;
}
.footer__social .youtube-icon {
width: 20px;
height: 24px;
}
@media (max-width: 767px) {
.footer{
padding-top: 260px;
padding-bottom: 20px;
/*background-color: #005c9f;*/
}
.footer:after{
height: 65%;
}
.footer:before{
top: 0;
background-position: 75% top;
background-image: url(img/footer_ill1.png);
background-size: inherit;
height: 400px;
}
.footer .container{
/*display: block;*/
flex-wrap: wrap;
}
.footer__column,
.footer__column:nth-of-type(2){
margin: 0 auto 40px 0;
}
.footer__column:nth-of-type(2){
text-align: left;
}
}
@media (max-width: 600px) {
.footer__column,
.footer__column:nth-of-type(2){
display: block;
margin-bottom: 40px;
max-width: 320px;
margin: 0 auto 40px auto;
}
.footer__column:nth-of-type(2){
padding-bottom: 30px;
border-right: 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.footer__column:last-of-type{
padding: 0;
}
.footer__column:last-of-type img{
max-width: 120px;
}
}
.panel {
position: relative;
overflow: hidden;
padding: 130px 0;
}
@media (max-width: 830px) {
.panel {
padding: 70px 0;
}
}
@media (max-width: 600px) {
.panel {
padding-bottom: 100px;
}
}
.panel--has-bg {
background-color: #e7e7e8;
}
.panel .container {
position: relative;
z-index: 1;
}
.panel .decor {
width: 1097px;
height: 608px;
position: absolute;
fill: rgba(231, 231, 232, 0.4);
}
.panel .decor--bottom-left {
left: -575px;
bottom: -142px;
}
.panel .decor--bottom-right {
right: -272px;
bottom: 0;
}
.panel__header {
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.panel__header .link-more {
margin-bottom: 50px;
}
.panel__header .link-more .icon {
width: 8px;
height: 13px;
fill: #00a7e5;
margin-left: 9px;
}
@media (max-width: 830px) {
.panel__header .link-more {
margin-bottom: 30px;
}
}
@media (max-width: 600px) {
.panel__header .link-more {
margin: 0;
position: absolute;
left: 25px;
bottom: -50px;
z-index: 1000;
}
}
@media (max-width: 480px) {
.panel__header .link-more {
left: 15px;
}
}
.panel .link-more {
color: #00a7e5;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
}
.panel__title {
color: #000033;
font-size: 50px;
font-weight: 700;
line-height: 1;
text-transform: uppercase;
padding-bottom: 50px;
}
@media (max-width: 830px) {
.panel__title {
font-size: 40px;
padding-bottom: 30px;
}
}
@media (max-width: 600px) {
.panel__title {
font-size: 25px;
}
}
.panel__text {
color: #000000;
font-family: "PT Sans";
font-size: 18px;
font-weight: normal;
line-height: 25px;
}
.header__nav {
position: relative;
z-index: 10;
display: flex;
justify-content: flex-end;
padding: 25px 0;
margin-right: -16px;
}
@media (max-width: 930px) {
.header__nav {
display: none;
}
}
.header__nav-link {
color: #fefefe;
font-size: 14px;
font-weight: 700;
letter-spacing: 2.7px;
text-transform: uppercase;
padding: 0 12px;
padding-bottom: 15px;
}
.header__nav-link:hover {
text-decoration: underline;
}
a.header__nav-link {
color: #fefefe;
}
a.header__nav-link:hover {
color: #fefefe;
text-decoration: underline;
}
.header__nav-column {
display: flex;
}
.header__nav-item {
position: relative;
}
.header__nav-item--mobile {
display: none;
}
.header__nav-item:hover .dropdown {
opacity: 1;
visibility: visible;
}
.header__nav-item .dropdown {
opacity: 0;
visibility: hidden;
position: absolute;
top: 25px;
min-width: 250px;
max-width: 300px;
background: rgba(0, 73, 126, 0.85);
transition: opacity 0.2s ease-in-out;
margin-left: 16px;
}
.header__nav-item .dropdown__item:last-child .dropdown__link {
border-bottom: 0;
}
.header__nav-item .dropdown__link {
display: block;
padding: 10px 15px;
color: #fefefe;
font-size: 16px;
font-weight: normal;
line-height: 1;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.header__nav-item .dropdown__link:hover {
text-decoration: underline;
}
.program {
position: relative;
}
.program .filter {
background: rgba(255, 255, 255, 0.3);
padding: 0 30px 30px;
box-shadow: 0px 6px 18px 0px rgba(0, 0, 0, 0.1);
margin-bottom: 40px;
}
.program .filter--is-fixed {
padding: 10px;
background: white;
position: fixed;
left: 0;
top: 0;
width: 100%;
z-index: 10000;
animation: b 1s ease-out forwards;
}
.program .filter--is-fixed .filter__link {
font-size: 16px;
padding: 5px 10px;
}
.program .filter--is-fixed .filter__list {
max-width: 930px;
margin: 0 auto;
}
@keyframes b {
0% {
transform: translate3d(0, -150%, 0);
}
100% {
transform: translateZ(0);
}
}
@media(max-width: 1400px){
.header__nav-item .dropdown.right-align{
right: 0;
}
}
@media (max-width: 700px) {
.program .filter {
padding-top: 10px;
padding-left: 0;
padding-right: 0;
}
}
.program.fixed-element .program__header {
margin-bottom: 290px;
}
.program__apps {
display: flex;
align-items: center;
font-size: 16px;
}
.program__apps a {
font-size: 0;
line-height: 1;
}
.program__location {
font-size: 19px;
font-weight: 700;
}
.program__date {
color: #676767;
text-align: right;
margin-bottom: 4px;
}
@media (max-width: 700px) {
.program__date {
text-align: left;
}
}
.program__download {
display: flex;
justify-content: flex-end;
align-items: center;
color: #3fa3e4;
padding: 8px 0;
}
.program__download a {
color: #3fa3e4;
display: flex;
}
.program__download .download-icon {
width: 24px;
height: 24px;
fill: #3fa3e4;
margin-right: 8px;
}
.program__download :hover {
text-decoration: underline;
}
@media (max-width: 700px) {
.program__download {
justify-content: flex-start;
}
}
.session {
display: flex;
padding-bottom: 20px;
}
.session .session__type {
padding-bottom: 0;
}
.session .session__subject {
padding-top: 0;
padding-bottom: 5px;
}
.session:first-child {
margin-top: 290px;
}
@media (max-width: 700px) {
.session {
display: block;
}
}
.session__info {
min-width: 170px;
margin-right: 20px;
width: 170px;
}
.session__info-date {
display: block;
font-size: 18px;
line-height: 30px;
text-align: right;
}
.session__info .session__info-text {
color: #59acdf;
line-height: 1.7;
text-align: right;
}
@media (max-width: 700px) {
.session__info {
width: auto;
}
.session__info-date,
.session__info-text {
text-align: left;
}
}
.session__content{
display: block;
width: 100%;
}
.session .session__title {
padding-top: 0;
font-size: 32px;
font-weight: normal;
text-transform: none;
padding-bottom: 10px;
line-height: 1.2;
}
@media (max-width: 768px) {
.session .session__title {
font-size: 25px;
}
}
.session .session__body {
display: flex;
}
@media (max-width: 992px) {
.session .session__body {
display: block;
}
.session .session__body .btn-translation {
margin-left: 0;
}
}
.fancybox-container.fancybox-show-controls.fancybox-controls--canzoomOut.fancybox-container--ready .fancybox-bg {
opacity: 0.5;
}
.modal {
display: none;
max-width: 700px;
}
.modal img {
width: 150px;
height: auto;
margin-right: 30px;
}
.modal__container {
display: flex;
align-items: flex-start;
}
.modal__container h1{
margin: 15px 0;
}
.modal__container .footer{
padding: 0;
background-color: transparent;
}
@media (max-width: 700px) {
.modal__container {
display: block;
}
}
.modal__header {
margin-bottom: 20px;
}
.modal__header h1 {
font-size: 25px;
}
.modal__header span {
display: block;
color: gray;
padding-top: 10px;
}
.modal__body {
max-height: 320px;
overflow-y: auto;
padding-bottom: 5px;
}
.schemes__list {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
.schemes__item, .schemes__item h4 {
display: inline-block;
}
.schemes__item {
margin: 5px;
width: 45%;
}
.schemes__download {
color: #00afea;
}
.schemes__download:hover {
color: #558dbb;
text-decoration: underline;
}
.btn__up {
width: 60px;
height:60px;
background: url(img/scroll_top.png) center center no-repeat;
box-shadow: 0 10px 20px rgba(0,0,0,0.2);
border-radius: 60px;
position: fixed;
right: 3%;
bottom: 9%;
transition: .4s ease-in-out;
visibility: hidden;
opacity: 0;
z-index: 12;
cursor: pointer;
}
.btn__up:hover {
background: url(img/scroll_top_hover.png) center center no-repeat;
}
.btn__up.show {
opacity: 1;
visibility: visible;
}
.ya-share2__item_service_facebook .ya-share2__icon {
background: url(img/fa-facebook.png) transparent center center no-repeat !important;
width: 49px !important;
height: 48px !important;
}
.ya-share2__item_service_twitter .ya-share2__icon {
background: url(img/fa-twitter.png) transparent center center no-repeat !important;
width: 49px !important;
height: 48px !important;
}
.ya-share2__item_service_vkontakte .ya-share2__icon {
background: url(img/fa-vk.png) transparent center center no-repeat !important;
width: 49px !important;
height: 48px !important;
}
.ya-share2__badge {
background: transparent !important;
}
.ya-share2__icon:active {
box-shadow: none !important;
}
li.ya-share2__item:before {
display: none;
}
.invest_img{
max-width: 100%;
}
.operator-wrap{
position: relative;
}
.header__logo{
margin-bottom: 5px;
}
.operator{
display: block;
color: white;
margin-top: 10px;
position: absolute;;
font-weight: 600;
}
.operator>img{
height: 18px;
float: right;
}
.operator>p{
line-height: 18px;
margin-right: 5px;
}
@media (max-width: 771px) {
.operator{
display: none;
}
}
a:hover{
color: #558dbb;
text-decoration: none;
}
.site-content a{
}
.site-content a:hover{
}
.breadcrumbs a:hover{
color:#005c9f;
}
.footer__phone:hover{
color:#cccccc;
}
.header__menu-phone:hover{
color: #fefefe;
}
.icon{
display: inline-block;
position: relative;
float: left;
margin-right: 10px;
}
.icon.icon-pdf{
width: 42px;
height: 42px;
background-image: url("/images/pdf-icon.png");
background-size: contain;
background-repeat: no-repeat;
}
.icon.icon-info{
width: 15px;
height: 15px;
background-image: url("/images/Info-02.png");
background-size: contain;
background-repeat: no-repeat;
float:none;
margin-left: 10px;
top: 2px;
}
.arLinks a{
display: block;
font-size: 18px;
text-transform: uppercase;
font-weight: bold;
line-height: 1;
}
.bordered {
display: block;
padding: 10px 15px;
}
.bordered-blue {
border: 1px solid #00afea;
}
.card{
padding: 30px;
height: 100%;
margin-bottom: 20px;
border-bottom: 20px solid #fff;
}
.card.bg-light{
background-color: #f0f1f2;
}
.tooltip {
position: relative;
display: inline-block;
}
.tooltip .tooltiptext {
visibility: hidden;
width: 300px;
background-color: #f6f6f6;
color: #000;
text-align: center;
border-radius: 6px;
/* Position the tooltip */
position: absolute;
z-index: 1;
padding: 15px;
line-height: 1.2;
font-size: 14px;
border: 1px solid #d3d3d3;
left: 100%;
top: -10px;
text-align: left;
transition: all .2s linear;
}
.tooltip .tooltiptext:after, .tooltip .tooltiptext:before {
right: 100%;
top: 25px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.tooltip .tooltiptext:after {
border-color: rgba(246, 246, 246, 0);
border-right-color: #f6f6f6;
border-width: 8px;
margin-top: -8px;
}
.tooltip .tooltiptext:before {
border-color: rgba(211, 211, 211, 0);
border-right-color: #d3d3d3;
border-width: 9px;
margin-top: -9px;
}
.tooltip:hover .tooltiptext {
visibility: visible;
}
@media(max-width: 768px){
.tooltip .tooltiptext{
left: 30px;
bottom: 100%;
top: auto;
}
.tooltip .tooltiptext:after, .tooltip .tooltiptext:before {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.tooltip .tooltiptext:after {
border-color: rgba(246, 246, 246, 0);
border-top-color: #f6f6f6;
border-width: 8px;
margin-left: -8px;
margin-top: 0;
}
.tooltip .tooltiptext:before {
border-color: rgba(211, 211, 211, 0);
border-top-color: #d3d3d3;
border-width: 9px;
margin-left: -9px;
margin-top: 0;
}
}
.persons_carousel .modal-link{
cursor: pointer;
transition: all .2s linear;
}
.persons_carousel .modal-link:hover{
/*opacity: .75;*/
color: #005c9f;
}
.icon.arrow_right {
position: relative;
display: inline-block;
margin-left: 10px;
width: 17px;
height: 2px;
vertical-align: middle;
background-color: #005c9e;
float: none;
}
.icon.arrow_right.arrow_right_white {
background-color: #fff;
}
.icon.arrow_right:before,
.icon.arrow_right:after {
content: '';
position: absolute;
top: 0;
right: 0;
width: 6px;
height: 2px;
background-color: #005c9e;
-webkit-transform: translateY(-2px) rotate(45deg);
-moz-transform: translateY(-2px) rotate(45deg);
-ms-transform: translateY(-2px) rotate(45deg);
-o-transform: translateY(-2px) rotate(45deg);
transform: translateY(-2px) rotate(45deg);
}
.icon.arrow_right:after {
-webkit-transform: translateY(2px) rotate(-45deg);
-moz-transform: translateY(2px) rotate(-45deg);
-ms-transform: translateY(2px) rotate(-45deg);
-o-transform: translateY(2px) rotate(-45deg);
transform: translateY(2px) rotate(-45deg);
}
.icon.arrow_right.arrow_right_white:before,
.icon.arrow_right.arrow_right_white:after {
background-color: #fff;
}
.slick-dots{
text-align: center;
}
.slick-dots li{
display: inline-block;
padding-left: 10px!important;
}
.slick-dots li:before{
display: none;
}
.slick-dots li button{
display: block;
width: 10px;
height: 10px;
border-radius: 50%;
border: none;
/*background-color: #f6f6f6;*/
border: 2px solid #9c9da1;
font-size: 0;
padding: 0;
cursor: pointer;
}
.slick-dots li.slick-active button{
border: 2px solid #9c9da1;
background-color: #9c9da1;
}
.slick-dots li button:hover {
background-color: #9c9da1;
border-color: #9c9da1;
}
.mfeedback.qa-question{
color: #000;
line-height: 30px;
padding: 30px;
background-color: #f6f6f6;
}