@font-face{font-family:'Fira Sans Extra Condensed';src:url("../fonts/FiraSansExtraCondensed-Regular.woff2") format("woff2"),url("../fonts/FiraSansExtraCondensed-Regular.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}html{font-family:"Fira Sans Extra Condensed",sans-serif;scroll-behavior:smooth}body{background-color:#f7f8f7}.visualy-hidden{position:absolute;left:-9999px;width:1px;height:1px}body{margin:0;padding:0}*,*::before,*::after{box-sizing:border-box}button{font:inherit}b,strong{font-weight:bolder}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}.icon{width:1em;height:1em}.icon_home{width:1.125em}.icon_images{width:1.125em}.icon_instagram{width:.875em}.icon_shopping{width:1.125em}.icon_vk{width:1.125em}.icon_address-book{width:.875em}.icon_arrow-down{width:.875em}.icon_phone-alt{width:.625em}.icon_phone-fb{width:.625em}.icon_telegram{width:.875em}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;box-sizing:border-box}@media (min-width: 576px){.container{max-width:540px}}@media (min-width: 768px){.container{max-width:750px}}@media (min-width: 992px){.container{max-width:970px}}@media (min-width: 1200px){.container{max-width:1170px}}.grid{--grid-columns: 1;display:grid;grid-template-columns:repeat(var(--grid-columns), 1fr);grid-gap:30px;gap:30px}@media (min-width: 768px){.grid_md-2-columns{--grid-columns: 2}.grid_md-3-columns{--grid-columns: 3}}@media (min-width: 992px){.grid_lg-2-columns{--grid-columns: 2}.grid_lg-3-columns{--grid-columns: 3}.grid_lg-4-columns{--grid-columns: 4}}.lazy-bg:not(.show){background:none !important}img{max-width:100%;height:auto}.navs{position:absolute;right:50%;width:60px;height:60px;margin-right:-30px;display:flex;justify-content:center;align-items:center;font-size:2rem;text-decoration:none;color:inherit;border:4px solid #333;border-radius:50%;opacity:0.6;animation:navsBlink 5s infinite alternate;z-index:10;box-sizing:border-box}.navs_prev{top:1.5rem}.navs_prev .icon{transform:scale(-1)}.navs_next{bottom:1.5rem}@keyframes navsBlink{from{opacity:0.6}40%{transform:scale(1)}45%{transform:scale(1.1)}50%{transform:scale(1)}55%{transform:scale(1.1)}60%{transform:scale(1)}to{opacity:0.9}}.aside-nav{position:fixed;top:0;left:0;z-index:100;min-width:80%;height:100%;padding:15px;box-sizing:border-box;font-family:sans-serif;transition:background-color 0.5s, opacity 0.5s;pointer-events:none;overflow:auto}@media (min-width: 768px){.aside-nav{top:50%;right:0;left:auto;display:flex;justify-content:center;align-items:center;opacity:0.1;transform:translateY(-50%)}.aside-nav:hover{opacity:1}}.aside-nav.visible{background-color:whitesmoke;pointer-events:auto}@media (min-width: 768px){.aside-nav.visible{background-color:transparent;text-align:right;min-width:0}}.aside-nav.visible .aside-nav__list{visibility:visible;opacity:1}.aside-nav.visible .aside-nav__burger-btn span:nth-child(1){transform:translateY(10px) rotate(-45deg)}.aside-nav.visible .aside-nav__burger-btn span:nth-child(2){opacity:0}.aside-nav.visible .aside-nav__burger-btn span:nth-child(3){transform:translateY(-10px) rotate(45deg)}.aside-nav__burger-btn{-webkit-appearance:none;appearance:none;width:40px;padding:5px;background:rgba(255,255,255,0.2);border:1px solid rgba(255,255,255,0.5);box-sizing:border-box;pointer-events:auto}.aside-nav__burger-btn span{display:block;width:100%;height:4px;margin:6px 0;background-color:#000;transition:transform 0.5s, opacity 0.5s}.aside-nav__burger-btn span:nth-child(1){margin-top:0}.aside-nav__burger-btn span:nth-child(3){margin-bottom:0}@media (min-width: 768px){.aside-nav__burger-btn{display:none}}.aside-nav__list{list-style-type:none;padding-left:0;font-size:4.5vh;margin:2vh 0px;text-transform:uppercase;transition:opacity 0.5s;visibility:hidden;opacity:0}.aside-nav__list li{margin:3vh 0}.aside-nav__list a{text-decoration:none;color:inherit}.aside-nav__list_pages span{line-height:1}@media (min-width: 768px){.aside-nav__list_pages span{text-align:left;display:inline-block;max-width:0;max-height:1em;opacity:0;overflow:hidden;pointer-events:none;transition:opacity 0.3s, max-width 0.5s}}.aside-nav__list_pages li.active{color:whitesmoke;filter:drop-shadow(0px 0px 2px rgba(0,0,0,0.5))}@media (min-width: 768px){.aside-nav__list_pages li{position:relative;filter:drop-shadow(0px 0px 2px rgba(255,255,255,0.5))}}.aside-nav__list_pages a{display:flex;align-items:center;justify-content:flex-end}@media (min-width: 768px){.aside-nav__list_pages a:hover span{max-width:100%;opacity:0.7}}@media (min-width: 768px){.aside-nav__list_pages .icon{margin-left:1rem}}.aside-nav__list_socials{font-size:2.3em}.aside-nav__list_socials li{display:inline;margin-right:10px}@media (min-width: 768px){.aside-nav__list_socials{display:none}}@media (min-width: 768px){.aside-nav__list_tel{display:none}}.aside-nav__list .icon{display:none}@media (min-width: 768px){.aside-nav__list .icon{display:inline-block}}.header{display:flex;justify-content:center;align-items:center;height:100vh;min-height:480px;background:url("../img/header/header-background-xs.jpg") top center/cover no-repeat;box-sizing:border-box;position:relative;padding-bottom:5rem}@media (max-width: 767px) and (orientation: landscape){.header{background-image:url("../img/header/header-background-sm-landscape.jpg")}}@media (min-width: 576px){.header{background-image:url("../img/header/header-background.jpg")}}@media (min-width: 768px){.header{display:block;padding:30px 0 5rem;background:url("../img/header/header-background.jpg") top center no-repeat}}.webp .header{background-image:url("../img/header/header-background-xs.webp")}@media (max-width: 767px) and (orientation: landscape){.webp .header{background-image:url("../img/header/header-background-sm-landscape.webp")}}@media (min-width: 576px){.webp .header{background-image:url("../img/header/header-background.webp")}}.header__logo{text-align:center}@media (min-width: 768px){.header__logo{text-align:left}}.header__logo a{font-size:2rem;text-decoration:none}.header__contacts{display:none;align-items:flex-end;flex-direction:column}@media (min-width: 768px){.header__contacts{display:flex}}.header__contact-list{list-style-type:none;color:#222}.header__contact-list_social{display:flex;font-size:1.5rem;padding:0;margin:0;justify-content:space-around;width:100%}@media (min-width: 768px){.header__contact-list_social{justify-content:flex-end;width:auto}}.header__contact-list_social li{margin:10px 0;transition:color .3s}@media (min-width: 768px){.header__contact-list_social li{margin:0;margin-left:15px}}.header__contact-list_social li:hover{color:whitesmoke}.header__contact-list_phone{font-size:1.2rem;margin:10px 0;padding:0;display:flex;justify-content:space-around;align-items:center;width:100%}@media (min-width: 768px){.header__contact-list_phone{margin:1em 0;display:block;width:auto}}.header__contact-list_phone li{margin-bottom:10px;text-decoration:none;font-weight:600;font-family:sans-serif}.header__nav{display:none}@media (min-width: 768px){.header__nav{display:block}}.header__nav-list{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;list-style-type:none;padding:0;text-transform:uppercase;line-height:1.5rem}@media (min-width: 768px){.header__nav-list{position:relative;top:-80px;max-width:525px}}.header__nav-list li{transition:text-shadow 0.3s;margin:10px 0}.header__nav-list li:hover{text-shadow:0 0 5px white}@media (min-width: 768px){.header__nav-list li{margin:0}}.header__heading{margin:auto;text-align:center}@media (min-width: 768px){.header__heading{display:flex;justify-content:center;align-items:center;flex-direction:column;position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;transform:none}}.header__heading h1{letter-spacing:.3rem;text-align:center;color:#222}@media (min-width: 768px){.header__heading h1{letter-spacing:1.8rem}}.header__heading span{display:block}.header__heading span:nth-child(1){letter-spacing:0.7rem;font-size:1.4rem}@media (min-width: 576px){.header__heading span:nth-child(1){letter-spacing:1.1rem;font-size:1.8rem}}@media (min-width: 768px){.header__heading span:nth-child(1){letter-spacing:2.4rem;font-size:2.5rem}}.header__heading span:nth-child(2){margin-top:1rem;font-size:1rem}@media (min-width: 576px){.header__heading span:nth-child(2){font-size:1.4rem}}@media (min-width: 768px){.header__heading span:nth-child(2){margin-top:2rem}}.header__slogan{letter-spacing:0.2rem}@media (min-width: 576px){.header__slogan{font-size:1.4rem;letter-spacing:.6rem}}@media (min-width: 768px){.header__slogan{font-size:1.4rem;letter-spacing:1.4rem}}.header a{color:inherit;text-decoration:inherit}.about{padding:5rem 0 0;min-height:100vh;position:relative;box-sizing:border-box;display:flex;justify-content:center;align-items:center}@media (min-width: 768px){.about{padding-bottom:5rem}}.about__heading{letter-spacing:0.5rem;font-size:2rem;color:#444;text-align:center;line-height:2.1rem}@media (min-width: 576px){.about__heading{line-height:2rem;line-height:1.4rem}}.about__content{color:#444;margin:30px 0;text-align:justify;text-align-last:center;font-size:1.2rem;padding:0 5px}@media (min-width: 768px){.about__content{padding:0}}.about__content a{display:block;color:#272}.about__content a:hover{text-decoration:underline}@media (min-width: 768px){.about__content a{text-decoration:none}}.about__background{margin-left:-15px;margin-right:-15px;background:url(../img/about/about_background_575.jpg) center/cover no-repeat}@media (min-width: 576px){.about__background{margin-left:0;margin-right:0}}.about__background::before{display:block;width:100%;padding-bottom:56.25%;content:''}@media (min-width: 576px){.about__background{background-image:url(../img/about/about_background_767.jpg)}}@media (min-width: 768px){.about__background{background-image:url(../img/about/about_background_991.jpg)}}.webp .about__background{background-image:url(../img/about/about_background_575.webp)}@media (min-width: 576px){.webp .about__background{background-image:url(../img/about/about_background_767.webp)}}@media (min-width: 768px){.webp .about__background{background-image:url(../img/about/about_background_991.webp)}}.about__img{max-width:100%}@media (min-width: 992px){.about__grid{align-items:center}}.goods{padding:5rem 0;min-height:100vh;position:relative;box-sizing:border-box;display:flex;justify-content:center;align-items:center;background-color:#333;color:whitesmoke}.goods__heading{letter-spacing:0.8rem;font-size:1.6rem;text-transform:uppercase;text-align:center;margin-bottom:50px}@media (min-width: 576px){.goods__heading{line-height:1.2rem}}.goods__description{text-align:center}.goods__card{margin:10px 0;background-color:#adadad;cursor:pointer;transition:box-shadow .3s, transform .3s;color:#333;position:relative}@media (max-width: 575px) and (orientation: landscape){.goods__card{max-height:100vh;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;flex-direction:column}}.goods__card:hover{box-shadow:1px 1px 3px rgba(0,0,0,0.5)}.goods__card:hover>.goods__about{opacity:1}.goods__card img{width:100%}@media (max-width: 575px) and (orientation: landscape){.goods__card img{width:30%}}.goods__card_red{background-color:#FEA5DD}.goods__card_yellow{background-color:#FFDDA5}.goods__card_blue{background-color:#AEC5FE}.goods__card_green{background-color:#E4FFA5}.goods__name{margin-top:0;padding:10px;font-size:1rem;line-height:1rem}@media (min-width: 576px){.goods__name{font-size:1.5rem}}.goods__about{position:absolute;width:100%;height:100%;margin:0;background-color:rgba(255,255,200,0.8);box-sizing:border-box;bottom:0;left:0;border:1px solid #ffff99;color:#222;padding:5px;opacity:0;transition:opacity .3s;overflow-y:scroll;display:flex;justify-content:center;align-items:center;text-align:center;flex-direction:column}@media (min-width: 576px){.goods__about{display:block;width:80%;margin:0 10%;height:auto;bottom:5rem;overflow-y:hidden}}.goods__price{text-align:right;font-size:1.2rem;margin-bottom:0;padding-right:10px;padding-bottom:10px;line-height:0.7rem}@media (min-width: 576px){.goods__price{font-size:1.5em}}.goods__price span{margin-left:0.2em}.goods .navs{border-color:whitesmoke}@media (max-width: 575px){.goods .col-xs-6{padding:0 10px}}.services{padding:5rem 0;position:relative;min-height:100vh;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.services__heading{letter-spacing:0.8rem;font-size:1.6rem;color:#555;text-transform:uppercase;text-align:center;margin-bottom:50px}@media (min-width: 576px){.services__heading{line-height:1.2rem}}.services__item{display:flex;justify-content:space-between;align-items:center;border-bottom:1px dotted rgba(0,0,0,0.5);letter-spacing:0.05rem;margin:5px 0;padding:10px 5px 0}@media (min-width: 768px){.services__item{padding:10px 0 0}}.services__item h3{margin:0;font-weight:500}.services__item span:first-of-type{margin-right:0.2em;margin-left:auto}.services__item span:nth-of-type(2){margin:0 0.2em}.services__old-price{font-size:1.5em;color:#FEA5DD;text-decoration:line-through;position:relative}.spoints{padding:5rem 0;position:relative;min-height:100vh;box-sizing:border-box;display:flex;justify-content:center;align-items:center;background-color:#ddd;overflow:hidden;text-shadow:0 0 2px #c8c8c8}.spoints::after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background-position:center center;background-repeat:no-repeat;background-size:cover;z-index:1;filter:blur(15px)}@supports not (filter: blur(15px)){.spoints::after{opacity:0.7}}.spoints.show::after{background-image:url("../img/about/about_background_767.jpg")}@media (min-width: 768px){.spoints.show::after{background-image:url("../img/about/about_background_1920.jpg")}}.webp .spoints.show::after{background-image:url("../img/about/about_background_767.webp")}@media (min-width: 768px){.webp .spoints.show::after{background-image:url("../img/about/about_background_1920.webp")}}.spoints__heading{letter-spacing:0.8rem;font-size:1.6rem;color:#333;text-transform:uppercase;text-align:center;margin-bottom:50px;position:relative;z-index:5}@media (min-width: 576px){.spoints__heading{line-height:1.2rem}}.spoints__item{font-size:1.3rem;margin:1rem 0;padding:0 5px;position:relative;z-index:5;text-align:center}@media (min-width: 768px){.spoints__item{padding:0}}.spoints .navs{z-index:5}@keyframes rot{0%{transform:rotateY(0deg)}33.33%{transform:rotateY(0deg)}66.66%{transform:rotateY(180deg)}100%{transform:rotateY(180deg)}}.works{padding:7rem 0 8rem;position:relative;box-sizing:border-box}@media (min-width: 768px){.works{min-height:100vh;padding:5rem 0 6rem}}.works__heading{letter-spacing:0.8rem;font-size:1.6rem;color:#555;text-transform:uppercase;text-align:center;margin-bottom:50px}@media (min-width: 576px){.works__heading{line-height:1.2rem}}.works__slider{display:flex;margin-top:auto;margin-bottom:auto;overflow:hidden}@media (min-width: 576px){.works__slider{margin-top:0}}.works__slider>div{display:flex}.works__slider>div>div{flex:0 0 100%}.works__slider img{width:100%}.faq{padding:5rem 0 7rem;position:relative;min-height:100vh;box-sizing:border-box;display:flex;justify-content:center;align-items:center}.faq__heading{text-align:center;letter-spacing:0.7rem;color:#333}.faq__heading p{letter-spacing:0.1rem}.faq__quest{padding:5px 0}.faq__quest h3{padding:5px 10px;margin:0;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-weight:100}@media (min-width: 576px){.faq__quest h3{justify-content:flex-start}}.faq__quest.active h3::after{transform:rotate(180deg)}.faq__answ{padding:0 10px;background-color:#eee}.faq__answ p{padding:10px 5px;transition:opacity .3s;line-height:24px;margin:0}.faq__answ.active{max-height:100%}.faq__answ.active p{opacity:1}.contacts{background-color:white;text-align:center;box-sizing:border-box;color:#333}@media (min-width: 768px){.contacts{font-size:1.2em}}.contacts__heading{letter-spacing:0.2em;text-transform:uppercase}.contacts__description{margin:0;padding-left:4.5vw;text-align:left}.contacts__phones{list-style-type:none;text-align:left;font-size:1.2em;padding-left:4.5vw}.contacts__phones li{margin:10px 0;color:#fd40b7}.contacts__phones li:nth-child(2) .icon{animation-delay:2.5s}.contacts__phones .icon{margin-right:0.5em;animation:vibroPhone 5s infinite}@media (min-width: 768px){.contacts{height:50vh;padding:5vh 0}}.contacts__messenger{list-style-type:none;text-align:left;font-size:2em;padding-left:4.5vw}.contacts__messenger li{display:inline-block;margin:0;margin-right:20px;animation:iconScale 9s infinite;transform-origin:50% 0}.contacts__messenger li:nth-child(1){animation-delay:0s}.contacts__messenger li:nth-child(2){animation-delay:0s}.contacts__messenger li:nth-child(3){animation-delay:2s}.contacts__messenger li:hover{animation-play-state:paused}.contacts__messenger .icon_viber{color:#8f5db7}.contacts__messenger .icon_telegram{color:#0088cc}.contacts__socials{list-style-type:none;text-align:left;font-size:2em;padding-left:4.5vw}.contacts__socials li{display:inline-block;margin:0;margin-right:20px;animation:iconScale 9s infinite;transform-origin:50% 0}.contacts__socials li:nth-child(1){animation-delay:4s}.contacts__socials li:nth-child(2){animation-delay:6s}.contacts__socials li:nth-child(3){animation-delay:8s}.contacts__socials li:hover{animation-play-state:paused}.contacts__socials .icon_instagram{color:#d047d1}.contacts__socials .icon_vk{color:#4c75a3}.contacts__socials .icon_fb{color:#3b5998}.contacts a{text-decoration:none;color:inherit}@keyframes vibroPhone{0%{transform:translate(0)}42%{transform:translate(0)}44%{transform:translate(2px)}46%{transform:translate(-2px)}48%{transform:translate(2px)}50%{transform:translate(-2px)}52%{transform:translate(2px)}54%{transform:translate(-2px)}56%{transform:translate(2px)}58%{transform:translate(0)}100%{transform:translate(0)}}@keyframes iconScale{0%{transform:scale(1)}90%{transform:scale(1)}95%{transform:scale(1.2)}100%{transform:scale(1)}}.callback{background-color:whitesmoke;text-align:center;box-sizing:border-box;color:#333}.callback__heading{letter-spacing:0.2em;text-transform:uppercase}.callback__form{padding:15px}@media (min-width: 768px){.callback__form{width:400px;margin:auto}}.callback__form input{margin-bottom:15px;padding:5px 10px;line-height:16px}@media (min-width: 768px){.callback__form input{margin-bottom:25px}}.callback__form input:not([type="submit"]){width:100%;box-sizing:border-box;border-color:#111}.callback__form input:not([type="submit"]):-ms-input-placeholder{color:#333}.callback__form input:not([type="submit"])::placeholder{color:#333}@media (min-width: 768px){.callback__form input:not([type="submit"]){border:none}}.callback__form input[type="submit"]{background-color:white}@media (min-width: 768px){.callback{height:50vh;position:relative;padding:5vh 0;font-size:1.2em}.callback::before{content:'';display:block;position:absolute;bottom:100%;width:100%;height:60px;background:linear-gradient(to left top, whitesmoke 49.5%, white 50.5%)}}.footer{padding:8rem 0 0;background:#111;color:#afafaf;text-align:center;position:relative;min-height:100vh;display:flex;justify-content:center;align-items:flex-end;flex-wrap:wrap;box-sizing:border-box}@media (min-width: 768px){.footer{text-align:left}}.footer__contact-list{list-style-type:none;font-size:1.2rem;padding-left:0}.footer__contact-list_tel li{margin:10px 0}.footer__contact-list_tel .icon{margin:0 10px 0 0}.footer__contact-list_social{display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:center;align-items:center}@media (min-width: 768px){.footer__contact-list_social{justify-content:flex-start}}.footer__contact-list_social li{margin:0 10px}@media (min-width: 768px){.footer__contact-list_social li{margin:0;margin-right:20px}}.footer__nav-list{padding-left:0;list-style-type:none;font-size:1.2rem}@media (min-width: 768px){.footer__nav-list{text-align:center}}.footer__nav-list li{margin:10px 0}@media (min-width: 768px){.footer__nav-list li:first-child{margin-top:0}}.footer__map{flex:0 0 100%;margin-top:3rem;line-height:0}.footer__iframe{width:100%;height:300px;border:none}@media (min-width: 768px){.footer__iframe{height:50vh}}.footer__copy,.footer__partners{text-align:center}@media (min-width: 768px){.footer__copy,.footer__partners{text-align:right}}.footer a{color:inherit;text-decoration:none}.footer a:hover{color:#AEC5FE}.footer .navs{border-color:whitesmoke;color:whitesmoke !important}.footer .navs:hover{color:whitesmoke !important}.call-btn{position:fixed;right:1rem;bottom:1rem;z-index:200}@media (min-width: 576px){.call-btn{display:none}}.call-btn__box{position:relative;font-size:3rem;width:4rem;height:4rem;padding:0.5rem;line-height:0;border:0;border-radius:50%;background:#59A92A;color:#fff;animation:pulse 5s infinite both}.call-btn__box::before{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;background:#fff;transition:transform 0.5s, opacity 0.5s;opacity:0;content:''}.call-btn__box:active::before{transform:scale(0.33);opacity:0.25;transition:transform 0s, opacity 0.25s}.call-btn__box:focus:not(:focus-visible){outline:none}.call-btn__choose{position:absolute;bottom:0;right:100%;box-sizing:border-box;display:none;flex-direction:column}.call-btn__choose.visible{display:flex;animation:showNumbers 0.35s ease-out;overflow:hidden}.call-btn__choose a{padding:5px;margin:5px;text-align:center;color:#f7f8f7;font-size:1.4em;text-decoration:none;background-color:rgba(137,137,137,0.5);border-radius:10px;line-height:0}.call-btn__choose img{width:3rem;height:auto}.call-btn__choose .icon{font-size:2.9rem;color:#8f5db7}@keyframes pulse{0%{transform:rotate(0deg);opacity:1}40%{opacity:.7}80%{transform:rotate(0deg);opacity:1}85%{transform:rotate(20deg)}90%{transform:rotate(0deg)}95%{transform:rotate(20deg)}100%{transform:rotate(0deg);opacity:1}}@keyframes showNumbers{0%{transform:scale(0.35) translate(100%, 5%);opacity:0}50%{opacity:0}100%{transform:scale(1) translate(0, 0);opacity:1}}@media (min-width: 768px){.only-mobile{display:none !important}}.only-desktop{display:none !important}@media (min-width: 768px){.only-desktop{display:inline-block !important}}.modal{display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:100}.modal__wrapper{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.8);transition:0.3s;opacity:0}.modal__wrapper.visible{opacity:1}.modal__window{position:absolute;left:50%;top:80%;width:450px;height:450px;max-width:calc(90% - 10px);max-height:calc(90% - 10px);transform:translate(-50%, -50%);background-color:whitesmoke;transition:0.3s;opacity:0}.modal__window.visible{opacity:1;top:50%}.modal__close{position:absolute;right:0;top:0;width:30px;height:30px;border-radius:50%;background-color:#08c;transition:0.3s;border:2px solid whitesmoke;box-sizing:border-box;transform:translate(50%, -50%) scale(0);cursor:pointer}.modal__close::before,.modal__close::after{content:'';position:absolute;left:50%;top:50%;width:90%;height:2px;background-color:whitesmoke;transition:0.3s}.modal__close::before{transform:translate(-50%, -50%) rotate(45deg)}.modal__close::after{transform:translate(-50%, -50%) rotate(-45deg)}.modal__close.visible{transform:translate(50%, -50%) scale(1);animation:bounce 0.5s ease}.modal__close:hover{background-color:#bc1339;transform:translate(50%, -50%) scale(0.9)}.modal__close:active{transform:translate(50%, -50%) scale(0.8)}@keyframes bounce{from{transform:translate(50%, -50%) scale(0)}35%{transform:translate(50%, -50%) scale(1.2)}50%{transform:translate(50%, -50%) scale(0.9)}65%{transform:translate(50%, -50%) scale(1.1)}80%{transform:translate(50%, -50%) scale(0.9)}to{transform:translate(50%, -50%) scale(1)}}.modal__msg{padding:10px;position:absolute;left:50%;top:90%;width:100%;font-size:2em;box-sizing:border-box;text-align:center;transform:translate(-50%, -50%);opacity:0;transition:0.3s}.modal__msg.visible{top:50%;opacity:1}.modal__service{position:absolute;bottom:0;left:0;width:100%;padding:5px 10px;text-align:center}.modal__animation{width:80px;height:80px;border-radius:50%;border:5px solid lightgray;margin:50px auto;position:relative;top:-50px;opacity:0;transition:all 0.2s}.modal__animation span{display:inline-block;width:100%;height:100%;position:relative}.modal__animation span::before,.modal__animation span::after{content:'';position:absolute;display:inline-block;background-color:whitesmoke;box-sizing:border-box}.modal__animation.success{background-color:#08c}.modal__animation.success span{transform:skew(-15deg) rotate(-55deg)}.modal__animation.success span::before,.modal__animation.success span::after{left:19px;bottom:17px;transform-origin:0 0}.modal__animation.success span::before{width:4px;height:60%}.modal__animation.success span::after{width:100%;height:5px}@keyframes changeYscale{from{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes changeXscale{from{transform:scaleX(0)}to{transform:scaleX(1)}}.modal__animation.fail{background-color:#bc1339}.modal__animation.fail span::before,.modal__animation.fail span::after{top:50%;left:50%;width:0;height:5px;transform:translate(-50%, -50%)}.modal__animation.fail span::before{transform:translate(-50%, -50%) rotate(-45deg)}.modal__animation.fail span::after{transform:translate(-50%, -50%) rotate(45deg)}@keyframes changeWidth{from{width:0}to{width:70%}}.modal__animation.note{background-color:#fd8e2f}.modal__animation.note span{text-align:center;opacity:0}.modal__animation.note span::before{content:'?';left:0;top:0;width:100%;height:100%;line-height:80px;color:whitesmoke;background-color:transparent;font-size:3rem;text-align:center}.modal__animation.note span::after{left:50%;top:50%;width:70%;height:70%;transform:translate(-50%, -50%);border-radius:50%;transform-origin:50% 50%}@keyframes showText{from{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes hideCircle{from{transform:translate(-50%, -50%) scale(1)}to{transform:translate(-52%, -24%) scale(0.05)}}.modal__animation.visible{top:0;opacity:1}.modal__animation.visible.success span::before{animation:changeYscale .2s .1s linear both}.modal__animation.visible.success span::after{animation:changeXscale .2s .2s linear both}.modal__animation.visible.fail span::before{width:70%;animation:changeWidth .2s .2s linear both}.modal__animation.visible.fail span::after{width:70%;animation:changeWidth .2s .2s linear both}.modal__animation.visible.note span{opacity:1}.modal__animation.visible.note span::before{animation:showText .2s .1s linear both}.modal__animation.visible.note span::after{animation:hideCircle .2s .1s linear both}.modal.visible{display:block}