/* offer */ 
.brk-nav h5{
 color: #ffffff !important;
 font-family: 'Montserrat',sans-serif !important;
}

.window-height {
    height: 100vh;
}

/* brain button */
.background-image {
    width: 100%;
    overflow: hidden;
    min-height: 500px;
    background-image: url(../../img/home-page/moscou-city2.jpg);
    position: relative;
}

.brain-form {
    margin-left: 40px;
    margin-top: 50px;
}

.brain__button {
    margin: 0 auto;
    border-radius: 100%;
    border: 2px solid #ffffff;
    width: 90px;
    height: 90px;
    background-image: url(../../img/home-page/brain.png);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    --brain-bsc: rgba(255, 255, 255, 0.25);
    --brain-bsc-opacity: rgba(255, 255, 255, 0);
    transition: all .25s ease, background-size .15s linear;
    animation: brain-button-animation 1.25s linear infinite ;
}

.brain__button:hover{
  
    background-size: 60%;
    --brain-bsc: rgba(0, 17, 164, 0.25);
    --brain-bsc-opacity: rgba(0, 17, 164,  0);
    transform: scale(1.05);
}

.brain__button:active,
.brain__button:focus {
    border: 2px solid #0011a4;
    background-color: #0011a4;
    background-size: 50%;
    --brain-bsc: rgba(0, 17, 164, 0.25);
    --brain-bsc-opacity: rgba(0, 17, 164,  0);
    transform: scale(1);
}

.brain__button-text {
    width: 160px;
}

.brian__next {
    width: 1px;
    height: 50px;
    background-color: #ffffff;
    margin: 10px auto 0 auto;
}

.brk-header-mobile:before {
    display: none;
}

@keyframes brain-button-animation {
    0% {
        box-shadow: 0px 0px 0px 0px var(--brain-bsc), 0px 0px 0px 0px var(--brain-bsc) ;
    }
    50% {
        box-shadow: 0px 0px 0px 0px var(--brain-bsc), 0px 0px 0px 10px var(--brain-bsc) ;
    }
    75% {
        box-shadow: 0px 0px 0px 7.5px var(--brain-bsc), 0px 0px 0px 20px var(--brain-bsc) ;
    }
    100% {
        box-shadow: 0px 0px 0px 15px var(--brain-bsc-opacity), 0px 0px 0px 25px var(--brain-bsc-opacity) ;
    }
}


/* причины боли */

.pains__title {
    text-align: center;    
}

.block {
    width: calc(100% / 4);
    display: flex;
}

.info-box__wrapper-image.current, .info-box__wrapper-image:hover {
   background-color: #0011a4;
}

.info-box__wrapper-image:hover > * {
    color: #ffffff !important;
}

.icon-block:before {
    background-image: url(../../img/icon/icon.html);
   
}
.icon-block2:before {
    background-image: url(../../img/icon/icon2.html);
   
}

.icon-block3:before {
    background-image: url(../../img/icon/icon3.html);
   
}
.icon-block4:before {
    background-image: url(../../img/icon/icon4.html);
   
}
.icon-block2:before, .icon-block:before, .icon-block3:before, .icon-block4:before {
    content: '';
    display: block;
    width: 64px;
    height: 64px;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: left;
    margin: 15px auto;
}

.icon-block2:hover:before, .icon-block:hover:before, .icon-block3:hover:before, .icon-block4:hover:before {
    background-position: right;
}

/* Шаги */

.steps__wrapper-squared .steps__icon {
    border: 3px solid #ffffff !important;
    background: transparent !important;
}

.steps__wrapper-squared .steps__icon > .after, .steps__wrapper-squared li > a.active .steps__icon > .after {
    border-color: #ffffff transparent transparent !important;
}

.steps__wrapper-squared li>a.active .steps__dot {
    background: #fff !important;
}

.steps__wrapper-squared .steps__title {
    color: #ffffff !important;
}

.header__decision {
    top: -160px !important;
    margin: 90px 0px 50px 0px;
}

.font_header {
    font-size: 60px !important;
}

.size_f {
    font-size: 18px !important;
}

.cs-footer {
    display: none;
}


@media (max-width:991px) {
    .window-height {
        height: auto;
        min-height: 100vh;
        padding: 120px 0 60px;
    }
    img {
        width: 80px;
    }

    .brain-form {
        margin-left: 0px;
        
    }

    .brk-header-mobile__logo {
        padding: 0 15px !important
    }

    .pains__content {
        flex-wrap: wrap !important;
        
    }

    .block {
        width: 50%;
        flex-direction: row;
    }

    .header__decision {
        text-align: center !important;
        margin: 90px auto 50px;
    }

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

    .mobile-flex {
        z-index: 2;
        flex-direction: column !important;
        align-items: center !important;
    }
}



@media (max-width:768px) {
    .icon__scroll {
        overflow: auto !important;
        padding: 0 24px !important;
        margin: 0 14px !important;
    }
    
    .step__h {
        min-height: 160px;
    }
    
    .hi__min {
        min-width:800px;
    }

    .header__decision {
        margin: 90px auto -33px;
    }
    .heading-style-left span {
        padding-top: 30px;
    }

    .size_f {
        font-size: 15px !important
    }
}

@media (max-width:540px) {
    .font__size-64,.font__size-56 {
        font-size: 40px !important;
        line-height: 1 !important;
    }

    br {
        display: none;
    }

    .pains__content {
        flex-wrap: wrap !important;
        
    }

    .block {
        width: 100%;
        flex-direction: row;
    }

    .font_header {
        font-size: 50px !important;
    }
    
}