.first-warning-layer {background-color: #0091e8; height: 50px;}
.first-warning-layer .left-text {text-align: left; font-size: 14px; color: var(--white); overflow: hidden;}
.first-warning-layer .left-text img {margin: 0 29px 0 0; height: 30px;}
.first-warning-layer .left-text a {margin: 10px 0 10px 0; font-family: 'SFProDisplayRegular', sans-serif; font-size: 14px; line-height: 20px; color: var(--white); text-overflow: ellipsis; display: block; max-height: 50px; white-space: nowrap; overflow: hidden;}

.first-warning-layer .right-text {text-align: right; font-size: 14px; color: var(--white);}
.first-warning-layer .right-text img {margin: 0 0 0 12px; height: 30px;}
.first-warning-layer .right-text p {margin: 10px 0 0 0;}
.first-warning-layer .right-text p a {margin: 10px 0 0 0; font-family: 'SFProDisplayRegular', sans-serif; font-size: 14px; line-height: 20px; color: var(--white);}
.first-warning-layer {color: var(--white);}

.header-layer {background-color: var(--blue-dark); position: relative;}
.header-layer .wbl-menu {padding-top: 10px; padding-bottom: 10px;}
.header-layer .wbl-menu .nav-item:first-child {margin-left: 0;}
.header-layer .wbl-menu .nav-item {margin: 0 15px; height: 30px;}
.header-layer .wbl-menu .nav-link {padding: 0; height: 30px; line-height: 30px; font-size: 14px; opacity: 0.7; text-decoration: none !important; color: var(--white);}
.header-layer .wbl-menu .nav-link.active {opacity: 1;}
.header-layer .wbl-menu .wbl-search-icon {display: inline-block; width: 30px; height: 30px; background: url(../img/search.svg) 50% 50% no-repeat; background-color: rgba(255, 255, 255, 0.3); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; overflow: hidden;}

.header-layer .wbl-menu .dropdown .dropdown-menu  {margin-top: 9px; margin-left: -30px; background: rgba(0, 61, 97, 0.9); padding: 17px 30px 13px; border-radius: 0 0 9px 9px; -webkit-border-radius: 0 0 9px 9px; -moz-border-radius: 0 0 9px 9px; border: none;}
.header-layer .wbl-menu .dropdown .dropdown-menu .dropdown-item {padding: 0; color: rgba(255, 255, 255, 0.71); margin: 0 0 17px 0; font-size: 14px; font-family: 'SFProDisplayRegular', sans-serif; text-decoration: none !important; line-height: 1;}

.header-layer .wbl-right-block {padding-top: 10px; padding-bottom: 10px;}
.header-layer .wbl-right-block .nav-item {margin: 0 15px;}
.header-layer .wbl-right-block .nav-item:last-child {margin-right: 0;}
.header-layer .wbl-right-block .nav-link {padding: 0; height: 30px; line-height: 30px; font-size: 14px; opacity: 1; text-decoration: none !important; color: var(--white);}
.header-layer .wbl-right-block .nav-link.wbl-phone {font-weight: bold;}
.header-layer .wbl-right-block .btn-pay .btn {height: 30px; border-width: 2px; font-size: 14px; text-decoration: none !important; padding: 0px 25px; line-height: 32px; border: 2px solid var(--white) !important;}

.header-layer .mobile-row {height: 50px;}
.header-layer .mobile-row .phone {font-family: 'SFProDisplayBold', sans-serif; font-size: 14px; color: var(--white); text-decoration: none !important; white-space: nowrap;}

.head-block-layer {background-image: linear-gradient(124deg, #50b3ed, #0090e8); color: var(--white);}
.head-block-layer .first-block {margin-top: 43px; margin-bottom: 47px;}
.head-block-layer .wbl-right-menu {margin: 17px 0 0 0;}
.head-block-layer .wbl-right-menu .nav-item {padding: 0; height: 50px; line-height: 56px;}
.head-block-layer .wbl-right-menu .nav-link {padding: 0; margin: 0 15px; font-size: 18px; font-family: 'SommetRoundedBold', sans-serif; color: var(--white); text-decoration: none !important;}
.head-block-layer .wbl-right-menu .nav-item:last-child .nav-link {margin-right: 0;}
.head-block-layer .wbl-right-menu .nav-link.btn {color: var(--blue-dark); background-color: #fff; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 0 15px; height: 50px; line-height: 56px;opacity: 1;}
.head-block-layer .wbl-right-menu .nav-link.btn:hover {opacity: 0.9;transform: scale(1.05);box-shadow: 0px 5px 20px #a6f1fb!important;}

.head-block-layer .wbl-right-menu .dropdown .dropdown-menu  {margin-top: 0; margin-left: -30px; background: rgba(255, 255, 255, 0.91); padding: 30px 30px 10px; border: none; border-radius: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px;}
.head-block-layer .wbl-right-menu .dropdown .dropdown-menu::before {content: ''; border: 10px solid rgba(255, 255, 255, 0.91); position: absolute; bottom: 100%; left: 26px; display: block; width: 20px; border-left-color: transparent; border-top-color: transparent; border-right-color: transparent;}
.head-block-layer .wbl-right-menu .dropdown .dropdown-menu .dropdown-item {padding: 0; color: var(--blue-dark); margin: 0 0 20px 0; font-size: 18px; font-family: 'SFProDisplayRegular', sans-serif; text-decoration: none !important; line-height: 1;}

.head-block-layer a,
.head-block-layer a:hover,
.head-block-layer p,
.head-block-layer h1,
.head-block-layer .h1,
.head-block-layer h2,
.head-block-layer .h2,
.head-block-layer h3,
.head-block-layer .h3,
.head-block-layer h4,
.head-block-layer .h4 {color: var(--white);}

.head-block-layer .head-line {background: url(../img/head-line.svg) 50% 50% no-repeat; height: 2px;}
@media (max-width: 768px) {
    .head-block-layer .head-line {background: url(../img/mobile-line.svg) 50% 50% no-repeat; height: 2px;}
}

.breadcrumb {padding: 11px 0; background: transparent; margin: 0; color: var(--white);}
.breadcrumb .breadcrumb-item a {opacity: 0.7; text-decoration: none !important;  color: var(--white);}
.breadcrumb .breadcrumb-item.active a {opacity: 1;}
.breadcrumb-item+.breadcrumb-item::before {content: '>'; padding: 0 4px; color: var(--white); opacity: 0.7;}

.pt-100 {padding-top: 100px;}
.pb-80 {padding-bottom: 80px;}

.page-footer {background-image: linear-gradient(249deg, #003d61, #005a90); padding-bottom: 73px; padding-top: 75px;}
.page-footer .footer-line {background: url(../img/head-line.svg) 50% 50% no-repeat; height: 2px; margin: 30px 0 50px 0;}
.page-footer .soc-layer a {margin: 0 10px;}
.page-footer .soc-layer {margin-bottom: 47px;}
.page-footer .second-line {font-size: 14px; line-height: 20px; font-family: 'SFProDisplayRegular', sans-serif; color: var(--white);}
.page-footer .second-line .site-copy-layer .logo-layer img {height: 32px; margin-right: 8px;}
.page-footer .second-line .footer-logo-table {opacity: 0.6; color: var(--white);}
.page-footer .second-line .footer-bakin-table a {opacity: 0.6; color: var(--white); text-decoration: none;}
.page-footer .second-line .footer-bakin-table a:hover {text-decoration: underline;}
.page-footer .second-line .footer-bakin-table .logo-layer img {height: 32px; margin-left: 8px;}
.page-footer .second-line .text-block {color: var(--white); opacity: 0.6;}
.page-footer .second-line .text-block p {margin: 0; color: var(--white); line-height: 20px;}
.page-footer .second-line .text-block p,
.page-footer .second-line td {font-size: 14px;}

.page-footer a {color: var(--white);}
.page-footer .first-line .links-side .header {font-size: 18px; color: var(--white); margin: 0 0 19px 0;}
.page-footer .first-line .links-side .header a {font-family: 'SommetRoundedBold', sans-serif; text-decoration: none; line-height: 1;}
.page-footer .first-line .links-side .header a:hover {text-decoration: underline;}
.page-footer .first-line .links-side .links .link {font-size: 14px; opacity: 0.7; line-height: 18px; margin-bottom: 9px; color: var(--white);}
.page-footer .first-line .links-side .links .link a {text-decoration: none;}
.page-footer .first-line .links-side .links .link a:hover {text-decoration: underline;}

.page-footer .first-line .contact-side p {margin: 0; color: var(--white);}
.page-footer .first-line .contact-side .phone a {font-size: 24px; font-family: 'SommetRoundedBold', sans-serif; text-decoration: none; line-height: 1;}
.page-footer .first-line .contact-side .phone a:hover {text-decoration: underline;}
.page-footer .first-line .contact-side .email a {font-size: 20px; font-family: 'SommetRoundedRegular', sans-serif; text-decoration: none; opacity: 0.7; line-height: 1;}
.page-footer .first-line .contact-side .email a:hover {text-decoration: underline;}
.page-footer .first-line .contact-side .phone {margin: 0 0 4px 0;}
.page-footer .first-line .contact-side .btn-inner {margin: 54px 0 0 0; background: #fff; color: var(--blue-dark); font-size: 18px; font-family: 'SommetRoundedBold', sans-serif; text-decoration: none !important; padding: 0 40px; line-height: 58px; height: 50px;}

@media (max-width: 768px) {
    .page-footer .footer-line {background: url(../img/mobile-line.svg) 50% 50% no-repeat;}
}

.bg-white {background-color: var(--white);}
.bg-blue {background-image: linear-gradient(124deg, #50b3ed, #0090e8);}

/** TOP SEARCH **/
.wbl-search-form-layer {position: absolute; left: 0; width: 100%; top: 0; height: 50px; display: block; background-color: var(--blue-dark); margin: 0;}
.wbl-search-form-layer .wbl-search-form .input-group-append .btn {font-size: 14px; background-image: linear-gradient(114deg, #005575, #003d61); font-family: 'SFProDisplayRegular', sans-serif; line-height: 50px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0;}
.wbl-search-form-layer .wbl-search-form .form-control {border-radius: 0 0 0 0; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border: 1px solid rgba(127, 155, 171, 0.7);  border-bottom: none; border-top: none; position: relative; z-index: 2; color: var(--blue-dark);}
.wbl-search-form-layer .wbl-search-form .input-group > .dropdown {flex: 1 1 auto; width: 1%;}
.wbl-search-form-layer .wbl-search-form .input-group > .dropdown .dropdown-menu {width: calc(100% + 1px); margin: 0 0 0 -1px; background-color: #f1f6f9; border: 1px solid rgba(127, 155, 171, 0.7); border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-top: none; padding: 17px 25px; box-shadow: 0 4px 30px 0 rgba(1, 122, 154, 0.25);-webkit-box-shadow: 0 4px 30px 0 rgba(1, 122, 154, 0.25);-moz-box-shadow: 0 4px 30px 0 rgba(1, 122, 154, 0.25); z-index: 1;}
.wbl-search-form-layer .wbl-search-form .input-group > .dropdown .dropdown-menu::before {width: calc(100% - 50px); position: absolute; left: 25px; top: 0; border-top: 1px solid rgba(127, 155, 171, 0.7); content: '';}
.wbl-search-form-layer .wbl-search-form .input-group > .dropdown .dropdown-item  {font-size: 18px; font-family: 'SFProDisplayMedium', sans-serif; color: var(--blue-dark); padding: 0;  margin: 0 0 9px 0; text-decoration: none !important; background: transparent !important;}
.wbl-search-form-layer .wbl-search-form .input-group > .dropdown .dropdown-item b {color: #0091e8; font-family: 'SFProDisplayMedium', sans-serif; font-weight: normal;}
.wbl-search-form-layer .wbl-search-form .input-group > .dropdown .dropdown-item:last-child {margin-bottom: 0;}
/** / TOP SEARCH **/

/** MAIN **/

.main-first-block {margin-top: 72px; margin-bottom: 136px;}
.main-first-block .news-layer .main-news-item .layer,
.main-first-block .news-layer .news-item .layer {margin-bottom: 30px; box-shadow: 0 4px 30px rgba(1, 122, 154, 0.25);-webkit-box-shadow: 0 4px 30px rgba(1, 122, 154, 0.25) ;-moz-box-shadow: 0 4px 30px rgba(1, 122, 154, 0.25) ; border-radius: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px; overflow: hidden;}
.main-first-block .news-layer .news-banner {margin-bottom: 30px;}
.main-first-block .news-layer .news-item .layer .img-layer {height: 210px; background-size: cover; background-repeat: no-repeat; display: block;}
.main-first-block .news-layer .main-news-item .layer .img-layer {background-size: cover; background-repeat: no-repeat; display: block;}

@media (max-width: 768px) {
    .main-first-block .news-layer .main-news-item .layer .img-layer {height: 210px;}
}

.main-first-block .news-layer .news-item .layer {position: relative;}
.main-first-block .news-layer .news-item .layer .tag-badge {position: absolute; right: 0; top: 0; height: 30px; color: var(--white); font-size: 12px; font-family: 'SFProTextRegular', sans-serif; padding: 0 15px; line-height: 30px; border-radius: 0 0 0 9px; -webkit-border-radius: 0 0 0 9px; -moz-border-radius: 0 0 0 9px; background-color: #0091e8; z-index: 2;}
.main-first-block .news-layer .news-item .layer .tag-badge.pink {background-color: #f25680;}
.main-first-block .news-layer .news-item .layer .text-layer,
.main-first-block .news-layer .main-news-item .layer .text-layer {padding: 30px;}
.main-first-block .news-layer .news-item .layer .text-layer .title,
.main-first-block .news-layer .main-news-item .layer .text-layer .title {color: var(--blue-dark); font-size: 22px; line-height: 30px; text-decoration: none; font-family: 'SommetRoundedBold', sans-serif;}
.main-first-block .news-layer .news-item .layer .text-layer .title:hover,
.main-first-block .news-layer .main-news-item .layer .text-layer .title:hover {text-decoration: underline;}
.main-first-block .news-layer .news-item .layer .text-layer p,
.main-first-block .news-layer .main-news-item .layer .text-layer p {margin: 12px 0 0 0; color: #4c7790; font-size: 18px; line-height: 30px; font-family: 'SFProDisplayRegular', sans-serif;}
.main-first-block .news-layer .voit-form {margin: 0;}
.news-layer .voit-form label {color: #4c7790; font-size: 18px; line-height: 30px; font-family: 'SFProDisplayRegular', sans-serif; margin: 0 0 20px 34px;
    position: relative; cursor: pointer;}
@media (max-width: 768px) {
    .main-first-block .news-layer .news-item .layer .text-layer .title,
    .main-first-block .news-layer .main-news-item .layer .text-layer .title {font-size: 18px; line-height: 25px;}
    .main-first-block .news-layer .news-item .layer .text-layer p,
    .main-first-block .news-layer .main-news-item .layer .text-layer p,
    .news-layer .voit-form label {font-size: 14px; line-height: 20px;}

}
.news-layer .voit-form label::before {content: ''; display: block; width: 16px; height: 16px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border: solid 2px #003d61; position: absolute; left: -34px; top: 7px;}
.news-layer .voit-form [type="checkbox"]:checked + label::after {content: ''; display: block; width: 8px; height: 8px; background: #0091e8; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; position: absolute; left: -30px; top: 11px;}
.main-first-block .news-layer .news-item .btn-link {font-size: 18px; color: var(--white); font-family: 'SommetRoundedBold', sans-serif; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background-image: linear-gradient(108deg, #005575, #003d61); text-decoration: none !important;}

.main-first-block .news-layer .soc-tabs .nav-tabs {border: none;}
.main-first-block .news-layer .soc-tabs .nav-tabs .nav-link {background-color: #f1f6f9; padding-top: 15px; padding-bottom: 15px; border: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0;}
.main-first-block .news-layer .soc-tabs .nav-tabs .nav-link.active {background-image: linear-gradient(293deg, #0d2838, #1a4a67);}
.main-first-block .news-layer .soc-tabs .nav-tabs .nav-link .icon {height: 20px; width: 100%; background-color: #4d7e9b; display: block;}
.main-first-block .news-layer .soc-tabs .nav-tabs .nav-link.active .icon {background-color: #fff;}
.main-first-block .news-layer .soc-tabs .nav-tabs .nav-link .icon.icon-vk {-webkit-mask: url(../img/icon-social-vk.svg) 50% 50% no-repeat; mask: url(../img/icon-social-vk.svg) 50% 50% no-repeat; -webkit-mask-size: contain;}
.main-first-block .news-layer .soc-tabs .nav-tabs .nav-link .icon.icon-fb {-webkit-mask: url(../img/icon-social-fb.svg) 50% 50% no-repeat; mask: url(../img/icon-social-fb.svg) 50% 50% no-repeat; -webkit-mask-size: contain;}
.main-first-block .news-layer .soc-tabs .nav-tabs .nav-link .icon.icon-ok {-webkit-mask: url(../img/icon-social-ok.svg) 50% 50% no-repeat; mask: url(../img/icon-social-ok.svg) 50% 50% no-repeat; -webkit-mask-size: contain;}
.main-first-block .news-layer .soc-tabs .tab-content {height: 300px;}
.main-first-block .news-layer .soc-tabs .tab-content>.tab-pane {width: 100%; height: 100%;}

.main-first-block .news-layer .news-item.video .img-layer {height: 350px; position: relative;}
.main-first-block .news-layer .news-item.video .img-layer:before {position: absolute; left: 50%; top: 50%; margin: -30px 0 0 -30px; content: ''; display: inline-block; width: 60px; height: 60px; background: url(../img/play.svg) 50% 50% no-repeat; background-size: contain;}
@media (max-width: 768px) {
    .main-first-block .news-layer .news-item.video .img-layer {height: 210px;}
}

.main-first-block .fast-data {margin-bottom: 70px;}
.main-first-block .fast-data .header {font-family: 'SommetRoundedBold', sans-serif; font-size: 22px; line-height: 30px; color: var(--blue-dark); height: 30px; margin-bottom: 18px;}
.main-first-block .fast-data .weather .int {font-size: 38px; color: var(--blue-dark); vertical-align: middle; font-family: 'SommetRoundedBold', sans-serif;}
.main-first-block .fast-data .weather img {margin-right: 8px;}
.main-first-block .fast-data .weather .info  {font-family: 'SFProDisplayRegular', sans-serif; font-size: 18px; line-height: 30px; color: var(--blue-dark); padding-left: 20px;}

@media (max-width: 576px) {
    .main-first-block .fast-data .weather,
    .main-first-block .fast-data .traffic {margin: auto;}
}

.main-first-block .fast-data .traffic {margin-top: 28px;}
.main-first-block .fast-data .traffic .int {font-size: 38px; color: var(--blue-dark); vertical-align: middle; font-family: 'SommetRoundedBold', sans-serif;}
.main-first-block .fast-data .traffic img {margin-right: 8px;}
.main-first-block .fast-data .traffic .info  {font-family: 'SFProDisplayRegular', sans-serif; font-size: 18px; line-height: 30px; color: var(--blue-dark); padding-left: 20px;}

.main-first-block .fast-data .train {font-family: 'SFProDisplayRegular', sans-serif; font-size: 18px; line-height: 30px; color: var(--blue-dark);}
.main-first-block .fast-data .train b {font-family: 'SommetRoundedBold', sans-serif;}

.main-first-block .main-techsup h2 {margin-top: 60px; color: var(--blue-dark); font-family: 'SommetRoundedBold', sans-serif; margin-bottom: 50px;}

.main-second-block .preim-layer {padding-top: 70px; padding-bottom: 20px;}
.main-second-block .preim-layer h2 {font-family: 'SommetRoundedBold', sans-serif; color: var(--white); margin-top: 0; margin-bottom: 30px;}
.main-second-block .preim-layer .preim-item {margin-bottom: 50px;}
.main-second-block .preim-layer .preim-item .header {font-size: 22px; color: var(--white); font-family: 'SommetRoundedBold', sans-serif; margin-bottom: 11px; margin-top: 30px;}
.main-second-block .preim-layer .preim-item p {font-family: 'SFProDisplayRegular', sans-serif; opacity: 0.75; margin: 0; color: var(--white);}
@media (max-width: 768px) {
    .main-second-block .preim-layer .preim-item .header {font-size: 18px; line-height: 25px;}
}
/** / MAIN **/

{padding-top: 50px; padding-bottom: 50px;}
h1,
.h1 {margin-top: 0; margin-bottom: 30px; font-family: 'SommetRoundedBold', sans-serif; font-size: 48px; line-height: 58px; color: var(--blue-dark);}
h2,
.h2 {margin-top: 0; margin-bottom: 30px; font-family: 'SommetRoundedBold', sans-serif; font-size: 40px; line-height: 54px; color: var(--blue-dark);}
h3,
.h3 {margin-top: 0; margin-bottom: 30px; font-family: 'SommetRoundedBold', sans-serif; font-size: 32px; line-height: 40px; color: var(--blue-dark);}
h4,
.h4 {margin-top: 0; margin-bottom: 30px; font-family: 'SommetRoundedBold', sans-serif; font-size: 22px; line-height: 30px; color: var(--blue-dark);}
p {font-size: 18px; color: #4c7790; font-family: 'SFProDisplayRegular', sans-serif; line-height: 30px;}
b {font-family: 'SommetRoundedBold', sans-serif;}

@media (max-width: 768px) {
    h1,
    .h1,
    h2,
    .h2 {font-size: 30px; line-height: 40px;}
    p {font-size: 14px; color: #4c7790; line-height: 20px;}
}

.inner-page .h1-btn-line {position: relative;}
.inner-page .h1-btn-line > a {background-image: linear-gradient(101deg, #005575, #003d61); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; height: 50px; padding: 0 25px; font-size: 18px; color: var(--white); font-family: 'SommetRoundedBold', sans-serif; line-height: 56px; text-decoration: none !important; position: absolute; top: -88px; right: 0; white-space: nowrap;}
.inner-page .h1-btn-line > a:hover {opacity: 0.9;transform: scale(1.05);box-shadow: 0px 5px 20px #36a9d4!important;}

@media (max-width: 768px) {
    .inner-page .h1-btn-line {position: static;}
    .inner-page .h1-btn-line > a {position: static;}
}

.custom-control {padding-left: 0;}
.custom-checkbox .custom-control-label { padding-left: 45px; cursor: pointer;}
.custom-checkbox .custom-control-label::before {border: none; background: #f1f6f9 !important; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; width: 30px; height: 30px; left: 0; top: -6px; box-shadow: none !important; outline: none !important;}
.custom-checkbox .custom-control-input:checked~.custom-control-label::after {content: ''; width: 30px; height: 30px; left: 0; top: -6px; background: url(../img/checked-blue.svg) 50% 50% no-repeat transparent;}


.bg-blue small,
.bg-blue label,
.bg-blue h1,
.bg-blue .h1,
.bg-blue h2,
.bg-blue .h2,
.bg-blue h3,
.bg-blue .h3,
.bg-blue h4,
.bg-blue .h4,
.bg-blue p,
.bg-blue b,
.bg-blue a,
.bg-blue a:hover {color: var(--white);}


/** ADS **/
.inner-page .asd-list {margin-top: 60px;}
.inner-page .asd-list .card .phone {color: #0091e8; font-size: 32px; font-family: 'SommetRoundedBold', sans-serif; letter-spacing: -1px; white-space: nowrap;}
/** / ADS **/

/** 404 **/
.inner-page .p404 {margin-top: 70px;}
.inner-page .p404 .img {margin-bottom: 50px;}
.inner-page .p404 h3 {margin-bottom: 50px;}
.inner-page .p404 .btn.b404 {background: #0091e8 !important; height: 70px; line-height: 78px; color: var(--white); font-size: 22px; font-family: 'SommetRoundedBold', sans-serif; padding: 0 60px; cursor: pointer;}
/** / 404 **/


/** UPLOAD FORM **/
.wbl-upload-form .img {margin-bottom: 70px;}
.wbl-upload-form .upload-btn {margin-bottom: 29px;}
.wbl-upload-form .upload-btn .btn {margin-bottom: 0; height: 70px; line-height: 76px; font-size: 22px; padding: 0 38px;}
/** / UPLOAD FORM **/

/** SEARCH PAGE **/
.inner-page .search-result-layer .item {margin-bottom: 40px;}
.inner-page .search-result-layer .item .header {font-size: 22px; line-height: 30px; font-family: 'SommetRoundedBold', sans-serif; text-decoration: none; margin-bottom: 17px; color: var(--blue-dark);}
.inner-page .search-result-layer .item .header:hover {text-decoration: underline;}
.inner-page .search-result-layer .item p {margin-bottom: 0;}
.inner-page .search-result-layer .item b {background: #bffff1; line-height: 1; color: #0091e8; padding: 6px 6px 0; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
/** / SEARCH PAGE **/


.card > .action-img {margin-top: -150px; height: 300px;}
.card > .action-img img {max-height: 100%; max-width: 100%; display: block;}
.card.card-with-action-img {margin-top: 150px;}

@media (max-width: 1200px) {
    .card > .action-img {height: 250px; margin-top: -125px;}
}

.card > .tag-badge,
.main-first-block .news-layer .main-news-item .layer .img-layer .tag-badge {position: absolute; right: 0; top: 0; height: 30px; color: var(--white); font-size: 12px; font-family: 'SFProTextRegular', sans-serif; padding: 0 15px; line-height: 30px; border-radius: 0 9px 0 9px; -webkit-border-radius: 0 9px 0 9px; -moz-border-radius: 0 9px 0 9px; background-color: #0091e8; z-index: 2; text-decoration: none !important;}
.card > .tag-badge.pink,
.main-first-block .news-layer .main-news-item .layer .img-layer .tag-badge.pink {background-color: #f25680;}
.card > .img-layer {height: 210px; background-size: cover; background-color: #E4F7FB; background-repeat: no-repeat; display: block; border-radius: 9px 9px 0 0 ; -webkit-border-radius: 9px 9px 0 0 ; -moz-border-radius: 9px 9px 0 0 ; position: relative;}


.card-body.tariff-data-layer [data-circle-progress-bar] {width: 80px; height: 80px;}
.card-body.tariff-data-layer .progressbar__label {font-size: 22px !important; font-family: 'SommetRoundedBold', sans-serif !important; line-height: 1 !important; top: 45px !important; color: var(--blue-dark) !important;}
.card-body.tariff-data-layer .circle-layer .sub-text {font-size: 14px; color: #4d7e9b; font-family: 'SFProDisplayRegular', sans-serif;}
.card-body.tariff-data-layer .data-col .val {font-size: 58px; color: #0091e8; font-family: 'SommetRoundedBold', sans-serif;}
.card-body.tariff-data-layer .data-col .sub-val {font-size: 22px; color: #0091e8; font-family: 'SommetRoundedBold', sans-serif;}
.card-body.tariff-data-layer .tv-text {font-size: 12px; line-height: 20px; height: 65px; overflow: hidden; position: relative;}
.card-body.tariff-data-layer .tv-text::after {content: ''; position: absolute; left: 0; bottom: 0; height: 42px; width: 100%; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff);}
.card-body.tariff-data-layer .tv-text.bg-transparent::after {display: none;}

.ya-share2 {display: inline-block;}
.ya-share2 .ya-share2__icon {background-color: var(--blue-dark) !important;}

.logos-archive .header {font-size: 30px; line-height: 42px; color: #0091e8; font-family: 'SommetRoundedBold', sans-serif; display: inline-block; text-decoration: none; margin-bottom: 7px; position: relative;}
.logos-archive .header:hover {text-decoration: underline;}
.logos-archive .header::after {content: ''; width: 114px; border-bottom: 2px solid #f1f6f9; position: absolute; left: 0; bottom: 0;}
.logos-archive p {font-size: 14px; line-height: 20px; color: #4c7790; font-family: 'SFProDisplayRegular', sans-serif;}

.head-block-tech-sup h1 {color: var(--white);}
.head-block-tech-sup {color: var(--white);}
.head-block-tech-sup a {color: var(--white);}
.head-block-tech-sup .input-group-append .btn {background-image: url("../img/search-dark-blue.svg") !important; background-color: #fff !important;}

.action-layers .card-body .price {font-size: 48px; font-family: 'SommetRoundedBold', sans-serif; color: #0091e8;}
.action-layers .card-body .price img {margin-top: -3px;}


.head-block-layer .form-control {background: rgba(241, 246, 249, 0.21) !important; color: #fff !important;}
.head-block-layer .form-control::placeholder {color: rgba(255, 255, 255, 0.7) !important;}
.head-block-layer .wbl-custom-checkbox {font-size: 14px; padding-left: 55px; display: inline-block; text-align: left; position: relative; margin: 0; cursor: pointer;}
.head-block-layer .wbl-custom-checkbox::before {content: ''; position: absolute; left: 0; top: 0; width: 30px; height: 30px; background-color: rgba(241, 246, 249, 0.21); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;}
.head-block-layer :checked+.wbl-custom-checkbox::after {content: ''; position: absolute; left: 0; top: 0; width: 30px; height: 30px; background: url(../img/checked.svg) 50% 50% no-repeat transparent;}

.wbl-head-slider-component {padding-left: 70px; padding-right: 70px; position: relative;}
.wbl-head-slider-component .navigation {height: 100%; width: 60px; position: absolute; right: 0; top: 0; text-align: center; vertical-align: center; display: flex; flex-wrap: wrap;}
.wbl-head-slider-component .navigation a {display: block;  flex: 0 0 100%; margin: 10px 0;}
.wbl-head-slider-component .navigation a.back-arrow,
.wbl-head-slider-component .navigation a.next-arrow {width: 60px; height: 60px; text-decoration: none !important;}
.wbl-head-slider-component .navigation a.back-arrow {background: url(../img/arrow_top_btn.png) 50% 50% no-repeat transparent;}
.wbl-head-slider-component .navigation a.next-arrow {background: url(../img/arrow_bottom_btn.png) 50% 50% no-repeat transparent;}
.wbl-head-slider-component .navigation a.num {height: 20px; font-size: 14px; font-family: 'SFProDisplayRegular', sans-serif; text-decoration: none !important; opacity: 0.6;}
.wbl-head-slider-component .navigation a.num.active {font-size: 22px; font-family: 'SommetRoundedBold', sans-serif; opacity: 1;}
.wbl-head-slider-component .slides .row img {opacity: 0; -webkit-transition: opacity 0.5s ease-out 0s; -moz-transition: opacity 0.5s ease-out 0s; -o-transition: opacity 0.5s ease-out 0s; transition: opacity 0.5s ease-out 0s;}
.wbl-head-slider-component .slides .row img.anim {opacity: 1;}

.wbl-head-slider-component .navigation.navigation-horizontal {width: 100%; height:  60px; position: relative;}
.wbl-head-slider-component .navigation.navigation-horizontal a {flex: 0 0 2.5rem;}
.wbl-head-slider-component .navigation.navigation-horizontal a.back-arrow,
.wbl-head-slider-component .navigation.navigation-horizontal a.back-arrow {background: url(../img/arrow_prev_blue_btn.png) 50% 50% no-repeat transparent; background-size: contain;}
.wbl-head-slider-component .navigation.navigation-horizontal a.next-arrow {background: url(../img/arrow_next_blue_btn.png) 50% 50% no-repeat transparent; background-size: contain;}
.wbl-head-slider-component .navigation.navigation-horizontal a.num {height: auto;}

@media (max-width: 768px) {
    .wbl-head-slider-component {padding-left: 0; padding-right: 0; padding-top: 30px !important; padding-bottom: 30px !important;}
    .wbl-head-slider-component .navigation {position: static; height: auto; width: 100%; text-align: center; margin-top: 40px;}
    .wbl-head-slider-component .navigation a {flex: none; display: inline-block; margin: 0 10px;}
    .wbl-head-slider-component .navigation a.back-arrow,
    .wbl-head-slider-component .navigation a.next-arrow {transform: rotate(-90deg); margin: 0 10px;}
    .wbl-head-slider-component .navigation.navigation-horizontal a.back-arrow,
    .wbl-head-slider-component .navigation.navigation-horizontal a.next-arrow {transform: none;}
}
@media (max-width: 1200px) {
    .wbl-head-slider-component {padding-left: 0 !important;}
}

.bg-blue .form-control {background: rgba(241, 246, 249, 0.21) !important; color: #fff !important;}
.bg-blue .form-control::placeholder {color: rgba(255, 255, 255, 0.7) !important;}
.bg-blue .wbl-custom-checkbox {font-size: 14px; padding-left: 55px; display: inline-block; text-align: left; position: relative; margin: 0; cursor: pointer;}
.bg-blue .wbl-custom-checkbox.agry::before {content: ''; position: absolute; left: 0; top: 0; width: 30px; height: 30px; background-color: rgba(241, 246, 249, 0.21); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;}
.bg-blue :checked+.wbl-custom-checkbox.agry::after {content: ''; position: absolute; left: 0; top: 0; width: 30px; height: 30px; background: url(../img/checked.svg) 50% 50% no-repeat transparent;}

.btn.btn-dark.wbl-custom-file-browse {background-image: url(../img/folder.svg), linear-gradient(131deg, #005575, #003d61) !important; background-repeat: no-repeat !important; width: 57px !important; background-position: center center !important; width: 57px !important; cursor: pointer !important;}
.btn.btn-dark.wbl-custom-file-browse input {cursor: pointer !important;}
.btn.btn-light.wbl-custom-file-remove {background: url(../img/trash.svg) 50% 50% no-repeat #7f9bab !important; width: 57px !important; width: 57px !important;}

.mobile-menu {height: 100vh; position: fixed; left: -100%; top: 0; z-index: 20; background-image: linear-gradient(326deg, #0d2838, #1a4a67); -webkit-transition: left 0.3s ease-out 0s; -moz-transition: left 0.3s ease-out 0s; -o-transition: left 0.3s ease-out 0s; transition: left 0.3s ease-out 0s;}
.mobile-menu.open {left: 0;}
.mobile-menu .header {height: 50px;}
.mobile-menu .header .close-btn {text-decoration: none !important; color: var(--white); font-size: 14px; font-family: 'SFProDisplayRegular', sans-serif;}
.mobile-menu .header .search-btn {display: inline-block; width: 30px; height: 30px; background: url(../img/search.svg) 50% 50% no-repeat; background-color: rgba(255, 255, 255, 0.3); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; overflow: hidden;}
.mobile-menu .mon-menu-layer {height: calc(100vh - 50px - 95px); overflow-y: scroll;}
.mobile-menu .menu-root > .item {margin: 9px 0;}
.mobile-menu .menu-root > .item > a {font-family: 'SommetRoundedBold', sans-serif; text-decoration: none !important; color: var(--white); font-size: 18px;}
.mobile-menu .menu-root > .item.has-child > a {margin-right: -22px;}
.mobile-menu .menu-root > .item.has-child > a::after {content: ''; display: inline-block; width: 11px; height: 11px; background: url(../img/arrow-right-mob.svg) 50% 50% no-repeat transparent; margin-left: 11px;}
.mobile-menu .menu-root > .item.has-child.open > a::after {background: url(../img/arrow-bottom-mob.svg) 50% 50% no-repeat transparent;}
.mobile-menu .menu-root > .item .menu-child {margin: 10px 0 20px; display: none;}
.mobile-menu .menu-root > .item.open .menu-child {margin: 10px 0 20px; display: block;}
.mobile-menu .menu-root > .item .menu-child > .item {margin-bottom: 9px;}
.mobile-menu .menu-root > .item .menu-child > .item a {font-family: 'SFProDisplayRegular', sans-serif; line-height: 18px; font-size: 14px; color: rgba(255, 255, 255, 0.7); text-decoration: none !important;}

@media (max-width: 768px)
{
    .news-layer .voit-form label::before {top: 2px;}
    .news-layer .voit-form [type="checkbox"]:checked + label::after {top: 6px;}
}

@media (max-width: 576px)
{
    .dotted-list .line .left {float: none;}
    .dotted-list .line .right {margin-top: 10px;}
}