body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Arial';
}

.com-content-article__item:not(.article-15):not(.article-794):not(.article-795) {
    width: 1200px;
    margin: auto;
}

.main-header-info-first-body ul {
    padding: 0;
}

.helloween {
    position: absolute;
    z-index: 2000;
    margin-left: -100px;
}

.helloween img {
    width: 80px;
}

.main-header-hotline p {
    margin: 0;
    font-weight: bold;
    color: #0B4B7D;
}

.main-header-hotline .title {
    font-size: 15px;
}

.main-header-hotline .number {
    font-size: 18px;
    font-weight: 900 !important;
}

.main-header-hotline .date {
    font-weight: 300 !important;
    font-size: 14px;
}

.company-images  img{
    width: 100% !important;
    object-fit: contain;
    height: max-content;
}

.stop-scroll {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.mark-new {
    text-align: right;
    position: absolute;
    top: 15px;
    right: -11px
}

footer .mark-new {
    display: none;
}

.mark-new p {
    font-weight: bold;
    transform: rotate(6deg);
    text-transform: UPPERCASE;
    font-size: 9px;
    padding: 0px 3px;
    background: red;
    width: max-content;
    border-radius: 5px;
    color: white;
    display: inline-block;
}

.insurance-header {
    font-size: 22px;
    font-family: Arial;
    font-weight: bolder;
    margin: 30px 0 4px;
    color: #01345c;
    text-transform: uppercase;
    text-align: center;
}

.insurance-body {
    width: 800px;
    margin: auto;
}

.insurance-body .row{
    margin-top: -15px;
}

.insurance-body .block-img {
    min-width: 115px;
    display: inline-flex;
}

.insurance-body img {
    width: 110px;
    align-self: center;
}

.insurance-body .some-small {
    width: 70px;
    align-self: center;
}

.insurance-body p {
    font-size: 16px;
    align-self: center;
    font-family: Arial;
    text-align: center;
}

.insurance-body a {
    font-family: Arial;
    margin-top: 20px;
    font-size: 14px;
    color: #047DBC;
    font-weight: bold;
    text-transform: uppercase;
}

@media(max-width: 500px){
    .insurance-body .row > *{
        width: 100%;
    }

    .insurance-body .row{
        flex-wrap: wrap;
    }

    .insurance-body .some-small {
        margin: auto;
        align-self: center;
    }
    .insurance-body img {
        padding-top: 20px;
        width: 200px;
        align-self: center;
        margin: auto;
    }
}

img { opacity: 1; transition: opacity 0.3s; } img[data-src] { opacity: 0; }

.article-info, .pagenavigation, .page-header, footer .item-177,footer .item-240,footer .item-241, footer .item-178, footer .item-179, footer .item-180, footer .item-181, footer .item-182, footer .item-183, footer .item-185, .mobile-block .item-173, .mobile-block .item-174, .mobile-block .item-175, .mobile-block .item-176, footer .item-173, footer .item-174, footer .item-175, footer .item-176, .footer-menu .item-166, .footer-menu .item-167, .footer-menu .item-168, .footer-menu .item-169, .footer-menu .item-117, .footer-menu .item-118, .footer-menu .item-127, .footer-menu .item-131, .footer-menu .item-139, .footer-menu .item-140, .footer-menu .item-150, .footer-menu .item-160, .footer-menu .item-103, .footer-menu .item-104, .footer-menu .item-116, .footer-menu .item-161, .mobile-block, .visually-hidden, header .mod-menu__sub, #main-menu > div > nav > button, .footer-about .item-128, .footer-about .item-131, .footer-about .item-129, .footer-about .item-126, .footer-about .item-127, .footer-about .item-125, .footer-about .item-124, .footer-about .item-146, .footer-about .item-147, .footer-about .item-148, .footer-about .item-149, .footer-about .item-150, .footer-about .item-151, .footer-about .item-158, .footer-about .item-161, .footer-about .item-160, .footer-about .item-110, .footer-about .item-111, .footer-about .item-112, .footer-about .item-113, .footer-about .item-114, .footer-about .item-116 {
    display: none;
}


.item-187,.item-240,.item-241,.item-231,.item-237, .item-192, .item-193, .item-194, .item-195, .item-196, .item-197, .item-198, .item-199, .item-200, .item-201, .item-202, .item-203, .item-204,
.item-205, .item-206, .item-207, .item-208, .item-209, .item-210, .item-211, .item-212{
    display: none;
}

.item-158 > .small, .item-163 > .small {
    width: 146px;
}

a {
    text-decoration: none;
}

ul {
    list-style: none;
}

.row {
    display: flex;
    justify-content: space-between;
}

.row-start {
    display: flex;
    justify-content: flex-start;
}

.row-evenly {
    display: flex;
    justify-content: space-evenly;
}

.row-end {
    display: flex;
    justify-content: flex-end;
}

.text-center {
    text-align: center;
}

.text-upper {
    text-transform: uppercase;
}

.main-header-b2b-text {
    margin-top: -10px;
}

.main-header-info-first-body strong {
    padding-left: 5px;
    font-size: 14px;
    color: #004884;
}

.main-header-hotline .main-header-text {
    margin-top: -17px;
    padding-left: 5px;
}

.breadcrumbs a {
    color: #0080c2;
    font-size: 15px
}

.breadcrumbs li::before {
    padding-left: 5px;
    content: '' !important;
    padding-right: 0px !important;
}


.breadcrumbs li:last-child span, .breadcrumbs li:last-child a{
    color: #015581;
}

.breadcrumbs {
    display: flex;
}

.truck {
    position: absolute;
    z-index: 100;
    left: 10.7%;
    top: 85px;
    width: 135px;
}

.truck p {
    text-transform: uppercase;
    text-align: center;
    width: 49%;
    background-color: #ee0303;
    border: 1px solid #ee0303;
    color: white;
    font-weight: bold;
    padding: 1px 0;
    font-size: 12px;
    font-family: 'MuseoSans', sans-serif;
}

.truck p:nth-child(1) {
    border: 1px solid white !important;
    background-color: white !important;
    color: #004884 !important;
}

.main-header-b2b-header li:first-child {
    margin-top: -4px;
    font-size: 25px;
    font-weight: 600;
}

.main-header-text, .main-header-b2b-header li:last-child {
    margin: -10px 0px 0px 0px;
}

.main-header-logo {
    background-color: #004884;
    z-index: 56;
    width: 31%;
    overflow: hidden;
    margin-left: -120px;
    position: relative;
    height: 135px;
    transform: skewX(-30deg);
    transform-origin: 0 100%;
}

.main-header-logo-img {
    height: 95px;
    width: auto;
    transform: skewX(30deg);
    margin-left: 35%;
    margin-top: 2%;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("/images/header/logo_strans_white.svg");
}

@media (max-width: 1600px) {
    .main-header-logo-img {
        margin-left: 25%;
        margin-top: 5%;
    }

    .truck {
        left: 8.3%;
    }
}

.main-header-logo img {
    padding-left: 25%;
    padding-top: 15px;
    height: 95px;
    width: auto;
}

.main-header-info-first-body {
    padding-top: 10px; /*margin-left: 110px;*/
    display: flex;
    justify-content: space-evenly;
    width: 100%;
}

.main-header-info-second-body {
    padding-top: 25px;
}

.main-header-info-second-body .language, .main-header-social {
    margin: 0 30px 0 0;
}

.main-header-info {
    width: 70%;
}

.main-header-info a {
    color: #004884;
}

.main-header-info-first-body strong:hover {
    color: red;
}

.red-txt {
    color: #e3000f;
}

.main-header-nexus img {
    margin-top: 5px;
    height: 30px;
    width: auto;
}

footer .main-header-social {
    margin-top: -20px !important;
}

.main-header-social a img {
    width: auto;
    height: 25px;
}

.main-header-social i {
    margin-top: -1px;
    color: white;
    font-size: 20px;
}

.social-icon {
    margin: 5px;
    width: 30px;
    border-radius: 100px;
    height: 30px;
    text-align: center;
    line-height: 2;
}

footer .social-icon {
    margin: 5px;
    height: 30px;
    border-radius: 100px;
    width: 30px;
    font-size: 20px;
    line-height: 1.5;
    text-align: center;
}

.call-me-back {
    transform: translate(-50%, -50%);
    padding: 0 15px;
    position: fixed;
    top: 50%;
    left: 50%;
    height: 150px;
    width: 50%;
    background-color: #e0dede;
    z-index: 100000;
}

.call-me-back button {
    border: none;
    background-color: #004884;
    color: #fff;
    font-size: 16px;
    width: 40%;
    font-weight: bold;
    padding: 5px 10px;
    cursor: pointer;
}

.call-me-back input {
    width: 50%;
    border: none;
    font-size: 16px;
    padding: 5px 15px;
}

.call-me-back-description {
    text-align: center;
    color: #004884;
    font-size: 18px;
    margin-top: -20px;
}

.call-me-back-close {
    margin-top: 5px;
    font-size: 25px;
    padding-left: 95%;
    color: black;
    cursor: pointer;
}

header .social-icon svg{
    fill: #004884;
}

header .social-icon svg:hover {
    fill: #59c1e5;;
}

.mod-languages {
    margin-top: -10px;
    margin-right: 15px;
}

.mobile-block .mod-languages {
    margin-right: 0px;
    margin-top: 0px;
}

.mobile-block #languages_block {
    align-self: center;
    width: 150px;
}

.header_mobile_icons a {
    align-self: center;
    padding-right: 25px !important;
}

.header_mobile_icons a img {
    width: 35px;
    height: auto;
}

.mod-languages li {
    margin-top: -1px;
    align-self: baseline;
}

div .mod-languages ul {
    display: flex;
    margin: 15px 0;
    padding: 2px 3px 2px 3px;
    border-radius: 15px;
    border: 1px solid #004884;
}

.mod-languages ul .lang-active a {
    color: white;
    padding: 0px 7px;
    line-height: 1.7;
}

.mod-languages ul li a {
    color: #004884;
    padding: 0px 3px 0px 3px;
    font-size: 12px;
}

div.mod-languages ul li.lang-active {
    background-color: #004884 !important;
    padding: 1px;
    border-radius: 30px;
    margin: 0;
}

header .mod-menu {
    display: flex;
    font-size: 14px;
    z-index: 55;
    justify-content: space-evenly;
    background: #004884;
    height: 47px;
    margin-left: 27%;
    position: relative;
    margin-top: -47px;
    margin-bottom: 0;
}

.control-c {
    transition: .5s
}

.control-c:hover {
    filter: contrast(60%);
}

header .mod-menu:before {
    clip-path: polygon(0 0, 100% 0, 30% 100%, 0% 100%);
    position: relative;
    left: -6.85%;
    margin-top: -12px;
    content: "";
    background-color: white;
    width: 49px;
    z-index: 1;
}

header .mod-menu li {
    align-self: center;
}

header .nav-item a {
    font-family: FontAwesome, sans-serif;
    color: white;
    font-size: 14px;
    text-transform: uppercase;
    padding: 15px 0;
}

header .mod-list > .default {
    margin-left: -70px;
}

header .mod-menu .parent:hover .mod-menu__sub {
    margin-top: 13px;
    position: absolute;
    display: block;
    background-color: #0072b0;
    padding: 0;
    z-index: 100;
}

header .mod-menu__sub .parent:hover .sub {
    margin-top: -32px;
    margin-left: 130px;
    display: block !important;
    height: max-content;
    max-height: 500px;
    overflow-x: auto;
}

.mod-menu__sub::-webkit-scrollbar {
    width: 10px;
}

/* Track */
.mod-menu__sub::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.mod-menu__sub::-webkit-scrollbar-thumb {
    background: #004884;
}

/* Handle on hover */
.mod-menu__sub::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.sub {
    display: none !important;
}

li.parent > li.parent {
    background-color: black;
}

.tir-items {
    color: white !important;
    width: 140px;
    margin-top: -7px;
    line-height: 1;
}

.tir-items > a {
    font-size: 11px !important;
    color: white !important;
}

.tir-items:hover a {
    color: #004884 !important;
}

header .mod-menu__sub .list-unstyled {
    display: none
}

header .mod-menu__sub li {
    padding: 15px !important;
    height: auto !important;
}

.sticky {
    margin-top: -139px !important;
    z-index: 58 !important;
    position: fixed !important;
    width: 107%;
    margin-left: -7% !important;
    justify-content: center !important;
}

.sticky::before {
    display: none;
}

.sticky li {
    margin: 35px;
}

.sticky > .default {
    margin-left: 105px !important;
}

.sticky .mod-menu__sub li {
    margin: 0;
}

.sticky .mod-list > .default {
    margin-left: 0px;
}

header .mod-menu__sub li:hover {
    background-color: white;
}

header .mod-menu__sub li:hover a {
    color: #0072b0;
}

footer {
    margin-top: 50px;
    background-color: #004884;
    padding-left: 1%;
    padding-right: 1%;
    font-family: MuseoSans300;
}

footer .row {
    width: 1200px;
    margin: auto;
    font-family: FontAwesome, Sans-serif;
    font-size: 13px;
    line-height: 1.5;
}

footer p, footer a {
    color: white;
}

footer p {
    font-size: 13px
}

footer img {
    width: 150px;
    height: auto;
}

.footer-header {
    color: #59c1e5;
    font-size: 13px;
    font-family: FontAwesome, Sans-serif;
    margin-bottom: -1px;
    text-transform: uppercase;
}

.footer-logo {
    padding-top: 15px;
}

footer .mod-menu__sub, footer .mod-menu {
    margin-left: -40px;
}

.footer-social hr {
    margin-top: 0px
}

.main-header-social p {
    margin-top: 12px;
    margin-right: 10px;
    font-size: 16px
}

footer .social-icon  svg{
    fill: white;
}

footer .social-icon svg:hover {
    fill: rgba(255, 255, 255, 0.82);
}


.footer-contact h5 {
    padding-bottom: 5px
}

.footer-contact a {
    font-size: 18px
}

.footer-message img {
    margin-top: 14px;
    margin-right: 5px;
    height: 31px;
    width: 31px;
}

footer .mod-menu li {
    line-height: 2;
}

footer .nav-item a:hover {
    font-weight: 700;
}

#toprow1, .com-content-article__body {
    padding: 0px;
}

.company, .company-strategy, .promotion-description, .row.promotion-description-items, .promotion, .guarantee, .sto-pages-body, .sto-addition p {
    width: 1200px;
    margin: 0 auto;
}

@media (min-width: 2000px) {
    header .mod-menu:before {
        clip-path: polygon(0 0, 100% 0, 65% 100%, 0% 100%) !important;
        left: -8%;
        margin-top: -14.5px;
        width: 63px;
        height: 62px;
    }
    header .mod-menu {
        margin-left: 30%;
    }
}

@media (min-width: 1700px) {
    header .mod-menu:before {
        padding-left: 40px;
        clip-path: polygon(0 0, 100% 0, 60% 100%, 0% 100%);
    }
}

@media (min-width: 1600px) {
    .call-me-back {
        width: 30%;
    }

    .main-header-info-second-body .language, .main-header-social {
        margin: 0 50px 0 50px;
    }

    .sticky li {
        margin: 25px;
    }
}

@media (max-width: 1560px) {
    .sticky li {
        margin: 25px;
    }
}

@media (max-width: 1600px) {
    .main-header-nexus {
        padding-right: 20px !important;
    }
}

@media (max-width: 1400px) {
    .main-header-info-first-body {
        margin-left: 10px;
    }
}

@media (max-width: 1366px) {
    .nav-item a {
        font-size: 15px;
    }
}

@media (max-width: 1350px) {
    .main-header-info-second-body .language, .main-header-social {
        margin: 0;
    }

    .sticky li {
        margin: 15px;
    }

    .sticky > .default {
        margin-left: 35px !important;
    }

    .main-header-info-first-body strong {
        font-size: 13px !important;
    }
}

@media (max-width: 1250px) {
    .main-header-info-first-body strong {
        font-size: 12px !important;
    }
    footer .row, .com-content-article__item, 
    .company, .company-strategy, .promotion-description, 
    .row.promotion-description-items, .promotion, 
    .guarantee, .sto-pages-body, .sto-addition p {
        width: auto;
    }
}

@media (max-width: 1200px) {
    

    header .mod-menu:before {
        display: none;
    }

    .com-content-article__item {
        padding: 5px;
        width: auto !important;
    }

    .main-header {
        height: 150px;
    }

    .main-header-info-first-body strong {
        font-size: 14px !important;
    }

    header .mod-list > .default {
        margin-left: 0px;
    }

    header .mod-menu {
        margin-left: 0;
        width: 100%;
        padding: 0;
    }

    header .parent:hover .mod-menu__sub {
        margin-top: 13px;
        position: absolute;
        display: block;
        background-color: #0072b0;
        padding: 0;
        z-index: 100;
    }

    .main-header-logo-img {
        height: 75px;
        background-image: url("/images/header/logo_strans_blue.svg") !important;
        margin-top: 2%;
        margin-left: 120px;
    }

    .truck {
        border: 1px solid #004884;
        left: 7.3%;
        top: 65px;
        border: 1px solid #004884;
    }

    .truck p {
        margin: 0;
    }

    .main-header-info-first-body {
        margin-left: -70px;
    }

    .main-header-logo {
        background-color: unset;
        height: 103px;
    }

    .sticky {
        margin-top: -154px !important;
        margin-left: 0% !important;
        width: 100% !important;
    }

    .main-header-info {
        width: 72%;
    }
    .helloween {
        left: 0px;
        margin-left: 0;
    }

    .helloween img {
        width: 70px;
    }
}

@media (max-width: 1100px) {
    .footer-social {
        display: none;
    }

    .main-header-info-first-body {
        margin-left: -10px;
        z-index: 2;
    }

    .main-header-info {
        width: 80%;
    }

    .sticky {
        margin-top: -139px !important;
    }

    .main-header-logo-img {
        margin-top: 3%;
        height: 55px;
    }

    .truck {
        left: 3.3%;
        top: 103px !important;
    }

    .main-header-logo {
        height: 75px;
    }

    .sticky li {
        margin: 10px;
    }

    .sticky li a {
        font-size: 11px
    }

    .main-header {
        height: 135px;
    }
}

@media (max-width: 900px) {
    .main-header-logo-img {
        height: 45px;
    }
}

@media (max-width: 800px) {
    .call-me-back, .footer-about, .footer-menu, header .mod-menu, .main-header, #logo_menu_block, .footer-message, .truck {
        display: none;
    }

    .mark-new {
        display: none;
    }

    .insurance-body {
        width: auto;
    }

    .insurance-body p{
        text-align: start;
    }

    .sticky {
        margin-top: -49px !important;
        width: auto !important;
        margin-left: 0% !important;
        position: unset;
    }

    header .mod-menu .parent:hover .mod-menu__sub {
        display: block;
        background: none;
        margin: 0px 0px 0px -20px;
        padding: 0px 40px;
        position: unset;
    }

    .sticky > .default {
        margin-left: 0px !important;
    }

    .sticky li {
        margin: 0;
    }

    .guarantee-list {
        display: block;
    }

    .guarantee-item {
        width: 80%;
        margin: auto;
    }

    .header .mod-menu .current {
        background-image: unset;
    }

    header .parent:hover .mod-menu__sub {
        margin-top: 13px;
        position: unset;
        background-color: #0080c2;
        padding-left: 40px;
        margin-top: 0px;
    }

    header .parent:hover .mod-menu__sub {
        display: block;
    }

    footer {
        padding: 0 15px;
    }

    .menu__box .mod-menu {
        display: block;
        height: 100%;
        background-color: #0080c2;
        padding-top: 30px;
    }

    .menu__box .nav-item {
        padding: 5px 0px 0px 15px;
        font-size: 12px;
    }

    .menu__box .item-166, .menu__box .item-167, .menu__box .item-168, .menu__box .item-169 {
        display: none
    }

    header .parent {
        margin: 0;
        height: auto;
    }

    .menu__box .nav-item a {
        font-size: 13px;
        font-weight: 300;
        text-transform: unset;
    }

    .main_header_mobile ul {
        width: 50%;
        margin: auto;
        justify-content: space-between;
    }

    .main_header_mobile ul li a {
        color: white
    }

    .menu__box .mod-menu__sub {
        display: block;
        margin-left: -20px;
    }

    .menu__box .mod-menu__sub li {
        padding: 3px 0px !important;
    }

    .menu__box .mod-menu__sub li a {
        font-size: 13px;
    }

    #black_block {
        height: 70px;
        position: fixed;
        z-index: 9;
    }

    #logo_img {
        width: auto;
        height: 30px;
        margin-right: 30px;
    }

    .right-block p {
        font-size: 19px;
    }

    .hamburger-menu {
        padding-top: -50px;
    }

    #menu_block .menu li {
        text-align: left;
        display: block;
    }

    .mobile-menu-list > #menu a {
        color: white;
        font-size: 19px;
    }

    .main_header_mobile {
        position: relative;
        z-index: 55;
        width: 100%;
        padding-top: 15px;
        display: grid;
    }

    .menu__box hr {
        margin-top: 31px;
        background-color: #ffffff4d;
        width: 99%;
        height: 1px;
        border: none;
    }

    .menu__box a {
        color: white;
    }


    .mobile-block {
        z-index: 10000000000;
        background-color: #004884;
        height: 50px;
        display: block;
        width: 100%;
        padding-top: 5px;
    }

    .mobile-sticky {
        position: fixed;
        margin-top: -4px;
    }

    #menu__toggle {
        opacity: 0;
    }

    #menu__toggle:checked ~ .menu__btn > span {
        transform: rotate(45deg);
    }

    #menu__toggle:checked ~ .menu__btn > span::before {
        top: 0;
        transform: rotate(0);
    }

    #menu__toggle:checked ~ .menu__btn > span::after {
        top: 0;
        transform: rotate(90deg);
    }

    #menu__toggle:checked ~ .menu__box {
        visibility: visible;
        left: 0;
    }

    .menu__btn {
        margin-top: -7px;
        display: flex;
        align-items: center;
        position: fixed;
        top: 20px;
        left: 20px;
        width: 26px;
        height: 26px;
        cursor: pointer;
        z-index: 11;
    }

    .menu__btn > span, .menu__btn > span::before, .menu__btn > span::after {
        display: block;
        position: absolute;
        width: 100%;
        height: 2px;
        background-color: white;
        transition-duration: .25s;
    }

    .menu__btn > span::before {
        content: '';
        top: -8px;
    }

    .menu__btn > span::after {
        content: '';
        top: 8px;
    }

    .menu__box {
        display: block;
        position: fixed;
        overflow: scroll;
        visibility: hidden;
        top: 0;
        left: -100%;
        width: 300px;
        height: 100%;
        margin: 0;
        padding: 80px 0;
        z-index: 9;
        list-style: none;
        background-color: #0080c2;
        box-shadow: 1px 0px 6px rgba(0, 0, 0, .2);
        transition-duration: .25s;
    }

    #menu_block > div > ul > li > a {
        color: #FFFFFF;
        font-size: 19px;
    }

    #black_block > div.mobile-block > div:nth-child(1) > div > ul > div.main_header_mobile > div:nth-child(2) .menu__item {
        display: block;
        padding: 12px 24px;
        color: white;
        font-family: 'Roboto', sans-serif;
        font-size: 20px;
        font-weight: 600;
        text-decoration: none;
        transition-duration: .25s;
    }

    .menu__item:hover {
        background-color: #CFD8DC;
    }

    .header .mod-menu .parent:hover .mod-menu__sub {
        display: none !important;
    }
}

.main-text-body-title {
    align-self: center;
    margin-left: 100px;
    width: 250px;
    text-align: center;
}

.main-text, .main-video, .main-title {
    margin-bottom: 40px;
}

.main-text-body-title p {
    border: 2px solid #005cb2;
    padding: 10px 15px;
}

.main-text-body-description {
    width: 60%;
    border-left: 2px solid #005cb2;
}

.main-text-body-description p {
    padding: 0 10%;
    text-align: start;
}

.main-text .row {
    color: #005cb2;
    padding: 0px 5%;
    border-top: 2px solid #005cb2;
    font-size: 21px;
}

.main-benefits-item-title {
    font-weight: bold;
    color: #004884;
    font-size: 20px;
}

.main-video img, .main-video-yt {
    width: 800px;
    height: 460px;
}

.main-video img {
    position: absolute;
    z-index: 2;
}

.main-video {
    text-align: center;
    width: max-content;
}

.main-video img:hover > .main-video-pause {
    background-image: url("/images/main-page/youtube_play-on.png");
}

.main-video-yt {
    position: relative;
}

.main-video-pause {
    margin-top: 240px;
    position: absolute;
    z-index: 3;
    width: 68px;
    height: 48px;
    margin-left: 400px;
    transform: translate(-50%, -50%);
    background-image: url("/images/main-page/youtube_play-off.png");
}

.main-video-pause:hover {
    background-image: url("/images/main-page/youtube_play-on.png");
    width: 68px;
    height: 48px;
}

.main-text .row:last-child {
    border-bottom: 2px solid #005cb2;
}

.main-title hr:nth-child(1) {
    width: 50%;
    float: left;
}

.main-title hr:nth-child(6) {
    width: 50%;
    float: right;
}

.main-title hr {
    height: 2px;
    background-color: #004884;
    border: none;
}

.main-title-body-title p {
    font-family: 'GolosTextBlack';
    font-size: 28px;
    margin-top: 15px;
    margin-bottom: 10px;
    color: #005cb2;
}

.main-title-body-description {
    font-family: 'GolosTextBold';
    font-size: 19px;
    color: #004884;
    width: 75%;
    margin: auto;
}

.main-title, .sto-description-header {
    text-align: center;
}

.main-benefits {
    flex-wrap: wrap;
    font-family: Arial;
}

.main-benefits-item {
    text-align: center;
    width: 33%;
    margin-bottom: 50px;
}

.row.main-benefits > p.main-benefits-item-title p {
    font-size: 50px;
}

.main-benefits-item-description {
    color: #004884;
    text-align: justify;
    width: 70%;
    margin: auto;
    font-size: 18px;
}

.main-text-title {
    font-family: 'Century Gothic Bold', sans-serif;
    font-weight: bold;
    font-size: 24px;
    text-align: center;
    color: #005cb2;
}

body > div.row.main-benefits > p.main-benefits-item-title {
    font-family: MuseoSans500;
}

.sto-pages {
    font-size: 16px;
    color: #047dbc;
    font-family: FontAwesome, sans-serif;
}

.sto-banner { /*margin-top: -14px;*/
    position: relative;
}

.sto-pages-body a {
    color: #0080c2;
}

.sto-pages ul {
    margin-left: -40px;
    font-size: 15px;
}

.sto-pages-body p {
    padding: 0 25px 0px 25px;
}

.sto-addition p {
    width: 97%;
}

header .mod-menu .current, header .mod-menu li:hover {
    background-image: url(../../../images/menu_circle.png);
    background-repeat: no-repeat;
    background-position: center 51px;
}

header .mod-menu li {
    padding-top: 33px;
    height: 50px;
    position: relative;
}

.sto-banner img {
    height: 100%;
    width: 100%;
}

.menu__box .mod-menu li {
    height: auto;
}

.sto-header {
    color: #01345c;
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
    font-family: "Museosans700";
}

.sto-addition {
    padding: 15px 0 20px 0;
    background: #047dbc;
    color: #fff;
}

.sto-pages-body ul li::before {
    font-family: FontAwesome;
    content: "\f046";
    padding-right: 15px;
    color: limegreen;
}

.shadow-block, .shadow-block-compare {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background-color: rgba(0, 0, 0, 0.5);
}

@media (max-width: 650px) {
    .sto-banner {
        display: none;
    }
}

@media (max-width: 850px) {
    .main-video img, .main-video-yt {
        width: 600px;
        height: 345px;
    }

    .main-video-pause {
        margin-top: 170px;
        margin-left: 300px;
    }

    .main-text .row {
        padding: 0 1%;
    }

    .sto-pages ul {
        margin-left: 0px;
    }
}

@media (max-width: 768px) {
    .main-benefits-item {
        width: 45%;
    }

    .main-benefits-item-description {
        text-align: start;
    }

    .main-text-body-description p {
        padding: 0;
    }

    .main-text .row {
        display: block;
    }

    .main-text-body-description {
        border: none;
    }

    .main-text-body-title, .main-text-body-description {
        width: 80%;
        margin: auto;
    }
}

@media (max-width: 700px) {
    .main-video img, .main-video-yt {
        width: 400px;
        height: 230px;
    }

    .main-video-pause {
        margin-top: 115px;
        margin-left: 200px;
    }
}

@media (max-width: 560px) {
    .company-block:nth-child(1), .company-block:nth-child(4) {
        border: none !important;
    }

    .main-head-text h1, .main-head-text p {
        font-size: 15px
    }
}

@media (max-width: 500px) {
    .main-benefits-item {
        width: 100%;
        padding-bottom: 30px;
    }

    footer .row {
        display: block;
        text-align: center;
    }

    .footer-social {
        display: none;
    }
}

@media (max-width: 425px) {
    .main-text-body {
        display: block;
    }

    .main-video img, .main-video-yt {
        width: 350px;
        height: 200px;
    }

    .main-video-pause {
        margin-top: 100px;
        margin-left: 175px;
    }
}

/*company*/
.company-images > img {
    width: 100%; /*margin-top: -14px;*/
    position: relative;
}

.company, .company-strategy {
    font-family: Arial, sans-serif !important;
    color: #333333;
}

.company-description-body {
    width: 45%;
}

.company-description-body p, div.company > p:nth-child(4) {
    text-indent: 30px;
    font-size: 18px
}

.company-history-body-block-description p {
    padding: 0px 15px;
}

.company-title {
    width: 300px;
    margin: 15px auto;
    font-family: Arial;
    font-size: 28px;
    font-weight: 600;
    text-align: center;
    color: #005cb2;
    border: solid 2px #005cb2;
}

.company-block {
    width: 25%;
    text-align: center;
    border-right: solid 2px #005cb2;
}

.company-block:last-child {
    border-right: none;
}

.company-block h2 {
    font-family: Arial;
    font-size: 18px;
    color: #005cb2;
    text-align: center;
    text-transform: uppercase;
    font-weight: 300;
    min-height: 60px;
    margin: 0;
}

hr {
    margin-top: 30px;
    margin-bottom: 30px;
    background-color: #4683c3;
    width: 99%;
}

.company-history-body {
    padding: 0 20px;
    background-image: url("/images/pages/company_background.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    flex-wrap: wrap;
    padding-top: 10px;
}

.company-history-body-block {
    width: 20%;
    text-align: center;
}

.company-history-body-block-title {
    margin: auto;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    border: 2px dotted #1e3b7e;
}

.company-history-body-block-title p {
    padding: 20px 27%;
}

.company-history-body-block-subtitle {
    margin: 20px -11px;
    font-size: 18px;
    text-align: center;
    font-family: Century Gothic;
    font-weight: 600;
    color: #1e3b7e;
}

.company-stats p {
    color: #4683c3;
}

.company-stats-block-text p, .company-description-body p, .company-subtitle {
    width: 95%;
    line-height: 1.5;
    text-align: justify;
}

.company-description-body {
    margin: 10px
}

.company hr {
    color: #007dc1;
    height: 2px;
}

.company-stats-block-text {
    width: 35%;
    text-indent: 30px;
    font-size: 14px;
    font-weight: 300;
}

.company-blocks > div:nth-child(3) > img, .company-blocks > div:nth-child(2) > img {
    margin-top: 14px;
}

.company-stats-block-details {
    margin-top: 5px;
    width: 60%;
}

.company-stats-block-details-body {
    width: 20%;
}

.company-stats-block-details-body-title {
    margin: auto;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    border: 2px solid #4683c3;
}

.company-stats-block-details-body-title p {
    margin-top: 24px;
    margin-left: 55px;
    background-color: white;
    font-size: 40px;
    height: 50px;
    width: 50px;
}

.company-stats-block-details-body-subtitle {
    min-height: 30px;
    font-size: 12px;
}

.company-strategy-item {
    width: 25%;
    height: 250px;
    text-align: center;
    line-height: 10px;
}

.company-strategy {
    padding-bottom: 50px;
}

.company-strategy-item p:nth-child(2) {
    color: #007dc1;
}

.company-subtitle {
    padding-bottom: 30px;
    width: 70%;
    margin: auto;
    text-align: center;
    color: black
}

div.company-strategy > p:nth-child(4) {
    color: #007dc1;
    font-size: 17px;
    margin-bottom: -80px;
}

@media (max-width: 1000px) {
    header .nav-item a {
        font-size: 12px;
    }

    .company-stats-block-text {
        width: 30%;
    }

    .company-stats-block-details {
        width: 65%;
    }
    .helloween {
        display: none;
    }
}

@media (max-width: 815px) {
    .company-block {
        width: 49.91%;
        border: none;
    }

    .company-block:nth-child(1) {
        border-right: 1px solid #4683c3;
        border-bottom: 1px solid #4683c3;
    }

    .company-block:nth-child(4) {
        border-top: 1px solid #4683c3;
        border-left: 1px solid #4683c3;
    }

    .company > p:nth-child(4) {
        text-align: center;
    }

    .company-blocks, .company-strategy-items {
        flex-wrap: wrap;
    }

    .company-description-body {
        width: 100%;
        text-indent: 30px;
    }

    .company-stats-block, .company-description {
        display: block;
    }

    .company-stats-block-details {
        margin-top: 25px;
        width: 100%;
        text-align: center;
    }

    .company-description-body p .company-stats-block-text p {
        margin-right: 40px;
    }

    .company-stats-block-text, .company-stats-block-details {
        margin-left: 10px;
    }

    .company-stats-block-text {
        width: 100%;
    }

    .company-stats-block-details-body-title p {
        margin-top: 2px;
        margin-left: 25px;
        background-color: white;
        font-size: 26px;
        height: 40px;
        width: 40px;
    }

    .company-stats-block-details-body-title {
        margin: auto;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        border: 2px solid #4683c3;
    }

    .company-stats-block-details-body, .company-history-body-block {
        width: 33%;
    }

    .company-strategy-item {
        width: 50%;
        height: 230px;
    }
}

/* GUARANTEE */
.guarantee-item {
    color: black;
    width: 22%;
    text-align: center;
}

.guarantee-item-header {
    color: #7c7c7b;
    background-color: #e6e3e4;
    border-bottom-left-radius: 1em;
    border-bottom-right-radius: 1em;
    height: 65px;
}

.guarantee-item-header p {
    border-bottom: 1px solid gray;
}

.guarantee-item-description {
    color: gray;
    margin-top: -30px;
    padding: 5%;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
    color: #58585a;
    font-size: 12px;
    text-align: left;
}

.guarantee-item-description strong {
    font-family: 'GolosTextBlack';
    color: gray;
}

.guarantee-item-description ul li {
    list-style: square;
    padding-top: 10px;
}

.guarantee-item-description ul {
    padding-left: 15px;
}

.guarantee-item-pdf {
    margin-top: 20px;
    display: block;
}

.guarantee-item-pdf-text {
    background-color: #59c1e5;
    color: white;
    border-radius: 2em;
    font-size: 14px;
    padding: 4% 7%;
    text-transform: uppercase;
    margin-left: 10px;
    font-family: 'GolosTextBold';
    margin: auto;
}

.guarantee-item-pdf img {
    margin-top: 30px;
}

.guarantee > div > div > img {
    margin-top: -20px;
}

@media (max-width: 800px) {
    .guarantee-item {
        width: 95%;
        margin: auto;
    }

    .main-header-hotline {
        margin-top: 40px;
        padding: 0;
    }

    .main-header-hotline p {
        color: white;
    }
}

@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fa-hand-lizard-o:before {
    content: "\f258";
}

.fa-spoon:before {
    content: "\f1b1";
}

.fa-child:before {
    content: "\f1ae";
}

.fa-stumbleupon:before {
    content: "\f1a4";
}

.fa-instagram:before {
    content: "\f16d";
}

.fa-youtube:before {
    content: "\f167";
}

.fa-eur:before {
    content: "\f153";
}

.fa-check-square:before {
    content: "\f14a";
}

.fa-filter:before {
    content: "\f0b0";
}

.fa-mobile:before {
    content: "\f10b";
}

.fa-angle-right:before {
    content: "\f105";
}

.fa-angle-left:before {
    content: "\f104";
}

.fa-angle-double-up:before {
    content: "\f102";
}

.fa-angle-double-down:before {
    content: "\f103";
}

.fa-tachometer:before {
    content: "\f0e4";
}

.fa-envelope:before {
    content: "\f0e0";
}

.fa-truck:before {
    content: "\f0d1";
}

.fa-arrows-alt:before {
    content: "\f0b2";
}

.fa-globe:before {
    content: "\f0ac";
}

.fa-road:before {
    content: "\f018";
}

.fa-facebook:before {
    content: "\f09a";
}

.fa-phone:before {
    content: "\f095";
}

.fa-arrows-h:before {
    content: "\f07e";
}

.fa-retweet:before {
    content: "\f079";
}

.fa-calendar:before {
    content: "\f073";
}

.fa-chevron-right:before {
    content: "\f054";
}

.fa-chevron-left:before {
    content: "\f053";
}

.fa-check-square-o:before {
    content: "\f046";
}

.fa-arrows:before {
    content: "\f047";
}

.fa-map-marker:before {
    content: "\f041";
}

.fa-print:before {
    content: "\f02f";
}

.fa-clock-o:before {
    content: "\f017";
}

.fa-check:before {
    content: "\f00c";
}

.fa-search:before {
    content: "\f002";
}

.fa-envelope-o:before {
    content: "\f003";
}

.fa-tag:before {
    content: "\f02b";
}

.fa-tags:before {
    content: "\f02c";
}

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

.fa.pull-left {
    margin-right: .3em;
}

.fa.pull-right {
    margin-left: .3em;
}

.fa-lg {
    left: -1.85714286em;
}

.fa-lg {
    font-size: 1.33333333em;
    line-height: 0.75em;
    vertical-align: -15%;
}

.fa-gift:before {
    content: "\f06b";
}

.fa-chevron-down:before {
    content: "\f078";
}

.fa-chevron-up:before {
    content: "\f077";
}

.fa-sort-down:before, .fa-sort-desc:before {
    content: "\f0dd";
}

.fa-sort-up:before, .fa-sort-asc:before {
    content: "\f0de";
}

.fa-file-text-o:before {
    content: "\f0f6";
}

.fa-file-o:before {
    content: "\f016";
}

.fa-file-text:before {
    content: "\f15c";
}

.fi-shopping-bag:before {
    content: "\f1b0";
}

@font-face {
    font-family: "Museosans100";
    src: url("../fonts/museosans/MuseoSansCyrl-100.eot");
    src: url("../fonts/museosans/MuseoSansCyrl-100.eot?#iefix") format("embedded-opentype"), url("../fonts/museosans/MuseoSansCyrl-100.woff") format("woff"), url("../fonts/museosans/MuseoSansCyrl-100.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "Museosans300";
    src: url("../fonts/museosans/MuseoSansCyrl-300.eot");
    src: url("../fonts/museosans/MuseoSansCyrl-300.eot?#iefix") format("embedded-opentype"), url("../fonts/museosans/MuseoSansCyrl-300.woff") format("woff"), url("../fonts/museosans/MuseoSansCyrl-300.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "Museosans500";
    src: url("../fonts/museosans/MuseoSansCyrl-500.eot");
    src: url("../fonts/museosans/MuseoSansCyrl-500.eot?#iefix") format("embedded-opentype"), url("../fonts/museosans/MuseoSansCyrl-500.woff") format("woff"), url("../fonts/museosans/MuseoSansCyrl-500.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "Museosans700";
    src: url("../fonts/museosans/MuseoSansCyrl-700.eot");
    src: url("../fonts/museosans/MuseoSansCyrl-700.eot?#iefix") format("embedded-opentype"), url("../fonts/museosans/MuseoSansCyrl-700.woff") format("woff"), url("../fonts/museosans/MuseoSansCyrl-700.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: 'GolosTextBlack';
    src: url('../fonts/golostext/Golos-Text_Black.woff2') format('woff2'), url('../fonts/golostext/Golos-Text_Black.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GolosTextBold';
    src: url('../fonts/golostext/Golos-Text_Bold.woff2') format('woff2'), url('../fonts/golostext/Golos-Text_Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.woff2') format('woff2'), url('../fonts/fontawesome-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Tahoma";
    src: url("../fonts/Tahoma.ttf") format("truetype");;
    src: url('../fonts/Tahoma.woff2') format('woff2'), url('../fonts/Tahoma.woff') format('woff');
    font-style: normal;
    font-weight: normal;
}

.item-146, .item-165 {
    display: none;
}


/********* 9:00 **********/
#custom-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    pointer-events: none; /* блокує дії */
    cursor: none; /* Сховати курсор */
}

.blur-layer {
    backdrop-filter: blur(10px);
    background-color: rgba(99, 192, 226, 0.64); /* світлий синій напівпрозорий */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.popup-image {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    pointer-events: auto; /* дозволяє взаємодію лише з картинкою */
    background-image: url(/images/hvylyna_movchania.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 15px;
    padding: 40px;
    color: #fff;
    font-size: 20px;
}
.popup-content img {
    width: auto;
    height: 50px;
    object-fit: contain;
    float: right;
}

#countdown-timer {
    font-size: 2.5rem;
    font-weight: bold;
    color: #e3dca7;
    margin: 10px 0 20px;
    text-align: center;
}

/* Заборона прокрутки */
.no-scroll {
    overflow: hidden;
}

/* Блокування всього позаду */
body.no-interaction * {
    pointer-events: none !important;
    user-select: none !important;
}

@media (max-width: 800px) {
    .popup-image {
        font-size: 12px;
        padding: 15px;
        width: 80%;
    }
}

/******************************************/