/* ------------------------------------------------------------------------------------------------------------------------------------ Reset */
* {
    margin: 0;
    padding: 0;
}
*:focus {
    outline: none;
}
a,
a:hover {
    text-decoration: none;
}
/* ------------------------------------------------------------------------------------------------------------------------------------ Fonts */
@font-face {
    font-family: 'Roboto-Regular';
    src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Roboto-Regular.woff') format('woff'),
    url('../fonts/Roboto-Regular.woff2') format('woff2'),
    url('../fonts/Roboto-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Roboto-Bold';
    src: url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Roboto-Bold.woff') format('woff'),
    url('../fonts/Roboto-Bold.woff2') format('woff2'),
    url('../fonts/Roboto-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'Roboto-BoldItalic';
    src: url('../fonts/Roboto-BoldItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Roboto-BoldItalic.woff') format('woff'),
    url('../fonts/Roboto-BoldItalic.woff2') format('woff2'),
    url('../fonts/Roboto-BoldItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'Roboto-Black';
    src: url('../fonts/Roboto-Black.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Roboto-Black.woff') format('woff'),
    url('../fonts/Roboto-Black.woff2') format('woff2'),
    url('../fonts/Roboto-Black.ttf') format('truetype');
}
@font-face {
    font-family: 'Roboto-BlackItalic';
    src: url('../fonts/Roboto-BlackItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Roboto-BlackItalic.woff') format('woff'),
    url('../fonts/Roboto-BlackItalic.woff2') format('woff2'),
    url('../fonts/Roboto-BlackItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'Roboto-Medium';
    src: url('../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Roboto-Medium.woff') format('woff'),
    url('../fonts/Roboto-Medium.woff2') format('woff2'),
    url('../fonts/Roboto-Medium.ttf') format('truetype');
}
@font-face {
    font-family: 'Roboto-MediumItalic';
    src: url('../fonts/Roboto-MediumItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Roboto-MediumItalic.woff') format('woff'),
    url('../fonts/Roboto-MediumItalic.woff2') format('woff2'),
    url('../fonts/Roboto-MediumItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'Roboto-Italic';
    src: url('../fonts/Roboto-Italic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Roboto-Italic.woff') format('woff'),
    url('../fonts/Roboto-Italic.woff2') format('woff2'),
    url('../fonts/Roboto-Italic.ttf') format('truetype');
}
@font-face {
    font-family: 'Roboto-Light';
    src: url('../fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Roboto-Light.woff') format('woff'),
    url('../fonts/Roboto-Light.woff2') format('woff2'),
    url('../fonts/Roboto-Light.ttf') format('truetype');
}
@font-face {
    font-family: 'Roboto-Thin';
    src: url('../fonts/Roboto-Thin.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Roboto-Thin.woff') format('woff'),
    url('../fonts/Roboto-Thin.woff2') format('woff2'),
    url('../fonts/Roboto-Thin.ttf') format('truetype');
}
@font-face {
    font-family: 'Roboto-ThinItalic';
    src: url('../fonts/Roboto-ThinItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Roboto-ThinItalic.woff') format('woff'),
    url('../fonts/Roboto-ThinItalic.woff2') format('woff2'),
    url('../fonts/Roboto-ThinItalic.ttf') format('truetype');
}

/* ------------------------------------------------------------------------------------------------------------------------------------ Pop ups */
body {
    overflow-x: hidden;
}
.pop-ups {
    display: none;
}
.arcticmodal-overlay,
.arcticmodal-container {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 5000;
}
.arcticmodal-container {
    overflow: auto;
    margin: 0;
    padding: 0;
    border: 0;
    border-collapse: collapse;
}
*:first-child+html .arcticmodal-container {
    height: 100%
}
.arcticmodal-container_i {
    height: 100%;
    margin: 0 auto;
}
.arcticmodal-container_i2 {
    margin: 0;
    border: 0;
    vertical-align: middle;
}
@media (min-width: 992px) {
    .arcticmodal-container_i2 {
        padding: 24px;
    }
}
.arcticmodal-error {
    padding: 20px;
    border-radius: 10px;
    background: #000;
    color: #fff;
}
.box-modal {
    z-index: 10000;
    position: relative;
    padding: 180px 15px 40px 15px;
    width: 100%;
    height: 100vh;
    color: rgba(255, 255, 255, 1);
    border: 1px solid rgba(255, 255, 255, 0.1);
    background-color: #fff;
    background-image: url(../images/layout/yandex-map-after-bg.png), url(../images/layout/popup-bg.png);
    background-position: top 20px left 20px, top 106px right 33px;
    background-repeat: no-repeat, no-repeat;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
}
@media (min-width: 992px) {
    .box-modal {
        max-width: 900px;
        padding: 10px 40px 40px 40px;
        width: auto;
        height: auto;
        background-image: none, none;
    }
}
.light-modal {
    position: relative;
    width: 0px;
    height: 0px;
    box-shadow: 0px 0px 15px 0px rgba(255, 255, 255, 0.1);
    opacity: 0;
}
.box-modal .modal-close {
    width: 24px;
    height: 24px;
    position: absolute;
    right: 12px;
    top: 12px;
    opacity: 0.5;
    cursor: pointer;
}
.box-modal .modal-close:before,
.box-modal .modal-close:after {
    position: absolute;
    content: ' ';
    top: 0px;
    left: 11px;
    width: 2px;
    height: 24px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.box-modal .modal-close:before {
    top: 11px;
    left: 0px;
    width: 24px;
    height: 2px;
    background-color: #1753FF;
}
.box-modal .modal-close:after {
    top: 0px;
    left: 11px;
    width: 2px;
    height: 24px;
    background-color: #1753FF;
}
.box-modal .modal-close:hover {
    opacity: 1;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}
.box-modal .modal-close,
.box-modal .modal-close:hover {
    transition: 0.4s opacity ease, 0.4s transform ease;
    -webkit-transition: 0.4s opacity ease, 0.4s transform ease;
    -moz-transition: 0.4s opacity ease, 0.4s transform ease;
}
.popup-form h3 {
    margin-bottom: 30px;
    color: #4B578F;
    font-family: Roboto-Medium;
    font-size: 24px;
}
@media (min-width: 992px) {
    .popup-form h3 {
        margin-top: 60px;
        margin-bottom: 40px;
        font-size: 36px;
    }
}
.popup-form .input {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    padding: 15px 20px;
    color: #858BB8;
    font-family: Roboto-Regular;
    font-size: 14px;
    border: 1px solid #1753FF;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: 0.4s box-shadow ease;
    -moz-transition: 0.4s box-shadow ease;
    transition: 0.4s box-shadow ease;
}
@media (min-width: 992px) {
    .popup-form .input {
        margin-bottom: 30px;
        font-size: 18px;
    }
}
.popup-form .input:active,
.popup-form .input:focus {
    -webkit-box-shadow: 3px 3px 10px 0px rgba(48, 112, 255, 0.25);
    -moz-box-shadow:    3px 3px 10px 0px rgba(48, 112, 255, 0.25);
    box-shadow:         3px 3px 10px 0px rgba(48, 112, 255, 0.25);
}

.popup-form .select-wrap {
    position: relative;
    width: 100%;
}
.popup-form .select-wrap:after,
.popup-form .select-wrap:before {
    content: ' ';
    position: absolute;
    display: block;
    top: 0;
    z-index: 20;
    pointer-events: none;
}
.popup-form .select-wrap:after {
    right: 60px;
    width: 1px;
    height: 100%;
    background-color: #1753FF;
}
.popup-form .select-wrap:before {
    right: 0;
    width: 60px;
    height: 100%;
    background-image: url(../images/layout/select-arrow.svg);
    background-position: right 24px center;
    background-repeat: no-repeat;
}
.popup-form .select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    display: block;
    width: 100%;
    margin-bottom: 20px;
    padding: 15px 20px;
    color: #858BB8;
    font-family: Roboto-Regular;
    font-size: 14px;
    border: 1px solid #1753FF;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: 0.4s box-shadow ease;
    -moz-transition: 0.4s box-shadow ease;
    transition: 0.4s box-shadow ease;
    z-index: 5;
}
@media (min-width: 992px) {
    .popup-form .select {
        margin-bottom: 30px;
        font-size: 18px;
    }
}
.popup-form .select:active,
.popup-form .select:focus {
    -webkit-box-shadow: 3px 3px 10px 0px rgba(48, 112, 255, 0.25);
    -moz-box-shadow:    3px 3px 10px 0px rgba(48, 112, 255, 0.25);
    box-shadow:         3px 3px 10px 0px rgba(48, 112, 255, 0.25);
}
.popup-form .submit {
    display: inline-block;
    padding: 15px 35px;
    margin-top: 20px;
    color: #fff;
    font-family: Roboto-Regular;
    font-size: 14px;
    background-color: #1753FF;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    border: 0;
    -webkit-box-shadow: 3px 3px 20px 0px rgba(23, 83, 255, 0.6);
    -moz-box-shadow:    3px 3px 20px 0px rgba(23, 83, 255, 0.6);
    box-shadow:         3px 3px 20px 0px rgba(23, 83, 255, 0.6);
    -webkit-transition: 0.4s box-shadow ease;
    -moz-transition: 0.4s box-shadow ease;
    transition: 0.4s box-shadow ease;
}
@media (min-width: 992px) {
    .popup-form .submit {
        padding: 17px 71px;
        margin-top: 15px;
        margin-bottom: 15px;
        font-size: 18px;
    }
}
.popup-form .submit:hover {
    cursor: pointer;
    -webkit-box-shadow: 3px 3px 20px 0px rgba(94, 210, 249, 0.6);
    -moz-box-shadow:    3px 3px 20px 0px rgba(94, 210, 249, 0.6);
    box-shadow:         3px 3px 20px 0px rgba(94, 210, 249, 0.6);
}

/* ------------------------------------------------------------------------------------------------------------------------------------ Common */

/* Yandex map */
#ymap {
    width: 100%;
}

/* Ekko lightbox */
.ekko-lightbox {
    font-family: Lato-Regular;
}
.ekko-lightbox .modal-header {
    border-bottom: 1px solid rgba(255, 194, 47, 1);
}
.ekko-lightbox .ekko-lightbox-nav-overlay a {
    color: rgba(255, 194, 47, 1);
}
.ekko-lightbox .modal-title {
    font-size: 16px;
    font-family: Lato-Medium;
}
.lightbox-close span {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    opacity: 0.8;
    transform: rotate(45deg);
    -webkit-transition: 0.4s opacity ease, 0.4s transform ease;
    -moz-transition: 0.4s opacity ease, 0.4s transform ease;
    transition: 0.4s opacity ease, 0.4s transform ease;
}
.lightbox-close span:hover {
    transform: rotate(405deg);
    opacity: 1;
}
.lightbox-close:focus {
    outline: none;
}
.lightbox-close span::before,
.lightbox-close span::after {
    position: absolute;
    content: ' ';
    top: 0;
    left: 0;
    width: 30px;
    height: 2px;
    margin-top: 14px;
    border-radius: 2px;
    background: rgba(255, 194, 47, 1);
}
.lightbox-close span::before {

}
.lightbox-close span::after {
    transform: rotate(90deg);
}

/* ------------------------------------------------------------------------------------------------------------------------------------ Header */
.site-mask {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 1;
    pointer-events: none;
    -webkit-transition: 0.4s background ease;
    -moz-transition: 0.4s background ease;
    transition: 0.4s background ease;
}
.site-mask.active {
    background: rgba(0, 0, 0, 0.35);
    pointer-events: all;
}
#header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 71px;
    padding: 15px 0 0 0;
    background-color: #F8FAFF;
    z-index: 100;
}
@media (min-width: 992px) {
    #header {
        position: relative;
        left: 0;
        padding: 15px 0 17px 0;
        visibility: visible;
        opacity: 1;
        z-index: auto;
    }
}
#header.main-page {
}
#header.inner-page {
}
#header.active {
    overflow: hidden;
}
@media (min-width: 992px) {
    #header.active {
        border-radius: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow:    none;
        box-shadow:         none;
        overflow: visible;
    }
}
#header.menu-closed {
    -webkit-transition: 0.4s opacity ease;
    -moz-transition: 0.4s opacity ease;
    transition: 0.4s opacity ease;
}
#header .site-menu {
    white-space: nowrap;
    position: relative;
    height: 100%;
    display: inline-block;
    z-index: 50;
}
@media (min-width: 992px) {
    #header .site-menu {
    }
}
#header .site-menu .logo {
    display: inline-block;
    z-index: 45;
}
#header .site-menu .logo img {
    max-width: 72px;
    display: inline-block;
}
@media (min-width: 992px) {
    #header .site-menu .logo img {
        max-width: 96px;
    }
}
#header .site-menu .menu-ico {
    display: inline-block;
    margin-left: 15px;
    transform: translateY(8px);
}
@media (min-width: 992px) {
    #header .site-menu .menu-ico {
        margin-left: 74px;
        transform: translateY(8px);
    }
}
#header .site-menu .menu-ico:hover {
    cursor: pointer;
}
#header .site-menu .menu-ico span {
    display: block;
    width: 25px;
    height: 3px;
    background-color: #1753FF;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
#header .site-menu .menu-ico span:nth-child(1) {
    margin: 4px 0 4px 0;
}
#header .site-menu .menu-ico span:nth-child(2) {
    margin: 4px 0 4px 0;
}
#header .site-menu .menu-ico span:nth-child(3) {
    margin: -7px 0 4px 0;
}
#header .site-menu .menu-ico span:nth-child(4) {
    margin: 4px 0 4px 0;
}
#header .site-menu.active .menu-ico span:nth-child(1) {
    animation: menu-ico-active1 0.4s ease 0s 1 forwards;
}
#header .site-menu.active .menu-ico span:nth-child(2) {
    animation: menu-ico-active2 0.4s ease 0s 1 forwards;
}
#header .site-menu.active .menu-ico span:nth-child(3) {
    animation: menu-ico-active3 0.4s ease 0s 1 forwards;
}
#header .site-menu.active .menu-ico span:nth-child(4) {
    animation: menu-ico-active4 0.4s ease 0s 1 forwards;
}
@keyframes menu-ico-active1 {
    0% { transform: translateY(0); opacity: 1; }
    100% { transform: translateY(-10px); opacity: 0; }
}
@keyframes menu-ico-active2 {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(45deg); }
}
@keyframes menu-ico-active3 {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(-45deg); }
}
@keyframes menu-ico-active4 {
    0% { transform: translateY(0); opacity: 1; }
    100% { transform: translateY(10px); opacity: 0; }
}
#header .site-menu.passive .menu-ico span:nth-child(1) {
    transform: translateY(-10px);
    opacity: 0;
    animation: menu-ico-passive1 0.4s ease 0s 1 forwards;
}
#header .site-menu.passive .menu-ico span:nth-child(2) {
    transform: rotate(45deg);
    animation: menu-ico-passive2 0.4s ease 0s 1 forwards;
}
#header .site-menu.passive .menu-ico span:nth-child(3) {
    transform: rotate(-45deg);
    animation: menu-ico-passive3 0.4s ease 0s 1 forwards;
}
#header .site-menu.passive .menu-ico span:nth-child(4) {
    transform: translateY(10px);
    opacity: 0;
    animation: menu-ico-passive4 0.4s ease 0s 1 forwards;
}
@keyframes menu-ico-passive1 {
    0% { transform: translateY(-10px); opacity: 0; }
    100% { transform: translateY(0); opacity: 1; }
}
@keyframes menu-ico-passive2 {
    0% { transform: rotate(45deg); }
    100% { transform: rotate(0); }
}
@keyframes menu-ico-passive3 {
    0% { transform: rotate(-45deg); }
    100% { transform: rotate(0deg); }
}
@keyframes menu-ico-passive4 {
    0% { transform: translateY(10px); opacity: 0; }
    100% { transform: translateY(0); opacity: 1; }
}
#header .site-menu .content {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    width: 100vw;
    border-radius: 0 0 5px 5px;
    background-color: #fff;
    -webkit-box-shadow: 3px 3px 20px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow:    3px 3px 20px 0px rgba(0, 0, 0, 0.15);
    box-shadow:         3px 3px 20px 0px rgba(0, 0, 0, 0.15);
    -webkit-transition: 0.4s opacity ease;
    -moz-transition: 0.4s opacity ease;
    transition: 0.4s opacity ease;
    pointer-events: none;
    opacity: 0;
    z-index: -1;
    overflow: hidden;
}
@media (min-width: 992px) {
    #header .site-menu .content {
        display: block;
        position: absolute;
        min-width: 580px;
        width: auto;
        top: -31px;
        left: -60px;
        background-image: none;
    }
}
.mobile-menu-content {
    height: 0;
    visibility: hidden;
    opacity: 0;
    background-color: #fff;
    -webkit-transition: 0.4s opacity ease;
    -moz-transition: 0.4s opacity ease;
    transition: 0.4s opacity ease;
}
#header.active .mobile-menu-content {
    height: auto;
    margin-top: 21px;
    visibility: visible;
    pointer-events: all;
    opacity: 1;
}
@media (min-width: 992px) {
    #header.active .mobile-menu-content {
        height: 0;
        margin-top: 0;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }
}
#header .site-menu .content .top {
    padding: 70px 15px 30px 15px;
}
@media (min-width: 992px) {
    #header .site-menu .content .top,
    .mobile-menu-content .top {
        padding: 105px 37px 0 37px;
    }
}
@media (min-width: 992px) {
    #header .site-menu.active .content {
        pointer-events: all;
        opacity: 1;
        -webkit-transition: 0.4s opacity ease;
        -moz-transition: 0.4s opacity ease;
        transition: 0.4s opacity ease;
    }
}
.mobile-menu-content .top {
    padding: 0 15px 0 15px;
}


#header .site-menu .content .top ul,
.mobile-menu-content .top ul {
    list-style: none;
    width: 100%;
    margin-bottom: 0;

}
@media (min-width: 992px) {
    #header .site-menu .content .top ul,
    .mobile-menu-content .top ul {
        border-top: 1px solid #EDEFF4;
    }
}
#header .site-menu .content .top ul>li,
.mobile-menu-content .top ul>li {
    border-bottom: 1px solid #EDEFF4;
}
@media (min-width: 992px) {
    #header .site-menu .content .top ul>li,
    .mobile-menu-content .top ul>li{
        border-bottom: 1px solid #EDEFF4;
    }
}
#header .site-menu .content .top ul>li:last-child,
.mobile-menu-content .top ul>li:last-child {
    border-bottom: 0;
}
#header .site-menu .content .top ul>li>span,
.mobile-menu-content .top ul>li>span {
    display: block;
    padding: 15px 0;
    color: #1753FF;
    font-family: Roboto-Regular;
    font-size: 18px;
}
@media (min-width: 992px) {
    #header .site-menu .content .top ul>li>span,
    .mobile-menu-content .top ul>li>span {
        padding: 15px 0;
        font-size: 24px;
    }
}
#header .site-menu .content .top ul>li>a,
.mobile-menu-content .top ul>li>a {
    display: block;
    width: 100%;
    padding: 15px 0;
    color: #1753FF;
    font-family: Roboto-Regular;
    font-size: 18px;
    border-bottom: 1px dotted transparent;
    -webkit-transition: 0.4s border ease;
    -moz-transition: 0.4s border ease;
    transition: 0.4s border ease;
}
@media (min-width: 992px) {
    #header .site-menu .content .top ul>li>a,
    .mobile-menu-content .top ul>li>a {
        display: inline-block;
        padding: 15px 0;
        font-size: 24px;
    }
}
@media (min-width: 992px) {
    #header .site-menu .content .top ul>li>a:hover,
    .mobile-menu-content .top ul>li>a:hover {

    }
}
#header .site-menu .content .top ul>li.haschildren>span,
.mobile-menu-content .top ul>li.haschildren>span {
    position: relative;
}
#header .site-menu .content .top ul>li.haschildren>span:after,
.mobile-menu-content .top ul>li.haschildren>span:after {
    position: absolute;
    content: ' ';
    top: 50%;
    left: 100%;
    width: 20px;
    height: 20px;
    margin-left: -20px;
    margin-top: -10px;
    background-image: url(/images/layout/menu-arrow.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 18px 10px;
    -webkit-transition: 0.4s transform ease;
    -moz-transition: 0.4s transform ease;
    transition: 0.4s transform ease;
    transform: rotate(0);
}
@media (min-width: 992px) {
    #header .site-menu .content .top ul>li.haschildren>span:after,
    .mobile-menu-content .top ul>li.haschildren>span:after {
        top: 50%;
    }
}
#header .site-menu .content .top ul>li.haschildren.opened>span:after,
.mobile-menu-content .top ul>li.haschildren.opened>span:after {
    transform: rotate(-180deg);
}
#header .site-menu .content .top ul>li.haschildren>span:hover,
.mobile-menu-content .top ul>li.haschildren>span:hover {
    cursor: pointer;
}
#header .site-menu .content .top ul>li>ul,
.mobile-menu-content .top ul>li>ul {
    padding-top: 0;
    padding-bottom: 20px;
    display: none;
}
@media (min-width: 992px) {
    #header .site-menu .content .top ul>li>ul,
    .mobile-menu-content .top ul>li>ul {
        padding-left: 30px;
        border-top: 0;
    }
}
#header .site-menu .content .top ul>li>ul>li,
.mobile-menu-content .top ul>li>ul>li {
    margin: 1px 0;
    font-family: Roboto-Regular;
    font-size: 16px;
    border-bottom: 0;
}
#header .site-menu .content .top ul>li>ul>li>a,
.mobile-menu-content .top ul>li>ul>li>a {
    width: auto;
    padding: 3px 0;
    color: #4B578F;
    font-size: 16px;
    border-bottom: 0 dotted transparent;
    -webkit-transition: 0.4s border ease;
    -moz-transition: 0.4s border ease;
    transition: 0.4s border ease;
}
@media (min-width: 992px) {
    #header .site-menu .content .top ul>li>ul>li>a,
    .mobile-menu-content .top ul>li>ul>li>a {
        font-size: 20px;
        border-bottom: 1px dotted transparent;
    }
}
@media (min-width: 992px) {
    #header .site-menu .content .top ul>li>ul>li>a:hover,
    .mobile-menu-content .top ul>li>ul>li>a:hover {
        color: #4B578F;
        border-bottom: 1px dotted #4B578F;
    }
}
#header .site-menu .content .bottom,
.mobile-menu-content .bottom {
    background-color: #F8F9FD;
}
@media (min-width: 992px) {
    #header .site-menu .content .bottom,
    .mobile-menu-content .bottom {
    }
}
#header .site-menu .content .bottom .title,
.mobile-menu-content .bottom .title {
    position: relative;
    padding: 15px 15px 15px 15px;
    white-space: nowrap;
    color: #1753FF;
    font-family: Roboto-Regular;
    font-size: 18px;
}
@media (min-width: 992px) {
    #header .site-menu .content .bottom .title,
    .mobile-menu-content .bottom .title {
        padding: 15px 37px 15px 37px;
        font-size: 24px;
    }
}


#header .site-menu .content .bottom .title:after,
.mobile-menu-content .bottom .title:after {
    position: absolute;
    content: ' ';
    top: 50%;
    left: 100%;
    width: 20px;
    height: 20px;
    margin-left: -40px;
    margin-top: -10px;
    background-image: url(/images/layout/menu-arrow.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 18px 10px;
    -webkit-transition: 0.4s transform ease;
    -moz-transition: 0.4s transform ease;
    transition: 0.4s transform ease;
    transform: rotate(0);
}
@media (min-width: 992px) {
    #header .site-menu .content .bottom .title:after {
        margin-left: -60px;
    }
}
#header .site-menu .content .bottom.opened .title:after,
.mobile-menu-content .bottom.opened .title:after {
    transform: rotate(-180deg);
}

#header .site-menu .content .bottom .title:hover,
.mobile-menu-content .bottom .title:hover {
    cursor: pointer;
}
#header .site-menu .content .bottom .otherways,
.mobile-menu-content .bottom .otherways {
    display: none;
}
#header .site-menu .content .bottom .otherways a,
.mobile-menu-content .bottom .otherways a {
    display: block;
    width: 100%;
    padding: 25px 37px 25px 122px;
    color: #1753FF;
    font-family: Roboto-Regular;
    font-size: 16px;
    background-repeat: no-repeat;
    background-position: left 37px center;
    -webkit-transition: 0.4s background-color ease;
    -moz-transition: 0.4s background-color ease;
    transition: 0.4s background-color ease;
}
@media (min-width: 992px) {
    #header .site-menu .content .bottom .otherways a,
    .mobile-menu-content .bottom .otherways a {
        color: #1753FF;
        font-size: 20px;
        border-top: 1px solid #fff;
    }
}
#header .site-menu .content .bottom .otherways a.dist,
.mobile-menu-content .bottom .otherways a.dist {
    background-image: url(/images/layout/otherways-logo-01.png);
}
#header .site-menu .content .bottom .otherways a.logst,
.mobile-menu-content .bottom .otherways a.logst {
    background-image: url(/images/layout/otherways-logo-02.png);
}
#header .site-menu .content .bottom .otherways a.online,
.mobile-menu-content .bottom .otherways a.online {
    background-image: url(/images/layout/otherways-logo-03.png);
}
#header .site-menu .content .bottom .otherways a:hover,
.mobile-menu-content .bottom .otherways a:hover {
    background-color: #fff;
}
#header .site-menu .content .bottom .menu-contacts,
.mobile-menu-content .bottom .menu-contacts {
    display: block;
    padding: 15px 15px;
    background-color: #fff;
}
@media (min-width: 992px) {
    #header .site-menu .content .bottom .menu-contacts,
    .mobile-menu-content .bottom .menu-contacts {
        display: none;
    }
}
#header .site-menu .content .bottom .menu-contacts a,
.mobile-menu-content .bottom .menu-contacts a {
    display: inline-block;
    padding: 0 0 0 35px;
    margin: 12px 0;
    color: #1753FF;
    font-family: Roboto-Medium;
    font-size: 22px;
    background-repeat: no-repeat;
    background-position: left center;
    border-bottom: 1px dotted transparent;
    -webkit-transition: 0.4s border ease;
    -moz-transition: 0.4s border ease;
    transition: 0.4s border ease;
}
#header .site-menu .content .bottom .menu-contacts a:hover,
.mobile-menu-content .bottom .menu-contacts a:hover {
    border-bottom: 1px dotted #1753FF;
}
#header .site-menu .content .bottom .menu-contacts a.phone,
.mobile-menu-content .bottom .menu-contacts a.phone {
    background-image: url('/images/layout/header-phone-ico.svg');
}
#header .site-menu .content .bottom .menu-contacts a.email,
.mobile-menu-content .bottom .menu-contacts a.email {
    background-image: url('/images/layout/header-email-ico.svg');
}
#header .contacts {
    text-align: right;
    white-space: nowrap;
}
@media (min-width: 992px) {
    #header .contacts {
        text-align: right;
    }
}
#header .contacts a {
    display: inline-block;
    padding-left: 25px;
    color: #1753FF;
    font-family: Roboto-Medium;
    font-size: 18px;
    background-repeat: no-repeat;
    background-position: left center;
    border-bottom: 1px dotted transparent;
    -webkit-transition: 0.4s border ease;
    -moz-transition: 0.4s border ease;
    transition: 0.4s border ease;
}
@media (min-width: 992px) {
    #header .contacts a {
        padding-left: 35px;
        font-size: 22px;
    }
}

#header .contacts a:hover {
    border-bottom: 1px dotted #1753FF;
}
#header .contacts a.phone {
    transform: translateY(3px);
    background-image: url('/images/layout/header-phone-ico.svg');
}
@media (min-width: 992px) {
    #header .contacts a.phone {
        transform: translateY(0);
        margin-right: 20px;
    }
}
@media (min-width: 1200px) {
    #header .contacts a.phone {
        margin-right: 73px;
    }
}
#header .contacts a.email {
    display: none;
    background-image: url('/images/layout/header-email-ico.svg');
}
@media (min-width: 992px) {
    #header .contacts a.email {
        display: inline-block;
    }
}
#header .contacts a.need-job {
    padding-left: 0;
    display: none;
}
@media (min-width: 992px) {
    #header .contacts a.need-job {
        display: inline-block;
        margin-right: 20px;
    }
}
@media (min-width: 1200px) {
    #header .contacts a.need-job {
        margin-right: 61px;
    }
}



/* ------------------------------------------------------------------------------------------------------------------------------------ Footer */
#footer {
    width: 100%;
    padding: 42px 0 52px 0;
    background-color: #F1F3FF;
}
@media (min-width: 992px) {
    #footer {
        padding: 70px 0;
    }
}
#footer .logo {
    display: inline-block;
}
#footer h2 {
    margin-bottom: 20px;
    color: #4B578F;
    font-family: Roboto-Medium;
    font-size: 22px;
    text-transform: uppercase;
}
#footer span.title {
    display: inline-block;
    margin-bottom: 20px;
    color: #4B578F;
    font-family: Roboto-Medium;
    font-size: 22px;
    text-transform: uppercase;
}
#footer ul {
    list-style: none;
}
#footer ul li {
    font-family: Roboto-Regular;
    font-size: 18px;
}
#footer ul li a {
    color: #858BB8;
    border-bottom: 1px dotted transparent;
    -webkit-transition: 0.4s border ease;
    -moz-transition: 0.4s border ease;
    transition: 0.4s border ease;
}
#footer ul li a:hover {
    color: #858BB8;
    border-bottom: 1px dotted #858BB8;
}
#footer .contacts {

}
#footer .contacts a {
    color: #4B578F;
    font-family: Roboto-Regular;
    font-size: 20px;
    border-bottom: 1px dotted transparent;
    -webkit-transition: 0.4s border ease;
    -moz-transition: 0.4s border ease;
    transition: 0.4s border ease;
}
#footer .contacts a:hover {
    color: #4B578F;
    border-bottom: 1px dotted #4B578F;
}
#footer p.addr {
    margin-top: 20px;
    color: #858BB8;
    font-family: Roboto-Regular;
    font-size: 18px;
}
@media (min-width: 992px) {
    #footer p.addr {
        margin-top: 40px;
    }
}
#footer .socials {
    float: right;
    margin-top: 20px;
}
@media (min-width: 992px) {
    #footer .socials {
        float: none;
        margin-top: 107px;
    }
}
#footer .socials a {
    display: inline-block;
    width: 47px;
    height: 47px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow:    2px 2px 5px 0px rgba(0, 0, 0, 0.15);
    box-shadow:         2px 2px 5px 0px rgba(0, 0, 0, 0.15);
    -webkit-transition: 0.4s box-shadow ease;
    -moz-transition: 0.4s box-shadow ease;
    transition: 0.4s box-shadow ease;
    background-color: #fff;
    background-position: center;
    background-repeat: no-repeat;
}
#footer .socials a.insta {
    background-image: url(../images/layout/ico-insta.svg);
}
#footer .socials a:first-child {
    margin: 0 10px;
}
#footer .socials a:hover {
    -webkit-box-shadow: 2px 2px 5px 0px rgba(207, 82, 255, 15);
    -moz-box-shadow:    2px 2px 5px 0px rgba(207, 82, 255, 15);
    box-shadow:         2px 2px 5px 0px rgba(207, 82, 255, 15);
}

#footer .f-middle-block {
    margin-top: 36px;
    margin-bottom: 43px;
}
@media (min-width: 992px) {
     #footer .f-middle-block {
         margin-top: 0;
         margin-bottom: 0;
     }
}
#footer .f-middle-block li {
    float: left;
    width: 50%;
}
@media (min-width: 992px) {
    #footer .f-middle-block li {
        float: none;
        width: 100%;
    }
}
.f-right-block {
    transform: translateX(-15px);
}
@media (min-width: 992px) {
    .f-right-block {
        transform: translateX(0);
    }
}

/* ------------------------------------------------------------------------------------------------------------------------------------ Main page */
/* common */
.site-block {

}
@media (min-width: 992px) {
    .site-block {
        padding: 57px 0;
    }
}
.site-block.shadowed {
    -webkit-box-shadow: 3px 3px 30px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow:    3px 3px 30px 0px rgba(0, 0, 0, 0.15);
    box-shadow:         3px 3px 30px 0px rgba(0, 0, 0, 0.15);
    padding-bottom: 30px;
}
@media (min-width: 992px) {
    .site-block.shadowed {

    }
}
.site-block h2 {
    display: inline-block;
    color: #4B578F;
    font-family: Roboto-Medium;
    font-size: 24px;
}
@media (min-width: 992px) {
    .site-block h2 {
        font-size: 36px;
    }
}
.site-block h2.haslink {

}
@media (min-width: 992px) {
    .site-block h2.haslink {
        margin-bottom: 36px;
    }
}
.site-block h2.alidi {
    padding-left: 35px;
    background-image: url(../images/layout/alidi-ico.svg);
    background-position: left center;
    background-repeat: no-repeat;
}
@media (min-width: 992px) {
    .site-block h2.alidi {
        margin-bottom: 80px;
    }
}

.site-block .link {
    margin-bottom: 28px;
    text-align: center;
}
@media (min-width: 992px) {
    .site-block .link {
        text-align: right;
    }
}
.site-block .link a {
    position: relative;
    color: #1753FF;
    font-family: Roboto-Medium;
    font-size: 20px;
    text-transform: uppercase;
}
.site-block .link a:hover {
    color: #1753FF;
}
.site-block .link a:before,
.site-block .link a:after {
    position: absolute;
    content: ' ';
    bottom: 0;
    width: 0;
    height: 2px;
    -webkit-transition: 0.4s width ease;
    -moz-transition: 0.4s width ease;
    transition: 0.4s width ease;
}
.site-block .link a:before {
    left: 0;
    background-color: #1753FF;
}
.site-block .link a:hover:before,
.site-block .link a:hover:after {
    width: 100%;
}



/* first-block */
#first-block {
    margin-top: 71px;
    position: relative;
    background-color: #fff;
    background-image: url(../images/layout/first-screen-mobile-bg2.png), url(../images/layout/first-screen-mobile-bg3.png);
    background-position: bottom 300px left 30px, bottom 20px right 30px;
    background-repeat: no-repeat, no-repeat;
    background-size: auto;
    overflow: hidden;
}
@media (min-width: 992px) {
    #first-block {
        margin-top: 0;
        padding-top: 0;
        width: 100%;
        height: calc(100vh - 105px);
        background-color: #fff;
        background-image: none, none;
        background-position: top right;

    }
}
#first-block img.mobile-img {
    display: inline-block;
    width: 100%;
    margin-bottom: 30px;
}
@media (min-width: 992px) {
    #first-block img.mobile-img {
        display: none;
    }
}
#first-block img.pc-img {
    position: absolute;
    display: none;
    top: 0;
    right: 0;
    width: 50%;
    transform: translateY(-1000px);
    opacity: 0;
    animation: fs-anim3 1.2s ease 1.1s 1 forwards;
}
@media (min-width: 992px) {
    #first-block img.pc-img {
        display: block;
    }
}
@keyframes fs-anim3 {
    0% { transform: translateY(-1000px); opacity: 0; }
    100% { transform: translateY(0); opacity: 1; }
}


#first-block .container-fluid,
#first-block .container-fluid>.row,
#first-block .container-fluid>.row>.col-12 {
    height: 100%;
}
#first-block .wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: stretch;
    height: 100%;
}
#first-block .fs-anim1 {
    opacity: 0;
    transform: translateY(50px);
    animation: fs-anim1 2.4s ease 0s 1 forwards;
}
#first-block .fs-anim2 {
    opacity: 0;
    transform: translateY(50px);
    animation: fs-anim1 2.4s ease 0.5s 1 forwards;
}
#first-block .fs-anim3 {
    opacity: 0;
    transform: translateY(50px);
    animation: fs-anim1 2.4s ease 1s 1 forwards;
}
@keyframes fs-anim1 {
    0% { transform: translateY(50px); opacity: 0; }
    100% { transform: translateY(0); opacity: 1; }
}
#first-block p {
    color: #858BB8;
    font-family: Roboto-Italic;
    font-size: 18px;
}
@media (min-width: 992px) {
    #first-block p {
        font-size: 18px;
    }
}
@media (min-width: 1200px) {
    #first-block p {
        font-size: 24px;
    }
}
#first-block h1 {
    color: #4B578F;
    font-family: Roboto-Regular;
    font-size: 30px;
    line-height: 149%;
}
@media (min-width: 992px) {
    #first-block h1 {
        font-size: 30px;
    }
}
@media (min-width: 1200px) {
    #first-block h1 {
        font-size: 54px;
    }
}
#first-block .btn {
    display: inline-block;
    padding: 15px 35px;
    margin-top: 20px;
    margin-bottom: 76px;
    color: #fff;
    font-family: Roboto-Regular;
    font-size: 18px;
    background-color: #1753FF;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-box-shadow: 3px 3px 20px 0px rgba(23, 83, 255, 0.6);
    -moz-box-shadow:    3px 3px 20px 0px rgba(23, 83, 255, 0.6);
    box-shadow:         3px 3px 20px 0px rgba(23, 83, 255, 0.6);
    -webkit-transition: 0.4s box-shadow ease;
    -moz-transition: 0.4s box-shadow ease;
    transition: 0.4s box-shadow ease;
}
@media (min-width: 992px) {
    #first-block .btn {
        padding: 17px 71px;
        margin-top: 30px;
    }
}
#first-block .btn:hover {
    cursor: pointer;
    -webkit-box-shadow: 3px 3px 20px 0px rgba(94, 210, 249, 0.6);
    -moz-box-shadow:    3px 3px 20px 0px rgba(94, 210, 249, 0.6);
    box-shadow:         3px 3px 20px 0px rgba(94, 210, 249, 0.6);
}
#first-block span {
    position: absolute;
    display: none;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    transform: scale(0);
    opacity: 0;
}
@media (min-width: 992px) {
    #first-block span {
        display: block;
    }
}
#first-block span:nth-child(1) {
    top: 10%;
    left: 17%;
    width: 119px;
    height: 119px;
    background-color: #E8F0FF;
    animation: fs-anim2 1.2s ease 2s 1 forwards;
}
#first-block span:nth-child(2) {
    top: 48%;
    left: 41%;
    width: 90px;
    height: 90px;
    background-color: #E1F3F3;
    animation: fs-anim2 1.2s ease 2.1s 1 forwards;
}
#first-block span:nth-child(3) {
    bottom: 10%;
    left: 31%;
    width: 90px;
    height: 90px;
    background-color: #F4F5FA;
    animation: fs-anim2 1.2s ease 1.9s 1 forwards;
}
#first-block span:nth-child(4) {
    bottom: 5%;
    left: 55%;
    width: 60px;
    height: 60px;
    background-color: #EEE2FA;
    animation: fs-anim2 1.2s ease 1.8s 1 forwards;
}
@keyframes fs-anim2 {
    0% { transform: scale(0); opacity: 0; }
    50% { transform: scale(1.2); opacity: 1; }
    100% { transform: scale(1); opacity: 1; }
}

/* block-competencies */
#block-competencies {
    padding: 52px 0 52px 0;
    background-color: #fff;
    background-image: url(../images/layout/block-competencies-mobile-bg1.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
@media (min-width: 1200px) {
    #block-competencies {
        padding: 57px 0 60px 0;
        background-image: url(../images/layout/block-competencies-bg1.png), url(../images/layout/block-competencies-bg2.svg);
        background-position: bottom left, bottom right 70px;
        background-repeat: no-repeat, no-repeat;
        background-size: auto auto;
    }
}
#block-competencies h2 {
    margin-bottom: 35px;
}
@media (min-width: 992px) {
    #block-competencies h2 {
        margin-bottom: 81px;
    }
}

/*new design*/
#block-competencies.new {
    padding: 52px 0 22px 0;
    background-color: #fff;
    background-image: url(../images/layout/block-competencies-mobile-bg1.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
@media (min-width: 1200px) {
    #block-competencies.new {
        padding: 45px 0 30px 0;
        background-image: url(../images/layout/block-competencies-bg1.png), url(../images/layout/block-competencies-bg2.svg);
        background-position: bottom left, bottom right 70px;
        background-repeat: no-repeat, no-repeat;
        background-size: auto auto;
    }
}
#block-competencies .new-item {
    position: relative;
    display: block;
    width: 100%;
    height: 240px;
    margin-bottom: 16px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    z-index: 20;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    -moz-box-shadow:    0 0 0 0 rgba(0, 0, 0, 0);
    box-shadow:         0 0 0 0 rgba(0, 0, 0, 0);
    -webkit-transition: 0.4s box-shadow ease;
    -moz-transition: 0.4s box-shadow ease;
    transition: 0.4s box-shadow ease;
}
@media (min-width: 992px) {
    #block-competencies .new-item  {
        margin-bottom: 60px;
    }
}
#block-competencies .new-item:hover {
    -webkit-box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.35);
    -moz-box-shadow:    3px 3px 10px 0 rgba(0, 0, 0, 0.35);
    box-shadow:         3px 3px 10px 0 rgba(0, 0, 0, 0.35);
}
#block-competencies .new-item.nt1:hover {
    -webkit-box-shadow: 3px 3px 10px 3px rgba(241, 157, 83, 0.35);
    -moz-box-shadow:    3px 3px 10px 3px rgba(241, 157, 83, 0.35);
    box-shadow:         3px 3px 10px 3px rgba(241, 157, 83, 0.35);
}
#block-competencies .new-item.nt2:hover {
    -webkit-box-shadow: 3px 3px 10px 3px rgba(50, 171, 239, 0.35);
    -moz-box-shadow:    3px 3px 10px 3px rgba(50, 171, 239, 0.35);
    box-shadow:         3px 3px 10px 3px rgba(50, 171, 239, 0.35);
}
#block-competencies .new-item.nt3:hover {
    -webkit-box-shadow: 3px 3px 10px 3px rgba(249, 122, 98, 0.35);
    -moz-box-shadow:    3px 3px 10px 3px rgba(249, 122, 98, 0.35);
    box-shadow:         3px 3px 10px 3px rgba(249, 122, 98, 0.35);
}
#block-competencies .new-item.nt4:hover {
    -webkit-box-shadow: 3px 3px 10px 3px rgba(42, 218, 144, 0.35);
    -moz-box-shadow:    3px 3px 10px 3px rgba(42, 218, 144, 0.35);
    box-shadow:         3px 3px 10px 3px rgba(42, 218, 144, 0.35);
}
#block-competencies .new-item.nt5:hover {
    -webkit-box-shadow: 3px 3px 10px 3px rgba(79, 217, 248, 0.35);
    -moz-box-shadow:    3px 3px 10px 3px rgba(79, 217, 248, 0.35);
    box-shadow:         3px 3px 10px 3px rgba(79, 217, 248, 0.35);
}
#block-competencies .new-item.nt6:hover {
    -webkit-box-shadow: 3px 3px 10px 3px rgba(124, 83, 241, 0.35);
    -moz-box-shadow:    3px 3px 10px 3px rgba(124, 83, 241, 0.35);
    box-shadow:         3px 3px 10px 3px rgba(124, 83, 241, 0.35);
}
#block-competencies .new-item.nt7:hover {
    -webkit-box-shadow: 3px 3px 10px 3px rgba(48, 112, 255, 0.35);
    -moz-box-shadow:    3px 3px 10px 3px rgba(48, 112, 255, 0.35);
    box-shadow:         3px 3px 10px 3px rgba(48, 112, 255, 0.35);
}
#block-competencies .new-item.nt8:hover {
    -webkit-box-shadow: 3px 3px 10px 3px rgba(207, 82, 255, 0.35);
    -moz-box-shadow:    3px 3px 10px 3px rgba(207, 82, 255, 0.35);
    box-shadow:         3px 3px 10px 3px rgba(207, 82, 255, 0.35);
}
#block-competencies .new-item.nt9:hover {
    -webkit-box-shadow: 3px 3px 10px 3px rgba(50, 171, 239, 0.35);
    -moz-box-shadow:    3px 3px 10px 3px rgba(50, 171, 239, 0.35);
    box-shadow:         3px 3px 10px 3px rgba(50, 171, 239, 0.35);
}
#block-competencies .new-item.nt1 {
    background-image: url(../images/competencies-block-images/competencies-bg-nt1.jpg);
}
#block-competencies .new-item.nt2 {
    background-image: url(../images/competencies-block-images/competencies-bg-nt2.jpg);
}
#block-competencies .new-item.nt3 {
    background-image: url(../images/competencies-block-images/competencies-bg-nt3.jpg);
}
#block-competencies .new-item.nt4 {
    background-image: url(../images/competencies-block-images/competencies-bg-nt4.1.jpg);
}
#block-competencies .new-item.nt5 {
    background-image: url(../images/competencies-block-images/competencies-bg-nt5.jpg);
}
#block-competencies .new-item.nt6 {
    background-image: url(../images/competencies-block-images/competencies-bg-nt6.jpg);
}
#block-competencies .new-item.nt7 {
    background-image: url(../images/competencies-block-images/competencies-bg-nt7.jpg);
}
#block-competencies .new-item.nt8 {
    background-image: url(../images/competencies-block-images/competencies-bg-nt8.jpg);
}
#block-competencies .new-item.nt9 {
    background-image: url(../images/competencies-block-images/competencies-bg-nt9.jpg);
}
#block-competencies .new-item:hover {
    cursor: pointer;
}
#block-competencies .new-item:after {
    position: absolute;
    content: ' ';
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}
#block-competencies .new-item.nt1:after {
    background-image: url(../images/competencies-block-images/gradient-nt1.png);
}
#block-competencies .new-item.nt2:after {
    background-image: url(../images/competencies-block-images/gradient-nt2.png);
}
#block-competencies .new-item.nt3:after {
    background-image: url(../images/competencies-block-images/gradient-nt3.png);
}
#block-competencies .new-item.nt4:after {
    background-image: url(../images/competencies-block-images/gradient-nt4.png);
}
#block-competencies .new-item.nt5:after {
    background-image: url(../images/competencies-block-images/gradient-nt5.png);
}
#block-competencies .new-item.nt6:after {
    background-image: url(../images/competencies-block-images/gradient-nt6.png);
}
#block-competencies .new-item.nt7:after {
    background-image: url(../images/competencies-block-images/gradient-nt7.png);
}
#block-competencies .new-item.nt8:after {
    background-image: url(../images/competencies-block-images/gradient-nt8.png);
}
#block-competencies .new-item.nt9:after {
    background-image: url(../images/competencies-block-images/gradient-nt9.png);
}
#block-competencies .new-item .desc {
    position: absolute;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    bottom: 15px;
    left: 105px;
    width: auto;
    height: 70px;
    z-index: 20;
}
#block-competencies .new-item .desc:before {
    position: absolute;
    content: ' ';
    display: block;
    left: -85px;
    width: 60px;
    height: 60px;
    background-color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
#block-competencies .new-item .desc:after {
    position: absolute;
    content: ' ';
    display: block;
    left: -85px;
    width: 60px;
    height: 60px;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: 0.4s transform ease;
    -moz-transition: 0.4s transform ease;
    transition: 0.4s transform ease;
}
#block-competencies .new-item:hover .desc:after {
    transform: rotate(360deg);
}
#block-competencies .new-item.nt1 .desc:after {
    background-image: url(../images/competencies-block-images/competencies-nt1.svg);
}
#block-competencies .new-item.nt2 .desc:after {
    background-image: url(../images/competencies-block-images/competencies-nt2.svg);
}
#block-competencies .new-item.nt3 .desc:after {
    background-image: url(../images/competencies-block-images/competencies-nt3.svg);
}
#block-competencies .new-item.nt4 .desc:after {
    background-image: url(../images/competencies-block-images/competencies-nt4.svg);
}
#block-competencies .new-item.nt5 .desc:after {
    background-image: url(../images/competencies-block-images/competencies-nt5.svg);
}
#block-competencies .new-item.nt6 .desc:after {
    background-image: url(../images/competencies-block-images/competencies-nt6.svg);
}
#block-competencies .new-item.nt7 .desc:after {
    background-image: url(../images/competencies-block-images/competencies-nt7.svg);
}
#block-competencies .new-item.nt8 .desc:after {
    background-image: url(../images/competencies-block-images/competencies-nt8.svg);
}
#block-competencies .new-item.nt9 .desc:after {
    background-image: url(../images/competencies-block-images/competencies-nt9.svg);
}
#block-competencies .new-item .desc span {
    color: #ffffff;
    font-family: Roboto-Medium;
    font-size: 20px;
    line-height: 135%;
}
#block-competencies .item {
    display: block;
    padding: 0 15px 0 0;
    margin-bottom: 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #fff;
    -webkit-box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow:    3px 3px 10px 0px rgba(0, 0, 0, 0.15);
    box-shadow:         3px 3px 10px 0px rgba(0, 0, 0, 0.15);
    -webkit-transition: 0.4s box-shadow ease;
    -moz-transition: 0.4s box-shadow ease;
    transition: 0.4s box-shadow ease;
}
@media (min-width: 992px) {
    #block-competencies .item {
        min-height: 275px;
        padding: 30px 10px 30px 30px;
        margin-bottom: 60px;
    }
}
#block-competencies .item.nt1:hover {
    -webkit-box-shadow: 3px 3px 10px 0px rgba(241, 157, 83, 0.35);
    -moz-box-shadow:    3px 3px 10px 0px rgba(241, 157, 83, 0.35);
    box-shadow:         3px 3px 10px 0px rgba(241, 157, 83, 0.35);
}
#block-competencies .item.nt2:hover {
    -webkit-box-shadow: 3px 3px 10px 0px rgba(50, 171, 239, 0.35);
    -moz-box-shadow:    3px 3px 10px 0px rgba(50, 171, 239, 0.35);
    box-shadow:         3px 3px 10px 0px rgba(50, 171, 239, 0.35);
}
#block-competencies .item.nt3:hover {
    -webkit-box-shadow: 3px 3px 10px 0px rgba(249, 122, 98, 0.35);
    -moz-box-shadow:    3px 3px 10px 0px rgba(249, 122, 98, 0.35);
    box-shadow:         3px 3px 10px 0px rgba(249, 122, 98, 0.35);
}
#block-competencies .item.nt4:hover {
    -webkit-box-shadow: 3px 3px 10px 0px rgba(89, 236, 86, 0.35);
    -moz-box-shadow:    3px 3px 10px 0px rgba(89, 236, 86, 0.35);
    box-shadow:         3px 3px 10px 0px rgba(89, 236, 86, 0.35);
}
#block-competencies .item.nt5:hover {
    -webkit-box-shadow: 3px 3px 10px 0px rgba(79, 217, 248, 0.35);
    -moz-box-shadow:    3px 3px 10px 0px rgba(79, 217, 248, 0.35);
    box-shadow:         3px 3px 10px 0px rgba(79, 217, 248, 0.35);
}
#block-competencies .item.nt6:hover {
    -webkit-box-shadow: 3px 3px 10px 0px rgba(124, 83, 241, 0.35);
    -moz-box-shadow:    3px 3px 10px 0px rgba(124, 83, 241, 0.35);
    box-shadow:         3px 3px 10px 0px rgba(124, 83, 241, 0.35);
}
#block-competencies .item.nt7:hover {
    -webkit-box-shadow: 3px 3px 10px 0px rgba(48, 112, 255, 0.35);
    -moz-box-shadow:    3px 3px 10px 0px rgba(48, 112, 255, 0.35);
    box-shadow:         3px 3px 10px 0px rgba(48, 112, 255, 0.35);
}
#block-competencies .item.nt8:hover {
    -webkit-box-shadow: 3px 3px 10px 0px rgba(207, 82, 255, 0.35);
    -moz-box-shadow:    3px 3px 10px 0px rgba(207, 82, 255, 0.35);
    box-shadow:         3px 3px 10px 0px rgba(207, 82, 255, 0.35);
}
#block-competencies .item.nt9:hover {
    -webkit-box-shadow: 3px 3px 10px 0px rgba(50, 171, 239, 0.35);
    -moz-box-shadow:    3px 3px 10px 0px rgba(50, 171, 239, 0.35);
    box-shadow:         3px 3px 10px 0px rgba(50, 171, 239, 0.35);
}



#block-competencies .item .head {
    display: flex;
    position: relative;
    padding-left: 117px;
    min-height: 90px;
    width: 100%;
}
#block-competencies .item .head:before {
    content: ' ';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 90px;
    height: 90px;
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    background-repeat: no-repeat;
    background-position: center;
}
@media (min-width: 992px) {
    #block-competencies .item .head:before {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
}
#block-competencies .item.nt1 .head:before {
    background-color: #FBEFE3;
    background-image: url(../images/layout/item-ico1.svg);
}
#block-competencies .item.nt2 .head:before {
    background-color: #E3F2FF;
    background-image: url(../images/layout/item-ico2.svg);
}
#block-competencies .item.nt3 .head:before {
    background-color: #FCE9E5;
    background-image: url(../images/layout/item-ico3.svg);
}
#block-competencies .item.nt4 .head:before {
    background-color: #E9FBF1;
    background-image: url(../images/layout/item-ico4.svg);
}
#block-competencies .item.nt5 .head:before {
    background-color: #E8F6FC;
    background-image: url(../images/layout/item-ico5.svg);
}
#block-competencies .item.nt6 .head:before {
    background-color: #E7E5FB;
    background-image: url(../images/layout/item-ico6.svg);
}
#block-competencies .item.nt7 .head:before {
    background-color: rgba(48, 112, 255, 0.1);
    background-image: url(../images/layout/item-ico7.svg);
}
#block-competencies .item.nt8 .head:before {
    background-color: rgba(207, 82, 255, 0.1);
    background-image: url(../images/layout/item-ico8.svg);
}
#block-competencies .item.nt9 .head:before {
    background-color: #E3F2FF;
    background-image: url(../images/layout/item-ico9.svg);
}
#block-competencies .item .head span {
    width: 100%;
    margin: auto;
    color: #4B578F;
    font-family: Roboto-Medium;
    font-size: 18px;
}
@media (min-width: 992px) {
    #block-competencies .item .head span {
        font-size: 22px;
    }
    #block-competencies .item .head {
        padding-left: 105px;
    }
}
#block-competencies .item .description {
    display: none;
    margin-top: 44px;
    color: #858BB8;
    font-family: Roboto-Regular;
    font-size: 18px;
}
@media (min-width: 992px) {
    #block-competencies .item .description {
        display: block;
    }
}
/* block-works */
#block-works {
    padding: 52px 0 52px 0;
    background-color: #fff;
}
@media (min-width: 992px) {
    #block-works {
        padding: 52px 0 52px 0;
    }
}
#block-works h2 {
    margin-bottom: 35px;
}
@media (min-width: 1200px) {
    #block-works h2 {
        margin-bottom: 81px;
    }
}
.loop-item {
    display: block;
    width: 100%;
    margin-bottom: 60px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow:    3px 3px 10px 0px rgba(0, 0, 0, 0.15);
    box-shadow:         3px 3px 10px 0px rgba(0, 0, 0, 0.15);
    -webkit-transition: 0.4s box-shadow ease;
    -moz-transition: 0.4s box-shadow ease;
    transition: 0.4s box-shadow ease;
    overflow: hidden;
}
@media (min-width: 992px) {
    .loop-item {
        margin-bottom: 60px;
    }
}
.loop-item:hover {
    -webkit-box-shadow: 3px 3px 10px 0px rgba(48, 112, 255, 0.35);
    -moz-box-shadow:    3px 3px 10px 0px rgba(48, 112, 255, 0.35);
    box-shadow:         3px 3px 10px 0px rgba(48, 112, 255, 0.35);
}
.loop-item .image {
    display: block;
    width: 100%;
    height: 210px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 110%;
    border-bottom: 1px solid transparent;
    -webkit-transition: 0.4s border ease;
    -moz-transition: 0.4s border ease;
    transition: 0.4s border ease;
}
@media (min-width: 992px) {
    .loop-item .image {
        height: 210px;
    }
}
.loop-item:hover .image {
    border-bottom: 1px solid rgba(48, 112, 255, 0.35);
}
.loop-item .content {
    padding: 30px;
}
.loop-item .content .category {
    margin-top: 0;
    color: #858BB8;
    font-family: Roboto-Regular;
    font-size: 12px;
    overflow: hidden;
}
@media (min-width: 992px) {
    .loop-item .content .category {
        margin-top: 15px;
        font-size: 16px;
    }
}
.loop-item .content .category a {
    color: #858BB8;
    border-bottom: 1px dotted transparent;
    -webkit-transition: 0.4s border ease;
    -moz-transition: 0.4s border ease;
    transition: 0.4s border ease;
}
.loop-item .content .category a:hover {
    border-bottom: 1px dotted #858BB8;
}
.loop-item .content .title {
    display: block;
    margin-top: 4px;
    margin-bottom: 4px;
    height: 52px;
    color: #4B578F;
    font-family: Roboto-Medium;
    font-size: 15px;
    overflow: hidden;
}
@media (min-width: 992px) {
    .loop-item .content .title {
        margin-top: 8px;
        margin-bottom: 20px;
        font-size: 20px;
        line-height: 24px;
    }
}
.loop-item .content .title a {
    color: #4B578F;
    border-bottom: 1px dotted transparent;
    -webkit-transition: 0.4s border ease;
    -moz-transition: 0.4s border ease;
    transition: 0.4s border ease;
}
.loop-item .content .title a:hover {
    border-bottom: 1px dotted #4B578F;
}
.loop-item .content .date {
    color: #858BB8;
    font-family: Roboto-Regular;
    font-size: 12px;
    transform: translateY(2px);
}
@media (min-width: 992px) {
    .loop-item .content .date {
        font-size: 14px;
    }
}
.loop-item .content .vnl {
    white-space: nowrap;
}
.loop-item .content .views,
.loop-item .content .likes {
    display: inline-block;
    color: #858BB8;
    font-family: Roboto-Regular;
    font-size: 12px;
    background-position: left center;
    background-repeat: no-repeat;
}
.loop-item .content .views {
    padding-left: 22px;
    margin-right: 10px;
    background-image: url(../images/layout/views-ico.svg);
}
@media (min-width: 992px) {
    .loop-item .content .views {
        padding-left: 26px;
        margin-right: 20px;
    }
}
.loop-item .content .likes {
    padding-left: 22px;
    background-image: url(../images/layout/likes-ico.svg);
}




/* block-backcall */
#block-backcall {
    padding: 43px 0  104px 0;
    background-image: url(../images/layout/block-backcall-mobile-bg1.png), url(../images/layout/block-backcall-mobile-bg2.png);
    background-position: bottom left, bottom right;
    background-repeat: no-repeat, no-repeat;
}
@media (min-width: 768px) {
    #block-backcall {
        padding: 87px 0 90px 0;
        background-image: url(../images/layout/block-backcall-bg1.png), url(../images/layout/block-backcall-bg2.png), url(../images/layout/block-backcall-bg3.png), url(../images/layout/block-backcall-bg4.png);
        background-position: top left, bottom right, bottom left 375px, top right 375px;
        background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
        background-size: 200px auto, 200px auto, auto, auto;
    }
}
@media (min-width: 992px) {
    #block-backcall {
        padding: 87px 0 90px 0;
        background-image: url(../images/layout/block-backcall-bg1.png), url(../images/layout/block-backcall-bg2.png), url(../images/layout/block-backcall-bg3.png), url(../images/layout/block-backcall-bg4.png);
        background-position: top left, bottom right, bottom left 375px, top right 375px;
        background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
        background-size: 200px auto, 200px auto, auto, auto;
    }
}
@media (min-width: 1200px) {
    #block-backcall {
        padding: 87px 0 90px 0;
        background-image: url(../images/layout/block-backcall-bg1.png), url(../images/layout/block-backcall-bg2.png), url(../images/layout/block-backcall-bg3.png), url(../images/layout/block-backcall-bg4.png);
        background-position: top left, bottom right, bottom left 375px, top right 375px;
        background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
        background-size: auto, auto, auto, auto;
    }
}



#block-backcall.second {
    background-color: #F8FAFF;
    background-image: url(../images/layout/block-backcall2-mobile-bg1.png), url(../images/layout/block-backcall2-mobile-bg2.png);
    background-position: bottom left, bottom right;
    background-repeat: no-repeat, no-repeat;
    background-size: auto, auto;
}
@media (min-width: 768px) {
    #block-backcall.second {
        background-image: url(../images/layout/block-backcall2-bg1.png), url(../images/layout/block-backcall2-bg2.png), url(../images/layout/block-backcall2-bg3.png), url(../images/layout/block-backcall2-bg4.png);
        background-position: top left, bottom right, bottom left 375px, top right 375px;
        background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
        background-size: 100px auto, 100px auto, auto, auto;
    }
}
@media (min-width: 992px) {
    #block-backcall.second {
        padding: 87px 0 90px 0;
        background-size: 130px auto, 130px auto, auto, auto;
    }
}
@media (min-width: 1200px) {
    #block-backcall.second {
        padding: 87px 0 90px 0;
        background-size: auto, auto, auto, auto;
    }
}
#block-backcall h2 {
    margin-bottom: 32px;
}
@media (min-width: 992px) {
    #block-backcall h2 {
        margin-bottom: 51px;
    }
}
#block-backcall .form {

}
#block-backcall .form .input {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    padding: 15px 20px;
    color: #858BB8;
    font-family: Roboto-Regular;
    font-size: 14px;
    border: 1px solid #1753FF;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: 0.4s box-shadow ease;
    -moz-transition: 0.4s box-shadow ease;
    transition: 0.4s box-shadow ease;
}
@media (min-width: 992px) {
    #block-backcall .form .input {
        margin-bottom: 30px;
        font-size: 18px;
    }
}
#block-backcall .form .input:active,
#block-backcall .form .input:focus {
    -webkit-box-shadow: 3px 3px 10px 0px rgba(48, 112, 255, 0.25);
    -moz-box-shadow:    3px 3px 10px 0px rgba(48, 112, 255, 0.25);
    box-shadow:         3px 3px 10px 0px rgba(48, 112, 255, 0.25);
}

#block-backcall .form .select-wrap {
    position: relative;

}
#block-backcall .form .select-wrap:after,
#block-backcall .form .select-wrap:before {
    content: ' ';
    position: absolute;
    display: block;
    top: 0;
    z-index: 20;
    pointer-events: none;
}
#block-backcall .form .select-wrap:after {
    right: 60px;
    width: 1px;
    height: 100%;
    background-color: #1753FF;
}
#block-backcall .form .select-wrap:before {
    right: 0;
    width: 60px;
    height: 100%;
    background-image: url(../images/layout/select-arrow.svg);
    background-position: right 24px center;
    background-repeat: no-repeat;
}
#block-backcall .form .select {
    -moz-appearance: none!important;
    -webkit-appearance: none!important;
    appearance: none!important;
    display: block;
    width: 100%;
    margin-bottom: 20px;
    padding: 15px 20px;
    color: #858BB8;
    font-family: Roboto-Regular;
    font-size: 14px;
    border: 1px solid #1753FF;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: 0.4s box-shadow ease;
    -moz-transition: 0.4s box-shadow ease;
    transition: 0.4s box-shadow ease;
    z-index: 5;
}
@media (min-width: 992px) {
    #block-backcall .form .select {
        margin-bottom: 30px;
        font-size: 18px;
    }
}
#block-backcall .form .select:active,
#block-backcall .form .select:focus {
    -webkit-box-shadow: 3px 3px 10px 0px rgba(48, 112, 255, 0.25);
    -moz-box-shadow:    3px 3px 10px 0px rgba(48, 112, 255, 0.25);
    box-shadow:         3px 3px 10px 0px rgba(48, 112, 255, 0.25);
}
#block-backcall .form .submit {
    display: inline-block;
    padding: 17px 71px;
    margin-top: 20px;
    color: #fff;
    font-family: Roboto-Regular;
    font-size: 14px;
    background-color: #1753FF;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-box-shadow: 3px 3px 20px 0px rgba(23, 83, 255, 0.6);
    -moz-box-shadow:    3px 3px 20px 0px rgba(23, 83, 255, 0.6);
    box-shadow:         3px 3px 20px 0px rgba(23, 83, 255, 0.6);
    -webkit-transition: 0.4s box-shadow ease;
    -moz-transition: 0.4s box-shadow ease;
    transition: 0.4s box-shadow ease;
	border: 0;
}
@media (min-width: 992px) {
    #block-backcall .form .submit {
        margin-top: 30px;
        font-size: 18px;
    }
}
#block-backcall .form .submit:hover {
    cursor: pointer;
    -webkit-box-shadow: 3px 3px 20px 0px rgba(94, 210, 249, 0.6);
    -moz-box-shadow:    3px 3px 20px 0px rgba(94, 210, 249, 0.6);
    box-shadow:         3px 3px 20px 0px rgba(94, 210, 249, 0.6);
}

/* block-digits */
#block-digits {
    padding: 62px 0 90px 0;
    background-image: url(../images/layout/block-digits-mobile-bg1.png), url(../images/layout/block-digits-mobile-bg2.png);
    background-position: top 48px center, bottom 10px center;
    background-repeat: no-repeat, no-repeat;
}
@media (min-width: 992px) {
    #block-digits {
        padding: 117px 0 90px 0;
        background-image: url(../images/layout/block-digits-bg1.png), url(../images/layout/block-digits-bg2.png);
        background-position: top 70px left 70px, top 70px right 70px;
        background-repeat: no-repeat, no-repeat;
    }
}
#block-digits h2 {
    margin-bottom: 60px;
}
@media (min-width: 992px) {
    #block-digits h2 {
        margin-bottom: 82px;
    }
}
#block-digits .wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    align-content: stretch;
}
#block-digits .wrap .item {
    padding: 45px 20px;
    text-align: center;
}
@media (min-width: 992px) {

}
#block-digits .wrap .item.blue {
    width: 200px;
    background-color: #3070FF;
    border-radius: 100px 0 100px 0;
}
#block-digits .wrap .item.pink {
    width: 270px;
    background-color: #CF52FF;
    border-radius: 0 74px 0 74px;
}
#block-digits .wrap .item .count,
#block-digits .mobile .item .count {
    color: #fff;
    font-family: Roboto-Regular;
    font-size: 20px;
    white-space: nowrap;
}
@media (min-width: 992px) {
    #block-digits .wrap .item .count,
    #block-digits .mobile .item .count {
        font-size: 26px;
    }
}
#block-digits .wrap .item .name,
#block-digits .mobile .item .name {
    margin-top: 27px;
    color: #fff;
    font-family: Roboto-Regular;
    font-size: 13px;
}
@media (min-width: 992px) {
    #block-digits .wrap .item .name,
    #block-digits .mobile .item .name {
        font-size: 20px;
    }
}
#block-digits .wrap .item.pink .name {
    font-size: 18px;
    white-space: nowrap;
}
/* block-digits-mobile */
#block-digits .mobile .item {
    display: block;
    margin-bottom: 12px;
    padding: 45px 20px;
    text-align: center;
}
#block-digits .mobile .col-6 {
    padding-right: 6px;
    padding-left: 6px;
}
#block-digits .mobile .item .name {
    margin-top: 4px;
}

#block-digits .mobile .item.blue {
    background-color: #3070FF;
}
#block-digits .mobile .item.pink {
    background-color: #CF52FF;
}
#block-digits .mobile .item.nt1 {
    margin-top: 30px;
    border-radius: 0 100px 0 100px;
}
#block-digits .mobile .item.nt2 {

    border-radius: 100px 0 100px 0;
}
#block-digits .mobile .item.nt3 {
    border-radius: 100px 0 100px 0;
}
#block-digits .mobile .item.nt4 {
    border-radius: 0 100px 0 100px;
}
#block-digits .mobile .item.nt5 {
    border-radius: 100px 0 100px 0;
}
#block-digits .mobile .item.nt6 {
    margin-top: 82px;
    border-radius: 0 100px 0 100px;
}
#block-digits .mobile .item.nt7 {
    border-radius: 100px 0 100px 0;
}
#block-digits .mobile .item.nt8 {
    border-radius: 100px 0 100px 0;
}
#block-digits .mobile .item.nt9 {
    border-radius: 0 100px 0 100px;
}










/* block-trust */
#block-trust {
    padding: 30px 0;
}
@media (min-width: 992px) {
    #block-trust {
        padding: 70px 0 70px;
    }
}
#block-trust h2 {
    margin-bottom: 30px;
}
@media (min-width: 992px) {
    #block-trust h2 {
        margin-bottom: 70px;
    }
}
#block-trust .partner-logo {
    display: inline-block;
    margin: 20px 0;
    max-width: 48%;
    height: auto;
}
@media (min-width: 992px) {
    #block-trust .partner-logo {
        max-width: 280px;
    }
}

/* block-journal */
#block-journal {
    position: relative;
    padding: 30px 0 30px 0;
    overflow: hidden;

}
@media (min-width: 992px) {
    #block-journal {
        padding: 70px 0 70px 0;
    }
}
#block-journal h2 {
    margin-bottom: 30px;
}
@media (min-width: 992px) {
    #block-journal h2 {
        margin-bottom: 70px;
    }
}
#block-journal:after {
    position: absolute;
    content: ' ';
    top: 0;
    right: 0;
    width: 70px;
    height: 100%;
    background-image: url(../images/layout/block-journal-after-bg.png);
    background-repeat: repeat-y;
    background-position: top right;
}
@media (min-width: 992px) {
    #block-journal:after {
        display: none;
    }
}



.aj-slider {
    width: 100%;
}
.aj-slider .slick-list {
    width: 95%;
    overflow: visible!important;
}
@media (min-width: 992px) {
    .aj-slider .slick-list {
        width: 100%;
    }
}
.aj-slider .slick-track .slick-active {
}
.aj-slider .slick-dots {
    bottom: 15px;
    display: none;
}
.aj-slider  .slick-list .slick-dots {
    display: block;
}
.aj-slider .slick-dots button {
    opacity: 0;
}
.aj-slider .slick-dots li {
    display: inline-block;
    width: 10px;
    height: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 5px;
    background-color: #1753FF;
    -webkit-transition: 0.4s width ease;
    -moz-transition: 0.4s width ease;
    transition: 0.4s width ease;
}
.aj-slider .slick-dots li.slick-active {
    width: 28px;
}
/* ------------------------------------------------------------------------------------------------------------------------------------ Breadcrumbs */
#breadcrumbs {
    padding: 15px 0 15px 0;
}
.team-page .breadcrumbs {
    padding: 15px 0 15px 0;
}
@media (min-width: 992px) {
    #breadcrumbs {
        padding: 23px 0 23px 0;
    }
}
#breadcrumbs span.active,
#breadcrumbs a {
    color: #858BB8;
    font-family: Roboto-Regular;
    font-size: 14px;
    border-bottom: 1px solid #858BB8;
    -webkit-transition: 0.4s border ease;
    -moz-transition: 0.4s border ease;
    transition: 0.4s border ease;
}
#breadcrumbs a:hover {
    border-bottom: 1px solid transparent;
}
#breadcrumbs span.active {
    border-bottom: 1px solid transparent;
}
#breadcrumbs span {
    margin: 0 5px;
}
#breadcrumbs .bwrap {
}
@media (min-width: 992px) {
    #breadcrumbs .bwrap {
        position: relative;
        width: 45%;
        white-space: nowrap;
        overflow: hidden;
    }
    #breadcrumbs .bwrap:after {
        position: absolute;
        content: ' ';
        top: 0;
        right: 0;
        width: 30px;
        height: 100%;
        background-image: url(../images/layout/bread-after-bg.png);
        background-repeat: repeat-y;
        background-position: top right;
    }
}
/* ------------------------------------------------------------------------------------------------------------------------------------ Inner pages */
#page {
    margin-top: 71px;
    overflow: hidden;
}
@media (min-width: 992px) {
    #page {
        margin-top: 0;
    }
}
#page .inner-banner {
    position: relative;
    display: flex;
    width: 100%;
    padding-bottom: 30px;
    background-image: url(../images/layout/inner-banner-mobile-bg.png);
    background-repeat: no-repeat;
    background-position: center bottom 40px;
}
@media (min-width: 992px) {
    #page .inner-banner {
        height: 540px;
        padding-bottom: 30px;
        background-image: url(../images/layout/inner-banner-pc-bg.png);
        background-position: left 20% bottom 90px;
    }
}
@media (min-width: 1200px) {
    #page .inner-banner {
        padding-bottom: 100px;
    }
}

#page .inner-banner img.mobile-img {
    display: none;
    width: 100%;
    margin-bottom: 30px;
}
@media (min-width: 992px) {
    #page .inner-banner img.mobile-img {

    }
}
#page .inner-banner img.pc-img {
    position: absolute;
    display: none;
    top: 0;
    left: 50%;
    width: 50%;
    max-width: 700px;
}
@media (min-width: 992px) {
    #page .inner-banner img.pc-img {
        display: block;
    }
}
@media (min-width: 992px) {
    #page.works-page .inner-banner img.pc-img {
        left: auto;
        right: 0;
        max-width: inherit;
        border-radius: 0 0 0 255px!important;
    }
}
#page .inner-banner span.category {
    color: #858BB8;
    font-family: Roboto-italic;
    font-size: 18px;
}
@media (min-width: 992px) {
    #page .inner-banner span.category {
        font-size: 24px;
    }
}
#page .inner-banner span.category a {
    border-bottom: 1px dotted #858BB8;
    -webkit-transition: 0.4s border ease;
    -moz-transition: 0.4s border ease;
    transition: 0.4s border ease;
}
#page .inner-banner span.category a:hover {
    border-bottom: 1px dotted transparent;
}
#page .inner-banner h1 {
    color: #4B578F;
    font-family: Roboto-Regular;
    font-size: 22px;
    line-height: 150%;
}
@media (min-width: 992px) {
    #page .inner-banner h1 {
        width: 45%;
        font-size: 36px;
    }
}
h1.page-title {
    margin-bottom: 0!important;
    color: #858BB8!important;
    font-family: Roboto-italic!important;
    font-size: 18px!important;
}
@media (min-width: 992px) {
    h1.page-title {
        width: 45%!important;
        font-size: 30px!important;
    }
}
@media (min-width: 992px) {
    #page.new-agency-page h1.page-title {
        width: 100%!important;
    }
}
span.page-description {
    display: inline-block;
    margin-top: 0;
    font-size: 24px;
    color: #4B578F;
    font-family: Roboto-Regular;
    line-height: 150%;
}
#page.new-agency-page span.page-description {
    font-size: 30px;
}
@media (min-width: 992px) {
    span.page-description {
        width: 45%!important;
        margin-top: 30px;
    }
}
@media (min-width: 992px) {
    #page.new-agency-page span.page-description {
        width: 100%!important;
        font-size: 34px;
    }
}


#page .inner-banner h1 a {
    border-bottom: 1px dotted #4B578F;
    -webkit-transition: 0.4s border ease;
    -moz-transition: 0.4s border ease;
    transition: 0.4s border ease;
}
#page .inner-banner h1 a:hover {
    border-bottom: 1px dotted transparent;
}
#page .inner-banner p {
    margin-top: 15px;
    margin-bottom: 0;
    color: #4B578F;
    font-family: Roboto-Regular;
    font-size: 18px;
    line-height: 150%;
}
@media (min-width: 992px) {
    #page .inner-banner p {
        width: 45%;
        margin-top: 30px;
        font-size: 24px;
    }
}
#page .inner-banner .container-fluid,
#page .inner-banner .container-fluid>.row,
#page .inner-banner .container-fluid>.row>.col-12 {
    height: 100%;
}
#page .inner-banner .wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: stretch;
    height: 100%;
}
#page .inner-banner .wrap .inner {
}
#page.works-page .page-content {
    padding: 40px 0;
}
@media (min-width: 992px) {
    #page.works-page .page-content {
        padding: 70px 0 90px 0;
        background-image: url(../images/layout/page-content-work-bg1.png), url(../images/layout/page-content-work-bg2.png);
        background-position: left top 150px, right top 950px;
        background-repeat: no-repeat, no-repeat;

    }
}
#page.works-page .page-content img {
    display: inline-block;
    width: 100%;

}
@media (min-width: 992px) {
    #page.works-page .page-content img {

    }
}
#page.works-page .page-content p {
    color: #4B578F;
    font-family: Roboto-Regular;
    font-size: 18px;
}
@media (min-width: 992px) {
    #page.works-page .page-content p {
        font-size: 24px;
    }
}
#page.works-page .page-content p.pb {

}
@media (min-width: 992px) {
    #page.works-page .page-content p.pb {
        margin-bottom: 126px;
    }
}
#page.works-page .annotation {
    position: relative;
    padding: 30px;
    margin-top: 30px;
    color: #4B578F;
    font-family: Roboto-Regular;
    font-size: 18px;
    background-color: #F8F9FD;
    border-radius: 0 0 105px 0;
}
@media (min-width: 992px) {
    #page.works-page .annotation {
        margin-top: 60px;
    }
}
#page.works-page .annotation:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    margin-left: -50%;
    background-color: #F8F9FD;
}
.site-navigation {
    margin-bottom: 55px;
}
@media (min-width: 992px) {
    .site-navigation {
        margin-bottom: 150px;
    }
}
.site-navigation .prev,
.site-navigation .next {
    margin-bottom: 20px;
    color: #1753FF;
    font-family: Roboto-Medium;
    font-size: 12px;
    text-transform: uppercase;
    background-repeat: no-repeat;
    -webkit-transition: 0.4s background-position ease;
    -moz-transition: 0.4s background-position ease;
    transition: 0.4s background-position ease;
}
@media (min-width: 992px) {
    .site-navigation .prev,
    .site-navigation .next {
        font-size: 20px;
    }
}
.site-navigation .prev {
    padding-left: 60px;
    background-image: url(../images/layout/prev-arrow.svg);
    background-position: center left 15px;
}
.site-navigation .next {
    padding-right: 60px;
    text-align: right;
    background-image: url(../images/layout/next-arrow.svg);
    background-position: center right 15px;
}
.site-navigation a:hover .prev {
    background-position: center left 0;
}
.site-navigation a:hover .next {
    background-position: center right 0;
}
.site-navigation .prev span,
.site-navigation .next span {
    display: none;
}
@media (min-width: 400px) {
    .site-navigation .prev span,
    .site-navigation .next span {
        display: inline-block;
    }
}
.site-navigation .article {
    padding: 0;
    background-color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 3px 3px 15px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow:    3px 3px 15px 0px rgba(0, 0, 0, 0.15);
    box-shadow:         3px 3px 15px 0px rgba(0, 0, 0, 0.15);
    overflow: hidden;
    -webkit-transition: 0.4s background-color ease;
    -moz-transition: 0.4s background-color ease;
    transition: 0.4s background-color ease;
}
@media (min-width: 992px) {
    .site-navigation .article {
        padding: 30px;
    }
}
.site-navigation .article:hover {
    background-color: #F8F9FD;
}
.site-navigation .image {
    width: 100%;
    max-height: 120px;
    margin-bottom: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}
@media (min-width: 992px) {
    .site-navigation .image {
        margin-bottom: 0;
    }
}
.site-navigation .image img {
    display: inline-block;
    width: 100%;
}
.site-navigation .category {
    padding: 0 5px;
    height: 25px;
    color: #858BB8;
    font-family: Roboto-Regular;
    font-size: 11px;
    overflow: hidden;
}
@media (min-width: 992px) {
    .site-navigation .category {
        padding: 0;
        height: auto;
        font-size: 14px;
    }
}
.site-navigation .title {
    height: 70px;
    padding: 0 5px;
    color: #4B578F;
    font-family: Roboto-Medium;
    font-size: 12px;
    overflow: hidden;
}
@media (min-width: 992px) {
    .site-navigation .title {
        padding: 0;
        font-size: 18px;
    }
}
.site-navigation .date {
    padding: 0 5px 5px 5px;
    color: #858BB8;
    font-family: Roboto-Regular;
    font-size: 11px;
}
@media (min-width: 992px) {
    .site-navigation .date {
        padding: 0;
        font-size: 14px;
    }
}
#page .inner-loops {
}
@media (min-width: 992px) {
    #page .inner-loops {
        padding: 90px 0;
    }
}
#page .single-header {
    margin-bottom: 20px;
}
@media (min-width: 992px) {
    #page .single-header {
        margin-bottom: 20px;
    }
}
#page .single-header h1 {
    margin-top: 31px;
    margin-bottom: 11px;
    color: #333742;
    font-family: Roboto-Medium;
    font-size: 28px;
}
@media (min-width: 992px) {
    #page .single-header h1 {
        margin-top: 31px;
    }
}
#page .single-header .info {
    margin-bottom: 20px;
}
#page .single-header .category {
    color: #757A89;
    font-family: Roboto-Regular;
    font-size: 14px;
    text-align: left;
}
#page .single-header .date {
    color: #757A89;
    font-family: Roboto-Regular;
    font-size: 14px;
    text-align: right;
}
#page .single-header .image {
    display: inline-block;
    width: 100%;
    height: auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}
@media (min-width: 992px) {
    #page .single-header .image {
        margin-bottom: 25px;
    }
}
#page .single-header img {
    display: inline-block;
    width: 100%;
    height: auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}
@media (min-width: 992px) {
    #page .single-header img {
        margin-bottom: 25px;
    }
}
#page .single-content {
    position: relative;
}
#page .single-content .content {
}
#page .single-content .article-list {
    margin-top: 30px;
    margin-bottom: 20px;
}
@media (min-width: 992px) {
    #page .single-content .article-list {
        margin-top: 0;
    }
}
#page .single-content .article-list .title {
    margin-bottom: 15px;
    color: #333742;
    font-family: Roboto-Medium;
    font-size: 18px;
}
@media (min-width: 992px) {
    #page .single-content .article-list .title {
        margin-bottom: 25px;
    }
}
#page .single-content .article-list .article {
    display: block;
    width: 100%;
    padding: 5px;
    margin-bottom: 17px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: 0.4s box-shadow ease, 0.4s background-color ease;
    -moz-transition: 0.4s box-shadow ease, 0.4s background-color ease;
    transition: 0.4s box-shadow ease, 0.4s background-color ease;
}
#page .single-content .article-list .article:hover {
    background-color: rgba(241, 243, 255, 1);
}
#page .single-content .article-list .article .image {
    display: block;
    width: 100%;
    height: 73px;
    margin-bottom: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow: hidden;
}
@media (min-width: 992px) {
    #page .single-content .article-list .article .image {
        margin-bottom: 0;
    }
}
#page .single-content .article-list .article .text {
    color: #333742;
    font-family: Roboto-Regular;
    font-size: 14px;
}
#page .single-content .content img {
    display: inline-block;
    margin-bottom: 20px;
    width: 100%;
    height: auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}
#page .single-content .content h2 {
    margin-bottom: 42px;
    color: #333742;
    font-family: Roboto-Medium;
    font-size: 16px;
}
#page .single-content .content h3 {
    margin-bottom: 42px;
    color: #333742;
    font-family: Roboto-Medium;
    font-size: 16px;
}
#page .single-content .content p {
    margin-bottom: 20px;
    color: #333742;
    font-family: Roboto-Regular;
    font-size: 16px;
}
#page .single-content .content a {
    color: #1753FF;
    border-bottom: 1px solid #1753FF;
    -webkit-transition: 0.4s border ease;
    -moz-transition: 0.4s border ease;
    transition: 0.4s border ease;
}
#page .single-content .content a:hover {
    color: #1753FF;
    border-bottom: 1px solid transparent;
}
#page .single-content .content .quote {
    position: relative;
    width: 100%;
    margin-bottom: 120px;
    padding: 70px 15px;
    color: #333742;
    font-family: Roboto-Medium;
    font-size: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #EDEFFA;
    background-image: url(../images/layout/quote-bg-01.svg), url(../images/layout/quote-bg-02.svg);
    background-position: top 21px left 23px, bottom 21px right 23px;
    background-repeat: no-repeat, no-repeat;

}
@media (min-width: 992px) {
    #page .single-content .content .quote {
        padding: 40px 100px;
        margin-bottom: 42px;
    }
}
#page .single-content .content .quote .inner {
}
#page .single-content .content .quote .outer {
    position: absolute;
    left: 0;
    top: 100%;
    margin-top: 20px;
    width: 320px;
}
@media (min-width: 992px) {
    #page .single-content .content .quote .outer {
        position: absolute;
        left: 100%;
        top: 50%;
        width: 320px;
        margin-top: 0;
        margin-left: 40px;
        transform: translateY(-50%);
    }
}
@media (min-width: 992px) {
    #page .single-content .content .quote .outer {
        margin-left: 40px;
    }
}
#page .single-content .content .quote .outer .col.img {
    max-width: 80px;
}
#page .single-content .content .quote .outer .image {
}
#page .single-content .content .quote .outer .image img {
    margin-bottom: 0px;
    width: 60px;
    height: 60px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
}
#page .single-content .content .quote .outer .info {
}
#page .single-content .content .quote .outer .info .name {
    color: #333742;
    font-family: Roboto-Medium;
    font-size: 16px;
}
#page .single-content .content .quote .outer .info .job {
    color: #757A89;
    font-family: Roboto-Regular;
    font-size: 14px;
}
#page .single-content .author {
    margin-bottom: 26px;

}
@media (min-width: 992px) {
    #page .single-content .author {
        position: absolute;
        left: 100%;
        bottom: 0;
        width: 320px;
        margin-left: 40px;
        margin-bottom: 0;
        transform: translateY(-50%);
    }
}
#page .single-content .author .image {
}
#page .single-content .author .col.img {
    max-width: 80px;
}
#page .single-content .author .image img {
    margin-bottom: 0px;
    width: 60px;
    height: 60px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
}
#page .single-content .author .info .name {
    color: #333742;
    font-family: Roboto-Medium;
    font-size: 16px;
}
#page .single-content .author .info .job {
    color: #757A89;
    font-family: Roboto-Regular;
    font-size: 14px;
}

#page .single-info {
    padding: 15px 0;
    text-align: center;
    border-top: 1px solid #E7E9F2
}
@media (min-width: 992px) {
    #page .single-info {
        padding: 32px 0;
    }
}
#page .single-info .item {
    display: inline-block;
    margin: 10px 0;
    padding: 47px 8px 8px 8px;
    color: #333742;
    font-family: Roboto-Medium;
    font-size: 16px;
    background-color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-position: center top 12px;
    background-repeat: no-repeat;
    background-size: 23px 23px;
    -webkit-transition: 0.4s background-color ease;
    -moz-transition: 0.4s background-color ease;
    transition: 0.4s background-color ease;
}
@media (min-width: 992px) {
    #page .single-info .item {
        padding: 9px 15px 9px 47px;
        margin-right: 57px;
        background-position: left 15px center;
    }
}
#page .single-info .item:hover {
    cursor: pointer;
    background-color: #F1F3FF;
}
#page .single-info .item.likes {
    background-image: url(../images/layout/single-likes-ico.svg);
}
#page .single-info .item.dislikes {
    background-image: url(../images/layout/single-dislikes-ico.svg);
}
#page .single-info .item.views {
    background-image: url(../images/layout/single-views-ico.svg);
}
#page .single-info .item.share {
    position: relative;
    margin-right: 0;
    background-image: url(../images/layout/single-share-ico.svg);
}
#page .single-info .item.share .share-list {
    position: absolute;
    bottom: 100%;
    right: 0;
    margin-bottom: 5px;
    margin-left: -58px;
    width: 270px;
    background-color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    opacity: 0;
    pointer-events: none;
    text-align: left;
    -webkit-box-shadow: 3px 3px 15px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow:    3px 3px 15px 0px rgba(0, 0, 0, 0.15);
    box-shadow:         3px 3px 15px 0px rgba(0, 0, 0, 0.15);
    -webkit-transition: 0.4s opacity ease;
    -moz-transition: 0.4s opacity ease;
    transition: 0.4s opacity ease;
}
@media (min-width: 992px) {
    #page .single-info .item.share .share-list {
        right: auto;
        left: 0;
        margin-left: -58px;
    }
}
#page .single-info .item.share:hover .share-list {
    opacity: 1;
    pointer-events: all;
}
#page .single-info .item.share .share-list span {
    display: block;
    padding: 15px 20px 15px 70px;
    color: #333742;
    font-family: Roboto-Medium;
    font-size: 16px;
    white-space: nowrap;
    background-repeat: no-repeat;
    -webkit-transition: 0.4s background-color ease;
    -moz-transition: 0.4s background-color ease;
    transition: 0.4s background-color ease;
}
#page .single-info .item.share .share-list span:hover {
    background-color: #F1F3FF;
}
#page .single-info .item.share .share-list span.vk {
    background-position: left 23px center;
    background-image: url(../images/layout/single-vk-ico.svg);
}
#page .single-info .item.share .share-list span.fb {
    background-position: left 31px center;
    background-image: url(../images/layout/single-fb-ico.svg);
}
#page .single-info .item.share .share-list span.link {
    background-position: left 25px center;
    background-image: url(../images/layout/single-link-ico.svg);
}
#page .single-info .item.share .share-list span a {
    color: #333742;
}
#page .single-info .item.share .share-list span a:hover {
    color: #333742;
}
#page .single-info .item.share .share-list:after {
    position: absolute;
    content: ' ';
    display: block;
    bottom: 0;
    right: 45px;
    margin-bottom: -16px;
    border: 8px solid transparent;
    border-top: 8px solid #fff;
}
@media (min-width: 992px) {
    #page .single-info .item.share .share-list:after {
        right: auto;
        left: 50%;
        margin-left: -8px;
    }
}
#page .single-info .item.share .share-list:before {
    position: absolute;
    content: ' ';
    display: block;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 10px;
    margin-bottom: -10px;
    background-color: transparent;
}
#page .pagenavi {
    padding: 30px 0;
    text-align: center;
}
@media (min-width: 992px) {
    #page .pagenavi {
        padding: 0px 0 30px 0;
    }
}
#page .pagenavi .first-page a,
#page .pagenavi .last-page a {
    display: inline-block;
    width: 20px;
    height: 20px;
    transform: translateY(5px);
    background-position: center;
    background-repeat: no-repeat;
}
#page .pagenavi .first-page a {
    background-image: url(../images/layout/pagenavi-fp.svg);
}
#page .pagenavi .last-page a {
    background-image: url(../images/layout/pagenavi-lp.svg);
}

#page .pagenavi span {
    margin: 0 5px;
    font-family: Roboto-Medium;
    font-size: 16px;
}
#page .pagenavi span a {
    color: #4B578F;
    border-bottom: 1px dotted transparent;
    -webkit-transition: 0.4s border ease;
    -moz-transition: 0.4s border ease;
    transition: 0.4s border ease;
}
#page .pagenavi span a:hover {
    color: #4B578F;
    border-bottom: 1px dotted #858BB8;
}
#page .pagenavi span.current a {
    color: #1753FF;
    border-bottom: 1px dotted transparent;
}
#page .pagenavi span.current a:hover {
    color: #1753FF;
    border-bottom: 1px dotted #1753FF;
}
#inner-banner {
    min-height: 100vh;
    background-color: #fff;
}



#page .inner-items {
    background-color: #fff;
}
@media (min-width: 992px) {
    #page .inner-items {
        padding: 60px 0 30px 0;
        background-image: url(../images/layout/inner-items-bg.png);
        background-repeat: no-repeat;
        background-position: top left;
    }
}
#page .inner-items .item {
    display: flex;
    width: 100%;
    min-height: 90px;
    margin-bottom: 30px;
    padding-right: 15px;
    background-color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow:    3px 3px 10px 0px rgba(0, 0, 0, 0.15);
    box-shadow:         3px 3px 10px 0px rgba(0, 0, 0, 0.15);
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: left 33px center;
    -webkit-transition: 0.4s box-shadow ease;
    -moz-transition: 0.4s box-shadow ease;
    transition: 0.4s box-shadow ease, 0.4s background-image ease;
}
#page .inner-items .item.nt1 {
    border-left: 14px solid #FBEFE3;
    background-image: url(../images/layout/item-ico1.svg);
}
#page .inner-items .item.nt2 {
    border-left: 14px solid #E3F2FF;
    background-image: url(../images/layout/item-ico2.svg);
}
#page .inner-items .item.nt3 {
    border-left: 14px solid #FCE9E5;
    background-image: url(../images/layout/item-ico3.svg);
}
#page .inner-items .item.nt4 {
    border-left: 14px solid #E9FBF1;
    background-image: url(../images/layout/item-ico4.svg);
}
#page .inner-items .item.nt5 {
    border-left: 14px solid #E8F6FC;
    background-image: url(../images/layout/item-ico5.svg);
}
#page .inner-items .item.nt6 {
    border-left: 14px solid #E7E5FB;
    background-image: url(../images/layout/item-ico6.svg);
}
.category-work-items .col-12:nth-child(7) .item {
    border-left: 14px solid rgba(132, 173, 255, 0.15);
    background-image: url(../images/layout/item-ico7.svg);
}
.category-work-items .col-12:nth-child(8) .item {
    border-left: 14px solid rgba(207, 82, 255, 0.15);
    background-image: url(../images/layout/item-ico8.svg);
}
.category-work-items .col-12:nth-child(9) .item {
    border-left: 14px solid rgba(50, 171, 239, 0.15);
    background-image: url(../images/layout/item-ico9.svg);
}

#page .inner-items .item.nt1:hover {
    -webkit-box-shadow: 3px 3px 10px 0px rgba(241, 157, 83, 0.35), 97px 0 5px 0 rgba(241, 157, 83, 0.15) inset !important;
    -moz-box-shadow:    3px 3px 10px 0px rgba(241, 157, 83, 0.35), 97px 0 5px 0 rgba(241, 157, 83, 0.15) inset !important;
    box-shadow:         3px 3px 10px 0px rgba(241, 157, 83, 0.35), 97px 0 5px 0 rgba(241, 157, 83, 0.15) inset !important;

}
#page .inner-items .item.nt2:hover {
    -webkit-box-shadow: 3px 3px 10px 0px rgba(50, 171, 239, 0.35), 97px 0 5px 0 rgba(50, 171, 239, 0.15) inset !important;
    -moz-box-shadow:    3px 3px 10px 0px rgba(50, 171, 239, 0.35), 97px 0 5px 0 rgba(50, 171, 239, 0.15) inset !important;
    box-shadow:         3px 3px 10px 0px rgba(50, 171, 239, 0.35), 97px 0 5px 0 rgba(50, 171, 239, 0.15) inset !important;
}
#page .inner-items .item.nt3:hover {
    -webkit-box-shadow: 3px 3px 10px 0px rgba(249, 122, 98, 0.35), 97px 0 5px 0 rgba(249, 122, 98, 0.15) inset !important;
    -moz-box-shadow:    3px 3px 10px 0px rgba(249, 122, 98, 0.35), 97px 0 5px 0 rgba(249, 122, 98, 0.15) inset !important;
    box-shadow:         3px 3px 10px 0px rgba(249, 122, 98, 0.35), 97px 0 5px 0 rgba(249, 122, 98, 0.15) inset !important;
}
#page .inner-items .item.nt4:hover {
    -webkit-box-shadow: 3px 3px 10px 0px rgba(89, 236, 86, 0.35), 97px 0 5px 0 rgba(89, 236, 86, 0.15) inset !important;
    -moz-box-shadow:    3px 3px 10px 0px rgba(89, 236, 86, 0.35), 97px 0 5px 0 rgba(89, 236, 86, 0.15) inset !important;
    box-shadow:         3px 3px 10px 0px rgba(89, 236, 86, 0.35), 97px 0 5px 0 rgba(89, 236, 86, 0.15) inset !important;
}
#page .inner-items .item.nt5:hover {
    -webkit-box-shadow: 3px 3px 10px 0px rgba(79, 217, 248, 0.35), 97px 0 5px 0 rgba(79, 217, 248, 0.15) inset !important;
    -moz-box-shadow:    3px 3px 10px 0px rgba(79, 217, 248, 0.35), 97px 0 5px 0 rgba(79, 217, 248, 0.15) inset !important;
    box-shadow:         3px 3px 10px 0px rgba(79, 217, 248, 0.35), 97px 0 5px 0 rgba(79, 217, 248, 0.15) inset !important;
}
#page .inner-items .item.nt6:hover {
    -webkit-box-shadow: 3px 3px 10px 0px rgba(124, 83, 241, 0.35), 97px 0 5px 0 rgba(124, 83, 241, 0.15) inset !important;
    -moz-box-shadow:    3px 3px 10px 0px rgba(124, 83, 241, 0.35), 97px 0 5px 0 rgba(124, 83, 241, 0.15) inset !important;
    box-shadow:         3px 3px 10px 0px rgba(124, 83, 241, 0.35), 97px 0 5px 0 rgba(124, 83, 241, 0.15) inset !important;
}
.category-work-items .col-12:nth-child(7) .item:hover {
    -webkit-box-shadow: 3px 3px 10px 0px rgba(132, 173, 255, 0.35), 97px 0 5px 0 rgba(132, 173, 255, 0.15) inset !important;
    -moz-box-shadow:    3px 3px 10px 0px rgba(132, 173, 255, 0.35), 97px 0 5px 0 rgba(132, 173, 255, 0.15) inset !important;
    box-shadow:         3px 3px 10px 0px rgba(132, 173, 255, 0.35), 97px 0 5px 0 rgba(132, 173, 255, 0.15) inset !important;
}
.category-work-items .col-12:nth-child(8) .item:hover {
    -webkit-box-shadow: 3px 3px 10px 0px rgba(207, 82, 255, 0.35), 97px 0 5px 0 rgba(207, 82, 255, 0.15) inset !important;
    -moz-box-shadow:    3px 3px 10px 0px rgba(207, 82, 255, 0.35), 97px 0 5px 0 rgba(207, 82, 255, 0.15) inset !important;
    box-shadow:         3px 3px 10px 0px rgba(207, 82, 255, 0.35), 97px 0 5px 0 rgba(207, 82, 255, 0.15) inset !important;
}
.category-work-items .col-12:nth-child(9) .item:hover {
    -webkit-box-shadow: 3px 3px 10px 0px rgba(50, 171, 239, 0.35), 97px 0 5px 0 rgba(50, 171, 239, 0.15) inset !important;
    -moz-box-shadow:    3px 3px 10px 0px rgba(50, 171, 239, 0.35), 97px 0 5px 0 rgba(50, 171, 239, 0.15) inset !important;
    box-shadow:         3px 3px 10px 0px rgba(50, 171, 239, 0.35), 97px 0 5px 0 rgba(50, 171, 239, 0.15) inset !important;
}
#page .inner-items .item span {
    display: block;
    width: 100%;
    height: 100%;
    margin: auto;
    padding-left: 111px;
    color: #4B578F;
    font-family: Roboto-Medium;
    font-size: 17px;
    text-align: left;
}


/* contact page */
.contact-content-bg {
    padding-top: 21px;
    background-image: url(../images/layout/contact-page-mobile-bg.png);
    background-repeat: no-repeat;
    background-position: bottom 493px center;
    background-size: 100% auto;
}
@media (min-width: 992px) {
    .contact-content-bg {
        padding-top: 0px;
        padding-bottom: 120px;
        background-image: url(../images/layout/contact-page-bg.png);
        background-position: left center;
        background-size: auto;
    }
}
.contact-content {
    overflow: hidden;
}
.contact-content h1 {
    margin-top: 54px;
    margin-bottom: 23px;
    color: #4B578F;
    font-family: Roboto-Regular;
    font-size: 30px;
}
@media (min-width: 992px) {
    .contact-content h1 {
        margin-top: 30px;
        margin-bottom: 85px;
        font-size: 36px;
    }
}
.contact-content .adrs {
    display: block;
    padding: 0 0 0 45px;
    margin-bottom: 40px;
    color: #4B578F;
    font-family: Roboto-Regular;
    font-size: 20px;
    background-image: url(../images/layout/header-map-ico.svg);
    background-repeat: no-repeat;
    background-position: top 4px left;
}
@media (min-width: 992px) {
    .contact-content .adrs {
        font-size: 24px;
    }
}
.contact-content a.phone,
.contact-content a.email {
    display: block;
    padding: 0 0 0 45px;
    margin: 15px 0;
    color: #4B578F;
    font-family: Roboto-Regular;
    font-size: 24px;
    background-repeat: no-repeat;
    background-position: center left;
}
.contact-content a.phone {
    background-image: url(../images/layout/header-phone-ico.svg);
}
.contact-content a.email {
    background-image: url(../images/layout/header-email-ico.svg);
}
.contact-content a span {
    border-bottom: 1px dotted transparent;
    -webkit-transition: 0.4s border ease;
    -moz-transition: 0.4s border ease;
    transition: 0.4s border ease;
}
.contact-content a span:hover {
    border-bottom: 1px dotted #4B578F;
}


.contact-content .socials {
    padding: 40px 0 40px 0;
    margin-top: 112px;
    text-align: center;
}
@media (min-width: 992px) {
    .contact-content .socials {
        padding: 0 0;
        margin-top: 107px;
        text-align: left;
    }
}
.contact-content .socials a {
    display: inline-block;
    width: 60px;
    height: 60px;
    margin: 0 15px 0 15px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow:    2px 2px 5px 0px rgba(0, 0, 0, 0.15);
    box-shadow:         2px 2px 5px 0px rgba(0, 0, 0, 0.15);
    -webkit-transition: 0.4s box-shadow ease;
    -moz-transition: 0.4s box-shadow ease;
    transition: 0.4s box-shadow ease;
    background-color: #fff;
    background-position: center;
    background-repeat: no-repeat;
}
.contact-content .socials a.insta {
    background-size: 34px 34px;
    background-image: url(../images/layout/ico-insta.svg);
}
.contact-content .socials a.fb {
    background-position: bottom center;
    background-image: url(../images/layout/ico-fb.svg);
}
.contact-content .socials a.vk {
    background-image: url(../images/layout/ico-vk.svg);
}
@media (min-width: 992px) {
    .contact-content .socials a:first-child {
        margin: 0 15px 0 0;
    }
}
.contact-content .socials a:hover {
    -webkit-box-shadow: 2px 2px 5px 0px rgba(207, 82, 255, 15);
    -moz-box-shadow:    2px 2px 5px 0px rgba(207, 82, 255, 15);
    box-shadow:         2px 2px 5px 0px rgba(207, 82, 255, 15);
}
.yandex-map {
    width: 100%;
}
@media (min-width: 992px) {
    .yandex-map {
        padding: 147px 0 0 0;
        background-image: url(../images/layout/yandex-map-bg1.png);
        background-position: top right 70px;
        background-repeat: no-repeat;
    }
}
.yandex-map .map {
    height: 265px;
    margin-bottom: 77px;
    background: gray;
    position: relative;
    -webkit-box-shadow: 3px 3px 25px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow:    3px 3px 25px 0px rgba(0, 0, 0, 0.15);
    box-shadow:         3px 3px 25px 0px rgba(0, 0, 0, 0.15);
}
@media (min-width: 768px) {
    .yandex-map .map {
        height: 450px;
    }
}
@media (min-width: 992px) {
    .yandex-map .map {
        height: 450px;
        margin-bottom: 0;
    }
}
.yandex-map .map:after {
    content: ' ';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 130px;
    height: 103px;
    margin-bottom: -35px;
    margin-right: -35px;
    background-image: url(../images/layout/yandex-map-after-bg.png);
    background-position: center;
    background-repeat: no-repeat;
    z-index: -1;
}



.block-shadowed {

}
@media (min-width: 992px) {
    .block-shadowed {
        margin: 150px 172px;
    }
}
.block-shadowed .container-fluid {
    padding-left: 0;
    padding-right: 0;
}
@media (min-width: 992px) {
    .block-shadowed .container-fluid {
        padding-right: 15px;
        padding-left: 15px;
    }
}
.block-shadowed .site-block {
    padding: 44px 0 103px 0;
    background-image: url(../images/layout/block-backcall2-mobile-bg1.png), url(../images/layout/block-backcall2-mobile-bg2.png);
    background-position: bottom left, bottom right;
    background-repeat: no-repeat, no-repeat;
    background-size: auto, auto;
}
@media (min-width: 992px) {
    .block-shadowed .site-block {
        background-color: #F8FAFF;
        padding: 87px 0 90px 0;
        background-image: url(../images/layout/block-backcall2-bg1.png), url(../images/layout/block-backcall2-bg2.png), none, none!important;
        background-position: top left, bottom right;
        background-repeat: no-repeat, no-repeat;
        background-size: 145px auto, 145px auto;
        -webkit-box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.15);
        -moz-box-shadow:    3px 3px 10px 0px rgba(0, 0, 0, 0.15);
        box-shadow:         3px 3px 10px 0px rgba(0, 0, 0, 0.15);
    }
}


/* agency page */
.block-01 {
    position: relative;
    width: 100%;
    background-image: url(../images/layout/agency-block1-image02.png);
    background-position: bottom 10px left 236px;
    background-repeat: no-repeat;
}
@media (min-width: 992px) {
    .block-01 .breadcrumbs {
        transform: translateX(-15px);
    }
}
@media (min-width: 992px) {
    .block-01:after {
        position: absolute;
        content: ' ';
        top: 100%;
        left: 50%;
        margin-top: -40px;
        margin-left: -310px;
        width: 702px;
        height: 219px;
        background-image: url(../images/layout/bg-line3.png);
        background-position: center;
        background-repeat: no-repeat;
        z-index: -1;
    }
}
@media (min-width: 1200px) {
    .block-01:after {
        margin-top: -40px;
        margin-left: -250px;
    }
}
.block-01 .mobile-img {
    margin-top: 30px;
    margin-bottom: 60px;
    max-width: 100%;
    display: inline-block;
}
@media (min-width: 992px) {
    .block-01 .mobile-img {
        display: none;
    }
}
.block-01 h1 {
    color: #4B578F;
    font-family: Roboto-Regular;
    font-size: 30px;
    line-height: 150%;
}
@media (min-width: 992px) {
    .block-01 h1 {
        margin-top: 10px;
        font-size: 36px;
    }
}
@media (min-width: 1200px) {
    .block-01 h1 {
        margin-top: 90px;
    }
}
.block-01 h2 {
    color: #4B578F;
    font-family: Roboto-Regular;
    font-size: 16px;
    line-height: 150%;
}
@media (min-width: 992px) {
    .block-01 h2 {
        margin-top: 40px;
        font-size: 24px;
    }
}
.block-01 img.block-img {
    display: none;
    width: 100%;
    max-width: 535px;
}
@media (min-width: 992px) {
    .block-01 img.block-img {
        display: inline-block;
    }
}
.block-02 {

}
.block-02 .wrap {
    width: 100%;
    background-image: url(../images/layout/agency-block2-image02.png);
    background-position: right bottom;
    background-repeat: no-repeat;
}
.block-02 .mobile-img {
    margin-top: 30px;
    margin-bottom: 60px;
    max-width: 100%;
    display: inline-block;
}
@media (min-width: 992px) {
    .block-02 .mobile-img {
        display: none;
    }
}
.block-02 img.block-img {
    display: none;
    width: 100%;
    max-width: 535px;
}
@media (min-width: 992px) {
    .block-02 img.block-img {
        display: inline-block;
    }
}
@media (min-width: 992px) {
    .block-02 .content {
        margin-top: 90px;
    }
}
.block-02 p {
    color: #4B578F;
    font-family: Roboto-Regular;
    font-size: 18px;
    line-height: 150%;
}
@media (min-width: 992px) {
    .block-02 p {
        font-size: 24px;
    }
}
.block-02 p span.blue,
.block-03 p span.blue {
    color: #1748FF;
    font-family: Roboto-Bold;
    font-size: 24px;
}
@media (min-width: 992px) {
    .block-02 p span.blue,
    .block-03 p span.blue {
        font-size: 36px;
    }
}
.block-02 p span.red,
.block-03 p span.red {
    color: #FC5252;
    font-family: Roboto-Bold;
    font-size: 24px;
}
@media (min-width: 992px) {
    .block-02 p span.red,
    .block-03 p span.red {
        font-size: 36px;
    }
}
.block-03 {
    width: 100%;
    background-image: url(../images/layout/agency-block3-image02.png);
    background-position: left 308px bottom;
    background-repeat: no-repeat;
}
@media (min-width: 992px) {
    .block-03:after {
        position: absolute;
        content: ' ';
        top: 100%;
        left: 50%;
        margin-top: -130px;
        margin-left: -360px;
        width: 497px;
        height: 602px;
        background-image: url(../images/layout/bg-line2.png);
        background-position: center;
        background-repeat: no-repeat;
        z-index: -1;
    }
}
@media (min-width: 1200px) {
    .block-03:after {
        margin-top: 10px;
        margin-left: -360px;
    }
}
.block-03 .mobile-img {
    margin-top: 30px;
    margin-bottom: 60px;
    max-width: 100%;
    display: inline-block;
}
@media (min-width: 992px) {
    .block-03 .mobile-img {
        display: none;
    }
}
.block-03 img.block-img {
    display: inline-block;
    width: 100%;
    max-width: 535px;
}
.block-03 .content {

}
@media (min-width: 992px) {
    .block-03 .content {
        margin-top: 170px;
    }
}
.block-03 img.block-img {
    display: none;
    width: 100%;
    max-width: 535px;
}
@media (min-width: 992px) {
    .block-03 img.block-img {
        display: inline-block;
    }
}
.block-03 p {
    color: #4B578F;
    font-family: Roboto-Regular;
    font-size: 16px;
    line-height: 150%;
}
@media (min-width: 992px) {
    .block-03 p {
        font-size: 24px;
    }
}
.block-03 p span.pink {
    color: #A34CFC;
    font-family: Roboto-Bold;
    font-size: 36px;
}
@media (min-width: 992px) {
    .block-03 p span.pink {
        font-size: 36px;
    }
}
.block-04 {
    background-image: linear-gradient(90deg, transparent 50%, #3070FF 50%);
}
@media (min-width: 992px) {
    .block-04 {
        background-image: url(../images/layout/agency-block4-image01.png), linear-gradient(90deg, transparent 50%, #3070FF 50%);
        background-position: right center;
        background-repeat: no-repeat;
        margin-top: 174px;
        margin-bottom: 150px;
    }
}
.block-mobile-img {
    display: inline-block;
    width: 100%;
    max-width: 298px;
    margin-bottom: 60px;
}
@media (min-width: 992px) {
    .block-mobile-img {
        display: none;
    }
}

.block-04 .content {
    position: relative;
    padding: 30px 30px 80px 30px;
    border-radius: 0 0 0 60px;
    background-color: #3070FF;
    background-image: url(../images/layout/agency-block4-image01-mobile.png);
    background-repeat: no-repeat;
    background-position: bottom center;
}
@media (min-width: 992px) {
    .block-04 .content {
        padding: 34px 0 34px 80px;
        border-radius: 89px 0 0 0;
        background-image: none;
    }
}



.block-04 .content p {
    color: #fff;
    font-family: Roboto-Regular;
    font-size: 24px;
}
.block-04 .content:after {
}
@media (min-width: 992px) {
    .block-04 .content:after {
        position: absolute;
        content: ' ';
        top: 0;
        left: 0;
        margin-top: 65px;
        margin-left: -250px;
        width: 702px;
        height: 219px;
        background-image: url(../images/layout/bg-line4.png);
        background-position: center;
        background-repeat: no-repeat;
        z-index: -1;

    }
}


/* team page */



.team-first-screen {
    width: 100%;
    padding-top: 54px;
    padding-bottom: 30px;
    background-image: url(../images/layout/team-mobile-bg.png);
    background-position: center right;
    background-repeat: no-repeat;
}
@media (min-width: 992px) {
    .team-first-screen {
        display: none;
    }
}
.team-first-screen h1 {
    color: #4B578F;
    font-family: Roboto-Regular;
    font-size: 30px;
    line-height: 45px;
}
.team-first-screen h2 {
    margin-top: 20px;
    color: #4B578F;
    font-family: Roboto-Regular;
    font-size: 18px;
    line-height: 25px;
}










.mobile-personel-list {
    padding: 43px 0;
    overflow: hidden;
}
@media (min-width: 992px) {
    .mobile-personel-list {
        display: none;
    }
}
.mobile-personel-list .left-side {
    text-align: right;
}
.mobile-personel-list .right-side {
    text-align: left;
}
.mobile-personel-list .persone {
    position: relative;
    margin-bottom: 150px;
}
.mobile-personel-list .persone .photo {
}
.mobile-personel-list .persone .photo img {
    display: inline-block;
    max-width: 147px;
}
.mobile-personel-list .persone .desc {
    position: absolute;
    top: 0;
    min-width: 205px;
    padding: 12px 19px;
    text-align: left;
    -webkit-box-shadow: 3px 3px 15px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow:    3px 3px 15px 0px rgba(0, 0, 0, 0.15);
    box-shadow:         3px 3px 15px 0px rgba(0, 0, 0, 0.15);
    background-color: #fff;
}
.mobile-personel-list .persone .desc .name {
    color: #1753FF;
    font-family: Roboto-Regular;
    font-size: 16px;
}
.mobile-personel-list .persone .desc .job {
    color: #4B578F;
    font-family: Roboto-Regular;
    font-size: 11px;
}
.mobile-personel-list .persone.nt1 .desc {
    left: 100%;
    margin-left: -30px;
    border-radius: 30px 0 0 0;
}
.mobile-personel-list .persone.nt2 {
    margin-top: 132px;
}
.mobile-personel-list .persone.nt2 .desc {
    right: 100%;
    margin-top: 70px;
    margin-right: -30px;
    border-radius: 0 30px 0 0;
}
.mobile-personel-list .persone.nt3 .desc {
    left: 100%;
    margin-top: 41px;
    margin-left: -30px;
    border-radius: 30px 0 0 0;
}
.mobile-personel-list .persone.nt4 .desc {
    right: 100%;
    margin-top: 62px;
    margin-right: -30px;
    border-radius: 0 30px 0 0;
}
.mobile-personel-list .persone.nt4:after {
    position: absolute;
    content: ' ';
    bottom: -30px;
    left: -171px;
    width: 32px;
    height: 32px;
    background-image: url(../images/team/olga_prokopenko_after_m.png);
    background-repeat: no-repeat;
    background-position: center;
    z-index: -1;
}
.mobile-personel-list .persone.nt5 .desc {
    left: 100%;
    min-width: 224px;
    margin-top: 30px;
    margin-left: -30px;
    border-radius: 30px 0 0 0;
}
.mobile-personel-list .persone.nt6 {
    margin-top: 165px;
}
.mobile-personel-list .persone.nt6 .desc {
    right: 100%;
    margin-top: 70px;
    margin-right: -30px;
    border-radius: 0 30px 0 0;
}
.mobile-personel-list .persone.nt6:after {
    position: absolute;
    content: ' ';
    top: -20px;
    left: 110px;
    width: 59px;
    height: 59px;
    background-image: url(../images/team/ulia_alyavdina_after_m.png);
    background-repeat: no-repeat;
    background-position: center;
    z-index: -1;
}
.mobile-personel-list .persone.nt7 .desc {
    left: 100%;
    margin-top: 55px;
    margin-left: -30px;
    border-radius: 30px 0 0 0;
}
.mobile-personel-list .persone.nt8 {
    padding-top: 30px;
    margin-bottom: 50px;
}
.mobile-personel-list .persone.nt8 .desc {
    right: 100%;
    margin-top: 65px;
    margin-right: -30px;
    border-radius: 0 30px 0 0;
}
.mobile-personel-list .persone.nt8:after {
    position: absolute;
    content: ' ';
    bottom: -15px;
    left: -50px;
    width: 105px;
    height: 60px;
    background-image: url(../images/team/kseniya_chelushkina_after_m.png);
    background-repeat: no-repeat;
    background-position: center;
    z-index: -1;
}
.mobile-personel-list .persone.nt9 {
    margin-bottom: 0;
}
.mobile-personel-list .persone.nt9 .desc {
    left: 100%;
    margin-top: 50px;
    margin-left: -30px;
    border-radius: 30px 0 0 0;
}
.pc-personel-list {
    display: none;
    position: relative;
    background-image: url(../images/layout/pc-personel-list-bg.png);
    background-repeat: no-repeat;
    background-position: top 170px left;
}
@media (min-width: 992px) {
    .pc-personel-list {
        display: flex;
        padding-bottom: 150px;
    }
}
.pc-personel-list h1 {
    margin-top: 160px;
    margin-bottom: 215px;
    color: #4B578F;
    font-family: Roboto-Regular;
    font-size: 36px;
}
.pc-personel-list .persone {
    position: relative;
}
.pc-personel-list .persone .photo img {
}
.pc-personel-list .persone .desc {
    position: absolute;
    top: 0;
    display: block;
    min-width: 235px;
    max-width: 250px;
    padding: 9px 30px;
    text-align: left;
    -webkit-box-shadow: 3px 3px 15px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow:    3px 3px 15px 0px rgba(0, 0, 0, 0.15);
    box-shadow:         3px 3px 15px 0px rgba(0, 0, 0, 0.15);
    background-color: #fff;
}
.pc-personel-list .persone .desc .name {
    color: #1753FF;
    font-family: Roboto-Regular;
    font-size: 20px;
}
.pc-personel-list .persone .desc .job {
    color: #4B578F;
    font-family: Roboto-Regular;
    font-size: 11px;
}
.pc-personel-list .persone.nt1 {
}
.pc-personel-list .persone.nt1 .desc {
    top: 100%;
    left: 0;
    margin-top: -70px;
    margin-left: 15px;
    border-radius: 5px 30px 5px 5px;
}
.pc-personel-list .persone.nt2 .desc {
    top: 100%;
    left: 0;
    margin-top: -90px;
    margin-left: 150px;
    border-radius: 30px 5px 5px 5px;
}
@media (min-width: 992px) {
    .pc-personel-list .persone.nt2 img {
    }
}
.pc-personel-list .persone.nt3 {
    margin-top: 60px;
}
.pc-personel-list .persone.nt3 .desc {
    top: 100%;
    left: 0;
    margin-top: -110px;
    margin-left: -30px;
    border-radius: 5px 30px 5px 5px;
}
.pc-personel-list .persone.nt4 {
    margin-top: 100px;
}
.pc-personel-list .persone.nt4 .desc {
    top: 100%;
    left: 0;
    min-width: 279px;
    max-width: 280px;
    margin-top: -95px;
    margin-left: 180px;
    border-radius: 30px 5px 5px 5px;
}
.pc-personel-list .persone.nt5 {
    margin-top: 60px;
}
.pc-personel-list .persone.nt5 .desc {
    top: 100%;
    left: 0;
    margin-top: -105px;
    margin-left: -35px;
    border-radius: 5px 30px 5px 5px;
}
.pc-personel-list .persone.nt6 {
    margin-top: 100px;
}
.pc-personel-list .persone.nt6 .desc {
    top: 100%;
    left: 0;
    min-width: 236px;
    margin-top: -100px;
    margin-left: 160px;
    border-radius: 30px 5px 5px 5px;
}
.pc-personel-list .persone.nt6:after {
    position: absolute;
    content: ' ';
    top: -59px;
    left: 333px;
    width: 60px;
    height: 60px;
    background-image: url(../images/team/olga_prokopenko_after.png);
    background-repeat: no-repeat;
    background-position: center;
    z-index: -1;
}
.pc-personel-list .persone.nt7 {
    margin-top: 100px;
}
.pc-personel-list .persone.nt7 .desc {
    top: 100%;
    left: 0;
    margin-top: -95px;
    margin-left: -55px;
    border-radius: 30px 5px 5px 5px;
}
.pc-personel-list .persone.nt7:after {
    position: absolute;
    content: ' ';
    top: -20px;
    left: 225px;
    width: 59px;
    height: 59px;
    background-image: url(../images/team/ulia_alyavdina_after.png);
    background-repeat: no-repeat;
    background-position: center;
    z-index: -1;
}
.pc-personel-list .persone.nt8 {
    margin-top: 100px;
}
.pc-personel-list .persone.nt8 .desc {
    top: 100%;
    left: 0;
    min-width: 253px;
    max-width: 274px;
    margin-top: -100px;
    margin-left: 150px;
    border-radius: 30px 5px 5px 5px;
}
.pc-personel-list .persone.nt8:after {
    position: absolute;
    content: ' ';
    top: -15px;
    left: -35px;
    width: 223px;
    height: 127px;
    background-image: url(../images/team/kseniya_chelushkina_after.png);
    background-repeat: no-repeat;
    background-position: center;
    z-index: -1;
}
.pc-personel-list .persone.nt9 {
    margin-top: 100px;
}
.pc-personel-list .persone.nt9 .desc {
    top: 100%;
    left: 0;
    margin-top: -100px;
    margin-left: 152px;
    border-radius: 30px 5px 5px 5px;
}
.pc-personel-list .persone.nt10 {
    margin-top: 35px;
    margin-left: -20px;
}


/*ERRORS*/

.field {
	position: relative;
	display: block;
}

textarea.error,
input.error{
	color: #FF1920!important;
	border-color: red !important;
}

.error-message {
	color: #FF1920;
	font-size: 14px;
	bottom: -21px;
	left: 0;
	white-space: nowrap;
	position: absolute;
}

.err-fill {
	background-image: url("../images/layout/not-filed.png");
    background-repeat: no-repeat;
    width: 14px;
    height: 14px;
    top: 50%;
    margin-top: -7px;
    right: 15px;
    position: absolute;
}

.search-form-wrapp .err-fill{
	display: none;
}

input.error::-webkit-input-placeholder {
	color: red;
}

input.error::-moz-placeholder {
	color: red;
}

input.error:-moz-placeholder {
	color: red;
}

input.error:-ms-input-placeholder {
	color: red;
}
#page img.img-border-right {
    border-radius: 0 0 160px 0!important;
    overflow: hidden;
}
#page img.img-border-left {
    border-radius: 160px 0 0 0!important;
    overflow: hidden;
}
#page .image-block {
    margin-top: 30px;
    margin-bottom: 30px;
}
@media (min-width: 992px) {
    #page .image-block {
        margin-top: 70px;
        margin-bottom: 70px;
    }
}
#page .inner-banner.work {
    display: block;
    height: auto;
}
@media (min-width: 1200px) {
    #page .inner-banner.work {
        display: flex;
        height: 540px;
    }
}
#page .archive-img {
    position: relative;
    width: 100%;
    height: auto;
    padding: 50px 50px 15px 15px;
}
@media (min-width: 768px) {
    #page .archive-img {
        padding: 70px 70px 70px 70px;
    }
}
@media (min-width: 1200px) {
    #page .archive-img {
        position: absolute;
        display: block;
        top: 0;
        left: 50%;
        width: 50%;
        height: 100%;
        max-height: 540px;
        max-width: 700px;
        padding: 90px 89px 0 0;
        overflow: hidden;
    }
}
@media (min-width: 1600px) {
    #page .archive-img {
        padding: 113px 113px 0 0;
    }
}
#page .archive-img .archive-image {
    display: inline-block;
    width: 100%;
    height: auto;
    border-radius: 80px 0 80px 0;
}
@media (min-width: 768px) {
    #page .archive-img .archive-image {
        border-radius: 120px 0 120px 0;
    }
}
@media (min-width: 1200px) {
    #page .archive-img .archive-image {
        display: inline-block;
        width: 100%;
        height: auto;
        border-radius: 160px 0 160px 0;
    }
}
#page .archive-img .archive-bg {
    position: absolute;
    content: ' ';
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/layout/inner-banner-border-top.png), url(../images/layout/inner-banner-border-right.png), url(../images/layout/yandex-map-after-bg.png);
    background-position: top right, top 50px right, bottom 15px right 15px;
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-size: auto 50px, 50px auto, auto;
    z-index: -1;
}
@media (min-width: 768px) {
    #page .archive-img .archive-bg {
        background-position: top right, top 70px right, bottom 20px right 70px;
        background-size: auto 70px, 70px auto, auto;
    }
}
@media (min-width: 1200px) {
    #page .archive-img .archive-bg {
        background-position: top right, top 90px right, bottom 40px right 70px;
        background-size: auto 90px, 90px auto, auto;
    }
}
@media (min-width: 1600px) {
    #page .archive-img .archive-bg {
        background-position: top right, top 113px right, bottom 50px right 70px;
        background-size: auto 113px, 113px auto, auto;
    }
}




/* merch-page */
#page.merch-page {

}
#page.merch-page .inner-banner {
    display: block;
    padding: 0 0 0 0;
}
@media (min-width: 992px) {
    #page.merch-page .inner-banner {
        display: flex;
    }
}
#page.merch-page .inner-banner .pc-img {

}
@media (min-width: 1200px) {
    #page.merch-page .inner-banner .pc-img {
        left: auto;
        right: 0;
        max-width: none;
    }
}
#page.merch-page .inner-banner span.category {
    font-size: 30px;
}
#page.merch-page .inner-banner h1 {
    font-size: 18px;
}
@media (min-width: 992px) {
    #page.merch-page .inner-banner h1 {
        margin-top: 30px;
        font-size: 24px;
    }
}
#page.merch-page .inner-banner .btn {
    display: inline-block;
    padding: 15px 35px;
    margin-top: 20px;
    margin-bottom: 76px;
    color: #fff;
    font-family: Roboto-Regular;
    font-size: 18px;
    background-color: #1753FF;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-box-shadow: 3px 3px 20px 0px rgba(23, 83, 255, 0.6);
    -moz-box-shadow:    3px 3px 20px 0px rgba(23, 83, 255, 0.6);
    box-shadow:         3px 3px 20px 0px rgba(23, 83, 255, 0.6);
    -webkit-transition: 0.4s box-shadow ease;
    -moz-transition: 0.4s box-shadow ease;
    transition: 0.4s box-shadow ease;
}
@media (min-width: 992px) {
    #page.merch-page .inner-banner .btn {
        padding: 17px 71px;
        margin-top: 50px;
    }
}
#page.merch-page .inner-banner .btn:hover {
    cursor: pointer;
    -webkit-box-shadow: 3px 3px 20px 0px rgba(94, 210, 249, 0.6);
    -moz-box-shadow:    3px 3px 20px 0px rgba(94, 210, 249, 0.6);
    box-shadow:         3px 3px 20px 0px rgba(94, 210, 249, 0.6);
}
#page.merch-page .shadowed {
    margin-bottom: 50px;
}
.merch-block {
    padding: 30px 0 30px 0;
}
@media (min-width: 992px) {
    .merch-block {
        padding: 80px 0 50px 0;
    }
}
@media (min-width: 1400px) {
    .merch-block {
        padding: 160px 0 50px 0;
    }
}
.merch-block .merch-item {
    width: 100%;
    padding: 26px 26px 26px 130px;
    margin-bottom: 12px;
    color: #858BB8;
    font-family: Roboto-Regular;
    font-size: 18px;
    line-height: 130%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 3px 3px 15px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow:    3px 3px 15px 0px rgba(0, 0, 0, 0.15);
    box-shadow:         3px 3px 15px 0px rgba(0, 0, 0, 0.15);
    background-repeat: no-repeat;
    background-position: center left 26px;
    overflow: hidden;
}
@media (min-width: 992px) {
    .merch-block .merch-item {
        height: 240px;
        font-size: 16px;
        padding: 120px 26px 0 26px;
        background-position: top 20px left 26px;
    }
}
@media (min-width: 1200px) {
    .merch-block .merch-item {
        height: 210px;
        padding: 120px 26px 0 26px;
        background-position: top 20px left 26px;
    }
}
.merch-block .merch-item.item01 {
    background-image: url(/images/layout/merch-digit-ico-01.png);
}
.merch-block .merch-item.item02 {
    background-image: url(/images/layout/merch-digit-ico-02.png);
}
.merch-block .merch-item.item03 {
    background-image: url(/images/layout/merch-digit-ico-03.png);
}
.merch-block .merch-item.item04 {
    background-image: url(/images/layout/merch-digit-ico-04.png);
}
.merch-block .merch-item.dcp.item01 {
    background-image: url(/images/layout/dcp-digit-ico-01.png);
}
.merch-block .merch-item.dcp.item02 {
    background-image: url(/images/layout/dcp-digit-ico-02.png);
}
.merch-block .merch-item.dcp.item03 {
    background-image: url(/images/layout/dcp-digit-ico-03.png);
}
.merch-block .merch-item.dcp.item04 {
    background-image: url(/images/layout/dcp-digit-ico-04.png);
}
.merch-block .merch-item.es.item01 {
    background-image: url(/images/layout/es-digit-ico-01.png);
}
.merch-block .merch-item.es.item02 {
    background-image: url(/images/layout/es-digit-ico-02.png);
}
.merch-block .merch-item.es.item03 {
    background-image: url(/images/layout/es-digit-ico-03.png);
}
.merch-block .merch-item.es.item04 {
    background-image: url(/images/layout/es-digit-ico-04.png);
}
.merch-block .merch-item.fr.item01 {
    background-image: url(/images/layout/fr-digit-ico-01.png);
}
.merch-block .merch-item.fr.item02 {
    background-image: url(/images/layout/fr-digit-ico-02.png);
}
.merch-block .merch-item.fr.item03 {
    background-image: url(/images/layout/fr-digit-ico-03.png);
}
.merch-block .merch-item.fr.item04 {
    background-image: url(/images/layout/fr-digit-ico-04.png);
}
.merch-block .merch-item.posm.item01 {
    background-image: url(/images/layout/posm-digit-ico-01.png);
}
.merch-block .merch-item.posm.item02 {
    background-image: url(/images/layout/posm-digit-ico-02.png);
}
.merch-block .merch-item.posm.item03 {
    background-image: url(/images/layout/posm-digit-ico-03.png);
}
.merch-block .merch-item.posm.item04 {
    background-image: url(/images/layout/posm-digit-ico-04.png);
}
.merch-block .merch-item.tren.item01 {
    background-image: url(/images/layout/tren-digit-ico-01.png);
}
.merch-block .merch-item.tren.item02 {
    background-image: url(/images/layout/tren-digit-ico-02.png);
}
.merch-block .merch-item.tren.item03 {
    background-image: url(/images/layout/tren-digit-ico-03.png);
}
.merch-block .merch-item.tren.item04 {
    background-image: url(/images/layout/tren-digit-ico-04.png);
}
.merch-block02 {
    padding: 30px 0 0 0;
    background-image: url(/images/layout/merch-img-bg-03.png);
    background-repeat: no-repeat;
    background-position: top 60px right 10px;
}
@media (min-width: 992px) {
    .merch-block02 {
        padding: 60px 0 150px 0;
        background-image: url(/images/layout/merch-img-bg-01.png), url(/images/layout/merch-img-bg-02.png);
        background-repeat: no-repeat, no-repeat;
        background-position: center left 141px, center left 270px;
    }
}
@media (min-width: 992px) {
    .merch-block02.dcp {
        padding: 60px 0 150px 0;
        background-image: url(/images/layout/merch-img-bg-01.png);
        background-repeat: no-repeat;
        background-position: center left 141px;
    }
}
@media (min-width: 992px) {
    .merch-block02.es {
        padding: 60px 0 150px 0;
        background-image: url(/images/layout/merch-img-bg-01.png);
        background-repeat: no-repeat;
        background-position: center left 141px;
    }
}
@media (min-width: 1200px) {
    .merch-block02.es {
        padding: 60px 0 150px 0;
        background-image: url(/images/layout/merch-img-bg-01.png), url(/images/layout/es-img-bg-02.png);
        background-repeat: no-repeat, no-repeat;
        background-position: center left 141px, top left 0px;
    }
}
@media (min-width: 1400px) {
    .merch-block02.es {
        padding: 60px 0 150px 0;
        background-image: url(/images/layout/merch-img-bg-01.png), url(/images/layout/es-img-bg-02.png);
        background-repeat: no-repeat, no-repeat;
        background-position: center left 141px, top 30px left 12%;
    }
}
@media (min-width: 1600px) {
    .merch-block02.es {
        padding: 60px 0 150px 0;
        background-image: url(/images/layout/merch-img-bg-01.png), url(/images/layout/es-img-bg-02.png);
        background-repeat: no-repeat, no-repeat;
        background-position: center left 141px, top 30px left 28%;
    }
}
@media (min-width: 992px) {
    .merch-block02.fr {
        padding: 60px 0 150px 0;
        background-image: url(/images/layout/merch-img-bg-01.png);
        background-repeat: no-repeat;
        background-position: center left 141px;
    }
}
@media (min-width: 1200px) {
    .merch-block02.fr {
        padding: 60px 0 150px 0;
        background-image: url(/images/layout/merch-img-bg-01.png), url(/images/layout/fr-img-bg-02.png);
        background-repeat: no-repeat, no-repeat;
        background-position: center left 141px, top left 15%;
    }
}
@media (min-width: 1400px) {
    .merch-block02.fr {
        padding: 60px 0 150px 0;
        background-image: url(/images/layout/merch-img-bg-01.png), url(/images/layout/fr-img-bg-02.png);
        background-repeat: no-repeat, no-repeat;
        background-position: center left 141px, top left 28%;
    }
}
@media (min-width: 992px) {
    .merch-block02.posm {
        padding: 60px 0 150px 0;
        background-image: url(/images/layout/merch-img-bg-01.png);
        background-repeat: no-repeat;
        background-position: center left 141px;
    }
}
@media (min-width: 1200px) {
    .merch-block02.posm {
        padding: 60px 0 150px 0;
        background-image: url(/images/layout/merch-img-bg-01.png), url(/images/layout/posm-img-bg-02.png);
        background-repeat: no-repeat, no-repeat;
        background-position: center left 141px, top 60px left 10%;
    }
}
@media (min-width: 1400px) {
    .merch-block02.posm {
        padding: 60px 0 150px 0;
        background-image: url(/images/layout/merch-img-bg-01.png), url(/images/layout/posm-img-bg-02.png);
        background-repeat: no-repeat, no-repeat;
        background-position: center left 141px, top 60px left 25%;
    }
}
@media (min-width: 1600px) {
    .merch-block02.posm {
        padding: 60px 0 150px 0;
        background-image: url(/images/layout/merch-img-bg-01.png), url(/images/layout/posm-img-bg-02.png);
        background-repeat: no-repeat, no-repeat;
        background-position: center left 141px, top 60px left 27%;
    }
}
@media (min-width: 992px) {
    .merch-block02.tren {
        padding: 60px 0 150px 0;
        background-image: url(/images/layout/merch-img-bg-01.png);
        background-repeat: no-repeat;
        background-position: center left 141px;
    }
}
@media (min-width: 1200px) {
    .merch-block02.tren {
        padding: 60px 0 150px 0;
        background-image: url(/images/layout/merch-img-bg-01.png), url(/images/layout/tren-img-bg-02.png);
        background-repeat: no-repeat, no-repeat;
        background-position: center left 141px, top 40px left 5%;
    }
}
@media (min-width: 1400px) {
    .merch-block02.tren {
        padding: 60px 0 150px 0;
        background-image: url(/images/layout/merch-img-bg-01.png), url(/images/layout/tren-img-bg-02.png);
        background-repeat: no-repeat, no-repeat;
        background-position: center left 141px, top 40px left 15%;
    }
}
@media (min-width: 1600px) {
    .merch-block02.tren {
        padding: 60px 0 150px 0;
        background-image: url(/images/layout/merch-img-bg-01.png), url(/images/layout/tren-img-bg-02.png);
        background-repeat: no-repeat, no-repeat;
        background-position: center left 141px, top 40px left 22%;
    }
}
.merch-block02 h2 {
    color: #4B578F;
    font-family: Roboto-Regular;
    font-size: 30px;
}
@media (min-width: 992px) {
    .merch-block02 h2 {
        font-size: 36px;
    }
}
.merch-block02 p {
    color: #4B578F;
    font-family: Roboto-Regular;
    font-size: 18px;
}
@media (min-width: 992px) {
    .merch-block02 p {
        margin-top: 40px;
        font-size: 24px;
    }
}
.merch-block02 img.merch-img {
    display: inline-block;
    width: 100%;
    max-width: 500px;
    height: auto;
}
.inner-page ul {
   list-style: none;
}
.inner-page ul li {
    color: #333742;
    font-family: Roboto-Regular;
    font-size: 16px;
}


















/* Modal and new changes */

.site-modal {
    position: fixed;
    z-index: 9999999999999;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #00000078;
    justify-content: center;
    align-items: center;
}
.site-modal:not(.hidden) {
    display: flex !important;

}

.hidden {
    display: none !important;
}


/* ------------------------------------------------------------------------------------------------------------------------------------ Banner */
.new_welcome_screen {
    display: flex;

    /* margin-top: 71px; */
    padding: 50px 0 0 0;
    width: 100%;
    height: calc(100vh - 61px);

    background-color: #0051ff;
    background-image: url(/images/new_welcome_screen-bg-mobile.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% auto;
}

@media (max-width: 768px) {
    .new_welcome_screen {
        margin-top: 71px;
    }
}

@media (min-width: 768px) {
    .new_welcome_screen {
        align-items: center;
        padding: 0;
        height: calc(100vh - 105px);
        max-height: 768px;
        background-image: url(/images/new_welcome_screen-bg.jpg);
    }
}

.new_welcome_screen h1 {
    margin-bottom: 10px;
    color: #fff;
    font-family: Roboto-Italic;
    font-size: 18px;
}
@media (min-width: 768px) {
    .new_welcome_screen h1 {
        margin-bottom: 20px;
        font-size: 24px;
    }
}
.new_welcome_screen h2 {
    margin-bottom: 20px;
    color: #fff;
    font-family: Roboto-Regular;
    font-size: 30px;
}
@media (min-width: 768px) {
    .new_welcome_screen h2 {
        font-family: Roboto-Medium;
        font-size: 54px;
    }
}
.new_welcome_screen .link {
    display: inline-block;
    padding: 17px 71px;
    margin-top: 10px;
    color: #fff;
    font-family: Roboto-Regular;
    font-size: 14px;
    background-color: #FF8412;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    -moz-box-shadow:    0 0 0 0 rgba(0, 0, 0, 0);
    box-shadow:         0 0 0 0 rgba(0, 0, 0, 0);
    -webkit-transition: 0.4s box-shadow ease;
    -moz-transition: 0.4s box-shadow ease;
    transition: 0.4s box-shadow ease;
}
@media (min-width: 768px) {
    .new_welcome_screen .link {
        margin-top: 20px;
        font-size: 18px;
    }
}
.new_welcome_screen .link:hover {
    cursor: pointer;
    -webkit-box-shadow: 0px 0px 0px 10px rgb(255, 132, 18, 0.4);
    -moz-box-shadow:    0px 0px 0px 10px rgb(255, 132, 18, 0.4);
    box-shadow:         0px 0px 0px 10px rgb(255, 132, 18, 0.4);
}

/* ------------------------------------------------------------------------------------------------------------------------------------ Form */
.application_form_page {
    margin-top: 66px!important;
    width: 100%;
    background-color: #ffffff;
}
@media (min-width: 576px) {
    .application_form_page {
        margin-top: 66px!important;
        border-top: 1px solid #DCE1EE;
        background-color: #F8F9FD;
    }
}
@media (min-width: 768px) {
    .application_form_page {
        margin-top: 0!important;
    }
}
.application_form_wrap {
    padding: 0 0 70px 0;
}
@media (min-width: 992px) {
    .application_form_wrap {
        padding: 20px 0 155px 0;
    }
}
.application_form_wrap .container {
    padding-left: 0;
    padding-right: 0;
}

/** Форма **/
.application_form {

}
@media (min-width: 576px) {
    .application_form {
        border-top: 1px solid #E7E9F2;
        border-right: 1px solid #E7E9F2;
        border-bottom: 1px solid #E7E9F2;
        border-left: 1px solid #E7E9F2;
        -webkit-border-radius: 0 0 5px 5px;
        -moz-border-radius: 0 0 5px 5px;
        border-radius: 0 0 5px 5px;
    }
}

/** Блоки формы **/
.application_form ._head {
    position: relative;
    padding: 0 0 10px 0;
    background-color: #F8F9FD;
}
@media (min-width: 576px) {
    .application_form ._head {
        padding: 44px 25px 30px 25px;
        border-bottom: 1px solid #E7E9F2;
        background-color: #fff;
        background-image: url(/images/af_head_bg.png);
        background-repeat: no-repeat;
        background-position: right center;
        background-size: auto 100%;
    }
}
.application_form ._head:before {
    content: ' ';
    display: block;
    width: 100%;
    height: 80px;
    margin-bottom: 20px;
    background-color: #fff;
    background-image: url(/images/af_head_bg.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 100%;
    border-bottom: 1px solid #DCE1EE;
    z-index: 10;
}
@media (min-width: 576px) {
    .application_form ._head:before {
        display: none;
    }
}
.application_form ._head h1 {
    color: #4B578F;
    font-family: Roboto-Medium;
    font-size: 22px;
}
@media (min-width: 576px) {
    .application_form ._head h1 {
        font-size: 28px;
    }
}
.application_form ._head h2 {
    color: #4B578F;
    font-family: Roboto-Medium;
    font-size: 22px;
}
@media (min-width: 576px) {
    .application_form ._head h2 {
        font-size: 28px;
    }
}
.application_form ._head p {
    margin-bottom: 0;
    color: #757A89;
    font-family: Roboto-Medium;
    font-size: 14px;
}
@media (min-width: 576px) {
    .application_form ._head p {
        font-size: 16px;
    }
}
.application_form ._section {
    width: 100%;
    padding: 30px 5px 35px 5px;
    border-bottom: 1px solid #E7E9F2;
    background-color: #F8F9FD;
}
@media (min-width: 576px) {
    .application_form ._section {
        background-color: #F1F3FF;
        padding: 30px 25px 40px 25px;
    }
}
.application_form ._section.white {
    background-color: #F8F9FD;
}
@media (min-width: 576px) {
    .application_form ._section.white {
        background-color: #FFFFFF;
    }
}
.application_form ._section.basic_data {
    padding: 5px 5px 20px 5px;
}
@media (min-width: 576px) {
    .application_form ._section.basic_data {
        padding: 30px 25px 10px 25px;
    }
}
.application_form ._section.dop {
    padding: 30px 5px 15px 5px;
}
@media (min-width: 576px) {
    .application_form ._section.dop {
        padding: 30px 25px 10px 25px;
    }
}
.application_form ._section h2 {
    margin-bottom: 20px;
    color: #4B578F;
    font-family: Roboto-Medium;
    font-size: 16px;
}
@media (min-width: 992px) {
    .application_form ._section h2 {
        font-size: 24px;
    }
}
.application_form ._footer {
    padding: 30px 25px 40px 25px;
}
@media (min-width: 992px) {
    .application_form ._footer {
        padding: 30px 25px 40px 25px;
    }
}
.application_form ._footer {

}
.application_form ._footer .send_info {
    margin-top: 10px;
    color: #4B578F;
    font-family: Roboto-Regular;
    font-size: 12px;
    text-align: center;
}
@media (min-width: 576px) {
    .application_form ._footer .send_info {
        font-size: 13px;
    }
}





/** Элементы формы **/
.application_form label {
    width: 100%;
    display: block;
    margin-bottom: 15px;
}
@media (min-width: 992px) {
    .application_form label {
        margin-bottom: 30px;
    }
}
.application_form label span {
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
    padding-left: 12px;
    color: #4B578F;
    font-family: Roboto-Medium;
    font-size: 12px;
}
@media (min-width: 576px) {
    .application_form label span {
        padding-left: 15px;
        font-size: 14px;
    }
}
.application_form label input {
    display: inline-block;
    width: 100%;
    padding: 15px 20px;
    color: #858BB8;
    font-family: Roboto-Regular;
    font-size: 14px;
    border: 1px solid #E7E9F2;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background-color: #fff;
    z-index: 15;
}
@media (min-width: 992px) {
    .application_form label input {
        font-size: 16px;
    }
}
.application_form label input::-webkit-input-placeholder {
    color: #858BB8;
}
.application_form label input:-moz-placeholder {
    color: #858BB8;
}
.application_form label input::-moz-placeholder {
    color: #858BB8;
}
.application_form label input:-ms-input-placeholder {
    color: #858BB8;
}
.application_form label input::-ms-input-placeholder {
    color: #858BB8;
}
.application_form label input::placeholder {
    color: #858BB8;
}
.application_form label input.calendar {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.6 3H7.4C5.15979 3 4.03969 3 3.18404 3.43597C2.43139 3.81947 1.81947 4.43139 1.43597 5.18404C1 6.03969 1 7.15979 1 9.4V15.6C1 17.8402 1 18.9603 1.43597 19.816C1.81947 20.5686 2.43139 21.1805 3.18404 21.564C4.03969 22 5.15979 22 7.4 22H16.6C18.8402 22 19.9603 22 20.816 21.564C21.5686 21.1805 22.1805 20.5686 22.564 19.816C23 18.9603 23 17.8402 23 15.6V9.4C23 7.15979 23 6.03969 22.564 5.18404C22.1805 4.43139 21.5686 3.81947 20.816 3.43597C19.9603 3 18.8402 3 16.6 3Z' stroke='%231753FF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16 1V5' stroke='%231753FF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 1V5' stroke='%231753FF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect x='15' y='14' width='4' height='4' rx='1' fill='%231753FF'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: right 15px center;
}
@media (min-width: 576px) {
    .application_form label input.calendar {
        background-position: right 20px center;
    }
}
.application_form label input.select {
    position: relative;
}
.application_form label input.select:after {
    content: ' ';
    position: absolute;
    top: 10px;
    right: 20px;
    width: 12px;
    height: 12px;
    background-color: REd;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6.66667 6.5L13 1.5' stroke='%23333742' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    z-index: 20;
}
.application_form label textarea {
    display: inline-block;
    width: 100%;
    min-height: 156px;
    padding: 15px 20px;
    color: #858BB8;
    font-family: Roboto-Regular;
    font-size: 16px;
    border: 1px solid #E7E9F2;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background-color: #fff;
}
@media (min-width: 992px) {
    .application_form label textarea {
        min-height: 230px;
    }
}
.application_form label textarea::-webkit-input-placeholder {
    color: #858BB8;
}
.application_form label textarea:-moz-placeholder {
    color: #858BB8;
}
.application_form label textarea::-moz-placeholder {
    color: #858BB8;
}
.application_form label textarea:-ms-input-placeholder {
    color: #858BB8;
}
.application_form label textarea::-ms-input-placeholder {
    color: #858BB8;
}
.application_form label textarea::placeholder {
    color: #858BB8;
}
.application_form label.file {
    margin-bottom: 0;
    display: inline-block;
    width: 100%;
    padding: 12px 20px;
    text-align: center;
    border: 1px solid #1753FF;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
@media (min-width: 768px) {
    .application_form label.file {
        border: 1px dashed #1753FF;
    }
}
.application_form label.file:hover {
    cursor: pointer;
    background-color: #F9FAFF;
}
.application_form label.file>span {
    display: inline-block;
    width: auto;
    margin-bottom: 0;
    padding: 5px 0 5px 30px;
    color: #1753FF;
    font-family: Roboto-Medium;
    font-size: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.5 11.6113L12.5689 21.7568C11.7998 22.542 10.7542 22.9888 9.66003 22.9998C8.56582 23.0108 7.51162 22.5852 6.72709 21.8157L6.63946 21.7568L3.71855 18.7122C2.93787 17.916 2.5 16.8414 2.5 15.7216C2.5 14.6017 2.93787 13.5271 3.71855 12.7309L14.263 1.98631C14.8893 1.35478 15.7386 1 16.6241 1C17.5096 1 18.3589 1.35478 18.9852 1.98631L20.173 3.18452C20.7961 3.81585 21.1459 4.67044 21.1459 5.56131C21.1459 6.45217 20.7961 7.30676 20.173 7.93809V7.93809L10.7969 17.4354C10.6421 17.5931 10.4578 17.7182 10.2548 17.8037C10.0517 17.8891 9.83392 17.9331 9.61392 17.9331C9.39392 17.9331 9.1761 17.8891 8.97306 17.8037C8.77001 17.7182 8.58576 17.5931 8.43095 17.4354L7.85651 16.8461C7.54318 16.5294 7.3672 16.1002 7.3672 15.6528C7.3672 15.2054 7.54318 14.7762 7.85651 14.4595V14.4595L14.1462 8.16398' stroke='%231753FF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: left center;
}
.application_form label.file>span span {
    display: none;
    margin-bottom: 0;
    padding-left: 0;
    color: #1753FF;
    font-family: Roboto-Medium;
    font-size: 16px;
}
@media (min-width: 768px) {
    .application_form label.file>span span {
        display: inline;
    }
}
.application_form label.file input {
    display: none;
}



.application_form ._section.job_history {
    border-bottom: 1px solid #E7E9F2;
}
.application_form ._section.job_dates {
    padding: 30px 5px 10px 5px;
    background-color: #F0F3FF!important;
    border-top: 1px solid #E7E9F2;
}
@media (min-width: 576px) {
 
    .application_form ._section.job_dates {
        padding: 30px 15px 40px 15px;
    }
}

.application_form ._job_block {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: start;
    width: 100%;
    margin-bottom: 30px;
}
@media (min-width: 768px) {
    .application_form ._job_block {
        flex-direction: row;
    }
}
.application_form ._job_block span {
    position: absolute;
    top: 23px;
    left: -12px;
    width: 1px;
    height: calc(100% + 6px);
    background-color: #858BB8;
}
.application_form ._job_block.edu span {
    top: 38px;
}
@media (min-width: 768px) {
    .application_form ._job_block.edu span {
        top: 23px;
    }
}
.application_form ._job_block span:before,
.application_form ._job_block span:after {
    content: ' ';
    position: absolute;
    width: 20px;
    height: 20px;
    border-left: 1px solid transparent;
    border-right: 1px solid #858BB8;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -moz-border-radius: 50px 50px 50px 50px;
    border-radius: 50px 50px 50px 50px;
}
.application_form ._job_block span:before {
    top: -10px;
    left: 0px;
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    transform: rotate(225deg);
}
.application_form ._job_block span:after {
    bottom: -10px;
    left: 0;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}
._block_wrap ._job_block:last-child span {
    display: none;
}
.application_form ._job_block .time {
    min-width: 220px;
    max-width: 220px;
    padding-left: 36px;
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='21' viewBox='0 0 22 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.7668 3.5H8.2335C5.99329 3.5 4.87318 3.5 4.01753 3.93597C3.26489 4.31947 2.65296 4.93139 2.26947 5.68404C1.8335 6.53969 1.8335 7.65979 1.8335 9.9V12.9333C1.8335 15.1735 1.8335 16.2936 2.26947 17.1493C2.65296 17.9019 3.26489 18.5139 4.01753 18.8974C4.87318 19.3333 5.99329 19.3333 8.23349 19.3333H13.7668C16.007 19.3333 17.1271 19.3333 17.9828 18.8974C18.7354 18.5139 19.3474 17.9019 19.7309 17.1493C20.1668 16.2936 20.1668 15.1735 20.1668 12.9333V9.9C20.1668 7.65979 20.1668 6.53969 19.7309 5.68404C19.3474 4.93139 18.7354 4.31947 17.9828 3.93597C17.1271 3.5 16.007 3.5 13.7668 3.5Z' stroke='%23858BB8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.3335 1.83301V5.16634' stroke='%23858BB8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.6665 1.83301V5.16634' stroke='%23858BB8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect x='13.5' y='12.667' width='3.33333' height='3.33333' rx='1' fill='%23858BB8'/%3E%3C/svg%3E%0A");background-repeat: no-repeat;
    background-position: left top;
}
@media (min-width: 768px) {
    .application_form ._job_block .time {
        margin-right: 25px;
    }
}
@media (min-width: 992px) {
    .application_form ._job_block .time {
        margin-right: 40px;
    }
}
.application_form ._job_block .time div {
    color: #4B578F;
    font-family: Roboto-Regular;
    font-size: 14px;
}
@media (min-width: 768px) {
    .application_form ._job_block .time div {
        font-size: 16px;
    }
}
.application_form ._job_block .time div:nth-child(2) {
    color: #858BB8;
}
.application_form ._job_block .info {
    margin-top: 15px;
    padding-left: 36px;
}
@media (min-width: 768px) {
    .application_form ._job_block .info {
        margin-top: 0;
        padding-left: 0;
    }
}
.application_form ._job_block.edu .info {
    padding-left: 36px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='22' viewBox='0 0 24 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.5225 1.8721C11.8209 1.7093 12.1817 1.7093 12.4802 1.8721L22.5284 7.35295C22.8587 7.5162 23.0859 7.85657 23.0859 8.25V12.8333C23.0859 13.3856 22.6382 13.8333 22.0859 13.8333C21.5337 13.8333 21.0859 13.3856 21.0859 12.8333V9.93383L19.408 10.8491C19.4154 10.8983 19.4193 10.9487 19.4193 11V15.25C19.4193 18.0114 17.1807 20.25 14.4193 20.25H9.58593C6.82451 20.25 4.58594 18.0114 4.58594 15.25V11C4.58594 10.9492 4.58973 10.8992 4.59705 10.8504L1.43912 9.1279C1.11786 8.95266 0.917969 8.61594 0.917969 8.25C0.917969 7.88406 1.11786 7.54734 1.43912 7.3721L11.5225 1.8721ZM12.4802 14.6279L17.4193 11.9338V15.25C17.4193 16.9069 16.0761 18.25 14.4193 18.25H9.58593C7.92908 18.25 6.58594 16.9069 6.58594 15.25V11.9353L11.5225 14.6279C11.8209 14.7907 12.1817 14.7907 12.4802 14.6279ZM4.0063 8.25L12.0013 12.6109L19.9963 8.25L12.0013 3.88909L4.0063 8.25Z' fill='%23858BB8'/%3E%3C/svg%3E%0A");
    background-position: left top;
    background-repeat: no-repeat;
}
@media (min-width: 768px) {
    .application_form ._job_block.edu .info {

    }
}

.application_form ._job_block .info div {
    color: #333742;
    font-family: Roboto-Regular;
    font-size: 16px;
}
.application_form ._job_block .info div:first-child {
    color: #4B578F;
    font-family: Roboto-Medium;
    font-size: 18px;
}
.application_form ._job_block .info div:nth-child(2) {
    color: #4B578F;
}
@media (min-width: 768px) {
    .application_form ._job_block .info div:nth-child(2) {
        font-size: 18px;
    }
}
.application_form ._job_block .info div:nth-child(3) {
    color: #858BB8;
}
@media (min-width: 768px) {
    .application_form ._job_block .info div:nth-child(3) {
        font-size: 18px;
    }
}
.application_form ._section.expirience,
.application_form ._section.job_history,
.application_form ._section.edu_history {
    background-color: #F1F3FF;
}
.application_form ._section.job_history ._block_wrap,
.application_form ._section.edu_history ._block_wrap {
    position: relative;
    padding-bottom: 25px;
    margin-bottom: 15px;
}
@media (min-width: 992px) {
    .application_form ._section.job_history ._block_wrap,
    .application_form ._section.edu_history ._block_wrap {
        padding-bottom: 5px;
        margin-bottom: 30px;
    }
}
.application_form ._section.job_history ._block_wrap:after,
.application_form ._section.edu_history ._block_wrap:after {
    content: ' ';
    position: absolute;
    left: 15px;
    bottom: 0;
    width: calc(100% - 30px);
    height: 1px;
    background-color: #DCE1EE;
}

/* переделать работу скриптов, удалить класс */
.jq-job-hist,
.jq-edu-hist {

}



.application_form ._captcha {
    text-align: center;
}
.application_form ._form_btn {
    display: inline-block;
    width: 100%;
    padding: 11px 20px;
    color: #1753FF;
    font-family: Roboto-Medium;
    font-size: 18px;
    text-align: center;
    border: 1px solid #1753FF;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-transition: 0.4s border ease, 0.4s color ease, 0.4s background-color ease;
    -moz-transition: 0.4s border ease, 0.4s color ease, 0.4s background-color ease;
    transition: 0.4s border ease, 0.4s color ease, 0.4s background-color ease;
}
@media (min-width: 992px) {
    .application_form ._form_btn {
        padding: 15px 20px;
        margin-top: 0;
        font-size: 18px;
    }
}
.application_form ._form_btn:hover {
    cursor: pointer;
    background-color: #fff;
}
.application_form ._form_btn span {
    font-size: 16px;
    padding: 5px 0 5px 35px;
    background-repeat: no-repeat;
    background-position: left center;
}
.application_form ._form_btn.education,
.application_form ._form_btn.job {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.application_form ._form_btn.education span {
    background-image: url("data:image/svg+xml,%3Csvg width='27' height='26' viewBox='0 0 27 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.0208 2.3721C13.3193 2.2093 13.68 2.2093 13.9785 2.3721L25.8774 8.86238C25.9406 8.89529 25.9999 8.93476 26.0543 8.97989C26.0975 9.0157 26.1374 9.05489 26.1737 9.09697C26.3249 9.27217 26.4163 9.50041 26.4163 9.75V15.1667C26.4163 15.719 25.9686 16.1667 25.4163 16.1667C24.8641 16.1667 24.4163 15.719 24.4163 15.1667V11.4345L22.0455 12.7277C22.0699 12.8143 22.083 12.9056 22.083 13V18.75C22.083 21.5114 19.8444 23.75 17.083 23.75H9.91634C7.15492 23.75 4.91634 21.5114 4.91634 18.75V13C4.91634 12.9056 4.92942 12.8143 4.95385 12.7277L1.10416 10.6279C0.782895 10.4527 0.583008 10.1159 0.583008 9.75C0.583008 9.38406 0.782895 9.04734 1.10416 8.8721L13.0208 2.3721ZM13.9785 17.1279L20.083 13.7982V18.75C20.083 20.4069 18.7399 21.75 17.083 21.75H9.91634C8.25949 21.75 6.91634 20.4069 6.91634 18.75V13.7982L13.0208 17.1279C13.3193 17.2907 13.68 17.2907 13.9785 17.1279ZM3.67134 9.75L13.4997 15.1109L23.328 9.75L13.4997 4.38909L3.67134 9.75Z' fill='%231753FF'/%3E%3C/svg%3E%0A");

}
.application_form ._form_btn.job {
    margin-top: 10px;
}
@media (min-width: 992px) {
    .application_form ._form_btn.job {
        margin-top: 0;
    }
}
.application_form ._form_btn.job span {
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.9835 7.25H6.01654C4.71398 7.25 3.68151 8.34503 3.76276 9.64035L4.3273 18.6404C4.40169 19.8262 5.38862 20.75 6.58109 20.75H18.4189C19.6114 20.75 20.5983 19.8262 20.6727 18.6404L21.2372 9.64035C21.3185 8.34503 20.286 7.25 18.9835 7.25ZM6.01654 5C3.41141 5 1.34647 7.19006 1.50898 9.7807L2.07352 18.7807C2.22229 21.1524 4.19616 23 6.58109 23H18.4189C20.8038 23 22.7777 21.1524 22.9265 18.7807L23.491 9.7807C23.6535 7.19006 21.5886 5 18.9835 5H6.01654Z' fill='%231753FF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.5 6.625C6.5 3.5184 8.96243 1 12 1C15.0376 1 17.5 3.5184 17.5 6.625V8.875C17.5 9.49632 17.0075 10 16.4 10C15.7925 10 15.3 9.49632 15.3 8.875V6.625C15.3 4.76104 13.8225 3.25 12 3.25C10.1775 3.25 8.7 4.76104 8.7 6.625V8.875C8.7 9.49632 8.20751 10 7.6 10C6.99249 10 6.5 9.49632 6.5 8.875V6.625Z' fill='%231753FF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.64844 17.3113C8.64844 16.0732 12.4993 16.1863 12.4993 16.1863C12.4993 16.1863 16.3502 16.1024 16.3502 17.3114C16.3502 18.5204 12.4993 18.4363 12.4993 18.4363C12.4993 18.4363 8.64844 18.5493 8.64844 17.3113Z' fill='%231753FF'/%3E%3C/svg%3E%0A");
}
.application_form ._form_btn.send {
    margin-top: 20px;
    color: #fff;
    background-color: #1753FF;
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    -moz-box-shadow:    0 0 0 0 rgba(0, 0, 0, 0);
    box-shadow:         0 0 0 0 rgba(0, 0, 0, 0);
    -webkit-transition: 0.4s box-shadow ease;
    -moz-transition: 0.4s box-shadow ease;
    transition: 0.4s box-shadow ease;
}
@media (min-width: 992px) {
    .application_form ._form_btn.send {
        margin-top: 0;
    }
}
.application_form ._form_btn.send:hover {
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.5);
    -moz-box-shadow:    0 0 15px 0 rgba(0, 0, 0, 0.5);
    box-shadow:         0 0 15px 0 rgba(0, 0, 0, 0.5);
}
.application_form ._form_btn.add {
    border: 1px solid transparent;
}
@media (min-width: 992px) {
    .application_form ._form_btn.add {
        text-align: left;
    }
}
.application_form ._form_btn.add:hover {
    background-color: transparent;
}
.application_form ._form_btn.add span {
    position: relative;
    display: inline-block;
    background-image: none;
}
.application_form ._form_btn.add span:before {
    content: ' ';
    position: absolute;
    top: 6px;
    left: 0;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 12H20' stroke='%231753FF' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 20V4' stroke='%231753FF' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: 0.4s transform ease;
    -moz-transition: 0.4s transform ease;
    transition: 0.4s transform ease;
}
.application_form ._form_btn.add:hover span:before {
    transform: rotate(360deg);
}







.application_form ._delete_btn,
.application_form ._edit_btn {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.0001 1L14.0001 1C14.5524 1 15.0001 1.44772 15.0001 2V3L9.0001 3V2C9.0001 1.44772 9.44781 1 10.0001 1Z' fill='%23757A89'/%3E%3Cpath d='M4 7V6C3.72395 6 3.46018 6.11411 3.27117 6.3153C3.08216 6.51649 2.98473 6.78687 3.00195 7.06238L4 7ZM19.4366 16.0136L20.4347 16.076L19.4366 16.0136ZM20 7L20.9981 7.06238C21.0153 6.78687 20.9178 6.51649 20.7288 6.3153C20.5398 6.11411 20.276 6 20 6V7ZM17.6652 22.1826L18.2709 22.9783H18.2709L17.6652 22.1826ZM18.2675 21.6168L17.5112 20.9626H17.5112L18.2675 21.6168ZM5.73252 21.6168L4.9762 22.271L4.9762 22.271L5.73252 21.6168ZM6.33481 22.1826L5.72906 22.9783H5.72906L6.33481 22.1826ZM10.0001 1V2V1ZM14.0001 1V1.19209e-07V1ZM9.0001 2H8.0001H9.0001ZM9.0001 3V4V3ZM15.0001 2H14.0001H15.0001ZM15.0001 3V4V3ZM4.0001 2C3.44781 2 3.0001 2.44772 3.0001 3C3.0001 3.55228 3.44781 4 4.0001 4L4.0001 2ZM20.0001 4C20.5524 4 21.0001 3.55229 21.0001 3C21.0001 2.44772 20.5524 2 20.0001 2V4ZM3.00195 7.06238L3.5653 16.076L5.5614 15.9513L4.99805 6.93762L3.00195 7.06238ZM20.4347 16.076L20.9981 7.06238L19.0019 6.93762L18.4386 15.9513L20.4347 16.076ZM20 6H4V8H20V6ZM12 24C13.5072 24 14.7218 24.0015 15.6907 23.8914C16.6814 23.7789 17.5337 23.5396 18.2709 22.9783L17.0594 21.387C16.7231 21.643 16.2733 21.8124 15.465 21.9042C14.6351 21.9985 13.5538 22 12 22V24ZM18.4386 15.9513C18.3417 17.5021 18.2727 18.5811 18.1269 19.4035C17.9848 20.2045 17.7877 20.6429 17.5112 20.9626L19.0238 22.271C19.63 21.5702 19.922 20.7345 20.0961 19.7528C20.2664 18.7926 20.3407 17.5803 20.4347 16.076L18.4386 15.9513ZM18.2709 22.9783C18.5456 22.7691 18.7979 22.5321 19.0238 22.271L17.5112 20.9626C17.3756 21.1193 17.2243 21.2615 17.0594 21.387L18.2709 22.9783ZM3.5653 16.076C3.65932 17.5803 3.73357 18.7926 3.90387 19.7528C4.07798 20.7345 4.37 21.5702 4.9762 22.271L6.48884 20.9626C6.21229 20.6429 6.01519 20.2045 5.87314 19.4035C5.72728 18.5811 5.65833 17.5021 5.5614 15.9513L3.5653 16.076ZM12 22C10.4462 22 9.36494 21.9985 8.53499 21.9042C7.72673 21.8124 7.27691 21.643 6.94056 21.387L5.72906 22.9783C6.46634 23.5396 7.3186 23.7789 8.30926 23.8914C9.27824 24.0015 10.4928 24 12 24V22ZM4.9762 22.271C5.20206 22.5321 5.45436 22.7691 5.72906 22.9783L6.94056 21.387C6.77574 21.2615 6.62436 21.1193 6.48884 20.9626L4.9762 22.271ZM10.0001 2L14.0001 2V1.19209e-07L10.0001 0V2ZM8.0001 2V3H10.0001V2H8.0001ZM14.0001 2V3H16.0001V2H14.0001ZM9.0001 2L4.0001 2L4.0001 4L9.0001 4V2ZM15.0001 4H20.0001V2H15.0001V4ZM9.0001 4L15.0001 4V2L9.0001 2V4ZM14.0001 2V2H16.0001C16.0001 0.89543 15.1047 1.19209e-07 14.0001 1.19209e-07V2ZM10.0001 0C8.89553 0 8.0001 0.89543 8.0001 2H10.0001V0Z' fill='%23757A89'/%3E%3Cpath d='M10 12V18' stroke='%23757A89' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 12V18' stroke='%23757A89' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: 0.4s opacity ease;
    -moz-transition: 0.4s opacity ease;
    transition: 0.4s opacity ease;
    opacity: 0.8;
    cursor: pointer;
}
.application_form ._delete_btn {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.0001 1L14.0001 1C14.5524 1 15.0001 1.44772 15.0001 2V3L9.0001 3V2C9.0001 1.44772 9.44781 1 10.0001 1Z' fill='%231753FF'/%3E%3Cpath d='M4 7V6C3.72395 6 3.46018 6.11411 3.27117 6.3153C3.08216 6.51649 2.98473 6.78687 3.00195 7.06238L4 7ZM19.4366 16.0136L20.4347 16.076L19.4366 16.0136ZM20 7L20.9981 7.06238C21.0153 6.78687 20.9178 6.51649 20.7288 6.3153C20.5398 6.11411 20.276 6 20 6V7ZM17.6652 22.1826L18.2709 22.9783H18.2709L17.6652 22.1826ZM18.2675 21.6168L17.5112 20.9626H17.5112L18.2675 21.6168ZM5.73252 21.6168L4.9762 22.271L4.9762 22.271L5.73252 21.6168ZM6.33481 22.1826L5.72906 22.9783H5.72906L6.33481 22.1826ZM10.0001 1V2V1ZM14.0001 1V1.19209e-07V1ZM9.0001 2H8.0001H9.0001ZM9.0001 3V4V3ZM15.0001 2H14.0001H15.0001ZM15.0001 3V4V3ZM4.0001 2C3.44781 2 3.0001 2.44772 3.0001 3C3.0001 3.55228 3.44781 4 4.0001 4L4.0001 2ZM20.0001 4C20.5524 4 21.0001 3.55229 21.0001 3C21.0001 2.44772 20.5524 2 20.0001 2V4ZM3.00195 7.06238L3.5653 16.076L5.5614 15.9513L4.99805 6.93762L3.00195 7.06238ZM20.4347 16.076L20.9981 7.06238L19.0019 6.93762L18.4386 15.9513L20.4347 16.076ZM20 6H4V8H20V6ZM12 24C13.5072 24 14.7218 24.0015 15.6907 23.8914C16.6814 23.7789 17.5337 23.5396 18.2709 22.9783L17.0594 21.387C16.7231 21.643 16.2733 21.8124 15.465 21.9042C14.6351 21.9985 13.5538 22 12 22V24ZM18.4386 15.9513C18.3417 17.5021 18.2727 18.5811 18.1269 19.4035C17.9848 20.2045 17.7877 20.6429 17.5112 20.9626L19.0238 22.271C19.63 21.5702 19.922 20.7345 20.0961 19.7528C20.2664 18.7926 20.3407 17.5803 20.4347 16.076L18.4386 15.9513ZM18.2709 22.9783C18.5456 22.7691 18.7979 22.5321 19.0238 22.271L17.5112 20.9626C17.3756 21.1193 17.2243 21.2615 17.0594 21.387L18.2709 22.9783ZM3.5653 16.076C3.65932 17.5803 3.73357 18.7926 3.90387 19.7528C4.07798 20.7345 4.37 21.5702 4.9762 22.271L6.48884 20.9626C6.21229 20.6429 6.01519 20.2045 5.87314 19.4035C5.72728 18.5811 5.65833 17.5021 5.5614 15.9513L3.5653 16.076ZM12 22C10.4462 22 9.36494 21.9985 8.53499 21.9042C7.72673 21.8124 7.27691 21.643 6.94056 21.387L5.72906 22.9783C6.46634 23.5396 7.3186 23.7789 8.30926 23.8914C9.27824 24.0015 10.4928 24 12 24V22ZM4.9762 22.271C5.20206 22.5321 5.45436 22.7691 5.72906 22.9783L6.94056 21.387C6.77574 21.2615 6.62436 21.1193 6.48884 20.9626L4.9762 22.271ZM10.0001 2L14.0001 2V1.19209e-07L10.0001 0V2ZM8.0001 2V3H10.0001V2H8.0001ZM14.0001 2V3H16.0001V2H14.0001ZM9.0001 2L4.0001 2L4.0001 4L9.0001 4V2ZM15.0001 4H20.0001V2H15.0001V4ZM9.0001 4L15.0001 4V2L9.0001 2V4ZM14.0001 2V2H16.0001C16.0001 0.89543 15.1047 1.19209e-07 14.0001 1.19209e-07V2ZM10.0001 0C8.89553 0 8.0001 0.89543 8.0001 2H10.0001V0Z' fill='%231753FF'/%3E%3Cpath d='M10 12V18' stroke='%231753FF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 12V18' stroke='%231753FF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.application_form ._edit_btn {
    margin-right: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.99994 22L2.57847 18.5288C2.78749 17.2747 2.892 16.6477 3.17811 16.0917C3.46422 15.5357 3.91373 15.0862 4.81276 14.1872L15.4999 3.50001C16.517 2.48294 17.0255 1.97441 17.6372 1.8616C17.877 1.81737 18.1229 1.81737 18.3627 1.86159C18.9743 1.9744 19.4829 2.48294 20.5 3.5C21.517 4.51708 22.0256 5.02562 22.1384 5.63728C22.1826 5.87709 22.1826 6.12297 22.1384 6.36278C22.0256 6.97444 21.517 7.48298 20.5 8.50006L9.81276 19.1872C8.91373 20.0862 8.46422 20.5357 7.90825 20.8218C7.35229 21.1079 6.72523 21.2124 5.47112 21.4215L1.99994 22Z' stroke='%231753FF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19 10L14 5' stroke='%231753FF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.application_form ._delete_btn:hover,
.application_form ._edit_btn:hover {
    cursor: pointer;
    opacity: 1;
}



/** Селекты **/
._dropdown_menu {
    position: relative;
    display: inline-block;
    width: 100%;
    color: #858BB8;
    font-family: Roboto-Regular;
    font-size: 14px;
    text-align: left;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6.66667 6.5L13 1.5' stroke='%234B578F' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");background-repeat: no-repeat;
    background-position: right 15px center;
    border: 1px solid #E7E9F2;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #ffffff;
}
._dropdown_menu .current_option {
    display: block;
    width: 100%;
    min-height: 38px;
    padding: 14px 20px;
    color: #858BB8;
    font-family: Roboto-Regular!important;
    font-size: 14px;
    margin-bottom: 0;
}
@media (min-width: 768px) {
    ._dropdown_menu .current_option {
        padding: 15px 20px;
        font-size: 16px;
    }
}
._dropdown_menu .current_option:hover {
    cursor: pointer;
}
._dropdown_menu .dropdown_menu_options {
    position: absolute;
    top: 100%;
    left: -1px;
    width: calc(100% + 2px);
    border: 1px solid #E9EBF3;
    background-color: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: 0.4s opacity ease;
    -moz-transition: 0.4s opacity ease;
    transition: 0.4s opacity ease;
    -webkit-box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow:    3px 3px 10px 0px rgba(0, 0, 0, 0.25);
    box-shadow:         3px 3px 10px 0px rgba(0, 0, 0, 0.25);
    opacity: 0;
    pointer-events: none;
    z-index: 300;
}
._dropdown_menu.active .dropdown_menu_options {
    opacity: 1;
    pointer-events: all;
}
._dropdown_menu .dropdown_menu_options span {
    display: block;
    width: 100%;
    border-bottom: 1px solid #E7E9F2;
    padding: 9px 13px 9px 13px;
    color: #858BB8!important;
    font-family: Roboto-Regular!important;
    font-size: 14px!important;
    margin-bottom: 0!important;
    -webkit-transition: 0.4s background-color ease;
    -moz-transition: 0.4s background-color ease;
    transition: 0.4s background-color ease;
}
@media (min-width: 768px) {
    ._dropdown_menu .dropdown_menu_options span {
        font-size: 16px!important;
    }
}
._dropdown_menu .dropdown_menu_options span:hover {
    cursor: pointer;
    background-color: #E4EAFF;
}

/** Модальное окно **/
._box_modal {
    margin: 0 auto;
    position: relative;
    padding: 40px 20px 30px 20px;
    width: calc(100% - 40px);
    height: auto;
    color: rgba(255, 255, 255, 1);
    border: 1px solid #E7E9F2;
    background-color: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    z-index: 10000;
}
@media (min-width: 768px) {
    ._box_modal {
        padding: 60px 50px 50px 50px;
        width: 770px;
        height: auto;
    }
}
._box_modal._service_modal._rezume_send {
    padding: 0 0 30px 0;
}
@media (min-width: 768px) {
    ._box_modal._service_modal._rezume_send {
        padding: 0 0 65px 0;
    }
}
._box_modal .modal-close {
    width: 16px;
    height: 16px;
    position: absolute;
    right: 14px;
    top: 14px;
    opacity: 0.5;
    cursor: pointer;
    -webkit-transition: 0.4s opacity ease;
    -moz-transition: 0.4s opacity ease;
    transition: 0.4s opacity ease;
    background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.501 4.5L4.28777 25.7132' stroke='%231753FF' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M4.50098 4.5L25.7142 25.7132' stroke='%231753FF' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 16px 16px;
}
@media (min-width: 768px) {
    ._box_modal .modal-close {
        width: 30px;
        height: 30px;
        right: 20px;
        top: 20px;
        background-size: 30px 30px;
    }
}
._box_modal .modal-close:hover {
    opacity: 1;
}
._box_modal._service_modal {
    text-align: center;
}
.send-resume-modal ._form_modal:before {
    content: ' ';
    display: block;
    width: 100%;
    height: 130px;
    margin-bottom: 30px;
    border-bottom: 1px solid #E7E9F2;
    background-image: url(/images/_modal_send_bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 70%;
}
@media (min-width: 768px) {
    .send-resume-modal ._form_modal:before {
        height: 180px;
        background-size: auto;
    }
}
._box_modal._service_modal h3 {
    color: #4B578F;
    font-family: Roboto-Medium;
    font-size: 20px;
}
@media (min-width: 768px) {
    ._box_modal._service_modal h3 {
        font-size: 36px;
    }
}
._box_modal._service_modal p {
    color: #4B578F;
    font-family: Roboto-Regular;
    font-size: 12px;
}
@media (min-width: 768px) {
    ._box_modal._service_modal p {
        font-size: 20px;
    }
}
._box_modal._service_modal ._modal_btn {
    display: inline-block;
    width: 100%;
    padding: 12px 20px;
    margin-top: 20px;
    color: #fff;
    font-family: Roboto-Regular;
    font-size: 16px;
    text-align: center;
    border: 1px solid #1753FF;
    background-color: #1753FF;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-box-shadow: 3px 3px 20px rgba(23, 83, 255, 0.6);
    -moz-box-shadow:    3px 3px 20px rgba(23, 83, 255, 0.6);
    box-shadow:         3px 3px 20px rgba(23, 83, 255, 0.6);
    -webkit-transition: 0.4s box-shadow ease;
    -moz-transition: 0.4s box-shadow ease;
    transition: 0.4s box-shadow ease;
}
@media (min-width: 768px) {
    ._box_modal._service_modal ._modal_btn {
        max-width: 360px;
        margin-top: 50px;
        padding: 15px 20px;
        font-size: 18px;
    }
}
._box_modal._service_modal._rezume_send ._modal_btn {
        margin-top: 10px;
}
._box_modal._service_modal ._modal_btn:hover {
    cursor: pointer;
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    -moz-box-shadow:    0 0 0 0 rgba(0, 0, 0, 0);
    box-shadow:         0 0 0 0 rgba(0, 0, 0, 0);
}
._box_modal._service_modal ._cancel_btn {
    margin-top: 12px;
    display: inline-block;
    width: 100%;
    color: #1753FF;
    font-family: Roboto-Regular;
    font-size: 16px;
    text-align: center;
}
@media (min-width: 768px) {
    ._box_modal._service_modal ._cancel_btn {
        margin-top: 30px;
        font-size: 18px;
    }
}
._box_modal._service_modal ._cancel_btn:hover {
    cursor: pointer;
}
._box_modal._service_modal ._cancel_btn span {
    border-bottom: 1px dotted transparent;
    -webkit-transition: 0.4s border ease;
    -moz-transition: 0.4s border ease;
    transition: 0.4s border ease;
}
._box_modal._service_modal ._cancel_btn span:hover {
    border-bottom: 1px dotted #1753FF;
}
._box_modal._service_modal ._to_mainpage {
    display: inline-block;
    width: 100%;
    padding: 12px 20px;
    margin-top: 20px;
    color: #1753FF;
    font-family: Roboto-Regular;
    font-size: 16px;
    text-align: center;
    border: 1px solid #1753FF;
    background-color: #fff;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-transition: 0.4s color ease, 0.4s background-color ease;
    -moz-transition: 0.4s color ease, 0.4s background-color ease;
    transition: 0.4s color ease, 0.4s background-color ease;
}
@media (min-width: 768px) {
    ._box_modal._service_modal ._to_mainpage {
        max-width: 360px;
        margin-top: 50px;
        padding: 15px 20px;
        font-size: 18px;
    }
}
._box_modal._service_modal ._to_mainpage:hover {
    color: #fff;
    background-color: #1753FF;
}
._box_modal._service_modal .btn_wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
}


.form-modal-btns, .job-delete-btns, .sent-resume-btns {
    display:none;
}
.send-resume-modal .sent-resume-btns, .job-delete-modal .job-delete-btns, .form-modal .form-modal-btns{
    display: block;
}

.need-work-form select {
    height: 56px;
    padding-left: 16px;
}
.need-work-form select {
    /* for Firefox */
    -moz-appearance: none;
    /* for Chrome */
    -webkit-appearance: none;
  }
  
  /* For IE10 */
 .need-work-form select::-ms-expand {
    display: none;
  }


/** Map page **/
#page.map_page {
    position: relative;
    padding: 0 0 100px 0;
}
@media (min-width: 768px) {
    #page.map_page {
        padding: 0 0 130px 0;
        background-image: url(../images/map/map_bg_01.png);
        background-repeat: no-repeat, no-repeat;
        background-position: right 15px bottom 15px;
        background-size: 64px 88px;
    }
}
@media (min-width: 992px) {
    #page.map_page {
        padding: 0 0 137px 0;
        background-image: url(../images/map/map_bg_01.png), url(../images/map/map_bg_02.png);
        background-position: right 91px bottom 155px, right 38px bottom 45px;
        background-size: 64px 88px, 45px 76px;
    }
}
@media (min-width: 1400px) {
    #page.map_page {
        padding: 0 0 137px 0;
        background-image: url(../images/map/map_bg_01.png), url(../images/map/map_bg_02.png);
        background-position: right 182px bottom 310px, right 77px bottom 90px;
        background-size: 128px 175px, 91px 153px;
    }
}
#page.map_page .breadcrumbs .bwrap:after {
    display: none;
}
@media (min-width: 576px) {
    #page.map_page:before {
        position: absolute;
        content: ' ';
        top: 0;
        left: 0;
        width: 50%;
        height: 100%;
        background-color: #F8F9FD;
        z-index: -1;
    }
}
#page.map_page:after {
    position: absolute;
    content: ' ';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 0 0 150px 0;
    background-color: #F8F9FD;
    z-index: -1;
}
@media (min-width: 576px) {
    #page.map_page:after {
        left: 50%;
        width: 270px;
    }
}
@media (min-width: 768px) {
    #page.map_page:after {
        width: 360px;
    }
}
@media (min-width: 992px) {
    #page.map_page:after {
        width: 480px;
        border-radius: 0 0 324px 0;
    }
}
@media (min-width: 1200px) {
    #page.map_page:after {
        width: 585px;
    }
}
#page.map_page h1 {
    margin-top: 39px!important;
    margin-bottom: 20px!important;
    color: #4B578F;
    font-family: Roboto-Regular;
    font-size: 30px;
}
@media (min-width: 992px) {
    #page.map_page h1 {
        margin-top: 48px;
        margin-bottom: 0;
        font-size: 36px;
    }
}
#page.map_page .col_no_pads {
    padding-right: 15px;
}
@media (min-width: 768px) {
    #page.map_page .col_no_pads {
        padding-left: 0;
        padding-right: 0;
    }
}
._map_selector {
    position: relative;
    width: 100%;
    margin-top: 30px;
    border-radius: 5px 5px 5px 5px;
    background: #FFFFFF;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.15);
    overflow: hidden;
}
@media (min-width: 992px) {
    ._map_selector {
        margin-top: 0;
    }
}
._map_selector:after {
    position: absolute;
    content: ' ';
    bottom: 0;
    left: 0;
    width: calc(100% - 20px);
    height: 50px;
    background-image: url(../images/map/map_selector_after_bg.png);
    background-repeat: repeat-x;
    background-position: top center;
    background-size: 1px 50px;
    pointer-events: none;
}
@media (min-width: 992px) {
    ._map_selector:after {
        height: 72px;
        background-size: 1px 72px;
    }
}
._map_selector ._head {
    border-bottom: 1px solid #E7E9F2;
}
@media (min-width: 992px) {
    ._map_selector ._head {
    }
}
._map_selector ._head ._title {
    padding: 15px 20px 11px 20px;
    color: #1753FF;
    font-family: Roboto-Medium;
    font-size: 16px;
}
@media (min-width: 992px) {
    ._map_selector ._head ._title {
        padding: 17px 23px;
        font-size: 18px;
    }
}
._map_selector ._head ._title img {
    display: inline-block;
    margin-right: 5px;
}
._map_selector ._head ._title:hover {
    cursor: pointer;
}
._map_selector ._body {
    position: relative;
    width: 100%;
    max-height: 456px;
    padding: 10px 0 10px 0;
    overflow-y: auto;
    overflow-x: hidden;
    /* Firefox */
    scrollbar-width: thin!important;
    scrollbar-color: #1753FF #C2D2E4;
}
@media (min-width: 992px) {
    ._map_selector ._body {
        min-height: 568px;
        max-height: 568px;
        padding: 20px 0 20px 0;
    }
}
@media (pointer: fine) {
    ._map_selector ._body::-webkit-scrollbar {
        width: 20px;
    }
    ._map_selector ._body::-webkit-scrollbar-thumb {
        border-radius: 15px;
        border: 8px solid transparent;
        background-color: #1753FF;
        background-clip: content-box;
        cursor: pointer;
    }
    ._map_selector ._body::-webkit-scrollbar-track {
        border-radius: 15px;
        border: 8px solid transparent;
        background-color: #E0E5F3;
        background-clip: content-box;
    }
}
._map_selector ._body ul {
    padding: 0 20px 20px 20px;
    list-style: none;
    margin-bottom: 0;
}
._map_selector ._body .slick-list .slick-track ul:last-child {
    padding: 0 20px 20px 20px;
}
._map_selector ._body ul li {
    padding: 3px 0;
    color: #858BB8;
    font-size: 16px;
}
._map_selector ._body ul li span {
    display: inline-block;
}
._map_selector ._body ul li span:hover {
    cursor: pointer;
}
._map_selector ._body ul li:first-child {
    padding: 0 0 3px 0;
}
._map_selector ._body ul li:last-child {
    padding: 3px 0 0 0;
}
._map_selector ._body ul li.bold {
    font-family: Roboto-Bold;
}
._map_wrap {
    width: 100%;
}
._map_wrap ._svg_map {
    display: inline-block;
    width: 100%;
}
._map_wrap ._svg_map path {
    -webkit-transition: 0.4s fill ease;
    -moz-transition: 0.4s fill ease;
    transition: 0.4s fill ease;
}
._map_wrap ._svg_map path:hover {
    cursor: pointer;
}
._map_wrap ._svg_map path.disabled {
    fill: #EBEFFF;
    pointer-events: none;
}
._map_wrap ._svg_map path.russia {
    fill: #C1D5FC;
}
._map_wrap ._svg_map.russia_active path.russia {
    fill: #1766FF;
}
._map_wrap ._svg_map.russia_active path.russia:hover {
}
._map_wrap ._svg_map path.belarus {
    fill: #F2C9C9;
}
._map_wrap ._svg_map.belarus_active path.belarus {
    fill: #FF6F60;
}
._map_wrap ._svg_map.belarus_active path.belarus:hover {
}
._map_wrap ._svg_map path.belarus_title {
    fill: #576CCD;
}
._map_wrap ._svg_map.belarus_active path.belarus_title {
    fill: #ffffff;
}
._map_wrap ._svg_map path.kazakhstan {
    fill: #BCE4EA;
}
._map_wrap ._svg_map.kazakhstan_active path.kazakhstan {
    fill: #14B1C6;
}
._map_wrap ._svg_map.kazakhstan_active path.kazakhstan:hover {
}
._map_wrap ._svg_map path.russia_title,
._map_wrap ._svg_map path.belarus_title,
._map_wrap ._svg_map path.kazakhstan_title {
    fill: #576CCD;
    -webkit-transition: 0.4s fill ease;
    -moz-transition: 0.4s fill ease;
    transition: 0.4s fill ease;
    pointer-events: none;
}
._map_wrap ._svg_map.russia_active path.russia_title,
._map_wrap ._svg_map.belarus_active path.belarus_title,
._map_wrap ._svg_map.kazakhstan_active path.kazakhstan_title {
    fill: #ffffff;
}
._map_wrap ._svg_map .russia_city_name,
._map_wrap ._svg_map .belarus_city_name,
._map_wrap ._svg_map .kazakhstan_city_name {
    fill: #576CCD;
    -webkit-transition: 0.4s fill ease;
    -moz-transition: 0.4s fill ease;
    transition: 0.4s fill ease;
    pointer-events: none;
}
._map_wrap ._svg_map.russia_active .russia_city_name,
._map_wrap ._svg_map.belarus_active .belarus_city_name,
._map_wrap ._svg_map.kazakhstan_active .kazakhstan_city_name {
    fill: #ffffff;
}
._map_wrap ._svg_map .russia_city_point,
._map_wrap ._svg_map .belarus_city_point,
._map_wrap ._svg_map .kazakhstan_city_point {
    fill: #1753FF;
    -webkit-transition: 0.4s fill ease;
    -moz-transition: 0.4s fill ease;
    transition: 0.4s fill ease;
    pointer-events: none;
}
._map_wrap ._svg_map.russia_active .russia_city_point,
._map_wrap ._svg_map.belarus_active .belarus_city_point,
._map_wrap ._svg_map.kazakhstan_active .kazakhstan_city_point {
    fill: #ffffff;
}
._map_wrap ._svg_map .russia_city_bg,
._map_wrap ._svg_map .belarus_city_bg,
._map_wrap ._svg_map .kazakhstan_city_bg {
    opacity: 0;
    -webkit-transition: 0.4s opacity ease;
    -moz-transition: 0.4s opacity ease;
    transition: 0.4s opacity ease;
}
._map_wrap ._svg_map .russia_city_bg {
    fill: #1766FF;
}
._map_wrap ._svg_map .belarus_city_bg {
    fill: #FF6F60;
}
._map_wrap ._svg_map .kazakhstan_city_bg {
    fill: #14B1C6;
}
._map_wrap ._svg_map.russia_active .russia_city_bg,
._map_wrap ._svg_map.belarus_active .belarus_city_bg,
._map_wrap ._svg_map.kazakhstan_active .kazakhstan_city_bg {
    opacity: 0.8;
}
._map_wrap ._svg_map path.contour {
    fill: #ffffff;
}
._map_wrap ._svg_map path.blink {
    fill: red!important;
}
._map_wrap ._svg_map .city_name {
    pointer-events: none;
}

/** Хочу у вас работать **/
.search_for_employees {
    width: 100%;
    padding: 20px 15px 30px 15px;
    text-align: center;
    background-color: #3070FF;
    overflow: hidden;
    -webkit-box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow:    3px 3px 10px 0px rgba(0, 0, 0, 0.15);
    box-shadow:         3px 3px 10px 0px rgba(0, 0, 0, 0.15);
}
@media (min-width: 1200px) {
    .search_for_employees {
        padding: 15px 15px 15px 15px;
    }
}
.search_for_employees span {
    display: block;
    width: 100%;
    color: #ffffff;
    font-family: Roboto-Regular;
    font-size: 20px;
    text-align: center;
}
@media (min-width: 1200px) {
    .search_for_employees span {
        display: inline-block;
        width: auto;
        margin-right: 120px;
    }
}
@media (min-width: 1400px) {
    .search_for_employees span {
        margin-right: 170px;
    }
}
.search_for_employees .link {
    position: relative;
    display: inline-block;
    padding: 13px 40px;
    margin-top: 20px;
    color: #fff;
    font-family: Roboto-Medium;
    font-size: 14px;
    border: 2px solid #CF52FF;
    border-radius: 30px;
    background-color: #CF52FF;
    -webkit-transition: 0.4s background-color ease, 0.4s color ease;
    -moz-transition: 0.4s background-color ease, 0.4s color ease;
    transition: 0.4s background-color ease, 0.4s color ease;
}
@media (min-width: 992px) {
    .search_for_employees .link {
        padding: 15px 40px;
        font-size: 18px;
    }
}
@media (min-width: 1200px) {
    .search_for_employees .link {
        margin-top: 0;
    }
}
.search_for_employees .link:hover {
    color: #CF52FF;
    background-color: #fff;
}
.search_for_employees .link:before {
    position: absolute;
    content: ' ';
    right: 100%;
    top: -8px;
    width: 285px;
    height: 62px;
    margin-right: 5px;
    background-image: url(/images/search_for_employees_bg_arrow.svg);
    background-repeat: no-repeat;
    background-size: 285px 62px;
    background-position: center;
    pointer-events: none;
}
@media (min-width: 992px) {
    .search_for_employees .link:before {
        top: 14px;
        margin-right: 10px;
    }
}

/* Thanks page */
.container.thanks {
    margin-top: 71px;
    padding: 60px 0 60px 0;
}
@media (min-width: 992px) {
    .container.thanks {
        margin-top: 0;
        padding: 120px 0 120px;
    }
}
.container.thanks h1 {
    text-align: center;
    color: #4B578F;
    font-family: Roboto-Medium;
    font-size: 32px;
    margin-bottom: 10px;
}
@media (min-width: 992px) {
    .container.thanks h1 {
        font-size: 64px;
    }
}
.container.thanks p {
    text-align: center;
    color: #858BB8;
    font-family: Roboto-Light;
    font-size: 18px;
}
@media (min-width: 992px) {
    .container.thanks p {
        font-size: 32px;
    }
}
.container.thanks a {
    display: inline-block;
    margin-top: 20px;
    padding: 5px 30px;
    color: #fff;
    font-family: Roboto-Regular;
    border: 1px solid #1753FF;
    border-radius: 15px;
    background-color: #1753FF;
    -webkit-transition: 0.4s color ease, 0.4s background-color ease;
    -moz-transition: 0.4s color ease, 0.4s background-color ease;
    transition: 0.4s color ease, 0.4s background-color ease;
}
@media (min-width: 992px) {
    .container.thanks a {
        margin-top: 50px;
    }
}
.container.thanks a:hover {
    color: #1753FF;
    background-color: #fff;
}

/* 404 */
.container_404 {
    margin-top: 71px;
    padding: 60px 0 400px 0;
    background-image: url(../images/layout/404-bg.jpg);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 100% auto;
}
@media (min-width: 992px) {
    .container_404 {
        margin-top: 0;
        padding: 100px 0 500px;
        background-position: bottom right;
        background-size: auto;
    }
}
@media (min-width: 1200px) {
    .container_404 {
        padding: 100px 0 600px;
        background-position: bottom right;
        background-size: auto;
    }
}
.container_404 h1 {
    margin-bottom: 30px;
}
.container_404 p {
    color: #4B578F;
    font-family: Roboto-Regular;
    font-size: 18px;
}
.container_404 a {
    color: #1753FF;
    border-bottom: 1px dotted #1753FF;
    -webkit-transition: 0.4s border ease;
    -moz-transition: 0.4s border ease;
    transition: 0.4s border ease;
}
.container_404 a:hover {
    border-bottom: 1px dotted transparent;
}

/* competence page */
#page.competence {
    display: block;
}
#page.competence h1 {
    margin-top: 39px!important;
    margin-bottom: 20px!important;
    color: #4B578F;
    font-family: Roboto-Regular;
    font-size: 30px;
}
@media (min-width: 992px) {
    #page.competence h1 {
        margin-top: 48px;
        margin-bottom: 0;
        font-size: 36px;
    }
}
.site-competence-page .site-mask {
    z-index: 25;
}
.team-list {
    padding-bottom: 150px;
}
.team-list .photo {
    border-radius: 20px;
    margin-bottom: 20px;
    padding-bottom: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.team-list .person-info .name {
    color: #001b51;
    font-family: Roboto-Medium;
    font-size: 26px;
}
.team-list .person-info .description {
    color: #7a7a7a;
    font-family: Roboto-Light;
    font-size: 16px;
}
.team-list .person-data {
    filter: grayscale(1);
}
.team-list .person-data:hover {
    filter: grayscale(0);
}
.team-list .person-data {
    transition: all 0.2s ease-in-out
}
.team-list h1 {
    color: #4B578F;
    font-family: Roboto-Medium;
    font-size: 36px;
}