.container p a, .container p a:visited {
    color: #3D7CF6;
}

input:disabled {
    background: gray !important;
    color: white !important;
}

::-webkit-input-placeholder {
    font-family: Montserrat, 'sans-serif';
    color: #3D7CF6;;
    letter-spacing: -0.3px;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
}

::-moz-placeholder {
    font-family: Montserrat, 'sans-serif';
    color: #3D7CF6;;
    letter-spacing: -0.3px;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
}

:-ms-input-placeholder {
    font-family: Montserrat, 'sans-serif';
    color: #3D7CF6;;
    letter-spacing: -0.3px;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
}

::-ms-input-placeholder {
    font-family: Montserrat, 'sans-serif';
    color: #3D7CF6;;
    letter-spacing: -0.3px;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
}

::-webkit-input-placeholder {
    font-family: Montserrat, 'sans-serif';
    color: #3D7CF6;;
    letter-spacing: -0.3px;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
}

::placeholder {
    font-family: Montserrat, 'sans-serif';
    color: #3D7CF6;;
    letter-spacing: -0.3px;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: red;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: red;
}

@-webkit-keyframes card-hover {
    100% {
        background: #FFFFFF;
        -webkit-box-shadow: 0 20px 30px rgba(16, 96, 204, 0.14);
                box-shadow: 0 20px 30px rgba(16, 96, 204, 0.14);
    }
}

@keyframes card-hover {
    100% {
        background: #FFFFFF;
        -webkit-box-shadow: 0 20px 30px rgba(16, 96, 204, 0.14);
                box-shadow: 0 20px 30px rgba(16, 96, 204, 0.14);
    }
}

html {
    font-family: Montserrat, 'sans-serif';
    font-weight: normal;
    font-size: 14px;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.87);
}

body {
    font-family: 'Montserrat', sans-serif;
    padding: 0 0 0px 0;
    margin: 0;
    min-width: 320px;
}

body::-webkit-scrollbar {
  width: 0;
}

h1 {
    font-size: 48px;
    font-weight: 500; /* medium */
    line-height: 120%;
    text-align: center;
    letter-spacing: 1px;
}

h2 {
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0.44px;
    margin-bottom: 40px;
}

p {
    font-weight: 500;
    font-size: 18px;
    letter-spacing: 0.01em;
    line-height: 22px;
    margin: 0;
}

a.active.focus,
a.active:focus,
a.focus,
a:active.focus,
a:active:focus,
a:focus,
textarea,
textarea:active:focus,
textarea:focus,
textarea:hover,
button.active.focus,
button.active:focus,
button.focus,
button:active.focus,
button:active:focus,
button:focus,
input:active, input:hover, input:focus,
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
outline: 0!important;
outline-color: transparent!important;
outline-width: 0!important;
outline-style: none!important;
-webkit-box-shadow: 0 0 0 0 rgba(0,123,255,0)!important;
        box-shadow: 0 0 0 0 rgba(0,123,255,0)!important;
}
.container__hd {
    max-width: 1920px;
    margin: 0 auto;
}
.hidden {
    position: absolute !important;
    top: -1000px !important;
}
input[type=submit],
a.btn_standard {
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
}

a.btn_standard {
    max-width: 310px;
    text-decoration: none;
}
.section__content {
    position: relative;
    overflow: hidden;
}
.container__page {
    padding: 24px;
}
.container__content {
    margin: 0 auto;
    max-width: 1070px;
    position: relative;
}
.container__white {
    background: -o-linear-gradient(top, #F5F8FC 41.4%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(41.4%, #F5F8FC), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(180deg, #F5F8FC 41.4%, rgba(255, 255, 255, 0) 100%);
}

.pt-160{
    padding-top: 160px !important;
}
.mb-88 { margin-bottom: 88px !important; }
.mb-72 { margin-bottom: 72px !important; }
.mb-56 { margin-bottom: 56px !important; }
.mb-40 { margin-bottom: 40px !important; }
.mb-30 { margin-bottom: 30px !important; }
.mb-16 { margin-bottom: 16px !important; }
.mb-10 { margin-bottom: 10px !important; }

.mr-25_ml-25{
    margin-right: 25px !important;
    margin-left: 25px !important;
}

.mt-56{ margin-top: 56px !important; }

.section__title{
    font-size: 24px;
    color: #fff;
    padding: 0 15px;
}

.blue-paragraph p {
    font-size: 24px;
    font-family: 'Fira Sans', 'sans-serif';
    font-style: normal;
    font-weight: normal;
    line-height: 29px;
    text-align: center;
    color: #3D7CF6;
    margin: 0;
    letter-spacing: 0;
    max-width: 100%;
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.flex__column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.flex__row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}

.dropdown_content_1_block_info p > img.img-fluid {
    max-width: 24px;
    display: inline-block;
    position: relative;
    bottom: 5px;
    margin-top: -10px;
    top: 5px;
}

.text-cards .card {
    margin-right: 30px;
}
.text-cards .card:hover {
    -webkit-animation: card-hover 0.3s forwards;
            animation: card-hover 0.3s forwards;
}
.card {
    border-radius: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
.card:last-child {
    margin: 0;
}
.text-cards .card {
    width: 25%;
}

.card p {
    text-align: center;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.44px;
    max-width: 250px;
}

.text-cards .card {
    height: calc(176px - 48px);
    width: calc(330px - 48px);
    padding: 24px;
}

.bottom_text_tariff p {
    font-size: 14px;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.6);
    margin: 0;
    max-width: 100%;
}

.card-tariff {
    width: 197px;
    background: #F5F9FD;
    flex-flow: column;
    padding: 24px;
    align-items: start;
    justify-content: start;
}
.card-tariff:hover {
    box-shadow: 0 20px 30px rgba(16, 96, 204, 0.14);
}

.card-tariff p {
    font-weight: 400;
    font-size: 14px;
    margin: 0 0 12px 0;
    text-align: left;
}
.card-tariff p strong {
    font-weight: 600;
    font-size: 16px;
}
.card-tariff img {
    margin: 145px auto;
    display: block;
}
.card-tariff .price p {
    font-family: 'Fira Sans', sans-serif;
    font-style: normal;
    line-height: 24px;
    font-size: 16px;
}
.card-tariff .price p strong {
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
}
.card-tariff h2 {
    text-align: center;
    width: 100%;
}
.card-tariff .bottom-text strong {
    font-size: 14px;
}
.card-tariff.tariff2 {
    background: #CF91E4;
}
.card-tariff.tariff3 {
    background: #2E87FF;
    color: white !important;
}
.card-tariff.tariff4 {
    background: #7BDCD6;
}
.text-cards .card {
    background: #ffffff;
}

p {
    max-width: 852px;
    margin: 0 auto;
}
.card-tariff h2 img {
    display: inline-block;
    position: relative;
    top: 4px;
    margin: 0;
}

.flex {
    justify-content: space-evenly;
}
.container__color_white h1, .container__color_white h2,
.container__color_white p, .container__color_white {
    color: white;
}

.contact_form {
    background: #2E87FF;
    opacity: 0.95;
    border-radius: 16px;
    padding: 40px;
    color: white;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: 852px;
    width: 100%;
    margin: 0 auto;
}
.contact_form a {
    color: white;
    font-weight: bold;
}
.contact_form .form-text {
    width: 45%;
}
.contact_form form {
    width: 45%;
}
.contact_form .social_icon {
    margin-right: 24px;
}
.contact_form .social_icon img {
    max-width: 32px;
}
.contact_form input,
.contact_form textarea {
    width: calc(100% - 20px);
    background: #FFFFFF;
    border-radius: 6px;
    padding: 10px 0 10px 10px;
    outline: none;
    border: none;
    font-size: 16px;
}
textarea {
    height: 90px;
}
.contact_form input[type=submit] {
    width: auto;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.44px;
    color: #2E87FF;
    padding: 6px 8px 4px 8px;
}

.center_text {
    text-align: center;
}

/** MENU_NAV **/
.menu_nav{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 9px;
}
.menu_item{
    position: relative;
    padding: 0 16px;
    white-space: nowrap;
}
.menu_item a {
    padding: 10px 0;
    text-decoration: none;
    position: relative;
    -webkit-transition: width 0.3s ease;
    -o-transition: width 0.3s ease;
    transition: width 0.3s ease;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #fff;
}
.wrap_drop_menu{
    padding: 16px 24px;
    position: absolute;
    top: 30px;
    left: -25px;
    display: none;
    background-color: #fff;
    -webkit-box-shadow: 0 8px 24px rgba(176, 190, 197, 0.48);
    box-shadow: 0 8px 24px rgba(176, 190, 197, 0.48);
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
    z-index: 5;
}
.menu_nav .dropdown:hover .wrap_drop_menu{
    display: block
}
.menu_nav .dropdown .wrap_drop_menu:hover{
    display: block;
}
.menu_drop{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-inline-start: 0;
    white-space: nowrap;
}
.menu_item .dropdown {
    padding: 0;
}
.menu_drop__item{
    margin-bottom: 8px;
    text-align: left;
}
.menu_drop__item a{
    color:#202121;
    font-size: 14px;
    padding-right: 20px;
    word-wrap: break-word;
}
.menu_drop__item:last-child {
    margin-bottom: 0;
}
.menu_item .menu_drop__item a:hover{
    color: rgba(0,0,0,0.6);
}

@media (max-width: 950px) {
    .contact_form {
        width: calc(100vw - 110px);
    }
}

@media (max-width: 880px) {
    .contact_form {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    .contact_form .form-text {
        text-align: center;
        margin-bottom: 30px;
        width: auto;
    }
    .contact_form form {
        text-align: center;
        width: auto;
    }
}

.container,
.container-fluid{
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.dropdown_content .card_item {
    background: white;
}

.card_wrap .card_item{
    position: relative;
    width: 558px;
    margin: 0 auto 56px auto;
    padding: 24px;
    border: 2px solid #3D7CF6;
    border-radius: 10px;
    -webkit-box-shadow: 0 20px 30px rgba(16, 96, 204, 0.14);
            box-shadow: 0 20px 30px rgba(16, 96, 204, 0.14);
}

.card_wrap .card_item .card_descrption p{
    font-size: 18px;
    color: #000;
}

.card_wrap .card_item h4{
    font-family: Fira Sans;
    font-weight: 400;
    font-size: 24px;
    color: #3D7CF6;
    text-align: center;
    margin: 16px 0;
}

.card_wrap .card_item span{
    position: absolute;
    left: 50%;
    top: -15px;
    width: 30px;
    height: 30px;
    margin-left: -15px;
    border: 2px solid #3D7CF6;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #3D7CF6;
    font-weight: bold;
    background-color: #fff;
}

.btn_standard, .btn_standard p {
    font-size: 24px;
    font-weight: 600;
    line-height: 29px;
    font-family: "Montserrat", sans-serif;
    margin-bottom: 0 !important;
}

.btn_standard {
    position: relative;
    display: block;
    text-align: center;
    margin: 0 auto;
    border-radius: 15px;
    cursor: pointer;
    border-style: none;
    max-width: 100%;
    padding: 13px 20px;
    background-color: #2E87FF;
    color: #fff;
    transition: all 0.2s ease;
    min-width: 240px;
    box-shadow: 0 8px 24px rgba(176, 190, 197, 0.48);
}

.btn_standard:hover{
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}

.section_skver_desc{
    background: url('/img/section_img_home.jpg') no-repeat center top / cover;
    margin-top: 60px;
    padding: 180px 0;
}

.section_skver_desc .skver_desc_wrap {
    padding: 40px;
    background: rgba(46, 135, 255, 0.9);
    border-radius: 15px;
}

.section_skver_desc .skver_desc_wrap p{
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
}

.section_skver_desc .skver_desc_wrap .skver_slogan{
    font-family: Fira Sans;
    text-align: center;
    color: #fff;
}
.section_skver_desc .skver_desc_wrap .skver_slogan h4{
    font-size: 24px;
    font-weight: 400;
}

.skver_can_cards {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.skver_can_cards .skver_can_cards__item{
    text-align: center;
    margin-bottom: 56px;
    background-color: #fff;
    border-radius: 15px;
    padding: 45px 25px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    width: 264px;
}

.skver_can_cards .skver_can_cards__item .skver_card__top {
    margin-bottom: 56px;
}
.skver_card__top img {
    max-height: 185px;
}

.skver_can_cards .skver_can_cards__item .skver_card__foot p{
    font-size: 20px;
    font-weight: 400;
}


.skver_can_cards .skver_can_cards__item:hover{
    -webkit-box-shadow: 0 20px 30px rgba(16, 96, 204, 0.14);
            box-shadow: 0 20px 30px rgba(16, 96, 204, 0.14);
}

.section_event {
    text-align: center !important;
    padding-bottom: 88px;
}

.section_event .event_desc {
    font-family: Fira Sans;
    font-weight: 400;
    font-size: 24px;
    color: #3D7CF6;
    padding-left: 25px;
    padding-right: 25px;
    max-width: 100%;
}


.section_event .container .event_btn{
    position: relative;
}

.section_event .container .event_btn a {
    margin: 0 auto;
}

.section_event .event_btn .img_left{
    position: absolute;
    left: 0;
    top: -25px;
}

.section_event .event_btn .img_right img{
    position: absolute;
    right: 0 !important;
    top: -20px;
}

/* Шапка ******************************************************/

.header{
    height: 125px;
    position: absolute;
    width: 100%;
    margin: 0 auto;
    /*position: fixed;*/
    z-index: 10;
    background-color: transparent;
    transition: all 0.3s ease;
    max-width: 1920px;
}

.header_fixed {
    top: 0;
    z-index: 10;
    position: fixed;
    animation-name: show_header;
    animation-duration: 1s;
    height: 80px;
}

.container__menu {
    margin: 27px auto 0 auto;
    display: flex;
    max-width: 1070px;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
}

.header_fixed .container__menu {
    margin-top: 16px;
}

.header .logo_link{
    text-decoration: none;
}

.header .logo .logo_wrap{
    display: flex;
    justify-content: space-between;
}

.header .logo .logo_wrap img{
    max-width: 100%;
    max-height: 100%;
}
.header .logo .logo_wrap .img_block{
    background: url('/img/logo_white.png') no-repeat top left;
    background-size: 120px 48px;
    width: 120px;
    height: 48px;
}

.header .logo .logo_wrap span{
    font-size: 28px;
    font-weight: bold;
    color: #fff;
}

.header .container{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 15px 0;
    height: 100px;
}

.btn_wrap {
    display: flex;
    margin-top: 4px;
}

.btn_wrap .btn_header {
    cursor: pointer;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    font-size: 16px;
    color: #2E87FF;
    background: #fff;
    border: 1px solid #2E87FF;
    border-radius: 11px;
    transition: all 0.2s ease;
    width: 87px;
    height: 24px;
    text-align: center;
    padding: 5px 5px;
}

.btn_wrap .btn_header:hover {
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
}
.header .nav{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 9px;
}

.header .nav .menu_item {
    font-size: 16px;
}

.mobile_navigation,
.header_fixed .mobile_navigation {
    margin-top: 9px;
    display: none;
}

.header .nav .menu_item a,
.mobile_navigation a {
    padding: 10px 0;
    text-decoration: none;
    color: #fff;
    position: relative;
    -webkit-transition: width 0.3s ease;
    -o-transition: width 0.3s ease;
    transition: width 0.3s ease;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
}

.mobile_navigation a {
    margin-right: 20px;
    padding: 0;
    display: inline-block;
}

.mobile_navigation a:last-child {
    margin-right: 0;
}

.header .nav .menu_item:hover a{
    color: #3D7CF6;
}

.header_bg{
    background-color: #2E87FF;
}
.header_bg .logo .logo_wrap span{
    color: #fff;
}

.header_bg .nav .menu_item a{
    color: #fff;
}
.header_bg .nav .menu_item a:hover{
    color: #fff;
}
.header_bg .nav .menu_item a::before{
    background-color: #fff;
}

.menu_btn_wrap {
    margin: auto 0;
    display: none;
}

.menu_btn{
    display: block;
    width: 24px;
    height: 24px;
    background-color: transparent;
    border-radius: 50%;
    position: relative;
}

.menu_btn span,
.menu_btn span::before,
.menu_btn span::after{
    background-color: #fff;
    position: absolute;
    top: 50%; margin-top: -1.5px;
    left: 50%; margin-left: -15px;
    width: 30px;
    height: 3px;
}

.menu_btn span::before,
.menu_btn span::after{
    content: '';
    display: block;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
}

.menu_btn span::before{
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
}

.menu_btn span::after{
    transform: translateY( 10px);
    -webkit-transform: translateY( 10px);
    -moz-transform: translateY( 10px);
    -ms-transform: translateY( 10px);
    -o-transform: translateY( 10px);
}

.menu_btn__active span{
    height: 0;
}

.menu_btn__active span:before{
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

.menu_btn__active span:after{
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}

.menu_item{
    position: relative;
}



.header .nav .dropdown:hover .wrap_drop_menu{
    display: block;
}

.header .nav .dropdown .wrap_drop_menu:hover{
    display: block;
}

.wrap_drop_menu{
    padding: 20px 30px;
    position: absolute;
    top: 30px;
    left: -25px;
    display: none;
    background-color: #fff;
    -webkit-box-shadow: 0 8px 24px rgba(176, 190, 197, 0.48);
            box-shadow: 0 8px 24px rgba(176, 190, 197, 0.48);
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
}

.menu_drop{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-inline-start: 0;
    width: 195px;
}
.menu_item dropdown {
    padding: 0;
}
.menu_drop__item {
    margin-bottom: 8px;
}
.menu_drop__item:last-child {
    margin-bottom: 0;
}

.header .nav .menu_item .menu_drop__item a {
    color: #202121 !important;
    word-wrap: break-word;
    font-size: 14px;
}
.header .nav .menu_item .menu_drop__item a:hover{
    color: rgba(0,0,0,0.6) !important;
}

.header .nav_active_responsive{
    margin: 0 25px;
    padding: 15px;
    position: absolute;
    background-color: #fff;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    flex-direction: column;
    justify-content: space-between;
    width: 250px;
    top: 100%;
    right: 3vw;
    border-radius: 15px;
    z-index: 9999;
    box-shadow: 0 8px 24px rgba(176, 190, 197, 0.48);
}

.header .nav_active_responsive .menu_item {
    width: 100%;
    text-align: center;
    padding: 15px 0;
    transition: all 0.3s ease;
}

.header .nav_active_responsive .wrap_drop_menu{
    position: static;
    display: block;
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.header .nav_active_responsive .wrap_drop_menu .menu_drop{
    /* display: none; */
}


.header .nav_active_responsive .menu_item:last-child {
    margin: 10px 0;
}

.header .nav_active_responsive .menu_item:first-child {
    margin-top: 0;
}

.header .nav_active_responsive .menu_item a{
    color: #000;
    font-size: 14px;
    font-weight: 500;
}

.header .nav_active_responsive .menu_item{
    padding: 10px 0;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    text-align: left;
}
.header .nav_active_responsive .menu_item .dropdown_toggle{
    font-size: 16px;
    font-weight: 500;
    color: #646464 !important;
    margin-bottom: 5px;
}
.header .nav_active_responsive .menu_item a{
    font-size: 16px;
    color: #646464 !important;
}
.header .nav_active_responsive .dropdown .menu_drop .menu_drop__item a{
    color: #000 !important;
}

.header .nav_active_responsive .dropdown .wrap_drop_menu {
    padding: 10px 8px;
}

.header .nav_active_responsive .dropdown .menu_drop {
    width: 100%;
}

.hero_text p {
    color: #fff;
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
}

.hero .hero__title h1{
    margin: 0 15px;
    padding-top: 56px;
    font-weight: 500;
    font-size: 48px;
    line-height: 50px;
    text-align: center;
    color: #FFFFFF;
}

@media (max-width: 576px) {
    h1 {
        font-size: 34px;
        line-height: 40px;
    }
}

.hero .hero__subtitpe p{
    font-family: Fira Sans;
    font-size: 24px;
    line-height: 29px;
    font-weight: 400;
    text-align: center;
    color: #fff;
}

@media (max-width: 576px) {
    .hero .hero__subtitpe p {
        font-size: 22px;
    }
}

.hero .hero__desccription{
    padding-bottom: 355px;
}

.hero .hero__desccription p{
    max-width: 852px;
    margin-left: auto;
    margin-right: auto;
}

.offer_card:first-child{
    background: url('/img/card1.jpg') no-repeat center top / cover;
    height: 100%;
}

.offer_card:nth-child(2) {
    background: url('../img/card2.jpg') no-repeat center top / cover;
    height: 100%;
}
.offer_card:last-child{
    background: url('../img/card3.jpg') no-repeat center top / cover;
    height: 100%;
}

.section_offer {
    width: 100%;
    max-width: 100%;
    overflow: visible;
}

.section_offer .offer{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
}


.section_offer .offer .offer_card {
    width: 300px;
    border-radius: 15px;
    position: relative;
    /* overflow: hidden; */
}

.section_offer .offer_avtor img{
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.section_offer{
    margin-top: -300px;
}

.section__title h2{
    font-size: 24px;
    color: #fff;
    padding: 0 15px;
    font-family: Fira Sans;
    font-weight: 400;
    max-width: 852px;
    margin-left: auto;
    margin-right: auto;
}

.section_offer .offer .offer_card_front {
    padding: 80px 15px;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    color: #fff;
    z-index: 9;
}
.offer_card_front:hover {
    box-shadow: 0 20px 30px rgba(16, 96, 204, 0.14) !important;
}

.section_offer .offer .offer_item_1{
    background: rgba(61,124,246,0.85);
    height: 100%;
    max-height: 100%;
}

.section_offer .offer .offer_item_2{
    background: rgba(24,187,114,0.85);
    height: 100%;
    max-height: 100%;
}

.section_offer .offer .offer_item_3{
    background: rgba(155,81,224,0.85);
    height: 100%;
    max-height: 100%;
}

.section_offer .offer .offer_card .offer_body {
    height: 280px;
    overflow: auto;
}

.section_offer .offer .offer_card .offer_body .offer_title{
    font-size: 16px;
}

.section_offer .offer .offer_card .offer_body p{
    font-size: 16px;
    width: 100%;
}

.section_offer .offer .offer_card .offer_footer .offer_foot_title{
    margin-top: 0;
    height: 75px;
    max-height: 75px;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-size: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.section_offer .offer .offer_card .offer_footer p{
    font-weight: 400;
    font-size: 14px;
}

.btn_more span{
    margin-right: 8px;
}

.btn_more{
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 30px;
    color: #fff;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
}

.btn_more span{
    transition: all 0.2s ease;
}

.btn_more:hover span{
    transform: scale(1.4);
}

.offer_card_back {
    position: absolute;
    top: -8000px;
    left: 10px;
    transition: all 0.3s ease;
    height: 100%;
    background-color: #fff;
    border-radius: 15px;
    width: 160%;
    max-width: 80vw;
    z-index: 9;
    box-shadow: 0 20px 30px rgba(16, 96, 204, 0.14);
    overflow-y: auto;
}
#offer_card_3 .offer_card_back {
    width: 171%;
}

.offer_card_back p {
    font-size: 14px;
}
.offer_card:last-child .offer_card_back {
    left: auto;
    right: 10px;
}

.offer_card_back .offer_card_back__description{
    height: auto;
    padding: 40px 16px 26px 16px;
}

.btn_close_more {
    position: absolute;
    right: 10px;
    top: 24px;
    cursor: pointer;
}

.btn_close_more span::after,
.btn_close_more span{
    display: block;
    width: 20px;
    height: 3px;
    margin-left: auto;
    background-color: rgb(83, 83, 83);
    transform: rotate(45deg);
}
.btn_close_more span::after{
    content: '';
    transform: rotate(90deg);
}

.offer_card_back_active {
    top: 10px;
}

.block_sign_up {
    text-align: center;
  }

.dropdown_section {
    width: 100%;
    max-width: 100%;
    /* background: url('../img/dropdown_image_bg_1.jpg') no-repeat center top / cover; */
    -webkit-backdrop-filter: blur(6px);
            backdrop-filter: blur(6px);
    margin: 2px 0;
}
.dropdown_content p {
    margin-bottom: 24px;
}

.dropdown_section {
    background-repeat: no-repeat;
    background-position: top left;
    background-image: url("../img/dropdown_image_bg_1.jpg");
    cursor: pointer;
    background-size: cover;
}

.dropdown_section:nth-child(6n+1) {
    background-image: url("../img/qa/1.jpg") !important;
}
.dropdown_section:nth-child(6n+2) {
    background-image: url("../img/qa/2.jpg") !important;
}
.dropdown_section:nth-child(6n+3) {
    background-image: url("../img/qa/3.jpg") !important;
}
.dropdown_section:nth-child(6n+4) {
    background-image: url("../img/qa/4.jpg") !important;
}
.dropdown_section:nth-child(6n+5) {
    background-image: url("../img/qa/5.jpg") !important;
}
.dropdown_section:nth-child(6n+6) {
    background-image: url("../img/qa/6.jpg") !important;
}

.dropdown_section_bg_1 {
    background: url("../img/dropdown_image_bg_1.jpg") no-repeat center top / cover;
}

.dropdown_section_bg_2 {
    background: url("../img/dropdown_image_bg_2.jpg") no-repeat center top / cover;
}

.dropdown_section_bg_3 {
    background: url("../img/dropdown_image_bg_3.jpg") no-repeat center top / cover;
}

.dropdown_section_bg_4 {
    background: url("../img/dropdown_image_bg_4.jpg") no-repeat center top / cover;
}

.dropdown_wrap {
    background: -o-linear-gradient(
      0.7deg,
      rgba(0, 26, 37, 0.6) 13.75%,
      rgba(3, 42, 140, 0.6) 88.68%
    );
    background: linear-gradient(
      89.3deg,
      rgba(0, 26, 37, 0.6) 13.75%,
      rgba(3, 42, 140, 0.6) 88.68%
    );
    padding: 0;
    height: 100%;
    max-height: 100%;
    padding: 25px;
}

.dropdown_section .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-decoration: none;
}

.dropdown_section .dropdown_title h2 {
    text-align: left;
    line-height: 41px;
    font-size: 34px;
    font-weight: 400;
    color: #fff;
    margin: auto 0;
}
.dropdown_section .drop_arrow {
    width: 40px;
    height: 40px;
    background-color: #3d7cf6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 50px;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.dropdown_section .drop_arrow img {
    width: 30px;
    height: 30px;
    padding: 5px;
}
.drop_arrow_active img {
    filter: invert(50%) !important;
    -webkit-filter: invert(50%) !important;
}
.drop_arrow_active {
    background-color: #fff !important;
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
}

.dropdown_content {
    padding-top: 88px;
    padding-bottom: 56px;
    background-color: #f5f9fd;
}

.dropdown_block_title h2 {
    font-family: Fira Sans;
    margin: 56px 0;
    text-align: center;
    font-size: 24px;
    font-weight: 400;
    color: #3d7cf6;
}

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

.dropd_content_offer .dropd_content_offer__item {
    background-color: #fff;
    text-align: center;
    padding: 52px 40px;
    margin-bottom: 25px;
    border-radius: 16px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    width: 250px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.dropd_content_get_offer__item {
    width: 435px !important;
    padding: 76px 40px !important;
}
.dropdown_content .tariffs .card p {
    margin-bottom: 12px;
}
.tariff1 img {
    max-width: 69px;
}

.tariff4 h2 img {
    max-width: 24px;
}

.dropdown_content .card p,
.dropd_content_offer .dropd_content_offer__item p {
    margin-bottom: 0;
}

.dropd_content_offer .dropd_content_offer__item p {
    font-size: 20px;
    font-style: normal;
    font-weight: normal;
    line-height: 24px;
    letter-spacing: 0.44px;
    color: rgba(0, 0, 0, 0.87);
}

.dropd_content_offer .dropd_content_offer__item:hover {
    -webkit-box-shadow: 0 20px 30px rgba(16, 96, 204, 0.14) !important;
            box-shadow: 0 20px 30px rgba(16, 96, 204, 0.14) !important;
}

.footer{
    padding: 60px 0;
    background-color: #F5F8FC;
}

.footer .wrap_footer{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    height: 100%;
}

.footer .footer_left{
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    width: 260px;
    padding-left: 26px;
}

.footer .footer_left .policy{
    font-size: 12px;
    color: rgba(0, 0, 0, 0.87);
    margin-bottom: 30px;
}

.footer .footer_left .address p{
    font-size: 12px;
    line-height: 16px;
    color: rgba(0, 0, 0, 0.87);
    margin: 0 0 15px
}

.footer .footer_left .foot_email p{
    text-decoration: none;
    font-size: 12px;
    color: #2E87FF;
    text-align: left;
}

.footer .footer_left .foot_phone{
    text-decoration: none;
    margin-top: 15px;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.87);
    text-align: left;
}
.footer .footer_left .foot_phone p{
    text-align: left;
}

.footer .footer_left .sqvr{
    margin: 30px 0 0;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.87);
}

.footer .footer_center {
    margin: 0;
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
}

.footer .footer_center .footer_item {
    padding-left: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    flex-wrap: wrap;
}

.footer .footer_center .menu_foot_item{
    list-style: none;
    margin-bottom: 15px;
    width: 180px;
}

.footer .footer_center .footer_item .menu_foot_item a{
    text-decoration: none;
    color: #3D7CF6;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    transition: all 0.2s ease;
}

.footer .footer_center .footer_item .menu_foot_item a:hover{
    color: rgba(0, 0, 0, 0.87);
}

.footer .footer_right {
    display: flex;
    flex-direction: column;
}

.footer_right .foot_right_networks {
    text-align: right;
    margin-bottom: 35px;
    max-width: 100%;
    width: 100%;
}

.footer_right .foot_right_networks a {
    margin-right: 15px;
}
.foot_right_networks img {
    max-width: 32px;
}

.footer_right .foot_right_networks a:last-child{
    margin-right: 0;
}

.footer .footer_right .subscribe{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-content: space-between;
}

.footer .footer_right .subscribe .email_input{
    border: none;
    background: #FFFFFF;
    border-radius: 6px;
    padding: 10px 15px;
    margin-bottom: 15px;
    font-size: 14px;
}

.footer .footer_right .subscribe .btn_send{
    background: #3D7CF6;
    color: #fff;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    border-radius: 6px;
    border: none;
    padding: 10px 15px;
}

.footer .logo .logo_wrap{
    display: flex;
    align-items: center;
    margin-bottom: 25px;
}

.footer .logo .logo_wrap .img_block{
    background: url('../img/logo_blue.png') no-repeat;
    background-size: 78px 31px;
    width: 78px;
    height: 31px;
    margin-right: 10px;
}

.footer .logo .logo_wrap span{
    color: #000000;
}

.footer .footer_right .subscribe .desc_mailing{
    margin-top: 15px;
    color: rgba(0, 0, 0, 0.87);
    text-align: right;
}

.footer .footer_right .subscribe .download_app{
    margin-top: 35px;
    color: rgba(0, 0, 0, 0.87);
    text-align: right;
}
.footer .footer_left .logo_link{
    color: #000;
    text-decoration: none;
    margin: 0;
}
.footer .footer_left .logo_link span{
    font-weight: 700;
}

.container {
    max-width: 1070px;
    margin: 0 auto;
}

.container__demo {
    position: fixed;
    top: 20%;
    left: calc(50vw - 204px);
    z-index: 99999;
    width: 344px;
    padding: 32px;
    margin: 0 auto;
    background: #FFFFFF;
    box-shadow: 0 20px 30px rgba(16, 96, 204, 0.14);
    border-radius: 16px;
    transition: top ease-in 0.3s;
}

.container__demo h4 {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0.44px;
}
.container__demo p {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    letter-spacing: 0.25px;
}

.card__demo {
    width: 160px;
    height: 184px;
    background: #F5F9FD;
    border-radius: 16px;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
}
.card__demo:hover {
    background: #2E87FF;
    box-shadow: 0 20px 30px rgba(16, 96, 204, 0.14);
}
.card__demo:first-child {
    margin-right: 24px;
}
.card__demo img {
    margin-top: 40px;
    width: 48px;
    margin-bottom: 36px;
}

.card__demo p {
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0.1px;
    color: rgba(0, 0, 0, 0.87);
}
.card__demo:hover p {
    color: white;
}

@media (max-width: 1120px) {
    .card-tariff {
        margin-bottom: 30px;
        margin-right: 30px;
    }
}

@media (max-width: 1100px) {
    .text-cards .card {
        margin-bottom: 30px;
    }
    .text-cards .card:last-child {
        margin-bottom: 0;
    }
    .container, .container__menu {
        width: auto;
        padding: 0 24px;
    }
}

@media (max-width: 992px) {
    .section_offer .offer{
        justify-content: space-evenly;
        max-width: 700px;
        margin: 0 auto;
    }
    .section_offer .offer .offer_card {
        margin-bottom: 30px;
    }
    .offer_card_back {
        max-width: calc(100vw - 100%);
        min-width: 100%;
    }
    .offer_card:nth-child(even) .offer_card_back {
        right: 10px;
        left: auto;
    }
    .offer_card:nth-child(odd) .offer_card_back {
        right: auto;
        left: 10px;
    }
}
@media (max-width: 945px) {
    .footer .wrap_footer .footer_right{
        margin: 0 auto;
    }
}

@media (max-width: 940px) {
    .text-cards {
        max-width: 800px;
        margin: 0 auto;
    }
    .text-cards .card {
        max-width: calc(320px - 48px - 50px);
        width: 100%;
        margin-right: 0;
    }
    .tariffs {
        max-width: 640px;
        margin: 0 auto;
    }
    .card-tariff {
        margin-right: 0;
    }
}

@media (max-width: 860px) {
    .menu_btn_wrap {
        display: block;
    }
    .btn_header {
        margin-right: 16px;
    }
    .header .menu_nav {
        display: none;
    }
    .header .nav_active_responsive {
        display: flex;
    }
    .header .header-right{
        max-width: 100%;
        width: 100%;
        margin-right: 24px;
    }
    .header .header-right .header-button.transparent-button{
        margin-top: 0;
    }
    .menu_nav div {
        padding-left: 0px;
        text-align: left;
    }
    .mobile_navigation{
        display: block;
    }
    .dropdown_toggle{
        pointer-events: none;
    }
}

@media (max-width: 768px) {
    .card_wrap .card_item {
        width: auto;
    }
    .menu_btn_wrap{
        display: block;
    }
    .btn_header {
        margin-right: 16px;
    }
    .header .nav{
        display: none !important;
    }
    .header .nav_active_responsive{
        display: flex !important;
    }
    .section_event .event_btn .img_left{
        display: none;
    }
    .section_event .event_btn .img_right img{
        display: none;
    }
    .hero_foot_info{
        margin-bottom: 30px;
    }
    .hero .hero__desccription p{
        text-align: center;
    }
    .footer .footer_left .logo_link{
        margin: 0;
    }
    .footer .footer_center .footer_item{
        flex-basis: 100%;
        margin: 0;
    }
    .footer .footer_center .footer_item .menu_foot_item{
        margin-left: auto;
    }
    .footer .footer_right .download_app,
    .footer .footer_right .desc_mailing{
        text-align: center !important;
    }
    .footer .footer_right{
        width: 288px;
    }
    .footer .footer_right .foot_right_networks{
        text-align: left;
    }
    .footer .footer_left .logo_link .logo {
        margin-left: 0;
    }
    .dropd_content_offer .dropd_content_offer__item {
        flex-basis: 100% !important;
    }
    .mobile_navigation {
        display: block;
    }
    .container__demo {
        top: 120px;
    }
}

@media (max-width: 700px) {
    .offer_card_back {
        right: auto !important;
        left: 10px !important;
    }
}
@media (max-width: 692px){
    .section_offer .offer{
        max-width: 500px;
    }

    .footer .footer_left {
        width: 100%;
    }
    .footer .footer_left .address p {
        text-align: left;
    }
    .footer .footer_left .sqvr {
        display: none;
    }
    .footer .footer_center {
        width: 100%;
        justify-content: space-between;
    }
    .footer .footer_center .footer_item .menu_foot_item {
        margin-left: 0;
    }
    .footer .footer_center .footer_item {
        margin-top: 30px;
        margin-left: 26px;
    }
    .footer .footer_center .footer_item {
        flex-basis: 40%;
    }

    .footer .footer_right{
        margin-top: 30px;
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    .footer .footer_right .foot_right_mid a{
        text-align: left !important;
    }
    footer .footer_right .foot_right_networks{
        flex-basis: 20%;
    }
    .footer .wrap_footer .footer_right {
        margin: 30px 25px;
    }
}
@media (max-width: 640px) {
    h1 {
        line-height: 59px;
    }
    p {
        text-align: center;
    }

    .flex .card, .flex .card-tariff {
        margin: 0 0 16px 0;
        width: calc(100vw - 50px - 48px);
        max-width: calc(330px - 48px);
    }

    .flex .card-tariff {
        max-width: calc(245px - 48px);
    }

    .section_skver_desc .skver_desc_wrap {
        padding: 40px 24px;
    }

    .card_wrap .card_item .card_descrption p,
    .section_skver_desc .skver_desc_wrap p {
        font-size: 16px;
    }
    .popup-form-demo {
      padding: 12px !important;
    }
    .popup-form-demo-role,
    .popup-form-demo-role.last{
      display: block;
      width: 100% !important;
      margin: 0 0 10px !important;
    }
    .popup-title.tal {
      text-align: left;
      margin: 0;
    }
    .popup-form-demo-label,
    .popup-form-register-label,
    .popup-form-demo-label.last,
    .popup-form-register-label.last {
      display: block;
      margin: 0 0 10px !important;
      width: 100% !important;
    }
    .popup-form-demo .popup-title,
    .popup-form-register .popup-title{
      font-size: 20px !important;
      line-height: 24px !important;
      max-width: 320px !important;
    }
    .popup-form-register .form-button-wrapper,
    .popup-form-demo .form-button-wrapper{
      width: 240px;
      margin: 20px auto 0 !important;
    }
    .popup-form-demo-labels,
    .popup-form-register-labels{
      margin: 20px 0 0 !important;
    }
}

@media (max-width: 600px) {
    .tariffs {
        max-width: 400px;
    }
    .mobile_navigation {
        position: absolute;
        top: 50px;
    }
}

@media (max-width: 576px) {
    .header .container {
        padding: 5px 0;
    }

    .header .logo .logo_wrap span {
        font-size: 18px;
    }

    .section_skver_desc .skver_desc_wrap .skver_desc p {
        font-size: 16px;
        text-align: center;
    }

    .card_wrap .card_item {
        width: auto;
    }

    .card_wrap .card_item .card_title h4 {
        font-size: 18px;
    }
    .hero .hero__desccription p{
        font-size: 16px;
    }
    .offer_card_back {
        max-width: calc(80vw - 160%);
        z-index: 9;
        -webkit-box-shadow: 0 20px 30px rgba(16, 96, 204, 0.14);
                box-shadow: 0 20px 30px rgba(16, 96, 204, 0.14);
    }
    .dropdown_section .dropdown_title {
        flex-basis: 98%;
    }
}

@media (max-width: 512px){
    .footer .footer_center {
        margin-top: 30px;
    }
    .footer .footer_center .footer_item {
        margin-top: 0;
    }
    .footer .footer_right{
        flex-direction: column;
        margin-left: 25px;
        margin-right: 25px;
    }
}

@media (max-width: 480px){
    .section_skver_desc .skver_desc_wrap {
        padding: 40px 16px;
    }
    .section_skver_desc .skver_desc_wrap p {
        font-size: 16px;
    }
    .container__demo {
        top: 70px;
    }
}

@media (max-width: 420px) {
  .btn_standard,
  .btn_standard p {
    min-width: 200px;
    font-size: 20px !important;
  }
  .container__demo {
      width: 236px;
      left: calc(50vw - 150px);
      overflow-y: scroll;
  }
  .card__demo img {
      margin: 24px 0;
  }
  .card__demo {
      height: 140px;
  }
  .card__demo:first-child {
      margin: 0 0 24px 0;
  }
}

@media (max-width: 375px) {
    .dropdown_section .container {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .dropdown_section .drop_arrow {
        margin-top: 10px !important;
    }

    .dropdown_section .dropdown_title h2 {
        text-align: center;
        font-size: 22px;
        line-height: 30px;
        font-weight: 500;
    }

    .offer_card_back p {
        font-size: 12px;
        line-height: 16px;
    }
}

@media (max-width: 320px){
    .header .nav_active_responsive {
        left: 50%;
        margin-left: -140px;
    }
    .offer_card_back {
        font-size: 18px;
        max-width: calc(80vw - 160%);
        left: calc(55% - 180px)!important;
    }
}

.header .nav_active_responsive {
    overflow: auto;
    max-height: calc(100vh - 200px);
}
.header.header_fixed .nav_active_responsive {
    max-height: calc(100vh - 160px);
}

@-webkit-keyframes show_header{
    0%{
        opacity: 0;
        top: -300px;
    }
    100%{
        opacity: 1;
        top: 0;
    }
}
@keyframes show_header {
    0% {
        opacity: 0;
        top: -300px;
    }
    100% {
        opacity: 1;
        top: 0;
    }
}