@font-face {
    font-family: 'DINPro';
    src:url('/fonts/DINPro/DINPro-Medium.eot');
    src: local('DIN Pro Medium'), local('DINPro-Medium'),
    url('/fonts/DINPro/DINPro-Medium.eot?#iefix') format('embedded-opentype'),
    url('/fonts/DINPro/DINPro-Medium.woff') format('woff'),
    url('/fonts/DINPro/DINPro-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'DINPro';
    src:url('/fonts/DINPro/DINPro-BlackItalic.eot');
    src: local('DIN Pro Black Italic'), local('DINPro-BlackItalic'),
    url('/fonts/DINPro/DINPro-BlackItalic.eot?#iefix') format('embedded-opentype'),
    url('/fonts/DINPro/DINPro-BlackItalic.woff') format('woff'),
    url('/fonts/DINPro/DINPro-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}
@font-face {
    font-family: 'DINPro';
    src:url('/fonts/DINPro/DINPro-MediumItalic.eot');
    src: local('DIN Pro Medium Italic'), local('DINPro-MediumItalic'),
    url('/fonts/DINPro/DINPro-MediumItalic.eot?#iefix') format('embedded-opentype'),
    url('/fonts/DINPro/DINPro-MediumItalic.woff') format('woff'),
    url('/fonts/DINPro/DINPro-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}
@font-face {
    font-family: 'DINPro';
    src:url('/fonts/DINPro/DINPro-Bold.eot');
    src: local('DIN Pro Bold'), local('DINPro-Bold'),
    url('/fonts/DINPro/DINPro-Bold.eot?#iefix') format('embedded-opentype'),
    url('/fonts/DINPro/DINPro-Bold.woff') format('woff'),
    url('/fonts/DINPro/DINPro-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'DINPro';
    src:url('/fonts/DINPro/DINPro-Light.eot');
    src: local('DIN Pro Light'), local('DINPro-Light'),
    url('/fonts/DINPro/DINPro-Light.eot?#iefix') format('embedded-opentype'),
    url('/fonts/DINPro/DINPro-Light.woff') format('woff'),
    url('/fonts/DINPro/DINPro-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'DINPro';
    src:url('/fonts/DINPro/DINPro-Italic.eot');
    src: local('DIN Pro Italic'), local('DINPro-Italic'),
    url('/fonts/DINPro/DINPro-Italic.eot?#iefix') format('embedded-opentype'),
    url('/fonts/DINPro/DINPro-Italic.woff') format('woff'),
    url('/fonts/DINPro/DINPro-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'DINPro';
    src:url('/fonts/DINPro/DINPro.eot');
    src: local('DIN Pro'), local('DINPro'),
    url('/fonts/DINPro/DINPro.eot?#iefix') format('embedded-opentype'),
    url('/fonts/DINPro/DINPro.woff') format('woff'),
    url('/fonts/DINPro/DINPro.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DINPro';
    src:url('/fonts/DINPro/DINPro-Black.eot');
    src: local('DIN Pro Black'), local('DINPro-Black'),
    url('/fonts/DINPro/DINPro-Black.eot?#iefix') format('embedded-opentype'),
    url('/fonts/DINPro/DINPro-Black.woff') format('woff'),
    url('/fonts/DINPro/DINPro-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'DINPro';
    src:url('/fonts/DINPro/DINPro-LightItalic.eot');
    src: local('DIN Pro Light Italic'), local('DINPro-LightItalic'),
    url('/fonts/DINPro/DINPro-LightItalic.eot?#iefix') format('embedded-opentype'),
    url('/fonts/DINPro/DINPro-LightItalic.woff') format('woff'),
    url('/fonts/DINPro/DINPro-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: 'DINPro';
    src:url('/fonts/DINPro/DINPro-BoldItalic.eot');
    src: local('DIN Pro Bold Italic'), local('DINPro-BoldItalic'),
    url('/fonts/DINPro/DINPro-BoldItalic.eot?#iefix') format('embedded-opentype'),
    url('/fonts/DINPro/DINPro-BoldItalic.woff') format('woff'),
    url('/fonts/DINPro/DINPro-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: 'CeraPro';
    src: url('/fonts/CeraPro/CeraPro-Light.eot');
    src: local('Cera Pro Light'), local('CeraPro-Light'),
    url('/fonts/CeraPro/CeraPro-Light.eot?#iefix') format('embedded-opentype'),
    url('/fonts/CeraPro/CeraPro-Light.woff2') format('woff2'),
    url('/fonts/CeraPro/CeraPro-Light.woff') format('woff'),
    url('/fonts/CeraPro/CeraPro-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'CeraPro';
    src: url('/fonts/CeraPro/CeraPro-MediumItalic.eot');
    src: local('Cera Pro Medium Italic'), local('CeraPro-MediumItalic'),
    url('/fonts/CeraPro/CeraPro-MediumItalic.eot?#iefix') format('embedded-opentype'),
    url('/fonts/CeraPro/CeraPro-MediumItalic.woff2') format('woff2'),
    url('/fonts/CeraPro/CeraPro-MediumItalic.woff') format('woff'),
    url('/fonts/CeraPro/CeraPro-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}
@font-face {
    font-family: 'CeraPro';
    src: url('/fonts/CeraPro/CeraPro-RegularItalic.eot');
    src: local('Cera Pro Regular Italic'), local('CeraPro-RegularItalic'),
    url('/fonts/CeraPro/CeraPro-RegularItalic.eot?#iefix') format('embedded-opentype'),
    url('/fonts/CeraPro/CeraPro-RegularItalic.woff2') format('woff2'),
    url('/fonts/CeraPro/CeraPro-RegularItalic.woff') format('woff'),
    url('/fonts/CeraPro/CeraPro-RegularItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'CeraPro';
    src: url('/fonts/CeraPro/CeraPro-BlackItalic.eot');
    src: local('Cera Pro Black Italic'), local('CeraPro-BlackItalic'),
    url('/fonts/CeraPro/CeraPro-BlackItalic.eot?#iefix') format('embedded-opentype'),
    url('/fonts/CeraPro/CeraPro-BlackItalic.woff2') format('woff2'),
    url('/fonts/CeraPro/CeraPro-BlackItalic.woff') format('woff'),
    url('/fonts/CeraPro/CeraPro-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}
@font-face {
    font-family: 'CeraPro';
    src: url('/fonts/CeraPro/CeraPro-Medium.eot');
    src: local('Cera Pro Medium'), local('CeraPro-Medium'),
    url('/fonts/CeraPro/CeraPro-Medium.eot?#iefix') format('embedded-opentype'),
    url('/fonts/CeraPro/CeraPro-Medium.woff2') format('woff2'),
    url('/fonts/CeraPro/CeraPro-Medium.woff') format('woff'),
    url('/fonts/CeraPro/CeraPro-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'CeraPro';
    src: url('/fonts/CeraPro/CeraPro-BoldItalic.eot');
    src: local('Cera Pro Bold Italic'), local('CeraPro-BoldItalic'),
    url('/fonts/CeraPro/CeraPro-BoldItalic.eot?#iefix') format('embedded-opentype'),
    url('/fonts/CeraPro/CeraPro-BoldItalic.woff2') format('woff2'),
    url('/fonts/CeraPro/CeraPro-BoldItalic.woff') format('woff'),
    url('/fonts/CeraPro/CeraPro-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: 'Cera Pro';
    src: url('/fonts/CeraPro/CeraPro-ThinItalic.eot');
    src: local('Cera Pro Thin Italic'), local('CeraPro-ThinItalic'),
    url('/fonts/CeraPro/CeraPro-ThinItalic.eot?#iefix') format('embedded-opentype'),
    url('/fonts/CeraPro/CeraPro-ThinItalic.woff2') format('woff2'),
    url('/fonts/CeraPro/CeraPro-ThinItalic.woff') format('woff'),
    url('/fonts/CeraPro/CeraPro-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}
@font-face {
    font-family: 'CeraPro';
    src: url('/fonts/CeraPro/CeraPro-LightItalic.eot');
    src: local('Cera Pro Light Italic'), local('CeraPro-LightItalic'),
    url('/fonts/CeraPro/CeraPro-LightItalic.eot?#iefix') format('embedded-opentype'),
    url('/fonts/CeraPro/CeraPro-LightItalic.woff2') format('woff2'),
    url('/fonts/CeraPro/CeraPro-LightItalic.woff') format('woff'),
    url('/fonts/CeraPro/CeraPro-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: 'CeraPro';
    src: url('/fonts/CeraPro/CeraPro-Black.eot');
    src: local('Cera Pro Black'), local('CeraPro-Black'),
    url('/fonts/CeraPro/CeraPro-Black.eot?#iefix') format('embedded-opentype'),
    url('/fonts/CeraPro/CeraPro-Black.woff2') format('woff2'),
    url('/fonts/CeraPro/CeraPro-Black.woff') format('woff'),
    url('/fonts/CeraPro/CeraPro-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'CeraPro';
    src: url('/fonts/CeraPro/CeraPro-Bold.eot');
    src: local('Cera Pro Bold'), local('CeraPro-Bold'),
    url('/fonts/CeraPro/CeraPro-Bold.eot?#iefix') format('embedded-opentype'),
    url('/fonts/CeraPro/CeraPro-Bold.woff2') format('woff2'),
    url('/fonts/CeraPro/CeraPro-Bold.woff') format('woff'),
    url('/fonts/CeraPro/CeraPro-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'CeraPro';
    src: url('/fonts/CeraPro/CeraPro-Regular.eot');
    src: local('Cera Pro Regular'), local('CeraPro-Regular'),
    url('/fonts/CeraPro/CeraPro-Regular.eot?#iefix') format('embedded-opentype'),
    url('/fonts/CeraPro/CeraPro-Regular.woff2') format('woff2'),
    url('/fonts/CeraPro/CeraPro-Regular.woff') format('woff'),
    url('/fonts/CeraPro/CeraPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'CeraPro';
    src: url('/fonts/CeraPro/CeraPro-Thin.eot');
    src: local('Cera Pro Thin'), local('CeraPro-Thin'),
    url('/fonts/CeraPro/CeraPro-Thin.eot?#iefix') format('embedded-opentype'),
    url('/fonts/CeraPro/CeraPro-Thin.woff2') format('woff2'),
    url('/fonts/CeraPro/CeraPro-Thin.woff') format('woff'),
    url('/fonts/CeraPro/CeraPro-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'CREDCard';
    src: url('/fonts/CREDCard.ttf');
}
@font-face {
    font-family: 'BookAntiquaBOLD';
    src: url('/fonts/ANTQUAB.TTF');
}

body {
    font-family: 'CeraPro', serif;
    font-weight: normal;
    color: #46505A;
    background-color: #fff;
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
}
#wrapper-toTop {
    position: absolute;
    bottom: 0;
    right: 75px;
}
#toTop {
    display: none;
    width: 65px;
    height: 65px;
    position: fixed;
    bottom: 10px;
    background-image: url("/images/icons/top.svg");
    background-size: 66px;
    background-position: center;
    background-repeat: no-repeat;
    cursor:pointer;
    background-color: #46505A;
    opacity: 0.6;
    border-radius: 50%;
    box-shadow: 0px 2px 10px rgba(70, 70, 70, 0.1);
    z-index: 10;
}
body.modal-open #toTop {
    display: none !important;
}
#toTop:hover {
    opacity: 0.7;
}
.img-eye {
    height: 20px;
}
.button-eye {
    display: flex;
    align-items: center;
    font-family: 'DINPro', serif;
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    line-height: 17px;
    text-align: center;
    color: #ffffff;
    text-transform: uppercase;
    background: transparent;
    border: 1px solid #ffffff;
    box-sizing: border-box;
    border-radius: 6px;
    padding: 9px;
    cursor: pointer;
    outline: none;
    transition: all .3s;
}
.button-eye:hover {
    background-color: #000000;
    transition: all .3s;
}
a:hover {
    text-decoration: none;
}
.btn {
    border: none;
}
.btn:hover, .btn:focus, .btn:active {
    outline: none;
    box-shadow: none;
}
.button-custom-without-border {
    display: inline;
    padding-bottom: 1.5px;
    padding-top: 1.5px;
    padding-left: 0;
    padding-right: 34px;
    font-size: 16px;
    line-height: 21px;
    background-image: url('/images/icons/icons_arrows_before.svg');
    background-repeat: no-repeat !important;
    background-position: right 3px center;
    background-size: 24px;
    color: #D0D0D0;
    letter-spacing: -0.025em;
    transition: all .2s;
    outline: none;
}
.button-custom-without-border:hover {
    transition: all .2s;
    color: #00758F;
    background-image: url('/images/icons/icons_arrows_after.svg');
}
.button-custom-without-border:hover svg path {
    fill: #00758F;
}
.text-custom-red {
    color: #E62D26;
}
.text-custom-grey {
    color: #46505A;
}
.text-custom-blue {
    color: #00758F;
}
.margin-top-50 {
    margin-top: 50px;
}
.margin-top-30 {
    margin-top: 30px;
}
.margin-bottom-30 {
    margin-bottom: 30px;
}
.padding-right-30 {
    padding-right: 30px;
}
.padding-right-15 {
    padding-right: 15px;
}
.padding-top-30 {
    padding-top: 30px;
}
.margin-right-30 {
    margin-right: 30px;
}
.button-custom-white-outline-grey {
    font-family: 'DINPro', serif;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    text-transform: uppercase;
    color: #46505A;
    background: #FFFFFF;
    border: 1px solid #46505A;
    box-sizing: border-box;
    border-radius: 6px;
    padding: 13px 28px;
    cursor: pointer;
    outline: none;
}
.text-transform-none {
    text-transform: none;
}
.button-custom-white-outline-grey:hover, .button-custom-white-outline-grey:active {
    background: #00758F;
    border: 1px solid #00758F;
    color: #FFFFFF;
    transition: .3s;
}
.button-custom-grey {
    font-family: 'DINPro', serif;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #FFFFFF;
    background: #46505A;
    border: 1px solid #46505A;
    box-sizing: border-box;
    border-radius: 6px;
    padding: 13px 28px;
    cursor: pointer;
    outline: none;
}
.button-custom-grey:hover, .button-custom-grey:active {
    background: #00758F;
    border: 1px solid #00758F;
    color: #FFFFFF;
    transition: .3s;
}
.button-custom-selection-blue {
    font-family: 'DINPro', serif;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #FFFFFF;
    background: #00758F;
    border: 1px solid #00758F;
    box-sizing: border-box;
    border-radius: 6px;
    padding: 13px 28px;
    cursor: pointer;
    outline: none;
}
.button-custom-selection-blue:hover, .button-custom-selection-blue:active {
    background: #00576a;
    border: 1px solid #00576a;
    color: #FFFFFF;
    transition: .3s;
}
.button-custom-selection-grey {
    font-family: 'DINPro', serif;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #FFFFFF;
    background: #46505A;
    border: 1px solid #46505A;
    box-sizing: border-box;
    border-radius: 6px;
    padding: 13px 28px;
    cursor: pointer;
    outline: none;
}
.button-custom-selection-grey:hover, .button-custom-selection-grey:active {
    background: #1f2529;
    border: 1px solid #1f2529;
    color: #FFFFFF;
    transition: .3s;
}

.button-custom-white {
    font-family: 'DINPro', serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #46505A;
    text-transform: uppercase;
    background: #FFFFFF;
    border: 1px solid #FFFFFF;
    box-sizing: border-box;
    border-radius: 6px;
    padding: 13px 28px;
    cursor: pointer;
    outline: none;
}
.button-custom-white:hover, .button-custom-white:active {
    background: #00758F;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    transition: .3s;
}
.button-custom-white-mini {
    padding: 13px 13px;
}
.navbar .first-block-top {
    height: 100px;
    border-bottom: 1px solid #fff;
    position: relative;
}
.footer-navbar {
    border-bottom: 1px solid #DEDEDE;
}
.footer-navbar .nav-item  .nav-link{
    padding-bottom: 20px;
    padding-top: 20px;
}
#logo-top {
    height: 70px;
    width: auto;
    border: 0;
}
.store-top-icon {
    height: 40px;
    width: auto;
    border: 0;
}
.store-top-icon-block .store-icon-app-store {
    margin-right: 40px;
}
.store-icon-app-store {
    background-image: url('/images/social/app-store_Normal.svg');
    background-repeat: no-repeat !important;
    display: block;
    height: 40px;
    width: 120px;
    transition: background-image .2s;
}
.store-icon-app-store:hover {
    background-image: url('/images/social/app_store_Hover.svg');
}
.store-icon-google-play {
    background-image: url('/images/social/google-play_Normal.svg');
    background-repeat: no-repeat !important;
    display: block;
    height: 40px;
    width: 135px;
    transition: background-image .2s;
}
.store-icon-google-play:hover {
    background-image: url('/images/social/google-play_Hover.svg');

}
.social-top-icon-facebook path, .social-top-icon-vk path, .social-top-icon-instagram path, .social-top-icon-tg path, .user-top-icon path  {
    fill: #DEDEDE;
    transition: fill .2s;
}
.social-top-icon-facebook:hover path, .social-top-icon-vk:hover path, .social-top-icon-instagram:hover path, .social-top-icon-tg:hover path, .user-top-icon:hover path {
    fill: #FFFFFF;
}
.social-top-icon-block .social-top-icon-facebook, .social-top-icon-block .social-top-icon-vk, .social-top-icon-tg {
    margin-right: 30px;
}

.social-top-icon-block .social-top-icon-instagram {
    margin-right: 50px;
}
.social-icon {
    margin-right: 30px;
}
.social-icon i, .user-icon i  {
    color: #DEDEDE;
    transition: color 0.3s;
    font-size: 25px;
    vertical-align: middle;
    line-height: 1;
}
.social-icon .svg-inline--fa, .user-icon .svg-inline--fa {
    font-size: 25px;
}
.social-icon:hover i, .user-icon:hover i {
    color: #FFFFFF;
}
.user-icon .user-name-info {
    transition: color 2s;
}
.user-icon:hover .user-name-info {
    color: #FFFFFF;
}
.social-icon path, .user-icon path  {
    fill: #DEDEDE;
    transition: fill .2s;
}
.social-icon:hover path, .user-icon:hover path  {
    fill: #FFFFFF;
}
.social-icon-last{
    margin-right: 50px;
}
.user-top-icon {
    height: 28px;
    width: auto;
    border: 0;
}
.user-name-info {
    position: absolute;
    right: 0;
    bottom: 1px;
    font-size: 12px;
    color: #FFFFFF;
}
.navbar-nav-custom .nav-item .nav-link {
    color: #DEDEDE;
    font-family: 'DINPro', serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    transition: all .2s;
    padding-bottom: 20px;
    padding-top: 20px;
}
.navbar-nav-custom .nav-item .nav-link:focus, .navbar-nav-custom .nav-item  .nav-link:hover {
    color: #ffffff !important;
    text-decoration-line: underline;
    text-underline-offset: 3px;
}
.background-wrapper-top-greeting {
    background-image: url('/images/back/back-top-greeting.jpg');
    background-repeat: no-repeat !important;
    background-size: cover;
    position: relative;
}
.wrapper-top-greeting {
    padding-top: 30px;
    padding-bottom: 97px;
}
#sign {
    border-left: 10px solid #fff;
    padding-left: 15px;
    color: #FFFFFF;
    padding-top: 6px;
    padding-bottom: 5px;
}
#sign .full-name {
    font-weight: bold;
    font-size: 16px;
    line-height: 21px;
}
#sign .position {
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
}
.top-greeting-title {
    font-family: 'DINPro', serif;
    font-weight: bold;
    font-style: normal;
    font-size: 50px;
    line-height: 63px;
    margin-bottom: 20px;
    color: #FFFFFF;
}
.top-greeting-subtitle {
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    line-height: 23px;
    letter-spacing: -0.04em;
    margin-bottom: 20px;
    color: #FFFFFF;
}
.mayor {
    height: auto;
}
.mayor-small {
    height: auto;
    width: 100px;
}
.bottom-text-ug-zhuk {
    font-family: 'DINPro', serif;
    font-weight: 900;
    font-style: normal;
    font-size: 7.3vw;
    line-height: 0.8;
    color: rgba(255, 255, 255, 0.05);
    bottom: 0;
    left: 0;
    right:0;
    position: absolute;
    z-index: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.background-wrapper-info-portal {
    background-image: url('/images/back/back-info-portal.png');
    background-repeat: no-repeat !important;
    background-position: right bottom;
}
.wrapper-info-portal {
    padding-top: 55px;
    padding-bottom: 85px;
}
.info-portal-text {
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 23px;
    margin-bottom: 15px;
    color: #46505A;
}
.info-portal-text img {
    width: 24px;
    height: 56px;
    margin-right: 20px;
}
.info-portal-text-block-card .card-columns {
    column-gap: 30px;
}
.card-custom-info-portal {
    padding: 30px;
    background: #FFFFFF;
    box-shadow: 0px 2px 10px rgba(70, 70, 70, 0.1);
    border-radius: 8px;
    margin-top: 15px;
    margin-bottom: 15px;
    letter-spacing: -0.04em;
    display: inline-block;
    position: relative;
}
.card-custom-info-portal:hover {
    transition: all .2s;
    box-shadow: 0px 2px 10px rgba(70, 70, 70, 0.2);
}
.card-custom-info-portal:hover .card-custom-title-info-portal {
    color: #46505A;
    transition: all .2s;
}
.card-custom-title-info-portal {
    transition: all .2s;
    font-weight: bold;
    font-style: normal;
    font-size: 20px;
    line-height: 24px;
    color: #D0D0D0;
}
.card-custom-info-portal img {
    width: 100%;
}
.card-custom-small-info-portal {
    height: 230px;
}
.card-custom-big-info-portal {
    height: 490px;
}
.card-custom-text-info-portal {
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    line-height: 21px;
    margin-top: 20px;
    margin-bottom: 18px;
    letter-spacing: -0.025em;
    color: #000000;
}
.info-portal-card-img {
    width: 290px;
    height: 138px;
    opacity: 0.1;
}
.background-wrapper-rewards-store {
    background-image: url(' /images/back/back-rewards-store.jpg');
    background-repeat: repeat !important;
}
.wrapper-rewards-store {
    padding-top: 100px;
    padding-bottom: 100px;
}
.block-scroll-rewards-store {
    margin-top: 30px;
}
.green-block {
    background-color: #00A150 !important;
    min-width: 120px !important;
}
.blue-block {
    background-color: #00758F !important;
    min-width: 120px !important;
}
.buttons-block-faq .button-classifier-block .button-classifier-block-col:not(:first-child ) {
    margin-top: 8px;
}
.buttons-block-faq .button-classifier-block .collapsing {
    border-style: solid;
    border-width: 0px 1px 1px 1px;
    border-color: #E7E7E7;
}
.buttons-block-faq .button-classifier-block .collapse.show {
    border-style: solid;
    border-width: 0px 1px 1px 1px;
    border-color: #E7E7E7;
}
.buttons-block-faq .mini-text {
    font-size: 14px;
}
.navbar-lk {
    font-family: 'DINPro', serif;
    font-weight: 500;
}
.my-nau-card {
    width: 325px;
    height: 204px;
    position: relative;
    border-radius: 10px;
    color: #000000;
    font-family: 'DINPro', serif;
    font-weight: 500;
    font-style: normal;
}
.my-nau-card.my-nau-card-real {
    background: linear-gradient(to bottom right, #d9eefa, #8fc8ef);
}
.my-nau-card.my-nau-card-virt {
    background: linear-gradient(to bottom right, #e7f3db, #bac9c2);
}
.my-nau-card.my-nau-card-new {
    background: linear-gradient(to bottom right, #e7f3db, #bac9c2);
}
.my-nau-card.my-nau-card-virt:after {
    position: absolute;
    content: 'ВИРТУАЛЬНАЯ';
    color: rgba(0, 0, 0, 0.24);
    font-size: 22px;
    letter-spacing: 0.09em;
    top: 52px;
    width: 100%;
    left: 50%;
    text-align: center;
    transform: translateX(-50%);
    background-color: rgba(255, 255, 255, 0.48);

}
.my-nau-card.my-nau-card-new:after {
    position: absolute;
    content: 'ЗАЯВКА НА ВЫПУСК';
    color: rgba(0, 0, 0, 0.24);
    font-size: 22px;
    letter-spacing: 0.09em;
    top: 52px;
    width: 100%;
    left: 50%;
    text-align: center;
    transform: translateX(-50%);
    background-color: rgba(255, 255, 255, 0.48);

}
.my-nau-card .logo_smartcity {
    position: absolute;
    top: 15px;
    left: 20px;
    width: auto;
    height: 20px;
}
.my-nau-card .naucard {
    position: absolute;
    width: auto;
    top: 23px;
    left: 200px;
    height: 16px;
}
.my-nau-card .number {
    font-size: 18px;
    letter-spacing: 1px;
    position: absolute;
    top: 108px;
    left: 20px;
    font-family: 'CREDCard', sans-serif;
    text-shadow:-0.5px -0.5px #ffffff;
}
.my-nau-card .number::first-letter {
    margin-left: -1px;
}
.my-nau-card .expiration_date {
    font-size: 13px;
    position: absolute;
    top: 147px;
    left: 210px;
    text-shadow:-0.2px -0.2px #ffffff;
}
.my-nau-card .owner {
    font-family: 'BookAntiquaBOLD', sans-serif;
    font-size: 14px;
    position: absolute;
    top: 170px;
    left: 20px;
    text-shadow: -0.2px -0.2px #ffffff;
    text-transform: uppercase;
}
.my-nau-card .owner::first-letter {
    margin-left: -1px;
}
.my-nau-card .qr-code {
    position: absolute;
    top: 150px;
    left: 270px;
    height: 35px;
    width: auto;
}
.my-nau-card {
    margin: 0 33.75px;
}

.my-rewards-block .coupon .status {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: -0.025em;
    color: #46505A;
}
.my-rewards-block .coupon.status-used .status{
    color: #E62D26;
}
.my-rewards-block .coupon.status-active .status{
    color: #00758F;
}
.my-rewards-block .coupon.status-used .card-header-custom .card-img-custom{
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.my-rewards-block .coupon .card {
    border-width: 0;
    border-radius: 8px;
}
.my-rewards-block .coupon .card .card-header-custom {
    padding: 20px;
}
.my-rewards-block .coupon .card .card-header-custom .card-img-custom {
    border-radius: 8px;
    width: 100%;
}
.my-rewards-block .coupon {
    display: flex;
}
.my-rewards-block .coupon .info-part {
    width: 75%;
    background-color: #FFFFFF;
    border-radius: 10px;
    position: relative;
}
.my-rewards-block .coupon .info-part:after {
    content: " ";
    position: absolute;
    right: -4px;
    top: 10px;
    bottom: 10px;
    border-right: 5px dotted #ffffff;
    z-index: 1;
}
.my-rewards-block .coupon .stamp-part {
    width: calc(25% - 4px);
    background-color: #FFFFFF;
    border-radius: 10px;
    color: #2d2d2d;
    padding: 30px;
    position: relative;
    margin-left: 4px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.my-rewards-block .coupon .stamp-part:after {
    content: " ";
    position: absolute;
    left: -4px;
    top: 15px;
    bottom: 15px;
    border-left: 5px dotted #ffffff;
    z-index: 1;
}

.my-rewards-block .stamp-part .stamp {
    position: relative;
    box-shadow: 0 0 0 4px #00758F, 0 0 0 2px #00758F inset;
    -webkit-box-shadow:  0 0 0 4px #00758F, 0 0 0 2px #00758F inset;
    -moz-box-shadow:  0 0 0 4px #00758F, 0 0 0 2px #00758F inset;
    border: 2px solid transparent;
    border-radius: 7px;
    color: #00758F;
    font-weight: bold;
    padding: 10px;
    background-color: #FFFFFF;
    text-align: center;
    transform: rotate(-8deg);
    min-width: 170px;
}

.my-rewards-block .stamp-part .stamp:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url("/images/stamp_bg.jpg");
    mix-blend-mode: screen;
}
.my-rewards-block .status-used .stamp-part .stamp{
    box-shadow: 0 0 0 4px #b60400, 0 0 0 2px #b60400 inset;
    -webkit-box-shadow:  0 0 0 4px #b60400, 0 0 0 2px #b60400 inset;
    -moz-box-shadow:  0 0 0 4px #b60400, 0 0 0 2px #b60400 inset;
    color: #b60400;
}

.my-rewards-block .coupon.status-active .stamp-part:hover {
    transform: rotate(2deg);
    transform-origin: left bottom;
    transition: transform 0.3s ease-in-out;
}
.qr-code-rewards {
    width: 250px;
    height: auto;
}



@media (max-width: 991px) {
    .my-rewards-block .coupon {
        flex-direction: column;
    }
    .my-rewards-block .coupon .info-part {
        width: 100%;
    }
    .my-rewards-block .coupon .stamp-part {
        width: 100%;
        margin-top: 4px;
        margin-left: 0;
    }
    .my-rewards-block .coupon .info-part:after {
        content: " ";
        position: absolute;
        right: 10px;
        left: 10px;
        bottom: -4px;
        border-bottom: 5px dotted #ffffff;
        border-right: 0;
    }
    .my-rewards-block .coupon .stamp-part:after {
        content: " ";
        position: absolute;
        top: -4px;
        left: 15px;
        right: 15px;
        border-top: 5px dotted #ffffff;
    }
    .my-rewards-block .stamp-part .stamp {
        transform: rotate(-4deg);
    }
    .my-rewards-block .stamp-part .stamp div {
        display: inline-block;
    }

    .my-rewards-block .coupon.status-active .stamp-part:hover {
        transform: rotate(1deg);
        transform-origin: left top;
    }
    .my-rewards-block .coupon .stamp-part {
        flex-direction: row;
        justify-content: space-between;
    }



}
@media (max-width: 768px) {
    .my-rewards-block .coupon .card .card-header-custom .card-img-custom {
        width: 35%;
    }
    .my-rewards-block .coupon .card .card-header-custom {
        padding-bottom: 0;
    }
    .my-rewards-block .coupon .button-reward {
        display: block;
        width: 100%;
    }
    .my-rewards-block .coupon .stamp-part {
        flex-direction: column;
        justify-content: center;
    }
}



@media (min-width: 992px) {
    .navbar-lk .navbar-nav .nav-link {
        margin-left: 1.5rem;
        margin-right: 1.5rem;
    }
}
.navbar-lk .nav-item .nav-link {
    padding-right: 0;
    padding-left: 0;
}
.navbar-lk .nav-item:last-child .nav-link {
    margin-right: 0;
}
.navbar-lk .nav-item:first-child .nav-link {
    margin-left: 0;
}
.navbar-lk .dropdown-item.active, .navbar-lk .dropdown-item:active{
    background-color: #00758F;
}
.navbar-lk .dropdown-menu {
    border-radius: 0;
    padding: 0;
}
.navbar-lk .dropdown-toggle::after {
    font-size: 1.1rem;
    vertical-align: 0.15em
}
/*кастомная карусель*/
.carousel-custom .carousel-item {
    box-shadow: none !important;
}
.carousel-custom .carousel-inner .carousel-item.active,
.carousel-custom .carousel-inner .carousel-item-next,
.carousel-custom .carousel-inner .carousel-item-prev {
    display: flex;
}

@media (max-width: 768px) {
    .carousel-custom .carousel-inner .carousel-item-right.active,
    .carousel-custom .carousel-inner .carousel-item-next {
        transform: translateX(100%);
    }

    .carousel-custom .carousel-inner .carousel-item-left.active,
    .carousel-custom .carousel-inner .carousel-item-prev {
        transform: translateX(-100%);
    }
}
@media (min-width: 768px) {

    .carousel-custom .carousel-inner .carousel-item-right.active,
    .carousel-custom .carousel-inner .carousel-item-next {
        transform: translateX(50%);
    }

    .carousel-custom .carousel-inner .carousel-item-left.active,
    .carousel-custom .carousel-inner .carousel-item-prev {
        transform: translateX(-50%);
    }
}

@media (min-width: 992px) {
    .carousel-custom .carousel-inner .carousel-item-right.active,
    .carousel-custom .carousel-inner .carousel-item-next {
        transform: translateX(33.333%);
    }

    .carousel-custom .carousel-inner .carousel-item-left.active,
    .carousel-custom .carousel-inner .carousel-item-prev {
        transform: translateX(-33.333%);
    }
}
.carousel-custom .carousel-inner .carousel-item-right,
.carousel-custom .carousel-inner .carousel-item-left {
    transform: translateX(0);
}
.carousel-custom .carousel-control-prev-icon,
.carousel-custom .carousel-control-next-icon {
    height: 40px;
    width: 40px
}
.carousel-custom .carousel-control-next-icon {
    background-image: url('/images/icons/Icon_arrows_right.png');
}
.carousel-custom .carousel-control-prev-icon {
    background-image: url('/images/icons/Icon_arrows_left.png');
}
.carousel-custom .carousel-control-prev {
    left: 15px;
}
.carousel-custom .carousel-control-next {
    right: 15px;
}
/*кастомная карусель end*/
.background-wrapper-news {
    background-image: url('/images/back/back-news.png');
    background-repeat: no-repeat !important;
    background-position: left top;
    background-size:  auto 100%;
}
.wrapper-news {
    padding-top: 100px;
    padding-bottom: 100px;
}
.news-title {
    font-family: 'DINPro', serif;
    font-style: normal;
    font-weight: bold;
    font-size: 34px;
    line-height: 43px;
    color: #363636;
    padding-bottom: 5px;
}
.card-custom-news {
    width: 100%;
    /* height: 527px;*/
    height: 100%;
    background: #FFFFFF;
    box-shadow: 0px 2px 10px rgba(70, 70, 70, 0.1);
    border-radius: 8px;
    padding-bottom: 24px;
    position: relative;
}
.card-custom-news:hover {
    box-shadow: 0px 2px 10px rgba(70, 70, 70, 0.2);
}
.card-custom-news:hover .card-custom-title-news {
    color: #00758F;
    transition: all .2s;
}
.card-custom-title-news {
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.04em;
    color: #000000;
    margin-bottom: 10px;
    transition: all .2s;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -moz-box;
    -moz-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-clamp: 3;
    box-orient: vertical;
}
.card-custom-subtitle-news {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -0.025em;
    color: #46505A;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -moz-box;
    -moz-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-clamp: 3;
    box-orient: vertical;
}
.card-img-top-news {
    object-fit: cover;
}
.card-custom-date-news {
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #46505A;
    padding-bottom: 5px;
}
.card-custom-block-text-news {
    padding: 20px;
}
.card-custom-block-button {
    margin-left: 20px;
    margin-right: 20px;
}
.card-custom-img {
    width: 100%;
    object-fit: cover;
    border-top-left-radius: 8px;
    border-top-right-radius:  8px;
}

.modal-content-news-title {
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    line-height: 31px;
    letter-spacing: -0.04em;
    color: #00758F;
    margin-bottom: 10px;
}
.modal-content-news-date{
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #46505A;
    margin-bottom: 20px;
}
.modal-content-news-text {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -0.025em;
    color: #46505A;
}
.modal-content-news-text div:not(:last-child) {
    margin-bottom: 20px;
}
.modal-content-title-img {
    border-radius: 8px;
    margin-bottom: 40px;
}
.background-wrapper-calendar {
    background-image: url('/images/back/back-calendar.png');
    background-repeat: no-repeat !important;
    background-size: cover;
}
.wrapper-calendar {
    padding-bottom: 100px;
    padding-top: 100px;
}
.calendar-title {
    font-family: 'DINPro', serif;
    font-style: normal;
    font-weight: bold;
    font-size: 34px;
    line-height: 43px;
    color: #FFFFFF;

    margin-bottom: 28px;
}
.calendar-demo {
    width: 100%;
    height: auto;
}
.info-block-calendar {
    max-height: 416px;
    overflow-y: auto;
}
.info-block-calendar-date {
    margin-bottom: 9px;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #FFFFFF;
}
.info-block-calendar-title {
    margin-bottom: 16px;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 25px;
    color: #FFFFFF;
}
.info-block-calendar-text {
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 21px ;
    letter-spacing: -0.025em;
    color: #FFFFFF;
}
.info-block-calendar-text div:not(:last-child) {
    margin-bottom: 20px;
}
.background-wrapper-with-support {
    background: #FFFFFF;
}
.wrapper-with-support {
    padding-top: 100px;
    padding-bottom: 100px;
}
.with-support-title {
    font-family: 'DINPro', serif;
    font-style: normal;
    font-weight: bold;
    font-size: 34px;
    line-height: 43px;
    color: #363636;
    margin-bottom: 30px;
}

.wrapper-with-support .slider-custom {
    width: auto;
    margin: 0;
}
.wrapper-with-support .slider-custom a {
    display: block;
}
.wrapper-with-support .section{
    overflow: hidden;
}
.wrapper-with-support .slider-custom {
    width: calc(100vw - (100vw - 1110px) / 2 );
    overflow: hidden;
}

.wrapper-with-support .slick-slide {
    margin-right: 50px;
    display: flex !important;
}
@media (max-width: 1200px) {
    .wrapper-with-support .slider-custom{
        width: 100%;
    }
    .wrapper-with-support .slick-slide {
        margin-right: auto;
    }
}
.button-prev-custom, .button-next-custom {
    width: 40px;
    height: 40px;
    background: #D0D0D0;
    border-radius: 6px;
    opacity: 0.5;
    padding: 0;
}
.button-prev-custom:hover, .button-next-custom:hover  {
    background: #00758F;
    opacity: 0.5;

}
.background-wrapper-footer {
    background: #3F464E;
}
.footer-content-block a {
    font-family: 'DINPro', serif;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 25px;
    text-align: center;
    color: #FFFFFF;
}
.footer-content-block div:not(:last-child) {
    margin-bottom: 20px;
}

.footer-content-block {
    padding-top: 50px;
    padding-bottom: 99px;
}
.social-footer-icon-block {
    border-top: 1px solid #DEDEDE;
}
.background-wrapper-top-about {
    background-image: url('/images/back/back-top-about.png');
    background-repeat: no-repeat !important;
    background-size: cover;
    position: relative;
}
.about-top-title {
    font-family: 'DINPro', serif;
    font-style: normal;
    font-weight: bold;
    font-size: 70px;
    line-height: 88px;
    letter-spacing: -0.025em;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 30px;
}
.about-top-subtitle {
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 23px;
    letter-spacing: -0.04em;
    color: #FFFFFF;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
}
.wrapper-top-about {
    padding-top: 70px;
    padding-bottom: 207px;
}
.background-wrapper-map-realization {
    background-image: url('/images/back/back-map-realization.jpg');
    background-repeat: repeat !important;

}
.wrapper-map-realization {
    padding-top: 95px;
    padding-bottom: 100px;
}
.map-realization-title {
    font-family: 'DINPro', serif;
    font-style: normal;
    font-weight: bold;
    font-size: 34px;
    line-height: 43px;
    color: #46505A;
    margin-bottom: 30px;
}
.map-realization-designations-block {
    padding-bottom: 30px;
    border-bottom: 1px solid #D0D0D0;
}
.map-realization-legend-realize-icon, .map-realization-legend-process-icon, .map-realization-legend-no-implementation-icon {
    width: 36px;
    height: 36px;
    border: 1px solid #FFFFFF;
    border-radius: 8px;
    margin-right: 15px;
}
.map-realization-legend-realize-icon {
    background: #00A150;
}
.map-realization-legend-process-icon {
    background: #FFDF00;
}
.map-realization-legend-no-implementation-icon {
    background: #E62D26;
}
.map-realization-legend-realize-text, .map-realization-legend-process-text, .map-realization-legend-no-implementation-text {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -0.025em;
    color: #46505A;
}
.map-realization-block-cards {
    padding-top: 30px;
}
.map-realization-block-cards .card-columns {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    column-gap: 30px;
}
.card-columns .map-realization-card-custom-internal:last-child {
    margin-bottom: 0;
}
.map-realization-card-custom {
    background: #FFFFFF;
    box-shadow: 0px 2px 10px rgba(70, 70, 70, 0.1);
    border-radius: 8px;
    padding: 46px;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 21px;
    letter-spacing: -0.04em;
    border: none;
    margin-top: 15px;
    margin-bottom: 15px;
    display: inline-block;
    width: 100%;
}
.map-realization-card-custom-internal-main {
    border-radius: 8px;
    min-height: 96px;
    border: none;
    margin-bottom: 20px;
    position: relative;
}
.map-realization-card-custom-internal-main-icon-block {
    background: #46505A;
    border-radius: 8px 0px 0px 8px;
    min-width: 95px;
    box-sizing: border-box;
}
.map-realization-card-custom-internal-main-text-block {
    background-color: #FFFFFF;
    border: 1px solid #E7E7E7;
    box-sizing: border-box;
    border-radius: 0px 8px 8px 0px;
    padding-left: 20px;
    padding-right: 20px;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -0.04em;
    text-transform: uppercase;
    color: #46505A;
}
.map-realization-card-custom-internal {
    text-align: left;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -0.04em;
    color: #46505A;
    border-radius: 8px;
    padding-left: 20px;
    padding-right: 20px;
    min-height: 96px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border: 1px solid transparent;
}
.map-realization-card-custom .map-realization-card-custom-internal {
    margin-bottom: 30px;
}
.map-realization-card-custom-internal-realize {
    background: #00A150;
    color: #E7E7E7;
}
.map-realization-card-custom-internal-process {
    background: #FFDF00;
    color: #46505A;
}
.map-realization-card-custom-internal-no-implementation {
    background: #E62D26;
    color: #E7E7E7;
}
.map-realization-card-custom-internal:hover {
    box-shadow: 0px 2px 10px rgba(70, 70, 70, 0.2);
    border: 1px #FFFFFF solid;
    transition: all .2s;
}
.map-realization-card-custom-internal-realize:hover {
    color: #FFFFFF;
    transition: all .2s;
}
.map-realization-card-custom-internal-process:hover {
    color: #000000;
    transition: all .2s;
}
.map-realization-card-custom-internal-no-implementation:hover {
    color: #FFFFFF;
    transition: all .2s;
}
.modal-content {
    -webkit-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    border-radius: 8px !important;
    -webkit-border: 0px !important;
    -moz-border: 0px !important;
    border: none !important;
}
.map-realization-modal .map-realization-modal-content .map-realization-modal-content-title {
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: -0.04em;
    text-transform: uppercase;
    color: #00758F;
    margin-bottom: 10px;
}
.map-realization-modal .map-realization-modal-content .map-realization-modal-content-subtitle {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -0.04em;
    color: #46505A;
    margin-bottom: 30px;
}
.map-realization-modal .map-realization-modal-content .map-realization-modal-content-text {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 21px;
    color: #46505A;
}
.map-realization-modal .map-realization-modal-content .map-realization-modal-content-text > * {
    margin-bottom: 20px;
}
.background-wrapper-invitation{
    background-image: url('/images/back/back-invitation.jpg');
    background-repeat: repeat !important;
}
.wrapper-invitation {
    padding-top: 200px;
    padding-bottom: 200px;
}
.invitation-title {
    text-align: center;
    margin-bottom: 30px;
    font-style: normal;
    font-weight: bold;
    font-size: 26px;
    line-height: 31px;
    letter-spacing: -0.04em;
    color: #FFFFFF;
}
.invitation-subtitle {
    text-align: center;
    margin-top: 30px;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -0.04em;
    color: #FFFFFF;
}
.invitation-delimiter {
    border: 1px solid #FFFFFF;
}
.background-wrapper-legal-basis {
    background-image: url(' /images/back/back-legal-basis.jpg');
    background-repeat: repeat !important;
}
.wrapper-legal-basis {
    padding-top: 100px;
    padding-bottom: 100px;
}
.legal-basis-block-card {
    padding-top: 6px;
}
.legal-basis-title {
    font-family: 'DINPro', serif;
    font-style: normal;
    font-weight: bold;
    font-size: 34px;
    line-height: 37px;
    color: #FFFFFF;
}
.card-custom-legal-basis {
    padding: 30px;
    background: #FFFFFF;
    box-shadow: 0px 2px 10px rgba(70, 70, 70, 0.1);
    border-radius: 8px;
    height: 100%;
    min-height: 234px;
}
.card-custom-legal-basis-text-block {
    padding-bottom: 42px;
}
.card-custom-legal-basis:hover .card-custom-legal-basis-title {
    color: #00758F;
    transition: all .2s;
}
.card-custom-legal-basis:hover  {
    box-shadow: 0px 2px 10px rgba(70, 70, 70, 0.2);
    transition: all .2s;
}
.card-custom-legal-basis-title {
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -0.04em;
    color: #000000;
    padding-bottom: 10px;
    transition: all .2s;
}
.card-custom-legal-basis-subtitle {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.025em;
    color: #000000;
}
.background-wrapper-bank-of-offers {
    background-color: #FFFFFF;
    background-image: url(' /images/back/back-bank-of-offers.png');
    background-repeat: no-repeat !important;
    background-position: left bottom;
    background-size:  auto 100%;
}
.wrapper-bank-of-offers {
    padding-top: 100px;
    padding-bottom: 100px;
}
.bank-of-offers-title {
    font-family: 'DINPro', serif;
    font-style: normal;
    font-weight: bold;
    font-size: 34px;
    line-height: 43px;
    color: #46505A;
    margin-bottom: 30px;
}
.bank-of-offers-statistics-block {
    padding-bottom: 50px;
}
.bank-of-offers-block-summ {
    background-color: #008ECF;
    border-radius: 8px;
    padding-top: 28px;
    padding-bottom: 28px;
    position: relative;

}
.bank-of-offers-block-summ .summ-total-numbers {
    font-family: 'DINPro', serif;
    font-style: normal;
    font-weight: bold;
    font-size: 70px;
    line-height: 88px;
    text-align: center;
    color: #FFFFFF;
    overflow: hidden;
    text-overflow: ellipsis;
}
.bank-of-offers-block-summ .summ-total-text {
    font-family: 'DINPro', serif;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #FFFFFF;
    padding-left: 20px;
    padding-right: 20px;
}
.bank-of-offers-block-margin {
    margin-top: 20px;
}
.bank-of-offers-card-categories {
    box-shadow: 0px 2px 10px rgba(70, 70, 70, 0.1);
    border-radius: 8px;
    min-height: 96px;
    border: none;
    position: relative;
}
.bank-of-offers-card-categories .total-numbers {
    background: #008ECF;
    border-radius: 8px 0px 0px 8px;
    min-width: 95px;
    box-sizing: border-box;
    font-family: 'DINPro', serif;
    font-style: normal;
    font-weight: bold;
    font-size: 50px;
    line-height: 63px;
    text-align: center;
    color: #FFFFFF;
    padding-left: 5px;
    padding-right: 5px;
}
.bank-of-offers-card-categories .total-numbers div {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}
.bank-of-offers-card-categories .total-text {
    background-color: #FFFFFF;
    border: 1px solid #E7E7E7;
    box-sizing: border-box;
    border-radius: 0px 8px 8px 0px;
    padding: 20px;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -0.04em;
    text-transform: uppercase;
    color: #46505A;
    flex-grow: 1;
}
.wrapper-over-footer-city {
    padding-top: 100px;
}
.background-wrapper-top-request {
    background-image: url('/images/back/back-top-request.png');
    background-repeat: no-repeat !important;
    background-size: cover;
    position: relative;
}
.request-top-title {
    font-family: 'DINPro', serif;
    font-style: normal;
    font-weight: bold;
    font-size: 70px;
    line-height: 84px;
    letter-spacing: -0.025em;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 30px;
}
.request-top-subtitle {
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 23px;
    letter-spacing: -0.04em;
    color: #FFFFFF;
}
.background-wrapper-form-request {
    background-color: #ffffff;
}
.wrapper-form-request {
    padding-top: 66px;
    padding-bottom: 100px;
}
.background-wrapper-top-authorization {
    background-image: url('/images/back/back-top-authorization.png');
    background-repeat: no-repeat !important;
    background-size: cover;
    position: relative;
}
.background-wrapper-top-error {
    background-image: url('/images/back/back-top-error.png');
    background-repeat: no-repeat !important;
    background-size: cover;
    position: relative;
}
.error-block, .login-block {
    background: #FFFFFF;
    box-shadow: 0px 2px 10px rgba(70, 70, 70, 0.14);
    border-radius: 8px;
    padding: 50px 15px;
}
.login-title {
    font-family: 'DINPro', serif;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    color: #46505A;
    margin-bottom: 16px;
}

.sent-subtitle {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 21px;
    text-align: center;
    letter-spacing: -0.025em;
    color: #46505A;
    margin-bottom: 30px;
}

.service-title {
    font-family: 'DINPro', serif;
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 60px;
}
.service-subtitle {
    font-family: 'DINPro', serif;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 21px;
    color: #46505A;
    margin-bottom: 16px;
}
.error-title {
    font-family: 'DINPro', serif;
    font-style: normal;
    font-weight: bold;
    font-size: 70px;
    line-height: 88px;
    text-align: center;
    color: #46505A;
}
.error-subtitle {
    font-family: 'DINPro', serif;
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 40px;
}
.error-text {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 21px;
    text-align: center;
    letter-spacing: -0.025em;
    color: #46505A;
    margin-bottom: 40px;
}
.background-wrapper-top-profile {
    background-image: url('/images/back/back-top-profile.png');
    background-repeat: no-repeat !important;
    background-size: cover;
    position: relative;
}
.background-wrapper-profile {

}
.wrapper-profile {
    padding-top: 100px;
    padding-bottom: 100px;
}
.background-wrapper-white-block {
    background-color: #ffffff;
}
.wrapper-white-block {
    padding-top: 100px;
    padding-bottom: 100px;
}
.custom-control-request {
    margin-bottom: 60px;
    margin-top: 16px;
}
.form-stages-request {
    box-shadow: 0px 2px 10px rgba(70, 70, 70, 0.14);
    border-radius: 8px;
    padding: 50px 30px;
    background-color: #FFFFFF;
}
.form-stages-request-step {
    border-bottom: 1px solid #D0D0D0;
    margin-bottom: 20px;
    cursor: pointer;
}
.form-stages-request-step .form-stages-request-number {
    font-family: 'DINPro', serif;
    font-style: normal;
    font-weight: bold;
    font-size: 70px;
    line-height: 88px;
    color: #D0D0D0;
    padding-right: 17px;
}
.form-stages-request-step .form-stages-request-info {
    font-family: 'DINPro', serif;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 25px;
    color: #D0D0D0;
}
.form-stages-request-step.active {
    border-bottom: 1px solid #00758F;

    cursor: default;
}
.form-stages-request-step.active .form-stages-request-number {
    color: #00758F;
}
.form-stages-request-step.active .form-stages-request-info {
    color: #00758F;
}
.wrapper-top-request {
    padding-top: 107px;
    padding-bottom: 259px;
}
.sent-block {
    background: #FFFFFF;
    box-shadow: 0px 2px 10px rgba(70, 70, 70, 0.14);
    border-radius: 8px;
    padding: 80px 15px;
}
.sent-title {
    font-family: 'DINPro', serif;
    font-style: normal;
    font-weight: bold;
    font-size: 34px;
    line-height: 43px;
    text-align: center;
    color: #46505A;
    margin-bottom: 16px;
}
.sent-subtitle {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 21px;
    text-align: center;
    letter-spacing: -0.025em;
    color: #46505A;
    margin-bottom: 30px;
}
.request-error {
    background: red !important;
}
.invalid-tooltip-custom {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    /*   display: none;*/
    max-width: 100%;
    line-height: 18px;
    color: #E62D26;
    font-size: 12px;
    font-weight: normal;
    pointer-events: none;
    font-style: normal;
}
.background-wrapper-top-resident-card {
    background-image: url('/images/back/back-top-resident-card.png');
    background-repeat: no-repeat !important;
    background-size: cover;
    position: relative;
}
.wrapper-top-resident-card {
    padding-top: 60px;
    padding-bottom: 97px;
}
.resident-card-content-top-getting {
    padding-bottom: 30px;
}
.resident-card-top-title {
    font-family: 'DINPro', serif;
    font-style: normal;
    font-weight: bold;
    font-size: 70px;
    line-height: 88px;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 20px;
}
.resident-card-top-subtitle {
    font-family: 'CeraPro', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.04em;
    color: #FFFFFF;
    margin-bottom: 30px;
}
.resident-card-top-subtitle .resident-card-top-subtitle-bold {
    font-family: 'CeraPro', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -0.04em;
    color: #FFFFFF;
}
.resident-card-top-small-title {
    font-family: 'DINPro', serif;
    font-style: normal;
    font-weight: bold;
    font-size: 34px;
    line-height: 43px;
    letter-spacing: -0.01em;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 20px;
}
.resident-card-top-subtitle-list {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    letter-spacing:  -0.005em;
    color: #FFFFFF;
    padding-left: 25px;
}
.resident-card-top-subtitle-list li {
    margin-bottom: 5px;
}
.resident-card-top-img {
    width: 100%;
    height: auto;
}
.background-wrapper-faq {
    background-color: #ffffff;

}
.wrapper-faq {
    padding-top: 100px;
    padding-bottom: 100px;
}
.faq-title {
    font-family: 'DINPro', serif;
    font-style: normal;
    font-weight: bold;
    font-size: 34px;
    line-height: 43px;
    color: #46505A;
    margin-bottom: 20px;
}
.faq-subtitle {
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 23px;
    color: #000000;
}
.background-wrapper-rewards-shop {
    background-image: url('/images/back/back-reward-shop.jpg');
    background-repeat: repeat !important;
    position: relative;
}
.wrapper-rewards-shop {
    padding-bottom: 100px;
    padding-top: 100px;
}
.rewards-shop-title {
    font-family: 'DINPro', serif;
    font-style: normal;
    font-weight: bold;
    font-size: 34px;
    line-height: 43px;
    color: #FFFFFF;
    margin-bottom: 30px;
}
.card-block .card {
    border-width: 0;
    border-radius: 8px;
}
.card-block .card:hover .card-custom-rewards-shop-title {
    color: #00758F;
}
.card-block .card .card-img-custom  {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.card-block.horizontal-view .card-header-custom {
    flex: none;
    width: 25%;
}
.card-block.horizontal-view .card .card-img-custom {
    border-top-right-radius: 0;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}
.card-block >* {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
@media (min-width: 768px) {
    .card-block:not(.horizontal-view)>* {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .card-block:not(.horizontal-view) .card {
        height: 100%;
    }
    .horizontal-view {
        flex-direction: column;
    }
    .horizontal-view .card {
        flex-direction: row;
    }
    .horizontal-view .card-footer-custom {
        flex-direction: column !important;
        justify-content: end !important;
    }
    .horizontal-view .card-footer-custom button:not(:first-child) {
        margin-top: 10px !important;
    }
}
@media (min-width: 992px) {
    .card-block:not(.horizontal-view)>* {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}
.card-custom-rewards-shop-date {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #46505A;
    margin-top: 10px;
    margin-bottom: 10px;
}
.card-custom-rewards-shop-title {
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.04em;
    color: #000000;
    margin-bottom: 10px;
}

.card-custom-rewards-shop-text {
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.025em;
    color: #46505A;
}
.card-custom-rewards-shop-price {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -0.025em;
    color: #46505A;
}

.card-footer-custom {
    padding: 20px;
}
.list-of-cards {
    margin-right: 20px;
    cursor: pointer;
    background: transparent;
    border: none;
    padding: 0;
}
.tiles-of-cards {
    cursor: pointer;
    background: transparent;
    border: none;
    padding: 0;
}
.tiles-of-cards:hover svg path, .list-of-cards:hover svg path  {
    fill: #DDDDDD;
}
.tiles-of-cards.active svg path, .list-of-cards.active svg path  {
    fill: #f6f6f6;
}
#lk .tiles-of-cards.active svg path, #lk .list-of-cards.active svg path {
    fill: #00758F;
}
.background-wrapper-top-meet {
    background-image: url('/images/back/back-meet.png');
    background-repeat: no-repeat !important;
    background-size: cover;
    position: relative;
}
.wrapper-top-meet {
    padding-top: 131px;
    padding-bottom: 150px ;
}
.meet-top-title {
    font-family: 'DINPro', serif;
    font-style: normal;
    font-weight: bold;
    font-size: 70px;
    line-height: 88px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    padding-bottom: 159px;
}
.background-wrapper-history {
    background: #FFFFFF;
}
.wrapper-history {
    padding-top: 100px;
    padding-bottom: 100px;
}
.history-title {
    font-family: 'DINPro', serif;
    font-style: normal;
    font-weight: bold;
    font-size: 34px;
    line-height: 37px;
    color: #46505A;
    margin-bottom: 50px;
}
.history-text {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -0.025em;
    color: #46505A;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}
.history-text div {
    page-break-inside: avoid;
    break-inside: avoid;
    margin-bottom: 10px;
}
.background-wrapper-scientific-potential {
    max-width: 1920px;
    margin: 0 auto;
    background: url('/images/back/back-scientific-potential.png') repeat left top, repeating-linear-gradient(to bottom, #00758F, #00758F 10%, #46505A 10%, #46505A 20%);
    clip-path: polygon(50% 1%, 100% 0, 100% 100%, 50% 99%, 0 100%, 0 0);
    background-blend-mode: multiply;
}
.scientific-potential-buttons .button-custom-white {
    padding: 14px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    outline: none;
}
.scientific-potential-buttons div {
    margin-top: 30px;
}
.wrapper-scientific-potential {
    padding-top: 240px;
    padding-bottom: 240px;
}
.scientific-potential-title {
    font-family: 'DINPro', serif;
    font-style: normal;
    font-weight: bold;
    font-size: 34px;
    line-height: 37px;
    color: #FFFFFF;
}
.scientific-potential-subtitle {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -0.025em;
    color: #FFFFFF;
}
.wrapper-scientific-potential .scientific-potential-img-big {
    width: 100% !important;
    height: auto;
}
.wrapper-scientific-potential .scientific-potential-company {
    margin-top: 100px;
    border-radius: 8px;
    overflow: hidden;
}
.wrapper-scientific-potential .scientific-potential-company-wrapper-top {
    background: #FFFFFF;
    padding-top: 100px;
    padding-bottom: 20px;

}
.wrapper-scientific-potential .scientific-potential-company-wrapper-bottom {
    background: #FFFFFF;
    padding-bottom: 100px;

}
.wrapper-scientific-potential .slider-nav .slick-slide {
    filter: grayscale(100%);
    transition: filter 1s ease-in-out;
    cursor: pointer;
}

.wrapper-scientific-potential .card-columns {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}
.wrapper-scientific-potential .card-columns div{
    display: inline-block;

}
.scientific-potential-company-title {
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.04em;
    color: #00758F;
    z-index: 9;
}
.scientific-potential-company-indent {
    margin-top: 40px;
}
.scientific-potential-company-text {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -0.025em;
    color: #46505A;
    z-index: 9;
}
.scientific-potential-company-text a {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    text-decoration-line: none;
    color: #46505A;
    border-bottom: 1px solid;
    border-bottom-color: #46505A;
}
.scientific-potential-company-text a:visited {
    text-decoration: none;
    color: #46505A;
    border-bottom-color: #46505A;
}
.scientific-potential-company-text a:hover {
    text-decoration: none;
    color: #008ECF;
    border-bottom-color: #008ECF;
}
.scientific-potential-company-text div {
    margin-bottom: 10px;
}
.scientific-potential-company-text ul {
    margin-bottom: 0px;
}
.slider-buttons {
    margin-top: 10px;
}
.wrapper-scientific-potential .slick-slide.slick-current {
    filter: none;
}
.wrapper-scientific-potential .scientific-potential-slider-img-mini {
    border-radius: 8px;
    width: 100%;
    float: right;
}
.wrapper-scientific-potential .slider-nav div {
    border-radius: 8px;
}
.wrapper-scientific-potential .slider-nav {
    margin: 14px 0;
}
.wrapper-scientific-potential .slider-nav .slick-slide {
    margin: 0 7px;
}
.wrapper-scientific-potential .slider-nav .slick-list {
    margin: 0 -7px;
}
.wrapper-scientific-potential .slider-for {
    cursor: pointer;
}
.background-wrapper-vzlet {
    background: #FFFFFF;
}
.wrapper-vzlet {
    padding-top: 100px;
}
.vzlet-title {
    font-family: 'DINPro', serif;
    font-style: normal;
    font-weight: bold;
    font-size: 34px;
    line-height: 37px;
    color: #46505A;
    margin-bottom: 30px;
}
.vzlet-text {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -0.025em;
    color: #46505A;
    margin-bottom: 60px;
}
.background-wrapper-top-digital-twin {
    background-image: url('/images/back/back-top-digital-twin.png');
    background-repeat: no-repeat !important;
    background-size: cover;
    position: relative;
}
.map-card-info {
    background: #FFFFFF;
    box-shadow: 0px 2px 10px rgba(70, 70, 70, 0.1);
    border-radius: 8px;
    position: absolute;
    top: 40px;
    z-index: 1;
    padding: 50px;
    width: 100%;
    max-height: 840px;
    overflow-y: auto;
}
.map-card-info .img-map-card-info {
    border-radius: 8px;
    margin-bottom: 10px;
    max-width: 225px;
}
.map-card-info .text-block-map-card-info:not(:last-child) {
    margin-bottom: 10px;
}
.map-card-info .title-map-card-info {
    margin-bottom: 20px;
}
.map-card-info .heading-map-card-info {
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.025em;
    color: #46505A;
}
.map-card-info .text-map-card-info {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.025em;
    color: #000000;
}
.map-card-info .title-map-card-info {
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.04em;
    color: #000000;
}
.map-card-info a {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    text-decoration-line: none;
    color: #46505A;
    border-bottom: 1px solid;
    border-bottom-color: #46505A;
}
.map-card-info a:visited {
    text-decoration: none;
    color: #46505A;
    border-bottom-color: #46505A;
}
.map-card-info a:hover {
    text-decoration: none;
    color: #008ECF;
    border-bottom-color: #008ECF;
}
.close-custom {
    position: absolute;
    z-index: 2;
    top: 15px;
    right: 15px;
}
.background-wrapper-top-bank-of-offers {
    background-image: url('/images/back/back-top-bank.png');
    background-repeat: no-repeat !important;
    background-size: cover;
    position: relative;
}
.wrapper-top-bank-of-offers {
    padding-top: 140px;
    padding-bottom: 254px;
}
.bank-of-offers-top-title {
    font-family: 'DINPro', serif;
    font-style: normal;
    font-weight: bold;
    font-size: 70px;
    line-height: 88px;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 56px;
}
.background-wrapper-project-classifier {
    background-image: url(/images/back/back-project-classifier.jpg);
    background-repeat: repeat !important;
    position: relative;
}
.wrapper-project-classifier {
    padding-top: 100px;
}
.card-project {
    background: #FFFFFF;
    box-shadow: 0px 2px 10px rgba(70, 70, 70, 0.1);
    border-radius: 8px;
    padding: 30px;
    position: relative;
}
.card-project:not(:last-child) {
    margin-bottom: 30px;
}
.card-project {
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 2px 10px rgba(70, 70, 70, 0.1);
    border-radius: 8px;
    position: relative;
}
.card-project:hover {
    box-shadow: 0px 2px 10px rgba(70, 70, 70, 0.2);
}
.card-project:hover .card-project-title {
    color: #00758F;
    transition: all .2s;
}
.card-project-title {
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.04em;
    color: #46505A;
    margin-bottom: 15px;
}
.card-project-text {
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.025em;
    color: #46505A;
    margin-bottom: 10px;
}
.card-project-text span {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.025em;
    color: #46505A;
}
.card-project-search, .card-project-filter {
    background: #FFFFFF;
    box-shadow: 0px 2px 10px rgba(70, 70, 70, 0.1);
    border-radius: 8px;
    padding: 50px 30px;
}
.card-project-filter {
    margin-top: 30px;
}
.card-project-search-title {
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.04em;
    color: #46505A;
}
.custom-checkbox-filter:not(:last-child) {
    margin-bottom: 20px;
}
.custom-checkbox-filter .custom-control-label {
    display: flex;
    justify-content: space-between;
}

.custom-checkbox-filter .custom-control-input:checked~.custom-control-label span {
    font-weight: bold;

}
.custom-checkbox-filter .custom-control-label span {
    padding-left: 10px;
}


.project-classifier-modal-content-header-title {
    font-style: normal;
    font-weight: bold;
    font-size: 26px;
    line-height: 31px;
    letter-spacing: -0.04em;
    color: #46505A;
    margin-bottom: 10px;
}
.project-classifier-modal-content-wrapper:not(:last-child) {
    margin-bottom: 30px;
}
.project-classifier-modal-content-header-subtitle, .project-classifier-modal-content-text {
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -0.04em;
    color: #46505A;
}
.project-classifier-modal-content-subtitle {
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -0.04em;
    color: #46505A;
    margin-bottom: 10px;
}

.project-classifier-modal-content-files div:not(:last-child) {
    margin-bottom: 10px;
}
.project-classifier-modal-content-files {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -0.025em;
}
a.blue-link{
    color: #008ECF;
    border-bottom: 1px solid;
    border-bottom-color: #008ECF;
}
a.blue-link:visited {
    text-decoration: none;
    color: #008ECF;
}
a.blue-link:hover {
    text-decoration: none;
    color: #00758F;
    border-bottom-color: #00758F;
}
a.blue-link:active {
    text-decoration: none;
    color: #00758F;
    border-bottom-color: #00758F;
}
.group-input-search.group-input  {
    position: relative;
    margin-top: 26px;
}
.group-input-search.group-input input {
    background: #FFFFFF;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 23px;
    display: block;
    width: 100%;
    color: #000000;
    padding: 9px 31px 10px 0px;
    border-left: none;
    border-top: none;
    border-right: none;
    border-radius: 0;
    border-bottom: 1px solid #46505A;
}
.group-input-search.group-input input:focus {
    outline: none;
    box-shadow: none;
}
.group-input-search.group-input input:focus::placeholder {
    color: #D0D0D0;
    transition: 0.8s ease all;
}
.group-input-search.group-input input::-webkit-input-placeholder { color:transparent; }
.group-input-search.group-input input:-moz-placeholder { color:transparent; } /* FF 4-18 */
.group-input-search.group-input input::-moz-placeholder { color:transparent; } /* FF 19+ */
.group-input-search.group-input input:-ms-input-placeholder { color:transparent; }

.group-input-search.group-input input:focus ~ label,
.group-input-search.group-input input:not(:placeholder-shown) ~ label {
    top: -16px;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    line-height: 16px;
    letter-spacing: -0.025em;
    color: #46505A;
}
.group-input-search.group-input label {
    color: #D0D0D0;
    font-size: 16px;
    font-weight: normal;
    pointer-events: none;
    font-style: normal;
    line-height: 21px;
    position: absolute;
    top: 10px;
    transition: 300ms ease all;
    margin-bottom: 0;
}
.search-button {
    background: url('/images/icons/search.svg');
    width: 28px;
    height: 28px;
    outline: none;
    box-shadow: none;
    border: none;
    position: absolute;
    bottom: 5px;
    right: 0;
    transition: 300ms ease all;
}
.search-button:hover {
    background: url('/images/icons/search_Hover.svg');
}
.white-space-nowrap {
    white-space: nowrap;
}
.background-wrapper-top-my-vote {
    background-image: url('/images/back/back-top-my-vote.png');
    background-repeat: no-repeat !important;
    background-size: cover;
    position: relative;
}
.wrapper-top-my-vote {
    padding-top: 100px;
    padding-bottom: 239px;
}
.my-vote-top-title {
    font-family: 'DINPro', serif;
    font-style: normal;
    font-weight: bold;
    font-size: 70px;
    line-height: 88px;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 10px;
}
.my-vote-top-subtitle {
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 23px;
    letter-spacing: -0.04em;
    color: #FFFFFF;
    margin-bottom: 50px;
}
.my-vote-block-summ {
    background-color: #008ECF;
    border-radius: 8px;
}
.my-vote-block-summ .summ-total-numbers {
    font-family: 'DINPro', serif;
    font-style: normal;
    font-weight: bold;
    font-size: 50px;
    line-height: 63px;
    text-align: center;
    color: #FFFFFF;
    overflow: hidden;
    text-overflow: ellipsis;
}
.my-vote-block-summ .summ-total-text {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
}
.background-wrapper-top-polls {
    background-image: url('/images/back/back-top-my-vote.png');
    background-repeat: no-repeat !important;
    background-size: cover;
    position: relative;
}
.wrapper-top-polls {
    padding-top: 100px;
    padding-bottom: 103px;
}
.polls-top-title {
    font-family: 'DINPro', serif;
    font-style: normal;
    font-weight: bold;
    font-size: 70px;
    line-height: 88px;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 10px;
}
.polls-top-subtitle {
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 23px;
    letter-spacing: -0.04em;
    color: #FFFFFF;
    margin-bottom: 10px;
}
.polls-block-summ {
    background-color: #008ECF;
    border-radius: 8px;
}
.polls-block-summ .summ-total-numbers {
    font-family: 'DINPro', serif;
    font-style: normal;
    font-weight: bold;
    font-size: 50px;
    line-height: 63px;
    text-align: center;
    color: #FFFFFF;
    overflow: hidden;
    text-overflow: ellipsis;
}
.polls-block-summ .summ-total-text {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
}
.modal-content-subhead {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.025em;
    color: #46505A;
}
.modal-content-date {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #46505A;
}
.modal-content-title {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.04em;
    color: #00758F;
    margin-bottom: 13px;
}
.modal-content-block:not(:last-child) {
    margin-bottom: 10px;
}
.modal-content-status {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.025em;
    color: #E62D26;
}
.modal-content-heading {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.025em;
    color: #46505A;
}
.modal-content-info {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.025em;
    color: #000000;
}
.modal-content-img {
    border-radius: 8px;
    max-width: 225px;
}
.modal-content-text {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -0.025em;
    color: #46505A;
}
.modal-content-text div:not(:last-child) {
    margin-bottom: 10px;
}
.modal-content-heading {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
}
.modal-information .modal-body {
    padding-bottom: 56px;
}
.modal-content-information-title {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -0.04em;
    color: #46505A;
    margin-bottom: 20px;
}
.modal-content-information-text {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -0.025em;
    color: #46505A;
}
.modal-content-information-text ol {
    list-style-type: none;
    counter-reset:  item;
    padding-left: 0;
    margin-bottom: 0;
}
.modal-content-information-text ol li:not(:last-child) {
    margin-bottom: 10px;
}
.modal-content-information-text ol li:before {
    content: counter(item) ') ';
    counter-increment: item;
}
.wrapper-statistic {
    padding-bottom: 100px;
}
.table-thead-custom {
    background: #D0D0D0;
}
.table-thead-custom .table-header-th-custom {
    background: #D0D0D0;
    width: 100%;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 32px;
    letter-spacing: -0.025em;
    color: #46505A;
    border: none;
    outline: none;
    box-shadow: none;
    padding: 10px 15px 10px 15px;
    align-items: center;
    border-radius: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.table-tbody-custom {
    position: relative;
    max-height: 432px;
    overflow-y: scroll;
}
.table-statistic {
    min-height: 484px;
}
.table-thead-custom .dropdown-custom .dropdown-menu-custom .dropdown-item {
    padding: 6px 15px 6px 15px
}
.table-thead-custom .dropdown-custom .dropdown-menu-custom {
    max-height: 432px;
}
#table-tbody-custom-fade  {
    background: #46505A;
    opacity: 0.6;
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;

}
.table-row-custom {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #000000;
    display: block;
    padding: 16px 0px 16px 0px;
    text-decoration: none;
}
.table-row-custom:nth-of-type(odd) {
    background: #FFFFFF;
    border: 1px solid #FFFFFF;
}
.table-row-custom:nth-of-type(even) {
    background: #F9F9F9;
    border: 1px solid #F9F9F9;
}

a.table-row-custom:active,
a.table-row-custom:hover {
    color: #00758F;
    border: 1px solid #00758F;
}

/*кастомный dropdown*/
.dropdown-custom {
    position: relative;
    width: 100%;
}
.dropdown-custom .dropdown-button-custom {
    width: 100%;
    cursor: pointer;
    background: #F9F9F9;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 32px;
    letter-spacing: -0.025em;
    color: #46505A;
    border: none;
    outline: none;
    box-shadow: none;
    padding: 10px 38px 10px 15px;
    align-items: center;
    border-radius: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.dropdown-custom .dropdown-button-custom:after {
    content: "";
    position: absolute;
    top: 23px;
    right: 14px;
    width: 14px;
    height: 9px;
    background-image: url('/images/icons/select_down_gray.svg');
    transition: transform .2s ease-in-out;
    pointer-events: none;
    border: none;
    vertical-align: 0;
    margin: 0;
}
.dropdown-custom.show .dropdown-button-custom:after {
    transform: rotate(180deg);
}
.dropdown-custom .dropdown-menu-custom {
    margin: 0;
    padding: 0;
    width: 100%;
    background: #F9F9F9;
    box-shadow: none;
    max-height: 880px;
    border: none;
    border-radius: 0;
    position: absolute;
    overflow-y: auto;
}
.dropdown-custom.dropdown-custom-blue .dropdown-button-custom {
    background: #008ECF;
    color: #FFFFFF;
}
.dropdown-custom.dropdown-custom-blue .dropdown-button-custom:after {
    background-image: url('/images/icons/select_down_light_gray.svg');
}
.dropdown-custom.dropdown-custom-grey .dropdown-button-custom {
    background: #D0D0D0;
}
.dropdown-custom .dropdown-button-custom[aria-expanded="true"]:after  {
    transform: rotate(180deg);
}
.dropdown-custom .dropdown-menu-custom .dropdown-item {
    cursor: pointer;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.025em;
    color: #46505A;
    align-items: center;
    padding: 16px 15px 16px 15px;
    white-space: normal;
}
.dropdown-custom.dropdown-custom-table .dropdown-menu-custom .dropdown-item {
    padding: 16px 0px 16px 0px;
}
.dropdown-custom.dropdown-custom-table .dropdown-menu-custom .dropdown-item:nth-of-type(odd) {
    background: #FFFFFF;
}
.dropdown-custom.dropdown-custom-table .dropdown-menu-custom .dropdown-item:nth-of-type(even) {
    background: #E7E7E7;
}
.dropdown-custom .dropdown-menu-custom .dropdown-item.active,
.dropdown-custom .dropdown-menu-custom .dropdown-item:active,
.dropdown-custom .dropdown-menu-custom .dropdown-item:hover,
.dropdown-custom .dropdown-menu-custom .dropdown-item:focus {
    background: #46505A;
    color: #fff;
}
.dropdown-custom.dropdown-custom-table .dropdown-menu-custom .dropdown-item.active,
.dropdown-custom.dropdown-custom-table .dropdown-menu-custom .dropdown-item:active,
.dropdown-custom.dropdown-custom-table .dropdown-menu-custom .dropdown-item:hover,
.dropdown-custom.dropdown-custom-table .dropdown-menu-custom .dropdown-item:focus {
    background: #00758F;
    color: #fff;
}
.dropdown-custom.dropdown-custom-table .dropdown-menu-custom .dropdown-header-custom {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background: #46505A;
    color: #FFFFFF;
    padding: 20px 0px 20px 0px;
    z-index: 1001;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.025em;
}
.dropdown-custom .dropdown-button-table-custom {
    background: #008ECF;
    color: #FFFFFF;
}
/*кастомный dropdown end*/

/*кастомный select*/
.select-custom .select-button-custom {
    color: #46505A;
    background-color: #ffffff;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -0.025em;
    outline: none;
    border-radius: 8px;
    cursor: pointer;
    border: none;
    box-shadow: none;
    padding: 7px 45px 7px 10px;
    width: 100%;
}
.select-custom .select-button-custom:not([aria-expanded="false"]):focus {
    color: #FFFFFF;
    background-color: #46505A;
}
.select-custom .select-button-custom:not([aria-expanded="false"]) {
    border-radius: 8px 8px 0 8px;
}
.select-custom .select-menu-custom {
    border: none;
    margin: 0;
    padding: 0;
    border-radius: 0px 0px 8px 8px;
    box-shadow: 0px 2px 10px rgba(70, 70, 70, 0.1);
}
.select-custom {
    position: relative;
}
.select-custom .select-button-custom:after {
    content: "";
    position: absolute;
    top: 15px;
    right: 14px;
    width: 14px;
    height: 9px;
    background-image: url('/images/icons/select_down_gray.svg');
    transition: transform .2s ease-in-out;
    pointer-events: none;
    border: none;
    vertical-align: 0;
    margin: 0;
}
.select-custom .select-button-custom[aria-expanded="true"]:after  {
    transform: rotate(180deg);
    background-image: url('/images/icons/select_down_light_gray.svg');
}
.select-custom .select-menu-custom .dropdown-item {
    cursor: pointer;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -0.025em;
    color: #46505A;
    align-items: center;
    padding: 7px 45px 7px 10px;
    white-space: normal;
}

.select-custom .select-menu-custom .dropdown-item.active,
.select-custom .select-menu-custom .dropdown-item:active,
.select-custom .select-menu-custom .dropdown-item:hover,
.select-custom .select-menu-custom .dropdown-item:focus {
    background: #46505A;
    color: #fff;
}
.select-custom .select-menu-custom .dropdown-item:last-child {
    border-radius: 0px 0px 8px 8px;
}
/*кастомный select end*/
.background-wrapper-top-voting {
    background-image: url('/images/back/back-top-my-vote.png');
    background-repeat: no-repeat !important;
    background-size: cover;
    position: relative;
}
.wrapper-top-voting {
    padding-top: 100px;
    padding-bottom: 80px;
}
.voting-top-title {
    font-family: 'DINPro', serif;
    font-style: normal;
    font-weight: bold;
    font-size: 70px;
    line-height: 88px;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 10px;
}
.voting-top-subtitle {
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 23px;
    letter-spacing: -0.04em;
    color: #FFFFFF;
    padding-bottom: 10px;
}
.background-wrapper-top-initiatives {
    background-image: url('/images/back/back-top-my-vote.png');
    background-repeat: no-repeat !important;
    background-size: cover;
    position: relative;
}
.wrapper-top-initiatives {
    padding-top: 100px;
    padding-bottom: 35px;
}
.initiatives-top-title {
    font-family: 'DINPro', serif;
    font-style: normal;
    font-weight: bold;
    font-size: 70px;
    line-height: 88px;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 10px;
}
.initiatives-top-subtitle {
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 23px;
    letter-spacing: -0.04em;
    color: #FFFFFF;
    margin-bottom: 10px;
}
.initiatives-block-summ {
    background-color: #008ECF;
    border-radius: 8px;
}
.initiatives-block-summ .summ-total-numbers {
    font-family: 'DINPro', serif;
    font-style: normal;
    font-weight: bold;
    font-size: 50px;
    line-height: 63px;
    text-align: center;
    color: #FFFFFF;
    overflow: hidden;
    text-overflow: ellipsis;
}
.initiatives-block-summ .summ-total-text {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
}
.background-wrapper-top-registration-form {
    background-image: url('/images/back/back-top-registration-form.png');
    background-repeat: no-repeat !important;
    background-size: cover;
    position: relative;
}
.wrapper-registration-form {
    padding-top: 66px;
    padding-bottom: 100px;
}
.custom-control-registration-form {
    margin-bottom: 60px;
    margin-top: 16px;
}
.custom-control-block {
    margin-bottom: 60px;
    margin-top: 16px;
}
.background-wrapper-top-partners {
    background-image: url('/images/back/back-top-partners.png');
    background-repeat: no-repeat !important;
    background-size: cover;
    position: relative;
}
.wrapper-invitation-to-partnership {
    padding-top: 200px;
    padding-bottom: 200px;
}

.invitation-to-partnership-title {
    text-align: center;
    margin-bottom: 30px;
    font-style: normal;
    font-weight: bold;
    font-size: 26px;
    line-height: 31px;
    letter-spacing: -0.04em;
    color: #46505A;
}
.invitation-to-partnership-subtitle {
    text-align: center;
    margin-top: 30px;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -0.04em;
    color: #46505A;
}
.invitation-to-partnership-delimiter {
    border: 1px solid #46505A;;
}

.background-wrapper-partners {
    background-image: url('/images/back/back-partners.jpg');
    background-repeat: repeat !important;
    position: relative;
}
.wrapper-partners {
    padding-top: 66px;
    padding-bottom: 100px;
}
.partners-title {
    font-family: 'DINPro', serif;
    font-style: normal;
    font-weight: bold;
    font-size: 34px;
    line-height: 43px;
    color: #FFFFFF;
    margin-bottom: 30px;
}
.wrapper-partners .img-link img {
    height: 20px;
}
.card-custom-partners-header {
    padding: 20px;
}
.card-block .card .card-custom-partners-header .card-img-custom {
    border-radius: 0;
    max-height: 100px;
    text-align: center;
    max-width: 100%;
}
.card-custom-partners {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -0.025em;
    color: #46505A;
}
.background-wrapper-top-card-printing {
    background-image: url('/images/back/back-top-card-printing.png');
    background-repeat: no-repeat !important;
    background-size: cover;
    position: relative;
}
.wrapper-card-printing {
    padding-top: 66px;
    padding-bottom: 100px;
}
/*нумерованный список*/
ol.custom-ol {
    list-style-type: none;
    counter-reset: ordered;
    padding-left: 30px;
    margin-bottom: 0;

}
ol.custom-ol li {
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 23px;
    letter-spacing: -0.04em;
    color: #FFFFFF;
}
ol.custom-ol li:not(:last-child) {
    margin-bottom: 4px;
}
ol.custom-ol li:before {
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 130%;
    letter-spacing: -0.04em;
    color: #FFFFFF;
    width: 20px;
    height: 20px;
    background: #008ECF;
    border-radius: 6px;
    content: counter(ordered);
    counter-increment: ordered;
    display: inline-block;
    position: absolute;
    margin-top: 1px;
    margin-left: -30px;
    text-align: center;
}
.custom-ol a {
    color: #FFFFFF;
    border-bottom: 1px solid;
    border-bottom-color: #ffffff;
}

.custom-ol a:visited {
    text-decoration: none;
    color: #FFFFFF;
}
.custom-ol a:hover {
    text-decoration: none;
    color: #008ECF;
    border-bottom-color: #008ECF;
}
.custom-ol a:active {
    text-decoration: none;
    color: #008ECF;
    border-bottom-color: #008ECF;
}
/*нумерованный список end*/
/*аккордион*/
#accordionFaq .accordion-card:not(:first-child) {
    margin-top: 20px;
}
.accordion-card-body {
    padding: 5px 51px 20px 51px;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -0.025em;
    color: #000000;
}
.accordion-card .btn-header-link {
    background: #ffffff;
    padding:  5px 18px 6px 18px;
    position: relative;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 23px;
    letter-spacing: -0.025em;
    color: #00758F;
    transition: color .2s ease-in-out;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.accordion-card .btn-header-link.collapsed {
    color: #46505A;
}
.accordion-card {
    box-shadow: 0px 2px 10px rgba(70, 70, 70, 0.14);
    border-radius: 8px;
    border: 1px solid #E7E7E7;
}
.accordion-card .btn-header-link:after{
    background-image: url("/images/icons/arrows_vibor.svg");
    content: "";
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    transition: transform .2s ease-in-out;
    flex-shrink: 0;
    margin-top: 3px;
    margin-left: 16px;
}
.accordion-card  .btn-header-link:not(.collapsed)::after{
    background-image: url("/images/icons/arrows_vibor.svg");
    transform: rotate(180deg);
}
.accordion-card .btn-header-link:before{
    content: "";
    background-image: url("/images/icons/plus_vibor_back.svg");
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    transition: background-image .2s ease-in-out;
    flex-shrink: 0;
    margin-right: 9px;
}

.accordion-card .btn-header-link:not(.collapsed)::before{
    background-image: url("/images/icons/plus_vibor_green.svg");
}
/*аккордион end*/
/*дроп*/
.group-drop-area {
    border: 1px solid #46505A;
    border-radius: 8px;
    width: 100%;
    margin-bottom: 60px;
    margin-top: 16px;
    padding: 20px;
}
.group-drop-area.highlight {
    border: 1px dotted #46505A;
}
.group-drop-area .group-drop-area-img {
    width: 60px;
    height: auto;
}
.button-select {
    outline: none;
    display: inline-block;
    padding: 10px;
    background: #ccc;
    cursor: pointer;
    border-radius: 5px;
    border: 1px solid #ccc;
}
.button-select:hover {
    background: #ddd;
}
#fileElem {
    display: none;
}
/*дроп end*/
/*группы ввода*/
.form-custom .group-input, .form-custom .group-select, .form-custom .group-textarea  {
    position: relative;
    margin-bottom: 60px;
    margin-top: 16px;
}
.form-custom .group-input input, .form-custom .group-textarea textarea {
    background: #FFFFFF;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 23px;
    display: block;
    width: 100%;
    color: #000000;
}
.form-custom .group-input input {
    padding: 9px 0px 10px 0px;
    border-left: none;
    border-top: none;
    border-right: none;
    border-radius: 0;
    border-bottom: 1px solid #46505A;
}
.form-custom .group-textarea .wrapper-textarea {
    border: 1px solid #46505A;
    border-radius: 8px;
    overflow: hidden;
    height: 150px;
}
.form-custom .group-textarea textarea {
    resize: none;
    width: 100%;
    height: 100%;
    padding: 10px;
    border: none;
}
.form-custom .group-input input:focus,
.form-custom .group-textarea textarea:focus {
    outline: none;
    box-shadow: none;
}
.form-custom .group-input input:focus::placeholder, .form-custom .group-textarea textarea:focus::placeholder {
    color: #D0D0D0;
    transition: 0.8s ease all;
}
.form-custom .group-input input::-webkit-input-placeholder { color:transparent; }
.form-custom .group-input input:-moz-placeholder { color:transparent; } /* FF 4-18 */
.form-custom .group-input input::-moz-placeholder { color:transparent; } /* FF 19+ */
.form-custom .group-input input:-ms-input-placeholder { color:transparent; }
.form-custom .group-textarea textarea::-webkit-input-placeholder { color:transparent; }
.form-custom .group-textarea textarea:-moz-placeholder { color:transparent; } /* FF 4-18 */
.form-custom .group-textarea textarea::-moz-placeholder { color:transparent; } /* FF 19+ */
.form-custom .group-textarea textarea:-ms-input-placeholder { color:transparent; }

.form-custom .group-input input:focus ~ label,
.form-custom .group-input input:not(:placeholder-shown) ~ label {
    top: -16px;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    line-height: 16px;
    letter-spacing: -0.025em;
}
.form-custom .group-input input[type=password] {
    letter-spacing: 0.3em;
}
.form-custom .group-textarea textarea:focus ~ label,
.form-custom .group-textarea textarea:not(:placeholder-shown) ~ label {
    top: -26px;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    line-height: 16px;
    letter-spacing: -0.025em;
    left: 0;
}
.form-custom .group-textarea textarea ~ label {
    left: 10px;
}
.form-custom .group-textarea label, .form-custom .group-input label {
    color: #46505A;
    font-size: 16px;
    font-weight: normal;
    pointer-events: none;
    font-style: normal;
    line-height: 21px;
    position: absolute;
    top: 10px;
    transition: 300ms ease all;
    margin-bottom: 0;
}
.form-custom .group-select select {
    padding: 9px 0px 10px 0px;
    border-left: none;
    border-top: none;
    border-right: none;
    border-radius: 0;
    border-bottom: 1px solid #46505A;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 23px;
    display: block;
    width: 100%;
    color: #000000;
    background-color: #FFFFFF !important;
}
.form-custom .group-select select option {
    background-color: #FFFF;
    font: -moz-pull-down-menu;
}
.form-custom .group-select select:focus {
    box-shadow: none;
    border-top: none;
    border-right: none;
    border-left: none;
    outline: none;
    border-bottom: 1px solid #46505A;
}
.form-custom .group-select label {
    color: #46505A;
    font-size: 12px;
    font-weight: normal;
    pointer-events: none;
    font-style: normal;
    line-height: 16px;
    position: absolute;
    top: -16px;
}
.form-custom .group-select-about option {
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 23px;
    color: #000000;
}
.form-custom .group-select-about select {
    padding: 9px 0px 10px 0px;
    border-left: none;
    border-top: none;
    border-right: none;
    border-radius: 0;
    border-bottom: 1px solid #46505A;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 23px;
    width: 100%;
    color: #000000;
}
.form-custom .group-select-about select:focus {
    box-shadow: none;
    border-top: none;
    border-right: none;
    border-left: none;
    outline: none;
    border-bottom: 1px solid #46505A;
}
.form-custom .group-select-about label {
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    letter-spacing: -0.04em;
    color: #46505A;

}
/*select2*/
.form-custom .group-select .select2 {
    display: block;
}
.form-custom .group-select .select2-container .select2-selection--single {
    height: auto;
}
.form-custom .group-select .select2-container .select2-selection--single .select2-selection__rendered {
    padding-top: 9px;
    padding-bottom: 10px;
    border-left: none;
    border-top: none;
    border-right: none;
    border-radius: 0;
    border-bottom: 1px solid #46505A;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 23px;
    display: block;
    width: 100%;
    color: #000000;
    background-color: #FFFFFF !important;
}
.form-custom .group-select .select2-container--default .select2-selection--single {
    border: none;
    border-radius: 0;
    cursor: auto;
}
.form-custom .group-select .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 8px
}
.form-custom .group-select .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 2px;
}
.select2-search--dropdown .select2-search__field {
    border-radius: 0;
}
.select2-dropdown {
    border: 1px solid #46505A !important;
    border-radius: 0px;
    -webkit-box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
    -moz-box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
}
.select2-search--dropdown {
    padding: 8px;
}

/*группы ввода end*/
/*чекбоксы*/
.custom-control-input:checked~.custom-control-label::after {
    background-size: 10px;
}
.custom-control-input:focus~.custom-control-label::before {
    border-color: #00758F !important;
    box-shadow: none !important;
}

.custom-control-input:checked~.custom-control-label::before {
    border-color: #00758F !important;
    background-color: #00758F !important;
}

.custom-control-input:focus:not(:checked)~.custom-control-label::before {
    border-color: #00758F !important;
}

.custom-control-input:not(:disabled):active~.custom-control-label::before {
    border: #00758F solid 1px !important;
    background-color: rgba(0, 117, 143, 0.21) !important;
}

.custom-control-input:disabled~.custom-control-label::before, .custom-control-input[disabled]~.custom-control-label::before {
    border: #adb5bd solid 1px !important;
    background-color: #ccd4dc !important;
    cursor: text;
}
.custom-control-input:not(:checked)~.custom-control-label-img img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}
.custom-control-input:disabled~.custom-control-label-img img {
    cursor: text;
}

.custom-control-input:checked~.custom-control-label-img img {
    filter: none;
    transition: all 0.2s ease-in-out;
}
.custom-control-label::before {
    border-color: #00758F;
}
.custom-control-label{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/*чекбоксы end*/
/*радиокнопки*/
.custom-radio .custom-control-input:checked~.custom-control-label::before {
    border-color: #00758F !important;
    background-color: #00758F !important;
}
.custom-radio .custom-control-input:focus~.custom-control-label::before {
    box-shadow: none;
}
/*радиокнопки end*/
.background-wrapper-top-greeting, .background-wrapper-top-about, .background-wrapper-top-request, .background-wrapper-top-resident-card, .background-wrapper-top-bank-of-offers, .background-wrapper-top-meet, .background-wrapper-top-my-vote, .background-wrapper-top-polls, .background-wrapper-top-voting, .background-wrapper-top-initiatives {
    overflow: hidden;
}
#drop-area input[type=file] {
    display: none;
}
@media (max-width: 540px) {
    .group-textarea label, .group-input label, .group-select label {
        font-size: 13px;
    }
}
@media (max-width: 1199px) {
    .about-top-title, .request-top-title, .resident-card-top-title, .meet-top-title, .bank-of-offers-top-title, .my-vote-top-title, .polls-top-title, .voting-top-title, .initiatives-top-title {
        font-size: 30px;
        line-height: 54px;
    }
    .meet-top-title {
        padding-bottom: 30px;
    }
    .resident-card-top-small-title {
        font-size: 20px;
        line-height: 30px;
    }
    .map-card-info {
        padding: 20px;
    }

}
@media (max-width: 991px) {
    .bank-of-offers-top-title {
        margin-bottom: 30px;
        margin-top: 30px;
    }
    #sign {
        border: none;
        padding: 0;
    }
    #logo-top {
        height: 40px;
    }
    .second-block-top li a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .second-block-top {
        border-bottom: 1px solid #fff;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .wrapper-with-support .slick-slide img {
        height: 80px;
    }
    .accordion-card .btn-header-link {
        font-size: 16px;
    }
    .accordion-card-body {
        padding: 5px 18px 18px 20px;
    }
    .footer-navbar .nav-item .nav-link {
        padding-bottom: 10px;
        padding-top: 10px;
    }
    .footer-navbar {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .footer-content-block {
        padding-bottom: 20px;
        padding-top: 20px;
    }
    .footer-content-block a {
        font-size: 16px;
    }
    .map-realization-card-custom-internal-main-text-block  {
        font-size: 16px;
    }
    .map-realization-card-custom-internal {
        font-size: 16px;
    }
    .wrapper-scientific-potential {
        padding-top: 55px;
        padding-bottom: 55px;
    }
    .background-wrapper-scientific-potential {
        clip-path: none;
    }
    .wrapper-scientific-potential .scientific-potential-company-wrapper-top {
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .wrapper-scientific-potential .scientific-potential-company-title {
        padding-bottom: 20px;
    }
    .wrapper-scientific-potential .scientific-potential-company-wrapper-bottom {
        padding-bottom: 20px;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 15px;
    }
    .wrapper-scientific-potential .slider-nav {
        height: 0px;
        overflow-y: hidden;
        padding: 0px;
        margin: 0px;
    }
    .modal-content-img-mini {
        width: 30% !important;
    }
    #wrapper-toTop {
        right: 60px;
    }
    #toTop {
        width: 45px;
        height: 45px;
        background-size: 46px;
    }
}
@media (max-width: 575px) {
    .wrapper-with-support .slick-slide img {
        margin-left: 1rem!important;
    }
    .top-greeting-title {
        font-size: 35px;
        line-height: 43px;
    }
    .map-realization-card-custom {
        padding: 15px;
    }
    .map-realization-card-custom-internal-main-icon-block {
        padding: 10px;
    }
    .map-realization-card-custom-internal-main-text-block {
        border-radius: 0px 0px 8px 8px;
        padding: 20px;
    }
    .bank-of-offers-card-categories .total-numbers {
        border-radius: 8px 8px 0px 0px;
    }
    .bank-of-offers-card-categories .total-text {
        border-radius: 0px 0px 8px 8px;
        font-size: 16px;
    }
    .map-realization-card-custom-internal-main-icon-block {
        border-radius: 8px 8px 0px 0px;
    }
}
@media (max-width: 767px) {
    .card-custom-news {
        height: 587px;
    }
}
@media (max-width: 320px) {
    .card-custom-news {
        height: 460px;
    }
}

@media (max-width: 1199px) {
    .info-portal-text-block-card .card-columns {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
    .map-realization-block-cards .card-columns {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;

    }
    .card-custom-big-info-portal {
        height: auto;
    }
    .card-custom-small-info-portal {
        height: auto;
    }
    .card-custom-big-info-portal img {
        display: none;
    }
    .wrapper-top-greeting, .wrapper-top-about, .wrapper-top-request, .wrapper-top-resident-card, .wrapper-top-bank-of-offers, .wrapper-top-meet, .wrapper-top-my-vote, .wrapper-top-polls, .wrapper-top-voting, .wrapper-top-initiatives  {
        padding-top: 55px;
        padding-bottom: 55px;
    }

    .wrapper-info-portal, .wrapper-rewards-store, .wrapper-news, .wrapper-calendar, .wrapper-with-support, .wrapper-map-realization, .wrapper-invitation, .wrapper-legal-basis, .wrapper-bank-of-offers, .wrapper-form-request, .wrapper-white-block, .wrapper-faq, .wrapper-rewards-shop, .wrapper-history, .wrapper-registration-form, .wrapper-invitation-to-partnership, .wrapper-partners, .wrapper-card-printing, .wrapper-profile {
        padding-top: 55px;
        padding-bottom: 55px;
    }
    .wrapper-project-classifier, .wrapper-over-footer-city, .wrapper-vzlet {
        padding-top: 55px;
    }
    .card-custom-rewards-store {
        height: 500px;
    }
    .card-custom-button-block-rewards-store button {
        width: 100%;
    }
}
@media (max-width: 767px) {
    .info-portal-text-block-card .card-columns {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
    .card-custom-big-info-portal {
        height: auto;
    }
    .card-custom-small-info-portal {
        height: auto;
    }
    .card-custom-rewards-store {
        height: 500px;
    }
    .about-top-subtitle {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
    .history-text {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
    .text-before-md-bold {
        font-weight: bold;
    }
}
@media (min-width:992px) {
    #collapseFilter {
        display: block !important;
    }
}
@media (min-width: 1921px) {
    .bottom-text-ug-zhuk {
        font-size: 140px;
    }
}