@charset "UTF-8";
 :root {
--bg-primary-main: #fff;
--bg-primary-second: #f5f4f3;
--bg-primary-third: #e8e8e8;
--bg-primary-stroke: #b4b3b3;
--bg-alt-main: #282625;
--bg-alt-second: #333130;
--bg-alt-third: #4a4847;
--bg-alt-stroke: #605d5c;
--text-primary-head: #1c1a19;
--text-primary-main: #4b4a49;
--text-primary-second: #6c6b6b;
--text-alt-head: #fff;
--text-alt-main: #f4f4f4;
--text-alt-second: #ddd;
--colors-main: #ff6200;
--colors-second: #004d91;
--hover-main: #ff935b;
--hover-second: #e44f02;
--additional-main: #fff;
--additional-second: #fff;
--additional-third: #fff;
--font-family: "Montserrat", sans-serif;
--second-family: "Raleway", sans-serif;
--transition: 0.3s ease-in-out;
} .alignwide {
width: 100%;
}
.alignfull {
margin-left: calc(-50vw + 50%);
margin-right: calc(-50vw + 50%);
max-width: 1920px;
}
@media only screen and (min-width: 1920px) {
.alignfull {
width: 100vw !important;
max-width: unset;
}
}
.fancybox__container {
--fancybox-bg: rgba(0, 0, 0, 0.4) !important;
} html {
box-sizing: border-box;
}
* {
margin: 0;
padding: 0;
font-family: var(--font-family), sans-serif;
box-sizing: inherit;
}
body {
background-color: var(--bg-primary-main);
overflow-x: hidden !important;
margin: 0 auto;
width: auto;
}
body::-webkit-scrollbar {
width: 0px;
}
body::-webkit-scrollbar-track {
background: var(--backgroundPrimary);
}
body::-webkit-scrollbar-thumb {
background-color: var(--colors-main);
}
a {
text-decoration: none;
color: var(--text-alt-head);
transition: var(--transition);
}
a:hover {
color: var(--text-primary-second);
}
ul li {
list-style-position: inside;
color: var(--text-primary-head);
}
ul li::marker {
color: #1f2f47;
}
ol li {
list-style-position: inside;
color: var(--text-primary-head);
font-size: 18px;
line-height: 26px;
}
p {
color: var(--text-primary-head);
font-size: 18px;
line-height: 26px;
}
.slider-btn {
margin-left: auto;
transition: var(--transition);
width: 60px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
background: var(--bg-primary-main);
border-radius: 50%;
box-shadow: 0px 0px 17px 0px #1C1A191A;
}
.slider-btn--prev {
rotate: 180deg;
}
.swiper-button-disabled {
border: 1px solid var(--bg-primary-second);
background-color: var(--bg-primary-second);
pointer-events: none;
}
.swiper-pagination-bullets.swiper-pagination-horizontal {
width: fit-content !important;
}
.swiper-pagination-bullet-active {
background-color: var(--colors-main) !important;
}
h1,
.h1 {
font-family: var(--font-family);
font-weight: 600;
font-size: 60px;
line-height: 110.00000000000001%;
letter-spacing: 0%;
color: var(--text-primary-head);
}
h1.page-title {
font-size: clamp(1.5rem, 1.05rem + 2.25vw, 3.75rem);
margin-bottom: 40px;
}
h2,
.h2 {
font-family: var(--font-family);
font-weight: 600;
font-size: clamp(1.5rem, 1.175rem + 1.625vw, 3.125rem);
line-height: 110.00000000000001%;
letter-spacing: 0%;
color: var(--text-primary-head);
}
h3,
.h3 {
font-family: var(--font-family);
font-weight: 600;
font-size: clamp(1.375rem, 1.25rem + 0.625vw, 2rem);
line-height: 110.00000000000001%;
letter-spacing: 0%;
color: var(--text-primary-head);
}
h4,
.h4 {
font-family: var(--font-family);
font-weight: 500;
font-size: clamp(1.125rem, 1.05rem + 0.375vw, 1.5rem);
line-height: 110.00000000000001%;
letter-spacing: 0%;
color: var(--text-primary-head);
}
h5,
.h5 {
font-family: var(--font-family);
font-weight: 600;
font-size: clamp(1rem, 0.95rem + 0.25vw, 1.25rem);
line-height: 110.00000000000001%;
letter-spacing: 0%;
color: var(--text-primary-head);
}
h6,
.h6 {
font-family: var(--font-family);
font-weight: 400;
font-size: clamp(0.875rem, 0.85rem + 0.125vw, 1rem);
line-height: 120%;
letter-spacing: 0%;
color: var(--text-primary-head);
}
.p1 {
font-family: var(--font-family);
font-weight: 400;
font-size: clamp(1.125rem, 1.1rem + 0.125vw, 1.25rem);
line-height: 110.00000000000001%;
letter-spacing: 0%;
color: var(--text-primary-head);
}
input::-moz-placeholder,
textarea::-moz-placeholder {
font-family: var(--font-family);
font-weight: 300;
font-style: Light;
font-size: 18px;
line-height: 140%;
letter-spacing: 0%;
color: var(--text-primary-head);
}
.p2,
#footer .footer__menu a,
#footer .footer__menu .sub-menu a,
#header #mobile-mnu .mobile__menu a,
.wp-editor p,
.wp-editor li,
.input__placeholder,
input::placeholder,
textarea::placeholder,
input,
textarea {
font-family: var(--font-family);
font-weight: 600;
font-size: clamp(0.875rem, 0.85rem + 0.125vw, 1rem);
line-height: 130%;
letter-spacing: 0%;
color: var(--text-primary-head);
}
.p3,
#footer .footer__requisites p {
font-family: var(--font-family);
font-weight: 500;
font-size: clamp(0.875rem, 0.825rem + 0.25vw, 1.125rem);
line-height: 130%;
letter-spacing: 0%;
color: var(--text-primary-head);
}
.p4 {
font-family: var(--font-family);
font-weight: 500;
font-size: clamp(0.75rem, 0.725rem + 0.125vw, 0.875rem);
line-height: 130%;
letter-spacing: 0%;
color: var(--text-primary-head);
}
.menu,
.breadcrumbs span,
.breadcrumbs {
font-family: var(--font-family);
font-weight: 500;
font-size: 16px;
line-height: 120%;
letter-spacing: 0%;
color: var(--text-primary-head);
}
.button,
.btn {
font-family: var(--font-family);
font-weight: 600;
font-size: 16px;
line-height: 110.00000000000001%;
letter-spacing: 0%;
color: var(--text-primary-head);
}
.number {
font-family: var(--font-family);
font-weight: 500;
font-size: 60px;
line-height: 120%;
letter-spacing: 0%;
color: var(--text-primary-head);
}
.breadcrumbs {
padding: 15px 0;
color: var(--text-primary-second);
display: flex;
flex-wrap: wrap;
-moz-column-gap: 10px;
column-gap: 10px;
align-items: center;
}
.breadcrumbs span {
font-family: inherit;
font-size: inherit;
line-height: inherit;
color: inherit;
}
.breadcrumbs span.current-item {
color: var(--colors-main);
}
.breadcrumbs .separator {
display: block;
width: 8px;
height: 8px;
background: var(--colors-main);
}
.breadcrumbs a span {
color: var(--text-primary-main);
transition: var(--transition);
}
.breadcrumbs a span:hover {
color: var(--hover-main);
transition: var(--transition);
}
.breadcrumbs a.current-item span {
color: var(--colors-main);
}
.breadcrumbs a.current-item {
pointer-events: none;
}
.grid {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 30px;
}
.container {
max-width: 1560px;
width: 100%;
margin: 0 auto;
padding: 0 15px;
}
.btn-reset {
background: unset;
border: none;
outline: none;
}
.btn {
display: flex;
align-items: center;
gap: 5px;
justify-content: center;
width: -moz-fit-content;
width: fit-content;
background: var(--colors-main);
border: 1px solid var(--colors-main);
border-radius: 10px;
outline: none;
color: var(--card);
cursor: pointer;
transition: all 0.3s ease-in;
padding: 20px;
box-sizing: border-box;
color: var(--text-alt-head);
}
.btn svg path {
transition: var(--transition);
}
.btn:hover {
background-color: var(--hover-main);
border-color: var(--colors-main);
color: var(--text-primary-head);
}
.btn.white {
background-color: var(--bg-primary-main);
color: var(--text-primary-head);
border-color: var(--bg-primary-main);
}
.btn.white:hover {
border-color: var(--bg-primary-main);
background: transparent;
color: var(--hover-main);
}
.btn.invert {
background: transparent;
color: var(--text-primary-head);
border: 1px solid var(--bg-primary-stroke);
}
.btn.invert:hover {
background: var(--hover-main);
color: var(--bg-primary-main);
border-color: var(--hover-main);
}
.btn.grey {
background: var(--bg-primary-stroke);
border-color: var(--bg-primary-stroke);
color: var(--text-primary-head);
}
.btn.grey:hover {
background: var(--hover-main);
color: var(--card);
border-color: var(--hover-main);
}
input,
textarea {
width: 100%;
outline: none; color: var(--text-primary-main);
border: 1px solid var(--bg-primary-stroke);
padding: 19.5px 20px;
max-height: 60px;
background: var(--bg-primary-main);
}
input::-moz-placeholder,
textarea::-moz-placeholder {
color: var(--text-primary-second);
}
input::placeholder,
textarea::placeholder {
color: var(--text-primary-second);
}
input:focus,
textarea:focus {
border-color: var(--hover-main);
}
input.error+label,
textarea.error+label {
color: red !important;
background-color: var(--bg-primary-main) !important;
}
input.error,
textarea.error {
border-color: red !important;
background-color: var(--bg-primary-main) !important;
}
.form__privacy input[type="checkbox"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 24px;
height: 24px;
min-width: 16px;
border: 1px solid var(--text-primary-main);
border-radius: 0px !important;
background-color: transparent !important;
padding: 4px !important;
cursor: pointer;
position: relative;
z-index: 0;
flex-shrink: 0;
transition: var(--transition);
}
@media(max-width: 768px) {
.form__privacy input[type="checkbox"] {
width: 20px;
height: 20px;
}
}
.form__privacy {
display: flex; gap: 15px;
margin-top: 15px;
} a.privacy-policy {
text-decoration: underline;
transition: var(--transition);
}
a.privacy-policy:hover {
color: var(--hover-main);
transition: var(--transition);
}
.form__privacy input[type="checkbox"].error {
border-color: red;
}
.form__privacy input[type="checkbox"]:hover {
border-color: var(--hover-main);
transition: var(--transition);
}
.form__privacy input[type="checkbox"]:checked {
background-color: var(--colors-main) !important;
border: var(--colors-main);
}
.form__privacy input[type="checkbox"]:checked::after {
opacity: 1;
}
.form__privacy input[type="checkbox"]::after {
content: "✔";
position: absolute;
color: var(--text-alt-head);
font-size: 12px;
z-index: 1;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
opacity: 0;
transition: var(--transition);
}
textarea {
resize: none;
width: 100%;
max-height: 160px;
min-height: 160px;
}
.inputs__holder {
display: flex;
flex-direction: column;
gap: 10px;
margin-bottom: 15px;
}
.input__wrapper {
position: relative;
max-width: 490px;
}
.input__placeholder {
position: absolute;
left: 18px;
top: 17.5px;
color: var(--text-primary-second);
line-height: 1 !important;
background: var(--bg-primary-main);
transition: var(--transition);
font-family: var(--font-family);
padding: 4px;
}
.input__wrapper.focus .input__placeholder {
top: 4.5px;
font-family: var(--font-family);
background-color: transparent;
}
.input__wrapper input,
.input__wrapper textarea {
color: transparent;
}
.input__wrapper.focus input,
.input__wrapper.focus textarea { color: var(--text-primary-second);
} input[type="file"] {
display: none;
}
.file span {
position: relative;
display: block;
transition: 0.3s;
cursor: pointer;
text-align: center;
}
.file {
width: 100%;
display: flex;
align-items: center;
gap: 10px;
}
.file svg path {
transition: var(--transition);
}
.file:hover svg path {
fill: var(--bg-primary-main);
}
.soc-holder {
display: flex;
align-items: center;
}
.soc {
width: 60px;
height: 60px;
background: var(--bg-primary-second);
display: flex;
justify-content: center;
align-items: center;
border-radius: 5px;
transition: var(--transition);
}
.soc:hover {
background: var(--colors-main) !important;
transition: var(--transition);
}
.soc img,
.soc svg { max-width: 32px;
max-height: 32px;
-o-object-fit: cover;
object-fit: cover;
}
.soc svg path {
transition: var(--transition);
}
.soc:hover svg path {
fill: var(--bg-primary-main);
transition: var(--transition);
}
.img-holder img,
.img-holder svg {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
#main,
#primary {
min-height: 63vh;
}
.glogo {
width: 111px;
height: 17px;
-webkit-mask-image: url(//avtopomosh-moskow.ru/wp-content/themes/theme/assets/images/gmask.png);
mask-image: url(//avtopomosh-moskow.ru/wp-content/themes/theme/assets/images/gmask.png);
-webkit-mask-origin: border-box;
mask-origin: border-box;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background-color: var(--text-primary-second);
position: relative;
cursor: pointer;
}
.glogo:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: red;
transform: translateX(100%);
transition: transform 0.7s ease-in;
background: linear-gradient(90deg,
#fe6604 10%,
#ee0a76 30%,
#ee0a76 60%,
#fe6604 101%) repeat-x 0 0;
background-size: 100px;
animation-duration: 5s;
animation-name: slideUp;
animation-iteration-count: infinite;
animation-delay: 3s;
}
.glogo:hover:before { animation-name: unset;
transform: translateX(0);
}
.page.privacy-policy .wp-block-heading {
margin-top: 30px;
margin-bottom: 20px;
}
.page.privacy-policy p {
margin-bottom: 10px;
}
.page.privacy-policy main {
margin-bottom: 40px;
}
.wp-editor p:first-child {
margin-top: 0 !important;
}
.wp-editor p:last-child {
margin-bottom: 0 !important;
}
.wp-editor p,
.wp-editor li {
color: var(--text-primary-main);
}
.wp-editor p {
margin-bottom: 10px;
}
.wp-editor ul {
margin-bottom: 20px;
display: flex;
flex-direction: column;
gap: 10px;
}
.wp-editor ul li {
list-style: none;
padding-left: 20px;
position: relative;
}
.wp-editor ul li::before {
content: "";
display: block;
position: absolute;
top: 4px;
left: 0;
width: 12px;
height: 12px;
background: url(//avtopomosh-moskow.ru/wp-content/themes/theme/assets/images/li-icon.svg);
background-repeat: no-repeat;
background-size: cover;
}
.wp-editor h2,
.wp-editor h3,
.wp-editor h4,
.wp-editor h5,
.wp-editor h6 {
margin-top: 20px;
margin-bottom: 10px;
}
@media screen and (max-width: 1840px) {
.swiper-holder:hover .nav-holder {
z-index: 1;
left: 30px;
right: 30px;
}
.swiper-holder .nav-holder {
left: 30px;
right: 30px;
}
}
@media screen and (max-width: 1200px) {
section {
margin-bottom: 40px;
}
.block-padding {
padding: 40px 0;
}
}
@media screen and (max-width: 992px) {
.pagination .page-numbers.prev {
margin-right: 0;
}
.pagination .page-numbers.next {
margin-left: 0;
}
.section__title {
margin-bottom: 20px !important;
}
}
@media screen and (max-width: 600px) {
.pagination .page-numbers {
min-width: 40px;
height: 40px;
width: 40px;
}
}
@media screen and (max-width: 450px) {
.btn {
width: 100%;
}
.swiper__bottom {
gap: 5px;
flex-wrap: wrap;
justify-content: center;
}
}
@keyframes slideUp {
0% {
transform: translateX(-100%);
}
50% {
transform: translateX(0);
}
100% {
transform: translateX(100%);
}
}
@keyframes gradient {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
} #header {
position: sticky;
z-index: 30;
padding: 20px 0;
top: 0;
width: 100%;
background: #00000080;
}
#header .container {
display: flex;
justify-content: space-between;
align-items: center;
gap: 20px;
}
#header .header__logo {
max-width: 161px;
}
#header .header__logo .logo-text {
color: var(--text-alt-head);
}
#header .header__contacts {
display: flex;
align-items: center;
gap: 30px;
}
.soc-holder.fixed {
position: fixed;
z-index: 10;
top: 130px;
right: 105px;
gap: 10px;
flex-direction: column;
}
@media (max-width: 1200px) {
.soc-holder.fixed {
right: 35px;
}
}
@media (max-width: 600px) {
.soc-holder.fixed {
display: none;
}
}
#header .header__contacts .phones-holder {
display: flex;
flex-direction: column;
gap: 5px;
justify-content: right;
text-align: right;
}
#header .header__contacts .phones-holder .phone,
#header .header__contacts .phones-holder .phone-name {
color: var(--text-alt-head);
}
#header .header__contacts .phones-holder .phone-name {
margin-left: 2px;
}
#header .header__contacts .phones-holder .phone-name::before {
content: "";
width: 5px;
height: 5px;
position: relative;
left: -10px;
top: 0;
display: inline-block;
background: var(--colors-main);
}
#header .header__nav {
display: flex;
justify-content: space-between;
list-style: none;
gap: 30px;
}
#header .header__nav li a {
color: var(--text-alt-head);
white-space: nowrap;
transition: var(--transition);
} .header__btn {
border-color: var(--bg-primary-second);
background: var(--bg-primary-second);
color: var(--colors-main);
border-radius: 10px;
}
.header__btn:hover {
background-color: var(--hover-second);
border-color: var(--hover-second);
color: var(--text-alt-head);
}
#header .soc {
display: none;
}
#header.painted {
background-color: var(--bg-primary-main);
}
#header.painted .logo-text {
color: var(--text-primary-head);
}
#header.painted .header__nav li a {
color: var(--text-primary-second);
}
#header.painted .header__nav li a:hover {
color: var(--hover-second);
transition: var(--transition);
}
#header.painted .header__contacts .phones-holder .phone-name {
color: var(--text-primary-second);
}
#header.painted .header__contacts .phones-holder .phone-name::before {
display: none;
}
#header.painted .header__contacts .phones-holder .phone {
color: var(--text-primary-head);
}
@media(max-width: 400px) {
#header .header__contacts .phones-holder .phone {
font-size: 14px;
}
}
#header.painted .header__btn {
border: 1px solid var(--colors-main);
background: transparent;
position: relative;
z-index: 1;
overflow: hidden;
}
#header.painted .header__btn:hover {
color: var(--text-alt-head);
}
#header.painted .header__btn::before {
content: "";
background: linear-gradient(260.8deg, #ff5700 8.5%, #ff874a 100%);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
width: 100%;
height: 100%;
opacity: 0;
transition: var(--transition);
}
#header.painted .header__btn:hover::before {
opacity: 1;
}
#header.painted .soc {
display: flex;
transition: var(--transition);
}
@media (max-width: 1840px) {
#header {
padding: 20px 20px;
}
}
@media (max-width: 1540px) {
#header .header__nav {
display: none;
}
#header .burger.open_menu {
display: flex !important;
}
}
@media (max-width: 768px) {
.header__btn {
display: none;
}
}
@media (max-width: 600px) {
#header.painted .soc {
display: none;
}
#header .header__contacts {
gap: 10px;
}
}
@media (max-width: 480px) { #header .header__contacts .phones-holder .phone {
white-space: nowrap;
font-size: 16px;
}
}
@media (max-width: 420px) {
#header .header__contacts .phones-holder .phone-name {
display: none;
}
#header .header__contacts {
gap: 5px;
}
#header .header__contacts .phones-holder .phone {
white-space: nowrap;
font-size: 14px;
}
#header {
padding: 20px 0px;
}
#header .container {
gap: 10px;
}
} #header .mobile__nav {
list-style: none;
margin-bottom: 20px;
}
#header .mobile__nav a {
color: var(--card);
}
#header .logo-holder {
margin-bottom: 20px;
}
#header .burger.open_menu {
display: none;
flex-direction: column;
background-color: transparent;
height: 24px;
width: 24px;
align-items: flex-start;
justify-content: center;
gap: 4px;
border-radius: 2px;
flex-shrink: 0;
cursor: pointer;
}
#header .burger.open_menu span {
background-color: var(--bg-primary-main);
width: 30px;
height: 4px;
transition: var(--transition);
}
#header.painted .burger.open_menu span {
background-color: var(--colors-main);
}
#header #mobile-mnu {
display: flex;
flex-direction: column;
position: fixed;
bottom: 0;
left: 0;
height: 100%;
width: 320px;
background-color: var(--bg-alt-main);
padding: 30px;
padding-bottom: 80px;
transition: all 0.3s ease-in;
transform: translateX(-390px);
z-index: 9999;
overflow-y: auto;
overflow-x: hidden;
}
#header #mobile-mnu #close-mnu {
position: absolute;
right: 30px;
top: 33px;
cursor: pointer;
display: block;
}
#header #mobile-mnu #close-mnu svg line {
transition: var(--transition);
}
#header #mobile-mnu #close-mnu svg line {
stroke: var(--bg-primary-main);
}
#header #mobile-mnu #close-mnu:hover svg line {
stroke: var(--hover-main);
transition: var(--transition);
}
#header #mobile-mnu .mobile__menu {
list-style: none;
display: flex;
flex-direction: column;
gap: 15px;
margin-bottom: auto;
}
#header #mobile-mnu .mobile__menu a {
color: var(--text-alt-main);
}
#header #mobile-mnu .mobile__menu a:hover {
color: var(--hover-main);
}
#header #mobile-mnu .mobile__menu-title {
margin-bottom: 10px;
color: var(--text-alt-head);
}
#header #mobile-mnu .mobile__btn {
width: 100%;
}
#header #mobile-mnu .phones-holder {
display: flex;
flex-direction: column;
gap: 5px;
}
#header #mobile-mnu .soc-holder {
margin-bottom: 20px;
}
#header #mobile-mnu .address-holder {
margin-bottom: 20px;
}
#header #mobile-mnu .address-holder p {
color: var(--card);
}
#header #mobile-mnu.opened {
transform: translateX(0);
}
#header .dgwt-wcas-search-wrapp {
width: 100%;
width: 20.833vw;
max-width: 400px;
}
#header .dgwt-wcas-search-wrapp input {
border-radius: unset;
}
#header .dgwt-wcas-sf-wrapp {
min-height: 60px;
} #footer .footer__top {
display: flex;
justify-content: space-between;
padding-top: 100px;
padding-bottom: 100px;
}
.site-footer {
position: relative;
}
.site-footer::before {
content: '';
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 100vw;
height: 280px;
background-color: var(--bg-primary-second);
z-index: -1;
}
#footer .footer__top .footer__btn {
padding: 15px 30px 15px 25px;
gap: 10px;
border-radius: 10px;
box-shadow: 0px 4px 0px 0px #cc4500;
position: relative;
z-index: 1;
transition: var(--transition);
background: var(--colors-main);
height: 80px;
}
#footer .footer__top .footer__btn:hover {
transition: var(--transition);
}
#footer .footer__top .footer__btn::before {
content: "";
background: linear-gradient(260.8deg, #ff5700 8.5%, #ff874a 100%);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
width: 100%;
height: 100%;
transition: var(--transition);
border-radius: 10px;
}
#footer .footer__top .footer__btn:hover::before {
transition: var(--transition);
opacity: 0;
}
#footer .footer__top .footer__btn .btn__text {
color: var(--text-alt-head);
white-space: nowrap;
}
#footer .footer__top .footer__logo {
max-width: 161px;
}
#footer .footer__top .footer__logo-container {
display: flex;
gap: 15px;
}
#footer .footer__top .footer__logo-text .footer__title {
color: var(--text-primary-head);
}
#footer .footer__top .footer__logo-text .footer__subtitle {
color: var(--text-primary-second);
}
#footer .footer__nav {
display: flex;
justify-content: space-between;
list-style: none;
gap: 20px;
}
#footer .footer__nav li a {
color: var(--text-primary-second);
white-space: nowrap;
transition: var(--transition);
}
#footer .footer__nav li:hover a {
color: var(--colors-main);
transition: var(--transition);
}
#footer .footer__requisites {
display: flex;
flex-direction: column;
gap: 10px;
text-align: end;
}
#footer .footer__requisites p {
color: var(--text-primary-main);
}
#footer .footer__middle {
display: grid;
grid-template-columns: repeat(3, 1fr);
border: 1px solid var(--bg-primary-stroke);
border-radius: 30px;
overflow: hidden;
width: 100%;
}
#footer .footer__middle .contact-item {
padding: 20px;
display: flex;
justify-content: space-between;
outline: 1px solid var(--bg-primary-stroke);
}
#footer .footer__middle .contact-item .contact-item-name {
color: var(--text-primary-main);
}
#footer .footer__middle .contact-item .contact-item-value {
color: var(--text-primary-head);
}
#footer .footer__bottom {
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 22px;
padding-bottom: 22px;
}
#footer .footer__bottom * {
color: var(--text-primary-second);
}
#footer .footer__bottom .footer__dev {
display: flex;
gap: 10px;
align-items: center;
overflow: hidden;
}
@media (max-width: 1200px) {
#footer .footer__nav {
gap: 10px;
}
#footer .footer__top {
align-items: center;
flex-direction: column;
padding-top: 60px;
padding-bottom: 60px;
justify-content: center;
gap: 10px;
}
#footer .footer__top .footer__logo {
max-width: unset;
}
#footer .footer__top .footer__logo br {
display: none;
}
}
@media (max-width: 768px) {
#footer .footer__bottom {
flex-direction: column;
gap: 10px;
}
#footer .footer__top {
padding-top: 40px;
padding-bottom: 40px;
background: var(--bg-primary-second);
}
#footer .footer__nav {
flex-direction: column;
text-align: center;
}
.site-footer::before {
display: none;
}
#footer .container {
padding: 0;
}
}
@media(max-width: 480px) {
#footer .footer__top .footer__btn {
display: none;
}
#footer .footer__top {
justify-content: center;
}
.site-footer::before {
height: 100px;
}
#footer .footer__top .footer__logo {
max-width: unset;
}
#footer .footer__top .footer__logo br {
display: none;
}
} .wpcf7 .wpcf7-response-output,
.wpcf7 .wpcf7-not-valid-tip {
display: none;
}
.wpcf7 .ajax-loader {
display: none;
}
.wpcf7 .wpcf7-spinner {
display: none;
}
.form.form-v2 button,
.form.form-v2 .btn {
width: 100%;
margin-bottom: 10px;
}
.form.form-v2 .form-subtitle {
text-transform: uppercase;
margin-bottom: 20px;
color: var(--text-primary-main);
}
.form.form-v2 .checkbox-holder {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 20px;
margin-bottom: 25px;  }
.form.form-v2 .checkbox-holder .form-line {
height: 20px;
width: 3px;
display: block;
background: var(--text-primary-second);
}
.form.form-v2 .checkbox-holder .form_radio input[type="radio"] {
display: none;
}
.form.form-v2 .checkbox-holder .form_radio label {
display: inline-block;
cursor: pointer;
display: flex;
gap: 10px;
align-items: center;
margin-right: 0;
line-height: 18px;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
color: var(--text-primary-second);
transition: var(--transition);
}
.form.form-v2 .checkbox-holder .form_radio label:before {
content: "";
display: inline-block;
width: 20px;
height: 20px;
border: 2px solid var(--text-primary-second);
background: #fff;
transition: var(--transition);
}
.form.form-v2 .checkbox-holder .form_radio input[type="radio"]:checked+label:before {
background: var(--hover-main);
border-color: var(--card);
box-shadow: 0 0 0 1px var(--hover-main);
}
.form.form-v2 .checkbox-holder .form_radio input[type="radio"]:checked:before {
background: var(--hover-main);
border-color: var(--card);
box-shadow: 0 0 0 1px var(--hover-main);
}
.form.form-v2 .checkbox-holder .form_radio input[type="radio"]:checked+label {
color: var(--hover-main);
}
.form.form-v2 .checkbox-holder .form_radio label:hover:before {
background: var(--hover-main);
border-color: var(--card);
box-shadow: 0 0 0 1px var(--hover-main);
}
.form.form-v2 .checkbox-holder .form_radio label:hover {
color: var(--hover-main);
}
input {
transition: var(--transition);
border-radius: 10px;
padding: 22px;
border: 1px solid var(--bg-primary-stroke);
}
input:focus,
.input__wrapper.filled input {
padding-top: calc(22px + 10.5px);
padding-bottom: calc(22px - 10.5px);
color: var(--text-primary-head);
background-color: var(--bg-primary-main);
border-color: var(--bg-primary-stroke) !important;
transition: var(--transition);
}
.input__wrapper:hover input {
background: var(--bg-primary-second);
transition: var(--transition);
}
.input__wrapper:hover .input__placeholder {
background: var(--bg-primary-second);
color: var(--text-primary-main);
transition: var(--transition);
}
.input__wrapper.focus input,
.input__wrapper:focus-within input,
.input__wrapper.filled input {
background: var(--bg-primary-second);
color: var(--text-primary-head);
transition: var(--transition);
}
.input__wrapper.focus .input__placeholder,
.input__wrapper:focus-within .input__placeholder,
.input__wrapper.filled .input__placeholder {
background: transparent;
color: var(--text-primary-second);
transition: var(--transition);
}
input:focus::placeholder,
.form__holder .input__wrapper.filled input::placeholder {
color: var(--text-primary-head);
transition: var(--transition);
}
.form__privacy-text,
.privacy-policy {
color: var(--text-primary-main);
}
#modal-success,
#modal-error {
max-width: 100%;
}
#modal-review-single {
padding: 40px;
}
#modal-review-single .review-top {
display: flex;
justify-content: space-between;
align-items: center;
}
#modal-review-single .review-top .review-author {
display: flex;
gap: 20px;
align-items: center;
}
#modal-review-single .review-top .review-author .review-icon {
width: 40px;
height: 40px;
}
#modal-review-single .review-top .review-author .review-name {
color: var(--text-primary-main);
}
#modal-review-single .review-top .review-date {
color: var(--text-primary-main);
}
#modal-review-single .review-text {
margin-top: 20px;
}
#modal-review-single .review-bottom {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 20px;
}
#modal-review-single .review-bottom .review-stars {
max-width: 120px;
}
#modal-review-single .review-bottom .review-src {
max-width: 120px;
}
#modal-review-single .close-modal {
top: 15px;
right: 15px;
}
#modal-success .btn,
#modal-error .btn {
width: 100%;
}
#modal-error {
padding: 30px; flex-direction: column;
gap: 15px;
}
.theme-modal {
display: none;
}
.fancybox__backdrop {
background: #000 !important;
opacity: 0.6 !important;
}
#modal-full-text.theme-modal.fancybox__content {
padding: 25px;
}
#modal-full-text.theme-modal .close-modal {
top: 10px;
right: 10px;
}
.theme-modal.fancybox__content {
width: 550px;
background: var(--bg-primary-main);
box-sizing: border-box;
position: relative;
}
.theme-modal.fancybox__content .form.form-v2 {
padding: 30px 60px;
padding-bottom: 50px;
}
.theme-modal.fancybox__content .title.h3 {}
.theme-modal.fancybox__content .title.h3 span {
color: var(--colors-second);
}
.theme-modal.fancybox__content .desc.h6 {
color: var(--text-primary-main);
margin-top: 20px;
}
.theme-modal.fancybox__content .desc.h6 span {
font-weight: 600;
line-height: 130%;
}
.theme-modal.fancybox__content .btn {
padding: 18px 21px;
white-space: nowrap;
gap: 10px;
border-radius: 10px;
box-shadow: 0px 4px 0px 0px #cc4500;
position: relative;
z-index: 1;
transition: var(--transition);
background: var(--hover-main);
height: 60px;
margin-top: 30px;
}
.theme-modal.fancybox__content .btn:hover {
box-shadow: 0px 4px 0px 0px #f65401;
transition: var(--transition);
color: var(--text-alt-head);
}
.theme-modal.fancybox__content .btn::before {
content: "";
background: linear-gradient(260.8deg, #ff5700 8.5%, #ff874a 100%);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
width: 100%;
height: 100%;
transition: var(--transition);
border-radius: 10px;
}
.theme-modal.fancybox__content .btn:hover::before {
opacity: 0;
transition: var(--transition);
}
.theme-modal.fancybox__content>.f-button.is-close-btn svg path {
transition: stroke 0.3s ease-in;
}
.theme-modal.fancybox__content>.f-button.is-close-btn:hover svg path {
stroke: var(--colors-main);
}
.theme-modal input[type="file"] {
display: none;
}
.theme-modal button {
margin-bottom: 20px;
}
.theme-modal .file span {
position: relative;
display: block;
transition: 0.3s;
cursor: pointer;
color: var(--text-primary-head);
}
.theme-modal .file span:hover {
color: var(--hover-main);
}
.theme-modal .file__holder {
display: flex;
justify-content: space-between;
align-items: center;
gap: 10px;
flex-wrap: wrap;
margin-bottom: 10px;
}
.theme-modal .file__right {
display: flex;
align-items: center;
gap: 20px;
}
.theme-modal .form__item {
text-transform: uppercase;
color: var(--text-primary-second);
}
.theme-modal .close-modal {
position: absolute;
top: 30px;
right: 30px;
cursor: pointer;
}
#modal-success .close-modal,
#modal-error .close-modal {
top: 20px;
right: 20px;
}
#modal-success .desc.h6 {
margin-top: 15px;
}
#modal-success,
#modal-error {
padding: 30px 0; flex-direction: column;
align-items: center;
}
.theme-modal .f-button.is-close-btn {
display: none;
}
.theme-modal .inputs__holder {
display: flex;
flex-direction: column;
gap: 15px;
margin-top: 30px;
}
.theme-modal .inputs__holder .input__wrapper {
width: 100%;
max-width: unset;
}
#modal-review-single .review__link {
display: none;
}
#modal-service {
width: unset;
padding: 0;
}
#modal-service .modal__service-inner {
display: flex;
padding: 0;
}
#modal-service .modal__service-left {
padding-left: 50px;
padding-top: 50px;
padding-bottom: 60px;
padding-right: 32px;
max-width: 800px;
}
#modal-service .form__holder {
width: 550px;
border-left: 1px solid var(--bg-primary-stroke);
}
#modal-service .form__holder .form.form-v2 {
padding: 30px 60px;
}
#modal-service .modal__service-left .modal-desc {
margin-top: 20px;
color: var(--text-primary-main);
}
#modal-service .modal__service-left .modal-list {
margin-top: 30px;
}
#modal-service .modal__service-left .modal-price {
margin-top: 30px;
}
#modal-service .modal__service-left .inner-title {
margin-bottom: 20px;
}
#modal-service .modal__service-left .modal-list ul {
display: flex;
flex-direction: column;
gap: 15px;
list-style: none;
}
#modal-service .modal__service-left .modal-list ul li {
font-size: clamp(0.875rem, 0.85rem + 0.125vw, 1rem);
display: flex;
align-items: center;
}
#modal-service .modal__service-left .modal-list ul li::before {
content: " ";
width: 10px;
height: 10px;
background: var(--colors-second);
display: inline-block;
margin-right: 10px;
flex-shrink: 0;
}
#modal-service .modal__service-left .modal-price ul {
display: flex;
flex-direction: column;
gap: 15px;
list-style: none;
}
#modal-service .modal__service-left .modal-price ul li {
font-size: clamp(0.875rem, 0.85rem + 0.125vw, 1rem);
display: flex;
align-items: center;
}
#modal-service .modal__service-left .modal-price ul li span {
font-weight: 600;
line-height: 130%;
color: var(--colors-main);
}
#modal-service .modal__service-left .modal-price ul li::before {
content: " ";
width: 10px;
height: 10px;
background: var(--colors-second);
display: inline-block;
margin-right: 10px;
flex-shrink: 0;
}
[form-send][disabled] {
opacity: 0.5;
}
@media(max-width: 1300px) {
#modal-service .modal__service-inner {
flex-direction: column-reverse;
}
#modal-service .modal__service-inner svg {
display: none;
}
#modal-service .form__holder {
margin: 0 auto;
border: none;
}
#modal-service .modal__service-left {
padding-top: 0;
padding-left: 30px;
}
}
@media(max-width: 768px) {
#modal-service .modal__service-left ul {
display: flex !important;
flex-direction: column !important;
gap: 7px !important;
list-style: none !important;
}
#modal-service .form__holder {
width: unset;
}
#modal-service .form__holder .form.form-v2 {
padding: 30px;
}
.theme-modal.fancybox__content .form.form-v2 {
padding: 30px;
}
#modal-callback .theme-modal.fancybox__content {
width: unset;
}
.theme-modal.fancybox__content .form__holder svg {
display: none;
}
}
@media screen and (max-width: 510px) {
.theme-modal .close-modal {
top: 20px;
right: 20px;
}
}
.error-page .error__img {
position: absolute;
top: 0;
left: 0;
z-index: 0;
width: 100%;
max-height: 770px;
}
.error-page .error__img img {
max-height: 770px;
}
.error-page .error__container {
position: relative;
z-index: 1;
padding-top: 150px;
padding-bottom: 120px;
}
.error-page .error__container .btn-container {
display: flex;
gap: 30px;
align-items: center;
margin-top: 100px;
}
.error-page .error__container .error__btn {
padding: 15px 30px 15px 25px;
gap: 10px;
border-radius: 10px;
box-shadow: 0px 4px 0px 0px #cc4500;
position: relative;
z-index: 1;
transition: var(--transition);
background: var(--colors-main);
}
.error-page .error__container .error__btn:hover {
transition: var(--transition);
}
.error-page .error__container .error__btn::before {
content: "";
background: linear-gradient(260.8deg, #ff5700 8.5%, #ff874a 100%);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
width: 100%;
height: 100%;
transition: var(--transition);
border-radius: 10px;
}
.error-page .error__container .error__btn:hover::before {
transition: var(--transition);
opacity: 0;
}
.error-page .error__container .error__btn .btn__text {
color: var(--text-alt-head);
}
.error-page .error__container .btn-container .btn-add__text {
color: var(--text-alt-main);
max-width: 150px;
}
.error-page .error__container .btn-container .btn-add__text span {
color: var(--colors-main);
}
.error__desc {
display: flex;
flex-direction: column;
gap: 20px;
max-width: 600px;
}
.error__desc * {
color: var(--text-alt-main);
}
.error__desc span {
color: inherit !important;
font-family: var(--font-family);
font-weight: 600;
letter-spacing: 0%;
}
.section__title {
color: var(--text-primary-head);
margin-bottom: 30px;
}
.error__title {
font-size: clamp(1.5rem, 0.55rem + 4.75vw, 6.25rem);
color: var(--text-alt-head);
}
@media(max-width: 1500px) {
.error-page .error__img {
display: none;
}
.error__desc * {
color: var(--text-primary-main);
}
.error__title {
color: var(--text-primary-head);
}
.error-page .error__container .btn-container {
margin-top: 40px;
}
.error-page .error__container .btn-container .btn-add__text {
color: var(--text-primary-main);
}
}
@media(max-width: 768px) {
.error-page .error__container {
padding-top: 40px;
padding-bottom: 40px;
}
}
@media(max-width: 500px) {
.error-page .error__container .btn-container .btn-add__text {
display: none;
}
}
.grampus-cookie-notice {
display: none;
position: sticky;
bottom: 0;
margin: 0 auto;
width: 80%;
height: fit-content;
padding: 10px 0;
z-index: 2000;
background-color: var(--cookie-bg, #fff);
padding: 30px;
border-radius: 20px;
}
.cookie-notice-container {
flex-direction: row;
}
.grampus-cookie-notice p {
text-align: center;
}
.grampus-cookie-accept-button {
background-color: var(--colors-main);
border: 1px solid var(--colors-main);
border-radius: 10px;
}
@media (max-width: 600px) {
.grampus-cookie-accept-button {
width: 100%;
}
.cookie-notice-container {
flex-direction: column;
}
}
@media (max-width: 360px) {
body.page.privacy-policy h1.page-title {
font-size: 22px;
}
body.page.privacy-policy .breadcrumbs {
font-size: 16px;
}
}