.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 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;
}.slick-slider.slick-initialized
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
outline: none;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}.slick-prev,
.slick-next {
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
padding: 0;
border-radius: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
z-index: 1;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
color: transparent;
outline: none;
background-color: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
opacity: .25;
}
.slick-prev:before,
.slick-next:before {
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev {
left: -25px;
}
[dir='rtl'] .slick-prev {
right: -25px;
left: auto;
}
.slick-prev:before {
content: '←';
}
[dir='rtl'] .slick-prev:before {
content: '→';
}
.slick-next {
right: -25px;
}
[dir='rtl'] .slick-next {
right: auto;
left: -25px;
}
.slick-next:before {
content: '→';
}
[dir='rtl'] .slick-next:before {
content: '←';
} .awesome-arrow .slick-arrow {
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.06);
}
.awesome-arrow .slick-prev {
left: 0;
}
.awesome-arrow .slick-next {
right: 0;
}
.awesome-arrow .slick-arrow::before {
font-family: "Font Awesome 5 Free";
font-weight: bold;
color: #ccc;
opacity: 1;
}
.awesome-arrow .slick-arrow:hover::before {
color: #000;
}
.awesome-arrow .slick-prev::before {
content: '\f053';
}
.awesome-arrow .slick-next::before {
content: '\f054';
} .slick-slider .slick-dots {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
padding: 0 15px;
box-sizing: border-box;
position: relative;
margin: 0;
margin-top: 20px;
}
.slick-slider .slick-dots li {
position: relative;
display: inline-block;
width: 20px;
height: 10px;
margin: 5px;
padding: 0;
background: #ccc;
cursor: pointer;
transition: 0.1s;
}
.slick-dots li.slick-active {
background: #000;
}
.slick-dots li::before, .slick-dots li::after {
display: none !important;
}
.slick-dots li button {
display: none !important;
}@media (min-width: 1025px) and (max-width: 1280px) {
.logo,.header__bottom,.header-actions,.header-nav > ul{gap: 10px !important;}
.header-actions{flex-direction: column;}
.socials {order: 2;}
.header-nav{padding: 0 10px;}
}
* {
padding: 0;
margin: 0;
}
html {
overflow-x: hidden;
}
body {
font-family: "Roboto", sans-serif;
font-weight: 400;
font-size: 17px;
line-height: 28px;
color: #4D4D4D;
background: #F8F8F8;
overflow-x: hidden;
}
button {
border: none;
outline: none;
cursor: pointer;
font-family: inherit;
transition: all 0.3s;
font-size: inherit;
color: inherit;
}
a {
font-family: inherit;
color: inherit;
transition: all 0.3s;
text-decoration: none;
}
a:hover {
color: #0067D3;
}
svg, path, circle, rect {
transition: all 0.3s;
}
img {
max-width: 100%;
max-height: 100%;
}
h1 {
font-size: 50px;
line-height: 72px;
font-weight: 900;
color: #333333;
}
h2 {
font-size: 40px;
line-height: 62px;
font-weight: 700;
color: #333333;
margin-bottom: 25px;
}
h3 {
font-size: 35px;
line-height: 62px;
font-weight: 700;
color: #333333;
margin-bottom: 25px;
}
p {
margin-bottom: 20px;
}
ul, ol {
padding: 0;
margin: 0;
list-style: none;
}
li {
margin-bottom: 15px;
}
li:last-child {
margin-bottom: 0;
}
.no-scroll {
overflow: hidden;
}
.hidden {
display: none;
}
.p-100 {
padding: 100px 0;
box-sizing: border-box;
}
.pt-100 {
padding-top: 100px;
box-sizing: border-box;
}
.pb-100 {
padding-bottom: 100px;
box-sizing: border-box;
}
.p-70 {
padding: 70px 0;
box-sizing: border-box;
}
.pt-70 {
padding-top: 70px;
box-sizing: border-box;
}
.pb-70 {
padding-bottom: 70px;
box-sizing: border-box;
}
.p-50 {
padding: 50px 0;
box-sizing: border-box;
}
.pt-50 {
padding-top: 50px;
box-sizing: border-box;
}
.pb-50 {
padding-bottom: 50px;
box-sizing: border-box;
}
.m-100 {
margin: 100px 0;
box-sizing: border-box;
}
.mar-ceny {
margin-top: 15px;
}
.mt-100 {
margin-top: 100px;
box-sizing: border-box;
}
.mb-100 {
margin-bottom: 100px;
box-sizing: border-box;
}
.m-70 {
margin: 70px 0;
box-sizing: border-box;
}
.mt-70 {
margin-top: 70px;
box-sizing: border-box;
}
.mb-70 {
margin-bottom: 70px;
box-sizing: border-box;
}
.mt-50 {
margin-top: 50px;
}
.title {
margin-bottom: 50px;
}
.title.center {
text-align: center;
}
.line-btn {
display: flex;
align-items: center;
gap: 25px;
margin-top: 70px;
}
.line-btn p {
color: #222;
font-size: 20px;
font-weight: 400;
line-height: 32px;
margin: 0;
}
.line-btn a, .line-btn button {
display: flex;
align-items: center;
gap: 10px;
color: #222;
font-size: 20px;
font-weight: 600;
line-height: 32px;
border: none;
background: 0 0;
outline: none;
cursor: pointer;
}
.line-btn a span, .line-btn button span {
display: block;
box-sizing: border-box;
border-bottom: 2px solid #b7b7b7;
position: relative;
}
.line-btn a i, .line-btn button i {
transition: all .3s;
}
.line-btn a span:before, .line-btn button span:before {
content: '';
left: 0;
bottom: -2px;
width: 20px;
height: 2px;
background: #0067d3;
position: absolute;
transition: all .3s;
}
.line-btn a:hover i, .line-btn button:hover i {
transform: translateX(5px);
}
.line-btn a:hover span:before, .line-btn button:hover span:before {
width: 100%;
}
.line-btn p span {
color: #0067d3;
}
.full-btn {
display: flex;
justify-content: center;
margin-top: 70px;
}
.full-btn .line-btn {
margin-top: 0;
}
.full-link {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 2;
}
.main-btn {
border-radius: 8px;
min-width: 230px;
box-sizing: border-box;
padding: 0 60px;
height: 54px;
background: #0067d3;
display: flex;
align-items: center;
justify-content: center;
font-weight: 400;
font-size: 20px;
line-height: 100%;
color: #fff;
transition: all 0.3s ease;
border: none;
cursor: pointer;
}
.main-btn:hover {
background: #f00;
color: #fff;
}
.white-btn {
background: #fff;
border-radius: 10px;
height: 60px;
width: 100%;
color: #000;
transition: all .3s ease;
border: none;
cursor: pointer;
font-size: 18px;
font-weight: 500;
display: flex;
align-items: center;
justify-content: center;
max-width: 300px;
}
.white-btn:hover {
background: #f00;
color: #fff;
}
.ast-container {
max-width: 1410px;
width: 100%;
margin: 0 auto;
}
.header__row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 30px;
box-sizing: border-box;
padding-top: 10px;
}
.header__row p {
margin: 0;
}
.logo {
display: flex;
align-items: center;
gap: 20px;
}
.logo p {
font-weight: 400;
font-size: 12px;
line-height: 133%;
font-variant: small-caps;
color: #555;
margin: 0;
max-width: 175px;
width: 100%;
}
.logo p svg {
margin-bottom: 5px;
display: block;
}
.header__content {
max-width: 1050px;
width: 100%;
}
.header__top ul {
display: flex;
justify-content: space-between;
gap: 30px;
margin: 0;
padding: 0;
}
.header__top ul li {
display: flex;
gap: 10px;
align-items: center;
font-size: 14px;
line-height: 171%;
color: #433F40;
margin: 0;
}
.header__top ul li p {
margin: 0;
color: #433F40;
}
.header__bottom {
display: flex;
justify-content: space-between;
align-items: center;
gap: 25px;
margin-top: 14px;
box-sizing: border-box;
border-top: 1px solid #eee;
}
.header-actions {
display: flex;
align-items: center;
gap: 20px;
}
.socials {
display: flex;
align-items: center;
gap: 8px;
}
.socials a {
display: flex;
align-items: center;
}
.header-call p {
font-weight: 700;
font-size: 20px;
line-height: 32px;
}
.header-call-modal {
background: none;
font-size: 14px;
line-height: 157%;
color: #ce5fff;
display: block;
transition: all 0.3s;
}
.header-call-modal:hover {
color: #FF0000;
}
.header-nav {
position: relative;
padding: 0 20px;
margin-left: -20px;
}
.header-nav > ul {
display: flex;
gap: 25px;
list-style: none;
padding: 0;
margin: 0;
align-items: center;
}
.header-nav > ul > li {
font-weight: 500;
font-size: 16px;
color: #333;
padding: 20px 0;
margin-bottom: 0;
}
.header-nav__calc {
padding: 0 !important;
}
.menu-navbar {
display: inline-block;
margin-right: 10px;
}
.sub-menu-container {
position: absolute;
left: 0;
top: 100%;
padding-top: 10px;
box-sizing: border-box;
display: none;
}
.sub-menu {
list-style: none;
background: #fff;
box-sizing: border-box;
color: #222;
min-width: 310px;
border-radius: 10px;
padding: 0px 0;
position: relative;
}
.sub-menu a {
display: inline-flex;
align-items: center;
gap: 15px;
}
.sub-menu a img {
width: 40px;
height: 40px;
object-fit: cover;
}
.sub-menu.show-sub {
border-radius: 0;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
.sub-menu li {
font-weight: 400;
font-size: 16px;
line-height: 28px;
color: #333;
margin: 0;
box-sizing: border-box;
padding: 12px 30px;
border-bottom: 1px solid #e9e9e9;
display: flex;
justify-content: space-between;
align-items: center;
}
.sub-menu li:last-child {
border-bottom: none;
}
.sub-menu .menu-arrow {
display: inline-block;
}
.sub-menu-three {
list-style: none;
position: absolute;
left: 100%;
top: 0;
height: 100%;
z-index: 1;
background: #fff;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
color: #222;
min-width: 310px; box-sizing: border-box;
border-left: 1px solid #e9e9e9;
display: none;
margin-left: 0 !important;
}
.header-nav__calc a {
padding: 8px 15px;
box-sizing: border-box;
background: #fff;
border-radius: 5px;
border: 1px solid #f0f0f0;
display: flex;
align-items: center;
gap: 5px;
}
@media (min-width: 1025px) {
.sub-menu li:hover path {
stroke: #2a76a9;
}
.sub-menu li:hover {
color: #2a76a9;
}
}
.overlay-menu {
background: rgba(0, 0, 0, .5);
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100vh;
z-index: 55;
display: none;
}
.header-active .header-nav {
z-index: 66;
background: #fff;
border-radius: 12px;
}
.navbar {
display: none;
} .home_banner {
max-height: 518px;
overflow: hidden !important;
}
.banner__slide {
position: relative !important;
box-sizing: border-box;
padding: 70px 130px;
border-radius: 10px;
overflow: hidden;
height: 100% !important;
}
.banner__slide img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.banner__mob {
display: none !important;
}
.banner__inner {
max-width: 870px;
width: 100%;
min-height: 302px;
}
.banner__desc {
position: relative;
z-index: 2;
}
.banner__desc p {
font-weight: 500;
font-size: 19px;
line-height: 163%;
color: #fff;
text-align: left;
max-width: 680px;
width: 100%;
}
.banner__desc p.banner__desc-title {
font-weight: 700;
font-size: 60px;
line-height: 120%;
color: #fff;
margin-bottom: 20px;
text-align: left;
margin-top: 0;
}
.banner__btn {
margin-top: 77px;
}
.banner__btn a {
display: inline-flex;
align-items: center;
justify-content: center;
text-align: center;
background: #0067d3;
border-radius: 10px;
min-width: 200px;
padding: 0 20px;
height: 70px;
box-sizing: border-box;
font-weight: 500;
font-size: 18px;
line-height: 167%;
color: #fff;
transition: all 0.3s;
}
.banner__btn a:hover {
color: #fff;
background: #FF0000;
}
.home_banner .slick-dots {
position: absolute;
bottom: 1em;
left: 50%;
transform: translatex(-50%);
flex-direction: row-reverse;
display: flex;
gap: 5px;
}
.home_banner .slick-slider .slick-dots li {
width: 20px;
height: 20px;
background: #fff;
border-radius: 50%;
margin: 0;
}
.home_banner .slick-dots li.slick-active {
background: #FF2999;
}
.slider-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 55px;
height: 58px;
backdrop-filter: blur(4px);
background: rgba(255, 255, 255, 0.3);
transition: all 0.3s;
z-index: 5;
display: flex;
justify-content: center;
align-items: center;
}
.slider-arrow:hover {
backdrop-filter: blur(0);
background: #0067d3;
}
.arrow-prev {
left: 0;
border-radius: 0 6px 6px 0;
}
.arrow-next {
right: 0;
border-radius: 6px 0 0 6px;
} .services__list {
display: flex;
flex-wrap: wrap;
gap: 30px;
}
.home .services__item,
.page-template-page-tmpl-service .services__item {
width: calc(25% - 23px);
position: relative;
}
.services__item-img {
height: 230px;
}
.services__item-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.services__item-name {
margin-top: 10px;
font-weight: 500;
font-size: 18px;
line-height: 30px;
color: #222;
transition: all 0.3s ease;
}
.services__item:hover .services__item-name a {
color: #f00;
}
.services__item-price {
margin-top: 5px;
padding-top: 5px;
box-sizing: border-box;
position: relative;
font-weight: 500;
font-size: 18px;
line-height: 30px;
color: #222;
}
.services__item-price p {
margin: 0;
}
.services__item-price strong {
font-weight: 700;
font-size: 20px;
color: #0067d3;
}
.services__item-price:before {
content: '';
width: 240px;
height: 1px;
background: #e3e3e3;
position: absolute;
top: 0;
left: 0;
}
.services__item-price:after {
content: '';
width: 20px;
height: 1px;
background: #0067d3;
position: absolute;
top: 0;
left: 0;
transition: width 0.3s ease;
}
.services__item:hover .services__item-price:after {
width: 240px;
} .popular-tags__list {
display: flex;
flex-wrap: wrap;
gap: 10px;
height: 250px;
overflow: hidden;
}
.popular-tags__list.show {
height: auto;
}
.popular-tags__tag a {
border: 1px solid #bebebe;
border-radius: 8px;
height: 54px;
box-sizing: border-box;
padding: 0 30px;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s;
font-weight: 400;
font-size: 18px;
line-height: 30px;
color: #333;
}
.popular-tags__tag a:hover {
background: #0067d3;
color: #fff;
} .gallery-works__list {
display: flex;
gap: 30px;
flex-wrap: wrap;
box-sizing: border-box;
}
.gallery-works__item {
width: calc(25% - 23px);
height: 329px;
overflow: hidden;
border-radius: 10px;
}
.gallery-works__item img {
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.3s ease;
}
.gallery-works__item:hover img {
transform: scale(1.1);
} .calc-offer {
text-align: center;
}
.calc-offer h2 {
font-size: 80px;
line-height: 92px;
text-transform: uppercase;
}
.calc-offer p {
font-size: 24px;
line-height: 36px;
} .tb1__row {
display: flex;
gap: 70px;
align-items: center;
border-top: 1px solid #e9e9e9
}
.tb1__row:only-child {
padding: 0
}
.tb1__row:first-child {
border: none;
padding-top: 0
}
.tb1__row:nth-child(even) {
flex-direction: row-reverse
}
.tb1__row:last-child {
padding-bottom: 0
}
.tb1__img {
border-radius: 20px;
max-width: 570px;
width: 100%;
height: 530px;
overflow: hidden
}
.tb1__img img {
width: 100%;
height: 100%;
object-fit: cover
}
.tb1__desc {
flex: 1
}
.tb1__text p:last-child {
margin-bottom: 0
}
.tb1__text ul li {
position: relative;
box-sizing: border-box;
padding-left: 20px
}
.tb1__text ul li:before {
content: '';
height: 1px;
width: 10px;
background: #4d4d4d;
position: absolute;
left: 0;
top: 14px
}
.tb1__desc .line-btn {
justify-content: flex-start;
margin-top: 40px
} .call-form {
background: #fff;
}
.call-form__block {
display: flex;
justify-content: space-between;
gap: 50px;
}
.short-call-form {
background: 0 0;
}
.short-call-form .call-form__block {
border-radius: 15px;
border: 1px solid #efefef;
background: #fcfcfc;
box-sizing: border-box;
padding: 50px;
display: flex;
gap: 80px;
margin: 0 auto;
}
.call-form-info {
max-width: 690px;
width: 100%;
display: flex;
flex-direction: column;
gap: 50px;
justify-content: space-between;
}
.call-form-info h2 {
color: #222;
font-size: 36px;
font-weight: 600;
line-height: 48px;
margin-bottom: 12px;
}
.call-form-info__bottom .line-btn {
margin-top: 25px;
}
.call-form-info__bottom .line-btn {
justify-content: flex-start;
}
.call-form-info__bottom .socials {
gap: 15px;
}
.call-form__form {
max-width: 560px;
width: 100%;
}
.short-call-form .call-form__form {
max-width: 415px;
width: 100%;
}
.call-form-info__bottom-mob {
display: none;
}
.call-form__block .line {
display: block;
background: linear-gradient(180deg, #f1d8d2 0%, #f1d8d2 47.5%, #f1d8d2 100%);
width: 1px;
height: 349px;
}
.short-call-form .main-btn {
max-width: 100%;
}
.input-row {
display: flex;
gap: 30px;
}
.input-block {
position: relative;
margin-bottom: 10px;
background: #fff;
flex: 1;
border-radius: 10px;
}
.placeholder {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 25px;
color: #4d4d4d;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 27px;
margin: 0;
transition: all .3s;
}
.placeholder span {
color: #E50914;
}
.input-block input {
width: 100%;
height: 59px;
border-radius: 10px;
border: 1px solid #efefef;
background: 0 0;
font-family: "Roboto", sans-serif;
color: #4d4d4d;
font-size: 15px;
font-weight: 400;
line-height: 27px;
box-sizing: border-box;
padding-left: 25px;
outline: none;
position: relative;
z-index: 2;
}
.input-block input:focus ~ .placeholder {
z-index: 2;
color: #969696;
font-size: 13px;
font-weight: 400;
line-height: 13px;
background: #fff;
top: -8px;
box-sizing: border-box;
padding: 2px;
transform: translateY(0);
}
.input-block input:focus ~ .placeholder span {
display: none;
}
.input-block input.success ~ .placeholder {
z-index: 2;
color: #969696;
font-size: 13px;
font-weight: 400;
line-height: 13px;
background: #fff;
top: -8px;
box-sizing: border-box;
padding: 2px;
}
.input-block input.success ~ .placeholder span {
display: none;
}
.textarea-block {
margin-bottom: 10px;
position: relative;
background: #fff;
}
.textarea-block .placeholder {
top: 16px;
transform: translateY(0);
}
.textarea-block textarea {
background: 0 0;
border-radius: 10px;
border: 1px solid #efefef;
width: 100%;
height: 113px;
box-sizing: border-box;
padding: 16px 25px;
font-family: "Roboto", sans-serif;
color: #4d4d4d;
font-size: 15px;
font-weight: 400;
line-height: 27px;
outline: none;
position: relative;
z-index: 2;
}
.textarea-block textarea:focus ~ .placeholder {
z-index: 2;
color: #969696;
font-size: 13px;
font-weight: 400;
line-height: 13px;
background: #fff;
top: -8px;
box-sizing: border-box;
padding: 2px;
transform: translateY(0);
}
.textarea-block textarea:focus ~ .placeholder span {
display: none;
}
.textarea-block textarea.success ~ .placeholder {
z-index: 2;
color: #969696;
font-size: 13px;
font-weight: 400;
line-height: 13px;
background: #fff;
top: -8px;
box-sizing: border-box;
padding: 2px;
transform: translateY(0);
}
.textarea-block textarea.success ~ .placeholder span {
display: none;
}
input.not-valid {
border: 1px solid #dc3232;
}
input.success, textarea.success {
border: 1px solid #229342;
}
.input-submit .btn-red {
max-width: 330px;
width: 100%;
border: none;
height: 65px;
}
.short-call-form .input-submit .btn-red {
max-width: 100%;
}
.agree {
margin-top: 15px;
margin-bottom: 0;
color: #333;
font-size: 12px;
font-weight: 400;
line-height: 14px;
}
.agree a {
color: #323d85;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 14px;
text-decoration-line: underline;
transition: all .3s;
}
.agree a:hover {
color: #f8b600;
}
.wpcf7-not-valid-tip {
display: none !important;
}
.wpcf7-spinner {
display: none !important;
}
.short-call-form .main-btn {
max-width: 100%;
width: 100%;
} .seo h1 {
margin-bottom: 25px;
}
.seo a {
color: #337fe5;
}
.seo a:hover {
color: #005ad3;
}
.seo ul {
margin-bottom: 20px;
list-style: none;
}
.seo ul li {
position: relative;
box-sizing: border-box;
padding-left: 20px;
}
.seo ul li:before {
content: '';
height: 1px;
width: 10px;
background: #4d4d4d;
position: absolute;
left: 0;
top: 14px;
}
.seo ol {
list-style: auto;
box-sizing: border-box;
padding-left: 20px;
margin-bottom: 20px;
} .team_list {
display: flex;
gap: 30px;
flex-wrap: wrap;
}
.team_card {
max-width: 258px;
width: 100%;
}
.team_card__img {
height: 258px;
border-radius: 15px;
overflow: hidden;
}
.team_card__img img {
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.3s ease;
}
.team_card__img:hover img {
transform: scale(1.1);
}
.team_card__info {
margin-top: 15px;
}
.team_card__title {
font-weight: 700;
font-size: 22px;
line-height: 34px;
text-transform: uppercase;
color: #333;
margin-bottom: 5px;
}
.team_card__position {
font-weight: 400;
font-size: 16px;
line-height: 28px;
color: #4d4d4d;
} .modal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
z-index: 999;
background: rgba(0, 0, 0, .5);
display: none;
}
.modal .main-btn {
max-width: 100%;
width: 100%;
}
.modal__window {
position: relative;
margin: 0 auto;
top: 50%;
transform: translateY(-50%);
max-width: 480px;
width: 100%;
box-sizing: border-box;
padding: 30px 35px;
background: #fff;
border-radius: 15px;
}
.close-modal {
position: absolute;
background: 0 0;
border: none;
outline: none;
cursor: pointer;
right: 15px;
top: 15px;
}
.close-modal:hover rect {
fill: #E50914;
}
.modal__window h3 {
font-weight: 700;
font-size: 26px;
line-height: 38px;
text-transform: uppercase;
color: #333;
margin-bottom: 8px;
}
.footer {
background: #F2F2F2;
}
.footer-black {
padding: 15px 0;
background: #0067d3;
color: #fff;
}
.footer-black .logo p {
color: #fff;
}
.footer-black .logo a {
color: #fff;
}
.footer-black__row {
display: flex;
justify-content: space-between;
align-items: center;
gap: 30px;
}
.footer__actions {
display: flex;
align-items: center;
flex: auto;
justify-content: flex-end;
}
.footer__actions .socials {
margin-left: 25px;
margin-right: 50px;
gap: 20px;
}
.footer__actions .socials img {
width: 50px;
height: 50px;
}
.footer__actions .btn-yellow {
height: 60px;
}
.footer__actions p {
margin: 0;
text-align: right;
font-weight: 500;
font-size: 18px;
line-height: 26px;
}
.footer-contacts {
padding: 70px 0;
box-sizing: border-box
}
.footer-contacts__row {
display: flex;
gap: 30px
}
.footer-contact {
flex: 1
}
.footer-contact p {
margin: 0
}
.footer-contact__top {
padding-bottom: 5px;
margin-bottom: 5px;
box-sizing: border-box;
border-bottom: 1px solid #d9d9d9;
display: flex;
align-items: center;
transition: all .3s
}
.footer-contact__bottom {
color: #333;
font-size: 17px;
font-weight: 600;
line-height: 29px;
text-transform: uppercase
}
.footer-contact__top .copy {
font-family: "Roboto", sans-serif;
background: 0 0;
border: none;
cursor: pointer;
outline: none;
color: #2757ff;
font-size: 15px;
font-weight: 400;
line-height: 27px;
opacity: 0;
transition: all .3s
}
.footer-contact:hover .footer-contact__top .copy {
opacity: 1
}
.footer-email .footer-contact__top {
gap: 20px
}
.footer-social .footer-contact__top {
gap: 30px
}
.footer-social .telegram {
color: #1e95d2;
}
.footer-social .whatsapp {
color: #d4b170;
}
.footer-contact:hover .footer-contact__top {
border-color: #313131
}
.footer-contact-work {
flex: 100%;
max-width: 470px;
}
.footer-contact-work .footer-contact__top {
display: flex;
gap: 30px;
}
.footer-copyright {
padding: 25px 0;
box-sizing: border-box;
border-top: 1px solid #e8e8e8
}
.footer-copyright__row {
display: flex;
justify-content: space-between;
align-items: center;
gap: 30px
}
.footer-copyright__row p {
font-size: 15px;
font-weight: 400;
line-height: 27px;
margin: 0
}
.footer-copyright__row a {
font-size: 15px;
font-weight: 400;
line-height: 27px
}
.footer-copyright__row a:hover {
text-decoration: underline
}
.footer-copyright__row p a {
font-weight: 700;
color: #0067d3;
} .table__row {
display: flex;
gap: 30px;
}
.table__row .table-price {
flex: 1;
}
.services-table {
flex: 1;
background: #f3f3f3;
border-radius: 10px;
}
.services-table table {
max-width: 100%;
width: 100%;
}
.services-table th {
font-weight: 500;
font-size: 18px;
line-height: 167%;
color: #000;
padding: 20px;
box-sizing: border-box;
border-bottom: 1px solid #e1e1e1;
border-spacing: 0px;
border-collapse: collapse;
}
.services-table td {
padding: 6px 15px;
box-sizing: border-box;
border-bottom: 1px solid #e1e1e1;
border-right: 1px solid #e1e1e1;
}
.services-table td:last-child {
border-right: none;
}
.services-table tr:last-child td {
border-bottom: none;
}
.table__form-block {
max-width: 330px;
width: 100%;
}
.table__form {
border-radius: 10px;
background: #f3f3f3;
box-sizing: border-box;
padding: 30px;
text-align: center;
position: sticky;
top: 0;
height: auto;
}
.table__form h3 {
font-weight: 700;
font-size: 22px;
line-height: 34px;
text-transform: uppercase;
color: #000;
margin-bottom: 15px;
}
.table__form .main-btn {
height: 58px;
width: 100%;
}
.table-price table {
width: 100%;
}
.table-price table:first-child {
margin-top: 0;
}
.table-mob {
display: none;
}
.table-price tr {
display: flex;
box-sizing: border-box;
transition: all 0.3s;
position: relative;
}                          .table-price th, .black-table td {
flex: 1;
}
.table-price th {
color: #000;
font-size: 18px;
font-weight: 600;
line-height: 30px;
box-sizing: border-box;
display: flex;
align-items: center;
position: relative;
border-bottom: 1px solid #EDEDED;
padding-top: 25px;
padding-bottom: 25px;
flex: 1;
}
.table-price th:first-child {
flex: 3;
}
.table-price th:first-child:before {
display: none;
}
.table-price td {
color: #333;
font-size: 16px;
font-weight: 600;
line-height: 28px;
position: relative;
box-sizing: border-box;
border-bottom: 1px solid #EDEDED;
padding-top: 25px;
padding-bottom: 25px;
display: flex;
align-items: center;
gap: 35px;
transition: all 0.3s;
flex: 1;
}
.table-price td a {
color: #333;
transition: all 0.3s;
}
.table-price td:before {
content: '';
display: block;
left: 0;
width: 1px;
height: 22px;
background: #EDEDED;
}
.table-price td:first-child {
flex: 3;
font-weight: 400;
}
.table-price td:first-child:before {
display: none;
}           .table-short tr {
padding: 0;
}
.table-short td {
box-sizing: border-box;
padding-left: 5px;
padding-right: 5px;
} .breadcrumb {
font-size: 14px;
color: #555;
padding-top: 20px;
}
.sep {
width: 6px;
height: 8px;
background-image: url(//neon-mix.ru/wp-content/uploads/2024/08/sep.svg);
background-repeat: no-repeat;
display: inline-block;
margin: 0 10px;
}
.breadcrumb-service {
margin-bottom: 70px;
} .banner-s1__row {
display: flex;
gap: 70px;
}
.banner-s1__img-block {
max-width: 620px;
width: 100%;
position: relative;
}
.banner-s1__img img {
width: 100%;
height: 574px;
object-fit: cover;
border-radius: 15px;
}
.banner-s1__desc {
flex: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 35px;
}
.banner__row-text {
display: flex; gap: 30px;
margin-top: 20px;
margin-bottom: 20px;
white-space: nowrap;
overflow: hidden;
overflow-x: auto;
width: 100%;
}
.banner__row-text p {
margin: 0;
font-size: 18px;
font-weight: 500;
line-height: 38px;
}
.banner-s1__desc ul {
box-sizing: border-box;
padding-left: 10px;
}
.banner-s1__desc ul li {
box-sizing: border-box;
position: relative;
padding-left: 20px;
margin-bottom: 20px;
}
.banner-s1__desc ul li:before {
content: '';
width: 8px;
height: 8px;
border-radius: 100%;
background: #0067D3;
position: absolute;
left: 0;
top: 10px;
}
.banner__price p {
font-weight: 600;
font-size: 30px;
line-height: 140%;
color: #000;
}
.banner__price p strong {
font-size: 40px;
}
.banner__btns {
display: flex;
gap: 10px;
margin-top: 40px;
}
.banner__btns .main-btn {
max-width: 250px;
width: 100%;
height: 58px;
padding: 0;
font-size: 18px;
}
.banner__btns .border-btn {
height: 58px;
max-width: 250px;
width: 100%;
border: 1px solid #DADADA;
background: none;
font-size: 18px;
transition: all 0.3s;
border-radius: 8px;
color: #333;
}
.banner__btns .border-btn:hover {
background: #f00;
color: #fff;
}
.btn-social {
display: flex;
justify-content: center;
align-items: center;
width: 58px;
height: 58px;
border-radius: 10px;
transition: all .3s;
box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0);
}
.btn-social:hover {
box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, .6);
}
.btn-social.whatsapp {
background: linear-gradient(180deg, #18c43b 0%, #15ae34 100%);
}
.btn-social.telegram {
background: linear-gradient(180deg, #39b0e3 0%, #1d93d2 100%);
}
.service-arrow {
position: absolute;
top: 280px;
transform: translateY(-35%);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
border-radius: 100%;
background: #fff;
width: 60px;
height: 60px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
transition: all 0.3s;
z-index: 2;
}
.service-arrow:hover {
background: #0067D3;
}
.service-arrow:hover path {
stroke: #fff;
}
.service-arrow.arrow-prev {
left: -30px;
}
.service-arrow.arrow-next {
right: -30px;
}
.service-swiper-pagination {
position: relative;
}
.slick-slider .slick-dots,
.service-swiper-pagination {
display: flex;
justify-content: center;
gap: 10px;
margin-top: 15px;
}
.slick-slider .slick-dots li,
.swiper-pagination-bullet {
border-radius: 3px;
width: 70px;
height: 14px;
background: #f00;
opacity: 1;
}
.slick-dots li.slick-active,
.swiper-pagination-bullet-active {
background: #0067d3;
}
.phone-btn {
display: none;
}
.header-contacts-mob {
display: none;
} .page-template-contacts {
background-image: url(//neon-mix.ru/wp-content/uploads/2024/08/contacts-bg.png);
}
.title-page {
padding-top: 20px;
padding-bottom: 50px;
}
.title-page .breadcrumb {
margin-bottom: 70px;
padding-top: 0;
}
.contacts-page {
background: #fff;
padding-top: 50px;
padding-bottom: 80px;
}
.contacts-page__list {
display: flex;
flex-wrap: wrap;
gap: 30px;
}
.contacts-page-item {
width: calc(33.333% - 20px);
background: #F8F8F8;
box-sizing: border-box;
padding: 40px 30px;
border-radius: 20px;
transition: all 0.3s;
box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.0);
}
.contacts-page-item:hover {
box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.08);
}
.contacts-page-item h3 {
font-weight: 600;
font-size: 22px;
line-height: 34px;
color: #000;
margin-bottom: 10px;
}
.contacts-page-item p {
margin-bottom: 15px;
color: #333;
}
.contacts-page-item p strong {
margin-bottom: 0;
font-weight: 500;
font-size: 20px;
line-height: 32px;
color: #444;
}
.contacts-page-item p a {
color: #146EF5;
}
.contacts-page-item p a:hover {
color: #FF0000;
}
.travel p button {
border-bottom: 1px solid #146EF5;
display: inline-block;
background: none;
color: #146EF5;
}
.travel p button:hover {
border-color: #FF0000;
color: #FF0000;
}
.contacts-page-item .socials img {
width: 33px;
height: 33px;
}
.map {
margin-top: 80px;
border-radius: 15px;
overflow: hidden;
height: 500px;
}
.map iframe {
border: none !important;
width: 100%;
height: 100%;
}
.contacts-page__details-block {
max-width: 690px;
width: 100%;
background: #F8F8F8;
padding: 40px;
border-radius: 20px;
box-sizing: border-box;
}
.contacts-page__details {
margin-top: 70px;
} .thx {
padding-top: 150px;
padding-bottom: 125px;
}
.thx__block {
display: flex;
flex-direction: column;
align-items: center;
}
.thx__block h1 {
margin-top: 50px;
margin-bottom: 25px;
font-weight: 600;
font-size: 50px;
line-height: 52px;
color: #333;
text-align: center;
}
.thx__block p {
font-size: 20px;
line-height: 32px;
text-align: center;
margin-bottom: 0;
}
.thx__block .main-btn {
margin-top: 32px;
max-width: 300px;
width: 100%;
}
.error-404 {
text-align: center;
padding-top: 200px;
padding-bottom: 125px;
}
.error-404__content {
display: flex;
flex-direction: column;
align-items: center;
}
.error-404__content h1 {
color: #333;
font-size: 40px;
font-weight: 600;
line-height: 52px;
margin-top: 40px;
margin-bottom: 25px;
}
.error-404__content p {
font-size: 20px;
font-weight: 400;
line-height: 32px;
margin-bottom: 0;
}
.error-404__content .main-btn {
margin-top: 40px;
max-width: 300px;
width: 100%;
padding: 0;
} .news-single {
padding-top: 40px;
}
.news-single__row {
display: flex;
gap: 30px;
}
.single-banner {
display: flex;
gap: 30px;
align-items: flex-start;
}
.single-banner__desc {
max-width: 570px;
width: 100%;
}
.single-banner__desc h1 {
margin-bottom: 20px;
font-size: 40px;
line-height: 52px;
}
.news-single__content h2 {
font-size: 34px;
line-height: 46px;
}
.news-single__content h3 {
font-size: 30px;
line-height: 42px;
}
.news-single__content .seo ul {
list-style: none;
}
.news-single__content .seo ul li {
position: relative;
box-sizing: border-box;
padding-left: 20px;
}
.news-single__content .seo ul li:before {
content: '';
height: 1px;
width: 10px;
background: #4d4d4d;
position: absolute;
left: 0;
top: 14px;
}
.single-banner__img {
max-width: 450px;
width: 100%;
height: 328px;
overflow: hidden;
border-radius: 10px;
}
.single-banner__img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.seo__list {
display: flex;
flex-wrap: wrap;
gap: 90px;
}
.seo a {
color: #337fe5;
}
.table-price table {
width: 100%;
margin-top: 70px;
}
.table-price table:first-child {
margin-top: 0;
}
.table-mob {
display: none;
}
.table-price tr {
display: flex; box-sizing: border-box;
transition: all 0.3s;
position: relative;
padding: 0 5px;
}
.table-price tr:before {
content: '';
display: block;
width: 100%;
height: 30%;
background: #f00;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
opacity: 0;
transition: all .4s cubic-bezier(.19, 1, .22, 1);
-webkit-clip-path: inset(50% 0 50% 0);
clip-path: inset(50% 0 50% 0);
}
.table-price tr:hover:before {
-webkit-clip-path: inset(0 0 0 0);
clip-path: inset(0 0 0 0);
opacity: 1;
height: 100%;
transform-origin: center;
transition: all .45s cubic-bezier(.47, 1.64, .41, .8);
}
.table-price tr:first-child:before {
display: none;
}
.table-price th, .black-table td {
flex: 1;
}
.table-price th {
color: #000;
font-size: 20px;
font-weight: 600;
line-height: 32px;
box-sizing: border-box;
display: flex;
align-items: center;
gap: 35px;
position: relative;
border-bottom: 1px solid #EDEDED;
padding-top: 25px;
padding-bottom: 25px;
flex: 1;
}
.table-price th:before {
content: '';
display: block;
width: 1px;
height: 22px;
background: #EDEDED;
}
.table-price th:first-child {
flex: 2;
}
.table-price th:first-child:before {
display: none;
}
.table-price td {
color: #333;
font-size: 18px;
font-weight: 400;
line-height: 30px;
position: relative;
box-sizing: border-box;
border-bottom: 1px solid #EDEDED;
padding-top: 25px;
padding-bottom: 25px;
display: flex;
align-items: center;
gap: 35px;
transition: all 0.3s;
flex: 1;
}
.table-price td a {
color: #333;
transition: all 0.3s;
}
.table-price td:before {
content: '';
display: block;
left: 0;
width: 1px;
height: 22px;
background: #EDEDED;
}
.table-price td:first-child {
flex: 2;
}
.table-price td:first-child:before {
display: none;
}
.table-price tr:hover td {
color: #fff;
border-color: #ee1c25;
}
.table-price tr:hover td a {
color: #fff;
}
.table-price tr:hover td a:hover {
color: #FECC12;
text-decoration: none;
}
.table-short tr {
padding: 0;
}
.table-short td {
box-sizing: border-box;
padding-left: 5px;
padding-right: 5px;
}
.bottom-btn {
display: flex;
justify-content: center;
align-items: center;
margin-top: 70px;
}
.sidebar {
width: 330px;
position: relative;
}
.sidebar__block {
display: flex;
flex-direction: column;
gap: 20px;
position: relative;
}
.sidebar__block.fixed {
position: absolute;
}
.sidebar-info {
box-sizing: border-box;
padding: 25px 30px;
background: #fff;
border-radius: 10px;
}
.sidebar-top {
display: flex;
justify-content: space-between;
align-items: center;
gap: 20px;
padding-bottom: 25px;
border-bottom: 1px solid #eee;
margin-bottom: 20px;
}
.sidebar-author > p {
font-size: 16px;
line-height: 28px;
color: #757880;
}
.sidebar-author__row {
display: flex;
align-items: flex-start;
gap: 20px;
margin-top: 20px;
}
.sidebar-author__photo {
width: 60px;
height: 60px;
border-radius: 100%;
overflow: hidden;
}
.sidebar-author__photo img {
width: 100%;
height: 100%;
object-fit: cover;
}
.sidebar-author__info {
flex: 1;
}
.sidebar-author__name {
font-size: 16px;
line-height: 28px;
color: #333;
}
.sidebar-author__speciality {
font-size: 14px;
line-height: 22px;
color: #757880;
}
.sidebar-nav {
box-sizing: border-box;
padding: 25px 30px;
background: #fff;
border-radius: 10px;
}
.sidebar-nav ul {
list-style: none;
}
.sidebar-nav li {
margin-bottom: 12px;
color: #333;
font-size: 14px;
line-height: 24px;
}
.sidebar-nav li a:hover {
color: #337fe5;
}
.sidebar-nav li a.active {
color: #337fe5;
}
.sidebar-nav li > ul {
box-sizing: border-box;
padding-left: 10px;
margin-top: 12px;
}
.sidebar__block .see-blog {
border-radius: 10px;
width: 100%;
height: 70px;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
font-size: 20px;
line-height: 32px;
color: #000;
transition: all 0.3s;
background: #fff;
}
.sidebar__block .see-blog:hover {
color: #fff;
background: #f02d00;
}
.sidebar__block .question {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border-radius: 15px;
text-align: center;
box-sizing: border-box;
padding: 25px;
background: #fff;
}
.sidebar__block .question p {
margin: 20px 0;
font-weight: 500;
font-size: 17px;
line-height: 29px;
color: #333;
}
.sidebar__block .question button {
min-width: 170px;
height: 40px;
font-size: 16px;
padding: 0;
}
.projects-grid__list {
display: flex;
flex-wrap: wrap;
gap: 30px;
}
.project-grid {
position: relative;
width: calc(33.333% - 20px);
}
.project-grid > a {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.project-grid__img {
height: 300px;
border-radius: 10px;
box-sizing: border-box;
overflow: hidden;
margin-bottom: 12px;
}
.project-grid__img img {
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.3s;
}
.project-grid:hover .project-grid__img img {
transform: scale(1.1);
}
.project-grid__desc {
font-size: 18px;
line-height: 30px;
color: #333;
}
.white-text-block {
box-sizing: border-box;
border: 1px solid #e0e0e0;
border-radius: 20px;
padding: 30px;
font-size: 18px;
line-height: 30px;
color: #444;
margin-bottom: 20px;
font-style: italic;
}
.white-text-block p {
margin-bottom: 10px;
}
.white-text-block p:last-child {
margin-bottom: 0;
}
.white-text-block strong {
font-size: 20px;
line-height: 32px;
color: #000;
font-weight: 400;
}
.white-text-block.short {
max-width: 490px;
width: 100%;
}
.gray-text-block {
box-sizing: border-box;
display: flex;
align-items: center;
gap: 30px;
border: 1px solid #d9d9d9;
border-radius: 20px;
background: #ededed;
padding: 30px;
margin-bottom: 20px;
}
.gray-text-block p {
flex: auto;
}
.gray-text-block .p-img {
min-width: 76px;
max-width: 76px;
margin-bottom: 0;
}
.tb1-media .tb1__img {
max-width: 450px;
height: 350px;
}
.tb1-media .tb1__row {
gap: 30px;
border: none;
}
.tb1-media .tb1__img p {
width: 100%;
height: 100%;
}
.tb1-media .tb1__desc a {
color: #337fe5;
}
.tb1-media .tb1__desc a:hover {
color: #005ad3;
}
.news-single__content .project-grid__img {
height: 220px;
}
.order-singles .cat-single__img {
height: 220px;
}
.news-single__content {
flex: 1;
}
.post-template-news-single .breadcrumb {
padding-top: 0;
margin-bottom: 0;
}
.news-single-top {
display: flex;
align-items: center;
justify-content: space-between;
box-sizing: border-box;
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #D9D9D9;
}
.news-single-top-left {
display: flex;
align-items: center;
gap: 50px;
}
.news-single-top-reading {
font-size: 14px;
line-height: 24px;
color: #333;
display: flex;
align-items: center;
gap: 7px;
}
.news-single-top-reading span {
font-weight: 600;
color: #e50914;
}
.news-single-top-reading p {
margin: 0;
}
.news-single-top-views {
display: flex;
align-items: center;
gap: 7px;
}
.news-single-top-views p {
margin: 0;
font-weight: 500;
font-size: 14px;
line-height: 14px;
}
.news-single-top-views span {
font-weight: 600;
color: #e50914;
}
.news-single-top-date {
box-sizing: border-box;
}
.news-single-top-date {
font-size: 14px;
line-height: 14px;
color: #757880;
}
.news-single-top-date span {
color: #333;
}
.order-singles {
padding-top: 50px;
}
.cat-page__list {
display: flex;
flex-wrap: wrap;
gap: 30px;
}
.cat-single {
width: calc(33.333% - 20px);
position: relative;
transition: all 0.3s;
color: #333;
}
.cat-single:hover {
color: #ee1c25;
}
.cat-single a {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.cat-single__img {
margin-bottom: 12px;
border-radius: 10px;
overflow: hidden;
}
.cat-single__img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.cat-single__title {
font-size: 18px;
line-height: 30px;
}
.order-singles .cat-single__img {
height: 220px;
}
.news-single__content .title {
margin-bottom: 40px;
}
.seo__list ul {
width: calc(50% - 45px);
}
.blog-page__row {
display: flex;
gap: 20px;
}
.blog-page-tags {
max-width: 330px;
width: 100%;
}
.blog-page__singles {
flex: 1;
display: flex;
flex-direction: column;
gap: 30px;
}
.blog-page-single {
border-radius: 15px;
background: #fff;
box-sizing: border-box;
padding: 30px;
}
.blog-page-single__date {
color: #666;
font-size: 16px;
line-height: 28px;
}
.blog-page-question {
max-width: 220px;
width: 100%;
}
.blog-page-single__title {
font-weight: 500;
font-size: 30px;
line-height: 42px;
margin-top: 15px;
margin-bottom: 20px;
}
.blog-page-single__title h3 {
margin-bottom: 0;
}
.blog-page-single__title a {
color: #333;
transition: all 0.3s;
}
.blog-page-single__title:hover a {
color: #f02d00;
}
.blog-page-single__img {
border-radius: 15px;
height: 502px;
overflow: hidden;
margin-top: 35px;
margin-bottom: 20px;
}
.blog-page-single__img img {
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.3s;
}
.blog-page-single__img:hover img {
transform: scale(1.1);
}
.blog-page-single__views {
display: flex;
justify-content: flex-end;
}
.blog-page-single__views span {
display: flex;
align-items: center;
gap: 8px;
box-sizing: border-box;
height: 40px;
padding: 0 15px;
border-radius: 10px;
background: #efefef;
margin-left: auto;
font-weight: 400;
font-size: 16px;
line-height: 28px;
color: #444;
}
.blog-page-tags {
position: relative;
}
.tags {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 10px;
}
.tags.fixed {
position: absolute;
}
.tags li a {
display: flex;
gap: 5px;
align-items: center;
font-weight: 400;
font-size: 18px;
line-height: 30px;
color: #333;
transition: all 0.3s;
}
.tags li a img {
border-radius: 5px;
width: 50px;
height: 50px;
object-fit: cover;
overflow: hidden;
}
.tags li a:hover {
color: #f02d00;
}
.blog-page-question {
position: relative;
}
.blog-page-question .question {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border-radius: 15px;
text-align: center;
box-sizing: border-box;
padding: 25px;
background: #fff;
}
.blog-page-question .question.fixed {
position: absolute;
height: 237px;
}
.blog-page-question .question p {
margin: 20px 0;
font-weight: 500;
font-size: 17px;
line-height: 29px;
color: #333;
}
.blog-page-question .question button {
border-radius: 10px;
width: 170px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
background: #f02d00;
cursor: pointer;
transition: all 0.3s;
color: #fff;
border: none;
font-size: 16px;
}
.blog-page-question .question button:hover {
background: #000;
}
.archive .breadcrumb {
padding-top: 0;
margin-bottom: 0;
}
.services-other__section h3 {
font-weight: 700;
font-size: 30px;
line-height: 140%;
color: #0a1e32;
}
.services-other__section:first-child {
padding-top: 0;
}
.services-other__list {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.services-other-item {
width: calc(33.333% - 20px);
border-radius: 10px;
background: #fff;
display: flex;
flex-direction: column;
gap: 25px;
justify-content: space-between;
box-shadow: 0 1px 0 0 rgba(163, 163, 163, 0.2);
transition: all 0.3s;
}
.services-other-item:hover {
box-shadow: 0 2px 25px 0 rgba(0, 0, 0, 0.05);
}
.services-other-item__top {
box-sizing: border-box;
padding: 30px;
padding-bottom: 0;
}
.services-other-item__title {
font-weight: 500;
font-size: 18px;
line-height: 30px;
color: #0b1f35;
display: flex;
gap: 20px;
align-items: center;
}
.services-other-item__title span {
flex: 1;
max-width: 220px;
}
.services-other-item__title img {
width: 60px;
height: 60px;
}
.services-other-item__desc {
font-weight: 400;
font-size: 16px;
line-height: 28px;
color: #666;
margin-top: 16px;
}
.services-other-item__desc p {
margin-bottom: 0;
}
.services-other-item__price {
font-weight: 700;
font-size: 20px;
line-height: 22px;
color: #0b1f35;
padding-right: 30px;
position: relative;
box-sizing: border-box;
}
.services-other-item__price:before {
content: '';
width: 1px;
height: 11px;
background: #d9d9d9;
right: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.services-other-item__bottom {
display: flex;
align-items: center;
padding: 18px 30px;
box-sizing: border-box;
border-left: 1px solid #f4f4f4;
}
.services-other-item__bottom button {
background: none;
border: none;
font-weight: 400;
font-size: 16px;
line-height: 28px;
color: #f02d00;
transition: all 0.3s;
box-sizing: border-box;
padding: 0 30px;
display: block;
cursor: pointer;
}
.services-other-item:hover .services-other-item__bottom button {
color: #2757ff;
}
.services-other-item__bottom a {
font-weight: 400;
font-size: 16px;
line-height: 28px;
color: #4d4d4d;
transition: all 0.3s;
position: relative;
padding-left: 30px;
box-sizing: border-box;
}
.services-other-item__bottom a:before {
content: '';
width: 1px;
height: 11px;
background: #d9d9d9;
left: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.services-other-item:hover .services-other-item__bottom a {
color: #000;
} .sidebar {
width: 330px;
position: relative;
}
.sidebar__block {
display: flex;
flex-direction: column;
gap: 20px;
position: relative;
}
.sidebar__block.fixed {
position: absolute;
}
.sidebar-info {
box-sizing: border-box;
padding: 25px 30px;
background: #fff;
border-radius: 10px;
}
.sidebar-top {
display: flex;
justify-content: space-between;
align-items: center;
gap: 20px;
padding-bottom: 25px;
border-bottom: 1px solid #eee;
margin-bottom: 20px;
}
.sidebar-author > p {
font-size: 16px;
line-height: 28px;
color: #757880;
}
.sidebar-author__row {
display: flex;
align-items: flex-start;
gap: 20px;
margin-top: 20px;
}
.sidebar-author__photo {
width: 60px;
height: 60px;
border-radius: 100%;
overflow: hidden;
}
.sidebar-author__photo img {
width: 100%;
height: 100%;
object-fit: cover;
}
.sidebar-author__info {
flex: 1;
}
.sidebar-author__name {
font-size: 16px;
line-height: 28px;
color: #333;
}
.sidebar-author__speciality {
font-size: 14px;
line-height: 22px;
color: #757880;
}
.sidebar-nav {
box-sizing: border-box;
padding: 25px 30px;
background: #fff;
border-radius: 10px;
}
.sidebar-nav ul {
list-style: none;
}
.sidebar-nav li {
margin-bottom: 12px;
color: #333;
font-size: 14px;
line-height: 24px;
}
.sidebar-nav li a:hover {
color: #337fe5;
}
.sidebar-nav li a.active {
color: #337fe5;
}
.sidebar-nav li > ul {
box-sizing: border-box;
padding-left: 10px;
margin-top: 12px;
}
.sidebar__block .see-blog {
border-radius: 10px;
width: 100%;
height: 70px;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
font-size: 20px;
line-height: 32px;
color: #000;
transition: all 0.3s;
background: #fff;
}
.sidebar__block .see-blog:hover {
color: #fff;
background: #f00;
}
.sidebar__block .question {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border-radius: 15px;
text-align: center;
box-sizing: border-box;
padding: 25px;
background: #fff;
}
.sidebar__block .question p {
margin: 20px 0;
font-weight: 500;
font-size: 17px;
line-height: 29px;
color: #333;
} .blog__list {
display: flex;
flex-wrap: wrap;
gap: 30px;
}
.blog__item {
position: relative;
width: calc(25% - 25px);
}
.blog__item-img {
height: 300px;
overflow: hidden;
border-radius: 10px;
margin-bottom: 10px;
}
.blog__item-img img {
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.3s ease;
}
.blog__item:hover .blog__item-img img {
transform: scale(1.1);
}
.blog__item-title {
font-size: 20px;
line-height: 32px;
transition: all 0.3s ease;
}
.blog__item:hover .blog__item-title {
color: #FF0000;
}
.calc-tabs {
display: flex;
gap: 1px;
border-radius: 15px 15px 0 0;
overflow: hidden;
}
.calc-tab {
flex: 1;
background: #dcdcdc;
display: flex;
justify-content: center;
align-items: center;
height: 54px;
font-weight: 500;
font-size: 18px;
line-height: 30px;
color: #000;
transition: all 0.3s ease;
cursor: pointer;
}
.calc-tab:hover {
color: #fff;
background: #0067d3;
}
.calc-tab.active {
color: #fff;
background: #0067d3;
}
.calc-contents {
position: relative;
}
.calc-content {
position: absolute;
z-index: -1;
background: #fffeff;
border-radius: 0 0 15px 15px;
padding: 30px 0;
opacity: 0;
}
.service-calc-block {
background: #fffeff;
border-radius: 15px;
padding: 30px 0;
}
.calc-content.active {
position: relative;
z-index: 2;
opacity: 1;
} .calc__block {
display: flex;
}
.calc__img {
flex: 1;
box-sizing: border-box;
padding: 0 40px;
display: flex;
justify-content: center;
align-items: center;
}
.calc__options {
flex: 1;
box-sizing: border-box;
padding: 0 40px;
border-left: 1px solid #e9e9e9;
border-right: 1px solid #e9e9e9;
}
.calc__input {
background: #f5f5f5;
width: 100%;
border-radius: 6px;
height: 54px;
box-sizing: border-box;
padding-left: 20px;
font-family: inherit;
color: #000;
border: none;
outline: none;
}
.calc__input::placeholder {
font-family: inherit;
font-weight: 400;
font-size: 16px;
line-height: 28px;
color: #555;
}
.calc__option {
margin-bottom: 35px;
}
.calc__option:last-child {
margin-bottom: 0;
}
.calc__option-title {
margin-bottom: 15px;
font-weight: 500;
font-size: 18px;
line-height: 30px;
}
.calc__option-title sub {
color: #555555;
font-size: 14px;
line-height: 20px;
position: relative;
bottom: 4px;
}
.calc__view {
display: flex;
gap: 10px;
}
.calc__view-item {
background: #fff;
border: 1px solid #d3d3d3;
border-radius: 6px;
width: 197px;
height: 54px;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
gap: 13px;
font-size: 16px;
line-height: 28px;
color: #333;
transition: all 0.3s ease;
}
.calc__view-item:hover {
background: #0067d3;
color: #fff;
border-color: #0067d3;
}
.calc__view-item:hover path {
fill: #fff;
}
.calc__view-item.active {
background: #0067d3;
color: #fff;
border-color: #0067d3;
}
.calc__view-item.active path {
fill: #fff;
}
.calc__height {
display: flex;
gap: 20px;
align-items: center;
}
.calc__result {
max-width: 475px;
width: 100%;
box-sizing: border-box;
padding: 0 30px 0 40px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.calc__range-input {
width: 60px;
padding: 5px;
font-size: 14px;
}
.calc__range-block {
flex: 1;
position: relative;
margin-bottom: -12px;
}
.calc__range {
width: 100%;
position: relative;
}
.calc__height-input {
position: relative;
}
.calc__height-input input {
font-family: inherit;
font-weight: 500;
font-size: 16px;
line-height: 28px;
color: #333;
border: 1px solid #d3d3d3;
border-radius: 6px;
width: 82px;
height: 40px;
outline: none;
box-sizing: border-box;
text-align: center;
}
.calc__range-labels {
width: 100%;
display: flex;
justify-content: space-between;
margin-top: 5px;
font-weight: 600;
font-size: 14px;
line-height: 20px;
color: #000;
}
.calc__range {
border-radius: 3px;
background: #0067d3;
height: 4px;
}
.ui-slider-horizontal .ui-slider-handle {
width: 36px;
height: 36px;
border-radius: 100%;
transform: translateY(-50%);
top: 50%;
margin-left: 0;
opacity: 0;
}
.calc__range-tooltip {
width: 36px;
height: 36px;
border-radius: 100%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background: #fff;
border: 1px solid #f0f0f0;
box-shadow: 0 2px 24px 0 rgba(0, 0, 0, 0.1);
display: flex;
justify-content: center;
align-items: center;
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: #000;
z-index: 3;
margin-left: 0;
cursor: pointer;
box-sizing: border-box;
}
.calc__type-letters {
display: flex;
justify-content: space-between;
gap: 10px;
box-sizing: border-box;
}
.calc__type-letters:first-child {
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px solid #e9e9e9;
}
.calc__type-letter {
flex: 1;
}
.calc__type-letter label {
display: flex;
gap: 12px;
align-items: center;
cursor: pointer;
}
.radio-text {
flex: 1;
font-size: 16px;
line-height: 28px;
color: #333;
}
.radio-circle {
border: 1px solid #0067d3;
box-sizing: border-box;
border-radius: 100%;
width: 24px;
height: 24px;
position: relative;
}
.radio-circle::before {
content: "";
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 14px;
height: 14px;
border-radius: 100%;
background: #f00;
opacity: 0;
transition: all 0.3s;
}
.calc__type-letter input {
display: none;
}
.calc__type-letter input:checked ~ .radio-circle::before {
opacity: 1;
}
.calc__select {
position: relative;
}
.calc__select-result {
display: flex;
align-items: center;
justify-content: space-between;
box-sizing: border-box;
border: 1px solid #0067d3;
border-radius: 6px;
width: 100%;
height: 54px;
padding: 0 20px;
font-size: 16px;
line-height: 28px;
color: #555;
cursor: pointer;
}
.calc__select-options {
position: absolute;
left: 0;
top: 100%;
width: 100%;
border: 1px solid #0067d3;
border-bottom: none;
box-sizing: border-box;
display: none;
z-index: 5;
max-height: 150px;
overflow: hidden;
overflow-y: auto;
margin-top: 5px;
}
.calc__select-option {
border-bottom: 1px solid #0067d3;
box-sizing: border-box;
padding: 10px 20px;
font-size: 16px;
line-height: 28px;
color: #555;
cursor: pointer;
transition: all 0.3s ease;
background: #fff;
}
.calc__select-option:hover {
background: #0067d3;
color: #fff;
}
.calc__substrate {
display: flex;
gap: 10px;
}
.calc__substrate-item {
background: #fff;
border: 1px solid #d3d3d3;
border-radius: 6px;
width: 197px;
height: 54px;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
gap: 13px;
font-size: 16px;
line-height: 28px;
color: #333;
transition: all 0.3s ease;
box-sizing: border-box;
}
.calc__substrate-item:hover {
background: #0067d3;
color: #fff;
border-color: #0067d3;
}
.calc__substrate-item.active {
background: #0067d3;
color: #fff;
border-color: #0067d3;
}
.calc__substrate-size {
display: none;
}
.calc__substrate-size-row {
display: flex;
gap: 10px;
}
.calc__substrate-size-row input {
background: #fff;
border: 1px solid #d3d3d3;
border-radius: 6px;
flex: 1;
max-width: 129px;
height: 54px;
box-sizing: border-box;
text-align: center;
font-family: inherit;
font-size: 16px;
line-height: 28px;
color: #000;
outline: none;
}
.calc__substrate-size-row input::placeholder {
font-family: inherit;
font-size: 16px;
line-height: 28px;
color: #666;
}
.calc__substrate-back {
background: #0067d3;
height: 54px;
display: flex;
flex: 1;
justify-content: center;
align-items: center;
border-radius: 6px;
font-weight: 400;
font-size: 16px;
line-height: 28px;
color: #fff;
cursor: pointer;
transition: all 0.3s;
max-width: 129px;
}
.calc__substrate-back:hover {
background: #f00;
border-color: #f00;
}
.calc__result-block {
display: flex;
flex-direction: column;
gap: 15px;
box-sizing: border-box;
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #e9e9e9;
}
.calc__result-item {
display: flex;
gap: 20px;
max-width: 350px;
width: 100%;
align-items: center;
font-weight: 400;
font-size: 16px;
line-height: 28px;
color: #333;
}
.calc__result-item p {
display: inline;
width: auto;
margin: 0;
}
.calc__result-item .line {
flex: 1;
background: #888;
height: 1px;
}
.calc__result-item span {
max-width: 200px;
width: 100%;
font-weight: 500;
color: #0067d3;
}
.result-block-substrate {
display: none;
}
.calc__result-total {
display: flex;
gap: 20px;
justify-content: space-between;
align-items: center;
}
.calc__result-bottom .main-btn {
max-width: 100%;
width: 100%;
height: 54px;
margin-top: 20px;
}
.total-price {
display: flex;
align-items: flex-end;
max-width: 200px;
width: 100%;
gap: 5px;
}
.total-price p {
font-weight: 500;
font-size: 18px;
line-height: 30px;
color: #333;
margin: 0;
}
.total-price span {
font-weight: 700;
font-size: 26px;
line-height: 38px;
color: #000;
}
.calc__result-total-note {
font-weight: 400;
font-size: 14px;
line-height: 26px;
color: #f00;
flex: 1;
}
.calc-format-panel {
gap: 30px;
flex-wrap: wrap;
}
.calc-format-panel .calc__type-letter {
font-weight: 600;
} .six-reasons__list {
display: flex;
flex-wrap: wrap;
gap: 30px;
}
.six-reasons__item {
width: calc(33.333% - 20px);
box-sizing: border-box;
border: 1px solid #e4e4e4;
border-radius: 15px;
padding: 30px;
transition: all 0.3s ease;
box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.0);
}
.six-reasons__item:hover {
box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.03);
background: #fff;
}
.six-reasons__item-icon {
border-radius: 5px;
width: 80px;
height: 80px;
overflow: hidden;
}
.six-reasons__item-icon img {
width: 100%;
height: 100%;
object-fit: cover;
}
.six-reasons__item-name {
margin-top: 30px;
margin-bottom: 10px;
font-weight: 600;
font-size: 19px;
line-height: 31px;
color: #222;
}
.six-reasons__item-text {
font-size: 16px;
line-height: 28px;
color: #4d4d4d;
}
.six-reasons__item-text p {
margin: 0;
} .ch1-item {
margin-bottom: 10px;
border-radius: 8px;
background: #fff;
overflow: hidden;
}
.ch1-item__title {
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
box-sizing: border-box;
padding: 20px 30px;
}
.ch1-item__title i {
display: flex;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
border-radius: 100%;
background: #F3F3F3;
}
.ch1-item__title i, .ch1-item__title svg, .ch1-item__title rect {
transition: all .3s;
}
.ch1-item__question {
font-weight: 400;
font-size: 22px;
line-height: 34px;
color: #222;
flex: 1;
}
.ch1-item__title:hover .ch2-item__question {
color: #dc6655;
}
.ch1-item__title:hover i {
background: #ED1847;
}
.ch1-item__title:hover i rect {
fill: #fff;
}
.ch1-item__title.active i {
background: #ED1847;
}
.ch1-item__title.active i rect {
fill: #fff;
}
.ch1-item__title.active:hover i rect {
fill: #fff;
}
.ch1-item__title.active svg {
transform: rotate(45deg);
}
.ch1-item__content {
display: none;
box-sizing: border-box;
padding: 0 30px 30px 30px;
font-weight: 400;
font-size: 16px;
line-height: 28px;
color: #4d4d4d;
}
@media (max-width: 1410px) {
.ast-container {
padding: 0 15px;
box-sizing: border-box;
}
}
@media (max-width: 1024px) {
.navbar {
background: none;
outline: none;
border: none;
width: 25px;
height: 25px;
display: flex;
justify-content: center;
align-items: center;
}
.closeIcon {
display: none;
}
.header .logo {
gap: 10px;
}
.header .logo p {
font-size: 10px;
line-height: 120%;
max-width: 148px;
}
.header .logo svg {
height: 30px;
width: auto;
}
.header .logo p svg {
height: 10px;
}
.header__top {
display: none;
}
.header__content {
max-width: max-content;
width: 100%;
}
.header__left {
display: flex;
align-items: center;
gap: 15px;
position: relative;
z-index: 666;
}
.header-actions {
position: relative;
z-index: 666;
}
.header__bottom {
border-top: none;
margin-top: 0;
}
.header-nav {
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 100%;
background: #fff;
z-index: 555;
box-sizing: border-box;
padding-top: 100px;
display: none;
overflow-y: auto;
margin-left: 0;
}
.header-nav > ul {
flex-direction: column;
gap: 0;
}
.header-nav li {
color: #333;
font-size: 16px;
line-height: 26px;
border-top: 1px solid #f4f4f4;
padding: 20px 0;
position: relative;
width: 100%;
}
.menu-arrow {
position: absolute;
right: 15px;
top: 20px;
}
.menu-arrow.open {
transform: rotate(90deg);
}
.header-nav > ul > li:first-child {
border-top: none;
}
.header-nav > ul {
align-items: flex-start;
}
.sub-menu-container {
position: relative;
top: 0;
}
.sub-menu {
padding: 0;
}
.sub-menu li {
border-bottom: none;
display: block;
}
.sub-menu-three {
list-style: none;
position: relative;
left: 0;
top: 0;
height: auto;
z-index: 1;
background: #fff;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
color: #222;
min-width: 100%;
padding: 0;
box-sizing: border-box;
border-left: none;
}
.phone-btn {
display: flex;
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
border-radius: 100%;
background: #f3f3f3;
}
.header-call {
display: none;
}
.header__row {
padding-bottom: 10px;
}
.header-contacts-mob {
display: block;
box-sizing: border-box;
margin-top: 25px;
padding-left: 15px;
padding-right: 15px;
padding-top: 30px;
border-top: 1px solid #f0f0f0;
}
.header-contacts-mob__phone {
font-size: 26px;
line-height: 26px;
font-weight: 600;
color: #3e3e3e;
margin-bottom: 30px;
}
.header-contacts-mob__email {
font-weight: 600;
font-size: 20px;
line-height: 30px;
color: #333;
margin-bottom: 25px;
}
.header-contacts-mob__address {
font-size: 18px;
line-height: 28px;
margin-bottom: 30px;
}
.home_banner {
max-height: 518px;
margin-top: 0;
}
.banner-s1__desc {
width: 100%;
}
.banner__slide {
padding: 50px 15px;
border-radius: 0;
}
.home_banner .ast-container {
padding: 0;
}
.home .services__item,
.page-template-page-tmpl-service .services__item {
width: calc(33.333% - 20px);
position: relative;
}
.gallery-works__item {
width: calc(33.333% - 20px);
height: 300px;
}
.call-form__block {
gap: 20px;
padding: 40px 15px
}
.short-call-form .call-form__block {
gap: 20px;
padding: 40px 15px
}
.call-form__block br {
display: none
}
.call-form-info__bottom-mob {
display: block
}
.call-form__form {
max-width: 100%;
width: 100%
}
.call-form__block .line {
display: none
}
.call-form__block {
flex-direction: column
}
.input-row {
gap: 10px
}
.call-form-info__bottom {
display: none
}
.call-form-info {
max-width: 100%
}
.short-call-form .call-form__form {
max-width: 100%;
width: 100%
}
.tb1__row {
flex-direction: column-reverse;
align-items: center
}
.tb1__img {
height: auto
}
.tb1__row:nth-child(even) {
flex-direction: column-reverse
}
.footer-contacts__row {
flex-wrap: wrap
}
.footer-contact {
flex: auto;
width: calc(50% - 15px)
}
.footer-copyright__row {
display: flex;
justify-content: space-between;
align-items: center;
gap: 20px;
flex-wrap: wrap;
text-align: center
}
.banner-s1__row {
flex-direction: column;
align-items: center;
}
.table__row {
flex-direction: column;
align-items: center;
}
.table__row .table-price {
flex: 1;
width: 100%;
}
.table__row .services-table {
flex: 1;
width: 100%;
}
.contacts-page-item {
width: calc(50% - 15px);
}
.news-single__row {
flex-direction: column
}
.sidebar {
display: none;
}
.news-single {
position: relative;
}
.news-single-top {
padding: 20px 15px;
border: none;
margin-bottom: 40px;
background: #fff;
position: absolute;
left: 0;
top: 0;
width: 100%;
margin-top: 40px;
}
.news-single__content {
padding-top: 100px;
}
.single-banner__img {
display: none;
}
.single-banner__desc {
max-width: 100%;
}
.seo__list {
gap: 15px;
}
.seo__list ul {
width: 100%;
}
.seo__list ul li:last-child {
margin-bottom: 0;
}
.blog-page-tags {
display: none;
}
.blog-page-question {
display: none;
}
.blog-page-single__img {
height: 400px;
}
.services-other-item {
width: calc(50% - 15px);
}
.blog__item {
position: relative;
width: calc(33.333% - 20px);
}
.calc__img {
display: none;
}
.calc__options {
border-left: none;
}
}
@media (max-width: 834px) {
body {
line-height: 26px;
font-size: 16px
}
h1 {
font-size: 38px;
line-height: 48px
}
h2 {
font-size: 34px;
line-height: 44px
}
h3 {
font-size: 30px;
line-height: 40px;
}
.p-100 {
padding: 50px 0;
box-sizing: border-box
}
.pt-100 {
padding-top: 50px;
box-sizing: border-box
}
.pb-100 {
padding-bottom: 50px;
box-sizing: border-box
}
.p-70 {
padding: 40px 0;
box-sizing: border-box
}
.pt-70 {
padding-top: 40px;
box-sizing: border-box
}
.pb-70 {
padding-bottom: 40px;
box-sizing: border-box
}
.p-50 {
padding: 40px 0;
box-sizing: border-box
}
.pt-50 {
padding-top: 40px;
box-sizing: border-box
}
.pb-50 {
padding-bottom: 40px;
box-sizing: border-box
}
.m-100 {
margin: 50px 0;
box-sizing: border-box
}
.mt-100 {
margin-top: 50px;
box-sizing: border-box
}
.mb-100 {
margin-bottom: 50px;
box-sizing: border-box
}
.m-70 {
margin: 50px 0;
box-sizing: border-box
}
.mt-70 {
margin-top: 50px;
box-sizing: border-box
}
.mb-70 {
margin-bottom: 40px;
box-sizing: border-box
}
.banner__desc p {
font-size: 14px;
}
.banner__desc p.banner__desc-title {
font-size: 34px;
line-height: 44px;
}
.banner__btn a {
min-width: 150px;
padding: 0 10px;
height: 50px;
}
.banner__btn {
margin-top: 30px;
}
.home_banner {
margin-top: 0;
}
.home_banner .slick-slider .slick-dots li {
width: 10px;
height: 10px;
}
.home .services__item,
.page-template-page-tmpl-service .services__item {
width: calc(50% - 15px);
}
.popular-tags__list {
height: 150px;
}
.popular-tags__tag a {
height: 40px;
padding: 0 15px;
font-size: 16px;
line-height: 26px;
}
.gallery-works__item {
width: calc(50% - 15px);
height: 354px;
}
.calc-offer h2 {
font-size: 34px;
line-height: 44px;
}
.calc-offer p {
font-size: 18px;
line-height: 28px;
}
.team_card {
max-width: 100%;
width: calc(50% - 15px);
}
.team_card__img {
height: 350px;
}
.team_card__img img {
object-position: top;
}
.team_card__title {
font-size: 18px;
line-height: 28px;
}
.footer__actions {
justify-content: center;
gap: 30px;
flex-wrap: wrap
}
.footer__actions .main-btn {
max-width: 100%
}
.footer__actions ul {
gap: 20px
}
.footer-black {
padding: 40px 0
}
.footer-black__row {
justify-content: center;
flex-direction: column
}
.footer__actions {
width: 100%
}
.footer__actions .socials {
margin-left: 0;
margin-right: 0
}
.footer-contact-work .footer-contact__top {
gap: 10px;
}
.table-price td:first-child {
flex: 1;
}
.table-price th:first-child {
flex: 1;
}
.banner__row-text {
gap: 25px;
margin-top: 20px;
margin-bottom: 20px;
}
.project-grid {
width: calc(50% - 15px);
}
.cat-single {
width: calc(50% - 15px);
}
.blog__item {
position: relative;
width: calc(50% - 15px);
}
.calc-wrapper .ast-container {
padding: 0;
}
.calc-wrapper .title {
padding: 0 15px;
box-sizing: border-box;
}
.calc__block {
flex-direction: column;
}
.calc__result-info {
display: none;
}
.calc__options {
padding: 0 15px;
border: none;
}
.calc__result {
padding: 0 15px;
max-width: 100%;
margin-top: 35px;
position: relative;
}
.calc-tabs {
border-radius: 0;
}
.calc__result-bottom .main-btn {
margin-bottom: 35px;
}
.calc__result-total-note {
position: absolute;
bottom: 0;
left: 15px;
line-height: 20px;
}
.six-reasons__item {
width: calc(50% - 15px);
}
.ch1-item__question {
font-size: 18px;
line-height: 28px;
}
.ch1-item__title {
padding: 15px;
}
.ch1-item__content {
padding: 0 15px 15px 15px;
}
.ch1-item__content {
font-size: 14px;
line-height: 24px;
}
.ch1-item__title i {
width: 40px;
height: 40px;
}
}
@media (max-width: 480px) {
.header__row {
gap: 15px;
}
.home .services__item,
.page-template-page-tmpl-service .services__item {
width: 100%;
}
.home .services__item-img img,
.page-template-page-tmpl-service .services__item img {
width: 100%;
height: 100%;
}
.banner-s1 .ast-container {
padding: 0;
}
.banner-s1__desc {
box-sizing: border-box;
padding: 0 15px;
}
.banner-s1__img img {
height: 300px;
border-radius: 0;
}
.banner-s1__row {
gap: 30px;
}
.service-arrow {
display: none;
}
.line-btn {
flex-wrap: wrap;
}
.popular-tags__tag a {
padding: 0 10px;
font-size: 14px;
line-height: 24px;
}
.popular-tags__list {
height: 195px;
}
.gallery-works__item {
width: 100%;
height: 345px;
}
.team_card {
max-width: 100%;
width: 100%;
}
.team_card__img {
height: 300px;
}
.footer-contact {
flex: auto;
width: 100%;
}
.footer-copyright__row {
flex-direction: column;
}
.table-price td {
padding: 10px 5px;
font-size: 13px;
line-height: 18px;
}
.table-price th {
padding: 10px 5px;
font-size: 13px;
line-height: 18px;
}
.table-price td {
gap: 10px;
}
.banner__btns .border-btn {
display: none;
}
.banner__btns .main-btn {
max-width: 200px;
min-width: 200px;
width: 100%;
height: 58px;
padding: 0;
font-size: 16px;
}
.banner__price p {
color: #000;
font-size: 28px;
line-height: 38px;
}
.breadcrumb-service {
margin-bottom: 40px;
}
.title-page .breadcrumb {
margin-bottom: 40px;
}
.contacts-page-item {
width: 100%;
padding: 40px 20px;
}
.contacts-page__details-block {
padding: 40px 20px;
}
.error-404__content svg {
max-width: 345px;
width: 100%;
height: auto;
}
.error-404__content h1, .thx__block h1 {
font-size: 24px;
line-height: 34px;
margin-bottom: 15px;
}
.error-404__content p, .thx__block p {
font-size: 16px;
line-height: 26px;
}
.error-404, .thx {
padding-top: 80px;
padding-bottom: 40px;;
}
.news-single-top {
white-space: nowrap;
overflow-x: scroll;
gap: 30px;
}
.table-mob {
display: block;
}
.project-grid {
width: 100%;
}
.table-mob-item {
box-sizing: border-box;
border-bottom: 1px solid #ededed;
padding-bottom: 5px;
margin-bottom: 20px;
}
.table-mob-item-row {
display: flex;
gap: 40px;
}
.table-mob-item-row p:first-child {
max-width: 120px;
width: 100%;
font-weight: 600;
}
.table-mob-item-row p {
font-size: 14px;
line-height: 24px;
color: #333;
margin-bottom: 15px;
}
.white-text-block {
font-size: 16px;
line-height: 26px;
padding: 25px 15px;
}
.white-text-block br {
display: none;
}
.white-text-block strong {
font-size: 16px;
line-height: 26px;
}
.gray-text-block {
flex-direction: column;
padding: 25px 15px;
gap: 15px;
margin-top: 30px;
}
.gray-text-block-img {
padding: 0 15px 25px;
}
.gray-text-block .p-img {
max-width: 34px;
min-width: 34px;
margin-top: -20px;
position: relative;
}
.cat-single {
width: 100%;
}
.blog__list {
gap: 10px;
}
.blog__item {
position: relative;
width: calc(50% - 5px);
}
.blog__item-img {
height: 150px;
}
.blog__item-title {
font-size: 14px;
line-height: 24px;
}
.calc-tabs {
overflow: hidden;
overflow-x: auto;
white-space: nowrap;
}
.calc-tab {
flex: none;
box-sizing: border-box;
padding: 0 25px;
font-size: 15px;
line-height: 25px;
height: 41px;
}
.calc__option-title {
line-height: 28px;
}
.calc__view-item {
line-height: 26px;
}
.calc__height-input input {
width: 58px;
height: 40px;
}
.calc__range-tooltip {
font-size: 0;
}
.calc__height {
gap: 15px;
}
.radio-text {
line-height: 26px;
}
.calc__select-result {
line-height: 26px;
}
.calc__substrate-size-row input {
max-width: 110px;
font-size: 14px;
line-height: 24px;
}
.calc__substrate-size-row input::placeholder {
font-size: 14px;
line-height: 24px;
}
.total-price p {
line-height: 28px;
}
.total-price span {
line-height: 36px;
}
.calc__result-bottom .main-btn {
font-size: 18px;
line-height: 28px;
}
.table .ast-container {
padding: 0;
}
.table .title {
box-sizing: border-box;
padding: 0 15px;
}
.table__form {
padding: 30px 15px;
}
.table__form-block {
max-width: 100%;
}
.table__form h3 {
line-height: 32px;
}
.input-block input {
height: 58px;
}
.table__form .main-btn {
font-size: 18px;
line-height: 28px;
}
.table__row {
gap: 40px;
}
.table-price th {
padding: 0;
padding-bottom: 12px;
font-size: 18px;
line-height: 28px;
}
.table-price th:nth-child(2) {
font-size: 0;
}
.table-price th:before {
display: none;
}
.table-price td:before {
display: none;
}
.table-price td {
padding: 0;
padding-bottom: 12px;
font-size: 16px;
line-height: 26px;
font-weight: 400;
}
.table-price td:first-child {
border-bottom: none;
padding-bottom: 0;
padding-top: 12px;
margin-bottom: 5px;
}
.table-price td strong {
font-size: 18px;
line-height: 28px;
font-weight: 600;
}
.table-price tr {
display: flex;
flex-direction: column;
padding: 0 15px;
box-sizing: border-box;
}
.table-price tr:first-child {
flex-direction: row;
}
.header-actions {
gap: 8px;
}
.banner__mob {
display: block !important;
}
.banner__inner{
min-height:302px;
}
.banner__desktop {
display: none !important;
}
.six-reasons__item {
width: 100%;
padding: 20px 15px;
}
.six-reasons__item-name {
line-height: 29px;
}
.six-reasons__item-text {
font-size: 14px;
line-height: 24px;
}
}
.wsp-pages-list {
box-sizing: border-box;
padding-left: 20px;
list-style: disc;
}
.wsp-pages-list li > ol, li > ul {
margin-bottom: 0;
margin-left: 1.5em;
list-style: disc;
}.px-0{
padding-left: 0 !important;
padding-right: 0 !important;
}
.pt-3{
padding-top: 1rem !important;
}
.w-100{
width: 100% !important;
}
.tags__wrap {
height: 99px;
display: flex;
flex-wrap: wrap;
padding-top: 1rem;
overflow: hidden;
}
.show__tags:hover {
color: #770593;
border-color: #770593;
}
.tag__link {
background: #e3e3e3;
border-radius: 6px;
margin-right: 10px;
margin-bottom: 10px;
}
.tag__link a {
color: #000;
text-decoration: none;
line-height: 22px;
transition: none;
display: block;
padding: 5px 15px;
}
.tag__link:hover a{
color: #fff;
}
.tag__link:hover {
background: #770593;
}
.show__tags {
cursor: pointer;
border-bottom: 1px dotted;
display: inline-block;
margin-top: 10px;
}
.price__item {
grid-template-columns: 1fr 1fr max-content !important;
align-items: center !important;
}
.home_banner {
max-height: 518px;
}
.has_inner_container .ast-container {
display: block;
position: relative;
}
.h2__grid {
display: grid;
grid-template-columns: 1fr max-content 1fr;
justify-content: space-between;
align-items: baseline;
}
.h2__grid__btn {
text-align: right;
font-weight: bold;
}
#content {
padding-bottom: 50px;
}
.home #content {
overflow: hidden;
}
#content #primary {
margin: 0;
}
.site-main p + p {
margin-top: 0.8em;
}
a:focus {
outline: none !important;
}
.ast-custom-button {
display: inline-block;
min-width: 200px;
text-align: center;
}
.ast-custom-button:focus {
color: #fff;
}
.wpforms-field-textarea.zayavka {
display: none !important;
}
@media (max-width: 600px) {
.h2__grid {
grid-template-columns: 1fr;
margin-bottom: 1em;
}
.h2__grid h2 {
margin-bottom: 0 !important;
}
.h2__grid__btn {
text-align: center;
}
} .page__title {
margin-bottom: 30px;
}
.page__title h1 {
margin: 1em 0;
text-align: center;
}
.page__breadcrumb {
position: relative;
padding: 0.3em 0;
font-size: 14px;
}
.page__breadcrumb a {
color: inherit;
font-weight: 500;
}
.page__breadcrumb a:hover {
text-decoration: underline;
}
.page__breadcrumb::before {
content: '';
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: -500px;
right: -500px;
background-image: url(//neon-mix.ru/wp-content/uploads/decor/bread-bg.png);
background-position: top;
} #pum-63 h3 + p {
margin: 0.5em 0;
}
#pum-63 form {
max-width: 450px;
margin: auto;
}
.wpforms-submit-container {
text-align: center;
}
#content .wpforms-submit {
padding: 0.8em 3em;
border: none;
color: #fff;
background: #0061C2;
border-radius: 2px;
min-width: 200px;
}
#content .wpforms-submit:hover {
background: #000610;
}
#pum-63 .wpforms-submit {
color: #0061C2;
border: 2px solid #0061C2;
border-radius: 2px;
font-size: 18px;
padding: 0.6em 2em;
background: none;
} .ast-logo-title-inline .ast-site-identity {
padding: 0.7em 0;
}
.ast-header-html-1 ul {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.ast-header-html-1 li:not(:last-child) {
margin-right: 1.5em;
}
.ast-header-html-1 li::before {
font-family: "Font Awesome 5 Free";
font-weight: bold;
margin-right: 0.5em;
opacity: 0.5;
}
.ast-header-html-1 li:first-child::before {
content: '\f3c5';
}
.ast-header-html-1 li:last-child::before {
content: '\f017';
}
.ast-header-html-2 {
position: relative;
}
.ast-header-html-2::before {
content: '';
position: absolute;
left: -140px;
top: 50%;
transform: translatey(-50%);
width: 106px;
height: 106px;
background-image: url(//neon-mix.ru/wp-content/uploads/decor/header-bg.png);
background-repeat: none;
background-position: center right;
}
.ast-header-html-2 ul {
margin: 0;
padding: 0;
list-style: none;
display: grid;
grid-gap: 0.2em;
line-height: 1;
text-align: right;
font-weight: 500;
font-size: 1.2em;
}
.ast-header-html-2 li a::before {
font-family: "Font Awesome 5 Free";
font-weight: bold;
margin-right: 0.5em;
opacity: 0.5;
}
.ast-header-html-2 li a[href*="tel"]::before {
content: '\f095';
}
.ast-header-html-2 li a[href*="mail"]::before {
content: '\f0e0';
}
.ast-header-html-2 li a[href*="call"] {
display: block;
margin-bottom: 0.5em;
text-decoration: underline;
font-size: 0.9em;
}
.ast-header-html-2 li a[href*="tel"],
.ast-header-html-2 li a[href*="mail"] {
color: inherit;
}
.ast-below-header-bar {
background-image: url(//neon-mix.ru/wp-content/uploads/decor/menu-bg.png) !important;
background-repeat: none;
background-position: center;
background-size: cover;
}
.ast-sticky-below-shrink .ast-sticky-shrunk .site-navigation {
line-height: 2.2;
}
#ast-mobile-site-navigation .menu-item {
text-align: center;
} .pre_footer h2 {
margin-top: 1em;
margin-bottom: 0.5em;
}
footer figure {
margin: 0 !important;
}
.ast-footer-html-1 ul {
margin: 0;
padding: 0;
list-style: none;
display: grid;
grid-gap: 0.2em;
align-items: center;
font-size: 0.9em;
line-height: 1.2;
}
.ast-footer-html-1 li::before {
font-family: "Font Awesome 5 Free";
font-weight: bold;
margin-right: 0.5em;
opacity: 0.5;
display: inline-block;
width: 1em;
text-align: center;
}
.ast-footer-html-1 li:first-child::before {
content: '\f3c5';
}
.ast-footer-html-1 li:nth-child(2)::before {
content: '\f017';
}
.ast-footer-html-1 li:last-child::before {
content: '\f0e0';
}
.ast-footer-html-2 ul {
margin: 0;
padding: 0;
list-style: none;
display: grid;
grid-gap: 0.2em;
line-height: 1;
font-weight: 500;
font-size: 1.1em;
}
.ast-footer-html-2 li a::before {
font-family: "Font Awesome 5 Free";
font-weight: bold;
margin-right: 0.5em;
opacity: 0.5;
}
.ast-footer-html-2 li a[href*="tel"]::before {
content: '\f095';
}
.ast-footer-html-2 li a[href*="call"] {
display: block;
margin-bottom: 0.5em;
text-decoration: underline;
font-size: 0.9em;
} .portfolio__grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 8px;
}
.portfolio__grid--3 {
grid-template-columns: repeat(3, 1fr);
grid-gap: 1em;
}
.portfolio__item img {
height: 210px;
object-fit: cover;
width: 100%;
}
.portfolio__item a {
position: relative;
z-index: 1;
display: block;
overflow: hidden;
height: auto;
text-align: center;
background: #bfe2ff;
}
.portfolio__item a img {
opacity: 1;
transition: opacity 0.5s;
position: relative;
max-width: 100%;
display: block;
}
.portfolio__item a:hover img {
opacity: 0.5;
}
.portfolio__item a div {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.portfolio__item a div::before,
.portfolio__item a div::after {
position: absolute;
top: 20px;
right: 20px;
bottom: 20px;
left: 20px;
content: "";
opacity: 0;
transition: opacity 0.5s, transform 0.5s;
pointer-events: none;
}
.portfolio__item a div::before {
border-top: 2px solid #fff;
border-bottom: 2px solid #fff;
transform: scale(0, 1);
}
.portfolio__item a div::after {
border-right: 2px solid #fff;
border-left: 2px solid #fff;
transform: scale(1, 0);
}
.portfolio__item a:hover div::before,
.portfolio__item a:hover div::after {
opacity: 1;
transform: scale(1);
}
.portfolio__item div img,
.portfolio__item div i {
display: block;
position: absolute;
top: 50%;
left: 50%;
margin-top: -24px;
margin-left: -24px;
width: 48px;
height: 48px;
transition: transform 0.5s ease 0s;
transform: scale(0);
font-size: 48px;
color: #fff;
}
.portfolio__item a:hover div img,
.portfolio__item a:hover div i {
transform: scale(1);
opacity: 1;
}
@media (max-width: 600px) {
.portfolio__grid {
grid-template-columns: repeat(2, 1fr);
grid-gap: 5px;
}
.portfolio__grid img {
height: 35vw;
}
} .blog__content {
margin-bottom: 30px;
}
.blog #main > .ast-row {
display: grid;
grid-template-columns: 1fr 1fr;
grid-column-gap: 10px;
grid-row-gap: 30px;
margin: 0;
}
.blog #main article {
margin: 0;
padding: 0;
width: 100%;
}
.blog article > div {
border: none;
padding: 0;
}
.blog .ast-blog-featured-section,
.blog .ast-blog-featured-section img {
width: 100% !important;
object-fit: cover;
}
.blog .post-thumb {
margin-bottom: 10px;
}
.blog #main article h2 a:hover {
color: #0061c2;
}
@media (max-width: 600px) {
.blog #main > .ast-row {
grid-template-columns: 1fr;
}
} .single-post h1 {
font-size: 25px;
}
.single-post .ast-related-posts-wrapper {
grid-gap: 10px;
}
.single-post .ast-related-post h3 a {
text-transform: uppercase;
font-weight: bold;
font-size: 15px !important;
}
@media (max-width: 1130px) {
.single-post h1 {
font-size: 20px;
}
} #main .about__media {
grid-gap: 2em;
margin: 1em 0;
}
.about__media * {
font-size: 14px;
}
#main .about__media .wp-block-media-text__content {
padding: 0;
} .team_acc {
display: grid;
margin: 2em 0;
}
.team_acc__item {
margin-top: -1px;
}
.team_acc__title {
display: grid;
grid-template-columns: 1fr auto;
grid-gap: 10px;
cursor: pointer;
align-items: center;
border-top: 1px solid;
border-bottom: 1px solid;
padding: 0.5em;
}
.team_acc__title > h3,
.team_acc__title > h4 {
margin: 0.5em 0;
}
.team_acc__title i {
transition: 0.1s;
}
.team_acc__title > i {
font-size: 24px;
}
.services_list__title > i {
font-size: 20px;
}
.team_acc__item.active .team_acc__title > i {
transform: scale(-1);
}
.team_acc__title:hover > h3,
.team_acc__title:hover > h4 {
color: #0061c2;
}
.team_acc__content {
margin: 2em 0;
}              @media (max-width: 767px) {
#main .about__media {
grid-template-columns: auto !important;
}
#main .about__media figure {
grid-column: 1/-1;
grid-row: 1/2;
}
#main .about__media .wp-block-media-text__content {
grid-column: 1/-1;
grid-row: 2/3;
}
.about__media * {
font-size: inherit;
}
}                                    .home_services {
padding: 30px 0;
}
.services__grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
grid-gap: 20px;
}
.services__grid--4 {
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
}
.services__grid--4 .services__item  div {
max-width: 100px;
}
.page-template-page-tmpl-all-services .services__item {
display: grid;
grid-template-columns: auto 1fr;
grid-gap: 1em;
align-items: center;
line-height: 1.2;
color: inherit;
}
.page-template-page-tmpl-all-services .services__item:hover {
color: #0061c2;
}
.page-template-page-tmpl-all-services .services__item:hover img {
transform: scale(0.9);
transition: 0.1s;
}
@media (max-width: 767px) {
.services__item img {
width: 45px;
}
.services__grid--4 {
grid-template-columns: repeat(auto-fill, minmax(155px, 1fr));
}
} .home_pop_services {
padding: 30px 0;
margin-bottom: 30px;
background-image: url(//neon-mix.ru/wp-content/uploads/decor/pop-bg.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.home_pop_services h2 {
margin-top: 0;
}
.home_pop_services .btn__wrap {
text-align: center;
margin-top: 40px;
}
.popular__grid  {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(275px, 1fr));
grid-gap: 1em;
}
.popular__item {
position: relative;
background: #fff;
overflow: hidden;
}
.popular__item__cover {
display: block;
}
.popular__item__cover img {
height: 270px;
width: 100%;
object-fit: cover;
}
.popular__item__info {
background-color: rgba(255,255,255,0.85);
position: absolute;
left: 0;
right: 0;
top: 100%;
transform: translateY(-44px);
transition: .4s transform ease;
pointer-events: none;
}
.popular__item__desc {
padding: 0.5em 1em;
}
.popular__item:hover .popular__item__info {
transform: translateY(-100%);
}
.popular__item__title {
display: flex;
align-items: center;
justify-content: center;
padding: 8px;
font-size: 24px;
line-height: 1;
color: #fff;
min-height: 44px;
background: #770593;
}
.popular__item:hover
.popular__item__title {
background: #E630C4;
}
@media (max-width: 1300px) {
.popular__item__title {
font-size: 20px;
}
.popular__item__desc {
font-size: 14px;
}
} .home_calc {
background-image: url(//neon-mix.ru/wp-content/uploads/decor/calc.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
min-height: 12.3vw;
display: flex;
align-items: center;
}
.home_calc .ast-container {
width: 100%;
}
.home_calc__grid {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 1em;
align-items: center;
justify-content: space-between;
color: #fff;
line-height: 1.2;
}
.home_calc__right {
text-align: right;
font-size: 45px;
line-height: 1;
}
.home_calc__left h2 {
font-size: 50px;
line-height: 1;
text-transform: none;
text-align: left;
margin-top: 0;
margin-bottom: 0.3em;
color: #93FDEF;
font-weight: 500;
}
.home_calc__left a {
color: #93FDEF;
text-decoration: underline;
}
.home_calc__left :last-child {
margin-bottom: 0;
}
@media (max-width: 1300px) {
.home_calc__left h2 {
font-size: 3.5vw;
}
.home_calc__right {
font-size: 3vw;
}
}
@media (max-width: 767px) {
.home_calc {
background-position: left;
background-size: cover;
}
.home_calc__grid {
grid-template-columns: 1fr;
padding: 30px 0;
}
.home_calc__right {
display: none;
}
.home_calc__left {
text-align: center;
}
.home_calc__left h2 {
font-size: 25px;
text-align: center;
margin-bottom: 0.5em;
}
} .home_form {
background-image: url(//neon-mix.ru/wp-content/uploads/decor/form.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding: 20px 0;
margin: 50px 0;
}
.home_form h2 {
margin: 0;
text-align: center;
}
.home_form .subtitle {
text-align: center;
font-weight: bold;
font-size: 1.3em;
}
.home_form .wpforms-container {
margin-bottom: 0;
}
@media (min-width: 601px) {
#content .home_form__form .wpforms-field-container {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr 1fr;
grid-column-gap: 20px;
}
#content .home_form__form .wpforms-field-textarea {
grid-column: 2/-1;
grid-row: 1/3;
}
#content .home_form__form textarea {
min-height: 100%;
}
} .home_calc_mini__grid {
background-image: url(//neon-mix.ru/wp-content/uploads/decor/calc-mini.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding: 1.5em;
border: 2px solid #98D6F4;
border-radius: 2px;
display: grid;
grid-template-columns: 1fr auto;
grid-gap: 1em;
align-items: center;
}
.home_calc_mini__title {
font-weight: bold;
font-size: 30px;
line-height: 1.2;
}
.page-template-page-tmpl-calc .home_calc_mini {
display: none;
}
@media (max-width: 767px) {
.home_calc_mini__title {
font-size: 20px;
}
}
@media (max-width: 600px) {
.home_calc_mini__grid {
grid-template-columns: 1fr;
text-align: center;
}
} .home_about__grid {
display: grid;
grid-template-columns: auto 1fr;
grid-gap: 2em;
}
@media (max-width: 767px) {
.home_about__grid {
grid-template-columns: 1fr;
}
.home_about__img {
text-align: center;
}
} .page-template-page-tmpl-all-services .services__grid + h2 {
margin-top: 1.5em;
} .main__grid {
display: grid;
grid-template-columns: 280px 1fr;
grid-gap: 20px;
}
@media (max-width: 830px) {
.main__grid {
grid-template-columns: 1fr;
}
.main__sidebar {
order: 10;
}
} .serv_banner__wrap {
position: relative;
}
.serv_banner__wrap img {
width: 100%;
}
.serv_banner__txt {
background-color: #4695D1;
background: linear-gradient(90deg, #6f4bb1 0%, #00daef 100%);
color: #fff;
font-size: 24px;
text-align: center;
line-height: 1.2;
padding: 0.5em;
}
.serv_banner .portfolio__grid {
margin-top: 8px;
}
.serv_banner .portfolio__item img {
height: 100px;
}
.serv_banner .portfolio__item i {
font-size: 20px;
margin-top: -12px;
}
@media (max-width: 1300px) {
.serv_banner__txt {
font-size: 20px;
}
}
@media (max-width: 500px) {
.serv_banner__txt {
font-size: 17px;
}
} .serv_benefits__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 2em;
margin: 30px 0;
}
.serv_benefits__item {
display: grid;
grid-template-columns: auto 1fr;
grid-gap: 0.5em;
align-items: center;
line-height: 1;
}
.serv_benefits__title {
font-weight: bold;
}
.serv_benefits__txt {
font-size: 0.8em;
}
@media (max-width: 767px) {
.serv_benefits__item {
grid-template-columns: 1fr;
}
}
@media (max-width: 500px) {
.serv_benefits__grid {
grid-template-columns: 1fr;
}
.serv_benefits__item {
grid-template-columns: auto 1fr;
}
} .serv_price__grid {
display: grid;
grid-template-columns: 1fr 280px;
grid-gap: 20px;
margin-top: 30px;
align-items: start;
}
.serv_price__wrap h2 {
margin-top: 0;
}
.price__list {
display: grid;
grid-gap: 1em;
line-height: 1.2;
}
.price__item {
display: grid;
grid-template-columns: max-content 1fr max-content;
align-items: end;
grid-gap: 0.3em;
}
.price__item__name {
font-weight: 500;
}
.price__item__filler {
position: relative;
overflow: hidden;
height: 1em;
min-width: 3em;
}
.price__item__filler::after {
content: '...............................................................................................................................................................';
position: absolute;
left: 0;
bottom: 0;
}
.serv_price__form {
background-image: url(//neon-mix.ru/wp-content/uploads/decor/serv-form.png);
background-position: center;
background-size: cover;
text-align: center;
padding: 1em;
line-height: 1;
}
@media (max-width: 1200px) {
.serv_price__grid {
grid-template-columns: 1fr;
}
}
@media (max-width: 500px) {
.price__item {
grid-template-columns: 1fr;
}
.price__item__filler {
display: none;
}
.price__item__val {
font-size: 1.2em;
font-weight: bold;
}
} .sidebar__inner {
display: grid;
grid-gap: 30px;
position: sticky;
top: 50px;
} .snav .services__item {
grid-gap: 0.5em;
font-weight: 500;
margin-bottom: 1em;
}
.snav__sub_list +.services__item {
margin-top: 20px;
}
.snav__sub_list {
margin-bottom: 0;
margin-top: 0;
}
.snav__sub_list a {
color: inherit;
}
.snav__sub_list a:hover {
color: #0061c2;
} .sic {
padding: 1em;
background-position: center;
background-size: cover;
}
.sic__title {
font-size: 30px;
font-weight: bold;
line-height: 1;
margin-bottom: 7em;
}
.sic .btn__wrap {
text-align: center;
}
@media (max-width: 830px) {
.sic {
background-repeat: repeat;
background-size: auto;
order: -1;
}
.sic__title {
font-size: 4vw;
margin-bottom: 15vw;
text-align: center;
}
}
@media (max-width: 500px) {
.sic__title {
font-size: 20px;
}
}@keyframes rotate-forever{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes spinner-loader{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.pum-container,.pum-content,.pum-content+.pum-close,.pum-content+.pum-close:active,.pum-content+.pum-close:focus,.pum-content+.pum-close:hover,.pum-overlay,.pum-title{background:0 0;border:none;bottom:auto;clear:none;cursor:default;float:none;font-family:inherit;font-size:medium;font-style:normal;font-weight:400;height:auto;left:auto;letter-spacing:normal;line-height:normal;max-height:none;max-width:none;min-height:0;min-width:0;overflow:visible;position:static;right:auto;text-align:left;text-decoration:none;text-indent:0;text-transform:none;top:auto;visibility:visible;white-space:normal;width:auto;z-index:auto}.pum-container .pum-content+.pum-close>span,.pum-content,.pum-title{position:relative;z-index:1}.pum-overlay,html.pum-open.pum-open-overlay-disabled.pum-open-fixed .pum-container,html.pum-open.pum-open-overlay.pum-open-fixed .pum-container{position:fixed}.pum-overlay{height:100%;width:100%;top:0;left:0;right:0;bottom:0;z-index:1999999999;overflow:initial;display:none;transition:.15s ease-in-out}.pum-overlay.pum-form-submission-detected,.pum-overlay.pum-preview{display:block}.pum-overlay,.pum-overlay *,.pum-overlay :after,.pum-overlay :before,.pum-overlay:after,.pum-overlay:before{box-sizing:border-box}.pum-container{top:100px;position:absolute;margin-bottom:3em;z-index:1999999999}.pum-container.pum-responsive{left:50%;margin-left:-47.5%;width:95%;height:auto;overflow:visible}.pum-container.pum-responsive img{max-width:100%;height:auto}@media only screen and (min-width:1024px){.pum-container.pum-responsive.pum-responsive-nano{margin-left:-5%;width:10%}.pum-container.pum-responsive.pum-responsive-micro{margin-left:-10%;width:20%}.pum-container.pum-responsive.pum-responsive-tiny{margin-left:-15%;width:30%}.pum-container.pum-responsive.pum-responsive-small{margin-left:-20%;width:40%}.pum-container.pum-responsive.pum-responsive-medium{margin-left:-30%;width:60%}.pum-container.pum-responsive.pum-responsive-normal{margin-left:-30%;width:70%}.pum-container.pum-responsive.pum-responsive-large{margin-left:-35%;width:80%}.pum-container.pum-responsive.pum-responsive-xlarge{margin-left:-47.5%;width:95%}.pum-container.pum-responsive.pum-position-fixed{position:fixed}}@media only screen and (max-width:1024px){.pum-container.pum-responsive.pum-position-fixed{position:absolute}}.pum-container.custom-position{left:auto;top:auto;margin-left:inherit}.pum-container .pum-title{margin-bottom:.5em}.pum-container .pum-content>:last-child,.pum-form__message:last-child{margin-bottom:0}.pum-container .pum-content:focus{outline:0}.pum-container .pum-content>:first-child{margin-top:0}.pum-container .pum-content+.pum-close{text-decoration:none;text-align:center;line-height:1;position:absolute;cursor:pointer;min-width:1em;z-index:2;background-color:transparent}.pum-container.pum-scrollable .pum-content{overflow:auto;overflow-y:scroll;max-height:95%}.pum-overlay.pum-overlay-disabled{visibility:hidden}.pum-overlay.pum-overlay-disabled::-webkit-scrollbar{display:block}.pum-overlay.pum-overlay-disabled .pum-container{visibility:visible}.popmake-close,.pum-overlay.pum-click-to-close{cursor:pointer}html.pum-open.pum-open-overlay,html.pum-open.pum-open-overlay.pum-open-fixed .pum-overlay{overflow:hidden}html.pum-open.pum-open-overlay.pum-open-scrollable body>:not([aria-modal=true]){padding-right:15px}html.pum-open.pum-open-overlay.pum-open-scrollable .pum-overlay.pum-active{overflow-y:scroll;-webkit-overflow-scrolling:touch}html.pum-open.pum-open-overlay-disabled.pum-open-scrollable .pum-overlay.pum-active{position:static;height:auto;width:auto}.pum-form{margin:0 auto 16px}.pum-form__field{margin-bottom:1em}.pum-form__field label{font-weight:700}.pum-form__field input[type=date],.pum-form__field select{margin:0 auto;font-size:18px;line-height:26px;text-align:center;padding:3px;vertical-align:middle}.pum-form__field select{padding:5px 3px}.pum-form__loader{font-size:2em;animation-duration:.75s;animation-iteration-count:infinite;animation-name:rotate-forever;animation-timing-function:linear;height:.75em;width:.75em;border:.25em solid rgba(0,0,0,.5);border-right-color:transparent;border-radius:50%;display:inline-block}.pum-form__submit{position:relative}.pum-form__submit .pum-form__loader{margin-left:.5em;border:.25em solid rgba(255,255,255,.5);border-right-color:transparent}.pum-form__messages{display:none;border:1px solid rgba(0,0,0,.25);margin-bottom:.5em;padding:1em;position:relative}.pum-form__message{margin-bottom:.5em}.pum-form__message--error{color:red!important;border-color:red}.pum-form__message--success{color:green!important;border-color:green}.pum-form--loading,.pum-sub-form .pum-sub-form-loading{opacity:.5}.pum-alignment-left,.pum-form--alignment-left{text-align:left}.pum-alignment-center{text-align:center}.pum-alignment-right{text-align:right}.pum-form--alignment-center{text-align:center}.pum-form--alignment-right{text-align:right}.pum-form--layout-standard .pum-form__field>label{margin-bottom:.25em;display:block}.pum-form--layout-inline .pum-form__field{display:inline-block}.pum-form--layout-block .pum-form__field,.pum-form--layout-block button,.pum-form--layout-block div,.pum-form--layout-block input{display:block;width:100%}.pum-form--style-default label{font-size:14px;font-weight:700}.pum-form--style-default input[type=email],.pum-form--style-default input[type=text]{background-color:#f8f7f7;margin-bottom:5px;font-size:14px;padding:10px 8px}.pum-form--style-default button{font-size:18px;margin:10px 0 0;padding:10px 5px;cursor:pointer}.pum-sub-form p.pum-newsletter-error-msg{margin:0}.pum-sub-form .spinner-loader{right:50%;position:absolute;bottom:40%}.pum-sub-form .spinner-loader:not(:required){animation:1.5s linear infinite spinner-loader;border-radius:.5em;box-shadow:rgba(0,0,51,.3) 1.5em 0 0 0,rgba(0,0,51,.3) 1.1em 1.1em 0 0,rgba(0,0,51,.3) 0 1.5em 0 0,rgba(0,0,51,.3) -1.1em 1.1em 0 0,rgba(0,0,51,.3) -1.5em 0 0 0,rgba(0,0,51,.3) -1.1em -1.1em 0 0,rgba(0,0,51,.3) 0 -1.5em 0 0,rgba(0,0,51,.3) 1.1em -1.1em 0 0;display:inline-block;font-size:10px;width:1em;height:1em;margin:1.5em;overflow:hidden;text-indent:100%}.pum-form__field--consent{text-align:left}.pum-form__field--consent.pum-form__field--checkbox label,.pum-form__field--consent.pum-form__field--radio .pum-form__consent-radios.pum-form__consent-radios--inline label{display:inline-block;vertical-align:middle}.pum-form__field--consent.pum-form__field--checkbox label input{display:inline-block;width:inherit;margin:0;vertical-align:middle}.pum-form__field--consent.pum-form__field--radio .pum-form__consent-radios.pum-form__consent-radios--inline label input{display:inline-block;width:inherit;margin:0;vertical-align:middle}.pum-form__field--consent.pum-form__field--radio .pum-form__consent-radios.pum-form__consent-radios--inline label+label{margin-left:1em}.pum-form__field--consent.pum-form__field--radio .pum-form__consent-radios.pum-form__consent-radios--stacked label{display:block;vertical-align:middle}.pum-form__field--consent.pum-form__field--radio .pum-form__consent-radios.pum-form__consent-radios--stacked label input{display:inline-block;width:inherit;margin:0;vertical-align:middle}.pum-container iframe.formidable{width:100%;overflow:visible}.flatpickr-calendar.open,.pika-single,body div#ui-datepicker-div[style]{z-index:9999999999!important}