@media (max-height: 850px) {
    div.purchase div.certificate {
        display: none;
    }

    div.purchase .n16 span {
        display: inline;
    }
}

@media (min-height: 851px) {
    div.purchase .n16 span {
        display: none;
    }
}

@media (orientation: portrait) {

    div.header div.top_menu td.contacts div.fl {
        font-size: 8px;
    }

    div.certificates .n16 {
        font-size: 12px !important;
    }

    div.advantages div.center {
        font-size: 12px;
    }
}

@keyframes gradient {
    from {
        background-position: 0%;
    }

    to {
        background-position: 150%;
    }
}

body {
    padding: 0px;
    margin: 0px;
    font-family: 'Montserrat', 'Arial';
    background: #fff;
    color: #1d1d1f;
    font-size: 14px;
}

.body1 {
    background-color: #fafafa;
}

input,
textarea,
select {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    outline: none;
    font-family: 'Montserrat', 'Arial';
}

select:required:invalid {
    color: gray;
  }
  option {
    color: black;
  }

#body_wrapper {
    background-repeat: no-repeat;
    background-position: center;
    position: fixed;
    z-index: -1;
    height: 100%;
    width: 100%;
    top: 100%;
    background-size: 1920px;
}

div.fav { display: inline-block; margin: 30px 20px 0px 0px; cursor: pointer;}
div.first_slide div.compare { display: inline-block; margin: 20px 10px 0px 0px; cursor: pointer;}
div.fav span, div.first_slide div.compare span { display: inline-block; width: 22px; height: 22px; margin: -5px 5px; background: url('/imgs/2023/svg/heart-db.svg') no-repeat; background-size: 100%; }
div.first_slide div.compare span {
    background: white;
    padding: 3px;
    border-radius: 8px;
    text-align: center;
    min-width: 12px;
    color: black;
}
div.first_slide div.compare span::after {
    content: ' + ';
    font-size: 18px;
    line-height: 20px;
}
div.fav.faved span {background-image: url('/imgs/2023/svg/heart-r.svg');}
div.first_slide div.compare.check span {
    background: #ff2a73;
    color: white;
    width: 10px;
    padding: 2px 7px;
}
div.first_slide div.compare.check span::after {
    content: url(/imgs/2020/svg/check-w.svg);
    font-size: 20px;
    line-height: 20px;
}
div.fav.faved a, div.first_slide div.compare.check a{color:#ff2a73;}
div.fav a, div.first_slide div.compare a {font-size: 16px;color: #3f4151; border-bottom: none;}

div.likes { color: white; background: url('/imgs/2023/svg/thumbs-up-w.svg') rgba(0, 0, 0, 0.5) no-repeat 10px 5px; background-size: 28px; height: 40px; width: auto; border-radius: 5px;  text-align: center; position: absolute; right: 40px; bottom: 30px; cursor: pointer; z-index: 50; }
div.likes.liked { background-image: url('/imgs/2023/svg/thumbs-up-solid-w.svg'); }
div.likes span {font-size: 18px; display: inline-block; padding: 8px 10px 8px 45px; }

div.compares {
    bottom: 0px;
    width: 100%;    
    z-index: 53;
    background: #e9ecf6;
    text-align: center;
    padding: 15px;
}
div.compares span {font-size: 16px; font-weight: bold;display: inline-block; padding: 20px;}
div.compares input {margin: 0px 50px;}

div.red {
    background: #1a73e8;
    z-index: 1;
}

div.white {
    background: #fff;
    z-index: 1;
}

div.silver {
    background: #f5f6fa;
    z-index: 1;
}

.silver-g {
    background: rgb(255, 255, 255);
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(233, 237, 241, 1) 50%, rgba(255, 255, 255, 1) 100%);
    z-index: 1;
}

div.header {
    height: 65px;
    width: 100%;
    /*
    background-image: url('/imgs/2023/elements/head.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    */
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 54;
}

div.header.animated {
    background-image: linear-gradient(to left, #00e9ef, #005efa, #ff0386, #ff6b54, #ff0386, #005efa, #00e9ef);
    background-origin: border-box;
    background-clip: content-box, border-box;
    background-size: 300%;
    background-repeat: repeat;
    background-position: -100%;
    animation-name: gradient;
    animation-duration: 60s;
    animation-iteration-count: infinite;
}

div.top_menu,
#menu {
    max-width: 1400px;
    height: 65px;
    min-width: 1240px;
    z-index: 54;
    margin: 0px auto;
}

#menu {
    display: none;
    position: relative;
    background: white;
    height: 320px;
    padding-top: 50px;
    box-shadow: 0px 0px 25px 5px rgba(192, 192, 192, 0.5);
}

#menu .foot {
    display: none;
}

#menu div.social {
    height: 100px;
    padding-top: 40px;
}

.link {
    transition: 0.5s;
}

div.top_menu div,
div.top_menu td {
    transition: .5s;
}

div.top_menu td.menu div {
    background: url('/imgs/2023/elements/menu.png') no-repeat center;
    transform: scaleX(-1);
    width: 28px;
    height: 28px;
    background-size: contain;
    opacity: 0.8;
    cursor: pointer;
    margin-right: 20px;
}

div.top_menu td.menu span,
div.top_menu td.search span {
    display: block;
    display: none;
    font-size: 60px;
    color: white;
    line-height: 50px;
    padding-right: 20px;
    cursor: pointer;
    transition: .5s;
    opacity: 0.9;
}

div.top_menu td.menu div:hover,
div.top_menu td.search div:hover,
div.top_menu td.menu span:hover,
div.top_menu td.search span:hover {
    opacity: 1;
}

div.top_menu td.search div {
    background: url('/imgs/2023/elements/search.png') no-repeat center;
    width: 26px;
    height: 26px;
    background-size: contain;
    opacity: 0.8;
    cursor: pointer;
}

div.top_menu a,
div.top_menu td.contacts a.basket {
    color: white;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    font-size: 16px;

    font-weight: normal;
    transition: 0.5s;
}

div.top_menu .link:hover,
.footer .link:hover {
    color: white;
}

div.top_menu td:hover div,
.footer .link:hover div {
    opacity: 1 !important;
}

div.top_menu td.contacts {
    color: white;
    font-size: 12px;
    cursor: pointer;
}

div.top_menu td.contacts.link {
    min-width: 60px;
}

div.top_menu td.contacts div a {
    border-bottom: 1px solid rgba(255, 255, 255, 0);
    font-size: 18px;
}

div.top_menu td.contacts div.phone,
div.top_menu td.contacts div.whatsapp,
div.top_menu td.contacts div.chat,
div.top_menu td.contacts div.lk,
div.top_menu td.contacts div.favs,
div.top_menu td.contacts div.basket,
div.top_menu td.contacts div.telegram,
div.top_menu td.contacts div.catalog, 
div.top_menu td.contacts div.certs {
    float: left;
    margin-right: 10px;
    width: 28px;
    height: 28px;
    background: url('/imgs/2023/elements/phone.png') no-repeat center;
    background-size: 28px;
    opacity: 0.9;
    transition: 0.5s;
}

div.top_menu td.contacts div.phone,
div.top_menu td.contacts div.whatsapp,
div.top_menu td.contacts div.telegram,
div.top_menu td.contacts div.chat {
    filter: invert(100%) opacity(0.9);
}

div.top_menu td.contacts.link:hover div.phone,
div.top_menu td.contacts.link:hover div.whatsapp,
div.top_menu td.contacts.link:hover div.telegram,
div.top_menu td.contacts.link:hover div.chat {
    filter: invert(100%) opacity(1);
}

div.top_menu td.contacts div.phone,
div.top_menu td.contacts div.chat {
    margin-top: 5px;
}

div.top_menu td.contacts div.basket {
    position: relative;
}

div.top_menu td.contacts div.favs {
    background-image: url('/imgs/2023/svg/heart-w.svg');
    background-size: 24px;
    filter: opacity(0.9);
}

div.top_menu td.contacts div.whatsapp {
    background-image: url('/imgs/2023/elements/whatsapp.png');
}

div.top_menu td.contacts div.telegram {
    background-image: url('/imgs/2023/elements/telegram.png');
}


div.top_menu td.contacts div.chat {
    background-image: url('/imgs/2023/svg/chat.svg');
    position: relative;
}

div.top_menu td.contacts div.catalog {
    background: url('/imgs/2023/elements/gift_w.png') no-repeat 1px 1px;
    background-size: 25px;
    margin: 0px;
}
div.top_menu td.contacts div.certs {
    background: url('/imgs/2023/elements/envelope_w.png') no-repeat 0px 3px;
    background-size: 28px;
    margin: 0px;
}

div.top_menu td.contacts div.basket_outter {
    width: 28px;
    height: 10px;
}

div.top_menu td.contacts div.basket {
    background: url('/imgs/2023/elements/basket.png') no-repeat center;
    background-size: 22px;
    border: none;
    margin: 0px 0px 0px;
    opacity: 0.8;
    transition: 0.5s;
}

div.top_menu td.contacts div.lk_outter {
    width: 28px;
    height: 10px;
}

div.top_menu td.contacts div.lk {
    background: url('/imgs/2023/elements/lk.png') no-repeat center;
    background-size: 18px;
    border: none;
    margin: 0px 0px 0px;
    opacity: 0.8;
    transition: 0.5s;
}

div.top_menu td.contacts.link:hover div.lk,
div.top_menu td.contacts.link:hover div.basket {
    opacity: 1;
}

div.top_menu td.contacts a.basket {
    font-size: 12px;
    line-height: 12px;
}

div.top_menu td.contacts div.count, div.menu div.link div.count {
    background: white;
    width: 13px;
    height: 13px;
    padding-top: 0px;
    color: black;
    border-radius: 10px;
    position: absolute;
    top: 0px;
    left: 20px;
    text-align: center;
    font-size: 10px;
}

div.menu div.link div.count {
    background-color: red;
    color: white;
}

div.top_menu td.contacts div.chat div.count {
    filter: invert(100%);
    background-color: red;
    color: white;
}

div.top_menu td.contacts.contacts_roll div.contacts_roll_empty {
    width: 200px;
}

div.top_menu td.contacts.contacts_roll div.select {
    padding-top: 15px;
}

div.top_menu td.contacts div.contacts_fixed {
    position: fixed;
    top: 2px;
    margin-left: -10px;
    background: #1a73e8;
    height: 60px;
    overflow: hidden;
}

#search {
    display: block;
    position: relative;
    background: none;
    height: 280px;
    margin-top: -65px;
    margin-left: 130px;
    z-index: 55;
    transition: .5s;
    opacity: 1;
}

#search.dn {
    opacity: 0;
    display: none;
}

#wh_back {
    padding: 15px;
    position: absolute;
    width: 550px;
    top: 0px;
    left: -30px;
    margin-top: -68px;
}

.search_inner #search {
    margin: 0px;
    height: 65px;
    width: 100%;
}
.search_inner #wh {
    height: 20px;width:100%;
    padding: 17px 15px;
}
.search_inner #wh_back {
    padding: 15px 0px;
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0px;
    margin: 0px;
}
.search_inner #wh_btn {
    background: url(/imgs/2020/svg/loupe.svg) no-repeat;
    background-size: auto;
    filter: invert(1) opacity(.5);
    background-size: 20px;
    width: 25px;
    height: 25px;
    position: absolute;
    top: 22px;
    right: 5px;
}
.search_inner .suggest {
    background: white;
    box-shadow: 0px 0px 25px 5px rgba(192,192,192,0.5);
    margin: 0px;
    width: 300%;
    position: absolute;
    top: 65px;
}

.suggest {
    background: white;
    box-shadow: 0px 0px 25px 5px rgba(192, 192, 192, 0.5);
    margin-top: 65px;
    margin-left: -15px;
    width: 90%;
}

.suggesti .sugg td {
    padding: 10px 20px;
}

.suggesti .sugg td.l {
    color: black;
}

.suggesti .sugg td.r {
    color: silver;
}

div.top_links {
    max-width: 1400px;
    height: 125px;
    min-width: 1240px;
    z-index: 1;
    margin: 0px auto;
    font-size: 16px;
    transition: .5s;
}

div.top_links div {
    transition: .5s;
}

div.top_links a,
div.second_menu a.sel,
.menu a {
    color: rgba(0, 0, 0, 0.7);
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

div.top_links a.logo,
div.top_links a.logo:hover,
div.img1 a,
div.img1 a:hover {
    border-bottom: none !important;
}

div.top_links a.logo img {
    margin-bottom: -5px;
}

div.top_links p.location {
    margin: 0px;
    font-size: 12px;
    width: 200px;
    text-align: center;
}

div.top_links p.location a {
    line-height: 12px;
}

div.top_links p.location span {
    display: inline-block;
    margin: 0px 0px -2px;
    background: url('/imgs/2023/elements/location.png') no-repeat left;
    background-size: contain;
    opacity: 0.8;
    width: 12px;
    height: 12px;
    transition: 0.5s;
}

div.top_links p.location:hover span {
    opacity: 1;
}

div.top_links td.delivery {
    padding-right: 20px;
}

div.top_links td.delivery div.delivery {
    float: left;
    margin-right: 10px;
    width: 33px;
    height: 28px;
    background: url('/imgs/2023/elements/delivery.png') no-repeat left;
    background-size: contain;
    opacity: 0.9;
}

div.top_links div.discount {
    float: left;
    margin-right: 10px;
    width: 28px;
    height: 28px;
    background: url('/imgs/2023/elements/discount.png') no-repeat left;
    background-size: contain;
    opacity: 0.9;
}



div.top_links td.qr div.fr {
    float: right;
    width: 265px;
    height: 95px;
    border: double 2px transparent;
    border-radius: 10px;

}

div.top_links td.qr div.link {
    background-image: linear-gradient(white, white),
        linear-gradient(to left, #00e9ef, #005efa, #ff0386, #ff6b54);
    background-origin: border-box;
    background-clip: content-box, border-box;
    align-items: center;
    display: flex;
}

div.top_links td.qr div.animated {
    background-image: linear-gradient(white, white),
        linear-gradient(to left, #00e9ef, #005efa, #ff0386, #ff6b54, #ff0386, #005efa, #00e9ef);
    background-origin: border-box;
    background-clip: content-box, border-box;
    background-size: 300%;
    background-position: -100%;
    animation-name: gradient;
    animation-duration: 20s;
    animation-iteration-count: infinite;
}

div.top_links td.qr .link:hover {
    animation-duration: 2s;
}

div.top_links td.qr div.fl {
    width: 90px;
    text-align: center;
}

div.top_links td.qr div.fl p {
    font-size: 12px;
    margin: 10px 0px 0px;
    white-space: nowrap;
    opacity: 0.8;
    transition: 0.5s;
    color: black;
}

div.top_links td.qr .link:hover div.fl p {
    opacity: 1;
}

div.top_links td.qr div.text {
    width: 170px;
    text-align: left;
    font-weight: 600;
    margin-top: -7px;
}

div.top_links td.qr div.text span {
    font-weight: 800;
    background: black;
    position: relative;
    padding: 2px 5px;
    border-radius: 5px;
    color: white;
    transition: 0.5s;
    width: 102px;
    font-size: 16px;
    height: 21px;
    display: inline-block;
}


div.top_links td.qr .link:hover div.text span:before {
    opacity: 1;
}

div.top_links td a {
    line-height: 28px;
}

div.top_links td.qr a {
    line-height: 16px;
}

div.second_menu_w {
    box-shadow: 0px 5px 5px 0px rgba(192, 192, 192, 0.5);
}

div.second_menu {
    max-width: 1400px;
    min-width: 1240px;
    z-index: 1;
    margin: 0px auto;
    font-size: 16px;
    height: 65px;
}

div.second_menu a,
.breadcrumbs div a {
    color: #7f8998;
    border-bottom: 1px solid rgba(127, 137, 152, 0.2);
    transition: .5s;
}

div.second_menu img {margin-bottom: -4px;}

.breadcrumbs div a {
    color: #3f4151;
    border-bottom: 1px solid rgba(127, 137, 152, 0.2);
}

div.top_links .link:hover div {
    opacity: 1 !important;
}

div.top_links a:hover,
div.top_links .link:hover a,
.breadcrumbs div a:hover,
div.second_menu a:hover,
.menu a:hover {
    color: black !important;
    border-bottom: 1px solid black !important;
}

div.top_menu a:hover,
div.top_menu .link:hover a,
.footer a:hover,
.footer .link:hover a {
    color: white !important;
    border-bottom: 1px solid white !important;
}

.breadcrumbs,
.center {
    max-width: 1400px;
    min-width: 1240px;
    z-index: 1;
    margin: 0px auto;
}

.breadcrumbs div {
    padding: 15px 0px 15px 20px;
    font-size: 14px;
    color: #3f4151;
}

div.breadcrumbs div.fl {max-width: 1100px; overflow-x: hidden; white-space: nowrap;}

.breadcrumbs div.fr { padding: 15px 20px 15px 0px; }

.red_link {
    padding: 30px 30px 0px;
    color: #1d1d1f;
}

.red_link span {
    border: 1px solid rgba(0, 0, 0, 0.6);
    padding: 15px 30px;
    border-radius: 25px;
    transition: 0.5s;
}

.red_link span:hover {
    background-color: rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(0, 0, 0, 1);
}

.box_shadow {
    box-shadow: 0px 0px 15px 0px rgba(192, 192, 192, 0.5);
}

.rb {
    color: #1a73e8;
    font-weight: bold;
}

.fuzz {
    position: fixed;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 101;
    background: rgba(0, 0, 0, 0.8);
    display: none;
    text-align: left;
}

.body_fuzz {
    height: 100px;
    overflow-y: hidden;
}

#map_fuzz {
    z-index: 102;
}

#alert_fuzz {
    z-index: 202;
}

#dots_fuzz {background: url('/imgs/2023/svg/loading2.svg') no-repeat center rgba(0,0,0,0.8);z-index:102}

div.popup {
    display: none;
    margin: 10px auto;
    width: 100%;
}

div.popup div.container {
    position: relative;
    background: #f5f6fa;
    margin: 0px auto;
    display: table;
    min-width: 600px;
    max-width: 900px;
    padding: 0px 20px;
    border-radius: 20px;
}

div.popup div.close_btn, div.compares div.close_btn {
    font-weight: bold;
    font-size: 48px;
    color: #1d1d1f;
    position: absolute;
    top: 20px;
    right: 40px;
    width: 50px;
    cursor: pointer;
    opacity: 0.9;
    transition: .5s;
}
div.compares div.close_btn {top: 10px; right: 60px;}

div.popup div.close_btn:hover {
    opacity: 1;
}

div.popup div.close_btn:active {
    opacity: 0.5;
    transition: 0s;
}

div.popup .h2 {
    padding-top: 0px;
}

#div_add_certificates .container {
    padding: 0px;
    width: auto;
    background: none;
}

.dashed-top {
    border-top: 1px dashed #e7e8ea;
}

div.close_div {
    z-index: 300;
    display: none;
    position: fixed;
    top: 0px;
    right: 0px;
    background: #b90733;
    padding: 3px 20px;
    height: 59px;
    font-size: 48px;
    color: white;
}

input[type=radio] {
    display: none;
}

input[type=radio]+label span {
    background: none;
    display: inline-block;
    border: 1px solid #1d1d1f;
    width: 25px;
    height: 25px;
    border-radius: 13px;
    float: left;
    margin: 5px 15px 0px 0px;
}

input[type=radio]:checked+label span {
    background: url('/imgs/2020/svg/radio.svg') no-repeat center;
    filter: grayscale(1);
    background-size: 12px;
    display: inline-block;
    width: 25px;
    height: 25px;
    border-radius: 13px;
    float: left;
    margin: 5px 15px 0px 0px;
}

input[type=radio]+label div {
    float: left;
    font-size: 18px;
}

input[type=radio]+label div.n16 {
    line-height: 25px;
    margin-top: 5px;
}

input[type=radio]+label div p {
    margin: 30px 0px 0px;
}

#div_filter {
    padding: 0px 20px;
}

#h_count {
    font-size: 14px;
}

#h_count span {
    font-weight: bold;
}

#h_count div {
    background: url('/imgs/2020/svg/arrow-up.svg') no-repeat center;
    background-size: 10px;
    height: 10px;
    width: 12px;
    display: inline-block;
    cursor: pointer;
}

#h_count.hidden div {
    background-image: url('/imgs/2020/svg/arrow-down.svg');
}

#clear_filter {
    margin-top: -20px;
}

#clear_filter div {
    float: right;
    font-size: 24px;
    color: #1a73e8;
    border: none;
    line-height: 12px;
    padding: 3px;
    border-radius: 20px;
    width: 13px;
    height: 13px;
    margin-right: -5px;
}

.body .boxberry_container {
    background: url('/imgs/ajax-map-loader.gif') #fff center no-repeat;
}

.filter {
    font-size: 14px;
}

.filter.dashed-top {
    padding-left: 30px;
}

.filter input[type=checkbox],
input[type=checkbox] {
    display: none;
}

.filter input[type=checkbox]+label {
    background: #fff;
    font-size: 14px;
    padding: 10px 15px;
    display: inline-block;
    white-space: nowrap;
    margin: 0px 0px 15px 15px;
    cursor: pointer;
}

.filter input[type=checkbox].oneline+label {
    padding: 20px 15px;
}

.filter input[type=checkbox].round+label {
    border-radius: 30px;
    padding: 20px;
    width: 20px;
}

#date_c+label {
    padding: 0px 15px 0px 15px;
}

.filter input[type=checkbox]+label span {
    display: none;
}

input[type=checkbox]+label div {
    background: none;
    display: inline-block;
    border: 1px solid #1d1d1f;
    width: 25px;
    height: 25px;
    margin-bottom: -6px;
}

input[type=checkbox]:checked+label div {
    background: url(/imgs/2020/svg/checkbox.svg) no-repeat center;
    background-size: 15px;
    display: inline-block;
    border: 1px solid #1a73e8;
    width: 25px;
    height: 25px;
    margin-bottom: -6px;
}

.filter input[type=checkbox]+label div {
    display: none;
    font-size: 24px;
    color: #dad6e1;
    border: none;
    background: rgba(0, 0, 0, 0.8);
    float: right;
    line-height: 13px;
    padding: 3px;
    border-radius: 20px;
    margin: -30px -25px 0px 5px;
    width: 14px;
    height: 14px;
}

#date_c+label div {
    margin-top: -10px;
}

.filter input[type=checkbox]+label table {
    border: 2px solid #dad6e1;
    margin-top: 10px;
}

.filter input[type=checkbox]+label table td.arrow {
    background: url(/imgs/2020/svg/arrow-down.svg) no-repeat center;
    background-size: 12px;
    height: 12px;
    width: 30px;
    margin-right: 15px;
}

.filter input[type=checkbox].round+label div {
    margin-top: -40px;
}

.filter input[type=checkbox]:checked+label {
    background: #dad6e1;
    font-weight: bold;
    min-width: 30px;
}

.filter input[type=checkbox]:checked.round+label {
    padding-left: 10px;
}

.filter input[type=checkbox]:checked+label table {
    border: 2px solid black;
}

.filter input[type=checkbox]:checked+label div,
.filter input[type=checkbox]:checked+label span {
    display: inline-block;
}

.filter #datepicker {
    background: none;
    border: none;
    padding: 0px;
    font-size: 14px;
    width: 100%;
    color: #1d1d1f;
    font-weight: normal;
    margin-left: 0px;
    padding: 20px;
    font-family: 'Prosto';
}

#date_c:checked+label #datepicker {
    padding-left: 0px;
    width: 90%;
    font-weight: bold;
}

.filter #datepicker::placeholder {
    color: #1d1d1f;
    font-size: 14px;
    font-family: 'Montserrat';
}

.filter div.pin {
    width: 15px;
    height: 15px;
    background-size: 15px;
    display: inline-block;
    margin-top: 20px;
    margin-bottom: -3px;
}

.filter .ymaps_place {
    color: #1d1d1f;
    font-size: 16px;
    font-family: 'Montserrat';
}

.filter .ymaps_place input,
#apply_filters_btn input {
    background-color: #1a73e8;
    color: white;
}

.filter .ymaps_place input:disabled {
    background-color: #dddae8;
}

.filter_a span.f {
    display: inline-block;
    padding: 10px;
    background: #dad6e1;
    border-radius: 5px;
    font-size: 14px;
    margin: 10px 10px 0px 0px;
}

.filter_a div {
    font-size: 28px;
    line-height: 20px;
    height: 18px;
    width: 20px;
    text-align: center;
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.8);
    padding: 2px 0px 0px;
    margin-left: 10px;
    float: right;
    color: #dad6e1;
}

.sorta {
    float: left;
    margin-right: 20px;
    width: 30%;
    height: 40px;
    padding: 10px;
}
.sorta.checked {
    background: #dad6e1;
}
.sorta .ml30 {
    width: 45%;
}
.sorta .times {
    display: none;
    font-size: 24px;
    color: #dad6e1;
    border: none;
    background: rgba(0, 0, 0, 0.8);
    float: right;
    line-height: 13px;
    padding: 3px;
    border-radius: 20px;
    margin: -20px -20px 0px 5px;
    width: 14px;
    height: 14px;
    cursor: pointer;
}
.sorta.checked .times {
    display: block;
}
.sorta .noUi-pips-horizontal {
    height: 30px;
}
.sorta .noUi-marker-horizontal.noUi-marker-large {
    height: 5px;
}
.sorta .noUi-value-horizontal {
    font-size: 12px;
    line-height: 12px;
}

.select {
    cursor: pointer;
}

.select a.r {
    border-color: #1a73e8;
}

.select span {
    background: url('/imgs/2020/svg/arrow-down.svg') no-repeat center;
    background-size: 10px;
    height: 10px;
    width: 12px;
    display: inline-block;
}

.select.hidden span {
    background: url('/imgs/2020/svg/arrow-up.svg') no-repeat center;
    background-size: 10px;
    height: 10px;
    width: 12px;
    display: inline-block;
}

.select.black span {
    filter: none;
}

.select span.white {
    filter: brightness(0) invert(1);
}

table.text_table {
    border-collapse: collapse;
}

table.text_table td,
table.text_table th {
    border: 1px solid silver;
    vertical-align: middle;
    padding: 15px;
    font-size: 14px;
}

table.text_table input[type=checkbox]+label div {
    background: url(/imgs/2020/svg/toggle-off.svg) no-repeat top center;
    background-size: 40px;
    display: inline-block;
    border: none;
    width: 40px;
    height: 24px;
    margin-bottom: -6px;
}

table.text_table input[type=checkbox]:checked+label div {
    background-image: url(/imgs/2020/svg/toggle-on.svg);
}

a,
.a {
    color: rgba(0, 0, 0, 0.8);
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    text-decoration: none;
    transition: .5s;
    font-weight: 600;
}

a:hover {
    color: black;
    border-bottom: 1px solid black;
}

a:active,
.link:active a {
    opacity: 0.5 !important;
    transition: 0s !important;
}

.bottom-dotted {
    border-bottom: 1px dotted !important;
    border-color: #d3d3d5;
}

.green {
    color: green;
}

.b {
    font-weight: bold;
}

.n14 {
    font-size: 14px !important;
}

.n16 {
    font-size: 16px !important;
}

.n18 {
    font-size: 18px;
}

.n20 {
    font-size: 20px;
}

.n24 {
    font-size: 24px;
}

.n28 {
    font-size: 28px;
}

.n36 {
    font-size: 36px;
}

.n40 {
    font-size: 40px;
}

.n48 {
    font-size: 48px;
}

.gray {
    color: #1d1d1f;
}

a.gray {
    border-bottom: 1px solid #d3d3d5;
}

a.white {
    color: white;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

a.white:hover {
    border-bottom: 1px solid white;
}

a.black {
    color: #1d1d1f;
    border-bottom: 1px solid rgba(9, 3, 75, 0.2);
}

a.black:hover {
    border-bottom: 1px solid rgba(9, 3, 75, 1);
}

p.white {
    margin: 20px;
}

.nowrap {
    white-space: nowrap;
}

.ml10 {
    margin: 0px 0px 0px 10px;
}

.ml20 {
    margin: 0px 0px 0px 20px;
}

.ml30 {
    margin: 0px 0px 0px 30px;
}

.mr10 { margin-right: 10px; }

.mr20 {
    margin-right: 20px;
}

.mt-30{
    margin-top: -30px;
}

.fl {
    float: left;
}

.fr {
    float: right !important;
}

.fl.rating{margin: 20px 0px -20px 50px;}

.fn {
    float: none;
}

.link,
label {
    cursor: pointer;
}

.vtop {
    vertical-align: top;
}

.vbottom {
    vertical-align: bottom;
}

.index, .index h1 {
    font-size: 34px;
    font-weight: 800;
    padding: 20px 20px;
    margin: 0px;
    background-image: linear-gradient(to left, #00e9ef, #005efa, #ff0386, #ff6b54, #ff0386, #005efa, #00e9ef);
    -webkit-background-clip: text;
    color: transparent;
    background-clip: text;
    /* -webkit-text-fill-color: transparent; */

    display: inline-block;
    background-size: 300%;
    background-position: -100%;
    animation-name: gradient;
    animation-duration: 20s;
    animation-iteration-count: infinite;
}
.index h1 {padding: 0px;}

h1,
.h1 {
    font-size: 34px;
    font-weight: 800;
    padding: 20px 20px;
    margin: 0px;
}

div.content h1 {
    padding-left: 0px;
}

h2,
.h2 {
    font-size: 24px;
    font-weight: bold;
    padding: 25px 0px 10px;
    margin: 0px;
}

a.h2 {
    padding-bottom: 0px;
}

h3,
.h3 {
    font-size: 20px;
    font-weight: bold;
    padding: 0px;
    margin: 0px;
}

h4,
.h4 {
    font-size: 16px;
    font-weight: bold;
    padding: 0px;
    margin: 0px;
}

.special h1 {
    font-size: 28px;
}

div.winter {
    background: url('/imgs/2020/winter-d.jpg') no-repeat top, linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 80%, rgba(245, 246, 250, 1) 100%);
    background-size: 1920px;
}


div.snippet_s {
    height: 1px;
    z-index: 1;
    position: relative;
    margin: -1000px 0px 1000px;
}

div.social table.social a {
    display: inline-block;
    width: 28px;
    height: 28px;
    background: url('/imgs/2023/elements/instagram.png') no-repeat center;
    background-size: contain;
    opacity: 0.7;
    transition: .5s;
    border-bottom: none;
}

div.social table.social a:hover {
    opacity: 1;
}

div.social table.social a:active {
    opacity: 0.5;
}

div.social table.social a.rutube {
    background-image: url('/imgs/2023/elements/rutube.svg');
}

div.social table.social a.youtube {
    background-image: url('/imgs/2023/elements/youtube.png');
}

div.social table.social a.facebook {
    background-image: url('/imgs/2023/elements/facebook.png');
}

div.social table.social a.vk {
    background-image: url('/imgs/2023/elements/vk.png');
}

div.social table.social a.dzen {
    background-image: url('/imgs/2023/elements/dzen.png');
}

div.social table.social a.tiktok {
    background-image: url('/imgs/2023/elements/tiktok.png');
}

div.social table.social a.telegram {
    background-image: url('/imgs/2023/elements/telegram.png');
}

div.camera {
    background: url('/imgs/2020/svg/camera-s.svg') no-repeat center;
    background-size: 40px;
    height: 40px;
    width: 40px;
    opacity: 0.5;
}

.cooperate {
    background: url('/imgs/blank.gif') no-repeat center;
    background-size: contain;
    padding: 80px 20px;
}

.cooperate h2 {
    color: white;
}

.loyalty {
    background-position: 20% 0%;
}

.loyalty .fl.b {
    margin-top: 15px;
}

.loyalty img {
    margin-bottom: -10px;
}

.loyalty .camera {
    margin-bottom: -25px;
}

ul {
    text-align: left;
    padding: 10px 0px 0px;
    margin: 0px;
}

ul li {
    background: url('/imgs/2023/elements/li.png') no-repeat left top;
    background-size: 16px;
    padding: 0px 0px 20px 35px;
    list-style: none;
    margin: 0px;
}

ol {
    counter-reset: myCounter;
    margin-left: 0;
    padding-left: 0px;
}

ol li {
    position: relative;
    padding: 0px 0px 15px 35px;
    margin: 0px;
    list-style: none;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

ol li:before {
    content: counter(myCounter);
    counter-increment: myCounter;
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    line-height: 18px;
    padding: 0px;
    color: #675bc7;
    background: none;
    border: 1px solid #675bc7;
    font-weight: bold;
    text-align: center;
    border-radius: 10px;
    font-size: 14px;
    z-index: 1;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

hr {
    border: none;
    height: 2px;
    background: #e5e9f0;
    margin: 0px;
}

input[type=button],
input[type=submit] {
    border: none;
    background-color: #8b8b8c;
    font-size: 16px;
    font-weight: bold;
    color: white;
    padding: 15px 30px;
    cursor: pointer;
    transition: .5s;
    border-radius: 25px;
    transition: all 0.5s ease;
    opacity: 0.8;
}

.compare input[type=button] {
    font-size: 14px;
    padding: 15px 25px;
}

input[type=button]:hover,
input[type=submit]:hover {
    /*
    text-decoration: underline;
    */
}

input[type=button].white,
input[type=submit].white {
    background-color: white;
    color: #1d1d1f;
}

div.splash_inner input[type=button].white {
    border: 1px solid black;
}

input[type=button].black,
input[type=submit].black {
    color: white;
    background-color: #1d1d1f;
    opacity: 0.9;
}

input[type=button].enter {
    background-image: url('/imgs/2023/elements/enter.png');
    background-repeat: no-repeat;
    background-position: 50px;
    background-size: 16px;
}

.red,
div.popup .red,
input[type=button].red,
input[type=submit].red {
    background-color: black;
    color: white;
}

input[type=button].big,
input[type=submit].big,
button.big {
    padding: 15px 40px;
    border-radius: 25px;
}

@keyframes gradient2 {
    0% {
        background-position-x: 0%;
    }

    100% {
        background-position-x: 100vw;
    }
}

div.border_animated2 button {
    cursor: pointer;
    position: relative;
    columns: inherit;
    width: 350px;
    height: 50px;
    border-radius: 25px;
    border-width: 0px;
    background: repeating-linear-gradient(-45deg, #00e9ef 0%, #005efa 8.6%, #ff0386 16.3%, #ff6b54 25%, #ff0386 33.6%, #005efa 41.3%, #00e9ef 50%);

    background-size: 200vw 200vw;

    background-position-x: 50%;
}

div.border_animated2 button span {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 344px;
    height: 44px;
    color: white;
    font-size: 16px;
    font-weight: bold;
    z-index: 10;
}

div.border_animated2 button span::before {
    content: "";
    width: 344px;
    height: 44px;
    position: absolute;
    top: 0px;
    left: -3px;
    border-radius: 25px;
    background-color: black;
    z-index: -1;
}

div.border_animated2 button::after,
div.border_animated2 button::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 25px;
    background: repeating-linear-gradient(-45deg, #00e9ef 0%, #005efa 8.6%, #ff0386 16.3%, #ff6b54 25%, #ff0386 33.6%, #005efa 41.3%, #00e9ef 50%);

    background-size: 100vw 100vw;
    animation: gradient2 5s linear infinite;
    opacity: 0;
    visibility: hidden;
    transition: 1s;
}

div.border_animated2 button:hover::after,
div.border_animated2 button:hover::before {
    opacity: 1;
    visibility: visible;
}

div.border_animated2 button:hover::before {
    filter: blur(10px);
}

div.border_animated {
    position: relative;
    background: repeating-linear-gradient(-45deg, #00e9ef 0%, #005efa 8.6%, #ff0386 16.3%, #ff6b54 25%, #ff0386 33.6%, #005efa 41.3%, #00e9ef 50%);

    background-size: 100vw 100vw;
    animation: gradient2 20s linear infinite;
    animation-iteration-count: infinite;
    border: double 2px transparent;
    display: inline-block;
    border-radius: 25px;
    transition: .5s;
}

div.border_animated input.big {
    padding: 13px 38px;
}

div.border_animated:hover {
    animation-duration: 2s;
}

div.border_animated::before {
    filter: blur(10px);
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 25px;
    background: repeating-linear-gradient(-45deg, #00e9ef 0%, #005efa 8.6%, #ff0386 16.3%, #ff6b54 25%, #ff0386 33.6%, #005efa 41.3%, #00e9ef 50%);

    background-size: 100vw 100vw;
    animation: gradient2 20s linear infinite;
    opacity: 0;
    visibility: hidden;
    transition: 1s;
}

div.border_animated:hover::before {
    opacity: 1;
    visibility: visible;
    animation-duration: 2s;
}

div.border_animated input[type=button].big {
    z-index: 10;
    border-radius: 22px;
    position: relative;
    opacity: 1;
}


.banner {
    cursor: pointer;
}

.banner_14f {
    background: url('/imgs/2023/content/banner-14f-d.jpg') no-repeat left center;
    background-size: 1400px;
    height: 99px;
    width: 100%;
}    

.banner .text {
    font-size: 32px;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    padding: 30px 0 0 12%;
    float: left;
    width: 65%;
}
.banner .button {
    float: right;
    width: 20%;
    padding-top: 20px;
}

.banner .button input {
    color: white;
    border: 2px solid white;
    background: transparent;
}

.banner_water .button input {
    color: #1d1d1f;
    border: 2px solid #1d1d1f;
}

input.red-invert {
    padding: 13px 38px;
    border: 2px solid black;
    color: black;
    background: none;
}

input[type=button].pin {
    background: url(/imgs/2023/elements/map.png) black no-repeat 25px;
    background-size: 18px;
    padding: 15px 30px 15px 60px;
    color: white;
}

input[type=button].heart {
    background-image: url('/imgs/2020/svg/heart.svg');
    background-repeat: no-repeat;
    background-position: 65px 15px;
    background-size: 20px;
    padding: 15px 30px 15px 60px;
}

input[type=button]:hover,
input[type=submit]:hover {
    opacity: 1;
}

input[type=button]:disabled,
input[type=submit]:disabled {
    filter: grayscale(1) opacity(0.2) !important;
    cursor: default;
}

div.certificate.basket input[type=button] {
    margin: 0px -10px 0px -30px;
}


div.detail_place {
    background: #fff;
    color: #1a73e8;
    padding: 8px 10px 7px 8px;
    border-radius: 10px;
    margin-left: 10px;
}

div.detail_place a {
    font-size: 14px;
    transition: 0.5s;
}

div.detail_place td {
    vertical-align: top;
    line-height: 16px;
}

div.detail_place td.map {
    background: url('/imgs/2020/location-b.png') no-repeat center;
    width: 80px;
    height: 50px;
    vertical-align: middle;
    border-radius: 5px;
    cursor: pointer;
    text-decoration: underline;
}

/*div.detail_place td.map {width: 40px;vertical-align: middle;opacity: 0.9;transition: 0.5s;}
div.detail_place:hover td.map {width: 40px;vertical-align: middle;opacity: 1;transition: 0.5s;}
div.detail_place a:hover {border-bottom: 1px solid #1a73e8;transition: 0.5s;}*/
div.detail_place td.map div {
    background: url('/imgs/2020/svg/location-pin.svg') no-repeat;
    background-size: 24px;
    width: 24px;
    height: 24px;
    text-align: center;
    filter: grayscale(1);
}

div.pin {
    background: url('/imgs/2020/svg/location-pin.svg') no-repeat;
    background-size: 30px;
    width: 30px;
    height: 30px;
    text-align: center;
    filter: grayscale(1);
}

div.detail_place td.location {
    color: #3f4151;
    vertical-align: bottom;
    font-size: 14px;
}

div.catalog_location {
    font-size: 18px;
    margin-top: 15px;
}

div.catalog_location div.pin {
    display: inline-block;
    margin-bottom: -10px;
}

div.short_descr {
    border-radius: 15px;
}

div.short_descr table {
    border-collapse: separate;
    border-spacing: 0;
}

div.short_descr table tr {    
    background-color: #fafafa;
}

div.short_descr table tr.variation:hover {
    
    background-color: #f5f6fa;
    cursor: pointer;
    box-shadow: 15px 15px 20px -15px rgba(192, 192, 192, 0.5);
    margin-top: -2px;
}

div.short_descr table tr.top td:first-child {
    border-top-left-radius: 20px;
}

div.short_descr table tr.top td:last-child {
    border-top-right-radius: 20px;
}

div.short_descr table tr.bottom td:first-child {
    border-bottom-left-radius: 20px;
}

div.short_descr table tr.bottom td:last-child {
    border-bottom-right-radius: 20px;
}

div.short_descr tr.head {
    background-color: white;
    border-radius: 20px 20px 0 0;
    font-weight: 600;    
}

div.short_descr tr.current {
    box-shadow: inset 0 8px 10px -10px rgba(0,0,0,0.1);
}

div.short_descr div.variation tr {
    cursor: pointer;
    transition: .5s;
}

div.short_descr div.variation tr:hover {
    box-shadow: inset 0 0 10px -5px rgba(0,0,0,0.5);
}

div.short_descr td {
    color: #1d1d1f;
    font-size: 14px;
    line-height: 16px;
    padding: 0px 0px 0px 30px;
    height: 65px;
}

div.short_descr td span {
    margin-left: 27px;
    display: inline-block;
}

div.short_descr td span.select span {
    margin-left: 0px;
}

div.short_descr tr.head div {
    width: 20px;
    height: 16px;
    float: left;
    margin-right: 7px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
}

div.short_descr td.duration {
    min-width: 140px;
}

div.short_descr td.duration div {
    background-image: url('/imgs/2023/elements/duration.png');
}

div.short_descr td.count {
    min-width: 170px;
}

div.short_descr td.count div {
    background-image: url('/imgs/2023/elements/count.png');
}

div.short_descr td.days {
    min-width: 260px;
}

div.short_descr td.days div {
    background-image: url('/imgs/2023/elements/days.png');
}

div.short_descr td.age {
    min-width: 110px;
}

div.short_descr td.age div {
    background-image: url('/imgs/2023/elements/age.png');
}

div.short_descr td.location div {
    background-image: url('/imgs/2023/elements/location.png');
}

div.short_descr td.additional {
    min-width: 130px;
}

div.short_descr td.additional div {
    background-image: url('/imgs/2023/elements/star.png');
}

div.short_descr td.coin {
    min-width: 150px;
}

div.short_descr td.coin div {
    background-image: url('/imgs/2023/elements/coin.png');
}

div.purchase {
    background-image: linear-gradient(white, white), linear-gradient(-45deg, #00e9ef, #005efa, #ff0386, #ff6b54);
    background-origin: border-box;
    background-clip: content-box, border-box;
    background-size: 100%;
    border: double 3px transparent;
    border-radius: 15px;
    width: 350px;
    margin: 0px;
    position: relative;
}


.purchase .price {
    font-size: 24px;
    font-weight: bold;
    position: relative;
}

div.purchase .price input[type=button],
#btn_buy {
    background-image: url('/imgs/2023/elements/basket.png');
    background-repeat: no-repeat;
    background-position: 25px;
    background-size: 22px;
    padding: 15px 30px 15px 60px;
}

div.purchase .price_t input[type=button],
#btn_buy {
    z-index: 10;
    background-color: black;
    background-image: url('/imgs/2023/elements/basket.png');
    color: white;
    position: relative;
    opacity: 1;
}

.purchase .order input[type=button],
#btn_order {
    background-color: black;
    background-image: url('/imgs/2023/elements/phone_w.png');
    color: white;
}

div.purchase hr {
    height: 3px;
    background: #4a4a4a;
    margin-top: 35px;
    width: 86%;
}

div.purchase .or {
    width: 80px;
    height: 35px;
    border-radius: 30px;
    background: #fff;
    margin: auto;
    text-align: center;
    font-size: 18px;
    padding-top: 15px;
    margin-top: -28px;
    font-weight: 600;
}

div.purchase .certificate {
    width: 100%;
    background: url('/imgs/2020/cert-b.png') no-repeat;
    height: 180px;
    background-size: contain;
}

div.purchase .certificate img {
    padding-right: 30px;
}

div.purchase ul {
    margin-bottom: -10px;
    padding-top: 0px;
}

div.purchase .advantages {
    border-collapse: collapse;
}

div.purchase .advantages td {
    border: 1px solid #e6dff0;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 0px 10px 15px;
}

div.purchase .advantages td.choice {
    border-left: none;
}

div.purchase .advantages td p {
    margin-top: 20px;
}

div.purchase .advantages td.deal {
    border-right: none;
}

div.purchase .advantages td.choice div {
    float: left;
    margin: 15px 15px 0px 0px;
    background: url('/imgs/2020/svg/choice.svg') no-repeat;
    background-size: 67px;
    background-position: -5px -10px;
    width: 57px;
    height: 59px;
}

div.purchase .advantages td.deal div {
    float: left;
    margin: 10px 10px 0px 0px;
    background: url('/imgs/2020/svg/deal.svg') no-repeat;
    background-size: 130px;
    background-position: -20px -10px;
    width: 90px;
    height: 50px;
}

div.purchase ul li.more,
.add_certificate .more {
    background: url('/imgs/2023/elements/plus.png') no-repeat left top;
    background-size: 22px;
    padding: 0px 0px 15px 35px;
    list-style: none;
    margin: 0px;
}

.add_certificate .more {
    margin-left: 100px;
    color: #1a73e8;
}

div.purchase ul li.more a,
#h_count a,
#clear_filter a,
#filter_map_a {
    border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
}

div.purchase ul li.more a:hover,
#h_count a:hover,
#clear_filter a:hover,
#filter_map_a:hover {
    border-bottom: 1px dashed black;
}

.first_slide .h1.nowrap {position: relative;}
.split16 {
    font-size: 16px;
    font-weight: normal;
    display: block;
    padding: 5px 25px 0px 0px;
}
.split12 {
    font-size: 12px;
    font-weight: normal;
    display: block;
    padding-right: 20px;
}

.first_slide .h1.nowrap .quest_block {
    position: absolute;
    right: 15px;
    bottom: 18px;
}

div.purchase .price .quest_block {
    position: absolute;
    right: 5px;
    bottom: 5px;
}

div.purchase .price .quest_block .question{
    width: 20px;
    height: 20px;
    background-size: 12px;
}

.first_slide .h1.nowrap .quest_block .ques-text, div.purchase .price .quest_block .ques-text {
    white-space: normal;
    left: -150px;
    font-weight: normal;
    top: -130px;
}

.first_slide .h1.nowrap .quest_block .ques-text {
    left: -280px;
    top:40px;
}

.dn {
    display: none;
}

.br5 {
    height: 5px;
}

.br10 {
    height: 10px;
}

.br20 {
    height: 20px;
}

.br50 {
    height: 50px;
}

.br65 {
    height: 65px;
}

.br80 {
    height: 80px;
}

.br100 {
    height: 100px;
}

.white-g {
    background: rgb(255, 255, 255);
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 20%, rgba(245, 246, 250, 1) 100%);
}

.white-g180 {
    background: rgb(255, 255, 255);
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 20%, rgba(245, 246, 250, 1) 100%);
}

label.zoom-in {
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
}

div.art {min-height: 300px;}
img.aleft { margin: 0px 10px 0px 0px; border-radius: 20px; }
img.aright { margin: 0px 0px 0px 10px; border-radius: 20px; }
table.px {border-collapse: collapse;}
table.px td {padding: 15px; border: 1px solid #1d1d1f;}
a.button, a.button:hover {
    display: inline-block;
    padding: 15px 30px;
    margin: 10px 0px;
    background: #000;
    color: #fff;
    text-decoration: none;
    border-radius: 25px;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
}

label.zoom-in img,
img.hover {
    transition: .5s;
}

label.zoom-in img:hover,
img.hover:hover {
    box-shadow: 15px 15px 20px -15px rgba(128, 128, 128, 0.5);
    margin-top: -2px;
    margin-bottom: 2px;
    transition: .5s;
}

label.zoom {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    z-index: 999;
    overflow: auto;
    transition: 1s;
    opacity: 0;
    background: rgba(0, 0, 0, 0.8);
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

label.zoom img {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}

input[type="checkbox"].zoom:checked+label.zoom {
    transition: 0.5s;
    opacity: 1;
    transform: scale(1);
}

div.slide {
    position: relative;
    background: white;
    border-radius: 25px;
}

div.slide div.t1 {
    font-size: 48px;
    line-height: 48px;
    font-weight: bold;
    position: absolute;
    top: 100px;
    left: 57%;
    color: white;
}

div.slide div.t2 {
    font-size: 28px;
    position: absolute;
    font-weight: bold;
    top: 250px;
    left: 57%;
    color: white;
}

div.slide div.t3 {
    position: absolute;
    top: 320px;
    left: 10%;
    width: 1150px;
}

div.slide div.t3 a {
    border-bottom: 1px solid rgba(255, 255, 255, 0);
    opacity: 0.9;
    transition: .5s;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

div.slide div.t11 { position: absolute; top: 30px; left: 20px; width: 50%; }
div.slide div.t11 h1 {padding: 0px;}
div.slide div.t12 { position: absolute; top: 160px; left: 20px; width: 320px; }
div.slide div.t12 span { color:#ff2a73; }
div.slide div.t13 { position: absolute; top: 270px; left: 20px; width: 40%; }
div.slide div.t13 div { width: 48%; }
div.slide div.t14 { position: absolute; top: 345px; left: 20px; width: 40%; }
div.slide div.t14 span { font-size: 12px; }
div.slide div.t15 { position: absolute; top: 100px; width: 45%; left: 20px;}
div.slide div.t15 span { color: #ff2a73;}
div.slide div.t15 .qr { background-color: #fff; padding: 10px 10px 5px; border-radius: 10px; margin-right: 20px; }

div.slide div.back_t {    
    position: absolute;
    top: 0px;
    height: 500px;
    left: 0%;
    width: 400px;
    padding: 0px 100px;    
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    color: white;
    font-size: 20px;
}

div.slide div.back_t p {
    margin: 10px 0px;
}

div.slide div.back_t.right {    
    left: auto;
    right: 5%;
    width: 300px;
    padding: 0px;
}

div.slide div.back_t.top {
    top: 70px;
    height: 400px;
    justify-content: flex-start;
}

div.slide div.back_t.bottom {
    top: auto;
    bottom: 50px;
    height: 400px;    
    justify-content: flex-end;
}

div.slide div.t4 {
    position: absolute;
    top: 360px;
    left: 10%;
    width: 1150px;
}

div.slide div.t4 a {
    text-transform: uppercase;
    opacity: 0.9;
    transition: .5s;
    filter: drop-shadow(2px 4px 6px black);
}

div.slide div.t3 a:hover,
div.slide div.t4 a:hover {
    border-bottom: 1px solid white;
    opacity: 1;
}

div.slide div.t4 a.black:hover {
    border-bottom: 1px solid #1d1d1f;
    opacity: 1;
}

div.slide div.t4.right {
    left: 60%;
    text-align: left;
    top: 150px;
    width: auto;
    word-wrap: break-word;
}

div.slide div.t4.top300{ top: 300px; left: 60px;}
div.slide div.t4.top300 a {text-transform: none;font-size:50px;line-height:50px;}
div.slide div.t4.top300 a span { display: block; color: #1d1d1f; font-size: 22px;}

div.slide div.t4.top320 {
    top: 320px;
}

div.slide div.t4.top400 {
    top: 400px;
}

div.back {
    background: url('/imgs/blank.gif') no-repeat center;
    background-size: auto 100%;
    height: 500px;
    position: relative;
    border-radius: 20px 20px 0px 0px;
}

div.back.left {
    background-position: left;
}

div.back.right {
    background-position: right;
}

div.slide div.back {
    border-radius: 20px;
}

div.back_radius {
    border-radius: 20px;
}

div.content {
    background: rgba(255, 255, 255, 0.9);
}

div.silver div.content {
    background: none;
}

div.content div.back {
    height: 350px;
}

div.slide div.shadowed {
    margin-top: -500px;
}

div.content div.slide div.shadowed {
    margin-top: -350px;
}

div.slides {
    z-index: 51;
    position: absolute;
    bottom: 0px;
    right: 0px;
}

div.slides div {
    float: right;
    border-collapse: collapse;
    padding: 5px;
    margin-right: 150px;
}

div.slides.special,
div.slides.special div {
    width: 100%;
    margin: 0px;
    position: relative;
    display: inline-block;
}

div.slides.special div {
    padding: 5px 0px;
}

div.slides td img {
    cursor: pointer;
    opacity: 0.5;
    transition: 0.5s;
    border-radius: 10px;
    max-width: 100%;
    max-height: 102px;
}

div.slides td img:hover {
    transition: 0.5s;
    opacity: 0.9;
}

div.slides td.sel img {
    opacity: 1;
}

div.blackout2 {
    background-color: rgba(0, 0, 0, 0.6);
    color: white;
    line-height: 100%;
    width: 95%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0%);
    border: 1px solid rgba(255, 255, 255, 0.3);
}

div.blackout2 p {
    padding: 0px 15px;
    font-size: 18px;
    line-height: 100%;
    margin: 10px 0px;
}

div.blackout2 ul {
    font-size: 18px;
    color: white;
    line-height: 90%;
}

div.blackout2 ul li {
    list-style: circle;
    background: none;
    margin-left: 20px;
    padding-left: 0px;
}

div.blackout2 .bold {
    font-weight: bold;
    font-size: 28px;
}

div.blackout2 span.bold {
    color: #01A0E2;
    font-weight: bold;
    font-size: 28px;
}

div.blackout2 h2 {
    padding: 0px 15px;
    line-height: 100%;
    margin: 10px 0px;
}

div.blackouttop {
    top: 10%;
    text-align: left;
}

div.blackoutleft {
    top: 50%;
    width: 500px;
    left: 5%;
    transform: translate(0%, -50%);
    padding: 15px;
    text-align: left;
}

div.blackoutright {
    top: 50%;
    width: 500px;
    left: 95%;
    transform: translate(-100%, -50%);
    padding: 15px;
    text-align: left;
}

div.blackoutrightt {
    top: 10%;
    width: 120px;
    left: 95%;
    transform: translate(-100%, -50%);
    padding: 15px;
}

div.blackoutrightt2 {
    line-height: 100%;
    width: 80%;
    position: absolute;
    top: 20%;
    width: 120px;
    left: 91%;
    transform: translate(-100%, -50%);
    padding: 15px;
}

div.blackoutbottom {
    bottom: 10%;
    text-align: left;
}

div.fixed {
    position: fixed;
    z-index: 52;
}

div.second_menu_w.fixed {
    top: 65px;
    width: 100%;
    z-index: 53;
}

div.purchase.fixed {
    top: 150px;
}

div.purchase.fixed.bottom {
    bottom: 20px;
    top: auto;
}

div.certificates {
    z-index: 10;
    position: relative;
    background: black;
    background-size: 1920px;
    padding: 0px 0px 30px;
    margin: 0px;
    width: 100%;
    color: #f2f1ff;
    font-size: 16px;
}

div.certificates h2 {
    padding: 50px 30px 0px;
}

div.certificates h2,
div.certificates p {
    color: #f2f1ff;
}

div.certificates a {
    color: #f2f1ff;
    border-bottom: 1px solid rgba(242, 241, 255, 0.2);
}

div.certificates a:hover,
div.certificates .link:hover a {
    border-bottom: 1px solid rgba(242, 241, 255, 1);
}

div.certificates p {
    padding-left: 30px;
}

div.certificates ul li {
    font-size: 14px;
    background-image: url('/imgs/2023/elements/li.png');
    filter: invert(100%);
    color: black;
    background-position: 0px 5px;
}

div.certificates .price {
    font-size: 18px;
}

div.certificates div.border_animated {
    background: none;
}


div.certificates div.border_animated::after,
div.certificates div.border_animated::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 25px;
    background: repeating-linear-gradient(-45deg, #00e9ef 0%, #005efa 8.6%, #ff0386 16.3%, #ff6b54 25%, #ff0386 33.6%, #005efa 41.3%, #00e9ef 50%);

    background-size: 100vw 100vw;
    animation: gradient2 5s linear infinite;
    opacity: 0;
    visibility: hidden;
    transition: 1s;
}

div.certificates div.border_animated:hover::after,
div.certificates div.border_animated:hover::before {
    opacity: 1;
    visibility: visible;
}

div.certificates div.border_animated:hover::before {
    filter: blur(10px);
}

div.certificates div.certificate {
    width: 222px;
    padding: 10px;
    height: 240px;
    transition: .5s;
    border-radius: 20px;
    position: relative;
    background: #18181a;
    z-index: 10;
    
}
/*
div.certificates div.certificate:hover {
    background: rgba(255, 255, 255, 0.1);
    box-shadow: 15px 15px 20px -15px #be2c75;
    margin-top: -2px;
    margin-bottom: 2px;
}
*/

div.certificates div.basket {
    height: 300px;
}

div.certificates div.info {
    background: url('/imgs/2020/svg/info.svg') #fff no-repeat;
    background-size: 22px;
    background-position: 9px 9px;
    width: 40px;
    height: 40px;
    border: 2px solid #d4dbe5;
    border-radius: 23px;
    color: black;
    text-align: center;
    margin: 40px 20px 0px 0px;
    cursor: pointer;
    transition: .5s;
    opacity: 0.9;
}

div.certificates div.info:hover {
    opacity: 1;
}

div.certificates div.info:active {
    opacity: 0.5;
    transition: 0s;
}

div.certificate div.pic,
div.item div.types {
    background: url('/imgs/2023/content/certs1.jpg') no-repeat;
    background-size: 304px;
    width: 300px;
    height: 178px;
    border-radius: 15px;
    margin-bottom: 20px;
    filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.3));
}

div.certificate div.type0,
div.item div.type0 {
    background-position: -2px -10px;
}

div.certificate div.type1,
div.item div.type1 {
    background-position: -2px -219px;
}

div.certificate div.type2,
div.item div.type2 {
    background-position: -2px -428px;
}

div.certificate div.type3,
div.item div.type3 {
    background-position: -2px -637px;
}

div.certificate div.type9,
div.item div.type9 {
    background-position: -2px -846px;
}

div.certificates div.certificate div.pic {
    background-size: 222px;
    width: 220px;
    height: 144px;
    margin-bottom: 10px;
}

div.certificates div.certificate div.type0 {
    background-position: -1px -1px;
}

div.certificates div.certificate div.type1 {
    background-position: -1px -153px;
}

div.certificates div.certificate div.type2 {
    background-position: -1px -306px;
}

div.certificates div.certificate div.type3 {
    background-position: -1px -459px;
}

div.certificates div.certificate div.type9 {
    background-position: -1px -612px;
}

div.delivery_block {
    margin-top: -100px;
    margin-bottom: -100px;
    z-index: 11;
    position: relative;
}

div.delivery_block table {
    background: #fff;
    border-radius: 15px;
}

div.delivery_block td {
    font-weight: bold;
}

div.delivery_block div {
    width: 70px;
    height: 70px;
    background: url('/imgs/2023/elements/instant_delivery.png') no-repeat center;
    background-size: contain;
    margin-bottom: 10px;
}

div.delivery_block p {
    text-align: left;
    margin-left: 90px;
}

div.delivery_block .fast-delivery div {
    background-image: url('/imgs/2023/elements/fast_delivery.png');
}

div.delivery_block .free-delivery div {
    background-image: url('/imgs/2023/elements/free_delivery.png');
}

div.delivery_block .package div {
    background-image: url('/imgs/2023/elements/package_delivery.png');
}

div.advantages {
    font-size: 14px;
    background-color: #f5f6fa;
    background-size: cover;
}

div.advantages td {
    padding: 10px 30px;
    color: #1d1d1fcc;
}

div.advantages img {
    border-radius: 15px;
}

div.advantages div.link img,
div.advantages div.link span {
    opacity: 0.8;
    transition: 0.5s;
}

div.advantages div.link:hover img,
div.advantages div.link:hover span {
    opacity: 1;
}

div.advantages div.link:hover a {
    color: black;
    border-bottom: 1px solid black;
}

div.advantages h3, div.advantages .h3 {
    font-size: 18px;
    margin-top: 10px;
    height: 50px;
    color: #1d1d1f;
    display: table-cell;
    vertical-align: middle
}

div.advantages .n16 {
    color: #1d1d1f;
}

div.advantages .red_t {
    font-weight: bold;
    color: #1a73e8;
    font-size: 16px;
    margin-top: 0px;
}

div.advantages .red_t img {
    margin-bottom: -5px;
    filter: hue-rotate(147deg);
}

div.advantages img.icon {
    margin: 0px 5px -3px 0px;
    border-radius: 0;
}

div.additional table {
    border-collapse: collapse;
}

div.additional table td.link {
    border: 5px solid #dedede;
}

table.advantages .icon {
    width: 100px;
}

table.advantages .icon div {
    background-color: white;
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: 15px 15px;
    height: 60px;
    width: 60px;
    border-radius: 30px;
    filter: grayscale(1);
    margin: 0px 20px;
}

table.advantages .gift-box div {
    background-image: url('/imgs/2020/svg/gift-pack.svg');
}

table.advantages .present div {
    background-image: url('/imgs/2020/svg/present-card.svg');
}

table.advantages .fast-delivery div {
    background-image: url('/imgs/2020/svg/speed-delivery.svg');
}

table.advantages .enroll div {
    background-image: url('/imgs/2020/svg/enrolling.svg');
}

table.advantages .resize div {
    background-image: url('/imgs/2020/svg/enlarge.svg');
}

table.advantages .stack div {
    background-image: url('/imgs/2020/svg/coins.svg');
}

table.advantages .star div {
    background-image: url('/imgs/2020/svg/star.svg');
}

table.advantages p {
    color: #1d1d1fcc;
}

table.advantages h3, table.advantages .h3 {
    font-size: 18px;
    margin: 0px;
}

table.advantages .quest_block {
    transition: .5s;
    padding: 10px 0px;
}

.quest_block.small .question {
    background: url('/imgs/2023/svg/circle-info-s.svg') no-repeat center;
    width: 20px;
    height: 20px;
    background-size: 100%;
}

table.advantages .quest_block:hover {
    box-shadow: 15px 15px 20px -15px rgba(128, 128, 128, 0.5);
    margin-top: -2px;
    margin-bottom: 2px;
}

table.advantages .ques-text {
    left: 100px;
    top: 80px;
}

div.comments_b div.container {
    width: 1240px;
    overflow: hidden;
    margin: 0px auto;
}

div.comments {
    width: 1260px;
    height: 400px;
    z-index: 1;
    margin: 0px auto;
}

div.comments div.comment {
    width: 60%;
    height: 195px;
    overflow-y: hidden;
    padding: 25px;
    background: #fff;
    margin: 45px auto;
    font-size: 16px;
    font-weight: bold;
    position: relative;
    border-radius: 15px;
    transition: 0.3s;
}

div.comments div.comment img {
    padding-right: 10px;
}

.cert_types div.types {
    /*background: #d2d3d1;background: linear-gradient(0deg, #9b9c9a 0%, #b7b8b6 50%, #d2d3d1 100%);*/
    padding: 5px;
}

.cert_types div.types h2 {
    padding: 0px;
}

.cert_types div.types div.pic,
div.lk div.certificate div.pic {
    background: url('/imgs/2023/content/certs1.jpg') no-repeat;
    background-size: 400px;
    width: 400px;
    height: 260px;
    border-radius: 15px;
    transition: .5s;
}

div.lk div.certificate div.pic {
    background-size: 370px;
    width: 370px;
    height: 240px;
}

div.big div.certificate div.unavailable::after {
    content: '';
    background: url('/imgs/2020/svg/unavailable-s.svg') #fff no-repeat center;
    background-size: contain;
    position: absolute;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.7;
    border-radius: 15px;
}

.cert_types div.types div.pic:hover {
    box-shadow: 15px 15px 20px -15px rgba(128, 128, 128, 0.5);
    margin-top: -2px;
    margin-bottom: 2px;
}

.cert_types div.types .list {
    padding: 0px 30px 10px 10px;
}

.cert_types div.types .list td {
    border-bottom: 1px dashed silver;
    padding: 10px 0px;
}

.cert_types div.types .list td .fl {
    color: #1a73e8;
}

/*.cert_types div.type1 {background: #5467ad;background: linear-gradient(0deg, #4a558033 0%, #4d5e9233 50%, #5467ad33 100%);padding: 5px;}
.cert_types div.type2 {background: #892025;background: linear-gradient(0deg, #671f2733 0%, #6d1c2233 50%, #89202533 100%);padding: 5px;}
.cert_types div.type3 {background: #d3bc33;background: linear-gradient(0deg, #96883433 0%, #bda83333 50%, #d3bc3333 100%);padding: 5px;}
.cert_types div.type9 {background: #2b1e1f;background: linear-gradient(0deg, #0f090933 0%, #1e141533 50%, #2b1e1f33 100%);padding: 5px;}*/

.cert_types div.type1 div.pic {
    background-position: 0px -277px;
}

.cert_types div.type2 div.pic {
    background-position: 0px -549px;
}

.cert_types div.type3 div.pic {
    background-position: 0px -826px;
}

.cert_types div.type9 div.pic {
    background-position: 0px -1101px;
}

div.lk div.certificate div.type1 {
    background-position: 0px -255px;
}

div.lk div.certificate div.type2 {
    background-position: 0px -510px;
}

div.lk div.certificate div.type3 {
    background-position: 1px -765px;
}

div.lk div.certificate div.type9 {
    background-position: 0px -1020px;
}

div.n_slider{overflow: hidden;
    margin: 0% 1.5%;
    width: 97%;}
div.h_slider {position: relative;}

div.h_slider div.comment td {
    opacity: 0.3;
}

div.h_slider div.comment span {
    display: inline-block;
    background: url('/imgs/2023/elements/profile.png') no-repeat left top;
    background-size: contain;
    height: 18px;
    width: 18px;
    margin: 0px 5px -3px 0px;
}

div.h_slider div.comment p {
    font-weight: normal;
    font-size: 14px;
    font-style: italic;
}

div.h_slider div.comment div.more {
    position: absolute;
    bottom: 0px;
    width: 87%;
    background: white;
    background-size: 55px;
    height: 35px;
    padding: 15px 0px 20px;
}

div.h_slider div.slick-current div.comment_s div.more {
    left: 41%;
    width: 53%;
    padding-left: 3px;
    padding-top: 10px;
}

div.h_slider div.comment div.more span {
    width: auto;
    background: none;
    margin: 0px;
    color: #1a73e8;
    font-size: 16px;
    border-bottom: 1px dashed rgba(26, 115, 232, 0.2);
    font-weight: normal;
    float: left;
}

div.h_slider div.comment div.more a,
div.h_slider div.comment img {
    display: none;
}

div.h_slider div.slick-current div.comment img {
    display: block;
}

div.h_slider div.slick-current div.comment div.more a {
    font-size: 14px;
    font-weight: normal;
    font-style: italic;
    display: inline;
}

div.h_slider div.comment div.more div {
    background: url('/imgs/2020/svg/arrow-down.svg') no-repeat left top;
    background-size: 12px;
    height: 12px;
    width: 12px;
    margin: 5px;
    float: left;
    filter: invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%);
}

div.h_slider div.slick-center {
    margin: 0px 50px 0px -50px;
}

div.h_slider div.slick-center div.comment {
    width: 110%;
    margin-left: -5%;
    transition: 0.3s;
    height: 245px;
    margin: 20px auto;
}

div.h_slider div.slick-center div.comment td {
    opacity: 1;
}

div.h_slider div.left_arrow, div.h_slider div.right_arrow {
    height: 60px;
    width: 60px;
    background: black;
    border-radius: 30px;
    right: 0px;
    top: 40%;
    position: absolute;    
    text-align: center;
    cursor: pointer;
}

div.swiper div.left_arrow, div.swiper div.right_arrow {
    top: 33%;
}

div.h_slider div.left_arrow {
    left: 0px;
    right: auto;
}

div.list4{width: 25%;float:left;}
div.list4 div.link{ width: 285px; margin: 10px auto 30px; height: 370px;}
div.list5{width: 20%;float:left;height:340px;}
div.list5 div.link{ width: 220px; margin: 10px auto 30px; height: 300px;}
div.list5 div.link_v {height: 320px;}
div.h_slider table.sections_list, div.h_slider table.courses_list, div.h_slider table.divisions_list {padding: 0px;}
div.sections .sections_list div.link { background-color: #ecf1f5; border: none; border-radius:15px;transition: .5s;}
div.sections table.sections_list div img {border-radius:15px 15px 0px 0px;}
div.sections table.sections_list div p {margin: 15px 5px 15px 15px;font-size: 12px; line-height: 12px; padding: 0px; overflow:hidden;max-height: 70px;color:#5f6672;}
div.sections table.sections_list div p a {color:#1d1d1f;border:none;font-weight:bold;display: block;font-size: 16px;line-height: 20px;min-height: 50px;}
div.sections table.sections_list div span { float: right;
    position: relative;
    margin: -20px 15px;
    background-color: #1d1d1f;
    color: white;
    padding: 9px 10px 8px;
    font-size: 16px;
    line-height: 16px;
    border-radius: 25px;
    text-align: center;
    min-width: 15px;
    font-weight: 600;
} 
div.sections .sections_list_1 div.link { background-color: #fff3e7; }
div.sections .sections_list_2 div.link { background-color: #e7f2ff; }
div.sections .sections_list_3 div.link { background-color: #ffe7e7; }
div.sections .sections_list_4 div.link { background-color: #e7fdff; }
div.sections .sections_list_11 div.link { background-color: #e9ecf7; }
div.sections .sections_list_12 div.link { background-color: #ecffe7; }
div.sections .sections_list_14 div.link { background-color: #ebe7ff; }

div.sections,
div.courses,
div.additional,
div.table {
    display: inline-block;
    width: 100%;
}

div.courses div.t1 {
    min-height: 40px;
    padding-right: 30px;
}

div.courses div.t2 {
    height: 80px;
    color: #5f6672;
}

div.courses div.t2 hr {
    height: 1px;
    margin-bottom: 10px;
}

div.courses div.t2 div {
    padding-top: 15px;
}

div.courses div.t2 div.types {
    margin: 0px 20px;
    padding-top: 0px;
    background: url('/imgs/2020/types.png') no-repeat 0px 0px;
    width: 80px;
    height: 70px;
    background-size: 80px;
}

div.courses div.t2 div.type1 {
    background-position: 0px -70px;
}

div.courses div.t2 div.type2 {
    background-position: 0px -139px;
}

div.courses div.t2 div.type3 {
    background-position: 0px -208px;
}

div.courses div.t2 div.type9 {
    background-position: 0px -277px;
}

div.courses div.br65 {display: inline-table;width: 100%;}
div.courses div.br65 div.ml30 {max-width: 60%;}

div.courses .courses_list .list {height: 500px;}
div.courses .courses_list .quarter {height: 430px;}
div.news .courses_list .quarter{height: 380px;}
div.courses .courses_list div.course { height: 470px; position: relative; font-size: 14px;margin-top: 2px; margin-bottom: 28px;}
div.courses .courses_list div.quarter div.course {height: 400px;}
div.compare_list .courses_list div.course {font-size: 16px;}
div.compare_list .courses_list div.course input {padding: 15px 20px;}
div.compare_list .courses_list .quarter{height: 640px;}
div.compare_list .courses_list div.quarter div.course {height: 620px;}
div.compare_list .courses_list div.course td {padding: 2px 18px; transition: 0.3s;}
div.compare_list .courses_list div.course td.sel { background: #dddae8; }

div.favs .courses_list .quarter, div.favs .courses_list div.quarter div.course {height: auto;padding-bottom: 10px;}
div.news .courses_list div.quarter div.course {height: 350px;}
div.news .courses_list div.course {height: 380px;background: url(/imgs/2023/svg/arrow-right-r.svg) #ecf1f5 no-repeat right 20px bottom 20px;background-size: 20px;}
div.courses div.h_slider div.course {margin: 7px 8px;    min-width: 204px;}

div.compare_short {margin-top: -15px;}
div.compare_short div.courses {padding: 0px;}
div.compare_short div.courses div.n_slider {margin: 10px 0px 50px -8px;}
div.compare_short div.h_slider div.course {background-color:white;border: 1px solid white;height: auto; width: auto; font-size: 14px;  min-width:0px;  padding: 10px 0px 5px;filter:opacity(0.8)}
div.compare_short div.h_slider div.course:hover {filter:opacity(1);border: 1px solid #1d1d1f;}
div.compare_short div.h_slider div.course.selected {filter:opacity(1);border: 2px solid #1d1d1f;}
div.compare_short div.h_slider div.left_arrow, div.compare_short div.h_slider div.right_arrow {top: 20%;}
div.compare_short div.h_slider div.course td.map{padding-right:0px;vertical-align:top;}
div.compare_short div.h_slider div.course td.map2{padding-left:0px;min-width:150px;vertical-align:top;}
div.compare_short div.h_slider div.course td.price {color: #1d1d1f;font-size:20px;padding-top:5px}

div.courses .courses_list div.course img {border-radius:10px 10px 0px 0px; margin-bottom: 5px;}
div.courses .courses_list div.course div.compare { position: absolute;
    right: 20px;
    top: 20px;
    background-color: white;
    padding: 6px 10px;
    border-radius: 8px;
    text-align: center;
    min-width: 12px;
}
div.courses .courses_list div.course div.compare ::after {
    content: ' + ';
    top: 0px;
    font-size: 18px;
    line-height: 20px; 
    margin-left: -10px;    
}
div.courses .courses_list div.course div.compare.check { background-color: #ff2a73; color: white;}
div.courses .courses_list div.course div.compare.check ::after {
    content: url(/imgs/2020/svg/check-w.svg);
    top: 0px;
    font-size: 18px;
    line-height: 20px; 
    margin-left: -4px;
}
div.courses .courses_list div.course .later span, div.short_descr .later span {display: inline-block;
            background: url(/imgs/2020/svg/calendar-day-db.svg) no-repeat left top;
            background-size: 11px;
            height: 12px;
            width: 12px;
            margin: 0px 0px -1px 0px;}
div.courses .courses_list div.course .now span, div.short_descr .now span {display: inline-block;
        background: url(/imgs/2020/svg/bolt-g.svg) no-repeat left top;
        background-size: 12px;
        height: 12px;
        width: 12px;
        margin: 0px 0px -1px 0px;}
div.courses .courses_list div.course .soon span, div.short_descr .soon span {display: inline-block;
            background: url(/imgs/2020/svg/clock-ten-g.svg) no-repeat left top;
            background-size: 12px;
            height: 12px;
            width: 12px;
            margin: 0px 0px -1px 0px;}
div.courses .courses_list div.course .age span {
    min-width: 30px;
    display: inline-block;
    text-align: center;
    border: 1px solid;
    padding: 8px 2px 11px;
    border-radius: 25px;
    margin-top: -2px;
    background: none;
    font-size: 14px;
}
div.courses .courses_list div.course .count span {
    display: inline-block;
    background: url(/imgs/2020/svg/family-pants-db.svg) no-repeat left top;
    background-size: 12px;
    height: 12px;
    width: 12px;
    margin: 0px 0px -1px 0px;
}
div.courses .courses_list div.course .duration span {
    display: inline-block;
    background: url(/imgs/2020/svg/clock-db.svg) no-repeat left top;
    background-size: 12px;
    height: 12px;
    width: 12px;
    margin: 0px 0px -1px 0px;
}
div.courses .courses_list div.course .map span {
    display: inline-block;
    background: url(/imgs/2020/svg/location-dot-db.svg) no-repeat left top;
    background-size: 10px;
    height: 14px;
    width: 14px;
    margin: 0px 0px -2px 0px;
}
div.courses .courses_list div.course .age2 span {
    display: inline-block;
    background: url(/imgs/2020/svg/child-reaching.svg) no-repeat left top;
    background-size: 12px;
    height: 16px;
    width: 12px;
    margin: 0px 0px -3px 0px;
}

div.courses .courses_list div.course .schedule span {
    display: inline-block;
    background: url(/imgs/2023/svg/calendar-week.svg) no-repeat left top;
    background-size: 12px;
    height: 16px;
    width: 12px;
    margin: 0px 0px -3px 0px;
}

div.courses .courses_list div.course .special span {
    display: inline-block;
    background: url(/imgs/2020/svg/sparkles.svg) no-repeat left top;
    background-size: 12px;
    height: 16px;
    width: 12px;
    margin: 0px 0px -3px 0px;
}

div.compare_list .courses_list div.course .duration span,
div.compare_list .courses_list div.course .schedule span, 
div.compare_list .courses_list div.course .age2 span, 
div.compare_list .courses_list div.course .count span, 
div.compare_list .courses_list div.course .now span, 
div.compare_list .courses_list div.course .special span
{
    background-size: 14px;
    height: 14px;
    width: 14px;
    margin: 0px 3px -1px 0px;
}

div.compare_list .courses_list div.course .map span {
    background-size: 12px;
    height: 16px;
    width: 14px;
    margin: 0px 3px -2px 0px;
}
div.courses .courses_list div.course .url {padding-top:10px;line-height:20px;}
div.courses .courses_list div.course a { font-size:16px;line-height:16px;font-weight:bold; border: none; }
div.courses .courses_list div.course td.price {font-size: 24px; font-weight: bold;padding-bottom: 10px;}

div.table div.third div.red, div.table div.third div.silver { padding: 30px; margin: 0px 0px 30px 35px; border-radius: 15px; }
div.table div.third div.red a { color:white; text-decoration: underline; }

div.list,
div.third {
    float: left;
    width: 33.3%;
}
div.quarter {width:25%;}

div.third div.cell {
    width: 390px;
    margin: 0px auto;
    text-align: center;
    margin-bottom: 50px;
    transition: .5s;
}

.list div.course,
.list div.section,
div.third div.white {
    height: 350px;
    background: rgba(255, 255, 255, 0.8);
    color: #5f6672;
    position: relative;
    width: 390px;
    margin: 0px auto;
    margin-bottom: 50px;
    transition: .5s;
}

div.third div.white {
    height: 250px;
}
div.quarter div.course {width: 290px;}

.list div.course:hover,
.list div.section:hover {
    box-shadow: 15px 15px 20px -15px rgba(192, 192, 192, 0.5);
    margin-top: -2px;
    margin-bottom: 52px;
    color: #1d1d1f;
}

.list div.course {
    border: 1px solid rgba(192, 192, 192, 0.5);
    height: 380px;
    border-radius: 15px;
}

.list div.course img {
    border-radius: 15px 15px 0px 0px;
}

.list div.course div a.noborder,
a.noborder {
    border-bottom: none;
}

.list div.course .url {
    font-size: 15px;
    line-height: 26px;
}

/*.list div.course .count, .list div.course .duration, .list div.course .price {border-bottom: 1px solid #eef3f5; border-right: 1px solid #eef3f5;white-space: nowrap;}*/
.list div.course .count span,
div.item span.count {
    display: inline-block;
    background: url('/imgs/2023/elements/count2.png') no-repeat left top;
    background-size: contain;
    height: 15px;
    width: 15px;
    margin: 0px 0px -2px 0px;
}

.list div.course .duration span,
div.item span.duration {
    display: inline-block;
    background: url('/imgs/2023/elements/duration.png') no-repeat left top;
    background-size: contain;
    height: 15px;
    width: 15px;
    margin: 0px 0px -2px 0px;
}

.list div.course .date span,
div.item span.date {
    display: inline-block;
    background: url('/imgs/2023/elements/calendar_b.png') no-repeat left top;
    background-size: contain;
    height: 15px;
    width: 15px;
    margin: 0px 0px -2px 0px;
}

.list div.course .age span,
div.item span.age {
    display: inline-block;
    background: url('/imgs/2020/svg/age-s.svg') no-repeat left top;
    background-size: 15px;
    height: 15px;
    width: 15px;
    margin: 0px 0px -2px 0px;
}

.list div.course .map span {
    display: inline-block;
    background: url('/imgs/2023/elements/location.png') no-repeat left top;
    background-size: contain;
    height: 15px;
    width: 15px;
    margin: 0px 0px -2px 0px;
}

/*.list div.section .price, .list div.course .map {border-bottom: 1px solid #eef3f5;}*/
.list div.course .price,
.list div.section .price {
    font-size: 20px;
    color: #ff2a73;
    font-weight: bold;
    white-space: nowrap;
}

.list div.course .price .without_discount span {
    position: relative;
    font-size: 14px;
    color: #7f8998;
    margin-left: 5px;
}

.list div.course .price .without_discount span:before {
    background: #1a73e8;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: rotate(-3deg);
    width: 100%;
}

.list div.course .map a {
    color: #5f6672;
    border-bottom: 1px dotted rgba(95, 102, 114, 0.2);
    white-space: nowrap;
}

.list div.course .map a:hover {
    border-bottom: 1px dotted rgba(95, 102, 114, 1);
}

div.certificates div.price9 {
    margin-top: -10px;
    margin-bottom: -10px;
}

#price9 {
    font-size: 16px;
    font-weight: bold;
    padding: 5px 10px 2px;
    width: 100px;
    border: 1px solid rgba(242, 241, 255, 0.2);
    
}

.h1 #price9 {
    font-size: 20px;
    font-weight: bold;
    padding: 10px 15px;
    border: 2px solid silver;
    width:100%;text-align:center;
}

.h1 .without_discount span {
    position: relative;
    font-size: 24px;
    color: #7f8998;
    margin-right: 20px;
}

.h1 .without_discount span:before {
    background: #1a73e8;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: rotate(-3deg);
    width: 100%;
}

.list div.course div.age {
    color: white;
    background-color: black;
    height: 24px;
    padding-top: 7px;
    width: 32px;
    border-radius: 16px;
    text-align: center;
    position: absolute;
    right: 15px;
    top: 15px;
}

.list div.section {
    height: 310px;
    border-radius: 15px;
}

.list div.section img {
    border-radius: 15px 15px 0px 0px;
}

.list div.section div.img {
    background: url('/imgs/blank.gif') no-repeat -25px 10px;
    background-size: 360px;
    height: 220px;
    width: 300px;
    text-align: center;
    margin: 0px 45px;
    padding-top: 5px;
}

.list div.section div.pic {
    background: url('/imgs/2020/section-b.png') no-repeat center top;
    background-size: 380px;
    background-position: 0px 0px;
    height: 230px;
    width: 380px;
    text-align: center;
    margin: -215px 5px 0px;
}

.list div.section .url {
    padding: 0px 30px;
    font-size: 18px;
    line-height: 20px;
}

.list div.section .count {
    padding-left: 30px;
}

.list div.section .price {
    border-bottom: none;
}

div.back03 h2{
    padding: 30px 0px 0px 25px;
    margin-left: 30px;
}

.list div.section.no_pic {height: 370px;}
.list div.section div.img.no_pic {margin: 0px 10px 20px; padding:0px;height:280px;width:100%;
background-size: contain;
background-position: 0;
}
.list div.section.no_pic .url{padding: 0px 20px;}
.list div.section.no_pic .count{padding-left: 20px;}

div.back13 h2,
div.back23 h2,
div.back33 h2,
div.back43 h2,
div.back113 h2,
div.back123 h2,
div.back133 h2,
div.back143 h2,
div.back993 h2 {
    padding: 30px 0px 0px 25px;
    background: url('/imgs/2020/svg/division1.svg') no-repeat top left;
    background-size: 18px;
    background-position: 0px 39px;
    margin-left: 30px;
}

div.back23 h2 {
    background-image: url('/imgs/2020/svg/division2.svg');
}

div.back33 h2 {
    background-image: url('/imgs/2020/svg/division3.svg');
}

div.back43 h2 {
    background-image: url(/imgs/2020/svg/swim.svg);
}

div.back113 h2 {
    background-image: url(/imgs/2020/svg/team.svg);
}

div.back123 h2 {
    background-image: url(/imgs/2020/svg/leisure.svg);
}

div.back133 h2 {
    background-image: url(/imgs/2020/svg/discount.svg);
}
div.back143 h2{background-image: url(/imgs/2020/entertainment_icon.png);}
div.back993 h2{background-image: url(/imgs/2020/svg/stars.svg);}

div.back13 div.courses,
div.back13 div.courses,
div.back13 div.courses,
div.back43 div.courses,
div.back113 div.courses,
div.back123 div.courses {
    margin-bottom: -20px;
}

#div_variations .link td.a {
    color: #1a73e8;
    border-bottom: 1px solid rgba(26, 115, 232, 0.2);
    text-decoration: none;
    transition: .5s;
}

#div_variations .link:hover td.a {
    border-bottom: 1px solid #1a73e8;
}

#map_block,
.video {
    background: url('/imgs/blank.gif') rgba(255, 255, 255, 0.7) center no-repeat;
    background-size: contain;
    border: 5px solid #fff;
    box-shadow: 0px 0px 25px 5px rgba(192, 192, 192, 0.5);
    width: 95%;
    margin: 0px auto;
    position: relative;
}

#map_block input[type=button].pin { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1;}

div.basket_empty {
    text-align: center;
}

div.basket_empty div {
    background: url('/imgs/2020/svg/basket-s.svg') no-repeat center;
    background-size: 60px;
    width: 90px;
    height: 90px;
    border: 10px solid #f0f1f5;
    border-radius: 55px;
    margin: 0px auto 10px;
}

div.add_certificate table td {
    background: #f5f6fa;
}

div.add_certificate table td div {
    background: url('/imgs/2020/svg/mailing.svg') no-repeat center;
    background-size: 35px;
    width: 45px;
    height: 45px;
    float: left;
    margin: 0px 10px 0px 10px;
}

div.add_certificate table td.clock-arrow div {
    background-image: url('/imgs/2020/svg/clock-arrow.svg');
}

div.add_certificate table td.delivery-minibus div {
    background-image: url('/imgs/2020/svg/delivery-minibus.svg');
}

div.basket_h1 {
    background: url('/imgs/2020/svg/basket-s.svg') no-repeat left top;
    background-size: 40px;
    display: inline-block;
    margin-top: 30px;
}

div.basket_h1 h1 {
    display: inline;
    padding-left: 50px;
}

div.basket_h1 span,
div.basket_h2 span {
    display: inline-block;
    line-height: 25px;
    background: #1a73e8;
    width: 25px;
    height: 25px;
    border-radius: 13px;
    text-align: center;
    color: white;
}

div.basket_h2 h2 {
    display: inline-block;
    padding: 0px 10px 0px 30px;
}

.basket_items div.item {
    background: white;
    border-radius: 10px;
    padding: 30px;
}

div.item div.types {
    margin: 10px 10px 10px 0px;
}

div.item .title {
    font-weight: bold;
    font-size: 18px;
    color: black;
}

div.item .price {
    border-bottom: 1px solid #e6e5ed;
}

.basket_items div.item input[type=button] {
    padding: 0px;
    margin: 0px;
    width: 38px;
    height: 38px;
    border-radius: 19px;
    background: none;
    border: 2px solid black;
    color: black;
    text-align: center;
    opacity: 0.9;
    transition: .5s;
}

.basket_items div.item input[type=button]:disabled {
    color: silver !important;
    border-color: silver !important;
}

.basket_items div.item div.delete {
    float: left;
    background: url('/imgs/2020/svg/recycle.svg') #f5f6fa no-repeat 12px 10px;
    background-size: 20px;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    margin-left: 20px;
    cursor: pointer;
    opacity: 0.9;
    transition: .5s;
}

.basket_items div.item input[type=button]:hover,
.basket_items div.item div.delete:hover {
    opacity: 1;
}

.replace {
    position: relative;
}

.replace div.inner {
    border: 5px solid white;
    background: #eaecf3;
    padding: 20px;
}

.replace div.inner::before {
    border-left: 35px solid transparent;
    border-right: 35px solid transparent;
    border-bottom: 35px solid #eaecf3;
    content: "";
    height: 0;
    left: 50%;
    margin-left: -35px;
    position: absolute;
    top: -35px;
    width: 0;
}

.replace div.inner div.item {
    border: 5px solid #f5f6fa;
    background: white;
}

.replace div.inner ul {
    font-size: 14px;
}

.replace div.inner input[type=button] {
    padding: 15px 0px;
    width: 140px;
}

div.steps .steps_t {
    border-bottom: 1px solid #e6e5ed;
    padding: 0px 30px;
}

div.steps .step_c,
div.steps .step_d,
div.steps .step_n {
    border-bottom: 5px solid black;
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 5px;
}

div.steps .step_d,
div.steps .step_n {
    filter: opacity(0.2);
}

div.steps .korzina_item {
    background: #e5e9f0;
    border-radius: 10px;
    width: 90%;
    margin: 0px auto;
}

div.steps .korzina_item .item {
    background: white;
    border-radius: 10px;
    margin: 0px auto -10px;
}

div.steps .korzina_item .item .price {
    padding-top: 20px;
}

div.steps .korzina_item .bottom {
    border-radius: 10px;
    background: #cbd1dd;
    height: 10px;
}

input[type=text],
input[type=email],
input[type=tel],
select,
input.phone,
input.code,
textarea {
    font-size: 18px;
    padding: 20px;
    border: none;
    border-radius: 30px;
    background: white;
}



div.steps .korzina_item input[type=checkbox]+label div {
    margin: 5px 10px 20px 0px;
    float: left;
    width: 20px;
    height: 20px;
}

div.steps .korzina_item .radio {
    padding: 10px 20px;
}

div.steps .korzina_item .selected,
div.steps .korzina_item .dostavka_block.active {
    border-radius: 10px;
    background: #e5e9f0;
}

div.steps .korzina_item .wtd3.selected {
    padding-bottom: 40px;
}

div.steps .korzina_item .dop_text2 {
    line-height: 30px;
}

div.steps .korzina_item .dostavka_block {
    padding: 30px 0px;
}

div.steps .korzina_item .dostavka_block.active {
    margin: -10px 0px;
    padding: 40px 0px;
}

div.steps .korzina_item div.pin {
    background: none;
    display: inline-block;
    position: relative;
    width: 20px;
    height: 12px;
}

div.steps .korzina_item div.pin:after {
    content: '';
    background: #1d1d1f;
    width: 14px;
    height: 14px;
    position: absolute;
    left: 0px;
    border-radius: 50% 50% 50% 0%;
    transform: rotate(-50deg);
}

div.steps .korzina_item div.pin:before {
    content: '';
    background: #e5e9f0;
    width: 6px;
    position: absolute;
    height: 6px;
    left: 4px;
    border-radius: 50%;
    top: 4px;
    z-index: 1;
}

input.phone {
    width: 100%;
    background: url('/imgs/2023/elements/phone.png') #fff no-repeat 15px center;
    background-size: 20px;
    padding-left: 50px;
}

input.code {
    width: 240px;
    background: url('/imgs/2020/svg/rect.svg') transparent repeat-x;
    background-size: 60px;
    font-size: 32px;
    padding: 10px 0px 10px 20px;
    letter-spacing: 38px;
    border: none;
    border-radius: 0;
}


div.settings-btn, div.logout, div.promo_balance{
    background: url('/imgs/2023/svg/gear-complex-db.svg') no-repeat left;
    color: #09034b;
    background-size: 22px;
    font-weight: bold;
    font-size: 20px;
    padding-left: 30px;
    height: 25px;
    line-height: 26px;
    cursor: pointer;
    border-bottom: none;
}
div.promo_balance {
    background: url('/imgs/2023/elements/icon_coins_db.png') no-repeat left;
    background-size: 24px;
}
div.logout{background-image: url('/imgs/2023/svg/logout-db.svg');background-size: 18px;}
div.logout a {
    font-size: 16px;
}
div.settings-btn span{border-bottom: none;font-size: 16px;}
div.promo_balance a, div.logout a, div.promo_balance a:hover, div.logout a:hover {border-bottom: none;}

.promo {
    background: url('/imgs/2020/promo-b-d.jpg') no-repeat top left;
    background-size: 1400px;
    height: 200px;
    color: white;
    margin: 0px;
    line-height: 25px;
}

.promo a {color: white;border-bottom: 1px solid rgba(255, 255, 255, 0.2);}

.promo h1 {
    padding: 0px;
}

.promo div.user {
    background: url('/imgs/2020/svg/user.svg') no-repeat left;
    background-size: 20px;
    padding-left: 30px;
    color: white;
    height: 20px;
    line-height: 20px;
    font-size: 18px;
    font-weight: bold;
    float: left;
}

.promo div.fl {
    height: 35px;
    color: #908dd3;
    font-weight: bold;
    font-size: 16px;
}

.promo div.promo {
    height: 25px;
    background: url('/imgs/2020/svg/promo.svg') no-repeat left;
    background-size: 25px;
    padding-left: 35px;
    margin: 0px 10px;
}

.promo .n20 {
    color: white;
}

div.msg {
    width: 60%;
    margin: 10px auto;
    box-shadow: 0px 0px 8px 2px rgba(192, 192, 192, 0.5);
}

div.msg div.dt {
    background: url('/imgs/2020/svg/clock-s.svg') no-repeat left;
    background-size: contain;
    padding-left: 30px;
    float: left;
    margin-top: 5px;
}

div.msg div.close_btn {
    width: 30px;
    height: 30px;
    background: #f5f5f5;
    border-radius: 15px;
    font-size: 24px;
    color: #3f4151;
    text-align: center;
    line-height: 30px;
    float: right;
    transition: .5s;
    opacity: 0.9;
    cursor: pointer;
}

div.msg div.close_btn:hover {
    opacity: 1;
}

div.msg div.close_btn:active {
    opacity: 0.5;
    transition: 0s;
}

div.msg .h2,
div.lk .h2 {
    padding: 0px;
}

div.lk.big {
    background: white;
    border-radius: 20px;
    margin: 0px 15px;
    border: 5px solid white;
}

div.lk div.certificate {
    position: relative;
    margin: 30px 0px 30px 20px;
}

div.lk div.num {
    position: absolute;
    left: 0px;
    top: 20px;
    background: white;
    padding: 5px 10px;
    color: #1d1d1f;
    font-size: 20px;
}

div.lk div.unavailable_t {
    position: absolute;
    left: 0px;
    top: 43%;
    color: #1d1d1f;
    font-size: 20px;
    width: 370px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}

div.lk div.download {
    background: url('/imgs/2020/svg/download.svg') no-repeat left;
    background-size: 18px;
    padding-left: 18px;
}

div.lk div.download a {
    color: #1d1d1f;
    border-bottom: 1px solid rgba(9, 3, 75, 0.2);
}

.radio_type input[type=radio]+label span {
    margin-top: 20px;
}

.radio_type .fr {
    width: 90px;
    text-align: right;
    padding-top: 10px;
}

.radio_type div.types {
    margin: 10px 10px 20px -10px;
    padding-top: 0px;
    background: url('/imgs/2023/content/certs1.jpg') no-repeat 0px 0px;
    width: 180px;
    height: 45px;
    background-size: 70px;
    padding-left: 80px;
    padding-top: 3px;
}

.radio_type div.type1 {
    background-position: 0px -46px;
}

.radio_type div.type2 {
    background-position: 0px -94px;
}

.radio_type div.type3 {
    background-position: 0px -142px;
}

.radio_type div.type9 {
    background-position: 0px -190px;
}

input.add {
    background: url('/imgs/2020/svg/plus.svg') no-repeat 35px 20px;
    background-size: 10px;
    padding-left: 50px;
    font-weight: bold;
}

input.phone-red,
.button_fixed input[type=button].phone-red {
    background: url(/imgs/2020/svg/phone-w.svg) black no-repeat 30px center;
    color: white;
    background-size: 20px;
    padding-left: 40px;
    width: 80%;
}

input.enroll,
.button_fixed input[type=button].enroll {
    background: url(/imgs/2020/svg/enroll.svg) black no-repeat 20px center;
    color: white;
    background-size: 20px;
    padding-left: 40px;
    width: 80%;
}

input.ynavi {
    border: 2px solid #1a73e8;
    color: #1a73e8;
    background: url('/imgs/2020/ynavi_icon2.png') no-repeat 25px 12px;
    background-size: 22px;
    padding: 15px 30px 15px 60px;
    width: auto;
}

.quest_block {
    position: relative;
    margin: 0px -2px 0px 0px;
    cursor: help;
}

.question {
    float: left;
    width: 25px;
    height: 25px;
    background: url(/imgs/2020/svg/info.svg) #c9d2e1 no-repeat center;
    background-size: 15px;
    border-radius: 13px;
    opacity: 0.9;
    transition: .5s;
}

.question:hover {
    opacity: 1;
}

.ques-text {
    display: none;
    position: absolute;
    left: -140px;
    top: 40px;
    width: 300px;
    padding: 15px 20px;
    border: none;
    border-radius: 10px;
    background: #fff;
    font-size: 14px !important;
    z-index: 1000;
    text-align: left;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 0px 5px 0px rgba(0, 0, 0, 0.1);
    color: #1d1d1f;
}

.quest_top {
    left: -55px;
    top: auto;
    bottom: 40px;
    width: 70px;
}

.lk .ques-text {
    left: -295px;
}

.ques-text div {
    display: none;
}

.lk .ques-text:before {
    right: 5%;
}

.quest_top:before {
    top: auto;
    bottom: -15px;
    border-top: 15px solid #fff;
    border-bottom: none;
    right: 20%;
}

.slick-active iframe {
    width: 270px;
    height: 150px;
}

.slick-active.slick-center iframe {
    width: 400px;
    height: 220px;
}

.footer,
.footer2 {
    background: #18181a;
    color: white;
    font-size: 14px;
    padding-top: 20px;
}

.footer img {
    filter: invert(100%);
}

.footer .head {
    display: none;
}

.menu td {
    padding-left: 30px;
}

.menu ul li {
    background: none;
    list-style: none;
    padding-left: 0px;
}

.menu a {
    font-size: 16px;
}

.menu h4, .menu .h4 {
    font-size: 20px;
    margin-bottom: 10px;
}

.footer a {
    color: rgba(255, 255, 255, 0.8);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

img.invert {
    filter: invert(100%);
}

.menu img.icon {
    margin: 0px 10px -7px 0px;
}

.menu .link {
    position: relative;
}

.footer .link {
    color: rgba(255, 255, 255, 0.8);
    
}

.footer .link img {
    opacity: 0.8;
    transition: .5s;
}

.footer .link:hover img {
    opacity: 1;
}

.footer h4, .footer .h4 {
    color: white;
}

.footer .cert_b {
    font-size: 20px;
}

.menu div.app {
    align-items: center;
    display: flex;
    margin-left: -5px;
}

.menu .app {
    cursor: pointer;
}

.menu p span {
    font-weight: 700;
}

.menu div.contacts {
    height: 50px;
    margin-top: 10px;
    transition: .5s;
}

.menu div.contacts div.phone,
.menu div.contacts div.whatsapp,
.menu div.contacts div.telegram,
.menu div.contacts div.lk {
    float: left;
    margin-right: 10px;
    width: 40px;
    height: 40px;
    border-radius: 21px;
    border: 1px solid #686464;
    background: url('/imgs/2020/svg/phone-w.svg') no-repeat center;
    background-size: 22px;
    opacity: 0.9;
}

.menu div.contacts div.whatsapp {
    background-image: url('/imgs/2020/svg/whatsapp-w.svg');
}

.menu div.contacts div.telegram {
    background-image: url('/imgs/2020/svg/telegram-w.svg');
}

.menu div.contacts div.lk {
    background-image: url('/imgs/2020/svg/user-b.svg');
}

.footer div.contacts div.lk {
    background-image: url('/imgs/2020/svg/user.svg');
}

.menu div.contacts a.lk {
    line-height: 40px;
}

.footer2 {
    padding-top: 0px;
    border-top: 1px solid #686464;
    padding-bottom: 20px;
}

div.contentmore{height: 200px;overflow: hidden;position: relative;}
div.contentmore div.readmore span{color: #fe611b;border-bottom: 1px dashed #fe611b;cursor:pointer;}
div.contentmore div.readmore{position: absolute;bottom: 0px;background: rgb(255,255,255);background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.9) 60%, rgba(255,255,255,0.1) 100%);padding: 80px 0px 10px 0px;width: 100%;}

.menu div.social td {
    padding-left: 0px;
}

.menu div.social a {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url('/imgs/2023/elements/instagram.png') no-repeat center;
    background-size: contain;
    opacity: 0.7;
    transition: .5s;
    border-bottom: none;
    filter: invert(100%);
}

.menu div.social a:hover {
    opacity: 1;
    border: none !important;
}

.menu div.social a.youtube {
    background-image: url('/imgs/2023/elements/youtube.png');
}

.menu div.social a.facebook {
    background-image: url('/imgs/2023/elements/facebook.png');
}

.menu div.social a.vk {
    background-image: url('/imgs/2023/elements/vk.png');
}

.menu div.social a.tiktok {
    background-image: url('/imgs/2023/elements/tiktok.png');
}

.menu div.social a.telegram {
    background-image: url('/imgs/2023/elements/telegram.png');
}

.menu div.social a.dzen {
    background-image: url('/imgs/2023/elements/dzen.png');
}

.button_animation {
    font-size: 16px;
    font-weight: bold;
    line-height: 50px;
    width: 250px;
    height: 50px;
    border-radius: 25px;
    white-space: nowrap;
    position: relative;
    display: inline-block;
    cursor: pointer;
}

@keyframes swing {
    0% {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(-3deg);
        transform-origin: center center;
        transition-timing-function: ease-in-out;
        transition-delay: 0s;
        animation-iteration-count: infinite;
        animation-direction: alternate;
        animation-fill-mode: forwards;
    }

    75% {
        transform: rotate(3deg);
        transform-origin: center center;
        transition-timing-function: ease-in-out;
        transition-delay: 0s;
        animation-iteration-count: infinite;
        animation-direction: alternate;
        animation-fill-mode: forwards;
    }

    100% {
        transform: rotate(0deg);
        transition-timing-function: ease-in-out;
        transition-delay: 0s;
        animation-iteration-count: infinite;
        animation-direction: alternate;
        animation-fill-mode: forwards;
    }
}

@keyframes fontZoom {
    from {
        font-size: 100%;
    }

    to {
        font-size: 150%;
    }
}

/* Применяем анимацию к каждому слою с разными углами */

.layer_red {
    animation-name: swing;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    background-image: linear-gradient(to left, #ff6b54, #ff0386);
    width: 100%;
    height: 100%;
    border-radius: inherit;
    display: inline-block;
}

.layer_blue {
    animation-name: swing;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    transform: rotate(-10deg);
    background-image: linear-gradient(to left, #005efa, #00e9ef);
    width: 99%;
    height: 98%;
    border-radius: inherit;
    position: absolute;
    top: 1%;
    left: 0.5%;
    display: inline-block;
}

.layer_black {
    /*animation-name: swing;
animation-duration: 4s;
animation-iteration-count: infinite;
transform: rotate(-15deg);*/
    background-color: black;
    width: 98%;
    height: 96%;
    border-radius: inherit;
    position: absolute;
    top: 2%;
    left: 1%;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    color: white;
    transition: all 0.5s ease;
    opacity: 0.85;
}

.layer_black:hover {
    /*font-size: 120%;*/
    opacity: 1;
}


.banner {
    cursor: pointer;
    height: 99px;
    width: 100%;
}

.banner_def1 {
    background: url('/imgs/2023/content/banner-def1-d.png') no-repeat left center;
    background-size: 1400px;
}    

.banner_def2 {
    background: url('/imgs/2023/content/banner-def2-d.png') no-repeat left center;
    background-size: 1400px;
}    

.banner_def3 {
    background: url('/imgs/2023/content/banner-def3-d.png') no-repeat left center;
    background-size: 1400px;
}

.banner_14f {
    background: url('/imgs/2023/content/banner-14f-d.jpg') no-repeat left center;
    background-size: 1400px;
}    

.banner_23f {
    background: url('/imgs/2023/content/banner-23f-d.jpg') no-repeat left center;
    background-size: 1400px;
} 

.banner_8m {
    background: url('/imgs/2023/content/banner-8m-d.jpg') no-repeat left center;
    background-size: 1400px;
}

.banner_fly {
    background: url('/imgs/2023/content/banner-fly-d.jpg') no-repeat left center;
    background-size: 1400px;
}

.banner_water {
    background: url('/imgs/2023/content/banner-water-d.jpg') no-repeat left center;
    background-size: 1400px;
}

.banner .text {
    font-size: 32px;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    padding: 30px 0 0 12%;
    float: left;
    width: 65%;
}

.banner .text span {
    padding: 4px 15px 5px;
    border-radius: 30px;
    background: #fff;
    color: #ff2a73;
    font-size: 26px;
    line-height: 26px;
    display: inline-block;
}

.banner_def1 .text, .banner_def2 .text, .banner_def3 .text {
    text-transform: none;
    font-size: 24px;
    padding: 30px 0 0 4%;
    width: 75%;
}

.banner_def1 input.red, .banner_def2 input.red, .banner_def3 input.red {
    background: none;
    border: 2px solid white;
}

.banner_8m .text {
    padding: 30px 0 0 20%;
    width: 55%;
}

.banner_fly .text, .banner_water .text {
    text-transform: none;
    padding: 12px 0px 0px 38%;
    width: 42%;
}

.banner_water .text {
    color: #1d1d1f;
    padding-left: 41%;
    width: 35%;
}

.banner_fly .text span, .banner_water .text span{
    color: #1d1d1f;
    padding: 0;
    background: none;
    font-size: 16px;
    display: block;
}

.banner .button {
    float: right;
    width: 20%;
    padding-top: 20px;
}

.banners { overflow: hidden; width: 100%;height:100px;}

div.splash, div.splash div.dn {width: 100%; height: 100%; margin: 0px !important;}
div.splash div.dn {background-color: white; background-size: 60%; background-position: left; background-repeat: no-repeat;}
div.splash div.dn.black {background-color: #0b0b0c; color: white;}
div.splash div.splash_bottom {width: 55%; height: 100%; display: flex; flex-direction: column; justify-content: center; margin: 0 auto 0 45%;}  
div.splash div.splash_bottom.white{background-color: white;}
div.splash div.splash_bottom.black{background-color: #0b0b0c;}
div.splash div.splash_bottom img { align-self: center;}
div.splash div.splash_bottom p {font-size: 28px;}
div.splash div.splash_bottom.white p, div.splash div.splash_bottom.black p {font-size: 18px;}
div.splash div.splash_bottom input.white {background-color: white; color: black;}
div.splash div.splash_bottom input.short {background-color: #0b0b0c; color: white; border:1px solid white;}
div.splash .index h1 {padding: 0px;  margin-bottom:-10px; text-align: center; font-size: 36px;}
div.splash h2 {font-size: 36px;}
div.splash h3 {font-size: 24px;}
div.splash div.close_div {display: block;background:none;padding: 5% 0 0;}
div.splash div.dn.black div.close_btn {color: white;opacity: 1;}