/* fonts */

/* open-sans-300 - cyrillic_latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/open-sans-v15-cyrillic_latin-300.eot'); /* IE9 Compat Modes */
    src: local('Open Sans Light'), local('OpenSans-Light'),
    url('../fonts/open-sans-v15-cyrillic_latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/open-sans-v15-cyrillic_latin-300.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/open-sans-v15-cyrillic_latin-300.woff') format('woff'), /* Modern Browsers */
    url('../fonts/open-sans-v15-cyrillic_latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/open-sans-v15-cyrillic_latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - cyrillic_latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/open-sans-v15-cyrillic_latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Open Sans Regular'), local('OpenSans-Regular'),
    url('../fonts/open-sans-v15-cyrillic_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/open-sans-v15-cyrillic_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/open-sans-v15-cyrillic_latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/open-sans-v15-cyrillic_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/open-sans-v15-cyrillic_latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-italic - cyrillic_latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/open-sans-v15-cyrillic_latin-italic.eot'); /* IE9 Compat Modes */
    src: local('Open Sans Italic'), local('OpenSans-Italic'),
    url('../fonts/open-sans-v15-cyrillic_latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/open-sans-v15-cyrillic_latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/open-sans-v15-cyrillic_latin-italic.woff') format('woff'), /* Modern Browsers */
    url('../fonts/open-sans-v15-cyrillic_latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/open-sans-v15-cyrillic_latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - cyrillic_latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/open-sans-v15-cyrillic_latin-600.eot'); /* IE9 Compat Modes */
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
    url('../fonts/open-sans-v15-cyrillic_latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/open-sans-v15-cyrillic_latin-600.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/open-sans-v15-cyrillic_latin-600.woff') format('woff'), /* Modern Browsers */
    url('../fonts/open-sans-v15-cyrillic_latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/open-sans-v15-cyrillic_latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600italic - cyrillic_latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 600;
    src: url('../fonts/open-sans-v15-cyrillic_latin-600italic.eot'); /* IE9 Compat Modes */
    src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'),
    url('../fonts/open-sans-v15-cyrillic_latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/open-sans-v15-cyrillic_latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/open-sans-v15-cyrillic_latin-600italic.woff') format('woff'), /* Modern Browsers */
    url('../fonts/open-sans-v15-cyrillic_latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/open-sans-v15-cyrillic_latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - cyrillic_latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/open-sans-v15-cyrillic_latin-700.eot'); /* IE9 Compat Modes */
    src: local('Open Sans Bold'), local('OpenSans-Bold'),
    url('../fonts/open-sans-v15-cyrillic_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/open-sans-v15-cyrillic_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/open-sans-v15-cyrillic_latin-700.woff') format('woff'), /* Modern Browsers */
    url('../fonts/open-sans-v15-cyrillic_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/open-sans-v15-cyrillic_latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-800 - cyrillic_latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/open-sans-v15-cyrillic_latin-800.eot'); /* IE9 Compat Modes */
    src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'),
    url('../fonts/open-sans-v15-cyrillic_latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/open-sans-v15-cyrillic_latin-800.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/open-sans-v15-cyrillic_latin-800.woff') format('woff'), /* Modern Browsers */
    url('../fonts/open-sans-v15-cyrillic_latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/open-sans-v15-cyrillic_latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* roboto-300 - latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/roboto-v18-latin-ext-300.eot'); /* IE9 Compat Modes */
    src: local('Roboto Light'), local('Roboto-Light'),
    url('../fonts/roboto-v18-latin-ext-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/roboto-v18-latin-ext-300.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/roboto-v18-latin-ext-300.woff') format('woff'), /* Modern Browsers */
    url('../fonts/roboto-v18-latin-ext-300.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/roboto-v18-latin-ext-300.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* colors */

.whiteText {
    color: #ffffff;
}

.whiteBg {
    background-color: #ffffff;
}

.yellowText {
    color: #feba12;
}

.blueText {
    color: #21478e;
}

.lightGrayPattern {
    background-image: url("../images/patterns/gray_big.png");
}

.yellowFestivePattern {
    background-image: url("../images/patterns/yellow_bg_festive.png");
}

.yellowPattern {
    background-image: url("../images/patterns/yellow_bg.png");
}

.bluePattern {
    background-image: url("../images/patterns/blue.png");
}

.squarePattern {
    background-image: url("../images/patterns/bg_squares_1.png");
}

.grayGradientLayout {
    background: linear-gradient(90deg, transparent, #f8f8f8);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

/* buttons */

a.button, button.button {
    font-size: 17px;
    text-transform: uppercase;
    height: 54px;
    line-height: 54px;
    border: none;
    padding: 0 20px;
    display: inline-block;
}

a.semiBold {
    font-weight: 600;
}

a.inheritFont {
    font-size: inherit;
}

a.yellowBtn {
    background-color: #feba12;
}

a.yellowShadow {
    box-shadow: 0 0 20px 0px #feba12;
}

a.blueBtn, button.blueBtn {
    background-color: #21478e;
    color: #ffffff;
}

a.blueShadow, button.blueShadow {
    box-shadow: 0 0 20px 0px #21478e;
}

.noTouch a.noShadowHover:hover {
    box-shadow: none;
}

a.arrowLink {
    line-height: 50px;
    font-weight: 600;
    font-size: 16px;
    background-color: #ffffff;
    padding: 0 15px 0 52px;
    height: 50px;
    display: inline-block;
    text-transform: uppercase;
    position: relative;
}

.noTouch a.arrowLink.noPl:hover {
    color: #21478e;
}

a.arrowLink::before {
    width: 28px;
    height: 26px;
    content: "";
    background-image: url("../images/ui/link_arrow.png");
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    position: absolute;
    top: 12px;
    left: 15px;
}

a.arrowLink.noPl {
    padding-left: 38px;
}

a.arrowLink.noPl::before {
    left: 0;
}

/* text */

.bigSemiBoldTitle {
    font-size: 40px;
    font-weight: 600;
}

.semiBoldTitle {
    font-size: 34px;
    font-weight: 600;
}

.smallSemiBoldTitle {
    font-size: 28px;
    line-height: 38px;
    font-weight: 600;
}

.semiBoldSubtitle {
    font-weight: 600;
    font-size: 22px;
    line-height: 30px;
    margin-top: 5px;
}

.title {
    font-size: 34px;
    line-height: 39px;
}

.bigLightTitle {
    font-size: 48px;
    font-weight: 300;
}

.modalTitle {
    font-size: 40px;
}

.text {
    font-size: 18px;
    line-height: 26px;
}

.bigText {
    font-size: 20px;
    line-height: 30px;
}

.smallText {
    font-size: 16px;
    line-height: 24px;
}

.textBlock {
    padding: 85px 120px;
    font-size: 18px;
    line-height: 26px;
    color: #ffffff;
    margin-top: 50px;
}

a.link {
    font-size: 18px;
    text-decoration: underline;
}

.smallText a.link {
    font-size: 16px;
}

.bigText a.link {
    font-size: 20px;
}

.noTouch a.link:hover {
    text-decoration: none;
}

.italic {
    font-style: italic;
}

.semiBold {
    font-weight: 600;
}

ul.yellowDots {
    color: #feba12;
    line-height: 30px;
    font-size: 18px;
    padding-left: 20px;
    margin-bottom: 0;
}

ul.yellowDots span {
    color: #000;
}

ul.keyNone, ul.strength {
    padding-left: 0;
}

ul.keyNone li, ul.strength li {
    list-style: none;
    font-size: 18px;
    line-height: 28px;
    position: relative;
    padding-left: 20px;
    margin-bottom: 5px;

}

ul.keyNone.small li {
    font-size: 16px;
    line-height: 24px;
}

ul.strength li {
    padding-left: 25px;
    margin-bottom: 20px;
}

ul.strength.squeezed li {
    margin-bottom: 10px;
}

ul.keyNone li::before{
    position:absolute;
    content:"";
    top: 15px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-left: -20px;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #feba12;
}

ul.strength li::before {
    display: inline-block;
    width: 18px;
    margin-left: -23px;
    margin-right: 5px;
    content: "";
    height: 20px;
    vertical-align: middle;
    background-image: url("../images/ui/check.png");
    background-size: 18px 20px;
}

.backButton {
    font-size: 55px;
}

h1 {
    font-size: unset;
    font-weight: unset;
    margin: unset;
    -webkit-margin-before: unset;
    -webkit-margin-after: unset;
    -webkit-margin-start: unset;
    -webkit-margin-end: unset;
    display: unset;
}

hr {
    border-top: 1px solid #c3c3c3;
}

/* service */

.overflowHidden {
    overflow: hidden;
}

a:focus {
    outline: none;
}

.modal-content {
    border-radius: 0;
    border: none;
    box-shadow: 0 0 17px 0px rgba(124,88,0,0.35);
}

.noTouch .pointer:hover {
    cursor: pointer;
}

/* margins & paddings */

.mt-5 {
    margin-top: 5px !important;
}

.mt-10 {
    margin-top: 10px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mt-15 {
    margin-top: 15px;
}

.mb-15 {
    margin-bottom: 15px;
}

.pb-20 {
    padding-bottom: 20px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-m20 {
    margin-top: -20px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mt-25 {
    margin-top: 25px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-35 {
    margin-top: 35px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-60 {
    margin-top: 60px;
}

.mb-60 {
    margin-bottom: 60px;
}

.mt-75 {
    margin-top: 75px;
}

.mb-75 {
    margin-bottom: 75px;
}

.mb-90 {
    margin-bottom: 90px;
}

/* common */

body {
    font-family: 'Open Sans';
    margin-top: 93px;
}

a {
    color: inherit;
    text-decoration: none;
}

.separatePattern {
    height: 290px;
}

.pageHeader {
    margin-top: 120px;
    margin-bottom: 20px;
}

.pageHeader.noSubMenu {
    margin-top: 230px;
}

.bisField {
    height: 65px;
    line-height: 65px;
    background: #ffffff;
    border: none;
    font-size: 20px;
    color: #595959;
    padding: 0 15px;
}

.bisField.withBorder {
    border: 1px solid #d2d2d2;
}

.bisField:focus {
    outline: none;
}

/* menu */

.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
    background-color: #ffffff;
}

.logo {
    max-width: 247px;
    width: 100%;
}

.header .container .row {
    height: 93px;
}

.navbar {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
}

.nav-item {
    height: 100%;
    position: relative;
}

.nav-link {
    padding: 18px 0.5rem;
}

.nav-link.yellowBtn {
    text-align: center;
    padding-left: 10px !important;
    padding-right: 10px;
}

.lineHover {
    position: absolute;
    top: -19px;
    display: none;
    width: 100%;
}

.lineHover img {
    margin-left: -22.5px;
}

.ru .lineHover img {
    margin-left: -7.5px;
}

.noTouch .nav-item:hover .lineHover, .nav-item.active .lineHover {
    display: block;
}

.nav-link {
    color: #000000;
    font-weight: 400;
    font-size: 18px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: left;
}

.noTouch .nav-item:hover .nav-link {
    color: #21478e;
}

.header.ru .nav-link {
    font-size: 16px;
}

.nav-link:first-child {
    padding-left: 0;
}

#mobileMenuToggle {
    font-size: 41px;
}

.mobileMenu {
    display: none;
    position: fixed;
    top: 93px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    overflow: scroll;
}

.mobileMenu.show {
    display: block;
}

.mobileMenuItem {
    padding-left: 50px;
    text-transform: uppercase;
    font-size: 20px;
    margin-top: 27px;
    position: relative;
}

.mobileActiveShape {
    position: absolute;
    top: 4px;
    left: 0;
    display: none;
}

.mobileMenuItem.active .mobileActiveShape {
    display: block;
}

.mobileMenuItem .envelope {
    margin: 15px 0 0 0;
}

.headerPhone {
    font-weight: 600;
    font-size: 20px;
}

/* footer */

.footer hr {
    margin-bottom: 30px;
    margin-top: 0;
    border-top: 1px solid #cdcdcd;
}

.footer .logo {
    max-width: 71px;
    width: 100%;
}

.footer .contactTitle {
    font-size: 16px;
    font-weight: 600;
}

.footer .link {
    font-size: 16px;
}

.footerPhone {
    font-weight: 600;
    margin-top: 25px;
}

ul.footerMenu {
    padding-left: 0;
    list-style: none;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    margin-bottom: 0;
}

.copyright {
    font-size: 15px;
    color: #6f6f6f;
    margin-top: 20px;
    margin-bottom: 20px;
}

/* responsive */

@media (max-width: 1499px) {

    .lineHover img {
        margin-left: 0;
    }

    .nav-link {
        font-size: 16px;
    }

    .headerPhone {
        font-size: 18px;
    }

}

@media (max-width: 1199px) {

    .ru .lineHover img {
        margin-left: 5px;
    }

}

@media (max-width: 991px) {

    .footer {
        text-align: center;
    }

    .footer hr {
        display: none;
    }

    .footer .contactInfo {
        margin-top: 40px;
    }

    .footer .copyright {
        margin-top: 40px;
        margin-bottom: 40px;
    }

}

@media (max-width: 870px) {

    .nav-link {
        font-size: 15px;
        padding: 0.5rem 0.7rem;
    }

    .lineHover img {
        margin-left: 10px;
    }

}

@media (max-width: 768px) {

    .bigSemiBoldTitle {
        font-size: 36px;
    }

    .bigLightTitle {
        font-size: 40px;
    }

    .modalTitle {
        font-size: 32px;
    }

    .textBlock {
        padding: 30px 30px;
    }

    .mb-sm-40 {
        margin-bottom: 40px;
    }

    .mt-sm-40 {
        margin-top: 40px;
    }

    .mt-sm-none {
        margin-top: 0;
    }

    .bigText, .bigText a.link {
        font-size: 18px;
    }

}

@media (max-width: 359px) {

    .bigSemiBoldTitle {
        font-size: 30px;
    }

    .semiBoldSubtitle {
        font-size: 18px;
        line-height: 22px;
    }

    .bigLightTitle {
        font-size: 42px;
    }

    .text {
        font-size: 15px;
    }

    .hidden-xxs {
        display: none;
    }

}