app.css

/*! modern-normalize | MIT License | https://github.com/sindresorhus/modern-normalize */html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}:root{-moz-tab-size:4;tab-size:4}html{-webkit-text-size-adjust:100%;line-height:1.15}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;margin:0}hr{height:0}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{padding:0}progress{vertical-align:baseline}[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}summary{display:list-item}@-webkit-keyframes fadeInUp{0%{-webkit-transform:translate3d(0,100%,0);opacity:0;transform:translate3d(0,100%,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@font-face{font-family:Gotham Rounded Book;src:url(public/fonts/d31d488d2171c1668c15962fc6cf1ef7.otf)}@font-face{font-family:Gotham Rounded;src:url(public/fonts/4518b6f067e234d6233006497cd0b36d.otf)}@font-face{font-family:Gotham Rounded light;src:url(public/fonts/52ef94edbe01cbfd5f015cee08da0cfb.otf)}@font-face{font-family:Gotham Rounded bold;src:url(public/fonts/a17abd0604f2ec6f4bafd91d82ef96de.otf)}@font-face{font-family:Gotham Rounded italic;src:url(public/fonts/62d7977a283d87c6d48d732cc0e93efd.otf)}@keyframes fadeInUp{0%{-webkit-transform:translate3d(0,100%,0);opacity:0;transform:translate3d(0,100%,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}h1,ul{margin:0}ul{list-style:none;padding:0}.media__container{display:flex;flex-flow:row nowrap;justify-content:center}.media__container .media__block{background-color:#242830;border-radius:100%;cursor:pointer;height:2.563rem;margin:5.5px;position:relative;transition:background-color .25s;width:2.5rem}.media__container .media__block:before{-webkit-transform:translate(-49%,-51%);background-position:50%;background-repeat:no-repeat;background-size:contain;color:#fff;content:"";display:block;height:.938rem;left:50%;position:absolute;top:50%;transform:translate(-49%,-51%);width:.938rem}.media__container .media__block--1:before{background-image:url(public/images/90d56b67743c5a1e544ba77968c3609e.svg)}.media__container .media__block--2:before{background-image:url(public/images/ef313af0bd3fc85c837c64077bae00fe.svg)}.media__container .media__block--3:before{background-image:url(public/images/6b7a674d257ac9323be4b74b0daa7821.svg)}.media__container .media__block:hover{background-color:#3dc9b3}.h2-container{margin:0 auto;max-width:556px;text-align:center}.h2-container .h2{color:#353535;font-family:Gotham Rounded;font-size:.938rem;font-weight:500;letter-spacing:.141rem;opacity:0;text-transform:uppercase}.h2-container .h2__img{background-image:url(public/images/4cfc4382c60227ee9f7a0e2f613d5d85.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;height:.813rem;margin:20px auto;position:relative;width:100%}.h2-container .h2__img:after,.h2-container .h2__img:before{background:repeating-linear-gradient(90deg,#d2d7dd,#d2d7dd 2px,transparent 0,transparent 8px);content:"";height:.125rem;position:absolute;top:50%;width:42%}.h2-container .h2__img:after{left:0}.h2-container .h2__img:before{right:0}.span{color:#353535}.btn{background:transparent;border:none;color:#fff;cursor:pointer;font-family:Gotham Rounded light;font-size:.938rem;letter-spacing:.141rem;padding:0;text-transform:uppercase}.btn,.text{font-weight:500;margin:0}.text{color:#8c9398;font-family:Gotham Rounded;font-size:.875rem;line-height:1.25rem}.container{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;width:100%}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.card{text-align:center}.card .card__img{margin:0 auto}.card .card__title{color:#353535;font-family:Gotham Rounded;font-size:.938rem;font-weight:500;margin-top:56px;position:relative;text-transform:uppercase}.card .card__title:before{-webkit-transform:translateX(-50%);background-color:#3dc9b3;content:"";display:block;height:.188rem;left:50%;position:absolute;top:2.4rem;transform:translateX(-50%);width:2.063rem}.card .card__discription{margin-top:53px}.fadeInUp{-webkit-animation-fill-mode:both;-webkit-animation-name:fadeInUp;animation-fill-mode:both;animation-name:fadeInUp}.fadeIn,.fadeInUp{-webkit-animation-duration:1s;animation-duration:1s}.fadeIn{-webkit-animation-fill-mode:both;-webkit-animation-name:fadeIn;animation-fill-mode:both;animation-name:fadeIn}.siema{position:relative}.siema__dots{text-align:center}.siema__dots .siema__dot{background:none;border:none;cursor:pointer;display:inline-block;padding:10px;position:relative}.siema__dots .siema__dot:after{-webkit-transform:translate(-50%,-50%);background-color:#fff;border:.125rem solid #c9cbca!important;border-radius:100%;content:"";height:.625rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:background-color .25s;width:.625rem}.siema__dots .siema__dot.active:after{background-color:#212024}.anchor{background-color:#3dc9b3;border:none;border-radius:100%;cursor:pointer;height:2.75rem;margin:0;padding:0;position:relative;width:2.75rem}.anchor:after{-webkit-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-60%) rotate(180deg);-webkit-transform-origin:center;background-image:url(public/images/856b4292c743dd58ddef928f047da847.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;content:"";display:block;height:1rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transform:translate(-50%,-60%) rotate(180deg);transform-origin:center;width:1.063rem}.anchor--down:after{-webkit-transform:translate(-50%,-40%);transform:translate(-50%,-40%)}html{width:100vw}::-moz-selection{background-color:rgba(61,201,179,.4)}::selection{background-color:rgba(61,201,179,.4)}.baner{background-color:#242830;padding-bottom:1.5rem;padding-top:1.5rem;position:absolute;top:0;width:100%}.page{display:flex;flex-direction:column;font-family:Gotham Rounded Book;max-width:100%}.page .header{align-items:center;background-image:url(public/images/1a6df1090893f1c651f2d6adc0e4fb72.png);background-repeat:no-repeat;background-size:cover;display:flex;justify-content:center;min-height:100vh}.page .header .header__container,.page .header .header__container .header__composition{text-align:center}.page .header .header__container .header__composition .header__h1{color:#a1a9b0;font-size:2.5rem;font-weight:400;letter-spacing:.75rem;text-transform:uppercase}@media (max-width:576px){.page .header .header__container .header__composition .header__h1{font-size:1.5rem;overflow-wrap:break-word}}@media (max-width:375px){.page .header .header__container .header__composition .header__h1{font-size:1rem}}.page .header .header__container .header__composition .header__small{color:#8c9398;display:block;font-size:.938rem;font-weight:300;letter-spacing:.141rem;margin-top:20px}.page .header .header__container .header__composition .header__btn{background-color:#3dc9b3;border-radius:5px;box-shadow:0 3px #309383;cursor:pointer;margin:60px 0 40px;padding:23px 37px;transition:background-color .25s}.page .header .header__container .header__composition .header__btn:hover{background-color:#33b9a4}.page .main{flex:1}.page .main .section__description{background-color:#f3f5f8;text-align:center}.page .main .section__description .description__container{padding-bottom:127px;padding-top:107px}@media (max-width:768px){.page .main .section__description .description__container{padding-bottom:60px;padding-top:50px}}@media (min-width:992px){.page .main .section__description .description__container{max-width:780px}}@media (min-width:1200px){.page .main .section__description .description__container{max-width:780px}}.page .main .section__description .description__container .description__text{letter-spacing:.009rem;line-height:1.875rem;margin-top:67px}@media (max-width:576px){.page .main .section__description .description__container .description__text{margin-top:30px}}.page .main .section__servise{padding-bottom:120px;padding-top:102px}@media (max-width:768px){.page .main .section__servise{padding-bottom:4rem;padding-top:4rem}}.page .main .section__servise .servise__wrapper{display:flex;flex-flow:row wrap;justify-content:space-between}@media (max-width:768px){.page .main .section__servise .servise__wrapper{flex-direction:column}}.page .main .section__servise .servise__wrapper .servise__block{flex:0 1 340px;margin-top:80px}@media (max-width:1200px){.page .main .section__servise .servise__wrapper .servise__block{flex:0 1 300px;justify-content:center}}@media (max-width:992px){.page .main .section__servise .servise__wrapper .servise__block{flex-basis:200px;margin-top:20px}}.page .main .section__servise .servise__wrapper .servise__block .servise__title:after{color:#353535;content:" //";font-family:Gotham Rounded;font-size:.938rem;font-weight:500;letter-spacing:.2rem}@media (max-width:768px){.page .main .section__servise .servise__wrapper .servise__block .servise__title{margin-top:1rem}}.page .main .section__servise .servise__wrapper .servise__block .servise__icon{background-color:#3dc9b3;border-radius:100%;height:9.438rem;margin:0 auto;position:relative;width:9.438rem}@media (max-width:425px){.page .main .section__servise .servise__wrapper .servise__block .servise__icon{height:6rem;width:6rem}}.page .main .section__servise .servise__wrapper .servise__block .servise__icon:after{-webkit-transform:translate(-50%,-50%);content:"";display:block;height:50%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:50%}.page .main .section__servise .servise__wrapper .servise__block .servise__icon--1:after{background-image:url(public/images/26e7c85bfc2b17a89cb62729bcee3300.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;color:#fff}.page .main .section__servise .servise__wrapper .servise__block .servise__icon--2:after{background-image:url(public/images/a4c2910ccdafb83b742f0bf76eea26da.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;color:#fff}.page .main .section__servise .servise__wrapper .servise__block .servise__icon--3:after{background-image:url(public/images/4b2ba08ebc4f5a7fd5122a8559c45e1f.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;color:#fff}.page .main .section__skills{position:relative}@media (max-width:1024px){.page .main .section__skills{background-color:#f3f5f8}}.page .main .section__skills:after{background-color:#f3f5f8;content:"";display:block;height:100%;left:0;position:absolute;top:0;width:50%;z-index:-1}@media (max-width:1024px){.page .main .section__skills:after{display:none}}.page .main .section__skills .skills__container{display:flex;min-height:700px}@media (max-width:1024px){.page .main .section__skills .skills__container{flex-direction:column;min-height:300px}}.page .main .section__skills .skills__container .skills__part{flex-basis:50%;width:50%}@media (max-width:1024px){.page .main .section__skills .skills__container .skills__part{flex-basis:100%;width:100%}}.page .main .section__skills .skills__container .skills__part--1{background-image:url(public/images/ad7dc15ce637e5fabec99908a6892a52.png);background-position:5%;background-repeat:no-repeat}@media (max-width:1024px){.page .main .section__skills .skills__container .skills__part--1{display:none}}.page .main .section__skills .skills__container .skills__part--2 .skills__slider{height:100%;width:100%}.page .main .section__skills .skills__container .skills__part--2 .skills__slider .siema{height:auto;margin-left:auto;position:relative;width:455px}@media (max-width:1024px){.page .main .section__skills .skills__container .skills__part--2 .skills__slider .siema{margin:30px auto}}@media (max-width:425px){.page .main .section__skills .skills__container .skills__part--2 .skills__slider .siema{height:auto;width:100%}}.page .main .section__skills .skills__container .skills__part--2 .skills__slider .siema .skills__slide{height:100%;padding-bottom:2rem;padding-top:30%;width:100%}@media (max-width:1024px){.page .main .section__skills .skills__container .skills__part--2 .skills__slider .siema .skills__slide{padding:10px 0 2rem}}.page .main .section__skills .skills__container .skills__part--2 .skills__slider .siema .skills__slide .skills__composition .skills__text{text-align:justify}@media (max-width:425px){.page .main .section__skills .skills__container .skills__part--2 .skills__slider .siema .skills__slide .skills__composition .skills__text{text-align:center}}.page .main .section__skills .skills__container .skills__part--2 .skills__slider .siema .siema__dots{-webkit-transform:translate(-50%,-50%);left:50%;position:absolute;top:50%;top:95%;transform:translate(-50%,-50%)}.page .main .section__quote{background-image:url(public/images/0f20f95966d1a5f8c8e43e3483e7114e.png);background-position:50%;background-repeat:no-repeat;background-size:cover}.page .main .section__quote .container{color:#fff;padding:4rem 0 3rem;text-align:center}@media (max-width:425px){.page .main .section__quote .container{padding:1.5rem 0}}.page .main .section__quote .container .quote__blockquote{font-family:Gotham Rounded Book,sans-serif;font-size:1.563rem;font-weight:300;letter-spacing:.469rem;margin:0}.page .main .section__quote .container .quote__blockquote .quote__span{display:block;font-size:2.5rem;font-weight:400;letter-spacing:.625rem;line-height:5rem;text-transform:uppercase}@media (max-width:768px){.page .main .section__quote .container .quote__blockquote .quote__span{font-size:2rem;line-height:3rem;margin-bottom:1rem}}.page .main .section__quote .container .quote__blockquote .quote__span--small{font-family:Gotham Rounded italic,sans-serif;font-weight:400}.page .main .section__quote .container .quote__anchor{margin-top:43px}.page .main .section__advantages .adbantages__container{padding-bottom:100px;padding-top:100px}@media (max-width:425px){.page .main .section__advantages .adbantages__container{padding-bottom:50px;padding-top:50px}}.page .main .section__advantages .adbantages__container .advantages__slider .advantages__slide{display:flex;justify-content:space-between;margin-right:1rem}@media (max-width:425px){.page .main .section__advantages .adbantages__container .advantages__slider .advantages__slide{margin-right:0}}.page .main .section__advantages .adbantages__container .advantages__slider .advantages__slide .advantages__card .advantages__img{background-image:url(public/images/62e284ea7136ad217a6492d81283e43d.png);background-repeat:no-repeat;background-size:cover;height:12.5rem;position:relative;width:100%}.page .main .section__advantages .adbantages__container .advantages__slider .advantages__slide .advantages__card .advantages__img:after{align-items:center;background-color:#3dc9b3;background-image:url(public/images/2880a05dbead1891c4ba374a331c657b.svg);background-position:center 30%;background-repeat:no-repeat;background-size:10%;color:#fff;content:"VIEW MORE";cursor:pointer;display:block;display:flex;font-family:Gotham Rounded light,sans-serif;font-size:.938rem;font-weight:100;height:100%;justify-content:center;line-height:1.25rem;opacity:0;position:absolute;text-transform:uppercase;transition:opacity .25s;width:100%}.page .main .section__advantages .adbantages__container .advantages__slider .advantages__slide .advantages__card .advantages__img:hover:after{opacity:.7}.page .main .section__advantages .adbantages__container .advantages__slider .advantages__slide .advantages__card .advantages__text{margin-top:50px}.page .main .section__button{background-color:#242830;padding-bottom:65px;padding-top:65px;text-align:center}.page .main .section__button .button__itself{border:.063rem solid #fff;padding:30px 40px}@media (max-width:375px){.page .main .section__button .button__itself{padding-bottom:1.5rem;padding-top:1.5rem}}@media (max-width:375px){.page .main .section__button{padding-bottom:3rem;padding-top:3rem}}.page .main .section__team .team__container{padding-bottom:88px;padding-top:88px}@media (max-width:768px){.page .main .section__team .team__container{padding-bottom:40px;padding-top:40px}}.page .main .section__team .team__container .team__slider{margin-top:60px}@media (max-width:768px){.page .main .section__team .team__container .team__slider{margin-top:30px}}.page .main .section__team .team__container .team__slider .team__card{padding-bottom:90px}@media (max-width:768px){.page .main .section__team .team__container .team__slider .team__card{padding-bottom:40px}}.page .main .section__team .team__container .team__slider .team__img{height:13.625rem;width:12.5rem}.page .main .section__team .team__container .team__slider .team__img--1{background-image:url(public/images/83a77e5c01c8491ba8e234a05a0edaa0.png)}.page .main .section__team .team__container .team__slider .team__img--2{background-image:url(public/images/3596ffc721eb7d2e47d626ad2f39c66a.png)}.page .main .section__team .team__container .team__slider .team__img--3{background-image:url(public/images/d4afdbb8dda7e36b445143daa3ed6d52.png)}@media (max-width:768px){.page .main .section__team .team__container .team__slider .team__title{margin-top:20px}}.page .main .section__team .team__container .team__slider .team__text{margin-top:53px}@media (max-width:768px){.page .main .section__team .team__container .team__slider .team__text{margin-top:40px}}.page .main .section__team .team__container .team__slider .team__media{margin-top:36px}.page .main .section__form{background-image:url(public/images/c37fadf5aa9a171d18b8f35292128928.png);background-position:50%;background-repeat:no-repeat;background-size:cover}.page .main .section__form .form__itself{padding-bottom:100px;padding-top:170px;text-align:center}@media (max-width:768px){.page .main .section__form .form__itself{padding-bottom:50px;padding-bottom:30px;padding-top:60px}}.page .main .section__form .form__itself .label__wrapper{position:relative}.page .main .section__form .form__itself .label__wrapper .form__label{color:#fff;display:block;font-family:Gotham Rounded book;font-size:.938rem;font-weight:300;letter-spacing:.141rem;text-transform:uppercase}.page .main .section__form .form__itself .label__wrapper:after{-webkit-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-250%);background-image:url(public/images/9485f6ff8a4b377b4e77ad2a22b89e07.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;content:"";height:25px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transform:translate(-50%,-250%);width:25px}@media (max-width:768px){.page .main .section__form .form__itself .label__wrapper:after{-webkit-transform:translate(-50%,-200%);transform:translate(-50%,-200%)}}.page .main .section__form .form__itself .form__wrapper{display:flex;margin:50px auto 0;max-width:455px;min-height:65px}@media (max-width:768px){.page .main .section__form .form__itself .form__wrapper{margin-top:20px}}@media (max-width:425px){.page .main .section__form .form__itself .form__wrapper{flex-direction:column}}.page .main .section__form .form__itself .form__wrapper .form__input{background-color:transparent;border:.063rem solid #fff;color:#fff;display:inline-block;flex:1;height:65px;margin-right:5px}@media (max-width:425px){.page .main .section__form .form__itself .form__wrapper .form__input{margin-bottom:5px;margin-right:0}}.page .main .section__form .form__itself .form__wrapper .form__btn{background-color:#3dc9b3;display:inline-block;height:65px;line-height:0;padding:25px}.page .main .section__form .form__anchor-wrapper{display:flex;justify-content:center}.page .main .section__form .form__anchor-wrapper .form__anchor{-webkit-transform:translateY(50%);transform:translateY(50%)}.page .main .section__contacts{background-color:#f3f5f8;padding-bottom:110px;padding-top:120px}@media (max-width:425px){.page .main .section__contacts{padding-bottom:50px;padding-top:50px}}.page .main .section__contacts .contacts__assets{display:flex;margin-top:90px}@media (max-width:768px){.page .main .section__contacts .contacts__assets{display:flex;flex-direction:column;margin-top:10px}}.page .main .section__contacts .contacts__assets .contacts__card{background-color:#fff;box-shadow:0 .188rem 0 #f0f2f4;flex:0 1 360px;height:9.375rem;text-align:center}@media (max-width:768px){.page .main .section__contacts .contacts__assets .contacts__card{flex:0 1 150px}}.page .main .section__contacts .contacts__assets .contacts__card:not(:last-child){margin-right:30px}@media (max-width:768px){.page .main .section__contacts .contacts__assets .contacts__card:not(:last-child){margin-bottom:30px;margin-right:0}}.page .main .section__contacts .contacts__assets .contacts__card .assets__title{color:#3dc9b3;font-family:Gotham Rounded;font-size:.875rem;font-weight:500;letter-spacing:.131rem;margin-top:67px;position:relative;text-transform:uppercase}@media (max-width:425px){.page .main .section__contacts .contacts__assets .contacts__card .assets__title{margin-top:55px}}.page .main .section__contacts .contacts__assets .contacts__card .assets__title:after{-webkit-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-160%);background-position:50%;background-repeat:no-repeat;background-size:65%;content:"";height:2rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transform:translate(-50%,-160%);width:2rem}@media (max-width:425px){.page .main .section__contacts .contacts__assets .contacts__card .assets__title:after{-webkit-transform:translate(-50%,-140%);transform:translate(-50%,-140%)}}.page .main .section__contacts .contacts__assets .contacts__card:first-child .assets__title:after{background-image:url(public/images/eadd9276f7ef6f4847a555dc9e28057b.svg)}.page .main .section__contacts .contacts__assets .contacts__card:nth-child(2) .assets__title:after{background-image:url(public/images/c0f306a72bea354195809109df6f185c.svg)}.page .main .section__contacts .contacts__assets .contacts__card:nth-child(3) .assets__title:after{background-image:url(public/images/86da4d1c9ebe1a79dbfb0f028505ae64.svg)}.page .main .section__contacts .contacts__media{margin-top:90px}@media (max-width:768px){.page .main .section__contacts .contacts__media{margin-top:30px}}.page .footer{background-color:#242830}.page .footer .container{padding-bottom:50px;padding-top:50px}