@import url("https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,400;0,500;0,700;0,900;1,400;1,500;1,700;1,900&display=swap");*{-webkit-box-sizing:border-box;box-sizing:border-box}html{font-family:"Red Hat Display",sans-serif;font-size:14px;color:#17171b}body{padding:0;background-color:#e5e5e5}html,body{height:100%;margin:0}h1,h2,h3,h4{padding:0;margin:0}h1{font-size:36px}h2{font-size:28px}h3{font-size:22px}h4{font-size:18px}p{line-height:2;padding:0;margin-top:0;margin-bottom:1rem}ul,ol{line-height:2}img{max-width:100%;height:auto}.wp-caption{max-width:100%}.content{margin:150px 0 75px;min-height:100%}.content--home{margin:0;overflow-x:hidden}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}.btn{display:inline-block;background-color:#dd5aff;-webkit-box-shadow:0 4px 10px rgba(221,90,255,.3);box-shadow:0 4px 10px rgba(221,90,255,.3);border-radius:4px;font-family:"Geometria",sans-serif;font-size:18px;color:#fff;font-weight:700;text-align:center;text-decoration:none;padding:1rem 2.5rem;border:0;cursor:pointer}.btn:hover{background-color:#e274ff}
.btn--black{background-color:#17171b;font-size:14px;color:#fff}.btn--black:hover{background-color:#353546}.btn--white{background-color:transparent;color:#54b165;border:2px solid #54b165}.btn--white:hover{background-color:transparent}.btn--border{border:1px solid #67dbf9;background-color:#17171b;-webkit-box-shadow:none;box-shadow:none;font-size:14px;color:#fff}.btn--border:hover{background-color:#353546}.logo{display:inline-block;width:40px;height:40px;background-image:url(../imgs/logo-mobile.svg);background-repeat:no-repeat;background-position:left center}.logo--footer{width:160px;background-image:url(../imgs/logo.svg)}.navigation{position:fixed;top:0;z-index:999;width:100%;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;background:#17171b}.navigation__container{height:75px;max-width:1300px;margin:0 auto;padding:0 15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.navigation__menu{display:none}.navigation__menu a{color:#fff;text-decoration:none;display:inline-block;font-size:20px;margin:20px 0}.navigation__menu.is-active{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#17171b;position:fixed;top:75px;height:100%;width:100%;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);padding-top:20%}.navigation__contacts{display:none}.navigation__contacts--mobile{display:-webkit-box;display:-ms-flexbox;display:flex}.navigation__email:before{content:"";display:inline-block;vertical-align:middle;width:35px;height:35px;background-image:url(../imgs/icons/email.svg);background-repeat:no-repeat;background-position:center;margin-right:10px}.navigation__email--mobile{color:#fff;border:solid #1e1e28;border-width:2px 0;width:100%;text-align:center;padding:15px 0;margin-top:20%}
.navigation__btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-left:25px}.navigation__btn .line{width:35px;height:2px;background-color:#ecf0f1;display:block;margin:4px auto;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.navigation__btn.is-active .line:nth-child(2){opacity:0}.navigation__btn.is-active .line:nth-child(1){-webkit-transform:translateY(7px) rotate(45deg);-ms-transform:translateY(7px) rotate(45deg);transform:translateY(7px) rotate(45deg)}.navigation__btn.is-active .line:nth-child(3){-webkit-transform:translateY(-13px) rotate(-45deg);-ms-transform:translateY(-13px) rotate(-45deg);transform:translateY(-13px) rotate(-45deg)}.home{background-color:#020407;color:#fff}.home h1{line-height:1;margin-bottom:2rem}.home h1 span{color:#61dafb}.home h2{margin:2rem 0}
.home section:not(.findreactjsdevs,.reactservices){margin:25px 0;padding:25px 0}.home section:not(.weofferthe){margin:25px 0;padding:25px 0}.findreactjsdevs{background-image:url(../imgs/findreactjsdevs-bg.png);background-repeat:no-repeat;background-position:center}.findreactjsdevs .btn{display:block;margin-top:2rem}.findreactjsdevs__container{text-align:center;padding:100px 0 0;position:relative;z-index:2}.findreactjsdevs__container .hidden-text{display:none}.findreactjsdevs__container span#show-button{font-style:normal;text-transform:uppercase;font-weight:700;font-size:14px;line-height:22px;margin-left:15px}.findreactjsdevs__container span#show-button:after{content:">";position:relative;right:-5px;top:1px}.whyhirereactdevs img{display:none}.whyhirereactdevs__title{font-size:20px}.whyhirereactdevs__title:before,.whyhirereactdevs__title:after{color:#67dbf9}.whyhirereactdevs__title:before{content:"{ "}.whyhirereactdevs__title:after{content:" }"}.whyhirereactdevs__list div{margin:15px 0}
.whyhirereactdevs__list div:first-child,.whyhirereactdevs__list div:last-child{margin:0}.whyhirereactdevs__list div:before{content:"";background-image:url(../imgs/icons/whyhirereactdevs-list.svg);width:35px;height:8px;display:inline-block;margin-right:15px}.benefitsofreactjs__title{font-size:20px;font-weight:700;margin-bottom:25px}.benefitsofreactjs__title:before{content:"";background-image:url(../imgs/icons/benefitsofreactjs-title.svg);width:46px;height:46px;display:block;margin-bottom:25px}.benefitsofreactjs__column{background-color:#1c1c21;border-radius:5px;padding:30px}.whyreact{margin:0 !important}.whyreact .container{display:grid;grid-template-columns:repeat(auto-fit,minmax(390px,1fr));grid-row-gap:30px}.whyreact .container .whyreact-container{display:-webkit-box;display:-ms-flexbox;display:flex}.whyreact .container .whyreact-container img{width:46px;height:46px;margin-right:25px;margin-top:5px}.whyreact .container .whyreact-container p{margin-right:30px}
@media (max-width:767px){.whyreact .container{grid-template-columns:auto}}.weofferthe{margin:0 !important}.weofferthe__title{font-size:20px;font-weight:700;margin-bottom:25px}.weofferthe .container{background-color:#1c1c21;border-radius:5px;padding:100px 50px}@media (max-width:768px){.weofferthe .container{padding:100px 10px}}@media (max-width:768px){.weofferthe .weofferthe__container>.box-color{padding:20px 0}}.weofferthe .weofferthe__container>.box-color:before{content:"";background-image:-webkit-gradient(linear,left top,left bottom,from(#228df0),to(#dd5aff));background-image:-o-linear-gradient(top,#228df0 0%,#dd5aff 100%);background-image:linear-gradient(180deg,#228df0 0%,#dd5aff 100%);width:95%;height:100%;border-radius:20px;display:block;position:absolute;z-index:1;left:0}@media (max-width:768px){.weofferthe .weofferthe__container>.box-color:before{top:0;height:95%}}.weofferthe .weofferthe__container>.box-color .text{position:relative;background-color:#1c1c21;z-index:2;padding:45px 50px 40px;border-radius:20px;margin-left:47px;margin-top:46px;margin-bottom:45px}
@media (max-width:768px){.weofferthe .weofferthe__container>.box-color .text{padding:20px;margin-left:20px;margin-top:20px;margin-bottom:45px}}.weofferthe__title{font-size:20px;font-weight:700;text-align:center;margin-bottom:35px}.weofferthe__title span:before{content:"{ ";color:#67dbf9}.weofferthe__title span:after{content:" }";color:#67dbf9}.weofferthe__list div{margin:15px 0}.weofferthe__list div:first-child,.weofferthe__list div:last-child{margin:0}.weofferthe__list div:before{content:"";background-image:url(../imgs/icons/reactjssolutions-list.svg);width:17px;height:14px;display:inline-block;margin-right:15px}.reactjssolutions h2{text-align:center}.reactjssolutions__title{font-size:20px;font-weight:700;text-align:center;margin-bottom:35px}.reactjssolutions__title--arrow:before{content:"";background-image:url(../imgs/icons/reactjssolutions-arrow.svg);width:17px;height:38px;display:block;margin-left:80px;margin-bottom:25px}.reactjssolutions__title span:before{content:"{ ";color:#67dbf9}
.reactjssolutions__title span:after{content:" }";color:#67dbf9}.reactjssolutions__list div{margin:15px 0}.reactjssolutions__list div:first-child,.reactjssolutions__list div:last-child{margin:0}.reactjssolutions__list div:before{content:"";background-image:url(../imgs/icons/reactjssolutions-list.svg);width:17px;height:14px;display:inline-block;margin-right:15px}.reactservices>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-row-gap:20px}.reactservices__container{-webkit-box-flex:1;-ms-flex:1;flex:1;background-color:#1c1c21;border-radius:5px;padding:45px 35px;margin:0 25px;font-size:20px;font-weight:700}.reactservices__container:before{content:"";width:46px;height:46px;display:block;margin-bottom:25px}.reactservices__container:nth-child(1):before{background-image:url(../imgs/icons/reactservices-dedicated.svg)}.reactservices__container:nth-child(2):before{background-image:url(../imgs/icons/reactservices-managed.svg)}.reactservices__container:nth-child(3):before{background-image:url(../imgs/icons/reactservices-consulting.svg)}
.cta__container{position:relative;width:95%;margin:0 auto}.cta__container>div{background-image:url(../imgs/cta-bg.svg);background-repeat:no-repeat;background-position:150px 70px;background-color:#1c1c21;border-radius:15px;max-width:915px;margin:0 auto;padding:20px 30px 100px;position:relative;z-index:2}.cta__container:before{content:"";background-image:url(../imgs/cta-atom.svg);background-size:contain;width:235px;height:233px;display:block;position:absolute;z-index:3;left:-40px;bottom:-120px}.cta__container:after{content:"";background-image:-webkit-gradient(linear,left top,left bottom,from(#228df0),to(#dd5aff));background-image:-o-linear-gradient(top,#228df0 0%,#dd5aff 100%);background-image:linear-gradient(180deg,#228df0 0%,#dd5aff 100%);width:95%;height:110%;border-radius:20px;display:block;position:absolute;z-index:1;right:-15px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.cta__text{font-size:24px;font-weight:700;max-width:430px;margin-bottom:40px}
.cta .btn{width:100%;margin:0}.scroll-in{opacity:0;-webkit-transform:translateY(120px);-ms-transform:translateY(120px);transform:translateY(120px);-webkit-transition:opacity 1.5s cubic-bezier(.01,.04,.26,.95),-webkit-transform 1.5s cubic-bezier(.03,.68,.26,.95);transition:opacity 1.5s cubic-bezier(.01,.04,.26,.95),-webkit-transform 1.5s cubic-bezier(.03,.68,.26,.95);-o-transition:opacity 1.5s cubic-bezier(.01,.04,.26,.95),transform 1.5s cubic-bezier(.03,.68,.26,.95);transition:opacity 1.5s cubic-bezier(.01,.04,.26,.95),transform 1.5s cubic-bezier(.03,.68,.26,.95);transition:opacity 1.5s cubic-bezier(.01,.04,.26,.95),transform 1.5s cubic-bezier(.03,.68,.26,.95),-webkit-transform 1.5s cubic-bezier(.03,.68,.26,.95)}.scroll-in.appear{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.from-left{-webkit-transform:translateX(-120px);-ms-transform:translateX(-120px);transform:translateX(-120px)}.from-right{-webkit-transform:translateX(120px);-ms-transform:translateX(120px);transform:translateX(120px)}
.from-left,.from-right{-webkit-transition:opacity 1.5s cubic-bezier(.01,.04,.26,.95),-webkit-transform 1.5s cubic-bezier(.03,.68,.26,.95);transition:opacity 1.5s cubic-bezier(.01,.04,.26,.95),-webkit-transform 1.5s cubic-bezier(.03,.68,.26,.95);-o-transition:opacity 1.5s cubic-bezier(.01,.04,.26,.95),transform 1.5s cubic-bezier(.03,.68,.26,.95);transition:opacity 1.5s cubic-bezier(.01,.04,.26,.95),transform 1.5s cubic-bezier(.03,.68,.26,.95);transition:opacity 1.5s cubic-bezier(.01,.04,.26,.95),transform 1.5s cubic-bezier(.03,.68,.26,.95),-webkit-transform 1.5s cubic-bezier(.03,.68,.26,.95);opacity:0}.from-left.appear,.from-right.appear{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1}.quote form{background-color:#fff;border-radius:4px;padding:20px}.quote input[type=text],.quote input[type=email],.quote input[type=tel],.quote textarea,.quote select{width:100%;padding:10px;margin:10px 0;border:1px solid #d5d5d9;border-radius:4px}.quote input[type=text]::-webkit-input-placeholder,.quote input[type=email]::-webkit-input-placeholder,.quote input[type=tel]::-webkit-input-placeholder,.quote textarea::-webkit-input-placeholder,.quote select::-webkit-input-placeholder{opacity:1;color:inherit;font-family:"Red Hat Display",sans-serif;font-size:14px}
.quote input[type=text]::-moz-placeholder,.quote input[type=email]::-moz-placeholder,.quote input[type=tel]::-moz-placeholder,.quote textarea::-moz-placeholder,.quote select::-moz-placeholder{opacity:1;color:inherit;font-family:"Red Hat Display",sans-serif;font-size:14px}.quote input[type=text]:-ms-input-placeholder,.quote input[type=email]:-ms-input-placeholder,.quote input[type=tel]:-ms-input-placeholder,.quote textarea:-ms-input-placeholder,.quote select:-ms-input-placeholder{opacity:1;color:inherit;font-family:"Red Hat Display",sans-serif;font-size:14px}.quote input[type=text]::-ms-input-placeholder,.quote input[type=email]::-ms-input-placeholder,.quote input[type=tel]::-ms-input-placeholder,.quote textarea::-ms-input-placeholder,.quote select::-ms-input-placeholder{opacity:1;color:inherit;font-family:"Red Hat Display",sans-serif;font-size:14px}.quote input[type=text]::placeholder,.quote input[type=email]::placeholder,.quote input[type=tel]::placeholder,.quote textarea::placeholder,.quote select::placeholder{opacity:1;color:inherit;font-family:"Red Hat Display",sans-serif;font-size:14px}.quote select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(../imgs/icons/quote-arrow.svg);background-repeat:no-repeat;background-position:97% 50%}
.quote__contacts span{width:100%;margin:2rem 0}.quote__needs div{color:#17171b;font-family:inherit;font-weight:500;font-size:16px}.quote__needs p{margin:0}.quote__container{-ms-flex-item-align:center;align-self:center;margin-bottom:25px}.quote__container:after{content:"";background-image:url(../imgs/icons/reactjssolutions-arrow.svg);width:17px;height:38px;display:block;margin-top:25px;margin-left:30%}.quote .btn{width:100%}.archive-header,.page-header{margin-bottom:2rem}.blog h1{font-size:36px;margin:1rem 0}.blog h2{font-size:22px;margin:1.5rem 0 1rem}.blog h3{margin:1.5rem 0 1rem}.blog__container{background-color:#fff;border-radius:10px;padding:15px;grid-area:content}.blog__container--overview{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.blog__date{margin:2rem 0 1rem}.blog__date--overview{margin:1rem 0;color:#1e1e28}.blog__title{font-size:24px;font-weight:700;text-decoration:none;color:inherit}
.blog__thumbnail{-ms-flex-negative:0;flex-shrink:0;margin-right:20px;position:relative;overflow:hidden}.blog__text{margin-bottom:2rem}.blog__overview{display:block;margin-bottom:50px}.blog__overview:first-child{margin-top:25px}.blog__overview:last-child{margin-bottom:25px}.blog__overview img{-ms-flex-negative:0;flex-shrink:0;margin-right:20px}.blog__overview .btn{-ms-flex-item-align:self-start;align-self:self-start;margin-top:auto}.sidebar{grid-area:sidebar}.sidebar__title{font-size:22px;font-weight:700;margin-bottom:2rem}.sidebar>div{max-width:300px;padding:30px 15px;margin:0 auto}.sidebar>div:first-child{margin-bottom:25px}.sidebar .btn{width:100%}.sidebar .quote__contacts{display:block}.sidebar .quote__contacts span{width:100%;display:block;margin:0}.sidebar .quote__needs{text-align:left}.sidebar .quote__needs .first,.sidebar .quote__needs .last{display:block}.recent-posts{display:-webkit-box;display:-ms-flexbox;display:flex;margin:1rem 0}.recent-posts:first-child{margin-top:0}.recent-posts:last-child{margin-bottom:0}
.recent-posts__thumbnail{overflow:hidden;border-radius:40px;max-width:75px;max-height:75px;margin-right:15px;-ms-flex-negative:0;flex-shrink:0}.recent-posts__thumbnail img{max-width:110%;position:relative;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.recent-posts__date{margin-bottom:.5rem}.recent-posts__title{font-weight:700;color:inherit;text-decoration:none}.not-found{text-align:center}.not-found div{font-size:45px;font-weight:700;margin:3rem 0}footer{background-color:#17171b;color:#fff;border-top:1px solid #fff}.footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:100px;padding:15px 0}.footer div:not(.logo){-ms-flex-item-align:center;align-self:center;-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}
.footer a{margin:15px 0;color:#fff}.footer__text{font-size:12px;opacity:.6}.pagination-link{display:-webkit-box;display:-ms-flexbox;display:flex;text-decoration:none;color:inherit;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.pagination-link+.pagination-link{margin-top:10px}@media (min-width:576px){.container{max-width:576px}.quote>div{display:-webkit-box;display:-ms-flexbox;display:flex}.quote>div>div{-webkit-box-flex:1;-ms-flex:1;flex:1}.quote__container{margin-bottom:0}.quote__container:after{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}}@media (min-width:768px){h1{font-size:50px}h2{font-size:36px}.container{max-width:720px}.footer{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.footer div:not(.logo){-ms-flex-item-align:end;align-self:flex-end;-webkit-box-ordinal-group:initial;-ms-flex-order:initial;order:initial}.footer a{margin:0}.blog__overview{display:-webkit-box;display:-ms-flexbox;display:flex}
.blog__thumbnail{width:35%}.blog__thumbnail img{position:absolute;top:0;height: 150px; -o-object-fit: contain; object-fit: contain;}@media (min-width:992px){.container{max-width:940px}.logo{width:160px;height:40px;background-image:url(../imgs/logo_black.svg)}.logo--footer{background-image:url(../imgs/logo.svg);-ms-flex-negative:0;flex-shrink:0;margin-right:15%}.navigation__container{height:75px;max-width:1300px;margin:0 auto;padding:0 15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.navigation__menu{display:block;margin-right:auto;margin-left:40px}.navigation__menu a{color:#fff;text-decoration:none;display:inline-block;font-size:inherit;margin:0 20px}.navigation__contacts{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#fff}
.navigation__contacts--mobile{display:none}.navigation__email{margin-right:30px}.navigation__email--mobile{display:none}.home .btn{display:inline-block}.home section:not(.findreactjsdevs,.reactservices){margin:50px 0;padding:50px 0}.home section:not(.weofferthe){margin:50px 0;padding:50px 0}.findreactjsdevs .btn{max-width:260px}.findreactjsdevs__container{text-align:left;padding:100px 0 0;display:grid;grid-template-columns:auto auto;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.findreactjsdevs__container img{grid-row:1/4;grid-column:2}.findreactjsdevs p{width:75%}.whyhirereactdevs__container{display:grid;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;grid-template-columns:auto auto;grid-column-gap:50px}.whyhirereactdevs img{display:block;grid-row:1/3}.benefitsofreactjs__container{display:grid;-webkit-box-align:center;-ms-flex-align:center;align-items:center;grid-template-columns:auto 460px;grid-column-gap:50px}.benefitsofreactjs__column{grid-column:2}
.weofferthe .weofferthe__list{margin-left:85px}.weofferthe__container{display:grid;-webkit-box-align:center;-ms-flex-align:center;align-items:center;grid-template-columns:auto 460px}.weofferthe__column{grid-column:2}.weofferthe .weofferthe__container>.box-color:before{content:"";background-image:-webkit-gradient(linear,left top,left bottom,from(#228df0),to(#dd5aff));background-image:-o-linear-gradient(top,#228df0 0%,#dd5aff 100%);background-image:linear-gradient(180deg,#228df0 0%,#dd5aff 100%);width:95%;height:100%;border-radius:20px;display:block;position:absolute;z-index:1;left:0}.weofferthe .weofferthe__container>.box-color .text{position:relative;background-color:#1c1c21;z-index:2;padding:45px 50px 40px;border-radius:20px;margin-left:47px;margin-top:46px;margin-bottom:45px}.reactjssolutions__container{display:grid;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;grid-template-columns:60% auto;grid-column-gap:50px}.cta__container{position:relative}.cta__container>div{background-image:url(../imgs/cta-bg.svg);background-repeat:no-repeat;background-position:right center;background-color:#1c1c21;border-radius:15px;max-width:915px;margin:0 auto;padding:40px 70px;position:relative;z-index:2}
.cta__container:before{content:"";background-image:url(../imgs/cta-atom.svg);width:235px;height:233px;display:block;position:absolute;z-index:3;left:-42px;bottom:-133px}.cta__container:after{content:"";background-image:-webkit-gradient(linear,left top,left bottom,from(#228df0),to(#dd5aff));background-image:-o-linear-gradient(top,#228df0 0%,#dd5aff 100%);background-image:linear-gradient(180deg,#228df0 0%,#dd5aff 100%);width:470px;height:380px;border-radius:20px;display:block;position:absolute;z-index:1;right:50px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.cta__text{font-size:36px;font-weight:700;max-width:430px;margin-bottom:40px}.cta .btn{width:260px;margin:0}.blog{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"content sidebar";grid-column-gap:30px}}@media (min-width:1200px){.container{max-width:1170px}}@media (min-width:992px) and (max-width:1024px){.cta__container:before{left:-96px;bottom:-153px}}
}
.file span.wpcf7-not-valid-tip {
    position: absolute !important;
    font-size: 0.8em !important;
    left: 0;
    line-height: 1.6rem !important;
    top: 46px;
    display: block !important;
    white-space: nowrap;
    text-transform: none;
}
input.wpcf7-form-control.wpcf7-submit {
    margin-top: 22px;
}
span.wpcf7-form-control.wpcf7-acceptance span.wpcf7-list-item {
    margin: 8px 0 0 0;
}
span.wpcf7-not-valid-tip {
    position: relative;
    top: -7px;
}
.wpcf7-not-valid-tip {
    font-size: 0.8em !important;
}

.file {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
}

.file .custom_file {
    height: 44px;
    padding: 4px 0 0 10px;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    border-radius: 8px;
    margin-right: 11px;
}

.file .custom_file .icon__attach {
    background: transparent url("/wp-content/themes/findreactdevelopers/imgs/black-file.svg") no-repeat 0 0 / contain;
    margin-right: 11px;
    width: 14px;
    height: 15px;
    opacity: 0.5;
}

input#file__upload {
    cursor: pointer;
    padding: 0 0 4px 0;
    margin: 4px 0 0 0;
    height: 20px;
    background-color: #fff;
}

input#upload {
    margin: 0;
}

.file .custom_file > input {
    border: none;
    max-width: 140px;
    color: #454545;
    font-family: inherit;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 105%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
}

.file .custom_file > input::-webkit-input-placeholder {
    color: rgba(69, 69, 69, 0.7);
    font-family: inherit;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 105%;
}

.file .custom_file > input::-moz-placeholder {
    color: rgba(69, 69, 69, 0.7);
    font-family: inherit;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 105%;
}

.file .custom_file > input:-ms-input-placeholder {
    color: rgba(69, 69, 69, 0.7);
    font-family: inherit;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 105%;
}

.file .custom_file > input::-ms-input-placeholder {
    color: rgba(69, 69, 69, 0.7);
    font-family: inherit;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 105%;
}

.file .custom_file > input::placeholder {
    color: rgba(69, 69, 69, 0.7);
    font-family: inherit;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 105%;
}

.file .custom_file span.wpcf7-form-control-wrap {
    position: static;
}

/* развернутая вложенность SCSS */
.file .custom_file:hover .icon__attach {
    opacity: 1;
}

.file .custom_file:hover > input::-webkit-input-placeholder {
    color: rgba(69, 69, 69, 1);
}

.file .custom_file:hover > input::-moz-placeholder {
    color: rgba(69, 69, 69, 1);
}

.file .custom_file:hover > input:-ms-input-placeholder {
    color: rgba(69, 69, 69, 1);
}

.file .custom_file:hover > input::-ms-input-placeholder {
    color: rgba(69, 69, 69, 1);
}

.file .custom_file:hover > input::placeholder {
    color: rgba(69, 69, 69, 1);
}

.file-upload-input.file-selected {
    color: rgba(69, 69, 69, 1);
}

.file__notice {
    color: #454545;
    font-family: inherit;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 105%;
}

.file .custom_file input[type=file] {
    opacity: 0;
    height: 100%;
    width: 100%;
    display: block;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 9;
    font-weight: 400;
}

.file #file__delete {
    width: 32px;
    height: 32px;
    font-size: 18px;
    line-height: 32px;
    text-align: center;
    display: none;
    position: relative;
    z-index: 10;
    top: -7px;
    cursor: pointer;
    color: #454545;
}

input:focus-visible,
textarea:focus-visible {
    outline: none;
    -webkit-box-shadow: none;
            box-shadow: none; 
}
.file span.wpcf7-not-valid-tip{
    top: 42px;
}
.blog .file, .single .file{
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
        flex-direction: column !important;
-webkit-box-align: start;
    -ms-flex-align: start;
        align-items: flex-start;
}

@media(min-width:768px){
    .blog .file span.wpcf7-not-valid-tip,.single .file span.wpcf7-not-valid-tip {
        top: 70px;
    }
}

@media(max-width:991px){
    .file__notice {
        margin-top: 6px;
    }
    .file {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
                flex-direction: column !important;
    }
    .file span.wpcf7-not-valid-tip {
        top: 58px;
    }
	    .blog .file span.wpcf7-not-valid-tip,.single .file span.wpcf7-not-valid-tip {
        top: 71px;
    }
}