html{font-size:62.5%}
body{margin:0;position:relative;font-family:Rubik,Arial;moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;color:#5a5a5a;line-height:1.2;background:#fff}
button{-moz-appearance:none;-webkit-appearance:none;background:0 0;border:0;font-family:inherit;color:#df2121;cursor:pointer;outline-color:#6cdbb3}
a{text-decoration:none;color:#0064fb}*,:after,:before{box-sizing:border-box}
h1,h2,h3,h4,h5,h6,p{margin:0}
.separator{display:block}
.container{width:100%;max-width:133rem;margin:0 auto;padding:0 1rem;}
@media(max-width:1220px){.container{padding:0 8rem;}}
.container--intro{position:relative;background-repeat: no-repeat;background-color: #fff;}
.container--intro .arrows{width:100%;position:absolute;bottom:-.2rem;right:0;left:0}
.container--features{background:#fff}
.container--about{padding:0;background:#fff}
.container--plans{background:#fff;position:relative}
.container--stats{background-color:#2a0030;position:relative}
.container--stats:before{content:url(../img/stats/Clouds_stats_upper.svg);position:absolute;top:-7.7rem;left:0;right:0;width:100%;z-index:1}
.container--stats:after{content:url(../img/stats/Clouds_stats_lower.svg);position:absolute;bottom:-7.7rem;left:0;right:0;width:100%;z-index:1}
.container--contacts{background:#fff}
.preloader{position:fixed;left:0;top:0;right:0;bottom:0;overflow:hidden;background-color:#d1d1d1;z-index:1001;color:#fff}
.sk-circle-bounce{top:50%;left:50%;width:7rem;height:7rem;position:relative}
.sk-circle-bounce .sk-child{width:100%;height:100%;position:absolute;left:0;top:0}
.sk-circle-bounce .sk-child:before{content:'';display:block;margin:auto;width:15%;height:15%;background-color:#fff;border-radius:100%;-webkit-animation:2s ease-in-out infinite both sk-circle-bounce-delay;animation:2s ease-in-out infinite both sk-circle-bounce-delay}
.sk-circle-bounce .sk-circle-2{transform:rotate(30deg)}
.sk-circle-bounce .sk-circle-3{transform:rotate(60deg)}
.sk-circle-bounce .sk-circle-4{transform:rotate(90deg)}
.sk-circle-bounce .sk-circle-5{transform:rotate(120deg)}
.sk-circle-bounce .sk-circle-6{transform:rotate(150deg)}
.sk-circle-bounce .sk-circle-7{transform:rotate(180deg)}
.sk-circle-bounce .sk-circle-8{transform:rotate(210deg)}
.sk-circle-bounce .sk-circle-9{transform:rotate(240deg)}
.sk-circle-bounce .sk-circle-10{transform:rotate(270deg)}
.sk-circle-bounce .sk-circle-11{transform:rotate(300deg)}
.sk-circle-bounce .sk-circle-12{transform:rotate(330deg)}
.sk-circle-bounce .sk-circle-2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}
.sk-circle-bounce .sk-circle-3:before{-webkit-animation-delay:-1s;animation-delay:-1s}
.sk-circle-bounce .sk-circle-4:before{-webkit-animation-delay:-.9s;animation-delay:-.9s}
.sk-circle-bounce .sk-circle-5:before{-webkit-animation-delay:-.8s;animation-delay:-.8s}
.sk-circle-bounce .sk-circle-6:before{-webkit-animation-delay:-.7s;animation-delay:-.7s}
.sk-circle-bounce .sk-circle-7:before{-webkit-animation-delay:-.6s;animation-delay:-.6s}
.sk-circle-bounce .sk-circle-8:before{-webkit-animation-delay:-.5s;animation-delay:-.5s}
.sk-circle-bounce .sk-circle-9:before{-webkit-animation-delay:-.4s;animation-delay:-.4s}
.sk-circle-bounce .sk-circle-10:before{-webkit-animation-delay:-.3s;animation-delay:-.3s}
.sk-circle-bounce .sk-circle-11:before{-webkit-animation-delay:-.2s;animation-delay:-.2s}
.sk-circle-bounce .sk-circle-12:before{-webkit-animation-delay:-.1s;animation-delay:-.1s}
@-webkit-keyframes sk-circle-bounce-delay{0%,100%,80%{transform:scale(0)}40%{transform:scale(1)}}
@keyframes sk-circle-bounce-delay{0%,100%,80%{transform:scale(0)}40%{transform:scale(1)}}
@-webkit-keyframes preloader-rotate{100%{transform:rotate(360deg)}}
@keyframes preloader-rotate{100%{transform:rotate(360deg)}}
.loaded_hiding .preloader{transition:opacity .3s ease-in-out;opacity:0}
.loaded .preloader{display:none}
.header{position:absolute;top:0;right:0;left:0;z-index:1000;width:100%;padding:2.3rem 0}
.header:before{display:none;content:url(../img/footer/clouds_footer_left.svg);position:absolute;top:-.3rem;left:0;width:6rem;z-index:1}
.header:after{display:none;content:url(../img/footer/clouds_footer_right.svg);position:absolute;bottom:-.4rem;right:0;width:6rem;z-index:1}
.header.fixed{background-color:#cdcdcd;position:fixed;padding:1.3rem 0}
.header.fixed:after,.header.fixed:before{display:block}
.header__inner{display:flex;justify-content:space-between;width:100%}
@keyframes rotate{0%{transform-style:preserve-3d;transform:rotateY(0)}100%{transform-style:preserve-3d;transform:rotateY(360deg)}}
@-webkit-keyframes rotate{0%{transform-style:preserve-3d;transform:rotateY(0)}100%{transform-style:preserve-3d;transform:rotateY(360deg)}}
.logo{display:flex;align-items:center;transform-style:preserve-3d}
.logo img{will-change:transform;width:2.5rem;height:auto;margin-right:.8rem;transform-style:preserve-3d;animation:3s linear infinite rotate;-webkit-animation:3s linear infinite rotate}
.logo--lower img{width:1.6rem}
.logo--lower .logo__name{font-size:1.4rem}
.logo__name{font-size:2rem;color:#00877d;line-height:0.8;font-weight: bold;}
.inner__wrapper{display:flex;justify-content:space-between;align-items:center;margin-left:auto}
.nav{display:flex;justify-content:space-between;align-items:center}
.nav__enter{display:inline-block;color:#fff;margin-right:4.3rem;transition:.28s cubic-bezier(.52,.01,.16,1)}
.nav__enter:hover{color:#fff172}
.enter__icon{width:2.2rem;height:2.2rem}
.nav.active{max-height:5rem;padding:1rem 4rem}
.nav__link{display:inline-block;font-size:1.6rem;color:#000;margin-right:4.3rem;transition:.28s cubic-bezier(.52,.01,.16,1);position:relative;white-space:nowrap}
.nav__link.active{color:#cd2828}
.nav__link.active:after{background-color:#cd2828;width:100%}
.nav__link:hover{color:#cd2828}
.nav__link:hover:after{background-color:#cd2828;width:100%}
.nav__link:after{content:"";width:0;height:.2rem;background-color:#fff;position:absolute;bottom:-.5rem;left:0;z-index:1;transition:.28s cubic-bezier(.52,.01,.16,1)}
.lang{position:relative;outline:0}
.lang:focus-within .lang__hidden,.lang:hover .lang__hidden{opacity:1;visibility:visible}
.lang__head{font-size:1.6rem;color:#000;cursor:default;white-space:nowrap}
.lang__caret{width:1.5rem;height:1.5rem;margin-left:.9rem}
.lang__hidden{width:100%;margin:0;padding:1rem;opacity:0;visibility:hidden;position:absolute;z-index:1;transition:.15s linear .2s;will-change:opacity}
.lang__hidden li{list-style:none;width:100%}
.lang__hidden li:first-child{margin-bottom:1rem}
.hidden__item{color:#fff;font-size:1.3rem;transition:color .2s linear;outline:0}
.hidden__item:focus,.hidden__item:hover{color:#cd2828}
.header__menu{position:relative;margin-left:3.5rem;display:none}
.nav-toggle{padding:1rem 0;width:3.5rem;cursor:pointer;outline:0;border:0;background:0 0}
.nav-toggle:hover .nav-toggle__item,.nav-toggle:hover .nav-toggle__item:after,.nav-toggle:hover .nav-toggle__item:before{background-color:#cd2828}
.nav-toggle.active .nav-toggle__item{background:0 0}
.nav-toggle__item{display:block;width:100%;background:#000;height:.3rem;position:absolute;border-radius:.5rem;top:0;right:0;bottom:0;left:0;margin:auto;transition:background .2s linear}
.nav-toggle__item:after,.nav-toggle__item:before{content:"";position:absolute;border-radius:.5rem;display:block;width:100%;height:.3rem;background-color:#000;margin:0 auto;will-change:transform;transition:transform .2s linear}
.nav-toggle.active .nav-toggle__item:before{transform-origin:left bottom;transform:rotate(-45deg) translateX(-.6rem)}
.nav-toggle.active .nav-toggle__item:after{transform-origin:left top;transform:rotate(45deg) translateX(-.5rem)}
.nav-toggle__item:before{top:.8rem}
.nav-toggle__item:after{top:-.8rem}
.nav_list{height: 40px;margin-bottom: 20px;padding: 0 4% 0 4%;text-align: center;}
.nav_list ul{max-width: 840px;margin: 0 auto;list-style: none;}
.nav_list ul li{position: relative;float: left;width: 14.285%;}
.nav_list ul li:selected span{position: absolute;left: 50%;bottom: -6px;margin-left: -5px;width: 9px;height: 7px;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAOCAYAAAAi2ky3AAAA10lEQVR4AZ2SBU7FYBAG/1vgXAOXKJyGe3ARYmgMlygOdW8MnuPuy7c49fZLJtqdzGuf2NvbG5Mk6bHeaNDl1VUu+EaWZVJVdZxFC4Asy8otMnHDt+xgUTcgpnFykqvm+44dAmPZEiDbtovVYN+i4UBV7pq/so2sVfxMsCay6uT0NFaC4viaYJXjOLlrgqKRpKpATV/wPijbiquyfms2BJYmGgXE/P231+r1vzUDAssiWwP892cZS0iSpLcvyZzAsoo6wTGgAD5oFlgeWQeYAvfgFkwkSd4BaUF8f5P3meAAAAAASUVORK5CYII=) no-repeat;background-size: 9px 7px;}
.nav_list ul li a{display: block;padding: 10px 0 8px 0;color: #9f9fa5;font-size: 11px;line-height: 14px;text-transform: uppercase;background: #fff;border: 1px solid #ccc;border-left-width: 0;transition: 0.5s;}
.nav_list ul li:first-child a{border-left-width: 1px;border-top-left-radius: 6px;border-bottom-left-radius: 6px;}
.nav_list ul li:last-child a{border-top-right-radius: 6px;border-bottom-right-radius: 6px}
.nav_list ul li a:hover{color: #0064fb;}
.search_str{width: 100%;padding: 16px 0;border-top: 2px solid #efefef;border-bottom: 2px solid #000;font-size: 16px;color: #000;}
.search_icon{vertical-align: middle;}
.search_input{border: none;margin-left: 10px;outline: none;display: inline-block;width: 80%;}
.page{position:relative;}
.intro{width:100%;position:relative;padding:7rem 0 0}
.intro__inner{transform-style:inherit;width:100%;position:relative;display:flex;flex-direction:column}
.intro__title{-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:8rem;font-weight:700;color:#f9b32c;margin-bottom:5.2rem}
.intro__subtitle{font-size:1.7rem;color:#f37a2f;padding:.2rem 1rem;border-left:.2rem solid #fff;font-weight:400;margin-bottom:9.1rem}@-webkit-keyframes bounce{from,to{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;transform:translate3d(0)}50%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;transform:translate3d(40px,-40px,0)}}@keyframes bounce{from,to{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;transform:translate3d(0,0,0)}50%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;transform:translate3d(40px,-40px,0)}}
.st10,.st11,.st12,.st13,.st14,.st4,.st8,.st9{will-change:transform;-webkit-animation:10s linear infinite bounce;animation:10s linear infinite bounce;transform-origin:center bottom}
.intro__buttons{display:grid;margin-bottom:8rem;grid-template-columns:26rem 25rem;grid-column-gap:4.3rem}
.intro__button{-webkit-user-select:none;-moz-user-select:none;user-select:none;grid-row-start:1;overflow:hidden;display:inline-block;position:relative;color:#fff;padding:1rem 1.8rem;border-radius:.5rem;background:#df2121}
.intro__button--play{margin:0 0 9.5rem 12rem;max-width:20rem}
.intro__button--play:lang(ru){margin:0 0 13rem 14rem}
.intro__button--play .button__icon{width:6rem}
.button__color{will-change:transform;position:absolute;border-radius:.3rem;top:0;right:0;background:#fff172;width:10%;height:120%;margin-right:-35%;transition:width .5s ease-out;-webkit-transform:skew(-45deg)}
.button__text{z-index:1;position:relative;font-size:1.5rem;font-weight:400;text-align:start;display:flex;max-width:25rem;align-items:center}
.button__icon{width:5rem;height:4rem;margin-right:1.5rem}
.intro__button:hover .button__color{right:-195%;width:160%;margin-right:170%;transition:right .2s ease-out,color .1s}
.intro__button:hover .button__text{color:#df2121;transition:color .1s}@keyframes circle-down{0%{transform:translateY(0);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{transform:translateY(1rem);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%{transform:translateY(.6rem);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}80%{transform:scale(1);opacity:1;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}100%{transform:translateY(0);opacity:0}}@-webkit-keyframes circle-down{0%{transform:translateY(0);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{transform:translateY(.8rem);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%{transform:translateY(.6rem);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}80%{transform:scale(.8);opacity:1;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}100%{transform:translateY(0);opacity:0}}
.intro__pointer{font-size:2rem;color:#f16130;display:flex;align-items:center;cursor:default;padding-left:3.5rem;position:relative;margin-bottom:23.6rem}
.intro__pointer img{will-change:transform,opacity;position:absolute;-webkit-animation:5s linear infinite circle-down;animation:5s linear infinite circle-down;width:2.5rem;left:0;top:-1rem}
.features{background:#fff;padding:2.5rem 0 0rem;position:relative}
.features__title{-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-bottom:5.1rem;font-size:5.5rem;color:#19d26e;padding-left:2.1rem;border-left:.5rem solid #19d26e}
.features__content{display:grid;grid-template-columns:repeat(4,1fr);grid-column-gap:6rem;align-items:center;overflow:hidden;padding:2rem 0 0}@-webkit-keyframes jump{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,1rem,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translate3d(0,0,0)}}@keyframes jump{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-2rem,0)}75%{transform:translate3d(0,1rem,0)}90%{transform:translate3d(0,-.5rem,0)}to{transform:translate3d(0,0,0)}}
.features__item{will-change:transform,opacity;opacity:0}
.features__item:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}
.features__item:nth-child(3){-webkit-animation-delay:.4s;animation-delay:.4s}
.features__item:nth-child(4){-webkit-animation-delay:.8s;animation-delay:.8s}
.features__item img{width:100%;height:auto;}
.jump{-webkit-animation-name:jump;animation-name:jump;transform-origin:center bottom;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;opacity:1}
.features__subtitle{-webkit-user-select:none;-moz-user-select:none;user-select:none;color:#19d26e;font-size:1.8rem;font-weight:500;margin-bottom:1rem}
.features__text{font-size:1.5rem;color:#cd6a55;font-weight:400}
.about{min-height:69.5rem;position:relative;padding:0rem 0 0.6rem;background:#fff;text-align: right;}
.about__inner{grid-column-start:2;z-index: 1;}
.about__inner img{max-height: 166px;margin: 3px;}
.about__back{background:url(//mcstock.ru/images/rocket_2.svg) right top no-repeat;display:flex;flex-direction:column;justify-content:flex-end;position:absolute;top:0;bottom:0;right:0;left:0;width:100%;z-index: 0;}
.about__title{-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:5.5rem;color:#19d26e;padding-left:2.1rem;border-left:.5rem solid #19d26e;margin-bottom:6rem}
.about__text{color:#000;font-weight:400;margin-bottom:3.5rem;font-size:1.5rem}
.about__text:nth-child(3){margin-left:-15rem;padding-right:14.4rem}
.about__text:nth-child(2){margin-left:-7rem;padding-right:10.4rem}
.about__text:last-child{margin-left:-21rem;padding-right:20.4rem;margin-bottom:0}
.plans{padding:7rem 0 15.5rem;position:relative}
.plans__inner{position:relative}
.plans__back{position:absolute;display:flex;justify-content:flex-end;align-items:flex-start;width:100%;height:100%;top:0;bottom:0;right:0;left:0;background:url(../img/payment_plan_block/comet.svg) left center no-repeat}@-webkit-keyframes fall{from{transform:translate3d(0,-100%,0);opacity:0}to{opacity:1;transform:translate3d(0,0,0)}}@keyframes fall{from{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:translate3d(0,0,0)}}
.fall{opacity:1;-webkit-animation-name:fall;animation-name:fall;transform-origin:center bottom;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.planet{will-change:transform,opacity;margin-top:10rem;opacity:0;width:14rem;height:auto;transform-style:inherit}
.planet:last-child{width:20rem;margin:6rem 15rem 0 0}
.plans__title{-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:5.5rem;color:#19d26e;padding-left:2.1rem;border-left:.5rem solid #19d26e;margin-bottom:1.9rem}
.plans__text{color:#cd6a55;font-weight:400;font-size:1.4rem;margin-bottom:12.7rem;padding:1.7rem 3rem;border-radius:3.4rem;background:#fec;max-width:87rem}
.plans__chosen{display:grid;grid-template-columns:repeat(6,17rem);grid-column-gap:2.3rem}
.plans__item{will-change:auto;display:flex;flex-direction:column;align-items:center;border-radius:1.1rem;background:#fec;padding:2rem 0}
.plans__item.active{transform:scale(1.08,1.08);box-shadow:0 0 1.9rem rgba(227,0,0,.9)}
.plans__item.active .plans__button{background:#df2121}
.plans__item.active .plans__button:hover{background:#c00}
.plans__name{-webkit-user-select:none;-moz-user-select:none;user-select:none;font-weight:700;font-size:2.1rem;color:#19d26e;margin-bottom:.5rem;white-space:nowrap}
.plans__explanation{color:#cd6a55;font-size:1.3rem;margin-bottom:3rem;white-space:nowrap;text-align:center}
.plans__cost{font-size:2.5rem;color:#19d26e;white-space:nowrap;margin:.7rem}ul{padding:0;margin:0;list-style:none}
.select{position:relative;border:.1rem solid #ff811a;display:inline-block;vertical-align:top;width:11rem;border-radius:.3rem;background:#fec;margin-bottom:3rem}
.select:focus-within{border-color:#19d26e}
.select-wrap{max-width:700px;width:100%;margin:20px auto}
.select-wrap select{margin:20px}
.select__gap{background:0 0;font-size:1.4rem;padding:.6rem 1rem .6rem 2rem;cursor:pointer;position:relative;outline:0;white-space:nowrap;text-overflow:ellipsis;overflow-x:hidden}
.select__list{will-change:auto;display:flex;top:3.2rem;right:0;left:0;border-radius:.5rem;flex-direction:column;margin:0;border-top:0;overflow-y:auto;max-height:15.2rem;position:absolute;width:11rem;background:#fec;border:.1rem solid #ff811a}
.select__list::-webkit-scrollbar{width:.5rem}
.select__list::-webkit-scrollbar-thumb{background:#ff811a;border-radius:.5rem}
.select__list.on{display:block}
.select__item{display:flex;transition:.2s linear;outline:0}
.select__item:focus{background:#a4ffff}
.select__item:focus span{color:#19d26e}
.select__item span{display:block;padding:.6rem 1rem .6rem 1.5rem;cursor:pointer;font-size:1.5rem;white-space:nowrap;text-overflow:ellipsis;overflow-x:hidden}
.select__item:hover{background:#a4ffff}
.select__item:hover span{color:#19d26e}
.select__gap:after{content:'';display:block;width:.6rem;height:.6rem;position:absolute;right:1rem;top:.9rem;border-right:.2rem solid #cd6a55;border-top:.2rem solid #cd6a55;transition:.27s ease-in-out;transform:rotate(135deg) translateY(-50%)}
.on.select__gap:after{transform:rotate(-45deg) translateY(50%)}
.plans__button{-webkit-user-select:none;-moz-user-select:none;user-select:none;background:#ff811a;border-radius:.5rem;font-size:1.4rem;color:#fff;padding:.7rem 1.8rem;transition:background .2s linear}
.plans__button:hover{background:#ffb733}
.stats{position:relative}
.stats__inner{width:100%;position:relative;height:100%}
.stats__inner:before{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;background-color:#ff811a;background-image:linear-gradient(132.3deg,#f27a23 0,#f23b2a 100.77%,#f2322c 100.78%);z-index:-1}
.stats__content{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:30rem;align-items:center;grid-column-gap:9rem}
.stats__content>:nth-child(1){-ms-grid-row:1;-ms-grid-column:1}
.stats__content>:nth-child(2){-ms-grid-row:1;-ms-grid-column:3}
.stats__content>:nth-child(3){-ms-grid-row:1;-ms-grid-column:5}
.stats__content>:nth-child(4){-ms-grid-row:1;-ms-grid-column:7}
.stats__item{display:flex;flex-direction:column;align-items:center}
.stats__title{font-size:2rem;font-weight:500;color:#feefd9;margin-bottom:1.5rem;text-align:center}
.stats__count{font-size:3.5rem;color:#ffdf8c}
.container--stocks{background:#fff;padding:0 3rem 0 8rem}
.stocks{padding:12.3rem 0 10rem}
.stocks__inner{position:relative;display:grid;grid-template-columns:1fr minmax(30.7rem,48.4rem)}@-webkit-keyframes scale{to{transform:scale(1)}}@keyframes scale{to{transform:scale(1)}}
.scale{-webkit-animation-name:scale;animation-name:scale;-webkit-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.stocks__img{margin-top:13rem;width:100%;height:auto;max-width:48.4rem;transform:scale(.2)}@-webkit-keyframes appearance{from{opacity:0}to{opacity:1}}@keyframes appearance{from{opacity:0}to{opacity:1}}
.appearance{-webkit-animation-name:appearance;animation-name:appearance;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.stocks__list{padding-top:12rem;position:relative}
.stocks__title{-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:5.5rem;color:#19d26e;padding-left:2.1rem;border-left:.5rem solid #19d26e;position:absolute;top:0;left:0;white-space:nowrap}
.stocks__text{font-weight:500;font-size:1.6rem}
.stocks__text--queue{font-size:1.8rem;margin-bottom:5.5rem}
.stocks__limited,.stocks__unlimited{opacity:0}
.stocks__limited{-webkit-animation-delay:.6s;animation-delay:.4s}
.stocks__unlimited{-webkit-animation-delay:.3s;animation-delay:.2s}
.stocks__unit:not(:last-child){margin-bottom:5.5rem}
.stocks__subtitle{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;font-weight:500;font-size:2rem;color:#19d26e;margin-bottom:2.5rem}
.unlimited__list{padding:0;display:grid;grid-template-columns:-webkit-max-content -webkit-max-content;grid-template-columns:max-content max-content;grid-gap:2.5rem 9rem;margin-bottom:5.5rem}
.limited__list{display:grid;grid-template-columns:repeat(3,-webkit-max-content);grid-template-columns:repeat(3,max-content);grid-gap:2.5rem 9rem}
.contacts{padding:13.2rem 0 14.3rem}
.contacts__inner{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:2rem;align-items:center}
.contacts__img{background:url(../img/contacts/contacts_pic.svg) center center no-repeat;height:100%;position:relative}@-webkit-keyframes approximation{to{transform:translate3d(6rem,6rem,0) scale(2)}}@keyframes approximation{to{transform:translate3d(6rem,6rem,0) scale(2)}}
.approximation{-webkit-animation-name:approximation;animation-name:approximation;transform-origin:center bottom;-webkit-animation-duration:1.5s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.planet_earth{will-change:transform;width:5rem;position:absolute;top:0;left:0;transition:.1s linear}
.contacts__resource{display:flex;flex-direction:column}
.contacts__resource:first-child{margin-bottom:2.5rem}
.resource__title{-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:5.5rem;color:#19d26e;padding-left:2.1rem;border-left:.5rem solid #19d26e;white-space:nowrap;margin-bottom:2.7rem}
.resource__item{display:flex;width:-webkit-max-content;width:-moz-max-content;width:max-content;align-items:center;font-size:1.5rem;color:#cd6a55;margin:0 0 2rem 2rem;transition:color .2s linear}
.resource__item:hover{color:purple}
.resource__item svg{width:1.8rem;margin-right:1rem;transition:.2s linear}
.resource__item:hover .m0{fill:purple}
.social__icon{width:2.1rem;height:1.8rem;margin-right:1rem}
.resource__grid{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:8rem}@-webkit-keyframes alternate{to{transform:translate3d(-6rem,-5rem,0) scale(2)}}@keyframes alternate{to{transform:translate3d(-6rem,-5rem,0) scale(2)}}
.alternate{-webkit-animation-name:alternate;animation-name:alternate;transform-origin:center bottom;-webkit-animation-duration:1.5s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.planet_purple{will-change:transform;width:12rem;position:absolute;right:0;bottom:-1.5rem;transition:.1s linear}
.footer{background:#cdcdcd;padding:1rem 0;position:relative;overflow:hidden}
.footer__inner{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between}
.footer__paymentsystems{display:flex;margin:0 1.5rem}
.footer__paymentsystems li{margin-right:2rem;display:flex;align-items:center;color:#fff}
.paymentsystems__icon{height:3.1rem}
.footer__paymentsystems li img{width:3.3rem;height:auto}
.footer__paymentsystems li svg{width:3.5rem;transition:.2s linear}
.footer__paymentsystems li svg:hover .cls-1{fill:#fff172}
.footer__paymentsystems li:last-child{margin-right:0}
.footer__copyright{display:flex}
.footer__copyright li{color:#fff;text-transform:uppercase;font-size:1.2rem;margin-right:1.5rem}
.footer__copyright li a{color:#fff;transition:color .2s linear}
.footer__copyright li a:hover{color:#fff172}
.footer__copyright li:last-child{margin-right:0}@media (min-width:2400px){html{font-size:75%}}@media (min-width:3000px){html{font-size:87.5%}}@media (max-width:1220px){.intro__title{font-size:5.5rem}
/*.intro__inner{padding:7rem 0 0rem}*/
.about__title,.features__title,.plans__title,.resource__title{font-size:4.5rem}
.features__content{grid-template-columns:1fr 1fr;grid-row-gap:2rem}
.about{grid-template-rows:66rem 1fr;padding:0;grid-template-columns:0}
.about>:nth-child(1){-ms-grid-row:1;-ms-grid-column:1}
.about>:nth-child(2){-ms-grid-row:2;-ms-grid-column:1}
.about .container{grid-row-start:2;padding-left:1.5rem}
.about__back{-ms-grid-column-span:3;grid-column-end:3;position:static;background-size:cover;margin-bottom:3rem}
.intro__button--play:lang(ru){margin:0 0 8.5rem 12rem}
.about__inner{padding:0 8rem}
.about__text{margin-bottom:2rem}
.about__text:last-child,.about__text:nth-child(2),.about__text:nth-child(3){margin-left:0;padding:0}
.about__text:last-child{margin-left:0;margin-bottom:0}
.container--plans{padding:0}
.plans__back{position:static;background-position:left bottom;padding:8rem 0}
.plans{padding:7rem 8rem 15.5rem}
.plans__text{margin-bottom:7rem}
.plans__chosen{grid-template-columns:repeat(1,19rem);justify-content:center;grid-row-gap:5rem}
.container--stats:before{top:-4.5rem}
.container--stats:after{bottom:-4.5rem}
.stats__content{grid-template-columns:repeat(2,1fr);grid-template-rows:20rem 20rem}
.stats__content>:nth-child(1){-ms-grid-row:1;-ms-grid-column:1}
.stats__content>:nth-child(2){-ms-grid-row:1;-ms-grid-column:2}
.stats__content>:nth-child(3){-ms-grid-row:2;-ms-grid-column:1}
.stats__content>:nth-child(4){-ms-grid-row:2;-ms-grid-column:2}
.contacts__inner{grid-template-columns:0fr;grid-template-rows:40rem;grid-row-gap:5rem;justify-content:center}
.contacts__inner>:nth-child(1){-ms-grid-row:1;-ms-grid-column:1}}@media (max-width:1080px){.limited__list{grid-template-columns:repeat(2,-webkit-max-content);grid-template-columns:repeat(2,max-content)}}@media (max-width:1060px){.footer{padding:2rem 0}
.footer__inner{flex-direction:column}
.footer__copyright{margin-top: 10px}
/*.logo--lower{margin-bottom:4.3rem}}@media (max-width:1000px){.container--stocks{padding:0 8rem}*/
.stocks{padding:11rem 0 0}
.stocks__inner{grid-template-columns:none;justify-items:center;grid-row-gap:5rem;grid-template-rows:-webkit-min-content -webkit-min-content;grid-template-rows:min-content min-content}
.stocks__list{order:2;padding:0}
.stocks__img{margin:0;max-width:40rem}
.stocks__title{white-space:normal;position:static;margin-bottom:5.5rem}
.limited__list{grid-template-columns:repeat(3,-webkit-max-content);grid-template-columns:repeat(3,max-content)}}@media (max-width:964px){.nav{width:100%;max-height:0;position:absolute;top:100%;right:0;z-index:1;background:#cdcdcd;overflow:hidden;transition:max-height .6s,padding .6s cubic-bezier(.46,.03,.52,.96)}
.nav__enter,.nav__link{margin:0}
.header__menu{display:block}}@media (max-width:654px){.separator{display:inline-block}
.container{padding:0 2rem}
.header.fixed:after,.header.fixed:before{display:none}
.logo__name{font-size:1.6rem}
.logo img{width:2rem}
.lang__head,.nav__link{font-size:1.4rem}
.intro__title{font-size:3.7rem}
.intro__title p{display:block}
.intro__subtitle{font-size:1.4rem;margin-bottom:6rem}
.intro__pointer{font-size:1.4rem}
.intro__pointer img{width:2rem}
.about__title,.features__title,.plans__title,.resource__title{font-size:2.9rem}
.intro__buttons{grid-row-gap:2rem;grid-template-columns:19.2rem}
.intro__button{padding:.6rem 1.3rem}
.button__icon{width:3rem;height:3rem;margin-right:1rem}
.intro__button--play .button__icon{width:4.4rem}
.button__text{font-size:1.2rem}
.intro__button:last-child{grid-row-start:2}
.features{padding:7.5rem 0 6.3rem}
.features__content{padding:0 6rem;grid-template-columns:1fr;grid-row-gap:2rem}
.features__item:nth-child(2),.features__item:nth-child(3),.features__item:nth-child(4){-webkit-animation-delay:0s;animation-delay:0s}
.container--about{padding:0}
.about{grid-template-rows:41rem 1fr}
.about__inner{padding:0 2rem}
.intro__button--play,.intro__button--play:lang(ru){margin:0 0 5rem 6rem;max-width:15.4rem}
.container--plans{padding:0}
.plans__back{position:static;background-position:left bottom;padding:0}
.plans{padding:7rem 2rem 13.5rem}
.container--stats:after{bottom:-2.5rem}
.container--stats:before{top:-2.5rem}
.contacts{padding:6rem 0}
.resource__grid{grid-template-columns:1fr}
.stocks__title{font-size:2.9rem;margin-bottom:4rem}
.stocks__subtitle{font-size:1.8rem;margin-bottom:1.8rem}
.stocks__text{font-size:1.4rem}
.stocks__text--queue{font-size:1.6rem;margin-bottom:4rem}
.limited__list,.unlimited__list{grid-gap:1.5rem 6rem}
.footer__copyright li{text-align:center}}@media (max-width:530px){.container--stats{padding:10rem 2rem}
.container--stats:after{bottom:-7.5rem;left:-89rem;width:130rem}
.container--stats:before{top:-7.5rem;width:130rem}
.stats__content{grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(4,15rem)}
.stats__content>:nth-child(1){-ms-grid-row:1;-ms-grid-column:1}
.stats__content>:nth-child(2){-ms-grid-row:2;-ms-grid-column:1}
.stats__content>:nth-child(3){-ms-grid-row:3;-ms-grid-column:1}
.stats__content>:nth-child(4){-ms-grid-row:4;-ms-grid-column:1}
.limited__list{grid-template-columns:repeat(2,-webkit-max-content);grid-template-columns:repeat(2,max-content)}}@media (max-width:450px){.planet:last-child{margin:6rem 5rem 0 0}
.container--intro .arrows{position:absolute;bottom:-.2rem;right:0;width:80rem;left:-35rem}
.intro{width:100%;position:relative;padding:7rem 0 18rem}}@media (max-width:400px){.intro__title{font-size:3.3rem}
.about__title,.features__title,.plans__title,.resource__title{font-size:2.6rem}
.container--intro .arrows{left:-38rem}}@media (max-width:355px){html{font-size:56.25%}
.intro__title{font-size:3.2rem}
.intro__button--play:lang(ru){max-width:16rem}}
.private_pages {background: #ccc;}
#bottom {
position: fixed;
bottom: 0px;
width: 100%;
height: 30px;
background: #eee;
color: rgba(0,0,0,.4);
font-family: 'YS Text','Helvetica Neue',Arial,sans-serif;
-webkit-font-feature-settings: 'liga','kern';
-moz-font-feature-settings: 'liga','kern';
font-feature-settings: 'liga','kern';
-webkit-transition: color .15s ease-out;
transition: color .15s ease-out;
font-size: 0.9em;
margin: 0 auto;
min-width: 350px;
display: block;
}
@media (max-width: 550px) {#bottom{height: 25px}}
#bottom > p {
text-align: center;
margin-block-start: 0.5em;
}
@media (max-width: 550px) {#bottom > p{font-size: 75%}}
#bottom > p > a {
color: inherit;
text-decoration: none;
}
#bottom > p > a > span {
margin: 0 10px;
cursor: pointer;
}
#wrap {
margin: 0 auto;
position: fixed;
width: 100%;
height: 100%;
top: 50%;
margin-top: -100px;
}
.center_div p{
font-size: 12px;
}
.activation_key{
text-align: center;
font-size: 12px;
margin-top: 50px;
}
.activation_key_value{
border: 1px solid;
padding: 10px;
margin-right: 20px;
border-radius: 5px;
width: fit-content;
display: inline-block;
vertical-align: top;
margin-left: 20px;
height: 60px;
width: 270px;
font-size: 24px;
line-height: 1.5em;
}
@media(max-width:654px){.activation_key_value{height: 40px;font-size: 20px;line-height: 0.9em;width: 210px;}}
@media(max-width:499px){.activation_key_value{margin-top: -50px;}}
@media(max-width:355px){.activation_key_value{margin:-50px 0 0 0;width: 180px;font-size: 18px;height: 38px;}}
#act_key_btn{
display: inline-block;
}
#private_title{color: #75f9ff;}
#private_subtitle{color:#f00;}
/*# sourceMappingURL=style.css.map */
.fotos {
display: flex;
flex-wrap: wrap;
transition: opacity 150ms ease .05s;
}
.collection_title {
color: black;
font-size: 16px;
font-weight: normal;
text-align: left;
margin-left: 2px;
}
@media(max-width:1220px){.collection_title{margin-left: 0px;}}
.author_link {
font-style: italic;
}
.see_all_span {
font-size: 16px;
border: 2px solid #0aa30f;
border-radius: 15px;
padding: 7px 15px;
background: #0aa30f;
color: white;
transition: 0.5s;
margin-right: 2px;
}
.see_all_span:hover {
background: #fff;
color: #025000;
border: 2px solid #025000;
}
.see_all_link {
}
.left_half {
flex-grow: 0;
max-width: 50%;
flex-basis: 50%;
}
.right_half {
flex-grow: 0;
max-width: 50%;
flex-basis: 50%;
}
.collection_link_container {
width: 100%;
display: flex;
flex-wrap: wrap;
box-sizing: border-box;
margin-top: 20px;
margin-bottom: 12px;
}
.see_all_container {
height: 100%;
display: flex;
align-items: center;
justify-content: flex-end;
}
.image {
cursor: pointer;
max-width: -moz-available;
}
h4 {
font-size: 14px;
}
.image_properties {
text-align: right;
color: #000;
font-size: 16px;
margin: 10px 0;
}
.download_btn {
text-align: right;
margin: 10px 0;
font-size: 12px;
background-color: #0aa30f;
color: #fff;
width: fit-content;
padding: 10px 20px;
border: 2px solid #025000;
border-radius: 0px;
cursor: pointer;
transition: 0.5s;
}
.download_btn:hover {
background-color: #fff;
color: #025000;
}
.buy_btn {
text-align: right;
margin: 10px 0;
font-size: 12px;
background-color: #e72323;
color: #fff;
width: fit-content;
padding: 10px 20px;
border: 2px solid #500000;
border-radius: 0px;
cursor: pointer;
transition: 0.5s;
}
.buy_btn:hover {
background-color: #fff;
color: #025000;
}
.download_cont {
margin-left: 0em;
margin-right: auto;
width: fit-content;
}
.editorial {
color: crimson;
font-weight: bold;
}
.login_icon {
height: 26px;
vertical-align: bottom;
}
.fotos {
display: flex;
flex-wrap: nowrap;
align-items: stretch;
width: 100%;
gap: 5px;
height: auto; /* Высота адаптируется автоматически */
}
.fotos a {
flex: 1; /* Каждый элемент (ссылка) занимает равную ширину в контейнере */
display: flex;
justify-content: center;
align-items: center;
overflow: hidden; /* Обрезает изображение, выходящее за границы */
text-decoration: none; /* Убирает подчеркивание ссылки, если необходимо */
}
.fotos img {
flex-shrink: 0; /* Предотвращает уменьшение размера изображения */
min-width: 100%; /* Минимальная ширина изображения равна ширине родителя */
min-height: 100%; /* Минимальная высота изображения равна высоте родителя */
object-fit: cover; /* Обеспечивает покрытие всей доступной области без искажений */
transition: opacity 0.5s ease;
}
.fotos img:hover {
opacity: 0.9; /* Уменьшение прозрачности изображения при наведении */
}
.keywords_container {
display: flex; /* активируем flexbox */
flex-wrap: wrap; /* позволяет элементам переноситься на новую строку */
justify-content: flex-start; /* выравнивает элементы по левому краю */
gap: 10px; /* задаёт интервал между элементами */
}
.keywords {
border: 1px solid #333;
padding: 5px 10px;
border-radius: 15px;
color: #333 !important;
transition: 0.5s;
text-decoration: none; /* убираем подчёркивание ссылок */
}
.keywords:hover {
background: #ccc;
}
.collection-item a{
width: 100%;
height: auto;
max-width: 100%;
margin-bottom: 10px;
object-fit: cover;
}