body {
font-family: 'Magistral', sans-serif;
}
.header {
background-color: #232526;
position: relative;
z-index: 10;
}
.header-inner {
display: flex;
justify-content: space-between;
align-items: center;
min-height: 96px;
padding-top: 8px;
padding-bottom: 8px;
box-sizing: border-box;
}
.header-logo {
flex-basis: 30%;
}
.header-toggle {
}
.header-toggle-button {
width: 60px;
height: 20px;
background: transparent url(//nspreo.ru/wp-content/themes/kadence-child/images/menu.svg) center / contain no-repeat;
padding: 0;
margin: 0;
border: none;
display: block;
-webkit-tap-highlight-color: transparent;
outline: none;
}
.header-toggle-button:hover {
background: transparent url(//nspreo.ru/wp-content/themes/kadence-child/images/menu.svg) center / contain no-repeat;
}
.header-toggle-button:focus {
background: transparent url(//nspreo.ru/wp-content/themes/kadence-child/images/menu.svg) center / contain no-repeat;
color:white;
font-size: 40px;
}
.header-toggle-button.toggled{
background:transparent url(//nspreo.ru/wp-content/themes/kadence-child/images/menu-close.svg) center / contain no-repeat;
color:white;
height: 40px;
width: 40px;
}
.header-address {
flex-basis: 30%;
text-align: right;
}
.header-address-label {
color: #CBCBCC;
font-size: 14px;
font-weight: 500;
margin-bottom: 4px;
}
.header-address-text a,
.header-address-text {
color: #F5F5F5;
font-size: 18px;
line-height: 1.33;
font-weight: 500;
text-decoration: none;
}
.header-dropdown {
display: none;
position: absolute;
top: 100%;
left: 0;
background-color: #232526;
width: 100%;
padding-top: 40px;
padding-bottom: 40px;
box-sizing: border-box;
}
.header-dropdown-inner {
display: flex;
justify-content: space-between;
}
.header-menu {
flex-basis: 600px;
}
.header-menu-title {
font-size: 18px;
color: #F5F5F5;
font-weight: 700;
margin-bottom: 10px;
}
.header-menu-list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
row-gap: 8px;
}
.header-menu-list li {
flex-basis: 50%;
}
.header-menu-list a {
color: #F5F5F5;
font-size: 18px;
text-decoration: underline;
text-decoration-skip-ink: none;
}
.header-menu-list a:hover {
color: #00FEEF;
}
.header-info {
text-align: right;
}
.header-time {
margin-bottom: 32px;
}
.header-time-label {
color: #CBCBCC;
font-size: 14px;
font-weight: 500;
margin-bottom: 4px;
}
.header-time-text {
color: #F5F5F5;
font-size: 18px;
line-height: 1.33;
font-weight: 500;
}
.header-time-text span {
color: #00FEEF;
}
.header-phone {
}
.header-phone a {
font-size: 24px;
font-weight: 700;
color: #F5F5F5;
text-decoration: none;	
}
.off-canvas {
position: fixed;
width: 300px;
height: 100%;
z-index: 20;
top: 0;
right: -300px;
background-color: #232526;
padding: 60px 24px 24px;
box-sizing: border-box;
overflow-y: auto;
transition: .2s;
}
.off-canvas-opened .off-canvas {
right: 0;
}
.off-canvas-close {
position: absolute;
top: 10px;
right: 10px;
background: transparent url(//nspreo.ru/wp-content/themes/kadence-child/images/close.svg) center / contain no-repeat;
width: 32px;
height: 32px;
padding: 0;
box-sizing: border-box;
}
.off-canvas-close:hover,
.off-canvas-close:focus {
background: transparent url(//nspreo.ru/wp-content/themes/kadence-child/images/close.svg) center / contain no-repeat;
}
.mobile-menu {
margin-bottom: 32px;
}
.mobile-menu-list {
list-style: none;
padding: 0;
margin: 0;
}
.mobile-menu-list a {
display: flex;
min-height: 46px;
align-items: center;
font-weight: 700;
text-decoration: none;
color: #F5F5F5;
font-size: 16px;
border-bottom: 1px solid #55575b;
line-height: 1.15;
padding-top: 4px;
padding-bottom: 6px;
}
.off-canvas-phone {
margin-bottom: 20px;
}
.off-canvas-phone a {
color: #F5F5F5;
text-decoration: none;
font-weight: 700;
font-size: 18px;
}
.off-canvas-address a,
.off-canvas-address {
margin-bottom: 20px;
font-size: 16px;
font-weight: 500;
color: #F5F5F5;
text-decoration: none;
}
.off-canvas-time {
font-weight: 500;
font-size: 16px;
}
.off-canvas-time span {
color: #00FEEF;
}
.overlay {
pointer-events: none;
visibility: hidden;
opacity: 0;
position: fixed;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background-color: rgb(0 0 0 / 50%);
z-index: 10;
transtion: .2s;
}
@media(min-width: 768px) {
.off-canvas {
display: none !important;
}
}
@media(max-width: 1023.98px) {
.header-inner {
min-height: 70px;
}
.header-logo {
flex-basis: auto;
}
.header-address {
display: none;
}
.header-menu {
flex-basis: 545px;
}
}
@media(max-width: 900px) {
.header-menu {
flex-basis: 490px;
}
.header-menu-list a{
font-size: 16px;
}
}
@media(max-width: 767.98px) {
body.off-canvas-opened {
overflow: hidden;
}
.off-canvas-opened  .overlay {
pointer-events: auto;
visibility: visible;
opacity: 1;
}
.header-dropdown {
display: none !important;
}
}
.features-block .elementor-image-box-title {
position: relative;
padding-bottom: 20px;
}
.features-block .elementor-image-box-title::after {
content: '';
display: block;
width: 76px;
height: 3px;
background-color: #F5F5F5;
position: absolute;
bottom: 9px;
}
.features-block.features-block-black .elementor-image-box-title::after {
background-color: #FE0000;
}
@media (max-width: 767.98px) {
.features-block.features-block-black.mob-order-1 {
order: 1;
}
}
.price-item span {
color: #00FEEF;
}
.price-section {
position: relative;
}
.price-section::after {
content: '';
display: block;
width: 375px;
height: 617px;
position: absolute;
right: 0;
top: -320px; }
@media (max-width: 1260px) {
.price-section::after {
width: 334px;
height: 515px;
top: -266px;
}
}
@media (max-width: 1180px) {
.price-section::after {
width: 276px;
height: 479px;
top: -382px;
}
}
@media (max-width: 767.98px) {
.price-section::after {
display: none;
}
}
.list-item-span .elementor-icon-list-text span {
color: #00FEEF;
}
.timetable {
border: 1px solid #FFFFFF;
box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.2);
}
.timetable table {
text-align: center;
width: 100%;
border-collapse: collapse;
margin:0;
}
.timetable table th {
background-color: #000;
padding: 10px;
color: #00FEEF;
font-size: 18px;
background-clip: padding-box;
border-left: 8px solid transparent;
}
.timetable table th:first-child {
border-left: 0;
background: #00FEEF url(//nspreo.ru/wp-content/themes/kadence-child/images/clock.svg) center / 32px no-repeat;
background-clip: padding-box;
}
.timetable table td {
background-color: #000;
padding: 10px;
font-size: 18px;
width: 14%;
border-left: 8px solid transparent;
border-top: 8px solid transparent;
background-clip: padding-box;
font-weight: 700;
}
.timetable table td:first-child {
color: #00FEEF;
font-weight: 700;
border-left: 0;
}
@media (max-width: 1023px) {
.timetable table th{
font-size: 16px;
}
.timetable table td{
font-size: 16px;
}
.timetable {
overflow: auto;
}
.timetable table {
width: 900px;
}
}
.hidden-text-block {
display: none;
}
.elementor-editor-active .hidden-text-block {
display: block;
}
.reviews {
}
.reviews-content {
position: relative;
padding: 60px 20px 20px;
border: 1px solid #F5F5F5;
height: 100%;
display: flex;
flex-direction: column;
box-shadow: 0px 0px 7px rgba(255, 255, 255, 0.2);
}
.reviews-icon {
position: absolute;
top: 13px;
right: 20px;
}
.reviews-icon img {
width: 90px;
height: 70px;
object-fit: contain;
}
.reviews-name {
font-weight: 700;
font-size: 24px;
position: relative;
margin-bottom: 20px;
}
.reviews-name::after {
content: '';
display: block;
position: absolute;
background-color: #00FEEF;
width: 84px;
height: 3px;
bottom: -9px;
left: 0;
}
.reviews-text {
flex-grow: 1;
margin-bottom: 16px;
font-size: 14px;
line-height: 1.5;
font-weight: 500;
color: rgba(245, 245, 245, 0.8);
}
.reviews-date {
font-size: 14px;
font-weight: 500;
color: rgba(245, 245, 245, 0.8);
}
.theme-slider .slick-list {
margin: 0 -4px;
}
.theme-slider .slick-slide {
margin: 0 4px;
}
.reviews .slick-track {
display: flex !important;
}
.reviews .slick-slide {
height: inherit !important;
}
.theme-slider .slick-dots {
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: -32px;
list-style: none;
margin: 0;
padding: 0;
display: flex;
}
.theme-slider .slick-dots li button {
font-size: 0;
background-color: #00FEEF;
width: 8px;
height: 8px;
padding: 0;
border-radius: 50%;
transition: .2s;
opacity: 0.5;
}
.theme-slider .slick-dots li:not(:last-child) {
margin-right: 18px;
}
.theme-slider .slick-dots .slick-active button {
opacity: 1;
}
.theme-slider .slick-arrow {
position: absolute;
right: 0;
bottom: -32px;
color: #FE0000;
padding: 0;
background-color: transparent;
display: flex;
transition: .2s;
outline: none;
}
.theme-slider .slick-arrow svg {
fill: currentColor;
width: 30px;
height: 16px;
}
.theme-slider .slick-arrow.slick-prev {
right: 50px;
transform: scale(-1, 1);
}
.theme-slider .slick-arrow.slick-disabled {
color: #911414;
cursor: default;
}
@media (max-width: 500px) {
.theme-slider .slick-dots li:not(:last-child) {
margin-right: 10px;
}
.theme-slider .slick-arrow {
bottom: -70px;
}
}
.elementor-editor-active .reviews {
display: flex;
overflow: hidden;
margin: 0 -5px;
}
.elementor-editor-active .reviews-item {
flex-shrink: 0;
flex-basis: 25%;
padding: 0 5px;
}
@media (max-width: 767.98px) {
.elementor-editor-active .reviews-item {
flex-basis: 50%;
}	
}
@media (max-width: 480px) {
.elementor-editor-active .reviews-item {
flex-basis: 100%;
}	
}
.callback {
}
.callback-row {
display: flex;
flex-wrap: wrap;
margin: 0 -20px;
}
.callback-col {
flex-basis: 50%;
padding: 20px;
}
.callback-col input {
width: 100%;
background-color: transparent;
color: rgba(245, 245, 245, 1);
font-weight: 400;
font-size: 18px;
border: none;
border-bottom: 1px solid #F5F5F5;
border-radius: 0;
padding: 0;
height: 50px;
}
.callback-col input::placeholder {
font-family: 'Magistral', sans-serif;
color: rgba(245, 245, 245, 0.5);
}
.callback-ag {
color: rgba(245, 245, 245, 0.5);
font-size: 12px;
margin-top: 30px;
}
.callback-ag a {
color: rgba(245, 245, 245, 0.5);
text-decoration: underline !important;
}
.callback-submit {
margin: 24px auto 0;
max-width: 355px;
width: 100%;
display: flex;
text-align: center;
position: relative;
}
.callback-submit input {
width: 100%;
height: 64px;
display: block;
box-sizing: border-box;
border: none;
outline: none;
border-radius: 8px;
font-size: 20px;
font-weight: 700;
transition-duration: 0.3s;
box-shadow: 0px 2px 20px rgba(254, 0, 0, 0.8);
}
.callback-submit input:hover {
background-color: #EC0000;
transform: scale(1.02);
box-shadow: 0px 2px 20px rgba(254, 0, 0, 0.8);
}
.callback-submit input:focus {
background-color: #EC0000;
}
.wpcf7-spinner {
position: absolute;
right: 0;
top: 20px;
}
@media (max-width: 767.98px) {
.callback-col {
flex-basis: 100%;
}
.callback-col input {
font-size: 16px;
box-sizing: border-box;
}
.callback-submit input {
font-size: 16px;
box-sizing: border-box;
}
}
.link-shadow {
text-shadow: 0px 2px 10px rgba(245, 245, 245, 0.4);
}
.button-hover-scale a:hover {
transform: scale(1.02);
}
.contacts-phone-link {
color: #fff;
font-weight: 700;
}
.contacts-block {
font-size: 18px;
font-weight: 500;
}
.gallery-photo-overlay .gallery-item a {
position: relative;
}
.gallery-photo-overlay a::after {
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: rgba(254, 0, 0, 0.4);
}
@media (max-width: 1179.98px) {
.mobile-hidden {
display: none !important;
}
}
@media (max-width: 1180px) {
.elementor-626 .elementor-element.elementor-element-5c27da0e .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after {
border: none!important;
}
.elementor-1103 .elementor-element.elementor-element-4344ebf2 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after {
border: none!important;
}
.elementor-1190 .elementor-element.elementor-element-69f24167 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after {
border: none!important;
}
.elementor-1159 .elementor-element.elementor-element-921db38 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after {
border: none!important;
}
.elementor-1131 .elementor-element.elementor-element-111d401 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after {
border: none!important;
}
.elementor-1039 .elementor-element.elementor-element-6519b00 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after {
border: none!important;
}
.elementor-1176 .elementor-element.elementor-element-1b58ed8d .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after {
border: none!important;
}
.elementor-1261 .elementor-element.elementor-element-56a2efb0 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after {
border: none!important;
}
.elementor-2 .elementor-element.elementor-element-9690749 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after {
border: none!important;
}
}
.go-to-top {
color: #fff;
display: inline-flex;
align-items: center;
}
.go-to-top:hover {
color: #00FEEF !important;
}
.go-to-top svg {
margin-left: 8px;
width: 14px;
height: 14px;
}
.coaches {
}
.coaches-item {
}
.coaches-content {
display: flex;
padding-top: 70px;
margin-bottom: 70px;
margin-bottom: 40px;
}
.coaches-left {
flex-basis: 50%;
}
.coaches-name {
font-size: 24px;
font-weight: 700;
color: #F5F5F5;
position: relative;
margin-bottom: 32px;
}
.coaches-name::after {
content: '';
display: block;
position: absolute;
background-color: #00FEEF;
width: 84px;
height: 3px;
bottom: -17px;
left: 0;
}
.coaches-text {
font-size: 16px;
font-weight: 400;
color: rgba(245, 245, 245, 0.8);
}
.coaches-text p {
margin-bottom: 24px;
}
.coaches-button {
margin-top: 32px;
}
.coaches-button a {
display: inline-flex;
height: 64px;
align-items: center;
justify-content: center;
padding: 0 40px;
font-weight: 700;
font-size: 20px;
color: #F5F5F5 !important;
background-color: #fe0000;
border-radius: 8px 8px 8px 8px;
box-shadow: 0px 2px 20px 0px rgb(254 0 0 / 80%);
}
.coaches-right {
flex-basis: 50%;
}
.coaches-photo {
margin-top: -90px;
display: flex;
justify-content: flex-end;
}
.coaches-photo img {
max-width: 100%;
}
@media (max-width: 767.98px) {
.coaches-content {
flex-wrap: wrap;
padding-top: 0;
padding-bottom: 0px;
}
.coaches-left {
flex-basis: 100%;
order: 1;
}
.coaches-right {
flex-basis: 100%;
}
.coaches-photo {
margin-top: 0;
justify-content: center;
margin-bottom: 50px;
}
.coaches-button {
text-align: center;
}
.coaches-button a {
font-size: 16px;
}
}	
@media (max-width: 767.98px) {
.mob-brake {
display: block;
}
}
.footer {
background-color: #232526;
}
.footer-inner {
padding-top: 32px;
padding-bottom: 32px;
display: flex;
}
.site-container {
}
.footer-left {
flex-basis: 44%;
box-sizing: border-box;
padding-right: 32px;
}
.footer-logo {
margin-bottom: 40px;
}
.footer-phone {
margin-bottom: 40px;
}
.footer-phone a {
font-size: 24px;
font-weight: 700;
color: #fff;
text-decoration: none;
}
.footer-phone a:hover {
color: #00feef;
}
.footer-address {
}
.footer-address-label {
color: #CBCBCC;
font-weight: 500;
font-size: 14px;
}
.footer-address-text a,
.footer-address-text {
font-size: 18px;
font-weight: 500;
line-height: 1.3;
color: #F5F5F5;
text-decoration: none;
}
.footer-right {
flex-basis: 56%;
}
.footer-menu {
margin-bottom: 56px;
}
.footer-menu-title {
font-size: 18px;
font-weight: 700;
margin-bottom: 20px;
}
.footer-menu-list {
padding: 0;
margin: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
row-gap: 4px;
}
.footer-menu-list li {
flex-basis: 50%;
}
.footer-menu-list a {
color: #fff;
font-size: 18px;
font-weight: 400;
text-decoration: underline;
text-decoration-skip-ink: none;
}
.footer-menu-list a:hover {
color: #00feef;
}
.footer-bottom {
}
.footer-privacy {
font-weight: 400;
font-size: 16px;
color: #8C8D8D;
text-decoration: underline;
text-decoration-skip-ink: none;
margin-right: 70px;
}
.footer-developer {
font-weight: 400;
font-size: 16px;
color: #8C8D8D;
text-decoration-skip-ink: none;
}
@media(max-width: 1200px) {
.footer-privacy {
margin-right: 0;
}
.footer-developer {
display: block;
}
.footer-menu-list a {
font-size: 16px;
}
}
@media(max-width: 767.98px) {
.footer-inner {
padding-top: 60px;
display: block;
}
.footer-left {
padding-right: 0;
margin-bottom: 32px;
}
.footer-menu-title {
margin-bottom: 5px;
}
}
@media(max-width: 580px) {
.footer-menu-list {
display: block;
}
.footer-address-text {
font-size: 16px;
}
}
.feedback {
background: url(https://nspreo.ru/wp-content/uploads/2022/12/rectan.png) bottom / cover no-repeat;
position: relative;
min-height: 660px;
}
.feedback-massage {
background-image: url(https://nspreo.ru/wp-content/uploads/2023/02/feedback-massage.jpg);
}
.feedback::after {
content: '';
position: relative;
z-index: 1;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.feedback-inner {
padding-top: 70px;
padding-bottom: 70px;
position: relative;
z-index: 2;
}
.feedback-title {
font-size: 36px;
font-weight: 700;
color: #F5F5F5;
margin-bottom: 28px;
line-height: 1.2;
}
.feedback-sub-title {
font-weight: 500;
font-size: 16px;
color: #F5F5F5;
margin-bottom: 0px;
line-height: 1.2;
}
.feedback-form {
max-width: 530px;
width: 100%;
}
.feedback-input {
margin-top: 38px;
}
.feedback-input input {
background-color: transparent;
width: 100%;
height: 66px;
border: none;
border-bottom: 1px solid #F5F5F5;
border-radius: 0;
}
.feedback-input input::placeholder {
font-family: 'Magistral', sans-serif;
color: #F5F5F5;
opacity: 0.5;
} .feedback-form .wpcf7-not-valid-tip {
margin-top: 4px;
font-size: 16px;
}
.feedback-agreement {
color: #979492;
opacity: 1;
font-size: 12px;
line-height: 1.2;
margin-bottom: 31px;
margin-top: 23px;
}
.feedback-agreement a {
color: #979492;
text-decoration: none !important;
border-bottom: 1px solid #979492;
}
.feedback-submit input {
height: 65px;
font-size: 20px;
font-weight: 700;
border-radius: 8px;
padding-left: 38px;
padding-right: 38px;
}
.feedback-submit input:hover {
background-color: #EC0000;
}
.wpcf7-response-output {
margin-left: 0 !important;
margin-right: 0 !important;
border-radius: 4px;
}
.wpcf7-not-valid-tip {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 8px 0 0 0;
border: none!important;
font-size: 14px;
padding: 0;
border: 2px solid #00a0d2;
position: absolute;
}
@media(max-width: 767.98px) {
.feedback { }
.feedback-title {
font-size: 28px;
text-align: center;
}
.feedback-submit {
display: flex;
justify-content: center;
}
.feedback-sub-title {
font-size: 16px;
}
.feedback-submit input {
font-size: 16px;
height: 56px;
}
.times {
width: 24px!important;
height: 24px!important;
top: 10px!important;
right: 10px!important;
}
.times img {
width: 24px!important;
height: 24px!important;
}
.feedback-sub-title {
text-align: center!important;
}
}
@media(max-width: 1000px) {
.my-modal {
width: 95%!important;
left: 50%!important;
top: 50%!important;
transform: translate(-50%, -50%);
}
}
@media(min-width: 768px) {	
.feedback {
min-height: 0px;
}
}
@media(min-width: 1180px) {
.desktop-hidden {
display: none;
}
}	
ul.timetable-mobile {
background-color: #000;
margin: 0 auto;
padding: 10px;
list-style: none;
max-width: 1180px;
}
.timetable-mobile-day {
margin-bottom: 16px;
}
.timetable-mobile-title {
display: flex;
gap: 10px;
justify-content: space-between;
align-items: center;
font-size: 18px;
font-weight: 700;
margin-bottom: 6px;
}
.timetable-mobile-text {
}
.timetable-mobile-sign {
font-size: 20px;
color: #00FEEF;
}
ul.timetable-mobile-list {
list-style: none;
padding: 0;
margin: 0;
}
.timetable-mobile-item {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
line-height: 1.3;
}
.timetable-mobile-item:not(:last-child) {
margin-bottom: 6px;
}
.timetable-mobile-age {
font-size: 16px;
font-weight: 500;
color: #7A7A7A;
}
.timetable-mobile-time {
font-size: 16px;
font-weight: 500;
color: #00FEEF;
}
.timetable td > i {
display: block;
text-align: center;
font-size: smaller;
color: #7A7A7A;
}
.header-logo-link {
background-image: url(https://nspreo.ru/wp-content/uploads/2022/12/logopng.png);
-webkit-background-size: cover;
background-size: contain;
width: 134px;
height: 50px;
background-repeat: no-repeat;
}
@media(max-width: 768px) {
.header-logo-link {
width: 128px;
}
}
button:hover, button:focus, button:active, .button:hover, .button:focus, .button:active, .wp-block-button__link:hover, .wp-block-button__link:focus, .wp-block-button__link:active, input[type="button"]:hover, input[type="button"]:focus, input[type="button"]:active, input[type="reset"]:hover, input[type="reset"]:focus, input[type="reset"]:active, input[type="submit"]:hover, input[type="submit"]:focus, input[type="submit"]:active {
background: #e10000;
scale: 1.02;
}
@media(max-width: 900px) {
.footer-phone a {
font-size: 20px;
}
.footer-left {
padding-right: 16px;
flex-basis: 30%;
}
.footer-right {
flex-basis: 70%;
}
.footer-right a {
font-size: 16px;
}
}
.header-vk {
display: flex;
padding: 4px;
align-items: center;
justify-content: center;
box-sizing: border-box;
}
.header-vk svg {
width: 32px;
height: 32px;
display: block;
}
.header-wa svg {
width: 26px;
height: 26px;	
}
.header-mobile-right {
display: flex;
gap: 10px;
align-items: center;
}
@media(min-width: 768px) {
.header-vk {
display: none;
}
}
.swiper-pagination-bullet {
background-color: #00FEEF !important;
}
@media(max-width: 767.98px) {
.gallery_slider-image {
padding-bottom: 56%;
position: relative;
display: block;
}
.gallery_slider-image img{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}	
}
.header-socials {
display: flex;
justify-content: flex-end;
align-items: center;
gap: 10px;
margin-top: 20px;
}
.header-socials-item {
width: 32px;
height: 32px;
display: flex;
justify-content: center;
align-items: center;
}
.header-socials-vk svg {
width: 30px;
height: 20px;
}
.footer .header-socials {
justify-content: flex-start;
}
.review-header {
display: flex;
align-items: flex-start;
gap: 16px;
margin-bottom: 20px;
}
.review-header .title {
flex-grow: 1;
margin-bottom: 0;
}
.rating-badge-text {
font-size: 18px;
font-weight: 500;
margin-top: 8px;
text-align: right;
color: rgba(245, 245, 245, 0.8);
}
.rating-badge-text a {
color: #00FEEF;
text-decoration: underline;
}
.rating-badge-text a:hover {
color: #00FEEF;
text-decoration: underline;
}
@media(max-width: 767.98px) {
.review-header {
flex-wrap: wrap;
}
.review-header .title {
flex-basis: 100%;
}
.rating-badge {
flex-basis: 100%;
display: flex;
justify-content: space-between;
gap: 10px;
align-items: flex-end;
}
.rating-badge > a {
order: 1;
}
.rating-badge-text {
font-size: 16px;
text-align: left;
}
}
.review {
overflow: hidden;
}
.reviews-slider {
line-height: 1.2;
margin-bottom: 120px;
position: relative;
}
.reviews-slider .swiper {
overflow: visible;
}
.reviews-slider .swiper-pagination {
position: static !important;
padding-top: 24px !important;
height: auto !important;
}
.reviews-slider .swiper-slide {
padding: 0 !important;
}
.reviews-slider-item {
position: relative;
padding-bottom: 74%;
border: 1px solid #fff;
border-radius: 24px;
overflow: hidden;
box-sizing: border-box;
}
.reviews-slider-video {
position: absolute;
width: 100%;
height: 100%;
display: block;
box-sizing: border-box;
}
.reviews-slider-video::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(to right, transparent 33%, rgba(37, 40, 41, 0.5) 66%, #252829);
z-index: 2;
}
.reviews-slider-video::after {
content: '';
position: absolute;
display: block;
bottom: 30px;
right: 30px;
width: 46px;
height: 46px;
background: url(//nspreo.ru/wp-content/themes/kadence-child/images/play.svg) no-repeat center / contain;
z-index: 3;
}
.reviews-slider-video img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 1;
}
.reviews-slider-video-info {
padding: 20px;
position: relative;
z-index: 4;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
.reviews-slider-video-name {
font-size: 24px;
font-weight: 700;
color: #F5F5F5;
}
.reviews-slider-video-date {
font-size: 18px;
color: rgba(245, 245, 245, 0.8);
margin-top: 4px;
}
.reviews-slider .swiper-pagination {
padding-top: 10px;
position: static;
}
.reviews-slider-text {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
padding-top: 40px;
display: flex;
flex-direction: column;
justify-content: space-between;
padding-bottom: 20px;
}
.reviews-slider-text-image img {
width: 100%;
height: auto;
}
.reviews-slider-text-link {
text-align: right;
font-size: 18px;
color: #FE0000;
font-weight: 500;
text-decoration: underline;
padding: 0 20px;
}
.reviews-slider::before {
content: '';
display: block;
width: calc( (100vw - 100%) / 2 );
height: 100%;
background: linear-gradient(to left, transparent 4%, rgba(37, 40, 41, 0.5) 66%, #252829);
position: absolute;
right: 100%;
top: 0;
z-index: 10;
}
.reviews-slider::after {
content: '';
display: block;
width: calc( (100vw - 100%) / 2 );
height: 100%;
background: linear-gradient(to right, transparent 4%, rgba(37, 40, 41, 0.5) 66%, #252829);
position: absolute;
left: 100%;
top: 0;
z-index: 10;
}
@media (max-width: 767.98px) {
.reviews-slider::after {
display: none;
}
.reviews-slider::before {
display: none;
}
.reviews-slider-item {
padding-bottom: 136%;
}
.reviews-slider-video::after {
top: 20px;
right: 20px;
bottom: auto;
}
.reviews-slider-text-link {
font-size: 16px;
}
.reviews-slider-video-name {
font-size: 20px;
}
.reviews-slider-video-date {
font-size: 16px;
}
.reviews-slider {
margin-bottom: 50px;
}
.review {
overflow: hidden;
}
.reviews-slider .swiper {
overflow: visible;
}
.swiper-pagination {
margin-left: auto;
margin-right: auto;
transform: none !important;
}
}
.chat-button {
position: fixed;
right: 32px;
bottom: 64px;
z-index: 20;
display: flex;
gap: 6px;
color: #F8F4F3;
font-size: 15px;
font-weight: 500;
line-height: 1.25;
height: 41px;
align-items: center;
padding: 0 16px;
box-sizing: border-box;
border-radius: 8px;
background-color: #2B2B2B;
transition: .2s;
border: 1px solid #F8F4F3;
cursor: pointer;
}
@media(min-width: 768px) {
.chat-button:hover {
background-color: #F8F4F3;
color: #2B2B2B;
border-color: #2B2B2B;
}
}
.chat-button svg {
width: 21px;
height: 21px;
display: block;
}
@media(max-width: 767.98px) {
.chat-button {
right: 16px;
bottom: 16px;
}
}
.modal-buttons {
display: flex;
gap: 10px;
flex-wrap: wrap;
}
.modal {
width: 100%;
}
.modal-header {
margin-bottom: 20px;
}
.modal-title {
font-weight: 700;
font-size: 22px;
text-align: center;
}
.modal-buttons .button {
flex-basis: calc( (100% - 10px) / 2 );
display: flex;
align-items: center;
gap: 6px;
justify-content: center;
}
.modal-buttons .button svg {
width: 21px;
height: 21px;
display: block;
flex-shrink: 0;
}
.modal-buttons .button.button-whatsapp {
background-color: #25D366;
border-color: #25D366;
}
.modal-buttons .button.button-whatsapp:hover {
background-color: #128C7E;
border-color: #128C7E;
}
.modal-buttons .button.button-telegram {
background-color: #0088cc;
border-color: #0088cc;
}
.modal-buttons .button.button-telegram:hover {
background-color: #006699;
border-color: #006699;
}
@media(max-width: 767.98px) {
.modal-buttons .button {
flex-basis: 100%;
}
}
.feedback-input input.wpcf7-not-valid,
.my-modal .feedback-input input.wpcf7-not-valid,
body .wpcf7-not-valid {
border-bottom: 1px solid #fe0000;
}
.header-logo {
display: flex;
}
.header-logo img {
max-height: 50px;
}
.header-shopfighter {
background-image: url(https://nspreo.ru/wp-content/uploads/2025/11/shopfighter.png);
-webkit-background-size: cover;
background-size: contain;
width: 41px;
height: 50px;
margin-left: 5px;
}
@media(max-width: 768px) {
.header-shopfighter {
width: 28px;
height: 34px;
margin-left: 0;
}
}