@import "../fonts/fonts.css";
html *{ max-height:1000000px; }
*{ -webkit-text-size-adjust:none; margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; outline:none; }
*::selection{ background-color:#00b6cb; }
html, body{ font-family:"18VAG Rounded M", "Arial Narrow", "Arial", sans-serif; width:100%; height:100%; position:relative; }
li{ list-style:none; }
a img{ border:none; }
a{ text-decoration:none; color:inherit; }
a:hover{ cursor:pointer; }
input, select, button, textarea{ outline:none; -webkit-border-radius:0; -moz-border-radius:0; border:0;}
textarea{ outline:none; }
input[type=file],
input[type=file]::-webkit-file-upload-button{ cursor:pointer; }
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; }
input[type="submit"]{ cursor:pointer; }
section h2.section_title{ font-size:5rem; text-align:center; text-transform:uppercase; color:#d6212a; font-weight:normal;}
.anim{ transition:0.4s linear; transition-delay:0.2s; opacity:0; will-change:auto;}
.btn{ display:inline-block; padding:2rem 4rem 3rem; color:yellow; line-height:1;}
.btn_purple{ background-image:url("../img/top_button_background.png"); background-size:cover; background-position:center; background-repeat:no-repeat;}
.btn_purple_dark{background-image:url("../img/purple_button.png"); color:white; }
.btn_red{ background-image:url("../img/red_button.png"); background-size:cover; background-position:center; background-repeat:no-repeat; font-size:1.6rem; padding:1rem 2rem 1.8rem; line-height:1;}
.container{ width:177rem; margin:0 auto;}
.top_lines, .bottom_lines{ position:relative;}
.top_lines:before{ content:""; display:block; background-image:url("../img/purple_lines.png"); background-repeat:repeat-x; background-size:cover; height:0.9rem; position:absolute; top:-0.5rem; left:0; width:100%;}
.bottom_lines:after{ content:""; display:block; background-image:url("../img/purple_lines.png"); background-repeat:repeat-x; background-size:cover; height:0.9rem; position:absolute; top:100%; left:0; width:100%;}
.first_section{background-image:url("../img/first_section_background.jpg"); opacity:1; background-size:100% auto; background-position:center; background-repeat:no-repeat; min-height:75rem;display:flex; justify-content:space-between; flex-direction:column;}
.first_section > div{ }
.first_section .container{flex:1 1 auto; display:flex; justify-content:space-between; padding-top:8rem; color:#7b2984; text-transform:uppercase; padding-bottom:5rem;}
.first_section .container > div{ flex:0 1 auto; width:33.33333%;}
.first_section .main_title{align-self:flex-end; text-align:center; }
.first_section .main_title h1{ font-size:3rem; letter-spacing:4px; font-weight:700;}
.first_section .top_block{ width:100%; background-color:#e5fb3d; padding:2rem 0;}
.first_section .top_block p{ color:#7b2984; font-size:2rem;text-transform:uppercase; text-align:center;font-family:"18VAG Rounded M", sans-serif; letter-spacing:1px;}
.first_section .top_contacts{color:#b3136f; font-size:3rem; text-align:center;}
.first_section .top_contacts > p{ }
.first_section .top_contacts > a{display:block; }
.first_section .top_contacts > a.btn{display:inline-block; margin-top:1rem; background-size:contain; font-size:2rem; }
.first_section .socials{ display:flex; justify-content:center; margin-bottom:3rem;}
.first_section .socials > a{ width:6rem; height:6rem; background-repeat:no-repeat; background-position:center; background-size:contain; display:inline-block; margin:0 2rem;}
.first_section .socials > a.social_vk{ background-image:url("../img/social_vk.png");}
.first_section .socials > a.social_inst{background-image:url("../img/social_inst.png");}
.first_section .socials > a.social_youtube{background-image:url("../img/social_youtube.png");}
.first_section .bottom_block{ width:100%; padding:2rem 0; text-align:center; background-color:#e5fb3d;}
.first_section .bottom_block p{ font-size:2.5rem; color:#7b2984; letter-spacing:3px; }
nav{background-color:#d0fdfc; padding:3rem 0; }
nav ul{display:flex; justify-content:space-between;flex-direction:row; flex-wrap:nowrap;}
nav ul li{}
nav ul li a{font-size:3rem; color:#da151a; border-bottom:0.6rem solid #7b2983; display:inline-block;padding-bottom:0.2rem;}
.characters_section{padding-top:6rem; background:url("../img/confetti_background.png") repeat-y, url("../img/characters_background_Top.png") no-repeat; }
.characters_section .characters_list{ display:flex; justify-content:space-between; margin:4rem 0; flex-wrap:wrap; }
.characters_section .characters_list > div{ position:relative; flex:0 1 auto; width:22%; text-align:center; margin-bottom:10rem;}
.characters_section .characters_list > div > img{ width:100%; height:27rem; display:block; object-fit:contain;}
.characters_section .characters_list > div > p{ font-size:2rem; color:#010101; text-transform:uppercase; margin-top:0.5rem; margin-top:3rem;}
.characters_section .characters_list > div > a{ position:absolute; top:0; left:0; width:100%; height:100%;}
.programm_section{background-color:#eddcf2; padding-top:7rem;}
.programm_section .section_title{ /*text-shadow:0px 7px 7px rgba(0, 0, 0, 0.6);*/ color:rgba(214, 33, 42, 1); margin-bottom:5rem;}
.programm_section .program_block{display:flex; justify-content:space-between;position:relative; overflow:hidden;}
.programm_section .program_block > div{ padding:8rem; }
.programm_section .program_block:before{content:""; display:block; background-image:url("../img/purple_lines.png"); background-repeat:repeat-x; background-size:cover; height:0.9rem; position:absolute; top:0; left:0; width:100%;}
.programm_section .program_block:last-child:after{content:""; display:block; background-image:url("../img/purple_lines.png"); background-repeat:repeat-x; background-size:cover; height:0.9rem; position:absolute; top:100%; left:0; width:100%;}
.programm_section .program_block > div:first-child{text-align:left; flex:1 0 auto; width:40%; }
.programm_section .program_block > div:first-child > p{ color:#000000; font-size:3rem;}
.programm_section .program_block > div:last-child{margin-left:10rem; width:60%;}
.programm_section .program_block > div:last-child > ul{}
.programm_section .program_block > div:last-child > ul > li{font-size:3rem; color:#000000; vertical-align:middle; line-height:1.3;}
.programm_section .program_block > div:last-child > ul > li:before{ display:inline-block; content:"* "; margin-right:0.5rem;color:#000000; vertical-align:middle; line-height:1;}
.programm_section .program_block > div:last-child > ul > li > ul{ margin-left:8rem;}
.where_we_can_section{ padding:7rem 0;}
.where_we_can_section .section_title{font-size:4rem; color:#8b4c90;letter-spacing:0.6rem;}
.where_we_can_section .we_can_block{display:flex; justify-content:space-between; padding-top:4rem; }
.where_we_can_section .we_can_block > div{flex:0 1 auto; width:15%; text-align:center; height:40rem; display:flex; align-items:flex-start }
.where_we_can_section .we_can_block > div:nth-child(even){ align-items:flex-end; }
.where_we_can_section .we_can_block > div > img{ width:100%;
    height:auto;}
.where_we_can_section .we_can_block > div > p{ color:#d01aed; font-size:3rem; display:none;}
.additional_section{background-color:#99fae4; position:relative; padding:5rem 0 7rem;}
.additional_section .section_title{border:2px solid #aa0bab; background-color:#dcfef6; padding:2rem 1rem; font-size:3.6rem; letter-spacing:2rem; color:#9c0c89;margin-bottom:9rem;}
.additional_section .additional_block{display:flex; justify-content:space-between; flex-wrap:wrap;}
.additional_section .additional_block > div{ flex:0 1 auto; width:20%; margin:2rem 2%; }
.additional_section .additional_block > div > div{position:relative; font-size:0; box-shadow:-10px 3px 39px 3px rgba(216, 7, 110, 0.45)}
.additional_section .additional_block > div > div > p{font-size:2.5rem; text-align:center; padding:1rem; text-transform:uppercase}
.additional_section .additional_block > div > div > p:first-child{ background-color:#fbf93d; color:#da1bdb; }
.additional_section .additional_block > div > div > img{width:100%; height:22rem; object-fit:cover;}
.additional_section .additional_block > div > div > p:last-child{ color:#fbf93d; background-color:#da1bdb;}
.additional_section .additional_block > div > p{font-size:2.5rem; color:#3f0e4a; text-align:center; text-transform:uppercase; margin-top:3rem;}
.clouds_section{background-image:url("../img/colors_background.png");padding:6rem 0; height:153rem; }
.clouds_section > .container{ width:136rem;}
.clouds_section .section_title{ text-transform:uppercase; text-align:center;border:3px solid #ffffff; background-color:#ffffffd1; padding:2rem 1rem; font-size:3.6rem; letter-spacing:3px; color:#9c0c89;margin-bottom:9rem; position:relative;}
.clouds_section .section_title span{ display:block; font-size:3.0rem; margin-top:1rem;}
.clouds_section .section_title:after{content:""; position:absolute; left:0; top:100%; background-size:cover; background-image:url("../img/clouds_image.png"); width:100%; height:117rem; background-repeat:no-repeat; background-position:center top; }
.clouds_section .texts{position:relative; width:100%; height:100%;}
.clouds_section .texts > div{position:absolute; font-size:2.6rem; color:#1b92d6; text-align:center; text-transform:uppercase; line-height:1.4; letter-spacing:2px; }
.clouds_section .texts > div > p{}
.clouds_section .texts > div > p > span{display:block; font-size:4rem; color:#e21b58; }
.clouds_section .texts .text_1{ top:23rem; left:9rem; }
.clouds_section .texts .text_2{ top:70rem; left:13rem; }
.clouds_section .texts .text_2 span{ font-size:5rem; font-weight:bold;}
.clouds_section .texts .text_3{ top:41rem; left:45rem; font-size:3rem;}
.clouds_section .texts .text_4{ top:15rem; font-size:2.4em; right:8rem;}
.clouds_section .texts .text_4 span{ font-size:2rem}
.clouds_section .texts .text_5{ right:10rem; top:70rem; font-size:2.5rem; }
.clouds_section .texts .text_5 span{ font-size:3rem;}
.media_section{ background-image:url("../img/media_background.png"); padding:7rem 0; overflow:hidden;}
.media_section .photos_slider{ margin-top:4rem; }
.media_section .photos_slider .photo_slide{ box-shadow:0 0 20px 0px rgba(0, 0, 0, 0.7); height:20rem; margin:0 3rem; display:block;}
.media_section .photos_slider .photo_slide > a{ position:relative; display:block; height:100%; width:100%; }
.media_section .photos_slider .photo_slide > a > img{ display:block; height:100%; width:100%; object-fit:cover; object-position:center; }
.media_section .slider_nav{ display:flex; justify-content:center; margin-top:3rem}
.media_section .slider_nav > a{ display:block; margin:0 2rem; color:white; text-transform:uppercase; letter-spacing:0.1rem;}
.media_section .videos_slider{display:flex; justify-content:center; padding-bottom:10rem; margin-top:5rem; flex-wrap:wrap;}
.media_section .videos_slider > div{ padding:2rem; height:40rem; width:66rem; position:relative; margin:10rem 5rem;}
.media_section .videos_slider > div:after{content:""; position:absolute; width:100%; height:135%; top:0; left:0; z-index:2; background-image:url("../img/imak.png"); background-repeat:no-repeat; background-position:center top; pointer-events:none;background-size:contain }
.media_section .videos_slider > div > iframe{ width:100%; height:100%;}
.how_it_works_section{ padding-top:7rem; padding-bottom:4rem;}
.how_it_works_section .section_title{color:#261a91; font-size:3.6rem; }
.how_it_works_section .how_it_works_block{ justify-content:space-between; display:flex; margin-top:5rem;}
.how_it_works_section .how_it_works_block > div{ flex:0 1 auto; width:20%;}
.how_it_works_section .how_it_works_block > div > img{ width:100%; height:20rem; object-fit:contain; }
.how_it_works_section .how_it_works_block > div > h3{color:#4d4692; font-size:2.7rem; font-weight:normal; text-align:center; text-transform:uppercase;line-height:1.6; }
.how_it_works_section .how_it_works_block > div > p{ color:#ef3d5a; font-size:2.3rem; text-align:center;text-transform:uppercase; line-height:1.6;}
.how_it_works_section .how_it_works_block > div > a{margin-top:2rem;font-size:2rem; letter-spacing:1px; font-family:Arial, sans-serif; padding:3rem 3rem 4rem;display:block;text-align:center; text-transform:uppercase;background-size:contain;background-repeat:no-repeat; background-position:center;}
.reviews_section{padding:6rem 0; background-image:url("../img/contact_form_bg.png");}
.reviews_section > .container{width:120rem;}
.reviews_section > .container > .reviews_slider{display:flex; justify-content:center; margin-top:5rem;}
.reviews_section > .container > .reviews_slider .review{ display:flex;justify-content:space-between; margin:0 4rem; width:52rem; max-height:36rem;}
.reviews_section > .container > .reviews_slider .review > img{width:47%; flex:0 1 auto; display:inline-block; object-fit:cover; object-position:center;}
.reviews_section > .container > .reviews_slider .review > p{ width:47%; flex:0 1 auto; color:#040617; font-size:1.7rem; font-family:Arial, sans-serif; }
.reviews_section .slider_nav{ display:flex; justify-content:center; margin-top:4rem}
.reviews_section .slider_nav > a{ display:block; margin:0 2rem; color:white; text-transform:uppercase; letter-spacing:0.1rem; width:20rem;text-align:center;line-height:1.4;}
.contact_form_section{ background-image:url("../img/contact_form_bg.png");padding:6rem 0 0em;}
.contact_form_section > .container{display:flex; flex-direction:row; justify-content:center;}
.contact_form_section > .container > .snowman{ margin-left:-10rem; max-height:65rem;}
.contact_form_section > .container > .snowman > img{height:100%; width:auto; object-fit:contain}
.contact_form_section form{background-color:white; border:3rem solid #f0acc4; padding:5rem 8rem; border-radius:50%; display:flex; flex-direction:column; width:60rem; height:60rem;justify-content:center; z-index:2; align-content:center; align-items:center; position:relative;}
.contact_form_section form:before{ background-image:url("../img/snowman_image.png"); background-size:contain; position:absolute; left:80%; background-position:right top; z-index:1; top:-10rem; height:120%; width:100%; background-repeat:no-repeat; }
.contact_form_section form input{ border:2px solid #64094f; font-size:2rem; color:#ef3d5a;padding:1rem; margin:0.5rem 0;}
.contact_form_section form input::placeholder{color:#ef3d5a; font-weight:700;}
.contact_form_section form p{font-size:1.6rem; color:#ef3d5a; line-height:1.7; margin:1.5rem 0; text-align:center;}
.contact_form_section form button{text-transform:uppercase; color:white; letter-spacing:4px; background-image:url("../img/contact_form_button.png");padding:2rem 7rem 2.0rem; background-size:contain; background-color:#ffffff; cursor:pointer; }
.bottom_section{ padding:4rem;}
.bottom_section > .container{display:flex; justify-content:space-between; flex-wrap:wrap; }
.bottom_section > .container p{ flex:0 1 auto; color:#ef3d5a; font-size:2.5rem; margin:2rem 0; text-transform:uppercase;}
.bottom_section > .container p:last-child{ flex:1 1 100%; font-size:3rem; text-align:center;}
footer{ background-color:#000000; padding:1rem 0 }
footer > .container{ text-align:center}
footer > .container > a{display:block; font-size:1rem; color:#ffffff; font-family:"Arial Narrow", sans-serif;vertical-align:middle; letter-spacing:2px; }
footer > .container > a img{vertical-align:middle; height:8rem; margin-right:1rem;}
.modal_overlay{ background:rgba(0, 0, 0, .75); cursor:pointer; position:fixed; top:0; left:0;
    box-sizing:content-box; padding-bottom:60px; z-index:100; width:100%; height:100%; display:none;}
.modal_wrapper{ display:none; margin:auto; width:65rem; height:100%; cursor:pointer; position:absolute; right:0; top:0; left:0; z-index:101; font-weight:normal; text-align:center; padding:1.6rem 0; overflow:auto; }
.modal_wrapper:before, .modal_wrapper:after{ content:''; display:inline-block; vertical-align:middle; width:0; height:100%;}
.modal_block{ display:inline-block; vertical-align:middle; width:96%; position:relative; cursor:auto; border:2.3rem solid #e5fb3d; border-radius:10px; padding:4.5rem 5rem; background-color:#ffffff; box-shadow:inset 0px 0px 2rem 0.2rem rgba(0, 0, 0, 0.56);}
.modal_block h6{ font-size:2.3rem; color:#074849; text-transform:uppercase; font-weight:bold; letter-spacing:2px; margin-bottom:2rem;}
.modal_block form input{ background-color:#aaf7f1; padding:2rem; font-family:"Arial Narrow", Arial, sans-serif; font-weight:bold; color:black; font-size:3rem; margin:2rem auto; display:block; width:100%; text-transform:uppercase;letter-spacing:2px;}
.modal_block form button{ display:block; margin:0 auto; width:24rem; font-size:2rem; cursor:pointer;}
/*.slick-arrow{ position:absolute; top:45%; margin:auto; width:11.5rem; height:11.5rem; background-position:center; background-repeat:no-repeat; background-size:contain; background-color:transparent; border:0; font-size:0; }*/
/*.slick-arrow.slick-prev{background-image:url("../img/slider_prev.png"); left:-13rem; }*/
/*.slick-arrow.slick-next{ background-image:url("../img/slider_next.png"); right:-13rem; }*/
.slick-arrow.slick-disabled{display:none !important; }
.slick-slider{ position:relative; display:block; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent; }
.slick-list{ position:relative; display:block; overflow:hidden; margin:0; padding:0; }
.slick-list:focus{ outline:none; }
.slick-list.dragging{ cursor:hand; }
.slick-slider .slick-track, .slick-slider .slick-list{ -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); }
.slick-track{ position:relative; top:0; left:0; display:block; overflow:hidden;}
.slick-track:before, .slick-track:after{ display:table; content:''; }
.slick-track:after{ clear:both; }
.slick-loading .slick-track{ visibility:hidden; }
.slick-slide{ display:none; float:left; height:100%; min-height:1px; }
[dir='rtl'] .slick-slide{ float:right; }
.slick-slide img{ display:block; }
.slick-slide.slick-loading img{ display:none; }
.slick-slide.dragging img{ pointer-events:none; }
.slick-initialized .slick-slide{ display:block; }
.slick-loading .slick-slide{ visibility:hidden; }
.slick-vertical .slick-slide{ display:block; height:auto; }
@media (max-width:900px){
    .container{ max-width:100%; padding-left:2rem; padding-right:2rem; }
    .first_section .top_block{ padding:2rem; }
    .first_section .top_block p{ line-height:1.4;}
    .first_section .container{ flex-wrap:wrap; justify-content:center;background-color:#ffffff91; padding-top:0;}
    .first_section .container > div{ width:80%;}
    .first_section .container > div:first-child{display:none;}
    .first_section .main_title h1{ font-size:4rem; line-height:1.4}
    .first_section .top_contacts{ margin-top:7rem;}
    .first_section .socials{ margin-bottom:4rem;}
    .characters_section{ background:url("../img/confetti_background.png") repeat-y;}
    nav ul{ flex-wrap:wrap; justify-content:center;}
    nav ul li{ margin:1rem 2rem;}
    section h2.section_title{ letter-spacing:2px; font-size:3.6rem; line-height:1.4;}
    .characters_section .characters_list{ justify-content:space-between;}
    .characters_section .characters_list > div{ width:45%; margin-bottom:5rem;}
    .characters_section .characters_list > div > img{ height:24rem;}
    .characters_section .characters_list > div > p{ font-size:3rem;}
    .additional_section .section_title{ background-color:transparent; border:none; letter-spacing:2px;line-height:1.4}
    .additional_section .additional_block{ justify-content:center; }
    .additional_section .additional_block > div{ width:80%; margin-bottom:6rem;}
    .additional_section .additional_block > div > p{ font-size:3rem;}
    .additional_section .additional_block > div > div > img{height:32rem;}
    .programm_section .section_title{ text-shadow:none}
    .programm_section .program_block{ flex-wrap:wrap; justify-content:center; padding:5rem 0;}
    .programm_section .program_block > div:first-child > p{ line-height:1.3;}
    .programm_section .program_block > div:first-child{ text-align:left;}
    .programm_section .program_block > div:last-child > ul{ margin-top:4rem;}
    .programm_section .program_block > div:last-child > ul > li{ font-size:3rem; line-height:1.5;}
    .programm_section .program_block > div:last-child{margin-left:0;}
    .programm_section .program_block > div{ flex:0 1 auto; width:80%;padding:0;}
    .where_we_can_section .section_title{ letter-spacing:2px; font-size:3.6rem; line-height:1.5;}
    .where_we_can_section .we_can_block{ justify-content:center; flex-wrap:wrap; margin-top:2rem;}
    .where_we_can_section .we_can_block > div{ width:51%; height:auto; margin-bottom:5rem; align-self:flex-start;}
    .clouds_section{ background-image:none; height:auto;}
    .clouds_section .section_title{ line-height:1.4; font-size:3.8rem; margin-bottom:4rem;}
    .clouds_section .section_title:after{ display:none;}
    .clouds_section .texts{ display:flex; flex-wrap:wrap; justify-content:center;}
    .clouds_section .texts > div{ width:80%; position:relative; flex:0 1 auto; top:auto !important; left:auto !important; right:auto !important; bottom:auto !important; display:block; margin-bottom:5rem; }
    .clouds_section .texts > div > p{ font-size:3rem; }
    .clouds_section .texts > div > p > span{ font-size:3rem !important;}
    .media_section{ background-position:center;}
    .media_section > .container{ padding-left:0; padding-right:0;}
    .media_section .videos_slider{ display:flex; flex-wrap:wrap; padding-bottom:0;}
    .media_section .videos_slider > div{ width:80%; margin-bottom:14rem;}
    .media_section .photos_slider .photo_slide{ height:44rem;}
    .reviews_section > .container > .reviews_slider .review{ flex-wrap:wrap; height:auto; max-height:none}
    .reviews_section > .container > .reviews_slider .review > img{ width:80%; height:30rem;}
    .reviews_section > .container > .reviews_slider .review > p{ width:100%; margin-top:3rem; font-size:2.1rem;text-align:justify;}
    .reviews_section .slider_nav{ display:flex; flex-wrap:wrap; justify-content:center;}
    .reviews_section .slider_nav a:first-child{ order:1; flex:0 1 auto; width:40%; }
    .reviews_section .slider_nav a:last-child{order:2; flex:0 1 auto; width:40%;}
    .reviews_section .slider_nav a:nth-child(2){order:3; flex:0 1 auto; width:40%;margin-top:2rem;}
    .how_it_works_section .how_it_works_block{ flex-wrap:wrap; justify-content:center;}
    .how_it_works_section .how_it_works_block > div{ width:80%; margin-bottom:5rem;}
    .how_it_works_section .how_it_works_block > div > img{ margin-bottom:2rem;}
    .how_it_works_section .how_it_works_block > div > h3{ font-size:3rem;}
    .how_it_works_section .how_it_works_block > div > p{ font-size:2.3rem;}
    .contact_form_section > .container > .snowman{ display:none;}
    .contact_form_section form{ border:none; width:100%; height:auto; background-color:transparent; }
    .contact_form_section form > p{ font-size:2.1rem;}
    .contact_form_section form input{ font-size:4rem; padding:1rem 2rem;}
    .contact_form_section form button{ font-size:2.5rem;}
    .bottom_section > .container p:last-child{ line-height:1.5;}
    footer > .container > a{ font-size:1.4rem;}
}

/* Стили для pop-up */

.wow.slideInUp.animated:hover {  /* При наведении на наши персонажи */
    background: rgba(0, 0, 0, 0.6);
}

.additional_section .additional_block > div > div:hover { /* При наведении на наши ШОУ ПРОГРАММЫ */
    box-shadow: -10px 3px 39px 3px rgba(0, 0, 0, 0.9);
    cursor: pointer;
}

#overlay {
    z-index:3;
	position:fixed;
	background-color:#000; /* чернaя */
	opacity:0.6; /* прозрачность */
	-moz-opacity:0.8;
	filter:alpha(opacity=80);
	width:100%;
	height:100%; /* рaзмерoм вo весь экрaн */
	top:0; /
	left:0;
	cursor:pointer;
	display:none; /* прячем по умолчанию */
}

.min {
	text-align: center !important;
}

.cena_color {
	color: #d6212a;
}

.pop-up-wrapper {
    position: fixed; /* На весь экран, wrapper для прокрутки на маленьких экранах */
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 5;
    overflow-y: auto;
    display: none;
}

.pop-up-content {
	width: 50%;
	height: auto;
	border-radius: 5px;
	border: 3px #000 solid;
	background: #fff;
	position: relative;

	left: 50%; /* пoлoвинa экрaнa слевa */
	margin-top: 25px;
	margin-left: -25%; /*  oтступaем влевo минус пoлoвину ширины  */
	display: block; /* в oбычнoм сoстoянии oкнa не дoлжнo быть */
	opacity: 1; /* пoлнoстью прoзрaчнo для aнимирoвaния */
	z-index: 6; /* oкнo дoлжнo быть нaибoлее бoльшем слoе */
	padding: 20px 10px;
    text-align: center;
}

/* Стили контента pop-up окна */

.pop-up-content img {
    max-width: 100%;
    margin-top: 15px;
}

.pop-up-content h1 {
    font-size: 35px;
    text-align: center;
    margin-bottom: 15px;
}

.pop-up-content p {
    margin: 0 auto;
    font-size: 23px;
    max-width: 80%;
}



/* Кнoпкa зaкрыть */
.modal_close {
	position: absolute;
    top: 15px;
    right: 20px;
    cursor: pointer;
    display: block;
    font-size: 25px;
}
.menu-trigger {
  display:none;
  color:#da151a;
  font-size: 2.3rem;
  text-align: center;
}
.menu-link {
	z-index: 9;
	display: none;
	width: 50px;
	height: 50px;
	background-color: #d0fdfc;
	border-radius: 50%;
	box-shadow: 1px 1px 10px rgba(0,0,0,.4);
	position: fixed;
	top: 40px;
	left: 20px;
	cursor: pointer;
}
.hamburger, .hamburger:before, .hamburger:after {
	display: block;
	height: 2px;
	width: 18px;
	position:absolute;
	left: 50%;
	margin-left: -9px;
	top: 50%;
	margin-top: -1px;
	background-color: #da151a;
}
.hamburger:before {
	transition: all 0.2s;
	content: '';
	margin-top: -6px;
}
.hamburger:after {
	transition: all 0.2s;
	content: '';
	margin-top: 4px;
}
.menu-link_active .hamburger {
	background-color: transparent;
}
.menu-link_active .hamburger:before {
	transform: rotate(135deg);
	margin-top: 0;
}
.menu-link_active .hamburger:after {
	transform: rotate(-135deg);
	margin-top: 0;
}
.menu {
	opacity: .9;
	background-color: #d0fdfc;
	position: fixed;
	width: 100vw;
	height: 100vh;
	z-index: 8;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 0.5s;
	left: -100vw;
}
.menu_active {
	left: 0;
}
.menu ul {
	list-style: none;
	padding: 0;
	text-align: center;
}
.menu ul li {
	width: 100vw;
}
.menu ul a {
	display: block;
	width: 100%;
	color: #da151a;
	line-height: 4;
	font-weight: 100;
	font-size: 3rem;
	transition: all 0.2s;
}
.menu ul a:hover {
	background-color: rgba(255,255,255,.4);
	text-decoration: none;
}
.fixed{
  position: fixed;
  top:0;
  left: 0;
}
.desctop_menu{
	height: auto !important;
	z-index: 4;
}
#toTop {
	font-size:6rem;
	z-index: 7;
	display: none;
	width: 50px;
	height: 50px;
	background-color: #d0fdfc;
	border-radius: 50%;
	box-shadow: 1px 1px 10px rgba(0,0,0,.4);
	position: fixed;
	bottom: 40px;
	left: 20px;
	background: #d0fdfc url(../img/up.png) no-repeat center 50%;
	cursor: pointer;
}

@media (max-width:900px) {  /* На планшетах и мобильниках растягиваем почти на всю ширину */
    .pop-up-content {
        width: 80%;
        margin-left: -40%;
    }
}
@media screen and (max-width:650px) {
	.menu-link {
		display: block;
	}
	.desctop_menu {
		display: none;
	}

}
@media (max-width:500px) {
    .pop-up-content p {
        font-size: 16px;
    }

    .pop-up-content img {
        max-width: 85%;
    }

    .pop-up-content h1 {
        font-size: 25px;
        margin-top: 25px;
        margin-bottom: 9px;
    }
}