diff --git a/docs/css/style.css b/docs/css/style.css index c710c47..e180eee 100644 --- a/docs/css/style.css +++ b/docs/css/style.css @@ -1 +1 @@ -html{scroll-behavior:smooth}*{padding:0;margin:0;border:0}*,::after,::before{-webkit-box-sizing:border-box;box-sizing:border-box}a,a:hover,a:link,a:visited{text-decoration:none}aside,footer,header,legend,main,nav,section{display:block}h1,h2,h3,h4,h5,h6,p{font-size:inherit;font-weight:inherit}ul,ul li{list-style:none}img{vertical-align:top}img,svg{max-width:100%;height:auto}address{font-style:normal}a,div,input,select,textarea{background-color:transparent}a,button,div,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit;-webkit-tap-highlight-color:transparent}input::-ms-clear{display:none}button,input[type=submit]{display:inline-block;-webkit-box-shadow:none;box-shadow:none;background-color:transparent;background:0 0;cursor:pointer}button:active,button:focus,input:active,input:focus{outline:0}button::-moz-focus-inner{padding:0;border:0}label{cursor:pointer}body.lock{overflow:hidden}.none{display:none!important}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;clip:rect(0 0 0 0);clip-path:inset(100%);white-space:nowrap;overflow:hidden}.no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.icon{fill:transparent;stroke:transparent;width:100%;height:100%}.about{padding:calc(114px + 15*(100vw - 360px)/920) 0 calc(75px + 25*(100vw - 360px)/920);overflow:hidden;position:relative}.about #about1{width:1115px;height:1100px;top:calc(300px + -100*(100vw - 360px)/920);right:calc(-150px + 0*(100vw - 360px)/920);-webkit-transform:translate(50%,-50%);-ms-transform:translate(50%,-50%);transform:translate(50%,-50%)}.about #about2{width:945px;height:869px;top:calc(750px + -350*(100vw - 360px)/920);left:calc(-30px + -10*(100vw - 360px)/920);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.about__content{display:grid;grid-template-areas:"title photo" "description photo" "sign-up photo";-webkit-column-gap:calc(10px + 20*(100vw - 360px)/920);-moz-column-gap:calc(10px + 20*(100vw - 360px)/920);column-gap:calc(10px + 20*(100vw - 360px)/920)}@media (max-width:767px){.about__content{grid-template-areas:"title" "photo" "description" "sign-up"}}.about__title{grid-area:title;font-weight:600;margin:0 0 calc(15px + 10*(100vw - 360px)/920)}.about__subheading{font-size:calc(22px + 8*(100vw - 360px)/920);color:#dd7f4a;margin:0 0 5px}.about__heading{font-size:calc(40px + 20*(100vw - 360px)/920);text-transform:uppercase}.about__description{grid-area:description;font-size:calc(14px + 2*(100vw - 360px)/920);font-weight:500;margin:0 0 calc(30px + 10*(100vw - 360px)/920)}.about__photo{grid-area:photo;margin:0 0 15px}.about__photo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.about__sign-up{grid-area:sign-up}.section-title{font-size:calc(25px + 10*(100vw - 360px)/920);font-weight:600;color:#dd7f4a;text-align:center;margin:0 0 calc(25px + 25*(100vw - 360px)/920)}.sign-up__btn{display:inline-block;font-size:calc(15px + 1*(100vw - 360px)/920);color:#fff;font-weight:600;background-color:#dd7f4a;padding:15px calc(16px + 14*(100vw - 360px)/920);margin:2px;-webkit-transition:color .2s,background-color .2s;transition:color .2s,background-color .2s}@media (hover:hover){.sign-up__btn:hover{color:#dd7f4a;background-color:#fff;border:2px solid #dd7f4a;margin:0}}.geometry{position:absolute;z-index:-1;overflow:hidden}.contacts{padding:calc(75px + 25*(100vw - 360px)/920) 0 0}.contacts__row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;gap:30px 50px}@media (max-width:767px){.contacts__row{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.contacts__group{-webkit-box-flex:0;-ms-flex:0 1 40%;flex:0 1 40%}@media (max-width:767px){.contacts__group{-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%}}.contacts-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (max-width:767px){.contacts-group{-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.contacts-group__title{font-size:calc(14px + 2*(100vw - 360px)/920);font-weight:500;margin:0 0 25px}@media (max-width:767px){.contacts-group__title{text-align:center}}.contacts-media{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;row-gap:25px}@media (max-width:767px){.contacts-media{margin:0 auto}}.contacts-media__item{display:block;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:30px;-moz-column-gap:30px;column-gap:30px}@media (hover:hover){.contacts-media__item:hover .contacts-media__image{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}}.contacts-media__image{height:calc(24px + 2*(100vw - 360px)/920);-webkit-transition:all .2s;transition:all .2s}.contacts-media__image svg{max-width:50px}@media (max-width:1071px){.contacts-media__image .icon_media{fill:#731c00}}.contacts-media__image .icon_media-b17,.contacts-media__image .icon_media-vk{-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8)}.contacts-media__username{font-size:calc(14px + 2*(100vw - 360px)/920)}.contacts-form{width:100%}.contacts-form__item{margin:0 0 30px}.contacts-form__item:nth-of-type(3){margin:0 0 40px}@media (max-width:767px){.contacts-form__item{text-align:center}}.contacts-form__item input{border-bottom:1px solid #dd7f4a;width:90%;max-width:400px;color:#731c00;font-size:calc(14px + 2*(100vw - 360px)/920)}.contacts-form__item input::-webkit-input-placeholder{color:#dc9f8c}.contacts-form__item input::-moz-placeholder{color:#dc9f8c}.contacts-form__item input:-ms-input-placeholder{color:#dc9f8c}.contacts-form__item input::-ms-input-placeholder{color:#dc9f8c}.contacts-form__item input::placeholder{color:#dc9f8c}@media (max-width:767px){.contacts-form__sign-up{text-align:center}}.contacts-form__sign-up button{padding:15px 47px}.contacts-form__result{font-size:calc(14px + 2*(100vw - 360px)/920)}@media (max-width:767px){.contacts-form__result{text-align:center}}.education{padding:calc(75px + 25*(100vw - 360px)/920) 0;overflow:hidden;position:relative}.education #education1{width:945px;height:869px;top:calc(300px + 100*(100vw - 360px)/920);left:calc(-50px + 50*(100vw - 360px)/920);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.education__list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;row-gap:calc(15px + 20*(100vw - 360px)/920)}.education__item{font-size:calc(14px + 2*(100vw - 360px)/920);-webkit-box-flex:0;-ms-flex:0 1 48%;flex:0 1 48%}@media (max-width:767px){.education__item{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.education__item_more{text-align:center}}.education__more{text-decoration:underline;font-weight:500}.edu-slider{margin:0 auto;max-width:800px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (max-width:767px){.edu-slider{margin:0 -15px}}.edu-slider__diplom{-webkit-transform:scale(.85);-ms-transform:scale(.85);transform:scale(.85);height:calc(300px + 200*(100vw - 360px)/920)}.edu-slider__diplom img{display:block;max-width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.edu-slider__diplom,.edu-slider__diplom picture{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.edu-slider .swiper-button-next::after,.edu-slider .swiper-button-prev::after{color:#731c00}.edu-slider .swiper-pagination-bullet{background-color:#731c00;gap:100px}:root{--swiper-pagination-bottom:0;--swiper-pagination-bullet-size:13px;--swiper-pagination-bullet-horizontal-gap:8px}@media (max-width:767px){:root{--swiper-pagination-bullet-size:10px;--swiper-pagination-bullet-horizontal-gap:7px;--swiper-navigation-size:30px}}@media (max-width:424px){:root{--swiper-pagination-bullet-size:8px;--swiper-pagination-bullet-horizontal-gap:6px;--swiper-navigation-size:25px}}.modal{z-index:11;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.4);opacity:0;visibility:hidden;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s;overflow-y:auto;overflow-x:hidden}.modal.modal-active{opacity:1;visibility:visible}.modal.modal-active .modal__content{opacity:1}.modal__body,.modal__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.modal__body{min-height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:30px 20px}.modal__content{background-color:#fffbf4;max-width:calc(400px + 300*(100vw - 360px)/920);padding:calc(28px + 10*(100vw - 360px)/920) calc(25px + 10*(100vw - 360px)/920);position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;opacity:0;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s}.modal__close{width:40px;height:40px;position:absolute;top:calc(14px + 15*(100vw - 360px)/920);right:calc(14px + 15*(100vw - 360px)/920)}.modal__close span{position:relative;width:100%;height:100%;display:inline-block}.modal__close span::after,.modal__close span::before{content:"";background-color:#731c00;width:100%;height:3px;position:absolute;border-radius:4px;top:50%;left:0}.modal__close span::before{-webkit-transform:translate(0,-50%) rotate(45deg);-ms-transform:translate(0,-50%) rotate(45deg);transform:translate(0,-50%) rotate(45deg)}.modal__close span::after{-webkit-transform:translate(0,-50%) rotate(-45deg);-ms-transform:translate(0,-50%) rotate(-45deg);transform:translate(0,-50%) rotate(-45deg)}.modal__title{font-size:calc(20px + 10*(100vw - 360px)/920)}@media (max-width:490px){.modal__title{width:200px}}.modal__text{font-size:calc(13px + 3*(100vw - 360px)/920)}.modal__text li{margin-bottom:10px}.accordion__item:last-child,.modal__text li:last-child{margin-bottom:0}.icon_buttons-close-btn{fill:#731c00}.faq{padding:calc(75px + 25*(100vw - 360px)/920) 0;overflow:hidden;position:relative}.faq #faq1{width:1280px;height:1062px;bottom:calc(350px + 0*(100vw - 360px)/920);left:calc(-200px + 150*(100vw - 360px)/920);-webkit-transform:translate(-50%,50%);-ms-transform:translate(-50%,50%);transform:translate(-50%,50%)}.accordion__item{border-top:1px solid #731c00;border-bottom:1px solid #731c00;padding:0 calc(10px + 23*(100vw - 360px)/920);margin-bottom:-1px}.accordion__header{text-align:start;max-width:87%}.accordion__button{padding:calc(10px + 5*(100vw - 360px)/920) 0;font-size:calc(15px + 3*(100vw - 360px)/920);font-weight:500;width:100%;height:100%;position:relative}.accordion__button::after,.accordion__button::before{content:"";background-color:#731c00;position:absolute;top:50%;right:0;width:calc(25px + 5*(100vw - 360px)/920);height:calc(1.5px + .5*(100vw - 360px)/920);-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);-webkit-transition:all .3s ease;transition:all .3s ease}.accordion__item.accordion-active .accordion__button::after{-webkit-transform:translate(0,-50%) rotate(135deg);-ms-transform:translate(0,-50%) rotate(135deg);transform:translate(0,-50%) rotate(135deg)}.accordion__button::before{-webkit-transform:translate(0,-50%) rotate(90deg);-ms-transform:translate(0,-50%) rotate(90deg);transform:translate(0,-50%) rotate(90deg)}.accordion__item.accordion-active .accordion__button::before{-webkit-transform:translate(0,-50%) rotate(225deg);-ms-transform:translate(0,-50%) rotate(225deg);transform:translate(0,-50%) rotate(225deg)}.accordion__body,.accordion__collapse{-webkit-transition:all .3s ease;transition:all .3s ease}.accordion__collapse{font-size:calc(14px + 2*(100vw - 360px)/920)}.accordion__item.accordion-active .accordion__collapse{padding:calc(10px + 5*(100vw - 360px)/920) 0}.accordion__body{height:0;overflow:hidden}.footer{padding:calc(75px + 25*(100vw - 360px)/920) 0 40px;position:relative;overflow:hidden}.footer #footer1{width:2021px;height:1199px;bottom:calc(-370px + 40*(100vw - 360px)/920);left:50%;-webkit-transform:translate(-40%,50%);-ms-transform:translate(-40%,50%);transform:translate(-40%,50%)}.footer__content{text-align:center;font-size:calc(12px + 3*(100vw - 360px)/920)}.footer__copyright{font-weight:500;margin:0 0 calc(12px + 12*(100vw - 360px)/920)}.footer-creators{color:#dc9f8c;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-column-gap:calc(19px + 18*(100vw - 360px)/920);-moz-column-gap:calc(19px + 18*(100vw - 360px)/920);column-gap:calc(19px + 18*(100vw - 360px)/920)}.footer-creators__item,.menu-list__item a{position:relative}.footer-creators__name{text-decoration:underline}.header{z-index:5;position:fixed;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:rgba(255,251,244,.5);width:100%;padding:19px 0}.header__row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header__logo{display:inline-block;width:calc(42px + 9*(100vw - 360px)/920);margin:0 26px 0 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.header__logo img{width:100%}.menu{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}@media (max-width:1071px){.menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}}.menu__icon{display:none}@media (max-width:1071px){.menu__icon{height:21px;width:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;z-index:10}.menu__icon span{position:relative;width:40px;height:3px;background-color:#731c00;border-radius:4px;-webkit-transition:all .2s;transition:all .2s}.menu__body,.menu__icon span::after,.menu__icon span::before{position:absolute;left:0;background-color:#731c00;-webkit-transition:all .2s;transition:all .2s}.menu__icon span::after,.menu__icon span::before{content:"";width:40px;height:3px;border-radius:4px}.menu__icon span::before{top:-9px}.menu__icon span::after{top:9px}.menu__icon.burger-active span::after,.menu__icon.burger-active span::before{background-color:#fff;top:0}.menu__icon.burger-active span::before{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.menu__icon.burger-active span::after{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.menu__body{bottom:100%;height:100vh;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:auto}}.menu__body.burger-active{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);-webkit-transition:all .2s;transition:all .2s}.menu__row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media (max-width:1071px){.menu__row{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:auto;row-gap:60px;padding:50px 15px}}.menu-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px}@media (max-width:1071px){.menu-list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;row-gap:20px}}.menu-list__item{text-align:center}.menu-list__item a::before{content:"";position:absolute;width:100%;height:1.5px;background-color:#731c00;bottom:-2.5px;left:0;-webkit-transform-origin:right;-ms-transform-origin:right;transform-origin:right;-webkit-transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0)}@media (hover:hover){.menu-list__item a:hover::before{-webkit-transform-origin:left;-ms-transform-origin:left;transform-origin:left;-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)}}.menu-list__link{font-size:16px;font-weight:500;color:#731c00;-webkit-transition:all .2s;transition:all .2s}@media (max-width:1071px){.menu-list__link{color:#fff;font-size:30px}}.media{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:12px;-moz-column-gap:12px;column-gap:12px}@media (max-width:1071px){.media{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-column-gap:20px;-moz-column-gap:20px;column-gap:20px}}.media__link{display:-webkit-box;display:-ms-flexbox;display:flex;max-width:32px;height:22px;-webkit-transition:all .2s;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (hover:hover){.media__link:hover{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}}.media__link:active{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}@media (max-width:1071px){.media__link{height:calc(25px + 5*(100vw - 360px)/712)}}.media__link img{height:100%}.icon_media{fill:#731c00}@media (max-width:1071px){.icon_media{fill:#fff}}.icon_media-vk{scale:.9}@media (max-width:1071px){.icon_media-vk{scale:1}.icon_media-b17{scale:1.2}}.prices{padding:calc(75px + 25*(100vw - 360px)/920) 0;overflow:hidden;position:relative}.prices #prices1{width:1848px;height:1412px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@media (max-width:767px){.prices__online.price-option{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}}.prices__sign-up{text-align:center}.price-option{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:20px 17px;margin:0 0 calc(20px + 30*(100vw - 360px)/920)}@media (max-width:767px){.price-option{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap}}.price-option__image{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (max-width:767px){.price-option__image{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%}}.price-option__photo{text-align:center;width:100%;max-width:374px;height:281px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (max-width:767px){.price-option__photo{max-width:80%}}@media (max-width:424px){.price-option__photo{max-width:100%}}.price-option__photo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.price-option__description{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;padding:0 20px}@media (max-width:767px){.price-option__description{-webkit-box-flex:unset;-ms-flex:unset;flex:unset;padding:0}}.price-option__subtitle{font-size:calc(15px + 3*(100vw - 360px)/920);font-weight:600;text-align:center;margin:0 0 calc(7px + 8*(100vw - 360px)/920)}.price-option__details{margin:0 0 calc(4px + 9*(100vw - 360px)/920)}.price-option__cost,.price-option__details{font-size:calc(14px + 2*(100vw - 360px)/920);font-weight:400;text-align:center}.spacer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.spacer__line{background-color:#731c00;width:calc(190px + 210*(100vw - 360px)/920);height:1px}.topics{padding:calc(75px + 25*(100vw - 360px)/920) 0;overflow:hidden;position:relative}.topics #topics1{width:1091px;height:843px;bottom:calc(300px + 0*(100vw - 360px)/920);right:calc(-150px + 100*(100vw - 360px)/920);-webkit-transform:translate(50%,50%);-ms-transform:translate(50%,50%);transform:translate(50%,50%)}.topics__list{margin:0 0 calc(20px + 30*(100vw - 360px)/920);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;row-gap:calc(20px + 25*(100vw - 360px)/920)}@media (max-width:767px){.topics__list{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.topics__item{-webkit-box-flex:0;-ms-flex:0 1 48%;flex:0 1 48%}@media (max-width:767px){.topics__item{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}}.topics__sign-up{text-align:center}.topic{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-column-gap:calc(10px + 12*(100vw - 360px)/920);-moz-column-gap:calc(10px + 12*(100vw - 360px)/920);column-gap:calc(10px + 12*(100vw - 360px)/920)}.topic__icon{max-width:calc(32px + 16*(100vw - 360px)/920);max-height:calc(32px + 16*(100vw - 360px)/920);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.topic__content,.topic__title{font-size:calc(14px + 2*(100vw - 360px)/920)}.topic__title{font-weight:600;margin:0 0 9px}.topic__content{font-weight:400}.icon_topics-puzzles,.icon_topics-tree{fill:#731c00}.icon_topics-dna,.icon_topics-masks,.icon_topics-people{stroke:#731c00}.icon_topics-magnifier{fill:#731c00;scale:.9}body{font-family:"Montserrat",sans-serif;color:#731c00;background-color:#fffbf4}.container{max-width:1180px;margin:0 auto;padding:0 20px} \ No newline at end of file +html{scroll-behavior:smooth}*{padding:0;margin:0;border:0}*,::after,::before{-webkit-box-sizing:border-box;box-sizing:border-box}a,a:hover,a:link,a:visited{text-decoration:none}aside,footer,header,legend,main,nav,section{display:block}h1,h2,h3,h4,h5,h6,p{font-size:inherit;font-weight:inherit}ul,ul li{list-style:none}img{vertical-align:top}img,svg{max-width:100%;height:auto}address{font-style:normal}a,div,input,select,textarea{background-color:transparent}a,button,div,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit;-webkit-tap-highlight-color:transparent}input::-ms-clear{display:none}button,input[type=submit]{display:inline-block;-webkit-box-shadow:none;box-shadow:none;background-color:transparent;background:0 0;cursor:pointer}button:active,button:focus,input:active,input:focus{outline:0}button::-moz-focus-inner{padding:0;border:0}label{cursor:pointer}body.lock{overflow:hidden}.none{display:none!important}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;clip:rect(0 0 0 0);clip-path:inset(100%);white-space:nowrap;overflow:hidden}.no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.icon{fill:transparent;stroke:transparent;width:100%;height:100%}.about{padding:calc(114px + 15*(100vw - 360px)/920) 0 calc(75px + 25*(100vw - 360px)/920);overflow:hidden;position:relative}.about #about1{width:1115px;height:1100px;top:calc(300px + -100*(100vw - 360px)/920);right:calc(-150px + 0*(100vw - 360px)/920);-webkit-transform:translate(50%,-50%);-ms-transform:translate(50%,-50%);transform:translate(50%,-50%)}.about #about2{width:945px;height:869px;top:calc(750px + -350*(100vw - 360px)/920);left:calc(-30px + -10*(100vw - 360px)/920);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.about__content{display:grid;grid-template-areas:"title photo" "description photo" "sign-up photo";-webkit-column-gap:calc(10px + 20*(100vw - 360px)/920);-moz-column-gap:calc(10px + 20*(100vw - 360px)/920);column-gap:calc(10px + 20*(100vw - 360px)/920)}@media (max-width:767px){.about__content{grid-template-areas:"title" "photo" "description" "sign-up"}}.about__title{grid-area:title;font-weight:600;margin:0 0 calc(15px + 10*(100vw - 360px)/920)}.about__subheading{font-size:calc(22px + 8*(100vw - 360px)/920);color:#dd7f4a;margin:0 0 5px}.about__heading{font-size:calc(40px + 20*(100vw - 360px)/920);text-transform:uppercase}.about__description{grid-area:description;font-size:calc(14px + 2*(100vw - 360px)/920);font-weight:500;margin:0 0 calc(30px + 10*(100vw - 360px)/920)}.about__photo{grid-area:photo;margin:0 0 15px}.about__photo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.about__sign-up{grid-area:sign-up}.section-title{font-size:calc(25px + 10*(100vw - 360px)/920);font-weight:600;color:#dd7f4a;text-align:center;margin:0 0 calc(25px + 25*(100vw - 360px)/920)}.sign-up__btn{display:inline-block;font-size:calc(15px + 1*(100vw - 360px)/920);color:#fff;font-weight:600;background-color:#dd7f4a;padding:15px calc(16px + 14*(100vw - 360px)/920);margin:2px;-webkit-transition:color .2s,background-color .2s;transition:color .2s,background-color .2s}@media (hover:hover){.sign-up__btn:hover{color:#dd7f4a;background-color:#fff;border:2px solid #dd7f4a;margin:0}}.geometry{position:absolute;z-index:-1;overflow:hidden}.contacts{padding:calc(75px + 25*(100vw - 360px)/920) 0 0}.contacts__row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;gap:30px 50px}@media (max-width:767px){.contacts__row{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.contacts__group{-webkit-box-flex:0;-ms-flex:0 1 40%;flex:0 1 40%}@media (max-width:767px){.contacts__group{-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%}}.contacts-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (max-width:767px){.contacts-group{-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.contacts-group__title{font-size:calc(14px + 2*(100vw - 360px)/920);font-weight:500;margin:0 0 25px}@media (max-width:767px){.contacts-group__title{text-align:center}}.contacts-media{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;row-gap:25px}@media (max-width:767px){.contacts-media{margin:0 auto}}.contacts-media__item{display:block;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:30px;-moz-column-gap:30px;column-gap:30px}@media (hover:hover){.contacts-media__item:hover .contacts-media__image{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}}.contacts-media__image{height:calc(24px + 2*(100vw - 360px)/920);-webkit-transition:all .2s;transition:all .2s}.contacts-media__image svg{max-width:50px}@media (max-width:1071px){.contacts-media__image .icon_media{fill:#731c00}}.contacts-media__image .icon_media-b17,.contacts-media__image .icon_media-vk{-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8)}.contacts-media__username{font-size:calc(14px + 2*(100vw - 360px)/920)}.contacts-form{width:100%}.contacts-form__item{margin:0 0 30px}.contacts-form__item:nth-of-type(3){margin:0 0 40px}@media (max-width:767px){.contacts-form__item{text-align:center}}.contacts-form__item input{border-bottom:1px solid #dd7f4a;width:90%;max-width:400px;color:#731c00;font-size:calc(14px + 2*(100vw - 360px)/920)}.contacts-form__item input::-webkit-input-placeholder{color:#dc9f8c}.contacts-form__item input::-moz-placeholder{color:#dc9f8c}.contacts-form__item input:-ms-input-placeholder{color:#dc9f8c}.contacts-form__item input::-ms-input-placeholder{color:#dc9f8c}.contacts-form__item input::placeholder{color:#dc9f8c}@media (max-width:767px){.contacts-form__sign-up{text-align:center}}.contacts-form__sign-up button{padding:15px 47px}.contacts-form__result{font-size:calc(14px + 2*(100vw - 360px)/920)}@media (max-width:767px){.contacts-form__result{text-align:center}}.education{padding:calc(75px + 25*(100vw - 360px)/920) 0;overflow:hidden;position:relative}.education #education1{width:945px;height:869px;top:calc(300px + 100*(100vw - 360px)/920);left:calc(-50px + 50*(100vw - 360px)/920);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.education__list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;row-gap:calc(15px + 20*(100vw - 360px)/920)}.education__item{font-size:calc(14px + 2*(100vw - 360px)/920);-webkit-box-flex:0;-ms-flex:0 1 48%;flex:0 1 48%}@media (max-width:767px){.education__item{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.education__item_more{text-align:center}}.education__more{text-decoration:underline;font-weight:500}.edu-slider{margin:0 auto;max-width:800px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (max-width:767px){.edu-slider{margin:0 -15px}}.edu-slider__diplom{-webkit-transform:scale(.85);-ms-transform:scale(.85);transform:scale(.85);height:calc(300px + 200*(100vw - 360px)/920)}.edu-slider__diplom img{display:block;max-width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.edu-slider__diplom,.edu-slider__diplom picture{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.edu-slider .swiper-button-next::after,.edu-slider .swiper-button-prev::after{color:#731c00}.edu-slider .swiper-pagination-bullet{background-color:#731c00;gap:100px}:root{--swiper-pagination-bottom:0;--swiper-pagination-bullet-size:13px;--swiper-pagination-bullet-horizontal-gap:8px}@media (max-width:767px){:root{--swiper-pagination-bullet-size:10px;--swiper-pagination-bullet-horizontal-gap:7px;--swiper-navigation-size:30px}}@media (max-width:424px){:root{--swiper-pagination-bullet-size:8px;--swiper-pagination-bullet-horizontal-gap:6px;--swiper-navigation-size:25px}}.modal{z-index:11;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.4);opacity:0;visibility:hidden;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s;overflow-y:auto;overflow-x:hidden}.modal.modal-active{opacity:1;visibility:visible}.modal.modal-active .modal__content{opacity:1}.modal__body,.modal__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.modal__body{min-height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:30px 20px}.modal__content{background-color:#fffbf4;max-width:calc(400px + 300*(100vw - 360px)/920);padding:calc(28px + 10*(100vw - 360px)/920) calc(25px + 10*(100vw - 360px)/920);position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;opacity:0;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s}.modal__close{width:40px;height:40px;position:absolute;top:calc(14px + 15*(100vw - 360px)/920);right:calc(14px + 15*(100vw - 360px)/920)}.modal__close span{position:relative;width:100%;height:100%;display:inline-block}.modal__close span::after,.modal__close span::before{content:"";background-color:#731c00;width:100%;height:3px;position:absolute;border-radius:4px;top:50%;left:0}.modal__close span::before{-webkit-transform:translate(0,-50%) rotate(45deg);-ms-transform:translate(0,-50%) rotate(45deg);transform:translate(0,-50%) rotate(45deg)}.modal__close span::after{-webkit-transform:translate(0,-50%) rotate(-45deg);-ms-transform:translate(0,-50%) rotate(-45deg);transform:translate(0,-50%) rotate(-45deg)}.modal__title{font-size:calc(20px + 10*(100vw - 360px)/920)}@media (max-width:490px){.modal__title{width:200px}}.modal__text{font-size:calc(13px + 3*(100vw - 360px)/920)}.modal__text li{margin-bottom:10px}.accordion__item:last-child,.modal__text li:last-child{margin-bottom:0}.icon_buttons-close-btn{fill:#731c00}.faq{padding:calc(75px + 25*(100vw - 360px)/920) 0;overflow:hidden;position:relative}.faq #faq1{width:1280px;height:1062px;bottom:calc(350px + 0*(100vw - 360px)/920);left:calc(-200px + 150*(100vw - 360px)/920);-webkit-transform:translate(-50%,50%);-ms-transform:translate(-50%,50%);transform:translate(-50%,50%)}.accordion__item{border-top:1px solid #731c00;border-bottom:1px solid #731c00;padding:0 calc(10px + 23*(100vw - 360px)/920);margin-bottom:-1px}.accordion__header{text-align:start;max-width:87%}.accordion__button{padding:calc(10px + 5*(100vw - 360px)/920) 0;font-size:calc(15px + 3*(100vw - 360px)/920);font-weight:500;width:100%;height:100%;position:relative}.accordion__button::after,.accordion__button::before{content:"";background-color:#731c00;position:absolute;top:50%;right:0;width:calc(25px + 5*(100vw - 360px)/920);height:calc(1.5px + .5*(100vw - 360px)/920);-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);-webkit-transition:all .3s ease;transition:all .3s ease}.accordion__item.accordion-active .accordion__button::after{-webkit-transform:translate(0,-50%) rotate(135deg);-ms-transform:translate(0,-50%) rotate(135deg);transform:translate(0,-50%) rotate(135deg)}.accordion__button::before{-webkit-transform:translate(0,-50%) rotate(90deg);-ms-transform:translate(0,-50%) rotate(90deg);transform:translate(0,-50%) rotate(90deg)}.accordion__item.accordion-active .accordion__button::before{-webkit-transform:translate(0,-50%) rotate(225deg);-ms-transform:translate(0,-50%) rotate(225deg);transform:translate(0,-50%) rotate(225deg)}.accordion__body,.accordion__collapse{-webkit-transition:all .3s ease;transition:all .3s ease}.accordion__collapse{font-size:calc(14px + 2*(100vw - 360px)/920)}.accordion__item.accordion-active .accordion__collapse{padding:calc(10px + 5*(100vw - 360px)/920) 0}.accordion__body{height:0;overflow:hidden}.footer{padding:calc(75px + 25*(100vw - 360px)/920) 0 40px;position:relative;overflow:hidden}.footer #footer1{width:2021px;height:1199px;bottom:calc(-370px + 40*(100vw - 360px)/920);left:50%;-webkit-transform:translate(-40%,50%);-ms-transform:translate(-40%,50%);transform:translate(-40%,50%)}.footer__content{text-align:center;font-size:calc(12px + 3*(100vw - 360px)/920)}.footer__copyright{font-weight:500;margin:0 0 calc(12px + 12*(100vw - 360px)/920)}.footer-creators{color:#dc9f8c;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-column-gap:calc(19px + 18*(100vw - 360px)/920);-moz-column-gap:calc(19px + 18*(100vw - 360px)/920);column-gap:calc(19px + 18*(100vw - 360px)/920)}.footer-creators__item,.menu-list__item a{position:relative}.footer-creators__name{text-decoration:underline}.header{z-index:5;position:fixed;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:rgba(255,251,244,.5);width:100%;padding:19px 0}.header__row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header__logo{display:inline-block;width:calc(42px + 9*(100vw - 360px)/920);margin:0 26px 0 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.header__logo img{width:100%}.menu{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}@media (max-width:1071px){.menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}}.menu__icon{display:none}@media (max-width:1071px){.menu__icon{height:21px;width:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;z-index:10}.menu__icon span{position:relative;width:40px;height:3px;background-color:#731c00;border-radius:4px;-webkit-transition:all .2s;transition:all .2s}.menu__body,.menu__icon span::after,.menu__icon span::before{position:absolute;left:0;background-color:#731c00;-webkit-transition:all .2s;transition:all .2s}.menu__icon span::after,.menu__icon span::before{content:"";width:40px;height:3px;border-radius:4px}.menu__icon span::before{top:-9px}.menu__icon span::after{top:9px}.menu__icon.burger-active span::after,.menu__icon.burger-active span::before{background-color:#fff;top:0}.menu__icon.burger-active span::before{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.menu__icon.burger-active span::after{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.menu__body{bottom:100%;height:100vh;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:auto}}.menu__body.burger-active{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);-webkit-transition:all .2s;transition:all .2s}.menu__row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media (max-width:1071px){.menu__row{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:auto;row-gap:60px;padding:50px 15px}}.menu-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px}@media (max-width:1071px){.menu-list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;row-gap:20px}}.menu-list__item{text-align:center}.menu-list__item a::before{content:"";position:absolute;width:100%;height:1.5px;background-color:#731c00;bottom:-2.5px;left:0;-webkit-transform-origin:right;-ms-transform-origin:right;transform-origin:right;-webkit-transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0)}@media (hover:hover){.menu-list__item a:hover::before{-webkit-transform-origin:left;-ms-transform-origin:left;transform-origin:left;-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)}}.menu-list__link{font-size:16px;font-weight:500;color:#731c00;-webkit-transition:all .2s;transition:all .2s}@media (max-width:1071px){.menu-list__link{color:#fff;font-size:30px}}.media{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:12px;-moz-column-gap:12px;column-gap:12px}@media (max-width:1071px){.media{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-column-gap:20px;-moz-column-gap:20px;column-gap:20px}}.media__link{display:-webkit-box;display:-ms-flexbox;display:flex;max-width:32px;height:22px;-webkit-transition:all .2s;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (hover:hover){.media__link:hover{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}}.media__link:active{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}@media (max-width:1071px){.media__link{height:calc(25px + 5*(100vw - 360px)/712)}}.media__link img{height:100%}.icon_media{fill:#731c00}@media (max-width:1071px){.icon_media{fill:#fff}}.icon_media-vk{scale:.9}@media (max-width:1071px){.icon_media-vk{scale:1}.icon_media-b17{scale:1.2}}.prices{padding:calc(75px + 25*(100vw - 360px)/920) 0;overflow:hidden;position:relative}.prices #prices1{width:1848px;height:1412px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@media (max-width:767px){.prices__online.price-option{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}}.prices__sign-up{text-align:center}.price-option{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:20px 17px;margin:0 0 calc(20px + 30*(100vw - 360px)/920)}@media (max-width:767px){.price-option{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap}}.price-option__image{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (max-width:767px){.price-option__image{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%}}.price-option__photo{text-align:center;width:100%;max-width:374px;height:281px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (max-width:767px){.price-option__photo{max-width:80%}}@media (max-width:424px){.price-option__photo{max-width:100%}}.price-option__photo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.price-option__description{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;padding:0 20px}@media (max-width:767px){.price-option__description{-webkit-box-flex:unset;-ms-flex:unset;flex:unset;padding:0}}.price-option__subtitle{font-size:calc(15px + 3*(100vw - 360px)/920);font-weight:600;text-align:center;margin:0 0 calc(7px + 8*(100vw - 360px)/920)}.price-option__details{margin:0 0 calc(4px + 9*(100vw - 360px)/920)}.price-option__cost,.price-option__details{font-size:calc(14px + 2*(100vw - 360px)/920);font-weight:400;text-align:center}.spacer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.spacer__line{background-color:#731c00;width:calc(190px + 210*(100vw - 360px)/920);height:1px}.topics{padding:calc(75px + 25*(100vw - 360px)/920) 0;overflow:hidden;position:relative}.topics #topics1{width:1091px;height:843px;bottom:calc(300px + 0*(100vw - 360px)/920);right:calc(-150px + 100*(100vw - 360px)/920);-webkit-transform:translate(50%,50%);-ms-transform:translate(50%,50%);transform:translate(50%,50%)}.topics__list{margin:0 0 calc(20px + 30*(100vw - 360px)/920);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;row-gap:calc(20px + 25*(100vw - 360px)/920)}@media (max-width:767px){.topics__list{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.topics__item{-webkit-box-flex:0;-ms-flex:0 1 48%;flex:0 1 48%}@media (max-width:767px){.topics__item{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}}.topics__sign-up{text-align:center}.topic{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-column-gap:calc(10px + 12*(100vw - 360px)/920);-moz-column-gap:calc(10px + 12*(100vw - 360px)/920);column-gap:calc(10px + 12*(100vw - 360px)/920)}.topic__icon{max-width:calc(32px + 16*(100vw - 360px)/920);max-height:calc(32px + 16*(100vw - 360px)/920);min-width:calc(32px + 16*(100vw - 360px)/920);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.topic__content,.topic__title{font-size:calc(14px + 2*(100vw - 360px)/920)}.topic__title{font-weight:600;margin:0 0 9px}.topic__content{font-weight:400}.icon_topics-puzzles,.icon_topics-tree{fill:#731c00}.icon_topics-dna,.icon_topics-masks,.icon_topics-people{stroke:#731c00}.icon_topics-magnifier{fill:#731c00;scale:.9}body{font-family:"Montserrat",sans-serif;color:#731c00;background-color:#fffbf4}.container{max-width:1180px;margin:0 auto;padding:0 20px} \ No newline at end of file diff --git a/docs/js/index.bundle.js b/docs/js/index.bundle.js index 9171e23..4b2ecc3 100644 --- a/docs/js/index.bundle.js +++ b/docs/js/index.bundle.js @@ -1 +1 @@ -!function(){"use strict";new Swiper(".edu-slider",{navigation:{prevEl:".swiper-button-prev",nextEl:".swiper-button-next"},pagination:{el:".swiper-pagination",clickable:!0,dynamicBullets:!0},simulateTouch:!1,slidesPerView:1,watchOverflow:!0,loop:!0,speed:300,effect:"fade",fadeEffect:{crossFade:!0}});(function(){const e=document.body,t=document.querySelector(".menu__body"),o=document.querySelector(".menu__icon");t&&o&&(o.addEventListener("click",(()=>{t.classList.toggle("burger-active"),o.classList.toggle("burger-active"),e.classList.toggle("lock")})),t.querySelectorAll(".menu-list__link").forEach((c=>{c.addEventListener("click",(()=>{t.classList.remove("burger-active"),o.classList.remove("burger-active"),e.classList.remove("lock")}))})))})(),function(){const e=document.querySelector(".header").offsetHeight;document.addEventListener("click",(t=>{if(t.target.hash){t.preventDefault();const o=document.querySelector(t.target.hash);if(o){const t=o.offsetTop-e;window.scrollTo({top:t,behavior:"smooth"})}}}))}(),function(){const e=document.querySelector("body"),t=document.querySelectorAll(".modal-button"),o=document.querySelectorAll(".modal__close");let c=!0;const n=300;function r(t){t&&c&&(t.classList.remove("modal-active"),setTimeout((()=>{e.classList.remove("lock")}),n),s())}function s(){c=!1,setTimeout((()=>{c=!0}),n)}t&&t.forEach((t=>{t.addEventListener("click",(o=>{const n=t.getAttribute("data-modal");var i;(i=document.querySelector(`#${n}`))&&c&&(e.classList.add("lock"),s(),i.classList.add("modal-active"),i.addEventListener("click",(e=>{e.target.closest(".modal__content")||r(e.target.closest(".modal"))})))}))})),o&&o.forEach((e=>{e.addEventListener("click",(t=>{r(e.closest(".modal"))}))})),document.addEventListener("keydown",(e=>{"Escape"==e.code&&r(document.querySelector(".modal.modal-active"))}))}(),function(){const e=document.querySelectorAll(".accordion__item");function t(e){e.querySelector(".accordion__body").style.height=null,e.classList.remove("accordion-active")}function o(e){return e.classList.contains("accordion-active")}e&&e.forEach((c=>{c.querySelector(".accordion__button").addEventListener("click",(()=>{e.forEach((e=>{o(e)&&e!=c&&t(e)})),o(c)?t(c):function(e){const t=e.querySelector(".accordion__body");t.style.height=t.scrollHeight+"px",e.classList.add("accordion-active")}(c)}))}))}(),function(){const e=document.querySelector("#form"),t=document.querySelector("#formResult"),o=document.querySelector("#formSubmit");e.addEventListener("submit",(function(c){c.preventDefault();const n=new FormData(e),r=Object.fromEntries(n),s=JSON.stringify(r);o.classList.add("none"),t.innerHTML="Отправка...",fetch("https://api.web3forms.com/submit",{method:"POST",headers:{"Content-Type":"application/json",Accept:"application/json"},body:s}).then((async e=>{200==e.status?t.innerHTML="Заявка успешно отправлена!":(console.log(e),t.innerHTML="Что-то не работает... Попробуйте воспользоваться контактами для связи.")})).catch((e=>{console.log(e),t.innerHTML="Что-то не работает... Попробуйте воспользоваться контактами для связи."}))}))}(),document.querySelector("#year").textContent=(new Date).getFullYear()}(); \ No newline at end of file +!function(){"use strict";new Swiper(".edu-slider",{navigation:{prevEl:".swiper-button-prev",nextEl:".swiper-button-next"},pagination:{el:".swiper-pagination",clickable:!0,dynamicBullets:!0},simulateTouch:!1,slidesPerView:1,watchOverflow:!0,loop:!0,speed:300,effect:"fade",fadeEffect:{crossFade:!0}});(function(){const e=document.body,t=document.querySelector(".menu__body"),o=document.querySelector(".menu__icon");t&&o&&(o.addEventListener("click",(()=>{t.classList.toggle("burger-active"),o.classList.toggle("burger-active"),e.classList.toggle("lock")})),t.querySelectorAll(".menu-list__link").forEach((c=>{c.addEventListener("click",(()=>{t.classList.remove("burger-active"),o.classList.remove("burger-active"),e.classList.remove("lock")}))})))})(),function(){const e=document.querySelector("body"),t=document.querySelectorAll(".modal-button"),o=document.querySelectorAll(".modal__close");let c=!0;const n=300;function s(t){t&&c&&(t.classList.remove("modal-active"),setTimeout((()=>{e.classList.remove("lock")}),n),r())}function r(){c=!1,setTimeout((()=>{c=!0}),n)}t&&t.forEach((t=>{t.addEventListener("click",(o=>{const n=t.getAttribute("data-modal");var i;(i=document.querySelector(`#${n}`))&&c&&(e.classList.add("lock"),r(),i.classList.add("modal-active"),i.addEventListener("click",(e=>{e.target.closest(".modal__content")||s(e.target.closest(".modal"))})))}))})),o&&o.forEach((e=>{e.addEventListener("click",(t=>{s(e.closest(".modal"))}))})),document.addEventListener("keydown",(e=>{"Escape"==e.code&&s(document.querySelector(".modal.modal-active"))}))}(),function(){const e=document.querySelectorAll(".accordion__item");function t(e){e.querySelector(".accordion__body").style.height=null,e.classList.remove("accordion-active")}function o(e){return e.classList.contains("accordion-active")}e&&e.forEach((c=>{c.querySelector(".accordion__button").addEventListener("click",(()=>{e.forEach((e=>{o(e)&&e!=c&&t(e)})),o(c)?t(c):function(e){const t=e.querySelector(".accordion__body");t.style.height=t.scrollHeight+"px",e.classList.add("accordion-active")}(c)}))}))}(),function(){const e=document.querySelector("#form"),t=document.querySelector("#formResult"),o=document.querySelector("#formSubmit");e.addEventListener("submit",(function(c){c.preventDefault();const n=new FormData(e),s=Object.fromEntries(n),r=JSON.stringify(s);o.classList.add("none"),t.innerHTML="Отправка...",fetch("https://api.web3forms.com/submit",{method:"POST",headers:{"Content-Type":"application/json",Accept:"application/json"},body:r}).then((async e=>{200==e.status?t.innerHTML="Заявка успешно отправлена!":(console.log(e),t.innerHTML="Что-то не работает... Попробуйте воспользоваться контактами для связи.")})).catch((e=>{console.log(e),t.innerHTML="Что-то не работает... Попробуйте воспользоваться контактами для связи."}))}))}(),document.querySelector("#year").textContent=(new Date).getFullYear()}(); \ No newline at end of file diff --git a/src/js/index.js b/src/js/index.js index 56b55e6..cb38cf2 100644 --- a/src/js/index.js +++ b/src/js/index.js @@ -1,5 +1,4 @@ import burgerMenu from './modules/burger-menu.js'; -import smoothScroll from './modules/smooth-scroll.js'; import swiper from './modules/swiper.js'; import modal from './modules/modal.js'; import accordion from './modules/accordion.js'; @@ -7,7 +6,6 @@ import web3form from './modules/web3form.js'; import currentYear from './modules/current-year.js'; burgerMenu(); -smoothScroll(); modal(); accordion(); web3form(); diff --git a/src/js/modules/smooth-scroll.js b/src/js/modules/smooth-scroll.js deleted file mode 100644 index 0977981..0000000 --- a/src/js/modules/smooth-scroll.js +++ /dev/null @@ -1,22 +0,0 @@ -function smoothScroll() { - const headerHeight = document.querySelector(".header").offsetHeight; - - document.addEventListener('click', e => { - if (e.target.hash) { - e.preventDefault(); - - const targetElement = document.querySelector(e.target.hash); - - if (targetElement) { - const targetOffset = targetElement.offsetTop - headerHeight; - - window.scrollTo({ - top: targetOffset, - behavior: "smooth", - }); - } - } - }); -} - -export default smoothScroll; \ No newline at end of file diff --git a/src/scss/blocks/_topics.scss b/src/scss/blocks/_topics.scss index aa9de83..2b7fcb6 100644 --- a/src/scss/blocks/_topics.scss +++ b/src/scss/blocks/_topics.scss @@ -43,6 +43,7 @@ &__icon { max-width: adaptive-value(48, 32); max-height: adaptive-value(48, 32); + min-width: adaptive-value(48, 32); user-select: none; }