diff --git a/base.html b/base.html index c91c37b..ba247ba 100644 --- a/base.html +++ b/base.html @@ -27,7 +27,202 @@
- +
+
+
+
+
+ +
+
+
+ +
+ + + + + + +
+
+
+
+ +
+ +
diff --git a/css/index.css b/css/index.css index a7502ba..a66f7b2 100644 --- a/css/index.css +++ b/css/index.css @@ -1 +1 @@ -@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";:root{--fs: 16px;--icon-size: 16px;--ff-base: "Helvetica, Arial, sans-serif";--b-radius: 4px;--transition: 0.3s ease-in-out;--letter-spacing: 0.5px;--padding: 16px;--margin: 16px;--font-size: 16px;--line-height: 1.5;--c-primary: #212529;--c-text-primary: #fff;--c-secondary: #24373d;--c-text-secondary: #000;--c-primary-hover: #F8EC20;--c-primary-cursor: #cfc720;--c-error: #ff4d4d;--c-primary-border: #0028ffcc;--c-secondary-border: #a0a0a0;--c-success-border: #00ff00;--c-danger-border: #ff0000;--c-warning-border: #ffff00;--c-info-border: #00ffff;--c-success: #2bb729;--c-error-hover: #cc0000;--c-shadow: rgba(0, 0, 0, 0.5);--c-table-shadow: rgba(0, 0, 0, 0.15);--c-placeholder: #666666;--c-bg-item: #1c1c1c;--c-text-body-secondary: #6c757d;--c-code-hover: #007eff;--c-shadow-table: rgba(0, 0, 0, 0.2);--c-primary-table: #cfe2ff;--c-secondary-table: #e2e3e5;--c-success-table: #d1e7dd;--c-danger-table: #f8d7da;--c-warning-table: #fff3cd;--c-info-table: #cff4fc;--c-light-table: #f8f9fa;--c-table-striped: #2c3034;--c-border: #495057}html,*,*:before,*:after{box-sizing:border-box}html{line-height:1.15;-webkit-text-size-adjust:100%}*{outline:0}html,body{margin:0;padding:0}main{display:block}h1{font-size:36px;font-weight:900;margin:5px 0;line-height:1}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[hidden]{display:none}img{max-width:100%;display:inline-block;vertical-align:top}a{text-decoration:none}html,*,*:before,*:after{box-sizing:border-box}html{line-height:1.15;-webkit-text-size-adjust:100%}*{outline:0}html,body{margin:0;padding:0}main{display:block}h1{font-size:36px;font-weight:900;margin:5px 0;line-height:1}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[hidden]{display:none}img{max-width:100%;display:inline-block;vertical-align:top}a{text-decoration:none}.first-screen{background:url("../img/first.png");background-size:cover;background-position:center}.welcome{padding:300px 0;color:#fff}.welcome__title{font-weight:600;font-size:80px}.welcome__title span{color:#a9dd67;display:block}.welcome__description{max-width:800px;font-weight:500;font-size:24px;padding-top:35px}.welcome__description span{color:#a9dd67}.welcome-btns{padding-top:50px;display:flex;flex-flow:row wrap}.welcome-btns .btn-c{margin-right:35px}.about-us-wrapper{display:flex;flex-flow:row wrap;padding:70px 0}.about-us-text{flex:1 0}.about-us-img{margin-right:-220px}.about-us__title{padding-top:50px;font-weight:600;font-size:26px;color:#a9dd67}.about-us__description{font-size:20px;padding:20px 0}.about-us-catalog{display:flex;flex-flow:row wrap}.about-us-catalog__wrap{padding:0 15px;margin-bottom:30px;flex:0 0 50%;max-width:50%}.about-us-catalog__title{font-weight:600;padding:10px 0}.about-us-catalog-buy{display:flex;justify-content:space-between;align-items:center}.about-us-catalog-buy__btn a{height:30px;width:120px;display:flex;border-radius:120px;background:#a9dd67;align-items:center;justify-content:center}.about-us-catalog-buy__btn svg{width:13px;height:13px}.about-us-catalog-buy__btn span{font-size:14px;margin-left:5px}.about-us__btn{margin-bottom:70px}.about-us__btn a{margin:0 auto}.more-info{padding-top:50px}.more-info-wrap{display:flex;flex-flow:row wrap;padding:0 15px}.more-info-img{flex:0 0 560px}.more-info-text{flex:1 0;padding-left:75px}.more-info__subtitle{font-weight:600;font-size:26px;text-transform:uppercase;color:#a9dd67;padding:30px 0 20px 0}.more-info__description{font-size:20px;margin-bottom:15px}.more-info-triggers{display:flex;flex-flow:row wrap}.more-info-triggers__wrap{flex:0 0 50%;max-width:50%;padding:0 15px}.more-info-triggers__item{display:flex;flex-flow:row wrap}.more-info-triggers__img{border-radius:120px;width:15px;height:15px;background:#a9dd67;flex:0 0 15px;margin:0 0 20px 0}.more-info-triggers-text{flex:1 0}.more-info-triggers-text__title{font-size:18px;font-weight:700;padding-bottom:10px}.more-info-triggers-text__description{font-size:16px}.blog__main-title{padding:70px 0 50px 0}.blog-wrapper{display:flex;flex-flow:row wrap;justify-content:space-between}.blog__wrap{flex:0 0 50%;max-width:440px;margin-bottom:30px}.blog__img img{width:440px;height:245px;object-fit:cover;border-radius:12px}.blog__title{font-weight:600;font-size:26px;color:#a9dd67;padding:20px 0 15px 0}.blog__description{font-size:18px;overflow:hidden;text-overflow:ellipsis;display:-moz-box;-moz-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-clamp:4;box-orient:vertical}.blog__btn a{display:flex;color:#3e3c3c;align-items:center;border-bottom:1px solid #a9dd67;padding-bottom:1px;width:fit-content}.blog__btn a span{margin-left:10px;display:block}.blog__main-btn{padding:40px 0 70px 0}.blog__main-btn a{margin:0 auto}.map__iframe{position:relative}.map-info{position:absolute;top:50%;left:50%;height:fit-content !important;transform:translate(-50%, -50%)}.map-info__wrapper{max-width:560px;width:100%;backdrop-filter:blur(4px);box-shadow:0 4px 20px 0 hsla(0,0%,100%,.11);background:hsla(0,0%,100%,.71);border-radius:32px;border:.3px solid #a9dd67;padding:30px 80px 30px 30px}.map__main-title{font-weight:700;font-size:22px;color:#a9dd67;padding-bottom:10px}.map__description{font-size:18px;padding-bottom:15px}.map__description span{font-weight:700}.map-title{display:flex;align-items:center;margin-bottom:20px}.map-title__img{display:flex}.map-title__text{margin-right:10px;font-size:22px;color:#3e3c3c;text-transform:uppercase}.map-link{display:flex;align-items:center;margin-bottom:10px}.map-link span{color:#2d3424;margin-left:10px}.map-social{padding-top:20px}.map-social__wrapper{display:flex;align-items:center}.map-social__wrapper a{display:flex;margin-right:20px}.map-adress{padding-top:20px}.footer{padding:30px 0}.footer-list{display:flex;flex-flow:row wrap;justify-content:space-between}.footer__wrap--logo{flex:20%;max-width:20%}.footer__wrap--logo .header-logo__text{color:#3e3c3c}.footer__wrap--links{flex:0 0 60%;max-width:60%}.footer__wrap--links .footer__item{display:flex;justify-content:space-between;padding:0 30px}.footer__wrap--socials{flex:0 0 20%;max-width:20%}.footer-link{padding:0 5px}.footer-link__title{font-size:16px;color:#a9dd67;padding-bottom:10px}.footer-link__go{font-size:14px;color:#3e3c3c;transition:all .3s;padding-bottom:5px;display:block}.footer-link__go:hover{text-decoration:underline}.footer__socials{display:flex;flex-flow:row wrap;align-items:center}.footer__socials a{flex:0 0 50%;max-width:50%}@media screen and (max-width: 1499px){.header-logo__svg img{height:48px !important;width:48px !important}.header-logo__text{font-size:19px;margin-left:15px}.welcome{padding:170px 0}.welcome__title{font-size:65px}.welcome__description{max-width:700px;font-size:21px;padding-top:28px;line-height:1.4}.about-us-img{margin-right:-169px;flex:0 0 730px}.articles-all{padding-top:110px}}@media screen and (max-width: 1199px){.header-navigtion li a{font-size:18px}.header-logo__text{font-size:18px;margin-left:15px}.header-logo__svg img{height:44px;width:44px}.welcome{padding:150px 0 100px 0}.welcome__title{font-size:56px}.about-us-img{flex:0 0 630px}.more-info-img{flex:0 0 410px}}@media screen and (max-width: 991px){.about-us-catalog__wrap{padding:0 8px;margin-bottom:30px;text-align:center}.about-us__description{font-size:18px;padding:20px 0}.about-us__title{padding-top:30px;font-size:22px;color:#a9dd67}.about-us__btn{margin-bottom:40px}.about-us-img{flex:0 0 520px}.about-us-catalog-buy{display:flex;justify-content:space-between;align-items:center;flex-flow:column wrap}.about-us-catalog-buy__btn{margin-top:10px}.about-us-wrapper{padding:70px 0 30px 0}.more-info-text{flex:0 0 100%;padding:0 30px 0 0}.more-info-img{flex:0 0 100%;max-width:420px;margin-bottom:30px}.blog__wrap{max-width:50%;padding:0 10px}}@media screen and (max-width: 767px){.welcome__title{font-size:40px}.welcome__description{font-size:18px;padding-top:25px;max-width:500px}.welcome-btns{padding-top:30px;display:flex;flex-flow:column wrap}.btn-c--second{margin:20px 0 0 0}.welcome{padding:130px 0 70px 0}.about-us-img{flex:0 0 100%;max-width:450px;margin:0 auto}.about-us-text{flex:0 0 100%}.more-info-img{flex:0 0 100%;max-width:420px;margin:0 auto}.more-info-wrap{display:flex;flex-flow:column wrap;padding:0}.more-info-triggers__wrap{flex:0 0 100%;max-width:100%;padding:0;margin-bottom:30px}.more-info-triggers__img{margin:0 15px 0 0}.blog__main-title{padding:50px 0}.blog-wrapper{display:flex;flex-flow:column wrap;justify-content:space-between}.blog__wrap{max-width:400px;padding:0;margin:0 auto 30px}.map__description,.map-title,.map-social{display:none}.map-adress{padding-top:0}.map-info__wrapper{max-width:90%}.map-info{position:absolute;top:unset;bottom:15px;left:50%;height:fit-content !important;transform:translate(-50%, 0)}.footer-list{flex-flow:column wrap}.footer__wrap--links{flex:0 0 100%;max-width:100%}.footer__wrap--logo{flex:100%;max-width:100%;margin:0 auto}.map-link{display:flex;margin-bottom:10px;flex-flow:row wrap}.map-link span{color:#2d3424;margin-left:10px;flex:1 0}.footer__wrap--links .footer__item{padding:20px 0}.footer__wrap--socials{flex:0 0 100%;max-width:100%}.footer__socials a{flex:0 0 25%;max-width:25%;text-align:center}}@media screen and (max-width: 479px){.welcome__title{font-size:28px;text-align:center}.welcome__description{font-size:17px;padding-top:20px;text-align:center}.welcome-btns .btn-c{margin-right:0}.welcome-btns{align-items:center}.about-us-wrapper{padding:50px 0 30px 0}.about-us__main-title{justify-content:center}.about-us__title{padding-top:20px;text-align:center}.about-us__description{font-size:17px;text-align:center}.about-us-catalog{justify-content:center}.about-us-img{max-width:310px}.more-info{padding-top:15px}.more-info__subtitle{text-align:center;font-size:22px;padding:20px 0}.more-info__description{font-size:17px;margin-bottom:15px;text-align:center}.more-info__main-title{justify-content:center}.more-info-text{flex:0 0 100%;padding:30px 0 0 0}.more-info-triggers__item{flex-flow:column wrap;justify-content:center;align-items:center}.more-info-triggers-text{text-align:center}.more-info-triggers__img{margin:0 0 10px 0;width:25px;height:25px;flex:0 0 25px}.blog__main-title{justify-content:center}.blog__img img{width:440px;height:195px}}.header--products{position:relative !important;background:rgba(0,0,0,0) !important}.products-wrap{background:url("../img/product.png");background-size:cover}.products-wrapper{display:flex;flex-flow:row wrap;background:hsla(0,0%,100%,.2196078431);margin:20px 0;overflow:hidden;height:calc(100vh - 121px);border-radius:12px;color:#fff;position:relative}.products-sidebar{flex:0 0 260px}.products-sidebar--order{display:none}.products-sidebar__content{padding:15px;overflow-y:scroll;height:calc(100vh - 120px)}.products-main{flex:1 0}.products-main__content{padding:15px;height:calc(100vh - 114px);overflow:scroll}.products-item{display:flex;flex-flow:row wrap;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #cfc5c5}.products-text{flex:1 0;padding-left:20px}.products-text__title{font-size:18px;font-weight:700;color:#a9dd67;text-transform:uppercase;padding-bottom:10px}.products-text-info{display:flex;padding:5px 0}.products-text-info__item{display:flex;align-items:center;margin-right:20px}.products-text-info__img{display:flex}.products-text-info__img svg{width:28px;height:28px}.products-text-info__img svg path{fill:#f2ffe1}.products-text-info__text{padding-left:10px;font-weight:600}.products-text__btn{margin-top:5px}.products-text__btn a{width:140px}.sidebar-title{display:flex;align-items:center;margin-bottom:30px}.sidebar-title__img{display:flex;margin-right:10px}.sidebar-title__img svg{fill:#a9dd67}.sidebar-title__text{font-weight:600}.sidebar-link{transition:all .3s;display:block;margin-bottom:20px}.sidebar-link:last-child{margin-bottom:0}.sidebar-link:hover .sidebar-link__title{color:#a9dd67}.sidebar-link__img{position:relative}.sidebar-link__img::before{content:"";position:absolute;width:100%;height:100%;background:linear-gradient(180deg, rgba(217, 217, 217, 0) 0%, #202020 100%);top:0;left:0;border-radius:8px}.sidebar-link__img img{width:100%;height:90px;object-fit:cover;border-radius:8px}.sidebar-link__title{position:absolute;bottom:9px;left:50%;transform:translateX(-50%);color:#fff;width:100%;text-align:center;font-size:15px;font-weight:600;transition:all .3s}.burger-side{display:none}@media screen and (max-width: 1199px){.sidebar-title{margin-bottom:20px}.sidebar-link{margin-bottom:10px}.sidebar-link__img img{width:100%;height:80px;object-fit:cover;border-radius:8px}.products-wrapper{height:calc(100vh - 114px)}}@media screen and (max-width: 991px){.products-sidebar__content{padding:15px 0 15px 15px}.products-sidebar{flex:0 0 210px}.products-img img{width:150px;height:100px;object-fit:cover}.products-text__title{font-size:16px;padding-bottom:8px}.products-text__description{font-size:14px;font-weight:600}.products-wrapper{margin:10px 0}.products-wrapper{height:calc(100vh - 94px)}}@media screen and (max-width: 767px){.products-sidebar__content{padding:15px}.products-main__content{padding:40px 20px 20px 20px}.products-sidebar{position:absolute;background:#141414;width:0;height:100%;overflow:hidden;opacity:0;transition:all .3s}.products-sidebar--open{width:100%;overflow:visible;opacity:1}.burger-side{position:absolute;left:50%;top:0px;transform:translateX(-50%);width:100%;text-align:center;background:rgba(119,124,111,.8392156863);display:flex;justify-content:center;z-index:2}.burger-side svg{width:30px;height:30px;fill:#f2ffe1}.sidebar-title{padding-top:25px}}@media screen and (max-width: 479px){.products-main__content{padding:40px 10px 20px 10px}.products-text{flex:0 0 100%;padding:15px 0 0 0}.burger-side{justify-content:start}.burger-side svg{margin-left:10px}.products-wrapper{height:calc(100vh - 91px)}}.burger-sider--active svg{fill:#a9dd67}.order__item{display:flex;align-items:center;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #cfc5c5}.order-count{display:flex;align-items:center;margin-left:auto;height:fit-content}.order-count__number{margin:0 5px;font-weight:600;font-size:20px}.order-text__title{font-size:18px;font-weight:700;color:#a9dd67;text-transform:uppercase;padding-bottom:10px}.order-img{margin-right:25px}.order-img img{width:140px;height:80px;object-fit:cover}.order-buy{margin-top:20px;text-align:center;font-size:22px;font-weight:600}.order-buy__text{font-weight:600;text-align:center;font-size:26px;padding-bottom:10px;text-transform:uppercase}.order-buy__text span{font-weight:700;color:#a9dd67}.order-buy__btn{padding-top:20px}.order-buy__btn .btn-c{max-width:270px;height:50px;font-size:23px;margin:0 auto}.order-buy__btn .btn-c svg{margin-right:12px;width:26px;height:26px}.order-buy-price{display:flex;align-items:center;justify-content:center;padding-top:20px;font-size:23px;font-weight:700}.order-buy-price__icon{display:flex;margin-right:15px}.order-buy-price__icon svg{width:36px;height:36px;fill:#f2ffe1}.order-buy-price__text span{color:#a9dd67}.order-count__arrow-left,.order-count__arrow-right{display:flex;cursor:pointer}.order-form{padding-top:25px}.order-form__inputs{display:flex;flex-flow:row wrap}.order-form__input{flex:0 0 25%;max-width:25%;padding:5px}.order-form__input input{border-radius:120px;border:2px solid #a9dd67}@media screen and (max-width: 1199px){.order-form__input{flex:0 0 50%;max-width:50%}}@media screen and (max-width: 767px){.order__item{flex-flow:column wrap;align-items:start}.order-count{margin-left:unset;padding-top:10px}.order-img{margin:0 0 10px 0}.order-text__title{font-size:16px;padding-bottom:5px}.order-img img{width:150px;height:90px;object-fit:cover;border-radius:5px}}@media screen and (max-width: 580px){.order-form__input{flex:0 0 100%;max-width:100%}}@media screen and (max-width: 479px){.order-text__description{font-size:14px}}.articles-header{background:rgba(0,0,0,.55) !important}.articles-all{padding-top:150px}.articles__main-title{padding-bottom:50px}.articles-wrap{display:flex;flex-flow:row wrap;justify-content:space-between}.articles__item{flex:0 0 50%;max-width:400px;margin-bottom:40px}.articles__img img{width:100%;height:100%;object-fit:cover;border-radius:10px}.articles__title{font-weight:600;font-size:26px;color:#a9dd67;padding:20px 0 15px 0}.articles__description{font-size:18px;overflow:hidden;text-overflow:ellipsis;display:-moz-box;-moz-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-clamp:4;box-orient:vertical}.select-container{margin-bottom:20px;flex:0 0 200px}.select-container select{padding:10px;font-size:16px;margin-top:10px;background-color:rgba(0,0,0,0);max-width:200px;width:100%;border-radius:120px;border:2px solid #a9dd67;font-weight:500}.select-container select:focus{outline:none;border-color:#007bff}.output-container{margin-top:30px}#output{font-size:18px;color:#333;font-style:italic;text-align:center;font-weight:600;margin:0;padding-bottom:12px}.select-list{padding-top:20px;display:flex;max-width:700px;margin:0 auto;justify-content:space-between}.cake-info{justify-content:center}.cake-info .products-text-info__img svg path{fill:#a9dd67}.cake-info .products-text-info__item:last-child{margin:0}.cake__btn{padding:20px 0}.cake__btn .btn-c{margin:0 auto;max-width:260px;height:50px}.cake-img{text-align:center;padding-top:100px}.w-btn,button{font-size:var(--fs);font-weight:500;font-family:var(--ff-base);background-color:var(--c-primary);border-radius:var(--b-radius);transition:var(--transition);color:var(--c-white);position:relative;line-height:19px;text-align:center;white-space:nowrap;user-select:none;border:none;cursor:pointer}.w-btn._primary,button._primary{background-color:var(--c-primary)}.w-btn._primary:hover,button._primary:hover{background-color:var(--c-primary-hover)}.w-btn._second,button._second{border:1px solid #256eff;background-color:var(--c-white);color:#256eff}.w-btn._danger,button._danger{background-color:var(--c-error);color:#fff}.w-btn._danger:hover,button._danger:hover{background:var(--c-error-hover)}.w-btn._link,button._link{background:rgba(0,0,0,0);color:var(--c-text-primary);font-size:14px;font-weight:400}.w-btn._link:hover,button._link:hover{color:var(--c-text-secondary)}.w-btn:disabled,button:disabled{background-color:var(--c-grey-dark);cursor:default}.w-btn:disabled:hover,button:disabled:hover{background-color:var(--c-grey-dark)}.btn{display:inline-block;width:100%;max-width:270px;padding:15px 20px;background-color:var(--c-primary-hover);color:var(--c-secondary);border:none;border-radius:var(--b-radius);text-align:center;font-size:20px;cursor:pointer;transition:background-color .3s,padding .3s;border:2px solid rgba(0,0,0,0)}.btn:hover{background-color:var(--c-primary-cursor)}.btn--error{background-color:var(--c-error);color:var(--c-text-primary)}.btn--error:hover{background-color:var(--c-error-hover)}.btn--second{background-color:rgba(0,0,0,0);border:2px solid var(--c-primary-hover);color:var(--c-text-primary)}.btn--second:hover{background-color:var(--c-primary-hover);color:var(--c-secondary)}.btn:disabled{background-color:var(--c-placeholder);cursor:default}.btn:disabled:hover{background-color:var(--c-placeholder)}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.switch input:checked+.slider{background-color:var(--c-primary-hover)}.switch input:focus+.slider{box-shadow:0 0 1px #2196f3}.switch input:checked+.slider:before{transform:translateX(26px);background-color:#504e4e}.switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:34px}.switch .slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}.w-forms{max-width:600px;padding:20px;border:2px solid #fff;border-radius:22px}.w-forms__title{font-size:24px;font-weight:600;text-align:center;padding:0 0 15px 0}.w-forms__input{margin-bottom:15px}.w-forms__btn .btn{width:100%;max-width:100%}input{width:100%;font-size:20px;padding:18px 8px;border-radius:5px;border:2px solid var(--c-primary-hover);background:rgba(0,0,0,0);color:var(--c-text-primary)}input::placeholder{color:var(--c-text-primary)}textarea{height:120px;width:100%;font-size:20px;padding:18px 8px;border-radius:5px;border:2px solid var(--c-primary-hover);background:rgba(0,0,0,0);color:var(--c-text-primary);resize:none}textarea::placeholder{color:var(--c-text-primary)}.card-wrapper{display:flex;flex-flow:row wrap}.card__wrap{display:flex;flex:0 0 25%;max-width:25%;padding:0 10px;margin-bottom:20px}@media screen and (max-width: 1199px){.card__wrap{flex:0 0 33.333%;max-width:33.333%}}@media screen and (max-width: 991px){.card__wrap{flex:0 0 50%;max-width:50%}}@media screen and (max-width: 630px){.card__wrap{flex:0 0 100%;max-width:400px;margin:0 auto 20px}}.card__wrap .card-top{background-color:#fff;padding:8px;border-radius:4px;color:#1f1c1c;text-align:center}.card__wrap .card-center{display:flex;flex-flow:row wrap;padding:10px 0}.card__wrap .card-center__wrap{flex:0 0 25%;max-width:25%;min-height:150px;padding:0 5px;display:flex}.card__wrap .card-center__item{background-color:#8f8f8f;width:100%;display:flex;align-items:center;justify-content:center}.card__item{border:1px solid #fff;border-radius:5px;padding:15px;display:flex;flex-flow:column wrap;width:100%}.card__img{text-align:center}.card__img img{width:100%;height:100%;max-width:180px}.card__title{text-align:center;padding:20px 0 10px 0;font-size:22px;font-weight:600}.card__description{text-align:center;line-height:1.1;margin-bottom:10px}.card__btn .btn{padding:10px;width:100%;max-width:100%}.radio-container{display:flex;flex-direction:column;gap:10px}.custom-radio{display:none}.custom-label{position:relative;padding-left:30px;cursor:pointer;font-size:16px;color:#fff}.custom-label::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:20px;height:20px;border:2px solid var(--c-primary-hover);border-radius:50%;background-color:#504e4e;box-sizing:border-box;transition:background-color .3s ease}.custom-radio:checked+.custom-label::before{background-color:var(--c-primary-hover);border-color:var(--c-primary-hover)}.custom-label::after{content:"";position:absolute;left:6px;top:50%;transform:translateY(-50%);width:8px;height:8px;background-color:#504e4e;border-radius:50%;opacity:0;transition:opacity .3s ease}.custom-radio:checked+.custom-label::after{opacity:1}.open-modal{cursor:pointer;display:inline-block;padding:10px 20px;margin:10px;background-color:var(--c-primary-hover);color:var(--c-secondary);border-radius:5px;transition:background-color .3s ease}.open-modal:hover{background-color:var(--c-primary-cursor)}.modal{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.5);transition:opacity .3s ease;opacity:0}.modal.show{display:block;opacity:1}.modal-content{background-color:#343434;margin:10% auto;padding:20px;border:1px solid rgba(136,136,136,.3490196078);width:80%;border-radius:10px;position:relative;transition:transform .3s ease;transform:scale(0.7);max-height:80vh;overflow-y:auto;color:#fff}.modal.show .modal-content{transform:scale(1)}.close{color:#aaa;float:right;font-size:28px;font-weight:bold;cursor:pointer;position:absolute;top:10px;right:15px;transition:color .3s ease}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}.modal-template{display:none}.alert-wrap{display:flex;flex-flow:row wrap;padding:5px;border-radius:var(--b-radius);margin-bottom:10px;position:relative}.alert-wrap-img{margin-right:15px;display:flex}.alert-wrap-img svg{width:30px;height:30px}.alert-wrap-text__title{font-size:16px;font-weight:600}.alert-wrap-text__description{font-size:16px}.alert-wrap-close{position:absolute;width:20px;height:20px;right:16px;transition:all .3s;cursor:pointer}.alert-wrap-close:hover{transform:scale(0.8)}.alert-wrap-close svg{width:100%;height:100%}.alert-info{background:var(--c-primary-hover);color:var(--c-primary)}.alert-error{background:var(--c-error)}.alert-error svg path{fill:var(--c-text-primary)}.alert-success{background:var(--c-success)}.accordion-button__arrow{transition:transform .3s ease}.accordion-button.active .accordion-button__arrow{transform:rotate(-180deg)}.accordion{max-width:600px;margin:20px auto;border:1px solid #ccc;border-radius:5px;overflow:hidden}.accordion-item{border:2px solid var(--c-primary-hover);border-radius:var(--b-radius)}.accordion-button{width:100%;padding:10px;text-align:left;background-color:rgba(0,0,0,0);border:none;outline:none;cursor:pointer;font-size:22px;transition:background-color .3s;display:flex;align-items:center;justify-content:space-between}.accordion-button:hover{background-color:rgba(0,0,0,0)}.accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out;padding:0 15px;border-top:1px solid var(--c-primary-hover);font-size:18px}.accordion-content p{margin:15px 0}.breadcrumb{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.75rem 1rem;margin-bottom:1rem;list-style:none;background-color:rgba(0,0,0,0);border:2px solid var(--c-primary-hover);border-radius:.25rem}.breadcrumb .active{color:var(--c-text-primary)}.breadcrumb a{color:var(--c-primary-hover);text-decoration:none;background-color:rgba(0,0,0,0);-webkit-text-decoration-skip:objects}.breadcrumb-item+.breadcrumb-item::before{display:inline-block;padding-right:.5rem;padding-left:.5rem;color:#6c757d;content:"/"}.dropdown{position:relative;display:inline-block}.dropdown-button{background-color:var(--c-primary-hover);color:var(--c-secondary);padding:10px 20px;border:none;cursor:pointer;font-size:18px;display:flex;align-items:center}.dropdown-button__text{margin-right:10px}.dropdown-button__arrow{transition:transform .3s ease-out;display:flex}.dropdown-menu{list-style:none;padding:0;margin:0;position:absolute;top:100%;width:100%;left:0;background-color:var(--c-primary-hover);color:var(--c-secondary);box-shadow:0 8px 16px rgba(0,0,0,.1);height:0;overflow:hidden;transition:height .3s ease-out,border .3s ease-out;border:none;border-radius:0 0 4px 4px;z-index:99}.dropdown-menu li{transition:all .3s;border-bottom:1px solid #000}.dropdown-menu li:last-child{border-bottom:none}.dropdown-menu li a{display:block;padding:10px 20px;text-decoration:none;color:#000;transition:all .3s}.dropdown-menu li a:hover{background-color:var(--c-primary-cursor)}.dropdown.open .dropdown-menu{border-top:1px solid #000}.dropdown.open .dropdown-button{border-radius:4px 4px 0 0}.dropdown.open .dropdown-button__arrow{transform:rotate(180deg)}.navbar{display:flex;flex-flow:row wrap;justify-content:space-between;position:relative}.navbar-logo{display:flex;align-items:center}.navbar-form form{display:flex}.navbar-navigation{display:flex}.navbar-navigation li{margin-right:30px}.navbar-navigation li:last-child{margin-right:0;display:flex;align-items:center}.navbar-navigation li a{transition:all .3s;font-size:20px}.navbar-navigation li a:hover{color:var(--c-primary-hover)}.navbar-navigation-dropdawn{position:relative}.navbar-navigation-dropdawn:hover .navbar-navigation-dropdawn__text{color:var(--c-primary-hover)}.navbar-navigation-dropdawn__text{display:flex;align-items:center;cursor:pointer;transition:all .3s}.navbar-navigation-dropdawn__img{display:flex;margin-left:5px}.navbar-navigation-dropdawn .arrow-icon{transition:transform .3s ease-in-out}.navbar-navigation-dropdawn__list{max-height:0;overflow:hidden;list-style:none;padding:0;margin:0;transition:max-height .3s ease-in-out;position:absolute;border:1px solid rgba(0,0,0,0);transition:all .3s;padding:5px;border-radius:var(--b-radius);width:100%;z-index:99}.navbar-navigation-dropdawn__list li{margin:0 0 5px 0}.navbar-form input{border:2px solid var(--c-primary-hover);padding:5px;background-color:rgba(0,0,0,0);color:var(--c-text-primary);border-radius:var(--b-radius)}.navbar-form input::placeholder{color:var(--c-text-primary)}.navbar-form button{background:var(--c-primary-hover);color:var(--c-primary);padding:7.5px 20px;transition:all .3s}.navbar-form button:hover{background-color:var(--c-primary-cursor)}.navbar-navigation-dropdawn.open .navbar-navigation-dropdawn__list{max-height:100vh;border:1px solid var(--c-primary-hover);background:var(--c-primary)}.navbar-navigation-dropdawn.open .arrow-icon{transform:rotate(180deg)}.burger-wrap-n{display:none;width:36px;height:27px;position:relative}.burger-n{height:5px;width:100%;background-color:#fff;transition:all .3s}.burger-n::before,.burger-n::after{content:"";width:100%;height:5px;display:block;background-color:#fff;transition:all .3s;position:absolute;left:0}.burger-n::before{top:0}.burger-n:after{bottom:0}@media screen and (max-width: 1024px){.navbar-navigation{position:relative;display:block;max-height:unset;width:unset;opacity:1;border:none;margin:unset}.burger-wrap-n{display:flex;align-items:center;position:absolute;z-index:3;left:0;transform:translateY(-50%);top:50%}.burger-n--close{max-width:0;overflow:hidden}.burger-n--close::before{transform:translateY(-1px) rotate(45deg)}.burger-n--close::after{transform:translateY(3px) rotate(-45deg)}.burger-n--close::after,.burger-n--close::before{transform-origin:0}.navbar-navigation{position:absolute;top:15px;width:100%;left:0;background:rgba(0,0,0,.8784313725);z-index:3;padding:0;opacity:0;display:flex;max-height:0;overflow:hidden;transition:all .3s;border-bottom:1px solid #000;margin:0 auto;align-items:center;justify-content:center}.navbar-navigation{flex-flow:column wrap;justify-content:center;align-items:center}.navbar-navigation li{display:block;margin-right:0;padding-right:0;font-size:20px}.navbar-navigation li a{display:block;padding:10px 0;border:none;text-align:center;width:100%}.navbar-navigation--open{max-height:500px;opacity:1;padding:15px 0;overflow:unset}.navbar-form{max-width:210px;padding-top:10px}.navbar-logo{position:absolute;right:0;top:50%;transform:translate(0, -50%)}.navbar{justify-content:right}.pagination .page-link{width:33px !important;height:33px !important}}.pagination{display:flex;padding-left:0;list-style:none;border-radius:.25rem;margin-bottom:20px}.pagination .page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:var(--c-text-primary);background-color:var(--c-primary);border:1px solid var(--c-primary-hover);border-radius:4px;transition:all .3s;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.pagination .page-link svg{transition:all .3s}.pagination .page-link svg path{transition:all .3s}.pagination .page-link:hover{background-color:var(--c-primary-hover);color:var(--c-primary)}.pagination .page-link:hover svg path{fill:var(--c-primary)}.pagination .page-item{margin-right:10px}.pagination .page-item:last-child{margin-right:0}.pagination .prev-arrow{margin-right:20px}.pagination .next-arrow{margin-left:10px}.page-link:not(:disabled):not(.disabled){cursor:pointer}.page-item.active .page-link{z-index:1;color:#fff;background-color:var(--c-primary-hover);color:var(--c-primary)}.page-item.disabled .page-link{background-color:#54575a;color:#b7acac;cursor:default}.page-item.disabled svg path{fill:#3c3a3a}:root{--popover-arrow-size: 10px;--popover-bg: #f7f7f7;--popover-border: #ddd}.popover{max-width:200px;padding:1rem;background-color:var(--popover-bg);border:1px solid var(--popover-border);border-radius:.3rem;box-shadow:0 .125rem .25rem rgba(0,0,0,.075);position:absolute;display:none;z-index:1000;bottom:unset;top:0;right:-210px;opacity:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;color:#000}.popover-wrapper{position:relative}.popover-wrapper{position:relative;max-width:fit-content;width:100%}.popover .popover-arrow{position:absolute;width:0;height:0;border:var(--popover-arrow-size) solid rgba(0,0,0,0);left:-15px}.popover .popover-arrow::before{content:"";position:absolute;border:var(--popover-arrow-size) solid var(--popover-bg)}.popover-top .popover-arrow::before{bottom:0;left:-10px;transform:translateY(-50%) rotate(-90deg);top:50%;border-width:0 var(--popover-arrow-size) var(--popover-arrow-size) var(--popover-arrow-size);border-color:rgba(0,0,0,0) rgba(0,0,0,0) var(--popover-bg) rgba(0,0,0,0)}.progress-container{width:100%;max-width:400px;background-color:rgba(0,0,0,0);border:2px solid var(--c-primary-hover);border-radius:4px;overflow:hidden;height:30px;margin-top:20px}.progress-bar{height:100%;width:0;background-color:var(--c-primary-hover);transition:width .5s ease;position:relative;border-radius:2px 0 0 2px}.progress-label{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);color:var(--c-secondary);font-weight:bold}.btn--progress{max-width:200px;padding:10px 5px;margin:10px 0}.progress-item{max-width:400px;width:100%;height:30px;position:relative;background-color:rgba(0,0,0,0);border:2px solid var(--c-primary-hover);border-radius:4px}.progress-item span{position:absolute;top:0;left:0;width:45%;height:100%;background-color:var(--c-primary-hover);border-radius:2px}.spinner{width:100px;height:100px;border:16px solid #504e4e;border-top:16px solid var(--c-primary-hover);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.custom-select{position:relative;width:200px;font-family:Arial,sans-serif}.custom-select .select-selected{background-color:var(--c-primary-hover);border-radius:4px;padding:10px;cursor:pointer;position:relative;transition:background-color .3s ease;display:flex;justify-content:space-between;align-items:center;color:var(--c-primary)}.custom-select .select-selected:hover{background-color:var(--c-primary-cursor)}.custom-select .select-selected .arrow{width:0;height:0;border-left:5px solid rgba(0,0,0,0);border-right:5px solid rgba(0,0,0,0);border-top:5px solid #333;transition:transform .3s ease}.custom-select .select-selected.select-open .arrow{transform:rotate(-180deg)}.custom-select .select-items{position:absolute;background-color:var(--c-primary-hover);border-radius:4px;width:100%;box-shadow:0 4px 8px rgba(0,0,0,.1);z-index:99;margin-top:5px;max-height:0;overflow:hidden;opacity:0;transition:max-height .3s ease,opacity .3s ease}.custom-select .select-items div{padding:10px;color:var(--c-secondary);cursor:pointer;transition:background-color .3s ease}.custom-select .select-items div:hover{background-color:var(--c-primary-cursor)}.custom-select .select-open{max-height:200px;opacity:1}.custom-select .same-as-selected{background-color:var(--c-primary-hover)}.checkbox-container{display:flex;flex-direction:column;gap:10px}.custom-checkbox{position:relative;display:flex;align-items:center;cursor:pointer;user-select:none}.custom-checkbox input[type=checkbox]{opacity:0;position:absolute;z-index:-1}.custom-checkbox .checkbox-checkmark{display:inline-block;width:20px;height:20px;border:2px solid var(--c-primary-hover);border-radius:4px;background-color:#3a3434;transition:background-color .3s,border-color .3s;margin-right:10px;position:relative}.custom-checkbox .checkbox-checkmark::after{content:"";position:absolute;left:50%;top:50%;width:6px;height:12px;border:solid #3a3434;border-width:0 3px 3px 0;transform:rotate(45deg) translate(-109%, -29%);opacity:0;transition:opacity .3s}.custom-checkbox input[type=checkbox]:checked+.checkbox-checkmark{background-color:var(--c-primary-hover);border-color:var(--c-primary-hover)}.custom-checkbox input[type=checkbox]:checked+.checkbox-checkmark::after{opacity:1}.d-b{display:block !important}.d-ib{display:inline-block !important}.d-f{display:flex !important}.fd-c{flex-direction:column !important}.jc-sb{justify-content:space-between !important}.jc-fs{justify-content:flex-start !important}.jc-c{justify-content:center !important}.jc-fe{justify-content:flex-end !important}.ai-c{align-items:center !important}.ai-fe{align-items:flex-end !important}.ai-fs{align-items:flex-start !important}.ai-sb{align-items:space-between !important}.fg-1{flex-grow:1 !important}.m0{margin:0px !important}.mx0{margin-left:0px !important;margin-right:0px !important}.my0{margin-top:0px !important;margin-bottom:0px !important}.mt0{margin-top:0px !important}.mb0{margin-bottom:0px !important}.mb15{margin-bottom:15px !important}.ml0{margin-left:0px !important}.mr0{margin-right:0px !important}.p0{padding:0px !important}.px0{padding-left:0px !important;padding-right:0px !important}.py0{padding-top:0px !important;padding-bottom:0px !important}.pt0{padding-top:0px !important}.pb0{padding-bottom:0px !important}.pr0{padding-right:0px !important}.pl0{padding-left:0px !important}.w100p{width:100% !important}.h100p{height:100%}.ta-l{text-align:left !important}.ta-c{text-align:center !important}.ta-r{text-align:right !important}.ws-nw{white-space:nowrap !important}.ws-pl{white-space:pre-line !important}.ws-n{white-space:normal !important}.fw400{font-weight:400 !important}.fw500{font-weight:500 !important}.fw700{font-weight:700 !important}.tt-u{text-transform:uppercase !important}html,body{height:100%;color:#3e3c3c}.wrapper{display:flex;flex-direction:column;height:100%;font-family:"Montserrat",sans-serif;overflow-x:hidden}.content{flex:1 0 auto}.footer{flex:0 0 auto}a{color:var(--c-text-primary)}ul{list-style:none;padding:0;margin:0}.burger-wrap{display:none;width:34px;height:24px;position:relative}.burger{height:3px;width:100%;background-color:#fff;transition:all .3s}.burger::before,.burger::after{content:"";width:100%;height:3px;display:block;background-color:#fff;transition:all .3s;position:absolute;left:0}.burger::before{top:0}.burger:after{bottom:0}.header{padding:15px 0;position:fixed;width:100%;transition:background .3s;background:rgba(0,0,0,0);z-index:3}.header-wrap{display:flex;align-items:center;justify-content:space-between}.header-navigtion{display:flex}.header-navigtion li{margin-right:35px}.header-navigtion li:last-child{margin-right:0}.header-navigtion li a{font-weight:600;font-size:22px;text-align:center;color:#fff}.header-socials{display:flex;align-items:center}.header-socials a{margin-right:40px}.header-socials a:last-child{margin-right:0}.header-logo{display:flex;align-items:center}.header-logo__svg img{width:70px;height:70px}.header-logo__text{font-size:22px;display:none;color:#fff;margin-left:20px}.header-logo__text span{display:block;color:#a9dd67}.scrolled{background:rgba(0,0,0,.55)}.global-title{display:flex;align-items:center}.global-title__img{margin-right:25px}.global-title__text{font-size:48px;font-weight:600}.container{max-width:1200px;width:100%;margin:0 auto;padding:0 15px;height:100%}.btn-c{max-width:300px;height:60px;background:#a9dd67;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:24px;border-radius:120px;width:100%;position:relative;z-index:1}.btn-c::before{content:"";position:absolute;width:100%;background:rgba(169,221,103,.7);height:100%;border-radius:120px;z-index:-1;bottom:-6px;transition:all .3s}.btn-c svg{margin-right:20px}.btn-c--second{background:rgba(0,0,0,0);border:2px solid #a9dd67}.btn-c--second::before{opacity:0}.btn-c:hover:before{bottom:0}.btn-c--second:hover{background:#a9dd67}.btn-c--second:hover::before{opacity:1;bottom:-6px}@media screen and (max-width: 1499px){.header-logo__svg img{height:48px !important;width:48px !important}.header-navigtion li a{font-size:18px}.header-socials a img{width:26px;height:26px}.header{padding:8px 0}}@media screen and (max-width: 1199px){.header-navigtion li a{font-size:18px}.header-logo__text{font-size:18px}.global-title__img{margin-right:20px}.global-title__img svg{width:48px;height:48px}.global-title__text{font-size:38px}}@media screen and (max-width: 479px){.header-socials a{margin-right:25px}.header-logo__svg img{height:40px;width:40px}.header-logo__text{margin-left:10px}.btn-c{max-width:270px;height:50px;font-size:21px}.btn-c svg{margin-right:15px;width:26px;height:26px}.global-title__img svg{width:40px;height:40px}}.main-content{display:flex;padding-top:85px}.main-content__nav{border-right:1px solid var(--c-secondary);width:250px;list-style:none;padding:0;margin:0;transition:all .3s;position:fixed;background:var(--c-primary);z-index:9;height:100%;padding:16px}.main-content__nav-wrap{height:100%;overflow-y:scroll;padding-bottom:80px}@media(max-width: 769px){.main-content__nav{opacity:0;width:0;position:absolute}}.main-content__nav--show{width:100%;opacity:1;background:#212529;z-index:99;border-bottom:1px solid #fff;position:fixed;top:65px}.main-content__nav-in{border-left:1px solid var(--c-placeholder)}.main-content__nav-in-item .main-content__nav-link{padding:5px 10px}.main-content__nav-in-item--active ul{margin-bottom:5px;display:block}.main-content__nav-in-item--active>.main-content__nav-link{color:var(--c-primary-hover);font-weight:550}.main-content__nav-in--none{display:none}.main-content__nav-item{margin:0}.main-content__nav-item--mobile{display:none}.main-content__nav-item ul{display:none}.main-content__nav-item--active ul{display:block}.main-content__nav-item--active>.main-content__nav-link{color:var(--c-primary-hover);font-weight:550}.main-content__nav-link{display:block;padding-bottom:12px;text-decoration:none}.main-content__nav-link:hover{color:var(--c-primary-hover);font-weight:550}.main-content__section{display:flex;flex-flow:column wrap;min-height:100vh;width:100%;padding:20px 20px 20px 270px}@media(max-width: 768px){.main-content__section{padding:15px;width:100%}}.main-content__nav-in-item:hover>.main-content__nav-link{border-left:1px solid var(--c-primary-hover);color:var(--c-primary-hover)}.header__nav-link--github-mobile{margin-right:45px}.footer{width:100%;flex:0 0 auto;padding:var(--padding);border-top:1px solid var(--c-secondary);margin-top:auto}@media(max-width: 768px){.footer{padding:10px}}.footer__text{margin:0;font-size:.9em;text-align:center}.footer__text span{display:block}.footer__text-part{margin:0 5px}.footer-wrap{display:flex;flex-flow:row wrap;padding-top:10px}@media(max-width: 768px){.footer-wrap{justify-content:center}}.footer__item-link{flex:0 0 33.333%;max-width:33.333%;display:flex;flex-flow:column wrap;text-align:center}.footer__item-link--center{align-content:center}.footer__item-link--end{align-content:center}@media(max-width: 768px){.footer__item-link{flex:0 0 50%;max-width:50%;display:flex;flex-flow:column wrap;text-align:center;margin-bottom:20px}}.footer__link-title{color:var(--c-primary-hover)}.footer__link:hover{color:var(--c-primary-hover);text-decoration:underline}.goTop{position:fixed;bottom:20px;right:20px;z-index:99;cursor:pointer;transition:all .3s}.goTop svg{width:50px;height:50px}@media(max-width: 768px){.goTop svg{width:38px;height:38px}}.goTop:hover{bottom:30px}@media screen and (max-width: 991px){.burger-wrap{display:flex;align-items:center;position:absolute;z-index:3;right:unset;left:50%;transform:translate(-50%, -50%);top:50%;z-index:7}.burger--close{max-width:0;overflow:hidden}.burger--close::before{transform:translateY(1px) rotate(45deg)}.burger--close::after{transform:translateY(3px) rotate(-45deg)}.burger--close::after,.burger--close::before{transform-origin:1px;background-color:#a9dd67}.header-navigtion{position:relative;display:block;max-height:unset;width:unset;opacity:1;border:none;margin:unset}.header-navigtion{position:absolute;top:73px;width:100%;left:0;background:rgba(0,0,0,.541);z-index:3;padding:0;opacity:0;display:flex;max-height:0;overflow:hidden;transition:all .3s;border-bottom:1px solid #000;margin:0 auto;align-items:center;justify-content:center}.header-navigtion{flex-flow:column wrap;justify-content:center;align-items:center}.header-navigtion li{display:block;margin-right:0;padding-right:0;font-size:20px}.header-navigtion li a{display:block;padding:10px 0;border:none;text-align:center;color:block}.header-navigtion--open{max-height:500px;top:0;padding:57px 0 15px 0;opacity:1}}*::-webkit-scrollbar-track{box-shadow:inset 0 0 6px var(--c-shadow);background-color:var(--c-white);display:none}*::-webkit-scrollbar{width:5px;height:5px;background-color:var(--c-white)}* ::-webkit-scrollbar-thumb{box-shadow:inset 0 0 6px var(--c-basic);background-color:var(--c-basic)} \ No newline at end of file +@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";:root{--fs: 16px;--icon-size: 16px;--ff-base: "Helvetica, Arial, sans-serif";--b-radius: 4px;--transition: 0.3s ease-in-out;--letter-spacing: 0.5px;--padding: 16px;--margin: 16px;--font-size: 16px;--line-height: 1.5;--c-primary: #212529;--c-text-primary: #fff;--c-secondary: #24373d;--c-text-secondary: #000;--c-primary-hover: #F8EC20;--c-primary-cursor: #cfc720;--c-error: #ff4d4d;--c-primary-border: #0028ffcc;--c-secondary-border: #a0a0a0;--c-success-border: #00ff00;--c-danger-border: #ff0000;--c-warning-border: #ffff00;--c-info-border: #00ffff;--c-success: #2bb729;--c-error-hover: #cc0000;--c-shadow: rgba(0, 0, 0, 0.5);--c-table-shadow: rgba(0, 0, 0, 0.15);--c-placeholder: #666666;--c-bg-item: #1c1c1c;--c-text-body-secondary: #6c757d;--c-code-hover: #007eff;--c-shadow-table: rgba(0, 0, 0, 0.2);--c-primary-table: #cfe2ff;--c-secondary-table: #e2e3e5;--c-success-table: #d1e7dd;--c-danger-table: #f8d7da;--c-warning-table: #fff3cd;--c-info-table: #cff4fc;--c-light-table: #f8f9fa;--c-table-striped: #2c3034;--c-border: #495057}html,*,*:before,*:after{box-sizing:border-box}html{line-height:1.15;-webkit-text-size-adjust:100%}*{outline:0}html,body{margin:0;padding:0}main{display:block}h1{font-size:36px;font-weight:900;margin:5px 0;line-height:1}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[hidden]{display:none}img{max-width:100%;display:inline-block;vertical-align:top}a{text-decoration:none}html,*,*:before,*:after{box-sizing:border-box}html{line-height:1.15;-webkit-text-size-adjust:100%}*{outline:0}html,body{margin:0;padding:0}main{display:block}h1{font-size:36px;font-weight:900;margin:5px 0;line-height:1}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[hidden]{display:none}img{max-width:100%;display:inline-block;vertical-align:top}a{text-decoration:none}.first-screen{background:url("../img/first.png");background-size:cover;background-position:center}.welcome{padding:300px 0;color:#fff}.welcome__title{font-weight:600;font-size:80px}.welcome__title span{color:#a9dd67;display:block}.welcome__description{max-width:800px;font-weight:500;font-size:24px;padding-top:35px}.welcome__description span{color:#a9dd67}.welcome-btns{padding-top:50px;display:flex;flex-flow:row wrap}.welcome-btns .btn-c{margin-right:35px}.about-us-wrapper{display:flex;flex-flow:row wrap;padding:70px 0}.about-us-text{flex:1 0}.about-us-img{margin-right:-220px}.about-us__title{padding-top:50px;font-weight:600;font-size:26px;color:#a9dd67}.about-us__description{font-size:20px;padding:20px 0}.about-us-catalog{display:flex;flex-flow:row wrap}.about-us-catalog__wrap{padding:0 15px;margin-bottom:30px;flex:0 0 50%;max-width:50%}.about-us-catalog__title{font-weight:600;padding:10px 0}.about-us-catalog-buy{display:flex;justify-content:space-between;align-items:center}.about-us-catalog-buy__btn a{height:30px;width:120px;display:flex;border-radius:120px;background:#a9dd67;align-items:center;justify-content:center}.about-us-catalog-buy__btn svg{width:13px;height:13px}.about-us-catalog-buy__btn span{font-size:14px;margin-left:5px}.about-us__btn{margin-bottom:70px}.about-us__btn a{margin:0 auto}.more-info{padding-top:50px}.more-info-wrap{display:flex;flex-flow:row wrap;padding:0 15px}.more-info-img{flex:0 0 560px}.more-info-text{flex:1 0;padding-left:75px}.more-info__subtitle{font-weight:600;font-size:26px;text-transform:uppercase;color:#a9dd67;padding:30px 0 20px 0}.more-info__description{font-size:20px;margin-bottom:15px}.more-info-triggers{display:flex;flex-flow:row wrap}.more-info-triggers__wrap{flex:0 0 50%;max-width:50%;padding:0 15px}.more-info-triggers__item{display:flex;flex-flow:row wrap}.more-info-triggers__img{border-radius:120px;width:15px;height:15px;background:#a9dd67;flex:0 0 15px;margin:0 0 20px 0}.more-info-triggers-text{flex:1 0}.more-info-triggers-text__title{font-size:18px;font-weight:700;padding-bottom:10px}.more-info-triggers-text__description{font-size:16px}.blog__main-title{padding:70px 0 50px 0}.blog-wrapper{display:flex;flex-flow:row wrap;justify-content:space-between}.blog__wrap{flex:0 0 50%;max-width:440px;margin-bottom:30px}.blog__img img{width:440px;height:245px;object-fit:cover;border-radius:12px}.blog__title{font-weight:600;font-size:26px;color:#a9dd67;padding:20px 0 15px 0}.blog__description{font-size:18px;overflow:hidden;text-overflow:ellipsis;display:-moz-box;-moz-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-clamp:4;box-orient:vertical}.blog__btn a{display:flex;color:#3e3c3c;align-items:center;border-bottom:1px solid #a9dd67;padding-bottom:1px;width:fit-content}.blog__btn a span{margin-left:10px;display:block}.blog__main-btn{padding:40px 0 70px 0}.blog__main-btn a{margin:0 auto}.map__iframe{position:relative}.map-info{position:absolute;top:50%;left:50%;height:fit-content !important;transform:translate(-50%, -50%)}.map-info__wrapper{max-width:560px;width:100%;backdrop-filter:blur(4px);box-shadow:0 4px 20px 0 hsla(0,0%,100%,.11);background:hsla(0,0%,100%,.71);border-radius:32px;border:.3px solid #a9dd67;padding:30px 80px 30px 30px}.map__main-title{font-weight:700;font-size:22px;color:#a9dd67;padding-bottom:10px}.map__description{font-size:18px;padding-bottom:15px}.map__description span{font-weight:700}.map-title{display:flex;align-items:center;margin-bottom:20px}.map-title__img{display:flex}.map-title__text{margin-right:10px;font-size:22px;color:#3e3c3c;text-transform:uppercase}.map-link{display:flex;align-items:center;margin-bottom:10px}.map-link span{color:#2d3424;margin-left:10px}.map-social{padding-top:20px}.map-social__wrapper{display:flex;align-items:center}.map-social__wrapper a{display:flex;margin-right:20px}.map-adress{padding-top:20px}.footer{padding:30px 0}.footer-list{display:flex;flex-flow:row wrap;justify-content:space-between}.footer__wrap--logo{flex:20%;max-width:20%}.footer__wrap--logo .header-logo__text{color:#3e3c3c}.footer__wrap--links{flex:0 0 60%;max-width:60%}.footer__wrap--links .footer__item{display:flex;justify-content:space-between;padding:0 30px}.footer__wrap--socials{flex:0 0 20%;max-width:20%}.footer-link{padding:0 5px}.footer-link__title{font-size:16px;color:#a9dd67;padding-bottom:10px}.footer-link__go{font-size:14px;color:#3e3c3c;transition:all .3s;padding-bottom:5px;display:block}.footer-link__go:hover{text-decoration:underline}.footer__socials{display:flex;flex-flow:row wrap;align-items:center}.footer__socials a{flex:0 0 50%;max-width:50%}@media screen and (max-width: 1499px){.header-logo__svg img{height:48px !important;width:48px !important}.header-logo__text{font-size:19px;margin-left:15px}.welcome{padding:170px 0}.welcome__title{font-size:65px}.welcome__description{max-width:700px;font-size:21px;padding-top:28px;line-height:1.4}.about-us-img{margin-right:-169px;flex:0 0 730px}.articles-all{padding-top:110px}}@media screen and (max-width: 1199px){.header-navigtion li a{font-size:18px}.header-logo__text{font-size:18px;margin-left:15px}.header-logo__svg img{height:44px;width:44px}.welcome{padding:150px 0 100px 0}.welcome__title{font-size:56px}.about-us-img{flex:0 0 630px}.more-info-img{flex:0 0 410px}}@media screen and (max-width: 991px){.about-us-catalog__wrap{padding:0 8px;margin-bottom:30px;text-align:center}.about-us__description{font-size:18px;padding:20px 0}.about-us__title{padding-top:30px;font-size:22px;color:#a9dd67}.about-us__btn{margin-bottom:40px}.about-us-img{flex:0 0 520px}.about-us-catalog-buy{display:flex;justify-content:space-between;align-items:center;flex-flow:column wrap}.about-us-catalog-buy__btn{margin-top:10px}.about-us-wrapper{padding:70px 0 30px 0}.more-info-text{flex:0 0 100%;padding:0 30px 0 0}.more-info-img{flex:0 0 100%;max-width:420px;margin-bottom:30px}.blog__wrap{max-width:50%;padding:0 10px}}@media screen and (max-width: 767px){.welcome__title{font-size:40px}.welcome__description{font-size:18px;padding-top:25px;max-width:500px}.welcome-btns{padding-top:30px;display:flex;flex-flow:column wrap}.btn-c--second{margin:20px 0 0 0}.welcome{padding:130px 0 70px 0}.about-us-img{flex:0 0 100%;max-width:450px;margin:0 auto}.about-us-text{flex:0 0 100%}.more-info-img{flex:0 0 100%;max-width:420px;margin:0 auto}.more-info-wrap{display:flex;flex-flow:column wrap;padding:0}.more-info-triggers__wrap{flex:0 0 100%;max-width:100%;padding:0;margin-bottom:30px}.more-info-triggers__img{margin:0 15px 0 0}.blog__main-title{padding:50px 0}.blog-wrapper{display:flex;flex-flow:column wrap;justify-content:space-between}.blog__wrap{max-width:400px;padding:0;margin:0 auto 30px}.map__description,.map-title,.map-social{display:none}.map-adress{padding-top:0}.map-info__wrapper{max-width:90%}.map-info{position:absolute;top:unset;bottom:15px;left:50%;height:fit-content !important;transform:translate(-50%, 0)}.footer-list{flex-flow:column wrap}.footer__wrap--links{flex:0 0 100%;max-width:100%}.footer__wrap--logo{flex:100%;max-width:100%;margin:0 auto}.map-link{display:flex;margin-bottom:10px;flex-flow:row wrap}.map-link span{color:#2d3424;margin-left:10px;flex:1 0}.footer__wrap--links .footer__item{padding:20px 0}.footer__wrap--socials{flex:0 0 100%;max-width:100%}.footer__socials a{flex:0 0 25%;max-width:25%;text-align:center}}@media screen and (max-width: 479px){.welcome__title{font-size:28px;text-align:center}.welcome__description{font-size:17px;padding-top:20px;text-align:center}.welcome-btns .btn-c{margin-right:0}.welcome-btns{align-items:center}.about-us-wrapper{padding:50px 0 30px 0}.about-us__main-title{justify-content:center}.about-us__title{padding-top:20px;text-align:center}.about-us__description{font-size:17px;text-align:center}.about-us-catalog{justify-content:center}.about-us-img{max-width:310px}.more-info{padding-top:15px}.more-info__subtitle{text-align:center;font-size:22px;padding:20px 0}.more-info__description{font-size:17px;margin-bottom:15px;text-align:center}.more-info__main-title{justify-content:center}.more-info-text{flex:0 0 100%;padding:30px 0 0 0}.more-info-triggers__item{flex-flow:column wrap;justify-content:center;align-items:center}.more-info-triggers-text{text-align:center}.more-info-triggers__img{margin:0 0 10px 0;width:25px;height:25px;flex:0 0 25px}.blog__main-title{justify-content:center}.blog__img img{width:440px;height:195px}}.header--products{position:relative !important;background:rgba(0,0,0,0) !important}.products-wrap{background:url("../img/product.png");background-size:cover;padding-top:90px}.products-wrapper{display:flex;flex-flow:row wrap;background:hsla(0,0%,100%,.2196078431);margin:20px 0;overflow:hidden;height:calc(100vh - 121px);border-radius:12px;color:#fff;position:relative}.products-sidebar{flex:0 0 260px}.products-sidebar--order{display:none}.products-sidebar__content{padding:15px;overflow-y:scroll;height:calc(100vh - 120px)}.products-main{flex:1 0}.products-main__content{padding:15px;height:calc(100vh - 114px);overflow:scroll}.products-item{display:flex;flex-flow:row wrap;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #cfc5c5}.products-text{flex:1 0;padding-left:20px}.products-text__title{font-size:18px;font-weight:700;color:#a9dd67;text-transform:uppercase;padding-bottom:10px}.products-text-info{display:flex;padding:5px 0}.products-text-info__item{display:flex;align-items:center;margin-right:20px}.products-text-info__img{display:flex}.products-text-info__img svg{width:28px;height:28px}.products-text-info__img svg path{fill:#f2ffe1}.products-text-info__text{padding-left:10px;font-weight:600}.products-text__btn{margin-top:5px}.products-text__btn a{width:140px}.sidebar-title{display:flex;align-items:center;margin-bottom:30px}.sidebar-title__img{display:flex;margin-right:10px}.sidebar-title__img svg{fill:#a9dd67}.sidebar-title__text{font-weight:600}.sidebar-link{transition:all .3s;display:block;margin-bottom:20px}.sidebar-link:last-child{margin-bottom:0}.sidebar-link:hover .sidebar-link__title{color:#a9dd67}.sidebar-link__img{position:relative}.sidebar-link__img::before{content:"";position:absolute;width:100%;height:100%;background:linear-gradient(180deg, rgba(217, 217, 217, 0) 0%, #202020 100%);top:0;left:0;border-radius:8px}.sidebar-link__img img{width:100%;height:90px;object-fit:cover;border-radius:8px}.sidebar-link__title{position:absolute;bottom:9px;left:50%;transform:translateX(-50%);color:#fff;width:100%;text-align:center;font-size:15px;font-weight:600;transition:all .3s}.burger-side{display:none}@media screen and (max-width: 1499px){.products-wrap{padding-top:70px}}@media screen and (max-width: 1199px){.sidebar-title{margin-bottom:20px}.sidebar-link{margin-bottom:10px}.sidebar-link__img img{width:100%;height:80px;object-fit:cover;border-radius:8px}.products-wrapper{height:calc(100vh - 114px)}}@media screen and (max-width: 991px){.products-sidebar__content{padding:15px 0 15px 15px}.products-sidebar{flex:0 0 210px}.products-img img{width:150px;height:100px;object-fit:cover}.products-text__title{font-size:16px;padding-bottom:8px}.products-text__description{font-size:14px;font-weight:600}.products-wrapper{margin:10px 0}.products-wrapper{height:calc(100vh - 94px)}}@media screen and (max-width: 767px){.products-sidebar__content{padding:15px}.products-main__content{padding:40px 20px 20px 20px}.products-sidebar{position:absolute;background:#141414;width:0;height:100%;overflow:hidden;opacity:0;transition:all .3s}.products-sidebar--open{width:100%;overflow:visible;opacity:1}.burger-side{position:absolute;left:50%;top:0px;transform:translateX(-50%);width:100%;text-align:center;background:rgba(119,124,111,.8392156863);display:flex;justify-content:center;z-index:2}.burger-side svg{width:30px;height:30px;fill:#f2ffe1}.sidebar-title{padding-top:25px}}@media screen and (max-width: 479px){.products-main__content{padding:40px 10px 20px 10px}.products-text{flex:0 0 100%;padding:15px 0 0 0}.burger-side{justify-content:start}.burger-side svg{margin-left:10px}.products-wrapper{height:calc(100vh - 91px)}}.burger-sider--active svg{fill:#a9dd67}.order__item{display:flex;align-items:center;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #cfc5c5}.order-count{display:flex;align-items:center;margin-left:auto;height:fit-content}.order-count__number{margin:0 5px;font-weight:600;font-size:20px}.order-text__title{font-size:18px;font-weight:700;color:#a9dd67;text-transform:uppercase;padding-bottom:10px}.order-img{margin-right:25px}.order-img img{width:140px;height:80px;object-fit:cover}.order-buy{margin-top:20px;text-align:center;font-size:22px;font-weight:600}.order-buy__text{font-weight:600;text-align:center;font-size:26px;padding-bottom:10px;text-transform:uppercase}.order-buy__text span{font-weight:700;color:#a9dd67}.order-buy__btn{padding-top:20px}.order-buy__btn .btn-c{max-width:270px;height:50px;font-size:23px;margin:0 auto}.order-buy__btn .btn-c svg{margin-right:12px;width:26px;height:26px}.order-buy-price{display:flex;align-items:center;justify-content:center;padding-top:20px;font-size:23px;font-weight:700}.order-buy-price__icon{display:flex;margin-right:15px}.order-buy-price__icon svg{width:36px;height:36px;fill:#f2ffe1}.order-buy-price__text span{color:#a9dd67}.order-count__arrow-left,.order-count__arrow-right{display:flex;cursor:pointer}.order-form{padding-top:25px}.order-form__inputs{display:flex;flex-flow:row wrap}.order-form__input{flex:0 0 25%;max-width:25%;padding:5px}.order-form__input input{border-radius:120px;border:2px solid #a9dd67}@media screen and (max-width: 1199px){.order-form__input{flex:0 0 50%;max-width:50%}}@media screen and (max-width: 767px){.order__item{flex-flow:column wrap;align-items:start}.order-count{margin-left:unset;padding-top:10px}.order-img{margin:0 0 10px 0}.order-text__title{font-size:16px;padding-bottom:5px}.order-img img{width:150px;height:90px;object-fit:cover;border-radius:5px}}@media screen and (max-width: 580px){.order-form__input{flex:0 0 100%;max-width:100%}}@media screen and (max-width: 479px){.order-text__description{font-size:14px}}.articles-header{background:rgba(0,0,0,.55) !important}.articles-all{padding-top:150px}.articles__main-title{padding-bottom:50px}.articles-wrap{display:flex;flex-flow:row wrap;justify-content:space-between}.articles__item{flex:0 0 50%;max-width:400px;margin-bottom:40px}.articles__img img{width:100%;height:100%;object-fit:cover;border-radius:10px}.articles__title{font-weight:600;font-size:26px;color:#a9dd67;padding:20px 0 15px 0}.articles__description{font-size:18px;overflow:hidden;text-overflow:ellipsis;display:-moz-box;-moz-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-clamp:4;box-orient:vertical}.select-container{margin-bottom:20px;flex:0 0 200px}.select-container select{padding:10px;font-size:16px;margin-top:10px;background-color:rgba(0,0,0,0);max-width:200px;width:100%;border-radius:120px;border:2px solid #a9dd67;font-weight:500}.select-container select:focus{outline:none;border-color:#007bff}.output-container{margin-top:30px}#output{font-size:18px;color:#333;font-style:italic;text-align:center;font-weight:600;margin:0;padding-bottom:12px}.select-list{padding-top:20px;display:flex;max-width:700px;margin:0 auto;justify-content:space-between}.cake-info{justify-content:center}.cake-info .products-text-info__img svg path{fill:#a9dd67}.cake-info .products-text-info__item:last-child{margin:0}.cake__btn{padding:20px 0}.cake__btn .btn-c{margin:0 auto;max-width:260px;height:50px}.cake-img{text-align:center;padding-top:100px}.cake-img svg{max-width:400px;height:fit-content}@media screen and (max-width: 767px){.select-list{flex-flow:row wrap;justify-content:center}.select-container{margin:0 5px}}@media screen and (max-width: 479px){.cake-img svg{max-width:100%}.select-container{flex:0 0 100%;text-align:center}.select-container select{max-width:400px}}.w-btn,button{font-size:var(--fs);font-weight:500;font-family:var(--ff-base);background-color:var(--c-primary);border-radius:var(--b-radius);transition:var(--transition);color:var(--c-white);position:relative;line-height:19px;text-align:center;white-space:nowrap;user-select:none;border:none;cursor:pointer}.w-btn._primary,button._primary{background-color:var(--c-primary)}.w-btn._primary:hover,button._primary:hover{background-color:var(--c-primary-hover)}.w-btn._second,button._second{border:1px solid #256eff;background-color:var(--c-white);color:#256eff}.w-btn._danger,button._danger{background-color:var(--c-error);color:#fff}.w-btn._danger:hover,button._danger:hover{background:var(--c-error-hover)}.w-btn._link,button._link{background:rgba(0,0,0,0);color:var(--c-text-primary);font-size:14px;font-weight:400}.w-btn._link:hover,button._link:hover{color:var(--c-text-secondary)}.w-btn:disabled,button:disabled{background-color:var(--c-grey-dark);cursor:default}.w-btn:disabled:hover,button:disabled:hover{background-color:var(--c-grey-dark)}.btn{display:inline-block;width:100%;max-width:270px;padding:15px 20px;background-color:var(--c-primary-hover);color:var(--c-secondary);border:none;border-radius:var(--b-radius);text-align:center;font-size:20px;cursor:pointer;transition:background-color .3s,padding .3s;border:2px solid rgba(0,0,0,0)}.btn:hover{background-color:var(--c-primary-cursor)}.btn--error{background-color:var(--c-error);color:var(--c-text-primary)}.btn--error:hover{background-color:var(--c-error-hover)}.btn--second{background-color:rgba(0,0,0,0);border:2px solid var(--c-primary-hover);color:var(--c-text-primary)}.btn--second:hover{background-color:var(--c-primary-hover);color:var(--c-secondary)}.btn:disabled{background-color:var(--c-placeholder);cursor:default}.btn:disabled:hover{background-color:var(--c-placeholder)}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.switch input:checked+.slider{background-color:var(--c-primary-hover)}.switch input:focus+.slider{box-shadow:0 0 1px #2196f3}.switch input:checked+.slider:before{transform:translateX(26px);background-color:#504e4e}.switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:34px}.switch .slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}.w-forms{max-width:600px;padding:20px;border:2px solid #fff;border-radius:22px}.w-forms__title{font-size:24px;font-weight:600;text-align:center;padding:0 0 15px 0}.w-forms__input{margin-bottom:15px}.w-forms__btn .btn{width:100%;max-width:100%}input{width:100%;font-size:20px;padding:18px 8px;border-radius:5px;border:2px solid var(--c-primary-hover);background:rgba(0,0,0,0);color:var(--c-text-primary)}input::placeholder{color:var(--c-text-primary)}textarea{height:120px;width:100%;font-size:20px;padding:18px 8px;border-radius:5px;border:2px solid var(--c-primary-hover);background:rgba(0,0,0,0);color:var(--c-text-primary);resize:none}textarea::placeholder{color:var(--c-text-primary)}.card-wrapper{display:flex;flex-flow:row wrap}.card__wrap{display:flex;flex:0 0 25%;max-width:25%;padding:0 10px;margin-bottom:20px}@media screen and (max-width: 1199px){.card__wrap{flex:0 0 33.333%;max-width:33.333%}}@media screen and (max-width: 991px){.card__wrap{flex:0 0 50%;max-width:50%}}@media screen and (max-width: 630px){.card__wrap{flex:0 0 100%;max-width:400px;margin:0 auto 20px}}.card__wrap .card-top{background-color:#fff;padding:8px;border-radius:4px;color:#1f1c1c;text-align:center}.card__wrap .card-center{display:flex;flex-flow:row wrap;padding:10px 0}.card__wrap .card-center__wrap{flex:0 0 25%;max-width:25%;min-height:150px;padding:0 5px;display:flex}.card__wrap .card-center__item{background-color:#8f8f8f;width:100%;display:flex;align-items:center;justify-content:center}.card__item{border:1px solid #fff;border-radius:5px;padding:15px;display:flex;flex-flow:column wrap;width:100%}.card__img{text-align:center}.card__img img{width:100%;height:100%;max-width:180px}.card__title{text-align:center;padding:20px 0 10px 0;font-size:22px;font-weight:600}.card__description{text-align:center;line-height:1.1;margin-bottom:10px}.card__btn .btn{padding:10px;width:100%;max-width:100%}.radio-container{display:flex;flex-direction:column;gap:10px}.custom-radio{display:none}.custom-label{position:relative;padding-left:30px;cursor:pointer;font-size:16px;color:#fff}.custom-label::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:20px;height:20px;border:2px solid var(--c-primary-hover);border-radius:50%;background-color:#504e4e;box-sizing:border-box;transition:background-color .3s ease}.custom-radio:checked+.custom-label::before{background-color:var(--c-primary-hover);border-color:var(--c-primary-hover)}.custom-label::after{content:"";position:absolute;left:6px;top:50%;transform:translateY(-50%);width:8px;height:8px;background-color:#504e4e;border-radius:50%;opacity:0;transition:opacity .3s ease}.custom-radio:checked+.custom-label::after{opacity:1}.open-modal{cursor:pointer;display:inline-block;padding:10px 20px;margin:10px;background-color:var(--c-primary-hover);color:var(--c-secondary);border-radius:5px;transition:background-color .3s ease}.open-modal:hover{background-color:var(--c-primary-cursor)}.modal{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.5);transition:opacity .3s ease;opacity:0}.modal.show{display:block;opacity:1}.modal-content{background-color:#343434;margin:10% auto;padding:20px;border:1px solid rgba(136,136,136,.3490196078);width:80%;border-radius:10px;position:relative;transition:transform .3s ease;transform:scale(0.7);max-height:80vh;overflow-y:auto;color:#fff}.modal.show .modal-content{transform:scale(1)}.close{color:#aaa;float:right;font-size:28px;font-weight:bold;cursor:pointer;position:absolute;top:10px;right:15px;transition:color .3s ease}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}.modal-template{display:none}.alert-wrap{display:flex;flex-flow:row wrap;padding:5px;border-radius:var(--b-radius);margin-bottom:10px;position:relative}.alert-wrap-img{margin-right:15px;display:flex}.alert-wrap-img svg{width:30px;height:30px}.alert-wrap-text__title{font-size:16px;font-weight:600}.alert-wrap-text__description{font-size:16px}.alert-wrap-close{position:absolute;width:20px;height:20px;right:16px;transition:all .3s;cursor:pointer}.alert-wrap-close:hover{transform:scale(0.8)}.alert-wrap-close svg{width:100%;height:100%}.alert-info{background:var(--c-primary-hover);color:var(--c-primary)}.alert-error{background:var(--c-error)}.alert-error svg path{fill:var(--c-text-primary)}.alert-success{background:var(--c-success)}.accordion-button__arrow{transition:transform .3s ease}.accordion-button.active .accordion-button__arrow{transform:rotate(-180deg)}.accordion{max-width:600px;margin:20px auto;border:1px solid #ccc;border-radius:5px;overflow:hidden}.accordion-item{border:2px solid var(--c-primary-hover);border-radius:var(--b-radius)}.accordion-button{width:100%;padding:10px;text-align:left;background-color:rgba(0,0,0,0);border:none;outline:none;cursor:pointer;font-size:22px;transition:background-color .3s;display:flex;align-items:center;justify-content:space-between}.accordion-button:hover{background-color:rgba(0,0,0,0)}.accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out;padding:0 15px;border-top:1px solid var(--c-primary-hover);font-size:18px}.accordion-content p{margin:15px 0}.breadcrumb{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.75rem 1rem;margin-bottom:1rem;list-style:none;background-color:rgba(0,0,0,0);border:2px solid var(--c-primary-hover);border-radius:.25rem}.breadcrumb .active{color:var(--c-text-primary)}.breadcrumb a{color:var(--c-primary-hover);text-decoration:none;background-color:rgba(0,0,0,0);-webkit-text-decoration-skip:objects}.breadcrumb-item+.breadcrumb-item::before{display:inline-block;padding-right:.5rem;padding-left:.5rem;color:#6c757d;content:"/"}.dropdown{position:relative;display:inline-block}.dropdown-button{background-color:var(--c-primary-hover);color:var(--c-secondary);padding:10px 20px;border:none;cursor:pointer;font-size:18px;display:flex;align-items:center}.dropdown-button__text{margin-right:10px}.dropdown-button__arrow{transition:transform .3s ease-out;display:flex}.dropdown-menu{list-style:none;padding:0;margin:0;position:absolute;top:100%;width:100%;left:0;background-color:var(--c-primary-hover);color:var(--c-secondary);box-shadow:0 8px 16px rgba(0,0,0,.1);height:0;overflow:hidden;transition:height .3s ease-out,border .3s ease-out;border:none;border-radius:0 0 4px 4px;z-index:99}.dropdown-menu li{transition:all .3s;border-bottom:1px solid #000}.dropdown-menu li:last-child{border-bottom:none}.dropdown-menu li a{display:block;padding:10px 20px;text-decoration:none;color:#000;transition:all .3s}.dropdown-menu li a:hover{background-color:var(--c-primary-cursor)}.dropdown.open .dropdown-menu{border-top:1px solid #000}.dropdown.open .dropdown-button{border-radius:4px 4px 0 0}.dropdown.open .dropdown-button__arrow{transform:rotate(180deg)}.navbar{display:flex;flex-flow:row wrap;justify-content:space-between;position:relative}.navbar-logo{display:flex;align-items:center}.navbar-form form{display:flex}.navbar-navigation{display:flex}.navbar-navigation li{margin-right:30px}.navbar-navigation li:last-child{margin-right:0;display:flex;align-items:center}.navbar-navigation li a{transition:all .3s;font-size:20px}.navbar-navigation li a:hover{color:var(--c-primary-hover)}.navbar-navigation-dropdawn{position:relative}.navbar-navigation-dropdawn:hover .navbar-navigation-dropdawn__text{color:var(--c-primary-hover)}.navbar-navigation-dropdawn__text{display:flex;align-items:center;cursor:pointer;transition:all .3s}.navbar-navigation-dropdawn__img{display:flex;margin-left:5px}.navbar-navigation-dropdawn .arrow-icon{transition:transform .3s ease-in-out}.navbar-navigation-dropdawn__list{max-height:0;overflow:hidden;list-style:none;padding:0;margin:0;transition:max-height .3s ease-in-out;position:absolute;border:1px solid rgba(0,0,0,0);transition:all .3s;padding:5px;border-radius:var(--b-radius);width:100%;z-index:99}.navbar-navigation-dropdawn__list li{margin:0 0 5px 0}.navbar-form input{border:2px solid var(--c-primary-hover);padding:5px;background-color:rgba(0,0,0,0);color:var(--c-text-primary);border-radius:var(--b-radius)}.navbar-form input::placeholder{color:var(--c-text-primary)}.navbar-form button{background:var(--c-primary-hover);color:var(--c-primary);padding:7.5px 20px;transition:all .3s}.navbar-form button:hover{background-color:var(--c-primary-cursor)}.navbar-navigation-dropdawn.open .navbar-navigation-dropdawn__list{max-height:100vh;border:1px solid var(--c-primary-hover);background:var(--c-primary)}.navbar-navigation-dropdawn.open .arrow-icon{transform:rotate(180deg)}.burger-wrap-n{display:none;width:36px;height:27px;position:relative}.burger-n{height:5px;width:100%;background-color:#fff;transition:all .3s}.burger-n::before,.burger-n::after{content:"";width:100%;height:5px;display:block;background-color:#fff;transition:all .3s;position:absolute;left:0}.burger-n::before{top:0}.burger-n:after{bottom:0}@media screen and (max-width: 1024px){.navbar-navigation{position:relative;display:block;max-height:unset;width:unset;opacity:1;border:none;margin:unset}.burger-wrap-n{display:flex;align-items:center;position:absolute;z-index:3;left:0;transform:translateY(-50%);top:50%}.burger-n--close{max-width:0;overflow:hidden}.burger-n--close::before{transform:translateY(-1px) rotate(45deg)}.burger-n--close::after{transform:translateY(3px) rotate(-45deg)}.burger-n--close::after,.burger-n--close::before{transform-origin:0}.navbar-navigation{position:absolute;top:15px;width:100%;left:0;background:rgba(0,0,0,.8784313725);z-index:3;padding:0;opacity:0;display:flex;max-height:0;overflow:hidden;transition:all .3s;border-bottom:1px solid #000;margin:0 auto;align-items:center;justify-content:center}.navbar-navigation{flex-flow:column wrap;justify-content:center;align-items:center}.navbar-navigation li{display:block;margin-right:0;padding-right:0;font-size:20px}.navbar-navigation li a{display:block;padding:10px 0;border:none;text-align:center;width:100%}.navbar-navigation--open{max-height:500px;opacity:1;padding:15px 0;overflow:unset}.navbar-form{max-width:210px;padding-top:10px}.navbar-logo{position:absolute;right:0;top:50%;transform:translate(0, -50%)}.navbar{justify-content:right}.pagination .page-link{width:33px !important;height:33px !important}}.pagination{display:flex;padding-left:0;list-style:none;border-radius:.25rem;margin-bottom:20px}.pagination .page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:var(--c-text-primary);background-color:var(--c-primary);border:1px solid var(--c-primary-hover);border-radius:4px;transition:all .3s;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.pagination .page-link svg{transition:all .3s}.pagination .page-link svg path{transition:all .3s}.pagination .page-link:hover{background-color:var(--c-primary-hover);color:var(--c-primary)}.pagination .page-link:hover svg path{fill:var(--c-primary)}.pagination .page-item{margin-right:10px}.pagination .page-item:last-child{margin-right:0}.pagination .prev-arrow{margin-right:20px}.pagination .next-arrow{margin-left:10px}.page-link:not(:disabled):not(.disabled){cursor:pointer}.page-item.active .page-link{z-index:1;color:#fff;background-color:var(--c-primary-hover);color:var(--c-primary)}.page-item.disabled .page-link{background-color:#54575a;color:#b7acac;cursor:default}.page-item.disabled svg path{fill:#3c3a3a}:root{--popover-arrow-size: 10px;--popover-bg: #f7f7f7;--popover-border: #ddd}.popover{max-width:200px;padding:1rem;background-color:var(--popover-bg);border:1px solid var(--popover-border);border-radius:.3rem;box-shadow:0 .125rem .25rem rgba(0,0,0,.075);position:absolute;display:none;z-index:1000;bottom:unset;top:0;right:-210px;opacity:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;color:#000}.popover-wrapper{position:relative}.popover-wrapper{position:relative;max-width:fit-content;width:100%}.popover .popover-arrow{position:absolute;width:0;height:0;border:var(--popover-arrow-size) solid rgba(0,0,0,0);left:-15px}.popover .popover-arrow::before{content:"";position:absolute;border:var(--popover-arrow-size) solid var(--popover-bg)}.popover-top .popover-arrow::before{bottom:0;left:-10px;transform:translateY(-50%) rotate(-90deg);top:50%;border-width:0 var(--popover-arrow-size) var(--popover-arrow-size) var(--popover-arrow-size);border-color:rgba(0,0,0,0) rgba(0,0,0,0) var(--popover-bg) rgba(0,0,0,0)}.progress-container{width:100%;max-width:400px;background-color:rgba(0,0,0,0);border:2px solid var(--c-primary-hover);border-radius:4px;overflow:hidden;height:30px;margin-top:20px}.progress-bar{height:100%;width:0;background-color:var(--c-primary-hover);transition:width .5s ease;position:relative;border-radius:2px 0 0 2px}.progress-label{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);color:var(--c-secondary);font-weight:bold}.btn--progress{max-width:200px;padding:10px 5px;margin:10px 0}.progress-item{max-width:400px;width:100%;height:30px;position:relative;background-color:rgba(0,0,0,0);border:2px solid var(--c-primary-hover);border-radius:4px}.progress-item span{position:absolute;top:0;left:0;width:45%;height:100%;background-color:var(--c-primary-hover);border-radius:2px}.spinner{width:100px;height:100px;border:16px solid #504e4e;border-top:16px solid var(--c-primary-hover);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.custom-select{position:relative;width:200px;font-family:Arial,sans-serif}.custom-select .select-selected{background-color:var(--c-primary-hover);border-radius:4px;padding:10px;cursor:pointer;position:relative;transition:background-color .3s ease;display:flex;justify-content:space-between;align-items:center;color:var(--c-primary)}.custom-select .select-selected:hover{background-color:var(--c-primary-cursor)}.custom-select .select-selected .arrow{width:0;height:0;border-left:5px solid rgba(0,0,0,0);border-right:5px solid rgba(0,0,0,0);border-top:5px solid #333;transition:transform .3s ease}.custom-select .select-selected.select-open .arrow{transform:rotate(-180deg)}.custom-select .select-items{position:absolute;background-color:var(--c-primary-hover);border-radius:4px;width:100%;box-shadow:0 4px 8px rgba(0,0,0,.1);z-index:99;margin-top:5px;max-height:0;overflow:hidden;opacity:0;transition:max-height .3s ease,opacity .3s ease}.custom-select .select-items div{padding:10px;color:var(--c-secondary);cursor:pointer;transition:background-color .3s ease}.custom-select .select-items div:hover{background-color:var(--c-primary-cursor)}.custom-select .select-open{max-height:200px;opacity:1}.custom-select .same-as-selected{background-color:var(--c-primary-hover)}.checkbox-container{display:flex;flex-direction:column;gap:10px}.custom-checkbox{position:relative;display:flex;align-items:center;cursor:pointer;user-select:none}.custom-checkbox input[type=checkbox]{opacity:0;position:absolute;z-index:-1}.custom-checkbox .checkbox-checkmark{display:inline-block;width:20px;height:20px;border:2px solid var(--c-primary-hover);border-radius:4px;background-color:#3a3434;transition:background-color .3s,border-color .3s;margin-right:10px;position:relative}.custom-checkbox .checkbox-checkmark::after{content:"";position:absolute;left:50%;top:50%;width:6px;height:12px;border:solid #3a3434;border-width:0 3px 3px 0;transform:rotate(45deg) translate(-109%, -29%);opacity:0;transition:opacity .3s}.custom-checkbox input[type=checkbox]:checked+.checkbox-checkmark{background-color:var(--c-primary-hover);border-color:var(--c-primary-hover)}.custom-checkbox input[type=checkbox]:checked+.checkbox-checkmark::after{opacity:1}.d-b{display:block !important}.d-ib{display:inline-block !important}.d-f{display:flex !important}.fd-c{flex-direction:column !important}.jc-sb{justify-content:space-between !important}.jc-fs{justify-content:flex-start !important}.jc-c{justify-content:center !important}.jc-fe{justify-content:flex-end !important}.ai-c{align-items:center !important}.ai-fe{align-items:flex-end !important}.ai-fs{align-items:flex-start !important}.ai-sb{align-items:space-between !important}.fg-1{flex-grow:1 !important}.m0{margin:0px !important}.mx0{margin-left:0px !important;margin-right:0px !important}.my0{margin-top:0px !important;margin-bottom:0px !important}.mt0{margin-top:0px !important}.mb0{margin-bottom:0px !important}.mb15{margin-bottom:15px !important}.ml0{margin-left:0px !important}.mr0{margin-right:0px !important}.p0{padding:0px !important}.px0{padding-left:0px !important;padding-right:0px !important}.py0{padding-top:0px !important;padding-bottom:0px !important}.pt0{padding-top:0px !important}.pb0{padding-bottom:0px !important}.pr0{padding-right:0px !important}.pl0{padding-left:0px !important}.w100p{width:100% !important}.h100p{height:100%}.ta-l{text-align:left !important}.ta-c{text-align:center !important}.ta-r{text-align:right !important}.ws-nw{white-space:nowrap !important}.ws-pl{white-space:pre-line !important}.ws-n{white-space:normal !important}.fw400{font-weight:400 !important}.fw500{font-weight:500 !important}.fw700{font-weight:700 !important}.tt-u{text-transform:uppercase !important}html,body{height:100%;color:#3e3c3c}.wrapper{display:flex;flex-direction:column;height:100vh;font-family:"Montserrat",sans-serif;overflow-x:hidden}.content{flex:1 0 auto}.footer{flex:0 0 auto}a{color:var(--c-text-primary)}ul{list-style:none;padding:0;margin:0}.burger-wrap{display:none;width:34px;height:24px;position:relative}.burger{height:3px;width:100%;background-color:#fff;transition:all .3s}.burger::before,.burger::after{content:"";width:100%;height:3px;display:block;background-color:#fff;transition:all .3s;position:absolute;left:0}.burger::before{top:0}.burger:after{bottom:0}.header{padding:15px 0;position:fixed;width:100%;transition:background .3s;background:rgba(0,0,0,.55);z-index:3}.header-wrap{display:flex;align-items:center;justify-content:space-between}.header-navigtion{display:flex}.header-navigtion li{margin-right:35px}.header-navigtion li:last-child{margin-right:0}.header-navigtion li a{font-weight:600;font-size:22px;text-align:center;color:#fff}.header-socials{display:flex;align-items:center}.header-socials a{margin-right:40px}.header-socials a:last-child{margin-right:0}.header-logo{display:flex;align-items:center}.header-logo__svg img{width:60px;height:60px}.header-logo__text{font-size:22px;display:none;color:#fff;margin-left:20px}.header-logo__text span{display:block;color:#a9dd67}.scrolled{background:rgba(0,0,0,.55)}.global-title{display:flex;align-items:center}.global-title__img{margin-right:25px}.global-title__text{font-size:48px;font-weight:600}.container{max-width:1200px;width:100%;margin:0 auto;padding:0 15px;height:100%}.btn-c{max-width:300px;height:60px;background:#a9dd67;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:24px;border-radius:120px;width:100%;position:relative;z-index:1}.btn-c::before{content:"";position:absolute;width:100%;background:rgba(169,221,103,.7);height:100%;border-radius:120px;z-index:-1;bottom:-6px;transition:all .3s}.btn-c svg{margin-right:20px}.btn-c--second{background:rgba(0,0,0,0);border:2px solid #a9dd67}.btn-c--second::before{opacity:0}.btn-c:hover:before{bottom:0}.btn-c--second:hover{background:#a9dd67}.btn-c--second:hover::before{opacity:1;bottom:-6px}@media screen and (max-width: 1499px){.header-logo__svg img{height:48px !important;width:48px !important}.header-navigtion li a{font-size:18px}.header-socials a img{width:26px;height:26px}.header{padding:8px 0}}@media screen and (max-width: 1199px){.header-navigtion li a{font-size:18px}.header-logo__text{font-size:18px}.global-title__img{margin-right:20px}.global-title__img svg{width:48px;height:48px}.global-title__text{font-size:38px}}@media screen and (max-width: 479px){.header-socials a{margin-right:25px}.header-logo__svg img{height:40px;width:40px}.header-logo__text{margin-left:10px}.btn-c{max-width:270px;height:50px;font-size:21px}.btn-c svg{margin-right:15px;width:26px;height:26px}.global-title__img svg{width:40px;height:40px}}.main-content{display:flex;padding-top:85px}.main-content__nav{border-right:1px solid var(--c-secondary);width:250px;list-style:none;padding:0;margin:0;transition:all .3s;position:fixed;background:var(--c-primary);z-index:9;height:100%;padding:16px}.main-content__nav-wrap{height:100%;overflow-y:scroll;padding-bottom:80px}@media(max-width: 769px){.main-content__nav{opacity:0;width:0;position:absolute}}.main-content__nav--show{width:100%;opacity:1;background:#212529;z-index:99;border-bottom:1px solid #fff;position:fixed;top:65px}.main-content__nav-in{border-left:1px solid var(--c-placeholder)}.main-content__nav-in-item .main-content__nav-link{padding:5px 10px}.main-content__nav-in-item--active ul{margin-bottom:5px;display:block}.main-content__nav-in-item--active>.main-content__nav-link{color:var(--c-primary-hover);font-weight:550}.main-content__nav-in--none{display:none}.main-content__nav-item{margin:0}.main-content__nav-item--mobile{display:none}.main-content__nav-item ul{display:none}.main-content__nav-item--active ul{display:block}.main-content__nav-item--active>.main-content__nav-link{color:var(--c-primary-hover);font-weight:550}.main-content__nav-link{display:block;padding-bottom:12px;text-decoration:none}.main-content__nav-link:hover{color:var(--c-primary-hover);font-weight:550}.main-content__section{display:flex;flex-flow:column wrap;min-height:100vh;width:100%;padding:20px 20px 20px 270px}@media(max-width: 768px){.main-content__section{padding:15px;width:100%}}.main-content__nav-in-item:hover>.main-content__nav-link{border-left:1px solid var(--c-primary-hover);color:var(--c-primary-hover)}.header__nav-link--github-mobile{margin-right:45px}.footer{width:100%;flex:0 0 auto;padding:var(--padding);border-top:1px solid var(--c-secondary);margin-top:auto}@media(max-width: 768px){.footer{padding:10px}}.footer__text{margin:0;font-size:.9em;text-align:center}.footer__text span{display:block}.footer__text-part{margin:0 5px}.footer-wrap{display:flex;flex-flow:row wrap;padding-top:10px}@media(max-width: 768px){.footer-wrap{justify-content:center}}.footer__item-link{flex:0 0 33.333%;max-width:33.333%;display:flex;flex-flow:column wrap;text-align:center}.footer__item-link--center{align-content:center}.footer__item-link--end{align-content:center}@media(max-width: 768px){.footer__item-link{flex:0 0 50%;max-width:50%;display:flex;flex-flow:column wrap;text-align:center;margin-bottom:20px}}.footer__link-title{color:var(--c-primary-hover)}.footer__link:hover{color:var(--c-primary-hover);text-decoration:underline}.goTop{position:fixed;bottom:20px;right:20px;z-index:99;cursor:pointer;transition:all .3s}.goTop svg{width:50px;height:50px}@media(max-width: 768px){.goTop svg{width:38px;height:38px}}.goTop:hover{bottom:30px}@media screen and (max-width: 991px){.burger-wrap{display:flex;align-items:center;position:absolute;z-index:3;right:unset;left:50%;transform:translate(-50%, -50%);top:50%;z-index:7}.burger--close{max-width:0;overflow:hidden}.burger--close::before{transform:translateY(1px) rotate(45deg)}.burger--close::after{transform:translateY(3px) rotate(-45deg)}.burger--close::after,.burger--close::before{transform-origin:1px;background-color:#a9dd67}.header-navigtion{position:relative;display:block;max-height:unset;width:unset;opacity:1;border:none;margin:unset}.header-navigtion{position:absolute;top:73px;width:100%;left:0;background:rgba(0,0,0,.541);z-index:3;padding:0;opacity:0;display:flex;max-height:0;overflow:hidden;transition:all .3s;border-bottom:1px solid #000;margin:0 auto;align-items:center;justify-content:center}.header-navigtion{flex-flow:column wrap;justify-content:center;align-items:center}.header-navigtion li{display:block;margin-right:0;padding-right:0;font-size:20px}.header-navigtion li a{display:block;padding:10px 0;border:none;text-align:center;color:block}.header-navigtion--open{max-height:500px;top:0;padding:57px 0 15px 0;opacity:1}}*::-webkit-scrollbar-track{box-shadow:inset 0 0 6px var(--c-shadow);background-color:var(--c-white);display:none}*::-webkit-scrollbar{width:5px;height:5px;background-color:var(--c-white)}* ::-webkit-scrollbar-thumb{box-shadow:inset 0 0 6px var(--c-basic);background-color:var(--c-basic)} \ No newline at end of file diff --git a/css/scss/layout/_base.scss b/css/scss/layout/_base.scss index 4008cd5..604674f 100644 --- a/css/scss/layout/_base.scss +++ b/css/scss/layout/_base.scss @@ -9,7 +9,7 @@ body { .wrapper { display: flex; flex-direction: column; - height: 100%; + height: 100vh; font-family: "Montserrat", sans-serif; overflow-x: hidden; } @@ -72,7 +72,7 @@ ul { position: fixed; width: 100%; transition: background 0.3s; - background: transparent; + background: rgba(0, 0, 0, .55); z-index: 3; &-wrap{ display: flex; @@ -109,8 +109,8 @@ ul { align-items: center; &__svg{ img{ - width: 70px; - height: 70px; + width: 60px; + height: 60px; } } &__text{ diff --git a/css/scss/pages/_cake.scss b/css/scss/pages/_cake.scss index ca5e420..6eab0ff 100644 --- a/css/scss/pages/_cake.scss +++ b/css/scss/pages/_cake.scss @@ -64,4 +64,30 @@ .cake-img{ text-align: center; padding-top: 100px; + svg{ + max-width: 400px; + height: fit-content; + } +} + +@media screen and (max-width: 767px) { + .select-list{ + flex-flow: row wrap; + justify-content: center; + } + .select-container{ + margin: 0 5px; + } +} +@media screen and (max-width: 479px) { + .cake-img svg { + max-width: 100%; + } + .select-container{ + flex: 0 0 100%; + text-align: center; + select{ + max-width: 400px; + } + } } \ No newline at end of file diff --git a/css/scss/pages/_products.scss b/css/scss/pages/_products.scss index 4fb89c6..97ba123 100644 --- a/css/scss/pages/_products.scss +++ b/css/scss/pages/_products.scss @@ -8,6 +8,7 @@ &-wrap{ background: url('../img/product.png'); background-size: cover; + padding-top: 90px; } &-wrapper{ display: flex; @@ -153,7 +154,11 @@ .burger-side{ display: none } - +@media screen and (max-width: 1499px) { + .products-wrap{ + padding-top: 70px; + } +} @media screen and (max-width: 1199px) { .sidebar-title { margin-bottom: 20px; diff --git a/pages/articles/articles.html b/pages/articles/articles.html index fde5e00..6914a26 100644 --- a/pages/articles/articles.html +++ b/pages/articles/articles.html @@ -1,201 +1,54 @@ -
-
-
-
-
- -
-
-
- -
- - - - - - -
-
+
+
+
+
+ + + +
+
+ Про нас +
+
+
+
+
+
-
-
-
-
-
- - - -
-
- Про нас -
-
-
-
-
- -
-
- Тайтл для статей -
-
- Lorem ipsum dolor sit, amet consectetur adipisicing elit. Cupiditate deserunt omnis sunt laboriosam distinctio architecto atque, cum nobis mollitia ut! Mollitia quidem delectus velit facilis omnis incidunt eligendi fuga eum. -
-
- - - - - Read more - -
-
-
-
- -
-
- Тайтл для статей -
-
- Lorem ipsum dolor sit, amet consectetur adipisicing elit. Cupiditate deserunt omnis sunt laboriosam distinctio architecto atque, cum nobis mollitia ut! Mollitia quidem delectus velit facilis omnis incidunt eligendi fuga eum. -
-
- - - - - Read more - -
-
-
-
-
-
- +
\ No newline at end of file diff --git a/pages/cake/cake.html b/pages/cake/cake.html index f1666e3..f0990a5 100644 --- a/pages/cake/cake.html +++ b/pages/cake/cake.html @@ -1,901 +1,198 @@ -
-
-
-
-
- -
-
-
- -
- - - - - - -
+ + +
+
+
+ + + + + + + + + +
+
+
+ +
+ +
+ +
+ +
+ +
+ +
+
+ + +
+ +
-
-
-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - +
+ +
+

Выберите варианты из всех селектов

+
+
+
+
+ + + + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - +
-
-
- -
- -
- -
- -
- -
+
+ 120Г
- -
-

Выберите варианты из всех селектов

-
-
-
-
- - - - - - - - -
-
- 120Г -
-
-
-
- +
+
+
+ - - - - - - - - - - - - -
-
- 120грн -
-
+ + + + + + + + + + + +
-
- - - - - Купити торт - +
+ 120грн
- -
-
-
- + // Инициализация текста при загрузке страницы + updateOutput(); + }); + +
\ No newline at end of file diff --git a/pages/gameplay/gameplay.html b/pages/gameplay/gameplay.html new file mode 100644 index 0000000..a81a76d --- /dev/null +++ b/pages/gameplay/gameplay.html @@ -0,0 +1 @@ +

Page Gameplay is connected

\ No newline at end of file diff --git a/pages/gameplay/page.json b/pages/gameplay/page.json new file mode 100644 index 0000000..96b18f1 --- /dev/null +++ b/pages/gameplay/page.json @@ -0,0 +1,3 @@ +{ + "name": "gameplay" +} \ No newline at end of file diff --git a/pages/index/index.html b/pages/index/index.html index 7e38562..2d91a8f 100644 --- a/pages/index/index.html +++ b/pages/index/index.html @@ -1,371 +1,59 @@ -
-
-
-
-
-
- -
-
-
- -
- - - - - - -
-
-
-
-
-
-
- НАЗВА - НАШОГО САЙТА -
-
- It is a long established fact that a reader will be - distracted by the readable content of a - page when looking at its layout. The point of using - Lorem Ipsum is that it has - a more-or-less normal distribution of - letters, as opposed to using 'Content here, -
-
- - - - - Купити торт - - - - - - Купити торт - -
-
+ +
+
+
+
+ НАЗВА + НАШОГО САЙТА
-
-
-
-
-
-
-
- - - -
-
Про нас
-
-
Субтайтл для секції
-
- Давно выяснено, что при оценке дизайна и композиции - читаемый текст мешает сосредоточиться. Lorem Ipsum - используют потому, что тот обеспечивает более или - менее стандартное заполнение шаблона, а также - реальное распределение букв и пробелов в -
-
-
-
-
- -
-
- Назва тортіка -
-
-
- 1000грн -
-
- - - - - Купити торт - -
-
-
-
-
-
-
- -
-
- Назва тортіка -
-
-
- 1000грн -
-
- - - - - Купити торт - -
-
-
-
-
-
-
- -
-
- Назва тортіка -
-
-
- 1000грн -
-
- - - - - Купити торт - -
-
-
-
-
-
-
- -
-
-
- - - - - Купити торт - -
+
+ It is a long established fact that a reader will be + distracted by the readable content of a + page when looking at its layout. The point of using + Lorem Ipsum is that it has + a more-or-less normal distribution of + letters, as opposed to using 'Content here,
-
-
-
-
-
- -
-
-
-
- - - -
-
Про нас
-
-
- Субтайтл для секції -
-
- Давно выяснено, что при оценке дизайна и композиции - читаемый текст мешает сосредоточиться. Lorem Ipsum - используют потому, что тот обеспечивает более или - менее стандартное заполнение шаблона, а также - реальное распределение букв и пробелов в -
-
-
-
-
-
-
- Edvanteges -
-
- loado’askdosad’fmadsfmsad; kmdsa;kf - mads; mfads;k - mfdas;loado’askdosad’fmads -
-
-
-
-
-
-
-
-
- Edvanteges -
-
- loado’askdosad’fmadsfmsad; kmdsa;kf - mads; mfads;k - mfdas;loado’askdosad’fmads -
-
-
-
-
-
-
-
-
- Edvanteges -
-
- loado’askdosad’fmadsfmsad; kmdsa;kf - mads; mfads;k - mfdas;loado’askdosad’fmads -
-
-
-
-
-
-
-
-
- Edvanteges -
-
- loado’askdosad’fmadsfmsad; kmdsa;kf - mads; mfads;k - mfdas;loado’askdosad’fmads -
-
-
-
-
-
-
+
+ + + + + Купити торт + + + + + + Купити торт +
-
-
-
-
+
+
+
+
+
+
+
+
Про нас
-
-
-
-
- -
-
Субтайтл для секції
-
- Давно выяснено, что при оценке дизайна и - композиции читаемый текст мешает - сосредоточиться. Lorem Ipsum используют потому, - что тот обеспечивает более или менее -
-
- - - - - Read more - -
-
-
-
-
-
- -
-
Субтайтл для секції
-
- Давно выяснено, что при оценке дизайна и - композиции читаемый текст мешает - сосредоточиться. Lorem Ipsum используют потому, - что тот обеспечивает более или менее -
-
- - - - - Read more - -
-
-
-
-
- - - - - - - - - - - - Всі статьї - +
Субтайтл для секції
+
+ Давно выяснено, что при оценке дизайна и композиции + читаемый текст мешает сосредоточиться. Lorem Ipsum + используют потому, что тот обеспечивает более или + менее стандартное заполнение шаблона, а также + реальное распределение букв и пробелов в
-
-
-
-
- -
-
-
-
КОНТАКТИ
-
- It is a long established fact that a reader - will be distracted by the readable - content of a page when looking at its +
+
+
+
+
-
-
-
- -
-
КОНТАКТИ
-
- - - - - - - - - - - - +38068981231232 - - - - - - mailtest@gmail.com - +
+ Назва тортіка
-
-
-
- -
-
КОНТАКТИ
+
+
+ 1000грн
-
+
+ Купити торт +
+
+
+
+
+
+
+ +
+
+ Назва тортіка +
+
+
+ 1000грн +
+
- - - - - - - - - - - - - - - - - - - - + + Купити торт +
+
+
+
+
+
+
+ +
+
+ Назва тортіка +
+
+
+ 1000грн +
+
+ Купити торт
-
-
-
- -
-
КОНТАКТИ
-
- - - - - - - - - - - - вулиця Карвасари, 76-78, Зіньківці, - Хмельницька область - -
-
+
+ +
+
+
+ + + + + Купити торт + +
- -
+
+ \ No newline at end of file diff --git a/pages/order/order.html b/pages/order/order.html index a8b5cac..16c7215 100644 --- a/pages/order/order.html +++ b/pages/order/order.html @@ -1,177 +1,135 @@
-
-
-
-
-
-
-
-
-
-
-
- -
-
- Тайтл Для Сайдбара +
+
+
+
+ +
+
+
+ Назва товару +
+
+ Lorem ipsum, dolor sit amet consectetur adipisicing elit. Id totam ullam placeat voluptatum. +
+
+
+
+ + + +
+
+ 1 +
+
+ + +
- -
- -
- Назва Категорії -
-
- - -
- -
- Назва Категорії -
-
- - -
- -
- Назва Категорії -
-
-
-
-
-
-
-
- -
-
-
- Назва товару -
-
- Lorem ipsum, dolor sit amet consectetur adipisicing elit. Id totam ullam placeat voluptatum. -
-
-
-
- - - -
-
- 1 -
-
- - - -
-
-
-
-
- -
-
-
- Назва товару -
-
- Lorem ipsum, dolor sit amet consectetur adipisicing elit. Id totam ullam placeat voluptatum. -
-
-
-
- - - -
-
- 1 -
-
- - - -
-
-
-
-
- Заголовок для форми -
-
-
- -
-
- -
-
- -
-
- -
-
-
-
- -
-
- До сплати: 1000грн -
-
-
- - - - - Купити торт - -
-
+
+
+ +
+
+
+ Назва товару +
+
+ Lorem ipsum, dolor sit amet consectetur adipisicing elit. Id totam ullam placeat voluptatum. +
+
+
+
+ + + +
+
+ 1 +
+
+ + + +
+
+
+
+ Заголовок для форми +
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+ +
+
+ До сплати: 1000грн +
+
+
+ + + + + Купити торт + +
+
diff --git a/pages/products/products.html b/pages/products/products.html index 6d87507..9270da7 100644 --- a/pages/products/products.html +++ b/pages/products/products.html @@ -1,717 +1,675 @@
-
-
-
-
-
-
-
-
- -
-
-
-
-
- -
-
- Тайтл Для Сайдбара + +
+ +
+ Назва Категорії
- -
- -
- Назва Категорії -
-
- - -
- -
- Назва Категорії -
+ + +
+ +
+ Назва Категорії
- - -
- -
- Назва Категорії -
+
+ + +
+ +
+ Назва Категорії
- -
+
+
-
-
-
-
- +
+
+
+
+
+ +
+
+
+ Назва продукту
-
-
- Назва продукту -
-
- Це насичений шоколадний бісквіт, вершкова карамель, арахіс та шоколадний мус 🤎 -
-
-
-
- - - - - - - - -
-
- 120Г -
+
+ Це насичений шоколадний бісквіт, вершкова карамель, арахіс та шоколадний мус 🤎 +
+
+
+
+ + + + + + + +
-
-
- - - - - - - - - - - - - - -
-
- 120грн -
+
+ 120Г
-
- - - +
+
+ + + + + + + + + + + + + - Купити торт - +
+
+ 120грн +
+
+ + + + + Купити торт + +
-
-
- +
+
+
+ +
+
+
+ Назва продукту
-
-
- Назва продукту -
-
- Це насичений шоколадний бісквіт, вершкова карамель, арахіс та шоколадний мус 🤎 -
-
-
-
- - - - - - - - -
-
- 120Г -
+
+ Це насичений шоколадний бісквіт, вершкова карамель, арахіс та шоколадний мус 🤎 +
+
+
+
+ + + + + + + +
-
-
- - - - - - - - - - - - - - -
-
- 120грн -
+
+ 120Г
-
- - - +
+
+ + + + + + + + + + + + + - Купити торт - +
+
+ 120грн +
+
+ + + + + Купити торт + +
+
+
+
+
+
-
-
- +
+
+ Назва продукту
-
-
- Назва продукту -
-
- Це насичений шоколадний бісквіт, вершкова карамель, арахіс та шоколадний мус 🤎 -
-
-
-
- - - - - - - - -
-
- 120Г -
+
+ Це насичений шоколадний бісквіт, вершкова карамель, арахіс та шоколадний мус 🤎 +
+
+
+
+ + + + + + + +
-
-
- - - - - - - - - - - - - - -
-
- 120грн -
+
+ 120Г
-
- - - +
+
+ + + + + + + + + + + + + - Купити торт - +
+
+ 120грн +
+
+ + + + + Купити торт + +
-
-
- +
+
+
+ +
+
+
+ Назва продукту
-
-
- Назва продукту -
-
- Це насичений шоколадний бісквіт, вершкова карамель, арахіс та шоколадний мус 🤎 -
-
-
-
- - - - - - - - -
-
- 120Г -
+
+ Це насичений шоколадний бісквіт, вершкова карамель, арахіс та шоколадний мус 🤎 +
+
+
+
+ + + + + + + +
-
-
- - - - - - - - - - - - - - -
-
- 120грн -
+
+ 120Г
-
- - - +
+
+ + + + + + + + + + + + + - Купити торт - +
+
+ 120грн +
+
+ + + + + Купити торт + +
+
+
+
+
+
-
-
- +
+
+ Назва продукту
-
-
- Назва продукту -
-
- Це насичений шоколадний бісквіт, вершкова карамель, арахіс та шоколадний мус 🤎 -
-
-
-
- - - - - - - - -
-
- 120Г -
+
+ Це насичений шоколадний бісквіт, вершкова карамель, арахіс та шоколадний мус 🤎 +
+
+
+
+ + + + + + + +
-
-
- - - - - - - - - - - - - - -
-
- 120грн -
+
+ 120Г
-
- - - +
+
+ + + + + + + + + + + + + - Купити торт - +
+
+ 120грн +
+
+ + + + + Купити торт + +
+
+
+
+
+
-
-
- +
+
+ Назва продукту
-
-
- Назва продукту -
-
- Це насичений шоколадний бісквіт, вершкова карамель, арахіс та шоколадний мус 🤎 -
-
-
-
- - - - - - - - -
-
- 120Г -
+
+ Це насичений шоколадний бісквіт, вершкова карамель, арахіс та шоколадний мус 🤎 +
+
+
+
+ + + + + + + +
-
-
- - - - - - - - - - - - - - -
-
- 120грн -
+
+ 120Г
-
- - - +
+
+ + + + + + + + + + + + + - Купити торт - +
+
+ 120грн +
+
+ + + + + Купити торт + +