@charset "UTF-8";
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}
@import url("https://fonts.googleapis.com/css?family=Roboto:100,300,regular,500,700,900");*{padding:0;margin:0;border:0}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}body,html{height:100%;min-width:320px}body{color:#212529;line-height:1;font-family:Roboto;font-size:1.125rem;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,textarea{font-family:Roboto;font-size:inherit}button{cursor:pointer;color:inherit;background-color:transparent}a{color:inherit;text-decoration:none}ul li{list-style:none}img{vertical-align:top}h1,h2,h3,h4,h5,h6{font-weight:inherit;font-size:inherit}.lock body{overflow:hidden;-ms-touch-action:none;touch-action:none;-ms-scroll-chaining:none;overscroll-behavior:none}.wrapper{min-height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden}@supports (overflow:clip){.wrapper{overflow:clip}}.wrapper>main{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.wrapper>*{min-width:0}[class*=__container]{max-width:92.5rem;margin:0 auto;padding:0 .9375rem}[class*=-ibg]{position:relative}[class*=-ibg] img{position:absolute;width:100%;height:100%;top:0;left:0;-o-object-fit:cover;object-fit:cover}[class*=-ibg_contain] img{-o-object-fit:contain;object-fit:contain}*{scrollbar-color:#000 #fff;scrollbar-width:thin}.header{position:fixed;width:100%;background:0 0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;z-index:1;padding-bottom:10px}.header:hover{background:#fff}.header__body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:20px}.header__logo{max-width:290px;width:100%}.header__logo img{width:100%}.header__nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-flex:0;-ms-flex:0 1 55%;flex:0 1 55%;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-column-gap:20px;-moz-column-gap:20px;column-gap:20px;position:relative}.header__nav_item{cursor:pointer;padding:12px;vertical-align:middle;background:0 0;border:0;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;vertical-align:middle;font-weight:600;-webkit-transition:all .25s;transition:all .25s}.header__nav_item::after,.header__nav_item::before{-webkit-box-sizing:inherit;box-sizing:inherit;content:"";position:absolute;width:100%;height:100%}.header__nav_item::after,.header__nav_item::before{border:2px solid transparent;width:0;height:0}.header__nav_item::before{top:0;left:0}.header__nav_item::after{bottom:0;right:0}.header__nav_item:hover{color:#000;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.header__nav_item:hover::after,.header__nav_item:hover::before{width:100%;height:100%}.header__nav_item:hover::before{border-top-color:#000;border-right-color:#000;-webkit-transition:width .25s ease-out,height .25s ease-out .25s;transition:width .25s ease-out,height .25s ease-out .25s}.header__nav_item:hover::after{border-bottom-color:#000;border-left-color:#000;-webkit-transition:border-color 0s ease-out .5s,width .25s ease-out .5s,height .25s ease-out .75s;transition:border-color 0s ease-out .5s,width .25s ease-out .5s,height .25s ease-out .75s}.header__nav_drop{position:absolute;opacity:0;visibility:hidden;-webkit-transition:.5s;transition:.5s;border-radius:5px;-webkit-box-shadow:0 0 5px rgba(0,0,0,.15);box-shadow:0 0 5px rgba(0,0,0,.15);min-width:250px;top:40px;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px}.have-drop:hover .header__nav_drop{opacity:1;visibility:visible}.header__socials{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header__socials_item{font-size:25px;padding:10px 12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border: 2px solid}.menu__body{display:none}.menu-open .menu__body{display:block}.icon-menu{display:none}.menu-open .header__menu{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;z-index:1}.menu-open .menu__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:30px;font-size:23px}.menu-open .menu__icon{position:absolute;top:20px;right:20px}.footer{-webkit-box-shadow:0 1.5rem 4rem rgba(0,0,0,.13);box-shadow:0 1.5rem 4rem rgba(0,0,0,.13)}.footer__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:30px;padding:50px 0}.footer__item{width:25%}.footer__item_info{padding:10px 0;display:block}.footer__item h6{font-weight:500;font-size:26px;margin-top:10px;margin-bottom:15px}.footer__item ul li::before{content:"";width:11px;height:4px;display:inline-block;background:#000;margin-right:9px}.footer__item ul li a{font-size:16px}.footer__item img{max-width:300px}.footer__copywhrite{width:100%;display:block;margin:0;font-size:16px;text-align:center;background:#053b7d;padding:10px;background:rgba(0,0,0,.0392156863);color:#000}*{line-height:1.5}h2{font-size:30px;font-weight:600;text-align:center}.information__title h2{font-size:35px;text-align:center;margin:15px 0}.information__title p{font-size:28px;text-align:center}.information__items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:20px;margin:50px 0}.flip-card{background-color:transparent;width:240px;height:240px;-webkit-perspective:1000px;perspective:1000px;-webkit-box-shadow:0 0 35px #eee;box-shadow:0 0 35px #eee}.flip-card-inner{position:relative;width:100%;height:100%;text-align:center;-webkit-transition:-webkit-transform .6s;transition:-webkit-transform .6s;transition:transform .6s;transition:transform .6s,-webkit-transform .6s;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-backface-visibility:hidden}.flip-card:focus{outline:0}.flip-card:hover .flip-card-inner{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.flip-card-back,.flip-card-front{position:absolute;width:100%;height:100%}.flip-card-front{background:#fff;color:#000;z-index:2;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;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.flip-card-front .information__item_title{font-size:23px;font-weight:600}.flip-card-front .information__item_icon{font-size:80px;margin:30px 0}.flip-card-back{background:#fff;color:#000;-webkit-transform:rotateX(180deg);transform:rotateX(180deg);z-index:1;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;padding:20px}.flip-card-back p{line-height:23px}.weare__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:30px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.weare__img{width:50%}.weare__info{width:50%;max-width:430px}.weare__info_title{font-size:30px;font-weight:600;text-align:left}.weare__info_text{padding:15px 0}.weare__info_list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:30px;padding-bottom:30px}.weare__info_list-item-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:20px;margin-bottom:25px}.weare__info_list-item-title i{font-size:50px}.weare__info_list-item-title h3{font-size:1.2rem;font-weight:600}.weare__info_list-item-text{padding-left:70px}.services{margin:100px 0}.services__content i{font-size:80px}.services__title{text-align:center}.services__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:30px;margin:50px 0;-ms-flex-wrap:wrap;flex-wrap:wrap}.services__list .flip-card{width:31%;height:310px;padding:20px}.services__list .flip-card:hover .flip-card-inner{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.services__list .flip-card-back{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:30px}.projects{margin:100px 0}.projects__btn{text-align:center}.projects__title{text-align:center}.projects__title p{font-size:1.2rem;font-weight:400;color:#616161;text-align:center;margin-bottom:1rem}.projects__items{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:30px;margin:50px 0}.projects__item{width:375px;height:475px;border:2px solid #000;-webkit-filter:grayscale(1);filter:grayscale(1);position:relative;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;overflow:hidden}.projects__item_img{width:100%;height:100%}.projects__item_title{position:absolute;top:20px;left:20px;background:#000;color:#fff;padding:5px}.projects__item_desc{position:absolute;bottom:-50px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:90%;padding:5px;background:#000;color:#fff;text-align:center;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.projects__item:hover{-webkit-filter:none;filter:none}.projects__item:hover .projects__item_desc{bottom:20px}.seo__title{text-align:center;margin-bottom:40px}.seo__title i{font-size:80px}.seo__hidden-text{display:none}.seo__text{height:100%}.seo__text h3{text-align:center;font-weight:600;font-size:25px}.seo__text p{padding:20px 0}.seo__text ul{padding:20px 0}.seo__text ul li{padding:20px 0}.seo__text ul li:before{content:" - ";padding:10px}.seo__btn{margin-bottom:100px;text-align:end}.home-page,.web-dev{}.web-dev{position:relative;}.no-webp .web-dev__banner{background:url(//wptest.e-schools.info/wp-content/themes/skybuss/assets/img/web-dev-back.jpg) 0 0/cover no-repeat fixed}.web-dev__banner{font-size:30px;height:100vh}.web-dev__banner .web-dev__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;gap:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}.web-dev__banner_title{width:50%}.web-dev__banner_title h1{font-size:54px;font-weight:500;line-height:1.2;margin-bottom:80px}.web-dev__banner_title p{font-size:23px;font-weight:500}.web-dev__banner_form{border-radius:7px;width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;background:#fff;-webkit-box-shadow:3px 3px 13px 0 rgba(0,0,0,.075);box-shadow:3px 3px 13px 0 rgba(0,0,0,.075);padding:30px;width:50%;max-width:500px}.web-dev__banner_form-title{text-align:center;margin-bottom:35px}.web-dev__banner_form-title h6{background-image:-webkit-gradient(linear,left top,right top,from(#000),to(#000));background-image:linear-gradient(to right,#000,#000);font-family:Roboto;font-size:30px;font-weight:600;-webkit-background-clip:text;color:transparent;-webkit-transition:all .2s;transition:all .2s;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.web-dev__banner_form-title p{color:#212529;font-family:Roboto;font-size:18px;font-weight:400}.web-dev__banner_form-form form{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;gap:50px}.web-dev__buisiness{position:relative;padding:150px 0}.web-dev__buisiness_title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.web-dev__buisiness_title img{max-width:540px}.web-dev__buisiness_title .web-dev__banner_title h2{font-size:50px;margin-bottom:30px;font-weight:500;letter-spacing:1px;text-align:left;line-height:1.2}.web-dev__buisiness_list{display:-webkit-box;display:-ms-flexbox;display:flex;margin:100px 0;gap:50px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.web-dev__buisiness_list-item{width:32%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:360px}.web-dev__buisiness_list-item h3{font-weight:700;font-size:23px}.web-dev__buisiness_list-item p{color:grey;padding:25px 0 10px;font-size:18px;font-weight:400}.web-dev__buisiness_list-item li{color:grey;padding:7px 0;font-size:18px;font-weight:400}.web-dev__buisiness_list-item li:not(:last-child){border-bottom:.1rem solid #eee;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.web-dev__buisiness .scbt{position:absolute;color:rgba(128,128,128,.1607843137);text-transform:uppercase;letter-spacing:6px;font-size:calc(50px + 100 * (100vw - 320px)/ 880);width:100%;margin:0 auto}.web-dev__buisiness .scbt1{top:-8%}.web-dev__buisiness .scbt2{top:35%;color:rgba(128,128,128,.0784313725)}.web-dev__buisiness .scbt3{color:rgba(128,128,128,.0392156863)}.form-input{font-size:18px;font-family:inherit;color:#1a1a1a;border:none;width:100%;display:block;-webkit-transition:all .3s;transition:all .3s;-webkit-box-shadow:0 1rem 2rem rgba(0,0,0,.1);box-shadow:0 1rem 2rem rgba(0,0,0,.1);max-width:100%;height:70px;padding:0 30px;background:#fff;border-radius:.3rem;border-bottom:.3rem solid #000;outline:0}.form-submit{font-size:18px;width:100%;height:70px;line-height:70px;display:inline-block;background:-webkit-gradient(linear,left top,right bottom,from(#06c),to(#cc0073))!important;background:linear-gradient(to right bottom,#06c,#cc0073)!important;color:#fff;border:1px solid;padding:0 50px;position:relative;font-size:16px;border-radius:.3rem}.price-cards__title{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;gap:20px}.price-cards__pcards{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-top:100px}.pcards__card{width:31%;height:600px;-webkit-perspective:1000px;perspective:1000px;border-radius:.3rem;background-color:#fff}.pcards__card:hover .pcards__card_inner{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}.pcards__card_inner{position:relative;width:100%;height:100%;text-align:center;-webkit-transition:-webkit-transform .8s;transition:-webkit-transform .8s;transition:transform .8s;transition:transform .8s,-webkit-transform .8s;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.pcards__card_back,.pcards__card_front{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.pcards__card_front{color:#000;-webkit-box-shadow:0 1.5rem 4rem rgba(0,0,0,.15);box-shadow:0 1.5rem 4rem rgba(0,0,0,.15)}.pcards__card_front-header{background:-webkit-gradient(linear,left top,right bottom,from(#06c),to(#cc0073))!important;background:linear-gradient(to right bottom,#06c,#cc0073)!important;border-radius:0;height:auto;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;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;padding:20px}.pcards__card_front-header i{font-size:75px;margin:15px 0}.pcards__card_front-header h3{padding:10px 0;font-size:1.5rem;font-weight:700}.pcards__card_front-header p{min-height:55px}.pcards__card_front-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-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;height:290px}.pcards__card_front-body li{width:85%;padding:15px}.pcards__card_front-body li:not(:last-child){border-bottom:.1rem solid #eee}.pcards__card_back{color:#000;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);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;margin-top:20px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-shadow:0 1.5rem 4rem rgba(0,0,0,.15);box-shadow:0 1.5rem 4rem rgba(0,0,0,.15)}.pcards__card_back p{font-size:1.5rem;text-transform:uppercase;text-align:center;font-weight:600}.pcards__card_back b{font-size:1.8rem;text-transform:uppercase;text-align:center;font-weight:600;margin-bottom:15px}.web-dev .projects .projects__title p{text-align:left}.web-dev .projects .projects__title h2{margin-bottom:50px}.web-dev-project-title{color:#000;border-bottom:4px solid #000;background:0 0;display:-webkit-box;display:-ms-flexbox;display:flex;padding:10px 25px;cursor:pointer;font-weight:600;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:50px auto 0;font-size:30px}.reviews{margin:0 0 100px}.reviews h3{text-align:center;margin:50px 0;font-size:30px}.reviews__items{display:-ms-grid;display:grid;-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:30px;margin-bottom:50px}.reviews__item{padding:24px;border-radius:34px;background-color:rgba(17,17,17,.05)}.reviews__item span{font-size:25px;width:38px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;border-radius:50%;color:#fff;text-transform:uppercase;margin-right:10px;height:38px;min-width:38px;min-height:38px}.reviews__title{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:10px}.reviews__title a{display:block}.reviews__name{font-size:14px;line-height:18px;font-weight:700;color:#000}.reviews__star{color:#b21e84;font-size:17px;letter-spacing:-2px}.service-pages{margin-top:85px}.no-webp .service-pages__title{background:url(//wptest.e-schools.info/wp-content/themes/skybuss/assets/img/pageheader-artdesign.jpg)}.service-pages__title{height:355px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-size:cover!important;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.service-pages__title h1{font-size:46px;margin-bottom:0;line-height:6.5rem;font-weight:700;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.service-pages__title_breadcrumb{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:15px}.service-pages__title_breadcrumb li{font-weight:500}.service-pages__title_breadcrumb li img{width:18px;padding-top:5px}.service-pages__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:20px}.service-pages__content_left{width:30%}.service-pages__content_right{width:70%}.service-pages__content .spcl__list{margin-bottom:50px}.service-pages__content .spcl__list_item{padding:14px 15px 14px 18px;font-weight:600;font-size:20px;-webkit-transition:.3s;transition:.3s;color:#232323;position:relative;margin-bottom:2px;border-radius:.3rem;cursor:pointer;background:#fbfbfb}.service-pages__content .spcl__list_item:hover{background:#f7f7f7}.service-pages__content .spcl__list_item a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}.service-pages__content .spcl__list_item a img{width:15px}.service-pages__content .spcl__list_item-active{background:#f7f7f7}.service-pages__content .spcl .pcards__card{width:100%}.service-pages__content .spcr__img{width:100%}.service-pages__content .spcr__title{margin:20px 0;text-align:left}.service-pages__content .spcr p{padding-bottom:10px}.service-pages__content .spcr__flipp{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;gap:30px;margin:50px 0 100px}.service-pages__content .spcr__flipp .pcards__card{width:45%;height:350px}.service-pages__content .spcr__flipp .pcards__card .pcards__card_front-header{background:0 0!important;height:100%}.service-pages__content .spcr__flipp .pcards__card .pcards__card_front-header h3,.service-pages__content .spcr__flipp .pcards__card .pcards__card_front-header i{color:#000}.service-pages__content .spcr__flipp .pcards__card .pcards__card_back p{color:#212529;font-size:18px;font-weight:400;text-transform:math-auto}.hoverfilter{-webkit-transition:.3s;transition:.3s;-webkit-filter:grayscale(1);filter:grayscale(1)}.hoverfilter:hover{-webkit-filter:grayscale(0);filter:grayscale(0)}img.rot{animation:15s linear 5s normal none infinite running rot;-webkit-animation:15s linear 5s normal none infinite running rot;width:600px}@keyframes rot{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes rot{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@media (max-width:61.99875em){.header__nav{display:none}.header__menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 1 41%;flex:0 1 41%;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.icon-menu{display:block;position:relative;width:1.875rem;height:1.125rem;z-index:5}.icon-menu span,.icon-menu::after,.icon-menu::before{content:"";-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s;right:0;position:absolute;width:100%;height:.125rem;background-color:#000}.icon-menu::before{top:0}.icon-menu::after{bottom:0}.icon-menu span{top:calc(50% - .0625rem)}.menu-open .icon-menu span{width:0}.menu-open .icon-menu::before{top:calc(50% - .0625rem);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.menu-open .icon-menu::after{bottom:calc(50% - .0625rem);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}}@media (max-width:61.99875em) and (any-hover:none){.icon-menu{cursor:default}}@media (max-width:47.99875em){.header__menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 1 41%;flex:0 1 41%;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}}.webp .service-pages__title{background:url(//wptest.e-schools.info/wp-content/themes/skybuss/assets/img/pageheader-artdesign.webp)}.wrapper{
position: relative;
}
.menu-item-has-children{
position: relative;
}
.menu-item-has-children .sub-menu{
position: absolute;
top: 30px;
left: 0;
display: flex;
flex-direction: column;
width: max-content;
background: #fff;
padding: 20px;
gap: 5px;
background: #ffffff;
z-index: 1;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
opacity: 0;
-ms-filter: "alpha(opacity=0)";
visibility: hidden;
border: 0;
border-radius: 5px;
box-shadow: 0 0 5px rgb(0 0 0 / 15%);
}
.menu-item-has-children:hover .sub-menu{
opacity: 1;
visibility: visible;
}
.contact-page{
margin: 100px 0;
}
.contact-page__items{
display: flex;
justify-content: center;
margin-top: 50px;
gap: 50px;
flex-wrap: wrap;
align-items: center;
}
.contact-page__title{
width: 100%;
display: block;
font-size: 46px;
margin-bottom: 0;
line-height: 6.5rem;
font-weight: 700;
width: 100%;
margin-top: 4rem;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.contact-page__item{
background-color: #fff;
padding: 2.5rem;
text-align: center;
font-size: 1.5rem;
box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.15);
border-radius: 0.3rem;
min-width: 390px;
min-height: 250px;
display: flex;
flex-direction: column;
justify-content: center;
gap: 15px;
}
.contact-page__item_title{
font-size: 1.4rem;
text-align: center;
text-transform: uppercase;
color: #000000;
font-family: Roboto;
font-weight: 600;
}
.contact-page__item_link{
font-size: 1.2rem;
}
.flip-card:hover .btn{color:#000}
.toUp{
position: fixed;
bottom: 37px;
left: 50%;
width: 75px;
height: 75px;
display: flex;
align-items: flex-start;
justify-content: center;
background: transparent;
transform: rotate(180deg);
transform: translateX(-50%);
}
.toUp img{
width: 100%;
transform: rotate(180deg);
}
.call-modal{
position: fixed;
bottom: 50px;
left: 50px;
z-index: 10;
}
.call-modal__item{
width: 50px;
display: block;
padding: 10px;
height: 50px;
border: 2px solid; transition: all .3s;
background: #fff;
}
.call-modal__item:hover{
transform: scale(1.1);
}
.call-modal__item img{
width: 100%;
}
.call-modal__soc{
display: flex;
align-items: center;
gap: 10px;
opacity: 0;
visibility: hidden;
transition: all .3s;
}
.call-modal__main{
margin-top: 10px;
cursor: pointer;
}
.call-modal__soc.active{
opacity: 1;
visibility: visible;
}
.header{
z-index: 100;
background: #fff;
}
.header__socials_item{
width: 50px;
padding: 11px;
}
.header__socials_item img{
width: 100%;
}
.text-hover__item{
position: relative;
overflow: hidden;
display: block;
width: max-content;
font-weight: 700;
font-size: 150px;
line-height: 1.25;
color: rgba(0,0,0,0);
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #222;
margin-left: -0.105em;
z-index: 3;
font-family: math;
}
.text-hover__item-hover{
overflow: hidden;
position: absolute;
left: 0;
top: 0;
transform: translateY(100%);
transition: transform 1s cubic-bezier(.19,1,.22,1);
z-index: 2;
will-change: transform;
}
.text-hover__item span {
display: block;
width: max-content;
}
.text-hover__item-hover span {
color: #222;
position: relative;
transform: translateY(-100%);
transition: transform 1s cubic-bezier(.19,1,.22,1);
will-change: transform;
}
.text-hover__item:hover .text-hover__item-hover {
transform: translateY(-8%);
}
.text-hover__item:hover .text-hover__item-hover span {
transform: translateY(0%);
}
.portfolio__all {
width: fit-content;
margin-left: 20px;
}
.portfolio__all a,
.portfolio__all button,
.portfolio__all .wpcf7-submit{
display: inline-block;
font-size: 12px;
line-height: 160%;
text-transform: uppercase;
color: #000;
border: 2px solid #000;
padding: 9px 36px;
position: relative;
transition: all 0.3s;
}
.portfolio__wrap a,
.portfolio__wrap button,
.portfolio__all .wpcf7-submit{
outline: none;
}
.portfolio__all a::before,
.portfolio__all button::after,
.portfolio__all .wpcf7-submit::before,
.portfolio__all .wpcf7-submit::after{
content: "";
position: absolute;
top: 50%;
left: -13px;
width: 24px;
height: 2px;
background: #000;
transition: all 0.5s;
}
.portfolio__all a:hover,
.portfolio__all button:hover,
.portfolio__all .wpcf7-submit:hover{
border: 2px solid #6d6d6d;
color: #6d6d6d;
transition: all 0.3s;
}
.portfolio__all a:hover::before,
.portfolio__all button:hover::before,
.portfolio__all .wpcf7-submit:hover::before,
.portfolio__all a:hover::after,
.portfolio__all button:hover::after,
.portfolio__all .wpcf7-submit:hover::after{
background: #6d6d6d;
left: 95%;
transition: all 0.5s;
}
.main-about__black {
background: url(//wptest.e-schools.info/wp-content/uploads/2025/07/изображение_viber_2024-12-18_11-44-28-950-removebg-preview-1.png) no-repeat;
background-size: cover;
background-position: center;
}
.main-about__bg {
position: relative;
margin: 0 30px;
z-index: 10;
}
.main-about .info-container.container {
height: calc(95vh - 43px);
position: relative;
}
.main-about__bg .main-left {
position: absolute;
top: 50%;
left: 25px;
transform: translate(-50%, -50%);
}
.main-about__bg .main-left a {
display: inline-block;
font-size: 29px;
line-height: 11px;
text-transform: uppercase;
color: #000;
transform: rotate(-90deg);
position: relative;
outline: none;
cursor: pointer;
text-transform: uppercase;
letter-spacing: 6px;
font-family: 'Roboto';
color: rgba(128, 128, 128, .1607843137);
}
.main-about__bg .main-left a::before {
content: "";
position: absolute;
top: 5px;
left: -32px;
width: 21px;
height: 2px;
background: #fff;
}
.main-about__bg .main-right {
position: absolute;
top: 50%;
right: 25px;
transform: translate(50%, -50%);
}
.main-about__bg .main-right a {
display: inline-block;
font-size: 29px;
line-height: 11px;
text-transform: uppercase;
color: #000;
transform: rotate(-90deg);
outline: none;
cursor: pointer;
text-transform: uppercase;
letter-spacing: 6px;
font-family: 'Roboto';
color: rgba(128, 128, 128, .1607843137);
}
.main-about__bg .main-right a::after {
content: "";
position: absolute;
top: 5px;
right: -32px;
width: 21px;
height: 2px;
background: #fff;
}
.container .center-line {
position: absolute;
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
height: 100%;
width: 0.5px;
background: #828282;
opacity: 0.2;
}
.container .left-line {
position: absolute;
transform: translate(-50%, -50%);
top: 50%;
left: 75%;
height: 100%;
width: 0.5px;
background: #828282;
opacity: 0.2;
}
.container .right-line {
position: absolute;
transform: translate(-50%, -50%);
top: 50%;
left: 25%;
height: 100%;
width: 0.5px;
background: #828282;
opacity: 0.2;
}
.main-about__bg .info {
padding: 136px 0px 0px;
z-index: 2;
}
.main-about__bg .info-header {
width: 65%;
display: flex;
flex-direction: column;
padding-right: 13px;
gap: 50px;
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
.main-about__bg .info-header h1 {
font-size: 52px;
line-height: 64px;
color: #000;
max-width: 590px;
margin-left: 100px;
z-index: 1;
}
.main-about__bg .info-header__sub {
position: relative;
font-size: 16px;
line-height: 20px;
color: #000;
margin: 32px 24px 27px 144px;
max-width: 285px;
z-index: 2;
}
.main-about__bg .info-header__sub::before {
content: "";
position: absolute;
top: 8px;
left: -40px;
width: 2px;
height: 48px;
background: #000;
}
.main-about__bg .gold {
color: #000;
font-weight: 800;
}
.main-about__bg .info__wrap {
position: absolute;
bottom: 60px;
width: 100%;
}
.main-about__bg .info-contacts {
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
}
.main-about__bg .info-contacts__social {
max-width: 140px;
width: 100%;
display: flex;
justify-content: space-between;
}
.main-about__bg .info-contacts__mouse {
position: absolute;
bottom: 25%;
left: 49.5%;
transform: translate(-50%, 0%);
animation: spin 2s infinite linear;
}
.newcard__items{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 30px;
margin: 50px 0;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.newcard__item{
background-color: transparent;
-webkit-box-shadow: 0 0 35px #eee;
box-shadow: 0 0 35px #eee;
width: 31%;
height: 100%;
padding: 20px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
min-height: 350px;
}
.newcard__item_title{
height: 320px;
display: flex;
width: 100%;
align-items: center;
justify-content: center;
flex-direction: column;
}
.newcard__item_title h3{
font-size: 23px;
font-weight: 600;
}
.newcard__item_body{
display: none;
}
.newcard__item_body_btn{
display: flex;
align-items: center;
justify-content: space-between;
margin: 15px 0;
}
.modal{
position: fixed;
top: 0;
left: -130%;
width: 100%;
height: 100%;
background: #00000080;
z-index: 100;
display: flex;
align-items: center;
justify-content: center;
transition: all .3s;
}
.modal.active{
left: 0;
}
.modal__content{
background: #fff;
max-width: 550px;
box-shadow: 0px 0px 10px 0px #fff;
}
.modal__body{
box-shadow: 0px 0px 20px 0px #00000014;
padding: 30px;
display: flex;
flex-direction: column;
align-items: center;
gap: 15px;
position: relative;
}
.modal .form__input{
width: 100%;
}
.modal__close{
width: 55px;
position: absolute;
top: 15px;
right: 15px;
font-size: 30px;
cursor: pointer;
padding: 5px;
display: flex;
align-items: center;
justify-content: center;
}
.modal__overchaul{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: pointer;
}
.modal h3{
font-size: 30px;
line-height: 64px;
color: #000;
max-width: 590px;
margin: 0 auto;
z-index: 1;
}
.form__input{
padding: 10px;
font-size: 18px;
box-shadow: 0px 0px 6px #0000000d;
border-bottom: 1px solid #000;
margin: 10px 0;
}
.form__btn{
padding: 10px;
font-size: 18px;
box-shadow: 0px 0px 6px #0000000d;
border-bottom: 1px solid #000;
margin: 10px 0;
width: 100%;
background: transparent;
cursor: pointer;
}
section.information{
padding-top: 100px;
}
.information .flip-card-front svg{
max-width: 75px;
position: absolute;
left: 0;
top: 20px;
}
body {
margin: 0; }
.glitch {
background-size: 0;
height: 100vh;
position: relative;
overflow: hidden; }
.glitch::before, .glitch::after,
.glitch .channel {
background: inherit;
background-size: cover;
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0; }
.glitch::before {
animation: glitch-before 3s linear infinite alternate both;
content: ""; }
@keyframes glitch-before {
0% {
clip-path: polygon(0% 35.2531210395%, 100% 35.2531210395%, 100% 36.5835066805%, 0% 36.5835066805%);
transform: translate(-4.1569793668%, -0.454050181%); }
2% {
clip-path: polygon(0% 53.3131523948%, 100% 53.3131523948%, 100% 56.480836025%, 0% 56.480836025%);
transform: translate(5.0669938978%, -0.3508502903%); }
4% {
clip-path: polygon(0% 66.9404143469%, 100% 66.9404143469%, 100% 68.4163908228%, 0% 68.4163908228%);
transform: translate(-2.3300481394%, 0.4785558431%); }
6% {
clip-path: polygon(0% 4.3684589094%, 100% 4.3684589094%, 100% 9.9039992083%, 0% 9.9039992083%);
transform: translate(0.3439879879%, 0.0619213229%); }
8% {
clip-path: polygon(0% 64.2781892559%, 100% 64.2781892559%, 100% 69.9742500148%, 0% 69.9742500148%);
transform: translate(1.7223215619%, 0.333766174%); }
10% {
clip-path: polygon(0% 48.7707166651%, 100% 48.7707166651%, 100% 58.3568461967%, 0% 58.3568461967%);
transform: translate(3.0872244361%, 0.4759500241%); }
12% {
clip-path: polygon(0% 17.8712607637%, 100% 17.8712607637%, 100% 20.8936864779%, 0% 20.8936864779%);
transform: translate(6.1074789469%, -0.4784813245%); }
14% {
clip-path: polygon(0% 68.4629456998%, 100% 68.4629456998%, 100% 77.1924366726%, 0% 77.1924366726%);
transform: translate(0.5600293005%, 0.0307692457%); }
16% {
clip-path: polygon(0% 86.1977898522%, 100% 86.1977898522%, 100% 88.838773986%, 0% 88.838773986%);
transform: translate(0.4416528065%, -0.312940688%); }
18% {
clip-path: polygon(0% 3.0007525284%, 100% 3.0007525284%, 100% 4.4243642449%, 0% 4.4243642449%);
transform: translate(3.5198189413%, 0.2493580556%); }
20%, 100% {
clip-path: none;
transform: none; } }
.glitch::after {
animation: glitch-after 3s linear infinite alternate both;
content: ""; }
@keyframes glitch-after {
0% {
clip-path: polygon(0% 28.5925368645%, 100% 28.5925368645%, 100% 32.638079353%, 0% 32.638079353%);
transform: translate(1.7707970373%, 0.0602576624%); }
2% {
clip-path: polygon(0% 11.02404747%, 100% 11.02404747%, 100% 13.8230826606%, 0% 13.8230826606%);
transform: translate(0.7445131168%, -0.2533682805%); }
4% {
clip-path: polygon(0% 19.9158627814%, 100% 19.9158627814%, 100% 21.1760636101%, 0% 21.1760636101%);
transform: translate(5.2711178982%, 0.3051180379%); }
6% {
clip-path: polygon(0% 30.2640515411%, 100% 30.2640515411%, 100% 34.8054568118%, 0% 34.8054568118%);
transform: translate(-6.904958915%, 0.2725614427%); }
8% {
clip-path: polygon(0% 38.214238538%, 100% 38.214238538%, 100% 44.7794832491%, 0% 44.7794832491%);
transform: translate(-4.7034989038%, -0.4303221975%); }
10% {
clip-path: polygon(0% 12.7134630452%, 100% 12.7134630452%, 100% 18.2734308897%, 0% 18.2734308897%);
transform: translate(-0.8918478488%, -0.3432824434%); }
12% {
clip-path: polygon(0% 88.9346767128%, 100% 88.9346767128%, 100% 98.7008877467%, 0% 98.7008877467%);
transform: translate(-1.8371754857%, 0.2601313792%); }
14% {
clip-path: polygon(0% 61.2745842973%, 100% 61.2745842973%, 100% 65.7105644877%, 0% 65.7105644877%);
transform: translate(-7.5467499377%, -0.4155704586%); }
16% {
clip-path: polygon(0% 9.8101618032%, 100% 9.8101618032%, 100% 12.9907012541%, 0% 12.9907012541%);
transform: translate(-0.6210285789%, -0.4348683158%); }
18% {
clip-path: polygon(0% 64.0386230918%, 100% 64.0386230918%, 100% 67.1597937461%, 0% 67.1597937461%);
transform: translate(-3.9665706557%, -0.3482584109%); }
20%, 100% {
clip-path: none;
transform: none; } }
.glitch .channel {
mix-blend-mode: screen; }
.glitch .channel::before {
bottom: 0;
content: "";
display: block;
mix-blend-mode: multiply;
position: absolute;
left: 0;
right: 0;
top: 0; }
.glitch .r {
animation: rgb-shift-r 3s steps(1, jump-end) infinite alternate both; }
@keyframes rgb-shift-r {
0% {
transform: translate(-1.9908052551%, -0.1673527722%); }
2% {
transform: translate(0.2562592948%, -0.4619666589%); }
4% {
transform: translate(1.5028015743%, 0.1131770487%); }
6% {
transform: translate(-1.2307894618%, 0.0461297349%); }
8% {
transform: translate(-0.8600802739%, -0.3070567539%); }
10% {
transform: translate(0.3429261456%, -0.1814196433%); }
12% {
transform: translate(0.7182036701%, 0.0374295229%); }
14% {
transform: translate(-0.4588803835%, 0.2616372513%); }
16% {
transform: translate(-1.347933006%, -0.3751055635%); }
18% {
transform: translate(1.7291507389%, -0.3304990785%); }
20%, 100% {
transform: none; } }
.glitch .r::before {
background: #f00; }
.glitch .g {
animation: rgb-shift-g 3s steps(1, jump-end) infinite alternate both; }
@keyframes rgb-shift-g {
0% {
transform: translate(-1.5392519118%, 0.0509461956%); }
2% {
transform: translate(-0.7834295861%, -0.3970627028%); }
4% {
transform: translate(0.7960162776%, 0.1698243077%); }
6% {
transform: translate(0.7493606751%, 0.4581215555%); }
8% {
transform: translate(0.2613776621%, 0.0042530577%); }
10% {
transform: translate(1.4826033223%, -0.0101256155%); }
12% {
transform: translate(1.6144336497%, 0.4262706144%); }
14% {
transform: translate(0.9298031187%, -0.3599330569%); }
16% {
transform: translate(-0.4374850956%, 0.4491952403%); }
18% {
transform: translate(0.2333841898%, -0.1598342915%); }
20%, 100% {
transform: none; } }
.glitch .g::before {
background: #0f0; }
.glitch .b {
animation: rgb-shift-b 3s steps(1, jump-end) infinite alternate both; }
@keyframes rgb-shift-b {
0% {
transform: translate(0.5975621656%, 0.2244885219%); }
2% {
transform: translate(-0.129461654%, -0.4069436286%); }
4% {
transform: translate(0.0289483295%, -0.4141333118%); }
6% {
transform: translate(-0.6885771274%, -0.4945404618%); }
8% {
transform: translate(1.0342265763%, -0.0598554402%); }
10% {
transform: translate(1.4467405302%, 0.4897586881%); }
12% {
transform: translate(-0.7567059688%, 0.3258729345%); }
14% {
transform: translate(-0.6214346684%, 0.0849915166%); }
16% {
transform: translate(1.8701378288%, -0.4750947779%); }
18% {
transform: translate(-0.6725922777%, -0.2165725243%); }
20%, 100% {
transform: none; } }
.glitch .b::before {
background: #00f; }
.portfolio {
background: #000000f0;
background-size: cover;
}
.portfolio .container{
max-width: 1230px;
margin: 0 auto;
border-left: 1px solid rgba(130, 130, 130, 0.2);
border-right: 1px solid rgba(130, 130, 130, 0.2);
position: relative;
z-index: 0;
}
.portfolio__wrapper {
padding: 186px 0px 197px;
position: relative;
}
.portfolio .portfolio__wrapper .square-1, .portfolio .portfolio__wrapper .square-2 {
position: absolute;
width: 10px;
height: 40px;
background: #fff;
}
.portfolio .portfolio__wrapper .square-1 {
top: 5%;
left: 74.6%;
}
.portfolio .portfolio__wrapper .square-2 {
top: 87%;
left: 24.6%;
}
.portfolio__bg {
position: absolute;
font-size: 370px;
line-height: 269px;
color: rgba(255, 255, 255, 0.03);
transform: rotate(90deg) translate(0%, -50%);
top: 265px;
right: 50%;
width: 32%;
}
.portfolio__wrap {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.portfolio__side_left {
width: 46%;
position: relative;
}
.portfolio__item {
display: flex;
flex-direction: column;
margin-bottom: 90px;
}
.portfolio__item_first {
margin-left: auto;
width: 82%;
}
.portfolio__title {
color: #fff;
margin-bottom: 30px;
max-width: 380px;
line-height: 84px;
}
.portfolio__subtitle {
font-size: 16px;
line-height: 20px;
color: #D1D1D1;
max-width: 275px;
margin-left: 32px;
position: relative;
}
.portfolio__subtitle::before {
content: '';
position: absolute;
top: 3px;
width: 2px;
height: 52px;
left: -24px;
background: #fff;
}
.portfolio__item {
display: flex;
flex-direction: column;
margin-bottom: 90px;
}
.portfolio__item .portfolio__photo {
overflow: hidden;
transition: 0.8s;
}
.portfolio__item_second .portfolio__photo {
width: 100%;
}
.portfolio__photo img {
width: 100%;
object-fit: cover;
}
.portfolio__item .portfolio__photo img {
transition: 0.8s;
}
.portfolio__about {
display: flex;
flex-direction: column;
margin: 16px 0px 30px 50px;
}
.portfolio__name {
font-size: 48px;
line-height: 36px;
color: #FFFFFF;
margin-bottom: 8px;
position: relative;
}
.portfolio__item_second .portfolio__name {
font-size: 32px;
line-height: 36px;
}
.portfolio__name::before {
content: '';
position: absolute;
top: -50px;
left: 5px;
width: 2px;
height: 34px;
background: #fff;
}
.portfolio__info{
color: #ffffff94;
margin-bottom: 10px;
}
.portfolio__btn {
font-size: 10px;
line-height: 160%;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #fff;
display: flex;
align-items: center;
}
.portfolio__btn svg {
margin-left: 6px;
}
.portfolio__btn svg path{
fill: #fff !important;
}
.portfolio__all {
padding-top: 50px;
}
.portfolio__all a,
.portfolio__all .wpcf7-submit{
display: inline-block;
font-size: 12px;
line-height: 160%;
text-transform: uppercase;
color: #FFFFFF;
border: 2px solid #FFFFFF;
padding: 9px 36px;
position: relative;
transition: all 0.3s;
}
.portfolio__all a::before,
.portfolio__all .wpcf7-submit::before {
content: "";
position: absolute;
top: 50%;
left: -13px;
width: 24px;
height: 2px;
background: #fff;
transition: all 0.5s;
}
.portfolio__side_right {
width: 45%;
margin-top: 114px;
}
.portfolio__item_forth {
margin-bottom: 90px;
}
.portfolio__item_forth:last-child(){
margin-bottom: 0px;
}
.portfolio__item_forth .portfolio__photo {
width: 100%;
}
.portfolio__item .portfolio__photo:hover img {
transform: scale(1.1);
}
.portfolio__btn:hover {
color: #fff;
transition: all 0.2s;
}
.portfolio__wrap a {
outline: none;
}
.stages {
position: relative;
}
.stages__bg,
.services__bg-text,
.weare__bg-text,
.advlandings__bg span,
.questions__bg{
font-family: 'Roboto';
color: rgba(128,128,128,.1607843137);
position: absolute;
right: 3%;
top: 2%;
line-height: 269px;
text-transform: uppercase;
letter-spacing: 6px;
font-size: calc(50px + 100 * (100vw - 320px)/ 880);
margin: 0 auto;
}
.stages .container {
max-width: 1230px;
margin: 0 auto;
border-left: 1px solid rgba(130, 130, 130, 0.2);
border-right: 1px solid rgba(130, 130, 130, 0.2);
position: relative;
z-index: 0;
}
.light-theme .container {
border-left: 1px solid rgba(134, 134, 134, 0.1);
border-right: 1px solid rgba(134, 134, 134, 0.1);
}
.stages__wrap {
padding: 40px 0px 60px;
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.stages__photo {
width: 43%;
position: relative;
}
.stages__photo img{
width: 100%;
position: relative;
}
.stages__photo video {
height: 300px;
object-fit: cover;
width: 100%;
}
.stages__slider {
width: 52%;
position: relative;
}
.stages__title { margin-bottom: 40px;
margin-left: 0px;
font-size: 44px;
text-align: left;
}
.owl-carousel, .owl-carousel .owl-item {
-webkit-tap-highlight-color: transparent;
position: relative;
}
.owl-carousel {
display: none;
width: 100%;
z-index: 1;
}
.stages .owl-carousel .owl-nav {
position: absolute;
right: 25%;
display: flex;
flex-direction: column;
justify-content: space-between;
height: 210px;
bottom: -20px;
}
.owl-theme .owl-dots, .owl-theme .owl-nav {
text-align: center;
-webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-nav {
margin-top: 10px;
}
.stages .owl-carousel .owl-nav button.owl-prev {
background-image: url(//wptest.e-schools.info/wp-content/uploads/2024/10/339918.webp);
background-size: cover;
width: 20px;
height: 20px;
cursor: pointer;
z-index: 10;
transform: rotate(-90deg);
}
.stages .owl-carousel .owl-nav button.owl-next {
background-image: url(//wptest.e-schools.info/wp-content/uploads/2024/10/339918.webp);
background-size: cover;
width: 20px;
height: 20px;
cursor: pointer;
z-index: 10;
transform: rotate(90deg);
}
.stages .owl-carousel .owl-dots {
display: flex;
flex-direction: column;
justify-content: space-between;
text-align: left;
position: absolute;
left: -26%;
bottom: 15px;
height: 200px;
}
.stages .owl-carousel .owl-dots button {
position: relative;
padding: 0 1.5rem !important;
font-weight: 900;
outline: none;
box-shadow: none;
width: 14px !important;
padding: 0px !important;
}
.owl-theme .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 5px 7px;
background-color: #D6D6D6;
display: block;
-webkit-backface-visibility: visible;
transition: opacity .2s ease;
border-radius: 30px;
}
.stages .owl-carousel .owl-dots button span {
background-color: transparent;
outline: none;
box-shadow: none;
font-size: 12px;
position: absolute;
top: -2px;
right: -40px;
color: #000;
transition: all 0.2s;
}
.stages .owl-carousel .owl-dots button.active {
color: #464646;
margin-bottom: 20px;
}
.stages .owl-carousel .owl-dots button.active span {
font-size: 36px;
position: relative;
margin-left: -10px;
transition: all 0.2s;
}
.stages .owl-carousel .owl-dots button.active span:last-child::before {
content: '';
position: absolute;
top: 18px;
left: -35px;
width: 28px;
height: 2px;
background: #C6A57A;
}
.stages__slide {
display: flex;
justify-content: space-between;
align-items: flex-start;
padding-left: 30px;
}
.stages__info {
width: 85%;
position: relative;
padding-left: 40px;
min-height: 250px;
}
.stages__subtitle,
.advlandings__subtitle,
.questions__text{
font-size: 23px;
font-weight: 600;
color: #000;
margin-bottom: 14px;
max-width: 270px;
}
.questions__text{
max-width: 100%;
}
.stages__text,
.advlandings__text{
font-size: 16px;
line-height: 1.5;
color: #747474;
max-width: 400px;
margin-left: 22px;
position: relative;
}
.advlandings__text{
margin: 0;
}
.stages__text::before {
content: '';
position: absolute;
top: 4px;
left: -20px;
background: #171717;
height: 32px;
width: 2px;
}
.stages__item {
position: absolute;
top: 30%;
left: -85px;
font-size: 28px;
line-height: 160%;
letter-spacing: 0.3em;
text-transform: uppercase;
color: #000;
transform: rotate(-90deg);
}
.stages__slick .slick-list{
overflow: hidden;
}
.stages__slick .slick-track{
display: flex;
justify-content: center;
align-items: flex-start;
}
.stages__slick_item{
margin-left: 10px;
}
.stages__slick .slick-arrow{
width: 30px;
position: absolute;
right: 10%;
}
.stages__slick .slick-prev{
transform: rotate(270deg);
top: 50px;
}
.stages__slick .slick-next{
transform: rotate(90deg);
bottom: 50px;
}
.stages__slick .slick-dots{
position: absolute;
top: 50%;
transform: translateY(-50%);
display: flex;
flex-direction: column;
gap: 5px;
font-size: 18px;
left: -15%;
}
.stages__slick .slick-dots li{
display: flex;
align-items: center;
gap: 5px;
font-size: 46px;
transition: all .3s;
}
.stages__slick .slick-dots .slick-active{
font-size: 58px;
position: relative;
}
.stages__slick .slick-dots .slick-active:before{
content: "";
width: 25px;
height: 2px;
background: #000;
display: block;
position: absolute;
left: -35px;
transition: all .3s;
}
.remont-page__tabs_nav {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 10px;
}
.remont-page__tabs_item {
display: none;
}
.remont-page__tabs_item.active {
display: block;
}
.remont-page__tabs_content.active {
height: 100%;
}
.remont-page__tabs_item-body {
display: flex;
flex-direction: row;
align-items: center;
gap: 20px;
padding: 15px;
border-bottom: 1px solid #e7e7e7;
transition: all 0.3s ease-in-out;
}
.remont-page__tabs_item-body:hover {
background: #fff;
}
.glitchbtn{
width: max-content;
height: auto;
}
.glitchbtn .btn{
border-image: none !important;
border-radius: 0;
background: transparent !important;
}
.glitchbtn .btn:hover{
background: #000 !important;
}
.weare{
position: relative;
}
.hidtestblock{
position: absolute;
left: 30%;
top: 30%;
transform: translate(-30%, -30%);
opacity: 0.3;
}
.stages__photo_glitch{
background: url(//wptest.e-schools.info/wp-content/uploads/2025/03/fashion-cyberpunk-girl-vintage-logo-line-art-concept-black-white-color-hand-drawn-illustration_44294-removebg-preview.png) 0 0/cover no-repeat;
height: 500px;
}
.services{
position: relative;
}
.services__bg-text{
writing-mode: vertical-lr;
left: 0;
right: auto;
top: -18%;
}
.weare__bg-text{
writing-mode: vertical-lr;
top: -89%;
}
.new-btn{
position: unset;
transform: translate(0px, 0px);
}
.new-btn a,
.new-btn .wpcf7-submit{
border-color: #000;
color: #000;
}
.new-btn a::before,
.new-btn .wpcf7-submit::before{
background: #000;
}
.web-dev__banner_title h1,
.web-dev__banner_title p{
margin: 20px 0;
}
.web-dev__banner_img-glitch{
background: url(//wptest.e-schools.info/wp-content/uploads/2025/02/cyberpunk-woman-glasses-vintage-logo-line-art-concept-black-white-color-hand-drawn-illustration_4429-removebg-preview.png) 100% -3%/cover no-repeat;
height: 85%;
width: 50%;
position: absolute;
top: 0;
left: 0;
}
.web-dev__buisiness_title{
margin-bottom: 50px;
}
.web-dev__buisiness_list .glitch{
height: 275px;
padding: 10px;
width: 275px;
border: 1px solid grey;
}
.web-dev__buisiness_list .glitch h3{
position: relative;
font-weight: 700;
font-size: 23px;
text-align: center;
}
.web-dev__buisiness_list .glitch ul{
position: relative;
}
.web-dev__buisiness_list .glitch ul li{
text-align: center;
color: grey;
padding: 7px 0;
font-size: 18px;
font-weight: 400;
border-bottom: 0.1rem solid #eee;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.web-dev__banner_img-glitch .channel.r::before,
.web-dev__banner_img-glitch .channel.g::before,
.web-dev__banner_img-glitch .channel.b::before,
.stages__photo_glitch .channel.r::before,
.stages__photo_glitch .channel.g::before,
.stages__photo_glitch .channel.b::before{
background: transparent;
}
.page{
position: relative;
}
.reviews__items .glitch{
height: auto;
}
.reviews__items .glitch .reviews__item{
position: relative;
height: 100%;
border-radius: 0;
background-color: transparent;
}
.projects__content,
.reviews{
display: flex;
flex-direction: column;
align-items: center;
}
.remont-page__tabs_item .projects__items .glitch .post{
position: relative;
width: 100%;
display: flex;
z-index: 10;
gap: 20px;
box-sizing: border-box;
}
.remont-page__tabs_item .projects__items .glitch .post .post-txt{
padding: 20px;
display: flex;
flex-direction: column;
}
.remont-page__tabs_item .projects__items .glitch .post .post-txt .post-txt__title{
flex: 1;
}
.remont-page__tabs_item .projects__items .glitch .post .post-txt .post-txt__title h2{
text-align: left;
}
.remont-page__tabs_item .projects__items .glitch .post .post-txt .portfolio__all a{
width: auto;
margin-top: 20px;
}
.remont-page__tabs_item .projects__items .glitch{
height: auto;
box-shadow: 0 0 35px #eee;
}
.remont-page__tabs_item .projects__items {
width: 100%;
justify-content: center;
}
.remont-page__tabs_item .projects__items .glitch .post .post-img img{
width: 350px;
height: 350px;
} .pcards__card_front .pcards__card_front-header{
background: #fff!important;
color: #000;
} .web-dev__banner .web-dev__container{
position: relative;
}
.web-dev__banner_title{
position: relative;
display: flex;
flex-direction: column;
margin: 20px 0;
z-index: 10;
background: #ffffffde;
padding: 20px;
}
.advlandings{
position: relative;
}
.advlandings__bg {
font-size: 300px;
line-height: 110%;
color: rgba(23, 23, 23, 0.03);
position: absolute;
left: -5%;
top: 27%;
}
.advlandings.advlandings_second .advlandings__content {
padding: 195px 0px;
}
.advlandings__wrap {
position: relative;
z-index: 1;
display: flex;
justify-content: space-between;
align-items: center;
}
.advlandings__title {
max-width: 455px;
}
.advlandings__photo {
width: 49%;
}
.advlandings__photo img {
width: 100%;
object-fit: cover;
max-width: 600px;
max-height: 356px;
}
.advlandings__items {
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
margin-top: 70px;
}
.advlandings__item {
width: 23%;
display: flex;
align-items: flex-start;
}
.advlandings__number {
font-size: 24px;
line-height: 24px;
color: #000;
margin-right: 19px;
}
.questions {
position: relative;
padding: 0 0px;
}
.questions__bg {
position: absolute;
font-size: 250px;
line-height: 110%;
color: rgba(23, 23, 23, 0.03);
top: 260px;
left: 57.5%;
transform: translate(-50%, 0%) rotate(90deg);
z-index: 1;
}
.questions__wrap {
display: flex;
justify-content: space-between;
align-items: flex-start;
padding: 130px 0px;
}
.questions__info {
width: 49%;
z-index: 2;
}
.questions .title {
font-size: 52px;
line-height: 56px;
margin-bottom: 35px;
}
.questions__line {
display: flex;
justify-content: space-between;
align-items: center;
padding: 12px 0px;
border-bottom: 2px solid #E2E2E2;
cursor: pointer;
}
.questions__wrapper {
display: flex;
align-items: flex-end;
}
.questions__line span {
font-size: 19px;
line-height: 160%;
text-transform: uppercase;
color: #000;
}
.questions__text {
line-height: 120%;
color: #171717;
margin-left: 16px;
margin-bottom: 0;
}
.questions__arrow {
transition: all 0.2s;
font-size: 23px !important;
font-weight: 300;
}
.questions__answer {
display: none;
padding: 0px 30px 18px;
border-bottom: 2px solid #E2E2E2;
}
.questions__answer p, .questions__title {
font-size: 16px;
line-height: 24px;
color: #747474;
margin-top: 15px;
}
.questions__answer ul, .questions__answer ol, .questions__list {
margin-bottom: 10px;
}
.questions__answer li, .questions__list li {
font-size: 16px;
line-height: 22px;
color: #747474;
margin-bottom: 3px;
position: relative;
margin-left: 20px;
}
.questions__photo {
width: 50%;
display: flex;
justify-content: flex-end;
align-items: flex-end;
position: relative;
}
.questions__img {
width: 100%;
}
.questions .questions__arrow.active {
transform: rotate(45deg);
}
.advlandings .container {
max-width: 1230px;
margin: 0 auto;
border-left: 1px solid rgba(130, 130, 130, 0.2);
border-right: 1px solid rgba(130, 130, 130, 0.2);
position: relative;
z-index: 0;
}
.price-cards__container {
position: relative;
}
.price-cards__container .advlandings__bg{
left: 60%;
top: -13%;
}
.flip-card-front i,
.weare__info_list-item-title i,
.services__title i,
.seo__title i,
.pcards__card_front-header i{
display: none;
}
.reviews__title{
font-size: 35px;
text-align: center;
margin: 35px 0;
justify-content: center;
}
.seo__number-text{
padding: 10px 20px;
}
.seo__number-text ul{
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 15px;
}
.seo__number-text ul li{
padding: 20px;
width: 31%;
display: flex;
align-items: center;
justify-content: center;
min-height: 100px;
height: 240px;
-webkit-perspective: 1000px;
perspective: 1000px;
-webkit-box-shadow: 0 0 35px #eee;
box-shadow: 0 0 35px #eee;
text-align: center;
}
.seo__number-textx2{
padding: 10px 5px;
}
.seo__number-textx2 ul li{
width: 48%;
}
.seo__number-text ul li:before{
display: none;
}
.header__nav_item{
display: block;
padding: 5px;
width: 100%;
}
.remont-page__tabs .portfolio__all a{
width: 300px;
}
.single-post{
margin-top: 50px;
}
.single-post p{
margin: 10px 0;
text-align: justify;
}
.single-post h1{
font-size: 35px;
text-align: center;
margin: 15px 0;
font-weight: 600;
}
.post-navigation,
.comments-area{
display: none;
}
.my-singl-post__content .glitch{
width: 45%;
height: 730px;
float: inline-end;
margin-left: 20px;
}
.my-singl-post__content .glitch .post-thumbnail{
max-height: 650px;
}
.my-singl-post__content .post-thumbnail img{
position: relative;
width: 98%;
max-height: 650px;
object-fit: contain;
}
.light-theme .container{
max-width: 1230px;
margin: 0 auto;
position: relative;
z-index: 0;
}
.some-text{
margin-top: 50px;
}
.questions__img_glitch{
background: url(//wptest.e-schools.info/wp-content/uploads/2025/06/ChatGPT-Image-30-июн.-2025-г.-11_18_09.png) 0 0/contain no-repeat;
height: 575px;
margin: 0px 0px 75px;
}
.advlandings__wrap .flex-vertical{
width: 50%;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.services__list .flip-card-back .portfolio__all.new-btn{
display: none;
}
.menu-open .header__menu{
height: 100vh;
overflow-y: scroll;
}
.web-dev__buisiness_title img{
width: 45%;
}
.menu__body_logo{
width: 100%;
display: block;
margin: 20px 0;
}
.menu-open .menu__body{
padding: 90px 0;
}
.menu-open .menu__list{
gap: 10px !important;
align-items: center;
}
.call-modal__item svg,
.header__socials svg{
width: 24px;
height: 24px;
}
.wrap__P3RE5{
bottom: 15px !important;
}
.user-agreement__container{
margin-top: 50px;
}
.user-agreement__container h3{
font-size: 26px;
font-weight: 500;
margin: 20px 0;
}
.user-agreement__container ul{
margin: 20px;
}
.user-agreement__container ul li{
margin: 10px 0;
}
.home-page .main-about__bg .info{
padding-top: 200px;
}
.lang-item{
margin-left: 100px;
}
.posts__content {
margin-top: 100px;
}
.single-post__container ol{
margin-left: 20px;
}
.seo__number-text table{
display: flex;
justify-content: center;
margin: 50px 0px;
}
.seo__number-text table tbody{
padding: 20px;
border: 2px solid #000;
}
.seo__number-text table tbody td{
padding: 5px;
border: 1px solid #000;
}
.copywrite__banner{
background: url(//wptest.e-schools.info/wp-content/uploads/2025/08/photo_2025-08-06_10-43-13.jpg) 100% -3% / cover no-repeat;
}
@media(max-width:1200px){
.service-pages__content{
display: flex;
flex-direction: column;
align-items: center;
}
.spcr__title{
text-align: center;
}
.service-pages__content_left,
.service-pages__content_right{
width: 100%;
}
.header{
top: 0;
}
}
@media(max-width: 993px){
.entry-content{
margin-top: 80px;
}
.web-dev__container{
flex-wrap: wrap;
}
.web-dev__banner_title,
.web-dev__banner_form{
width: 100%;
}
.web-dev__banner_form{
max-width: 100%;
background: #ffffffde;
position: relative;
}
.portfolio__name{
font-size: 36px;
}
.wpcf7-form-control-wrap{
width: 100%;
}
.header__menu .header__nav{
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
}
}
@media(max-width:767px){
.header__socials{
display: none;
}
.header__menu .header__socials{
display: flex;
margin-top: 30px;
justify-content: center;
}
.main-about__bg .info-header{
width: 100%;
padding-right: 0px;
}
.main-about__bg .info-header h1{
margin: 0 auto;
font-size: 40px;
line-height: 59px;
}
.main-about__bg{
margin: 0;
}
.main-about__bg .info-header__sub{
margin: 20px 20px 20px 80px;
background: #ffffffde;
padding: 10px;
}
section.information{
padding-top: 10px;
}
.information__items{
flex-wrap: wrap;
}
.weare__content{
position: relative;
z-index: 1;
}
.weare__img{
position: absolute;
width: 100%;
top: 0;
left: 0;
}
.weare .portfolio__all{
margin: 0 auto;
}
.weare__img img{
width: 100%;
}
.weare__info{
max-width: 100%;
width: 100%;
}
.services__list .flip-card{
width: 46%;
}
.stages__wrap{
flex-direction: column;
align-items: center;
padding: 0px 0px 50px;
}
.stages__photo{
width: 100%;
}
.stages__slider{
width: 100%;
padding: 10px;
}
.stages__title{
margin-bottom: 20px;
font-size: 36px;
}
.stages__text, .advlandings__text{
max-width: 100%;
}
.stages__item{
top: 37%;
}
.portfolio__wrap{
flex-direction: column;
}
.portfolio__side_left{
width: 100%;
}
.portfolio__side_right{
width: 100%;
}
.portfolio__wrapper{
padding: 30px 0px;
}
.remont-page__tabs_item .projects__items .glitch .post{
flex-direction: column;
}
.remont-page__tabs_item .projects__items .glitch .post .post-img img{
width: 100%;
height: 450px;
object-fit: cover;
}
.remont-page__tabs_item-body,
.blog__container .service-pages__container{
padding: 0;
}
.remont-page__tabs_item .projects__items .glitch .post .post-txt .post-txt__title h2{
line-height: 1.3;
font-size: 28px;
}
.my-singl-post__content{
display: flex;
flex-direction: column;
}
.my-singl-post__content .glitch{
width: 100%;
height: 550px;
float: unset;
margin-left: 0px;
}
.seo__number-text ul{
flex-direction: column;
}
.seo__number-textx2 ul li {
width: 100%;
}
.web-dev__buisiness_title img{
width: 100%;
}
.web-dev__buisiness_title{
flex-direction: column;
}
.advlandings.advlandings_second .advlandings__content{
padding: 0px 10px 100px;
}
.advlandings__item{
width: 47%;
display: flex;
align-items: flex-start;
}
.questions__wrap{
flex-direction: column-reverse;
}
.questions__info{
width: 100%;
padding: 0 10px;
}
.questions__photo{
width: 100%;
}
.seo__number-text ul li{
width: 100%;
}
.web-dev__banner{
margin-bottom: 100px;
}
}
@media(max-width: 550px){
.spcr__flipp{
display: flex;
flex-direction: column;
align-items: center;
}
.service-pages__content .spcr__flipp .pcards__card{
width: 100%;
}
.main-about__bg .main-right,
.main-about__bg .main-left{
display: none;
}
.main-about__bg .info-header h1{
font-size: 31px;
line-height: 45px;
font-weight: 600;
background: #ffffffde;
padding: 10px;
text-align: center;
}
.information__title h2{
font-size: 28px;
}
.information__title p{
font-size: 22px;
}
.flip-card{
width: 100%;
}
.flip-card-back, .flip-card-front{
position: unset;
}
.flip-card-back{
padding: 0;
height: 50%;
transform: rotateX(0deg);
}
.flip-card-front{
height: 50%;
}
.flip-card:hover .flip-card-inner{
transform: unset;
}
.services__list .flip-card{
width: 100%;
}
.services__list .flip-card:hover .flip-card-inner {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
}
.services__list .flip-card-back{
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
gap: 5px;
}
.services__list .flip-card-back .portfolio__all.new-btn{
display: block;
}
.services{
margin: 50px 0;
}
.portfolio__item_first{
margin-left: 0;
width: 100%;
align-items: center;
}
.seo__text ul li,
.seo__text p{
text-align: justify;
}
.footer__content{
flex-direction: column;
text-align: center;
align-items: center;
}
.footer__item{
width: 100%;
}
.footer__item img{
width: 100%;
}
.seo__btn {
text-align: end;
margin: 0 auto;
width: 200px;
}
.web-dev__buisiness{
padding: 150px 0 0;
}
.web-dev__buisiness_title{
margin: 0;
}
.web-dev__banner_title h1{
font-size: 31px;
}
.advlandings__item{
width: 100%;
}
.price-cards__pcards{
margin-top: 40px;
flex-direction: column;
gap: 20px;
}
.pcards__card{
width: 100%;
height: 500px;
}
.stages__bg, .services__bg-text, .weare__bg-text, .advlandings__bg span, .questions__bg{
font-size: 140px;
color: rgb(128 128 128 / 9%);
font-weight: bold;
}
.advlandings.advlandings_second .advlandings__content {
padding: 0px 10px 50px;
}
.questions__wrap{
padding: 20px 0;
}
.stages__slider{
margin-top: -50px;
} 
.stages__photo_glitch{
height: 570px;
}
.stages__slick .slick-next{
bottom: -30px;
}
.stages__slick .slick-arrow{
width: 50px;
}
.portfolio__photo img{
object-fit: contain;
}
.portfolio__about{
margin: 0px 0px 0px 10px;
}
.service-pages__title{
height: 230px;
}
.portfolio__side_right{
margin-top: 0;
}
.advlandings__wrap{
flex-direction: column-reverse;
}
.advlandings__photo{
width: 100%;
}
.portfolio__all{
padding-top: 10px;
}
.services__list .flip-card{
height: 360px;
padding: 10px;
}
.portfolio .portfolio__all{
padding-top: 30px;
margin: 0 auto;
}
.seo{
margin-bottom: 20px;
}
.portfolio__all a, .portfolio__all button, .portfolio__all .wpcf7-submit{
width: 100%;
}
.footer__item ul li::before{
display: none;
}
.advlandings__wrap .flex-vertical{
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
text-align: justify;
}
.web-dev__banner_form-form form{
gap: 10px;
}
.web-dev__banner_form{
padding: 10px;
}
}
@media(max-width: 410px){
.stages__photo_glitch{
background: url(//wptest.e-schools.info/wp-content/uploads/2025/03/fashion-cyberpunk-girl-vintage-logo-line-art-concept-black-white-color-hand-drawn-illustration_44294-removebg-preview.png) -35px 0 / cover no-repeat;
}
}
.wpcf7-submit{
background: transparent;
cursor: pointer;
}
.wpcf7 .portfolio__all{
display: flex;
flex-direction: column;
}
.wpcf7 form .wpcf7-response-output{
margin: 0;
font-size: 14px;
}
.wpcf7-not-valid-tip{
font-size: 14px;
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes spin {
0% {
transform: translate3d(0, -30%, 0);
}
50% {
transform: translate3d(0, 30%, 0);
}
100% {
transform: translate3d(0, -30%, 0);
}
}
html {
scroll-behavior: smooth;
}