.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 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;
}@import url("https://fonts.googleapis.com/css2?family=Roboto&display=swap");
* {
box-sizing: border-box; }
.container {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px; }
@media (min-width: 768px) {
.container {
width: 750px; } }
@media (min-width: 992px) {
.container {
width: 970px; } }
@media (min-width: 1200px) {
.container {
width: 1170px; } }
.container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px; }
.row {
margin-left: -12px;
margin-right: -12px; }
.row:after {
content: '';
display: block;
clear: both; }
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
position: relative;
min-height: 1px;
padding-left: 12px;
padding-right: 12px; }
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
float: left; }
.col-xs-12 {
width: 100%; }
.col-xs-11 {
width: 91.66666667%; }
.col-xs-10 {
width: 83.33333333%; }
.col-xs-9 {
width: 75%; }
.col-xs-8 {
width: 66.66666667%; }
.col-xs-7 {
width: 58.33333333%; }
.col-xs-6 {
width: 50%; }
.col-xs-5 {
width: 41.66666667%; }
.col-xs-4 {
width: 33.33333333%; }
.col-xs-3 {
width: 25%; }
.col-xs-2 {
width: 16.66666667%; }
.col-xs-1 {
width: 8.33333333%; }
.col-xs-pull-12 {
right: 100%; }
.col-xs-pull-11 {
right: 91.66666667%; }
.col-xs-pull-10 {
right: 83.33333333%; }
.col-xs-pull-9 {
right: 75%; }
.col-xs-pull-8 {
right: 66.66666667%; }
.col-xs-pull-7 {
right: 58.33333333%; }
.col-xs-pull-6 {
right: 50%; }
.col-xs-pull-5 {
right: 41.66666667%; }
.col-xs-pull-4 {
right: 33.33333333%; }
.col-xs-pull-3 {
right: 25%; }
.col-xs-pull-2 {
right: 16.66666667%; }
.col-xs-pull-1 {
right: 8.33333333%; }
.col-xs-pull-0 {
right: auto; }
.col-xs-push-12 {
left: 100%; }
.col-xs-push-11 {
left: 91.66666667%; }
.col-xs-push-10 {
left: 83.33333333%; }
.col-xs-push-9 {
left: 75%; }
.col-xs-push-8 {
left: 66.66666667%; }
.col-xs-push-7 {
left: 58.33333333%; }
.col-xs-push-6 {
left: 50%; }
.col-xs-push-5 {
left: 41.66666667%; }
.col-xs-push-4 {
left: 33.33333333%; }
.col-xs-push-3 {
left: 25%; }
.col-xs-push-2 {
left: 16.66666667%; }
.col-xs-push-1 {
left: 8.33333333%; }
.col-xs-push-0 {
left: auto; }
.col-xs-offset-12 {
margin-left: 100%; }
.col-xs-offset-11 {
margin-left: 91.66666667%; }
.col-xs-offset-10 {
margin-left: 83.33333333%; }
.col-xs-offset-9 {
margin-left: 75%; }
.col-xs-offset-8 {
margin-left: 66.66666667%; }
.col-xs-offset-7 {
margin-left: 58.33333333%; }
.col-xs-offset-6 {
margin-left: 50%; }
.col-xs-offset-5 {
margin-left: 41.66666667%; }
.col-xs-offset-4 {
margin-left: 33.33333333%; }
.col-xs-offset-3 {
margin-left: 25%; }
.col-xs-offset-2 {
margin-left: 16.66666667%; }
.col-xs-offset-1 {
margin-left: 8.33333333%; }
.col-xs-offset-0 {
margin-left: 0; }
@media (min-width: 768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
float: left; }
.col-sm-12 {
width: 100%; }
.col-sm-11 {
width: 91.66666667%; }
.col-sm-10 {
width: 83.33333333%; }
.col-sm-9 {
width: 75%; }
.col-sm-8 {
width: 66.66666667%; }
.col-sm-7 {
width: 58.33333333%; }
.col-sm-6 {
width: 50%; }
.col-sm-5 {
width: 41.66666667%; }
.col-sm-4 {
width: 33.33333333%; }
.col-sm-3 {
width: 25%; }
.col-sm-2 {
width: 16.66666667%; }
.col-sm-1 {
width: 8.33333333%; }
.col-sm-pull-12 {
right: 100%; }
.col-sm-pull-11 {
right: 91.66666667%; }
.col-sm-pull-10 {
right: 83.33333333%; }
.col-sm-pull-9 {
right: 75%; }
.col-sm-pull-8 {
right: 66.66666667%; }
.col-sm-pull-7 {
right: 58.33333333%; }
.col-sm-pull-6 {
right: 50%; }
.col-sm-pull-5 {
right: 41.66666667%; }
.col-sm-pull-4 {
right: 33.33333333%; }
.col-sm-pull-3 {
right: 25%; }
.col-sm-pull-2 {
right: 16.66666667%; }
.col-sm-pull-1 {
right: 8.33333333%; }
.col-sm-pull-0 {
right: auto; }
.col-sm-push-12 {
left: 100%; }
.col-sm-push-11 {
left: 91.66666667%; }
.col-sm-push-10 {
left: 83.33333333%; }
.col-sm-push-9 {
left: 75%; }
.col-sm-push-8 {
left: 66.66666667%; }
.col-sm-push-7 {
left: 58.33333333%; }
.col-sm-push-6 {
left: 50%; }
.col-sm-push-5 {
left: 41.66666667%; }
.col-sm-push-4 {
left: 33.33333333%; }
.col-sm-push-3 {
left: 25%; }
.col-sm-push-2 {
left: 16.66666667%; }
.col-sm-push-1 {
left: 8.33333333%; }
.col-sm-push-0 {
left: auto; }
.col-sm-offset-12 {
margin-left: 100%; }
.col-sm-offset-11 {
margin-left: 91.66666667%; }
.col-sm-offset-10 {
margin-left: 83.33333333%; }
.col-sm-offset-9 {
margin-left: 75%; }
.col-sm-offset-8 {
margin-left: 66.66666667%; }
.col-sm-offset-7 {
margin-left: 58.33333333%; }
.col-sm-offset-6 {
margin-left: 50%; }
.col-sm-offset-5 {
margin-left: 41.66666667%; }
.col-sm-offset-4 {
margin-left: 33.33333333%; }
.col-sm-offset-3 {
margin-left: 25%; }
.col-sm-offset-2 {
margin-left: 16.66666667%; }
.col-sm-offset-1 {
margin-left: 8.33333333%; }
.col-sm-offset-0 {
margin-left: 0; } }
@media (min-width: 992px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
float: left; }
.col-md-12 {
width: 100%; }
.col-md-11 {
width: 91.66666667%; }
.col-md-10 {
width: 83.33333333%; }
.col-md-9 {
width: 75%; }
.col-md-8 {
width: 66.66666667%; }
.col-md-7 {
width: 58.33333333%; }
.col-md-6 {
width: 50%; }
.col-md-5 {
width: 41.66666667%; }
.col-md-4 {
width: 33.33333333%; }
.col-md-3 {
width: 25%; }
.col-md-2 {
width: 16.66666667%; }
.col-md-1 {
width: 8.33333333%; }
.col-md-pull-12 {
right: 100%; }
.col-md-pull-11 {
right: 91.66666667%; }
.col-md-pull-10 {
right: 83.33333333%; }
.col-md-pull-9 {
right: 75%; }
.col-md-pull-8 {
right: 66.66666667%; }
.col-md-pull-7 {
right: 58.33333333%; }
.col-md-pull-6 {
right: 50%; }
.col-md-pull-5 {
right: 41.66666667%; }
.col-md-pull-4 {
right: 33.33333333%; }
.col-md-pull-3 {
right: 25%; }
.col-md-pull-2 {
right: 16.66666667%; }
.col-md-pull-1 {
right: 8.33333333%; }
.col-md-pull-0 {
right: auto; }
.col-md-push-12 {
left: 100%; }
.col-md-push-11 {
left: 91.66666667%; }
.col-md-push-10 {
left: 83.33333333%; }
.col-md-push-9 {
left: 75%; }
.col-md-push-8 {
left: 66.66666667%; }
.col-md-push-7 {
left: 58.33333333%; }
.col-md-push-6 {
left: 50%; }
.col-md-push-5 {
left: 41.66666667%; }
.col-md-push-4 {
left: 33.33333333%; }
.col-md-push-3 {
left: 25%; }
.col-md-push-2 {
left: 16.66666667%; }
.col-md-push-1 {
left: 8.33333333%; }
.col-md-push-0 {
left: auto; }
.col-md-offset-12 {
margin-left: 100%; }
.col-md-offset-11 {
margin-left: 91.66666667%; }
.col-md-offset-10 {
margin-left: 83.33333333%; }
.col-md-offset-9 {
margin-left: 75%; }
.col-md-offset-8 {
margin-left: 66.66666667%; }
.col-md-offset-7 {
margin-left: 58.33333333%; }
.col-md-offset-6 {
margin-left: 50%; }
.col-md-offset-5 {
margin-left: 41.66666667%; }
.col-md-offset-4 {
margin-left: 33.33333333%; }
.col-md-offset-3 {
margin-left: 25%; }
.col-md-offset-2 {
margin-left: 16.66666667%; }
.col-md-offset-1 {
margin-left: 8.33333333%; }
.col-md-offset-0 {
margin-left: 0; } }
@media (min-width: 1200px) {
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
float: left; }
.col-lg-12 {
width: 100%; }
.col-lg-11 {
width: 91.66666667%; }
.col-lg-10 {
width: 83.33333333%; }
.col-lg-9 {
width: 75%; }
.col-lg-8 {
width: 66.66666667%; }
.col-lg-7 {
width: 58.33333333%; }
.col-lg-6 {
width: 50%; }
.col-lg-5 {
width: 41.66666667%; }
.col-lg-4 {
width: 33.33333333%; }
.col-lg-3 {
width: 25%; }
.col-lg-2 {
width: 16.66666667%; }
.col-lg-1 {
width: 8.33333333%; }
.col-lg-pull-12 {
right: 100%; }
.col-lg-pull-11 {
right: 91.66666667%; }
.col-lg-pull-10 {
right: 83.33333333%; }
.col-lg-pull-9 {
right: 75%; }
.col-lg-pull-8 {
right: 66.66666667%; }
.col-lg-pull-7 {
right: 58.33333333%; }
.col-lg-pull-6 {
right: 50%; }
.col-lg-pull-5 {
right: 41.66666667%; }
.col-lg-pull-4 {
right: 33.33333333%; }
.col-lg-pull-3 {
right: 25%; }
.col-lg-pull-2 {
right: 16.66666667%; }
.col-lg-pull-1 {
right: 8.33333333%; }
.col-lg-pull-0 {
right: auto; }
.col-lg-push-12 {
left: 100%; }
.col-lg-push-11 {
left: 91.66666667%; }
.col-lg-push-10 {
left: 83.33333333%; }
.col-lg-push-9 {
left: 75%; }
.col-lg-push-8 {
left: 66.66666667%; }
.col-lg-push-7 {
left: 58.33333333%; }
.col-lg-push-6 {
left: 50%; }
.col-lg-push-5 {
left: 41.66666667%; }
.col-lg-push-4 {
left: 33.33333333%; }
.col-lg-push-3 {
left: 25%; }
.col-lg-push-2 {
left: 16.66666667%; }
.col-lg-push-1 {
left: 8.33333333%; }
.col-lg-push-0 {
left: auto; }
.col-lg-offset-12 {
margin-left: 100%; }
.col-lg-offset-11 {
margin-left: 91.66666667%; }
.col-lg-offset-10 {
margin-left: 83.33333333%; }
.col-lg-offset-9 {
margin-left: 75%; }
.col-lg-offset-8 {
margin-left: 66.66666667%; }
.col-lg-offset-7 {
margin-left: 58.33333333%; }
.col-lg-offset-6 {
margin-left: 50%; }
.col-lg-offset-5 {
margin-left: 41.66666667%; }
.col-lg-offset-4 {
margin-left: 33.33333333%; }
.col-lg-offset-3 {
margin-left: 25%; }
.col-lg-offset-2 {
margin-left: 16.66666667%; }
.col-lg-offset-1 {
margin-left: 8.33333333%; }
.col-lg-offset-0 {
margin-left: 0; } }
.embed-responsive {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden; }
.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video {
position: absolute;
top: 0;
left: 0;
bottom: 0;
height: 100%;
width: 100%;
border: 0; }
.embed-responsive-16by9 {
padding-bottom: 56.25%; }
.embed-responsive-4by3 {
padding-bottom: 75%; }
.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
position: relative;
z-index: 1; }
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y; }
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0; }
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none; }
.owl-carousel .owl-item img {
display: block;
width: 100%;
-webkit-transform-style: preserve-3d; }
.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled {
display: none; }
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.owl-carousel.owl-loaded {
display: block; }
.owl-carousel.owl-loading {
opacity: 0;
display: block; }
.owl-carousel.owl-hidden {
opacity: 0; }
.owl-carousel.owl-refresh .owl-item {
display: none; }
.owl-carousel.owl-drag .owl-item {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.owl-carousel.owl-grab {
cursor: move;
cursor: grab; }
.owl-carousel.owl-rtl {
direction: rtl; }
.owl-carousel.owl-rtl .owl-item {
float: right; }
.no-js .owl-carousel {
display: block; }
.owl-carousel .animated {
-webkit-animation-duration: 1000ms;
animation-duration: 1000ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both; }
.owl-carousel .owl-animated-in {
z-index: 0; }
.owl-carousel .owl-animated-out {
z-index: 1; }
.owl-carousel .fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut; }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
.owl-height {
transition: height 500ms ease-in-out; }
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity 400ms ease; }
.owl-carousel .owl-item img.owl-lazy {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d; }
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000; }
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(//radiosavok.ru/wp-content/themes/radiosavok/assets/css/owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: -webkit-transform 100ms ease;
transition: transform 100ms ease; }
.owl-carousel .owl-video-play-icon:hover {
-webkit-transform: scale(1.3, 1.3);
-ms-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3); }
.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon {
display: none; }
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity 400ms ease; }
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%; }
@font-face {
font-family: 'Golos';
src: local("Golos Text Regular"), local("GolosText-Regular"), url(//radiosavok.ru/wp-content/themes/radiosavok/assets/fonts/Golostextregular.woff2) format("woff2"), url(//radiosavok.ru/wp-content/themes/radiosavok/assets/fonts/Golostextregular.woff) format("woff"), url(//radiosavok.ru/wp-content/themes/radiosavok/assets/fonts/Golostextregular.ttf) format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap; }
@font-face {
font-family: 'Golos';
src: local("Golos Text Medium"), local("GolosText-Medium"), url(//radiosavok.ru/wp-content/themes/radiosavok/assets/fonts/Golostextmedium.woff2) format("woff2"), url(//radiosavok.ru/wp-content/themes/radiosavok/assets/fonts/Golostextmedium.woff) format("woff"), url(//radiosavok.ru/wp-content/themes/radiosavok/assets/fonts/Golostextmedium.ttf) format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap; }
@font-face {
font-family: 'Golos';
src: local("Golos Text Bold"), local("GolosText-Bold"), url(//radiosavok.ru/wp-content/themes/radiosavok/assets/fonts/Golostextbold.woff2) format("woff2"), url(//radiosavok.ru/wp-content/themes/radiosavok/assets/fonts/Golostextbold.woff) format("woff"), url(//radiosavok.ru/wp-content/themes/radiosavok/assets/fonts/Golostextbold.ttf) format("truetype");
font-weight: bold;
font-style: normal; } body, html {
height: 100%; }
body {
margin: 0;
line-height: 1.7;
font-size: 18px;
color: #070707;
font-family: "Golos";
background: #f3f5f6; }
body.noscroll {
overflow: hidden; }
input, textarea, select, button {
outline: none;
box-sizing: border-box;
font-family: "Golos"; }
input, textarea, select {
display: block;
width: 100%;
line-height: 44px;
padding: 0 20px;
font-size: 18px;
height: 48px;
border: 2px solid #858585;
border-radius: 10px;
color: #070707; }
input::placeholder, textarea::placeholder, select::placeholder {
color: rgba(7, 7, 7, 0.8); }
input.wpcf7-not-valid, textarea.wpcf7-not-valid, select.wpcf7-not-valid {
border-color: #f00;
color: #f00; }
input.wpcf7-not-valid::placeholder, textarea.wpcf7-not-valid::placeholder, select.wpcf7-not-valid::placeholder {
color: #f00; }
input[type="number"] {
-moz-appearance: textfield;
-webkit-appearance: textfield;
appearance: textfield; }
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
display: none; }
select {
background: #E8ECED url(//radiosavok.ru/wp-content/themes/radiosavok/assets/images/select.svg) calc(100% - 17px) 50% no-repeat;
padding-right: 30px;
border-radius: 10px;
border: 0;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
font-size: 16px;
cursor: pointer; }
select::-ms-expand {
display: none; }
.wpcf7-not-valid-tip {
display: none !important; }
.wpcf7-response-output {
margin: 20px 0 0 !important;
padding: 0 !important;
border: 0 !important;
font-size: 15px;
line-height: 1.4; }
.wpcf7 form.invalid .wpcf7-response-output {
display: none; }
.wpcf7 form.sent .wpcf7-response-output {
color: green; }
button {
cursor: pointer; }
img {
max-width: 100%; }
a {
color: #070707;
text-decoration: underline; }
a:hover {
color: #8b7204;
text-decoration: underline; }
h1, h2, h3, h4, h5, h6 {
margin-top: 0;
line-height: 1.3; }
h1.notop, h2.notop, h3.notop, h4.notop, h5.notop, h6.notop {
margin-top: 0; }
h1 {
margin-bottom: 55px;
font-size: 60px; }
h1.min {
font-size: 45px; }
@media screen and (max-width: 1440px) {
h1 {
font-size: 42px; }
h1.min {
font-size: 42px; } }
@media screen and (max-width: 991px) {
h1 {
font-size: 32px; }
h1.min {
font-size: 32px; } }
h2 {
margin: 60px 0 20px;
font-size: 45px; }
@media screen and (max-width: 991px) {
h2 {
font-size: 30px; } }
@media screen and (max-width: 767px) {
h2 {
font-size: 28px; } }
h3 {
font-size: 35px;
margin: 40px 0 20px; }
@media screen and (max-width: 767px) {
h3 {
font-size: 25px; } }
.wrapper {
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: 100%;
overflow: hidden; }
.flex {
display: flex;
flex-wrap: wrap; }
.flex.inline {
display: inline-flex; }
.flex.jcsb {
justify-content: space-between; }
.flex.ais {
align-items: flex-start; }
.flex.aic {
align-items: center; }
.flex.jcc {
justify-content: center; }
.flex.aib {
align-items: flex-end; }
.flex.aif {
align-items: flex-start; }
.flex.nowrap {
flex-wrap: nowrap; }
.blockin {
position: relative;
max-width: 1330px;
margin: 0 auto;
width: 100%;
padding: 0 15px; }
.logo {
font-size: 0;
line-height: 0;
display: inline-block;
vertical-align: top; }
.logo img {
display: block; } .header {
position: relative;
z-index: 5; }
.header a {
text-decoration: none; }
.header__top {
min-height: 118px;
display: flex;
align-items: center;
background: #EBC215; }
.header__top-right {
max-width: 580px;
flex-grow: 2;
white-space: nowrap;
margin-left: 20px; }
.header__wrap {
padding: 0 40px;
width: 100%;
position: relative; }
.header__wrap-right {
position: relative;
width: 86%; }
.header__menu {
max-width: 340px;
width: 100%; }
.header__menu ul {
padding: 0;
margin: 0;
list-style: none;
display: flex;
align-items: center;
justify-content: space-between; }
.header__menu ul li:first-child {
display: none; }
.header__menu ul li.current-menu-item a {
color: rgba(7, 7, 7, 0.5); }
.header__menu ul li a {
color: #070707;
font-weight: 500; }
.header__menu ul li a:hover {
color: rgba(7, 7, 7, 0.5); }
.header__city {
position: relative; }
.header__city-title {
display: flex;
align-items: center;
font-size: 16px; }
.header__city-title a {
line-height: 35px;
padding: 0 24px 0 15px;
background: rgba(232, 236, 237, 0.8) url(//radiosavok.ru/wp-content/themes/radiosavok/assets/images/cityarrow.svg) calc(100% - 10px) 50% no-repeat;
border-radius: 10px;
margin-left: 10px;
color: #070707; }
.header__city-body {
position: absolute;
top: calc(100% + 10px);
left: 185px;
background: #FFFFFF;
border-radius: 10px;
padding: 11px 8px;
width: 325px;
display: none; }
.header__city-body ul {
padding: 0;
margin: 0;
list-style: none;
display: flex;
flex-wrap: wrap; }
.header__city-body ul li {
width: 50%; }
.header__city-body ul li.active {
display: none; }
.header__city-body ul li a {
display: inline-block;
font-size: 16px;
line-height: 27px;
padding: 0 7px;
color: #070707;
border-radius: 10px; }
.header__city-body ul li a:hover {
background: rgba(238, 196, 7, 0.3); }
.header__city:hover .header__city-title a {
background-color: #E8ECED; }
.header__soc {
display: flex;
align-items: center;
justify-content: space-between;
max-width: 310px;
width: 100%; }
.header__soc a {
display: flex;
align-items: center;
font-weight: 500;
font-size: 16px; }
.header__soc a img {
margin-right: 10px; }
.header__soc a:hover {
color: rgba(7, 7, 7, 0.5); }
.header__phone {
min-height: 48px;
line-height: 1.5;
position: relative;
background: #fff url(//radiosavok.ru/wp-content/themes/radiosavok/assets/images/phone.svg) 10px 6px no-repeat;
padding: 3px 20px 3px 52px;
color: #070707;
font-weight: bold;
border-radius: 10px;
border: 2px solid #fff;
display: flex;
justify-content: center;
flex-direction: column; }
.header__phone:hover {
border-color: #070707;
color: #070707;
background-color: transparent; }
.header__phone-wrap {
text-align: center; }
.header__phone-text {
font-size: 15px;
line-height: 1.2;
margin-top: 5px; }
.header.nobg .header__top {
background: none; }
.header.fix .header__top {
background: #EBC215; }
@media screen and (max-width: 1530px) {
.header__top {
padding-bottom: 15px; }
.header__wrap {
align-items: flex-end !important;
padding: 0 15px; }
.header__wrap-right {
margin-bottom: -15px;
width: 80%; }
.header__city {
position: absolute;
top: -30px;
left: 0; } }
@media screen and (max-width: 1200px) {
.header {
padding-top: 98px; }
.header__top {
padding: 0;
min-height: 98px;
position: fixed;
top: 0;
left: 0;
right: 0; }
.header__wrap {
align-items: center !important; }
.header__wrap-right {
margin: 0; }
.header__city {
display: none; }
.header__menu {
display: none; }
.header .burgerwrap {
display: flex; } }
@media screen and (max-width: 767px) {
.header {
padding-top: 71px; }
.header__top {
min-height: 71px; }
.header__top-right {
max-width: 140px; }
.header__wrap-right {
max-width: 140px; }
.header .logo {
max-width: 110px; }
.header__soc {
max-width: 80px; }
.header__soc a {
font-size: 0;
line-height: 0; }
.header__soc a img {
margin: 0; }
.header__phone {
font-size: 0;
line-height: 0;
padding: 0;
width: 40px;
min-height: 40px;
height: 40px;
background: url(//radiosavok.ru/wp-content/themes/radiosavok/assets/images/phonemob.svg) 0 0 no-repeat;
border: 0; }
.header__phone-text {
display: none; }
.header__phone a {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: none; }
.header__phone a:first-child {
display: block; }
.header .burgerwrap {
width: 40px;
height: 40px; } }
.burgerwrap {
display: none;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
background: #070707;
border-radius: 10px;
cursor: pointer; }
.burger {
width: 25px;
position: relative;
height: 18px; }
.burger span {
display: block;
position: absolute;
height: 2px;
width: 100%;
background: #EEC407;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out; }
.burger span:nth-child(1) {
top: 0px; }
.burger span:nth-child(2), .burger span:nth-child(3) {
top: 8px; }
.burger span:nth-child(4) {
top: 16px; }
.burger.open span:nth-child(1) {
top: 8px;
width: 0%;
left: 50%; }
.burger.open span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg); }
.burger.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg); }
.burger.open span:nth-child(4) {
top: 8px;
width: 0%;
left: 50%; }
.mobileblock {
position: fixed;
top: 98px;
left: 0;
right: 0;
max-height: calc(100vh - 98px);
overflow-y: auto;
z-index: 6;
background: #070707;
height: 100%;
display: none; }
.mobileblock a {
text-decoration: none; }
.mobileblock__wrap {
padding: 20px 20px 40px; }
.mobileblock .header__city {
display: block;
position: relative;
top: auto;
left: auto; }
.mobileblock .header__city-title {
color: #fff; }
.mobileblock .header__city-body {
position: relative;
top: auto;
left: auto;
margin-top: 10px;
background: none;
border: 1px solid #fff; }
.mobileblock .header__city-body ul li a {
color: #fff; }
.mobileblock__menu ul {
padding: 0;
margin: 0;
list-style: none; }
.mobileblock__menu ul li {
margin-top: 20px; }
.mobileblock__menu ul li:first-child {
display: none; }
.mobileblock__menu ul li.current-menu-item a {
color: #ebc215; }
.mobileblock__menu ul li a {
font-weight: 500;
font-size: 25px;
color: #fff;
text-decoration: none; }
@media screen and (min-width: 1201px) {
.mobileblock {
display: none !important; } }
@media screen and (max-width: 767px) {
.mobileblock {
top: 71px;
max-height: calc(100vh - 71px); } } .bgblock {
background: url(//radiosavok.ru/wp-content/themes/radiosavok/assets/images/bg.png) 50% 0% no-repeat; background-size: cover;
padding: 158px 0 60px;
min-height: 336px;
margin-top: -118px; }
.bgblock h1 {
margin: 0; }
.bgblock.paddingbottom {
padding-bottom: 166px; }
.bgblock__price {
font-size: 45px;
line-height: 140%;
margin-top: 10px; }
.bgblock__price span {
font-family: 'Roboto'; }
.bgblock__price em {
font-style: normal;
text-transform: lowercase; }
.bgblock__text {
max-width: 635px;
font-size: 16px;
line-height: 1.1;
margin-top: 30px; }
.bgblock__text p:first-child {
margin-top: 0; }
.bgblock__text p:last-child {
margin-bottom: 0; }
.bgblock__img {
background: #FAFAFA;
display: flex;
align-items: center;
border-radius: 20px;
overflow: hidden;
max-width: 530px;
margin-left: auto; }
@media screen and (min-width: 1200px) {
.bgblock__img {
min-height: 350px; } }
.bgblock__img img {
display: block;
width: 100%;
height: auto; }
.bgblock__form {
background: #F3F5F6;
border-radius: 20px;
max-width: 505px;
margin-top: 30px; }
.bgblock__form-top {
background: #fff;
border-radius: 20px;
padding: 1px 30px 20px;
box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.1); }
.bgblock__form-top .row > div {
margin-top: 20px; }
.bgblock__form-bottom {
display: flex;
align-items: center;
padding: 0 30px;
min-height: 90px; }
.bgblock__form p {
display: none; }
@media screen and (max-width: 1200px) {
.bgblock {
margin-top: -98px; } }
@media screen and (max-width: 991px) {
.bgblock {
padding: 115px 0 30px;
min-height: 178px; }
.bgblock.paddingbottom {
padding-bottom: 130px; }
.bgblock .path {
margin-bottom: 30px; }
.bgblock__img {
max-width: none;
margin-bottom: 30px; }
.bgblock__price {
font-size: 28px; }
.bgblock__text {
margin-top: 15px;
font-size: 16px; } }
.js-addcalc {
display: inline-block;
vertical-align: top;
font-weight: 500;
font-size: 16px;
text-decoration: none;
padding-left: 35px;
color: #070707;
line-height: 26px;
background: url(//radiosavok.ru/wp-content/themes/radiosavok/assets/images/calcbut.svg) -3px -3px no-repeat; }
.js-addcalc:hover {
color: #070707;
text-decoration: none;
background-image: url(//radiosavok.ru/wp-content/themes/radiosavok/assets/images/calcbuth.svg); }
.sitebutton {
display: inline-flex;
align-items: center;
justify-content: center;
text-align: center;
min-height: 48px;
font-weight: 800;
font-size: 18px;
border: 2px solid #070707;
border-radius: 10px;
text-decoration: none;
color: #070707; }
.sitebutton:hover {
color: #070707;
background: #EEC407;
border-color: #EEC407;
text-decoration: none; }
.sitebutton.minbut {
max-width: 190px;
width: 100%; }
.sitebutton.bgbut {
border: 0;
background: #EEC407; }
.sitebutton.bgbut:hover {
background: #070707;
color: #EEC407; }
.sitebutton.block {
display: flex;
width: 100%; }
.sitebutton.min {
max-width: 110px;
width: 100%;
min-height: 40px;
font-size: 16px;
font-weight: 500; }
.content {
padding: 100px 0; }
.content.min {
padding-top: 40px; }
.content__block {
max-width: 860px; }
.content__description {
margin-top: -30px; }
.content__catalogdescription {
max-width: 860px;
margin: 110px auto 0; }
@media screen and (max-width: 1200px) {
.content {
padding: 50px 0; }
.content__catalogdescription {
margin-top: 50px; } }
.page h2:first-child, .page h3:first-child {
margin-top: 0; }
.page h2:last-child, .page h3:last-child {
margin-bottom: 0; }
.page p:first-child {
margin-top: 0; }
.page p:last-child {
margin-bottom: 0; }
.page404 {
text-align: center;
background: url(//radiosavok.ru/wp-content/themes/radiosavok/assets/images/bg404.png) 50% 0 no-repeat;
background-size: cover; }
.page404 h1 {
margin: 50px 0 30px; }
.page404__text {
max-width: 860px;
margin: 0 auto 100px;
font-size: 25px;
line-height: 150%; }
@media screen and (max-width: 767px) {
.page404__text {
font-size: 20px;
margin-bottom: 50px; } }
.blog {
padding-top: 40px; }
.blog__wrap {
padding: 100px 0;
background: #fff; }
.blog__wrap h2 {
margin-top: 0; }
.blog__wrap .blog {
padding: 0; }
.blog__wrap .blog__block {
height: 100%;
background: #F3F5F6; }
.blog__wrap .blog__block img {
display: none; }
.blog.row > div {
margin-top: 30px; }
.blog a {
color: #333333;
text-decoration: none; }
.blog__block {
background: #fff;
display: block;
text-decoration: none;
color: #333333;
line-height: 1.4;
border-radius: 5px;
overflow: hidden; }
.blog__block:hover {
background: #000;
color: #fff; }
.blog__block:hover .blog__block-link {
color: #EEC407; }
.blog__block img {
display: block;
width: 100%;
height: 215px;
object-fit: cover; }
.blog__block-body {
padding: 25px 30px;
display: block; }
.blog__block-title {
font-size: 22px;
line-height: 26px;
font-weight: bold;
display: block; }
.blog__block-text {
margin-top: 10px;
display: block; }
.blog__block-link {
display: inline-block;
vertical-align: top;
margin-top: 30px;
font-weight: 500;
font-size: 16px; }
.blog__button {
margin-top: 60px; }
.blog__manager {
margin-top: 110px; }
@media screen and (max-width: 767px) {
.blog {
padding-top: 20px; }
.blog__wrap {
padding: 50px 0; }
.blog.row > div {
margin-top: 20px; }
.blog__block-body {
padding: 20px; }
.blog__block-title {
font-size: 18px; }
.blog__button {
margin-top: 40px; }
.blog__manager {
margin-top: 50px; } }
.path {
display: flex;
align-items: center;
margin-bottom: 40px;
overflow: auto; }
.path > span {
margin-right: 20px;
white-space: nowrap;
position: relative; }
.path > span:before {
content: '';
position: absolute;
top: 10px;
left: 100%;
width: 20px;
height: 14px;
background: url(//radiosavok.ru/wp-content/themes/radiosavok/assets/images/path.svg) 50% 0 no-repeat; }
.path > span a {
display: block;
padding: 0 15px;
line-height: 28px;
border: 1px solid #070707;
box-sizing: border-box;
border-radius: 40px;
color: #070707;
text-decoration: none;
font-weight: 500;
font-size: 15px; }
.path > span a:hover {
background: #070707;
color: #fff; }
.path > span:last-child {
display: none; }
.path > span:nth-last-child(2):before {
width: 14px;
height: 12px;
background: url(//radiosavok.ru/wp-content/themes/radiosavok/assets/images/lastpath.svg) 0 0 no-repeat; }
.contacts {
font-size: 20px; }
.contacts__phone a, .contacts__mail a {
padding-left: 55px;
display: inline-block;
vertical-align: top;
line-height: 40px;
font-weight: 800;
font-size: 25px;
background: url(//radiosavok.ru/wp-content/themes/radiosavok/assets/images/contacts__phone.svg) 0 50% no-repeat;
text-decoration: none;
margin-top: 10px; }
.contacts__phone a:first-child, .contacts__mail a:first-child {
margin: 0; }
.contacts__mail {
margin-top: 30px; }
.contacts__mail a {
background: url(//radiosavok.ru/wp-content/themes/radiosavok/assets/images/contacts__mail.svg) 0 50% no-repeat; }
.contacts__soc {
display: flex;
align-items: center;
flex-wrap: wrap;
padding-top: 20px; }
.contacts__soc a {
margin-right: 50px;
display: flex;
align-items: center;
font-weight: 800;
margin-top: 20px;
font-size: 20px;
text-decoration: none; }
.contacts__soc a:last-child {
margin-right: 0; }
.contacts__soc a img {
margin-right: 15px; }
.contacts__address {
margin-top: 45px;
padding-left: 42px;
background: url(//radiosavok.ru/wp-content/themes/radiosavok/assets/images/address.svg) 0 50% no-repeat; }
.contacts__info {
margin-top: 45px;
padding-left: 42px;
background: url(//radiosavok.ru/wp-content/themes/radiosavok/assets/images/cinfo.svg) 0 10px no-repeat; }
@media screen and (max-width: 767px) {
.contacts__phone a, .contacts__mail a {
font-size: 20px; }
.contacts__soc {
flex-direction: column;
align-items: flex-start; }
.contacts__address, .contacts__info {
margin-top: 25px; } }
.map {
min-height: 400px;
background: #ccc;
height: 100%; }
@media screen and (max-width: 767px) {
.map {
margin-top: 30px;
height: auto; } }
.manager {
text-align: left;
background: #22292F;
border-radius: 20px;
color: #fff;
padding-top: 1px; }
.manager a {
text-decoration: none; }
.manager__block {
position: relative;
margin: -11px 25px;
max-width: 386px; }
.manager__block img {
display: block;
width: 100%; }
.manager__block-bg {
position: absolute;
bottom: 47px;
right: 0;
background: #22292F;
border-radius: 10px;
max-width: 300px;
padding: 15px;
font-size: 18px;
line-height: 22px;
color: rgba(255, 255, 255, 0.7); }
.manager__block-title {
margin-bottom: 10px;
color: #fff;
font-weight: 500; }
.manager__right {
max-width: 730px;
padding: 50px 20px 50px 0px; }
.manager__text {
margin-bottom: 30px;
font-size: 30px;
line-height: 36px;
font-weight: bold; }
.manager__text span {
color: #EBC215; }
.manager__phone {
font-weight: 500;
font-size: 30px;
color: #EBC215; }
.manager__phone:hover {
color: #EBC215; }
.manager__soc {
display: flex;
align-items: center;
padding-top: 10px;
flex-wrap: wrap; }
.manager__soc a {
display: inline-flex;
align-items: center;
margin: 20px 50px 0 0;
font-size: 20px;
line-height: 120%;
color: #fff; }
.manager__soc a img {
margin-right: 15px; }
.manager__soc a:last-child {
margin-right: 0; }
.manager__soc a:hover {
color: #EBC215; }
@media screen and (max-width: 767px) {
.manager__block {
margin: 20px -10px 0;
max-width: none; }
.manager__block-bg {
left: 30px;
right: 30px;
bottom: 0;
max-width: none; }
.manager__right {
padding: 30px; }
.manager__text {
font-size: 22px;
line-height: 140%; }
.manager__soc {
flex-direction: column;
align-items: flex-start; }
.manager__phone {
font-size: 22px; } }
.premium {
background: #fff;
padding: 60px 0; }
.premium h2, .premium h3 {
margin-top: 0; }
.premium .row > div {
margin-top: 30px; }
.premium__block {
display: flex;
align-items: flex-start; }
.premium__block-img {
min-width: 64px;
margin-right: 28px; }
.premium__block-img img {
display: block; }
.premium__block-title {
font-weight: 500;
font-size: 22px; }
@media screen and (max-width: 991px) {
.premium {
padding: 50px 0; } }
.bigtext {
font-size: 25px;
line-height: 150%;
margin-top: -20px; }
@media screen and (max-width: 991px) {
.bigtext {
font-size: 20px; } }
.scheme h2 {
max-width: 960px;
margin-top: 0; }
.scheme .row {
padding-top: 30px; }
.scheme .row > div:before {
content: '';
position: absolute;
width: 75px;
height: 50px;
background: url(//radiosavok.ru/wp-content/themes/radiosavok/assets/images/bordershem.svg) 100% 0 no-repeat;
top: 70px;
right: -60px; }
.scheme .row > div:nth-child(2) {
margin-top: 120px; }
.scheme .row > div:nth-child(3) {
margin-top: 240px; }
.scheme .row > div:nth-child(3):before {
display: none; }
.scheme__block {
padding: 34px 40px 50px;
position: relative;
background: #FFFFFF;
border-radius: 10px;
overflow: hidden; }
.scheme__block-num {
background: #5BC70E;
position: absolute;
width: 227px;
height: 227px;
left: -113px;
top: -114px;
border-radius: 50%;
color: #070707;
font-weight: 800;
font-size: 50px;
padding: 120px 0 0 150px; }
.scheme__block-title {
padding-left: 80px;
font-weight: 800;
font-size: 30px;
line-height: 36px;
margin-bottom: 25px;
display: flex;
align-items: center;
min-height: 72px; }
.scheme__block-text {
font-size: 18px;
line-height: 140%; }
.scheme__block-text p:first-child {
margin-top: 0; }
.scheme__block-text p:last-child {
margin-bottom: 0; }
@media screen and (max-width: 991px) {
.scheme__block {
padding: 25px 30px 30px; }
.scheme__block-num {
width: 183.35px;
height: 183.35px;
left: -91.27px;
top: -92.08px;
padding: 108px 0 0 119px;
font-size: 25px; }
.scheme__block-title {
font-size: 18px;
min-height: 44px;
margin-bottom: 28px;
line-height: 1.3; } }
@media screen and (max-width: 767px) {
.scheme .row {
padding-top: 0; }
.scheme .row > div {
margin-top: 30px !important; }
.scheme .row > div:before {
top: 100%;
left: calc(50% - 2px);
width: 4px;
height: 30px; } }
.catalog { margin: 0 -15px 110px;
}
.catalog.maincatalog {
margin-bottom: 0; }
.catalog > div {
margin-top: 24px; }
.catalog__block {
background: #EDF0F2;
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
text-decoration: none;
border-radius: 15px;
overflow: hidden;
font-weight: bold;
font-size: 22px;
color: #070707;
line-height: 1.2;
text-decoration: none;
transition: all 0.4s ease; }
.catalog__block-img {
background: #fff;
overflow: hidden;
display: flex;
justify-content: center;
padding: 15px;
flex-grow: 2; }
.catalog__block-img img {
display: block;
transition: all 0.4s ease; }
.catalog__block-title {
text-align: center;
display: flex;
align-items: center;
justify-content: center;
min-height: 73px;
padding: 10px; }
.catalog__block:hover {
text-decoration: none;
color: #070707;
background: rgba(238, 196, 7, 0.3); }
.catalog__block:hover img {
transform: scale(1.1); }
@media screen and (max-width: 767px) {
.catalog {
margin: -25px -15px 60px; }
.catalog.minbot {
margin: -25px -15px 0; }
.catalog.maincatalog {
display: flex;
flex-wrap: nowrap;
margin: -25px 0 0;
overflow-x: auto; }
.catalog.maincatalog > div {
width: calc(100vw - 100px);
min-width: calc(100vw - 100px); }
.catalog.maincatalog > div:first-child {
padding-left: 0; }
.catalog.maincatalog > div:last-child {
padding-right: 0; }
.catalog.maincatalog .catalog__block {
flex-direction: column; }
.catalog.maincatalog .catalog__block-img {
width: 100%; }
.catalog.maincatalog .catalog__block-title {
display: flex;
align-items: center;
justify-content: center;
text-align: center; }
.catalog__block {
flex-direction: row;
align-items: center;
justify-content: flex-start; }
.catalog__block-img {
width: 105px;
min-width: 105px;
max-width: 105px;
padding: 5px; }
.catalog__block-title {
min-height: 58px;
font-size: 16px;
flex-grow: 2;
text-align: left;
display: flex;
width: 100%;
justify-content: flex-start;
padding: 10px 20px; } }
.quotes {
background: #fff;
padding: 12px 20px;
border-radius: 10px; }
.quotes__title strong {
font-weight: 500; }
.quotes__title span {
color: #7D858C; }
.quotes__body {
display: flex;
align-items: center;
white-space: nowrap;
overflow-x: auto; }
.quotes__body-block {
margin: 11px 30px 0 0;
font-size: 16px; }
.quotes__body-block:last-child {
margin-right: 0; }
.quotes__body-block strong {
font-weight: 500;
margin-right: 10px; }
.quotes__body-block span {
font-family: 'Roboto'; }
@media screen and (max-width: 767px) {
.quotes {
margin-bottom: 30px; } }
.subcat {
padding-bottom: 60px; }
.subcat h2 {
margin: 0 0 70px; }
.subcat + .manager {
margin-top: 50px; }
.subcat .row {
margin-top: -24px; }
.subcat .row > div {
margin-top: 24px; }
.subcat__block {
display: flex;
background: #EDF0F2;
border-radius: 20px;
overflow: hidden;
text-decoration: none;
color: #070707;
font-weight: 500;
height: 100%;
font-size: 20px;
line-height: 1.4; }
.subcat__block:hover {
color: #070707;
text-decoration: none;
background: rgba(238, 196, 7, 0.3); }
.subcat__block-img {
min-width: 140px;
width: 140px;
display: flex;
align-items: center;
justify-content: center;
padding: 5px;
background: #fff; }
.subcat__block-title {
display: flex;
align-items: center;
margin-left: 30px; }
@media screen and (max-width: 1200px) {
.subcat h2 {
margin-bottom: 30px; } }
@media screen and (max-width: 767px) {
.subcat + .manager {
margin-top: 0; }
.subcat__block {
font-size: 16px; }
.subcat__block-img {
min-width: 106px;
max-width: 106px;
width: 106px; }
.subcat__block-title {
margin-left: 20px; } }
.catalogform {
position: relative;
margin-top: -85px; }
.catalogform__wrap {
background: #FFFFFF;
box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.1);
border-radius: 20px;
min-height: 168px;
padding: 1px 86px 20px; }
.catalogform__title {
font-weight: bold;
font-size: 30px;
margin-top: 20px;
line-height: 1.3;
max-width: 630px; }
@media screen and (max-width: 991px) {
.catalogform__title {
font-size: 25px; } }
.catalogform__form {
max-width: 430px;
min-width: 430px;
width: 100%;
margin-left: 20px; }
.catalogform__form .row > div {
margin-top: 20px; }
@media screen and (max-width: 1200px) {
.catalogform__wrap {
padding: 1px 30px 20px; } }
@media screen and (max-width: 991px) {
.catalogform__wrap {
display: block; }
.catalogform__form {
margin: 0;
min-width: auto;
max-width: none; }
.catalogform__title {
font-size: 20px; } }
.maincalc .blockin {
z-index: 3; }
#calcclone {
display: none; }
.calculator {
position: relative;
margin-top: -85px; }
.calculator__wrap {
background: #FFFFFF;
box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.1);
border-radius: 20px;
overflow: hidden; }
.calculator__top {
padding: 50px 85px 30px; }
.calculator__title {
font-weight: bold;
font-size: 30px;
line-height: 1.4; }
.calculator__product {
padding-top: 20px; }
.calculator__product-block {
margin-top: 10px; }
.calculator__product-block:first-child {
margin-top: 0; }
.calculator__product-block:first-child + .calculator__product-block {
margin-top: 0px; }
.calculator__product-block .margin {
margin-top: 10px; }
.calculator__product-block-title {
font-size: 18px;
line-height: 22px;
min-height: 22px; }
.calculator__product-block .remove {
line-height: 1.2;
font-size: 16px;
text-decoration: none;
color: #070707;
border-bottom: 1px dashed #070707;
opacity: 0.5;
margin-top: 9px;
display: inline-block;
vertical-align: top; }
.calculator__product-block .remove:hover {
opacity: 1; }
.calculator__product-block .price {
font-weight: 500;
font-size: 20px;
color: #070707; }
.calculator__product-block .price div {
display: none;
font-size: 18px;
font-weight: normal; }
.calculator__product-block .price em {
font-style: normal;
font-family: 'Roboto'; }
.calculator__add {
margin-top: 30px; }
.calculator__add a {
font-size: 16px;
color: #070707;
display: inline-block;
vertical-align: top;
background: url(//radiosavok.ru/wp-content/themes/radiosavok/assets/images/addcalc.svg) 0 50% no-repeat;
padding-left: 30px;
line-height: 22px;
text-decoration: none; }
.calculator__add a span {
border-bottom: 1px dashed #070707; }
.calculator__add a:hover {
background-image: url(//radiosavok.ru/wp-content/themes/radiosavok/assets/images/addcalch.svg); }
.calculator__bottom {
min-height: 108px;
padding: 20px 85px;
background: #F7F7F8; }
.calculator__bottom-total {
font-size: 18px;
font-weight: bold;
line-height: 1.3;
white-space: nowrap; }
.calculator__bottom-total div {
display: inline-block;
vertical-align: top; }
.calculator__bottom-total span {
margin-left: 10px;
line-height: 22px;
padding: 0 10px;
background: rgba(225, 188, 20, 0.5);
border-radius: 3px; }
.calculator__bottom-total span em {
font-style: normal;
font-family: 'Roboto'; }
.calculator__bottom-form {
max-width: 495px;
min-width: 495px; }
.calculator__bottom-success {
max-width: 640px;
flex-grow: 2; }
.calculator__bottom-success.hide {
display: none; }
.calculator__bottom-success-left {
max-width: 400px;
margin-right: 20px;
font-size: 18px; }
.calculator__bottom-success-left span {
font-weight: bold;
color: #00CC4B; }
.calculator__bottom-success a {
line-height: 1.2;
font-size: 18px;
text-decoration: none;
color: #070707;
border-bottom: 1px dashed #070707; }
.calculator__bottom-success a:hover {
opacity: 0.5; }
@media screen and (max-width: 1200px) {
.calculator__top {
padding: 30px; }
.calculator__bottom {
padding: 30px; } }
@media screen and (max-width: 1024px) {
.calculator__title {
font-size: 25px; }
.calculator__bottom-success {
display: block;
text-align: right; }
.calculator__bottom-success-left {
margin: 0 0 10px auto; } }
@media screen and (max-width: 991px) {
.calculator__product-block .hidepl {
display: none; }
.calculator__product-block .rightpl {
text-align: right; }
.calculator__product-block .price div {
display: inline-block; }
.calculator__bottom-form {
max-width: 250px;
min-width: 250px;
margin-top: 0; }
.calculator__bottom-form .row > div:nth-child(2) {
margin-bottom: 15px; }
.calculator__bottom-success {
margin-left: 20px; } }
@media screen and (max-width: 767px) {
.calculator__title {
font-size: 20px; }
.calculator__top {
padding: 30px 20px; }
.calculator__product {
padding-top: 10px; }
.calculator__product-block {
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #E8ECED; }
.calculator__product-block:first-child {
display: none; }
.calculator__product-block .delmob {
position: absolute;
top: -50px;
right: 0;
width: auto; }
.calculator__product-block .price {
text-align: left; }
.calculator__bottom {
display: block;
padding: 10px 20px 30px; }
.calculator__bottom-total {
display: flex;
flex-wrap: wrap;
align-items: center;
margin: 0 0 20px; }
.calculator__bottom-total div {
margin-right: 10px; }
.calculator__bottom-total span {
margin: 5px 0 0; }
.calculator__bottom-form {
max-width: none; }
.calculator__bottom-success {
text-align: left;
margin: 20px 0 0; }
.calculator__bottom-success-left {
max-width: none; } }
.infoblock {
padding: 60px 80px;
background: #22292F;
border-radius: 20px;
display: flex;
align-items: flex-start;
justify-content: space-between; }
.infoblock__title {
font-size: 30px;
line-height: 130%;
font-weight: bold;
color: #fff;
max-width: 740px; }
.infoblock__title span {
color: #EBC215; }
.infoblock__soc {
min-width: 280px;
margin-left: 20px; }
.infoblock__soc-block {
margin-top: 30px; }
.infoblock__soc-block:first-child {
margin: 0; }
.infoblock__soc-block a {
display: inline-flex;
align-items: center;
font-size: 20px;
font-weight: bold;
color: #fff;
text-decoration: none; }
.infoblock__soc-block a img {
margin-right: 15px; }
.infoblock__soc-block a:hover {
color: #EEC407; }
@media screen and (max-width: 1200px) {
.infoblock {
padding: 30px; }
.infoblock__soc {
min-width: 170px; } }
@media screen and (max-width: 767px) {
.infoblock {
flex-direction: column; }
.infoblock__title {
font-size: 22px; }
.infoblock__soc {
margin: 20px 0 0; }
.infoblock__soc-block {
margin-top: 20px; }
.infoblock__soc-block img {
max-width: 45px; } }
.product {
padding-bottom: 100px; }
.product.nobot {
padding-bottom: 0; }
.product.nobot + .subcat {
padding: 100px 0 0; }
.product + .infoblock {
margin-top: -50px; }
.product .row {
margin-top: 0; }
.product .row > div {
margin-top: 30px; }
.product__block {
background: #FFFFFF;
border-radius: 10px;
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%; }
.product__block a {
text-decoration: none;
color: #070707; }
.product__block-top {
display: block; }
.product__block-top img {
display: block;
width: 100%;
object-fit: cover;
transition: all 0.4s ease;
max-height: 270px; }
.product__block-top:hover img {
transform: scale(1.1); }
.product__block-img {
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
min-height: 150px;
background: #FAFAFA; }
.product__block-title {
display: block;
margin: 20px 20px 15px;
font-weight: 500;
font-size: 20px;
line-height: 1.5; }
.product__block-bottom {
padding: 0 20px 20px; }
.product__block-info {
display: flex;
align-items: center;
justify-content: space-between; }
.product__block-button {
margin-top: 0px; }
.product__block-price {
font-size: 22px;
font-weight: 500;
color: #070707; }
.product__block-price span {
font-family: 'Roboto'; }
.product__block-price em {
font-style: normal;
text-transform: lowercase;
color: #858585;
font-size: 16px;
font-weight: normal; }
.product__block-button a {
margin-top: 22px; }
.product__block-link {
display: inline-block;
vertical-align: top;
font-weight: 500;
font-size: 16px;
text-decoration: none;
padding-left: 35px;
color: #070707;
line-height: 26px;
background: url(//radiosavok.ru/wp-content/themes/radiosavok/assets/images/alllink.svg) -3px -3px no-repeat; }
.product__block-link:hover {
background-image: url(//radiosavok.ru/wp-content/themes/radiosavok/assets/images/alllinkh.svg); }
@media screen and (max-width: 767px) {
.product {
padding-bottom: 50px; }
.product.nobot + .subcat {
padding: 50px 0 0; } }
.amount {
display: flex;
align-items: center;
margin-right: 10px; }
.amount.disabled {
position: relative; }
.amount.disabled:after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(255, 255, 255, 0.5); }
.amount__wrap {
display: flex;
align-items: center;
font-size: 16px;
line-height: 19px;
font-weight: normal;
color: #7D858C;
line-height: 0; }
.amount__wrap span {
text-transform: lowercase; }
.amount input {
border: 0;
padding: 0 5px;
height: 44px;
line-height: 44px;
border: 0;
width: 35px;
min-width: 35px;
max-width: 35px;
text-align: center;
background: #E8ECED;
border-radius: 0;
font-size: 16px; }
.amount button {
line-height: 44px;
height: 44px;
border: 0;
background: #EEC407;
border-radius: 0px 10px 10px 0px;
min-width: 26px;
text-align: center; }
.amount button:first-child {
border-radius: 10px 0px 0px 10px; }
.amount button:hover {
background: #070707;
color: #EEC407; }
.mainblog {
background: #fff;
padding: 100px 0; }
.mainblog h2 {
margin: 0; }
.mainblog .blog {
padding-top: 10px; }
.mainblog .blog__block {
background: #F3F5F6; }
.mainblog .blog__block:hover {
background: #070707; }
@media screen and (max-width: 1200px) {
.mainblog {
padding: 50px 0; } }
.mainmanager {
padding: 110px 0; }
@media screen and (max-width: 1200px) {
.mainmanager {
padding: 50px 0; } }
.maininfoblock {
position: relative;
min-height: 500px;
background: #22292F;
border-radius: 20px;
padding: 20px 86px;
display: flex;
align-items: center;
margin-bottom: 180px;
color: #fff; }
.maininfoblock__wrap {
max-width: 640px; }
.maininfoblock__title {
font-weight: 800;
font-size: 30px;
line-height: 1.3; }
.maininfoblock__title span {
color: #EBC215; }
.maininfoblock__soc {
display: flex;
align-items: center;
padding-top: 30px; }
.maininfoblock__soc-block {
margin-top: 20px;
margin-right: 50px; }
.maininfoblock__soc-block:last-child {
margin-right: 0; }
.maininfoblock__soc a {
display: flex;
align-items: center;
font-weight: bold;
font-size: 20px;
color: #fff;
text-decoration: none; }
.maininfoblock__soc a img {
margin-right: 15px; }
.maininfoblock__soc a:hover {
color: #EEC407; }
.maininfoblock__img {
position: absolute;
top: -84px;
right: 86px;
overflow: hidden; }
@media screen and (max-width: 1200px) {
.maininfoblock {
min-height: 400px;
padding: 30px; }
.maininfoblock__img {
right: 20px;
max-width: 300px; } }
@media screen and (max-width: 991px) {
.maininfoblock {
margin-top: 280px;
margin-bottom: 60px; }
.maininfoblock__img {
top: -280px;
left: 0;
text-align: center;
right: 0;
margin: 0 auto;
height: 280px; } }
@media screen and (max-width: 767px) {
.maininfoblock {
min-height: auto; }
.maininfoblock__title {
font-size: 22px;
line-height: 140%; }
.maininfoblock__soc {
display: block;
padding-top: 10px; } }
.mainfolder {
padding-bottom: 185px; }
.mainfolder__tab {
overflow: hidden;
padding-bottom: 3px; }
.mainfolder__tab ul {
display: flex;
align-items: center;
flex-wrap: wrap;
padding: 0;
margin: 0 -20px 0 0;
list-style: none; }
.mainfolder__tab ul li {
margin-right: 20px;
margin-top: 30px; }
.mainfolder__tab ul li a {
display: block;
line-height: 50px;
text-decoration: none;
border: 1px solid #070707;
border-radius: 40px;
padding: 0 30px;
font-weight: 500;
font-size: 20px; }
.mainfolder__tab ul li a:hover {
background: rgba(238, 196, 7, 0.3);
color: #070707; }
.mainfolder__tab ul li.active a {
box-shadow: 3px 3px 0px rgba(225, 188, 20, 0.5);
background: #070707;
color: #fff; }
.mainfolder__body {
padding-top: 60px; }
@media screen and (max-width: 1200px) {
.mainfolder {
padding-bottom: 100px; } }
@media screen and (max-width: 991px) {
.mainfolder {
padding-bottom: 80px; } }
@media screen and (max-width: 767px) {
.mainfolder__tab ul {
margin-right: -15px; }
.mainfolder__tab ul li {
margin-right: 15px;
margin-top: 20px; }
.mainfolder__tab ul li a {
line-height: 39px;
padding: 0 20px;
font-size: 16px; }
.mainfolder__body {
padding-top: 30px; } }
.slider {
margin-top: -118px; }
.slider .owl-stage {
display: flex;
flex-wrap: wrap; }
.slider .item {
min-height: 780px;
height: 100%;
display: flex;
align-items: center;
background-size: cover !important;
padding: 30px 0 90px;
transform: translate3d(0px, 0px, 0px); }
.slider .item img {
width: auto; }
.slider__title {
font-weight: 800;
font-size: 60px;
line-height: 1.3; }
.slider__text {
max-width: 725px;
font-size: 25px;
line-height: 150%;
margin-top: 30px; }
.slider__img {
position: relative;
display: flex;
justify-content: flex-end; }
.slider__img img {
position: relative; }
.slider .owl-nav {
position: absolute;
bottom: 173px;
left: 0;
right: 0;
height: 0;
font-size: 0;
line-height: 0;
display: flex;
align-items: center;
max-width: 1330px;
margin: 0 auto;
padding: 0 15px; }
.slider .owl-nav div {
margin-left: 130px;
cursor: pointer;
width: 31px;
height: 35px;
background: rgba(255, 255, 255, 0.6) url(//radiosavok.ru/wp-content/themes/radiosavok/assets/images/sliderarrow.svg) 50% 50% no-repeat;
border-radius: 10px; }
.slider .owl-nav div:first-child {
margin: 0;
transform: rotate(180deg); }
.slider .owl-nav div:hover {
background: #070707 url(//radiosavok.ru/wp-content/themes/radiosavok/assets/images/sliderarrowh.svg) 50% 50% no-repeat; }
.slider .owl-dots {
position: absolute;
bottom: 172px;
left: 0;
right: 0;
font-size: 0;
line-height: 0;
height: 0;
display: flex;
align-items: center;
max-width: 1330px;
margin: 0 auto;
padding: 0 15px 0 68px; }
.slider .owl-dots div {
cursor: pointer;
width: 15px;
height: 15px;
background: rgba(255, 255, 255, 0.5);
margin-left: 10px;
border-radius: 50%; }
.slider .owl-dots div:first-child {
margin: 0; }
.slider .owl-dots div:hover, .slider .owl-dots div.active {
background: #070707; }
@media screen and (max-width: 1200px) {
.slider {
margin-top: -98px; }
.slider__title {
font-size: 50px; }
.slider__text {
font-size: 22px; } }
@media screen and (max-width: 991px) {
.slider__title {
font-size: 42px; } }
@media screen and (max-width: 767px) {
.slider {
margin-top: -71px; }
.slider .item {
min-height: auto;
padding: 90px 0 160px; }
.slider .item .row {
display: flex;
flex-direction: column-reverse; }
.slider .item img {
max-width: 250px; }
.slider__title {
font-size: 32px;
margin-top: -30px;
z-index: 3;
position: relative; }
.slider__text {
font-size: 18px;
margin-top: 10px; }
.slider .owl-nav {
display: none; }
.slider .owl-dots {
padding: 0;
justify-content: center;
bottom: 125px; } }
.calcinfo {
position: fixed;
top: 60px;
right: 60px;
width: 74px;
height: 74px;
background: url(//radiosavok.ru/wp-content/themes/radiosavok/assets/images/calcinfo.svg) 0 0 no-repeat;
z-index: 10;
display: none; }
.calcinfo span {
position: absolute;
top: 0;
right: 0;
line-height: 22px;
min-width: 20px;
padding: 0 6px;
text-align: center;
font-weight: 500;
font-size: 16px;
color: #070707;
background: #EEC407;
box-shadow: 2px -2px 0px #FFFFFF;
border-radius: 5px; }
.formedit {
background: #fff;
border-radius: 10px;
padding: 20px;
margin-bottom: 30px;
text-align: center;
display: flex;
white-space: nowrap;
align-items: center; }
.formedit div {
margin: 0 20px; }
.formedit div:last-child {
margin-right: 0; }
.formedit .sitebutton {
padding: 0 20px; }
.formedit__table {
padding: 20px;
background: #fff;
margin-bottom: 20px;
overflow: auto; }
.formedit__table table {
border: 0;
width: 100%;
border-spacing: 0;
border-bottom: 1px solid #000;
border-right: 1px solid #000; }
.formedit__table table th, .formedit__table table td {
text-align: left;
padding: 5px;
border-top: 1px solid #000;
border-left: 1px solid #000; }
@media screen and (max-width: 767px) {
.formedit {
display: block; }
.formedit div {
margin: 5px; }
.formedit .sitebutton {
width: 100%; } } .footer {
padding: 40px 0 20px;
background: #D0D7DD;
line-height: 1.2; }
.footer a {
text-decoration: none; }
.footer__phone {
font-weight: bold;
color: #000;
font-size: 17px; }
.footer__phone:hover {
color: #a88b07; }
.footer__soc-block {
margin-top: 20px; }
.footer__soc a {
display: inline-flex;
align-items: center;
font-weight: 500;
font-size: 16px; }
.footer__soc a img {
margin-right: 10px; }
.footer__soc a:hover {
color: #a88b07; }
.footer__menu ul {
padding: 0;
margin: 0;
list-style: none;
display: flex;
align-items: center; }
.footer__menu ul li {
margin-left: 35px; }
.footer__menu ul li.current_page_item a {
color: #a88b07; }
.footer__menu ul li:first-child {
margin: 0; }
.footer__menu ul li a {
color: #070707;
font-weight: 500; }
.footer__menu ul li a:hover {
color: #a88b07; }
.footer__bottom {
padding-top: 50px; }
.footer__copyright {
margin-left: 30px;
font-size: 16px; }
.footer__link {
color: #333333;
font-size: 16px;
border-bottom: 1px solid transparent; }
.footer__link:hover {
color: #a88b07; }
@media screen and (max-width: 767px) {
.footer {
padding-top: 30px;
padding-bottom: 65px; }
.footer__menu ul {
display: block; }
.footer__menu ul li {
margin: 19px 0 0; }
.footer__menu ul li:first-child {
margin: 0; }
.footer__bottom {
flex-direction: column-reverse; }
.footer__bottom-left {
margin-top: 20px; } }  .popup {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow-y: auto;
padding: 15px;
font-size: 0;
line-height: 0;
text-align: center;
background: rgba(0, 0, 0, 0.5);
z-index: 10;
display: none; }
.popup__wrap {
display: inline-block;
vertical-align: middle;
max-width: 630px;
width: 100%;
padding: 30px 30px 50px;
background: #ffffff;
position: relative;
font-size: 14px;
line-height: 1.2;
color: #000000;
box-sizing: border-box;
text-align: left;
border-radius: 10px; }
.popup__closebut {
position: absolute;
top: -40px;
right: -70px;
width: 39px;
height: 39px;
background: url(//radiosavok.ru/wp-content/themes/radiosavok/assets/images/closebut.svg) 0 0 no-repeat;
cursor: pointer; }
.popup__title {
font-weight: 800;
font-size: 35px; }
.popup__info {
font-weight: 500;
font-size: 20px;
gap: 40px;
margin-top: 40px; }
.popup__form {
padding-top: 20px; }
.popup__form > div {
margin-top: 20px; }
.popup__text {
margin: 20px 0 0;
font-size: 25px;
line-height: 1.5; }
.popup__formwrap + .popup__success {
display: none; }
.popup .sent .popup__formwrap {
display: none; }
.popup .sent .popup__formwrap + .popup__success {
display: block; }
.popup .sent .wpcf7-response-output {
display: none !important; }
.popup p {
margin: 0; }
.popup:after {
content: '';
display: inline-block;
width: 0;
height: 100%;
vertical-align: middle; }
@media screen and (max-width: 767px) {
.popup__wrap {
padding: 15px; }
.popup__closebut {
top: 20px;
width: 25px;
height: 25px;
background-size: cover;
right: 20px; }
.popup__title {
font-size: 25px; }
.popup__info {
display: block;
margin-top: 20px; }
.popup__info-left {
margin-bottom: 15px; }
.popup__form {
padding-top: 10px; } }  #gotop {
position: fixed;
bottom: 40px;
right: 40px;
width: 50px;
height: 50px;
background: url(//radiosavok.ru/wp-content/themes/radiosavok/assets/images/gotop.svg) 50% 50% no-repeat;
cursor: pointer;
display: none;
z-index: 3;
background-size: cover; }
@media screen and (max-width: 767px) {
#gotop {
right: 15px;
bottom: 15px;
width: 40px;
height: 40px; } }  .mainfolder__tab ul li.active a {
box-shadow: none;
}
.slider .owl-nav div {
margin-left: 150px;
}.product__block-price--new,
.product__block-price--used {
display: flex;
align-items: center;
font-size: 16px;
} .product__block-prices .price-label {
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.5px;
padding: 3px 6px;
border-radius: 4px;
white-space: nowrap;
} .product__block-price--new .price-label { color: #2e7d32;
}
.product__block-price--new strong,
.product__block-price--new span,
.product__block-price--new em {
font-weight: 600;
color: black;
} .product__block-price--new strong,
.product__block-price--used strong {
font-size: 16px;
font-weight: 700;
padding-inline: 8px;
} .product__block-price--used .price-label { }
.product__block-price--used .price-label,
.product__block-price--used strong,
.product__block-price--used span,
.product__block-price--used em {
color: grey;
}
.product__block-price.product__block-price--used {
margin-top: 8px;
}
.product__block-price.product__block-price--used .price-label {
margin-right: auto;
} .bgblock__prices {
display: inline-flex;
flex-direction: column;
}
.bgblock__price--new,
.bgblock__price--used {
display: flex;
align-items: center;
gap: 0;
font-size: 1.5rem;
}
.bgblock__prices .price-label {
white-space: nowrap;
}
.bgblock__price--new strong,
.bgblock__price--used strong {
padding: 0 0.8rem;
} @media (max-width: 767px) {
.bgblock__price--new,
.bgblock__price--used {
font-size: 16px;
}
.bgblock__price--new strong,
.bgblock__price--used strong {
padding: 0 8px;
}
} .metal-filter {
margin: 16px 0 50px;
padding: 0 20px;
}
.metal-filter__label {
display: block;
font-size: 13px;
color: #64748b;
margin-bottom: 10px;
font-weight: 600;
}
.metal-filter__buttons {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.metal-filter__btn {
display: inline-block;
padding: 7px 16px;
background: #fff;
border: 1px solid #cbd5e1;
border-radius: 20px;
color: #334155;
text-decoration: none;
font-size: 13px;
font-weight: 500;
transition: all 0.2s ease;
}
.metal-filter__btn:hover {
background: #e8f5e9;
border-color: #2e7d32;
color: #2e7d32;
text-decoration: none;
transform: translateY(-1px);
}
.metal-filter__btn--active {
background: #2e7d32;
border-color: #2e7d32;
color: #fff;
font-weight: 600;
box-shadow: 0 2px 4px rgba(46, 125, 50, 0.25);
}
.metal-filter__btn--active:hover {
background: #1b5e20;
border-color: #1b5e20;
color: #fff;
}
@media (max-width: 767px) {
.metal-filter {
padding: 10px 14px;
}
.metal-filter__btn {
padding: 5px 12px;
font-size: 12px;
}
} .header__city-title .city-static {
line-height: 35px;
padding: 0 15px;
background: rgba(232, 236, 237, 0.8);
border-radius: 10px;
margin-left: 10px;
color: #070707;
font-weight: 500;
display: inline-block;
}  .bgblock__price-note {
font-size: 13px;
line-height: 1.4;
color: #64748b;
margin: 8px 0 16px;
font-style: italic;
} .catalog-year-notice {
display: flex;
align-items: center;
gap: 12px;
border-radius: 0 8px 8px 0;
padding: 12px 18px;
margin: -25px 0 35px;
font-size: 14px;
color: #334155;
line-height: 1.45;
}
.catalog-year-notice__icon {
display: flex;
align-items: center;
justify-content: center;
width: 22px;
height: 22px;
border-radius: 50%;
background: #0284c7;
color: #ffffff;
font-size: 13px;
font-weight: 700;
font-style: normal;
flex-shrink: 0;
}
.catalog-year-notice__text strong {
color: #0f172a;
font-weight: 600;
} .popup__note {
font-size: 12px;
line-height: 1.4;
color: #94a3b8;
margin-top: 15px;
text-align: center;
}
@media (max-width: 767px) {
.catalog-year-notice {
margin: -10px 0 25px;
padding: 10px 14px;
font-size: 13px;
}
}