/*
Theme Name: myxa
Author: Алекс
Description: Шаблон.
Version: 1.0

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

@charset "UTF-8";


@font-face {
    font-family: 'Neuropol';
    src: url('./fonts/ofontru_Neuropol.woff') format('woff');
    font-weight: 900;
    font-style: normal
}

.navbar-toggle {
    right: 0;
    position: fixed;
    top: 70px;
    width: 20px;
    height: 30px;
    display: none;
    z-index: 25;
}

body {
    background-color: #000101;
    z-index: 0;
    padding: 0;
    margin: 0;
    color: #bbbbbb;
    font-family: Arial, sans-serif;
}

img {
    width: 100%;
}

h1, h2.h1 {
    color: transparent;
    background-image: linear-gradient(0.5turn, rgba(255, 255, 255, 1) 27%, rgba(89, 89, 89, 1) 100%);
    -webkit-background-clip: text;
    will-change: transform;
    font-size: 118px;
    font-family: 'Neuropol', Arial, sans-serif;
    line-height: 150px;
    font-weight: 900;
    text-transform: uppercase;
    opacity: 0.7;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    margin: 0;
}

h2, h1.h2 {
    color: transparent;
    background-image: linear-gradient(0.5turn, rgba(255, 255, 255, 1) 27%, rgba(89, 89, 89, 1) 100%);
    -webkit-background-clip: text;
    will-change: transform;
    font-size: 45px;
    font-family: 'Neuropol', Arial, sans-serif;
    line-height: 1.55;
    font-weight: 900;
    text-transform: uppercase;
    opacity: 0.6;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    margin-bottom: 20px;
}

h1 small,h2.h1 small {
    color: transparent;
    background-image: linear-gradient(0.5turn, rgba(255, 255, 255, 1) 27%, rgba(89, 89, 89, 1) 100%);
    -webkit-background-clip: text;
    will-change: transform;
    font-size: 37px;
    font-family: 'Neuropol', Arial, sans-serif;
    line-height: 1.55;
    font-weight: 900;
    text-transform: uppercase;
    opacity: 0.6;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    display: block;
}



.product h1, .products h1 {
    font-size: 35px;
    line-height: 1.55;
}

.product #wpcf7-f6-o1 {
    top: 0px;
}

header {
    display: flex;
    width: 300px;
    height: 100vh;
    color: transparent;
    background-color: #00000050;
    border-color: #404040;
    /*padding: 0;*/
    margin: 0;
    position: fixed;
    flex-direction: column;
    align-items: center;
    align-content: center;
    padding: 20px;
}

header .footer {
    position: absolute;
    bottom: 25px;
    padding: 20px;
    color: #bbbbbb;
    font-size: 13px;
    font-family: Arial, sans-serif;
    line-height: 1.55;
    font-weight: 400;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

.slogan {
    color: #bbbbbb;
    font-size: 15px;
    font-family: Arial, sans-serif;
    line-height: 1.55;
    font-weight: 400;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    text-transform: uppercase;
}

.logo {
    width: 100%;
}

main, footer {
    width: calc(100% - 400px);
    padding-left: 350px;
    padding-right: 50px;
}


main .slider .subtitle {
    color: #ffffff;
    font-size: 16px;
    font-family: Arial, sans-serif;
    line-height: 1.55;
    font-weight: 400;
    opacity: 0.7;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    margin-bottom: 30px;
}

.wpcf7 input {
    color: rgb(106, 106, 106);
    border: 1px solid rgb(222, 222, 222);
    background-color: rgb(244, 244, 244);
    border-radius: 8px;
    font-size: 11px;
    font-weight: 400;
    height: 50px !important;
    padding: 0;
}

#wpcf7-f124-o3 input {
    width: 100%;
}

.old {
    text-decoration: line-through;
    margin-top: 0 !important;
    color: rgb(106, 106, 106) !important;
}

audio {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}

.raspil.price {
    font-family: Arial, sans-serif;
    color: #ffffff;
    margin-top: 8px;
    word-break: break-word;
    font-size: 14px;
    line-height: 1.55;
    font-weight: 500;
}

.pum-container .pum-title {
    margin-bottom: 1em !important;
    color: transparent;
    background-image: linear-gradient(0.115turn, rgba(155, 155, 155, 1) 0%, rgba(34, 34, 34, 1) 51%, rgba(155, 155, 155, 1) 100%);
    -webkit-background-clip: text;
    will-change: transform;
    font-size: 28px;
    font-family: 'Neuropol', Arial, sans-serif;
    line-height: 1.55;
    font-weight: 900;
    text-transform: uppercase;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

.btm {
    color: #ffffff !important;
    border: 0 !important;
    display: flex;
    font-size: 12px;
    font-family: Arial, sans-serif;
    line-height: 1.55;
    font-weight: 600 !important;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    border-radius: 7px;
    background-image: linear-gradient(0.361turn, rgba(44, 167, 219, 1) 0%, rgba(137, 220, 255, 1) 50%, rgba(42, 165, 216, 1) 100%);
    border-color: transparent;
    border-style: solid;
    transition: background 0.2s ease;
    width: 243px;
    height: 73px !important;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}


.btm:hover {
    background-image: linear-gradient(0.002turn, rgba(44, 167, 219, 1) 0%, rgba(137, 220, 255, 1) 50%, rgba(42, 165, 216, 1) 100%);
    transition: background-color 1s ease-in-out, color 1s ease-in-out, border-color 1s ease-in-out;
}

.green {
    background-image: linear-gradient(0.361turn, #60df6e, rgb(156, 255, 168) 50%, #60df6e);
}

.green:hover {
    background-image: linear-gradient(0.002turn, #60df6e, rgb(156, 255, 168) 50%, #60df6e);
}

.head-image {
    position: absolute;
    z-index: -1;
    width: 100%;
    left: 0px;
    top: -282px;
    zoom: 1.157;
    overflow: hidden;
}


.head-image img {
    width: 100%;
}

.row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: stretch;
    align-items: stretch;
    gap: 30px;
    margin-bottom: 30px;
    position: relative;
}

.step {
    width: 30%;
    min-height: 100px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 8px;
    box-sizing: border-box;
    border-width: 1px;
    /*opacity: 0.6;*/
    background-color: #00000060;
    background-position: center center;
    border-color: #404040;
    border-style: solid;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.step .title {
    text-decoration: none;
    color: transparent;
    background-image: linear-gradient(0.5turn, rgba(255, 255, 255, 1) 27%, rgba(89, 89, 89, 1) 100%);
    -webkit-background-clip: text;
    will-change: transform;
    font-size: 20px;
    font-family: 'Neuropol', Arial, sans-serif;
    line-height: 1.55;
    font-weight: 900;
    opacity: 0.6;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

.step .subtitle {
    color: #ffffff;
    font-size: 12px;
    font-family: Arial, sans-serif;
    line-height: 1.55;
    font-weight: 300;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    margin-bottom: 30px;
}

.step .img {
    width: 100%;
    height: 300px;
    border-radius: 8px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 20px;
}

.step .name {
    font-family: Arial, sans-serif;
    color: #ffffff;
    font-weight: 700;
    text-decoration: none;
}

.step .desc {
    font-family: Arial, sans-serif;
    color: #ffffff;
    margin-top: 8px;
    word-break: break-word;
    font-size: 14px;
    line-height: 1.55;
}

.price {
    font-family: 'Neuropol', Arial, sans-serif;
    margin-top: 10px;
    font-size: 24px;
    color: #ffffff;
    font-weight: 900;
    margin-bottom: 10px;
}

.products .sub_text {
    color: #ffffff;
    font-size: 16px;
    font-family: Arial, sans-serif;
    line-height: 1.55;
    font-weight: 400;
    opacity: 0.85;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    text-align: center;
}

section {
    margin-bottom: 70px;
}

.hr {
    opacity: 0.4;
    background-color: #ffffff;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    width: 100%;
    height: 1.5px;
    margin-top: 20px;
    margin-bottom: 30px;
}

a.host {
    color: #bbbbbb;
    font-size: 20px;
    font-family: Arial, sans-serif;
    line-height: 1.55;
    font-weight: 700;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    text-transform: uppercase;
    text-decoration: none;
}

.col {
    position: relative;
}

.col-6 {
    width: 48%;
}

.col-12 {
    width: 100%;
}

.col-4 {
    width: 29%;
}

.dot-img {
    width: 50px;
}

.popup-block {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    align-content: center;
    width: 362px;
    position: absolute;
    top: 350px;
    margin-left: 140px;
}

.me ul li {
    color: #ffffff;
    font-size: 16px;
    font-family: Arial, sans-serif;
    line-height: 2;
    font-weight: 400;
    opacity: 0.7;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    margin: 30px 0;

}

.me li {
    list-style: none;
}

/* Set the list image as background image*/
.me li::before {
    content: '';
    display: inline-block;
    margin-right: 20px;
    height: 30px;
    width: 30px;
    background-image: url(./img/Group_898-2.png);
    background-size: cover;
}


.me .form, .prichina .wpcf7 {
    /*z-index: 12;*/
    /*top: 830px;*/
    /*left: calc(50% - 600px + 300px);*/

    width: 100%;
    /*height: 209px;*/
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 8px;
    border-width: 1px;
    background-color: #00000060;
    background-position: center center;
    border-color: #404040;
    border-style: solid;
    padding: 10px;
    top: -100px;
    /* display: block; */
    position: relative;
}
.prichina.form .wpcf7 {
    top: -20px;
}

.me .form .white, .prichina .wpcf7 form {
    border-radius: 8px;
    background-color: #ffffff;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    /*width: 100%;*/
    height: 100%;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: center;
    padding: 20px;
}


.wpcf7 h2 {
    color: transparent;
    background-image: linear-gradient(0.115turn, rgba(155, 155, 155, 1) 0%, rgba(34, 34, 34, 1) 51%, rgba(155, 155, 155, 1) 100%);
    -webkit-background-clip: text;
    will-change: transform;
    font-size: 26px;
    font-family: 'Neuropol', Arial, sans-serif;
    line-height: 1.55;
    font-weight: 900;
    text-transform: uppercase;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    margin-bottom: 20px;
}

.wpcf7 .subtitle {
    color: #131313;
    font-size: 12px;
    font-family: Arial, sans-serif;
    line-height: 1.55;
    font-weight: 400;
    opacity: 0.7;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    margin-bottom: 20px;
}

.wpcf7 p {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    flex-direction: row;
    width: 100%;
    gap: 30px;
    margin-bottom: 20px;
}

.menu-menuheader-container a {
    color: #9B9B9BFF;
    will-change: transform;
    font-size: 18px;
    font-family: 'Neuropol', Arial, sans-serif;
    line-height: 1.55;
    font-weight: 900;
    text-transform: uppercase;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    margin-bottom: 20px;
    text-decoration: none;
}
.popup-cart {
    margin-bottom: 20px;
}

#menu-menuheader {
    padding-left: 0!important;
}

.wpcf7 .wpcf7-spinner {
    display: none;
}

.who_work .wpcf7 p {
    display: flex;
    flex-direction: column;
    align-content: space-between;
    align-items: stretch;
    margin-bottom: 0;
}

.who_work .wpcf7 input.btm {
    height: 73px !important;
}

.slider p {
    color: #ffffff;
    font-size: 16px;
    font-family: Arial, sans-serif;
    line-height: 1.55;
    font-weight: 400;
    opacity: 0.7;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

.slider img.tn-atom__img.t-img.loaded{
    width: 320px;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 5;
}
.slider .item {
    max-width: 580px;
}

.me .form .white .title {
    text-align: center;
    color: transparent;
    background-image: linear-gradient(0.115turn, rgba(155, 155, 155, 1) 0%, rgba(34, 34, 34, 1) 51%, rgba(155, 155, 155, 1) 100%);
    -webkit-background-clip: text;
    will-change: transform;
    font-size: 26px;
    font-family: 'Neuropol', Arial, sans-serif;
    line-height: 1.2;
    font-weight: 900;
    text-transform: uppercase;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    margin-bottom: 30px;
    margin-top: 20px;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    border-radius: 100px;
    background-color: #33b1ff !important;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}
.owl-theme .owl-dots .owl-dot.active span {
    width: 50px;
}
.prichina ul {
    list-style-type: none;
    counter-reset: num;
    border-width: 1px;
    border-radius: 8px;
    background-color: #00000060;
    background-position: center center;
    border-color: #404040;
    border-style: solid;
    padding: 30px;
}

.prichina ul li:before {
    content: counter(num);
    counter-increment: num;
    display: inline-block;
    position: absolute;
    left: -60px;
    width: 50px;
    color: transparent;
    background-image: linear-gradient(0.5turn, rgba(255, 255, 255, 1) 27%, rgba(89, 89, 89, 1) 100%);
    -webkit-background-clip: text;
    will-change: transform;
    font-size: 37px;
    font-family: 'Neuropol', Arial, sans-serif;
    line-height: 1.55;
    font-weight: 900;
    text-transform: uppercase;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    text-align: center;
}

.prichina ul li {
    position: relative;
    color: #ffffff;
    font-size: 12px;
    font-family: Arial, sans-serif;
    line-height: 1.5;
    font-weight: 400;
    opacity: 0.8;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    margin-left: 60px;
    margin-top: 20px;
    height: 50px;
    vertical-align: middle;
    display: flex;
    align-items: center;
}

footer p,
footer a {
    color: #ffffff;
    font-size: 12px;
    font-family: Arial, sans-serif;
    line-height: 1.35;
    font-weight: 400;
    /*opacity: 0.5;*/
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    text-decoration: none;
}
.contacts a {
    color: #ffffff;
    font-size: 12px;
    font-family: Arial, sans-serif;
    line-height: 1.35;
    font-weight: 400;
    /*opacity: 0.5;*/
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    text-decoration: none;
}

footer .title {
    color: #ffffff;
    font-size: 15px;
    font-family: Arial, sans-serif;
    line-height: 1.5;
    font-weight: 700;
    text-transform: uppercase;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

/* https://optim.tildacdn.com/tild6632-6661-4865-b164-383066366165/-/format/webp/Group_898-2.png */

.wpcf7-not-valid-tip,
.wpcf7-response-output {
    font-family: Arial, sans-serif;
}

.wpcf7 form .wpcf7-response-output {
    margin: 1em 0.5em 1em !important;
}

.wpcf7-not-valid {
    border: 1px solid red !important;
}

.shadow-block {
    border-width: 1px;
    border-radius: 8px;
    background-color: #00000060;
    background-position: center center;
    border-color: #404040;
    border-style: solid;
    padding: 20px;
}

.harakteristiki {
    font-family: Arial, sans-serif;
    font-size: 15px;
    color: #000;
    font-weight: 500;
    width: auto;
    margin-top: 30px;
    margin-bottom: 30px;
    background: #fff;
    padding: 7px;
    border-radius: 8px;
    /* text-transform: uppercase; */
}

.flex {
    display: flex;
}
.column {
    flex-direction: column;
}

input::placeholder {
    font-family: Arial, sans-serif;
    font-size: 15px;
    text-transform: uppercase;
    padding-left: 10px;
}

.full {
    width: 100%;
    height: 100%;
}

.product .btm {
    width: 100%;
}


.form_radio_btn {
    display: inline-block;
    margin-right: 10px;
}
.form_radio_btn input[type=radio] {
    display: none;
}
.form_radio_btn label {
    display: inline-block;
    cursor: pointer;
    padding: 0px 15px;
    line-height: 34px;
    border: 1px solid #999;
    border-radius: 6px;
    user-select: none;
}

/* Checked */
.form_radio_btn input[type=radio]:checked + label {
    background-image: linear-gradient(0.002turn, rgba(44, 167, 219, 1) 0%, rgba(137, 220, 255, 1) 50%, rgba(42, 165, 216, 1) 100%);
    /*background-image: linear-gradient(0.361turn, #60df6e, rgb(156, 255, 168) 50%, #60df6e);*/
    color: #fff!important;
}

/* Hover */
.form_radio_btn label:hover {
    color: #666;
}

/* Disabled */
.form_radio_btn input[type=radio]:disabled + label {
    background: #efefef;
    color: #666;
}

form#bank .title,
form#bank .title .price {
    font-family: 'Neuropol', Arial, sans-serif;
    margin-top: 10px;
    font-size: 24px;
    color: #666!important;
    font-weight: 900;
    margin-bottom: 10px;
}

.center {
    justify-content: center;
}


/* social links */
.social-icons {
    display: flex;
    justify-content: center;
    list-style: none;
    margin-top: 0.25rem;
    margin-bottom: 1rem;
    padding-left: 0;
}

.social-icons>li {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
}

.social-icons a {
    position: relative;
    background-color: #eee;
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: background-color .3s ease-in-out;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: .25rem;
}

.social-icons a:hover {
    background-color: #e0e0e0;
}

.social-icons a::before {
    content: "";
    position: absolute;
    width: 1.2rem;
    height: 1.2rem;
    left: .65rem;
    top: .65rem;
    background: transparent no-repeat center center;
    background-size: 100% 100%;
}

.social-icons .social-icon-twitter::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%231da1f2' d='M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z'/%3E%3C/svg%3E");
}

.social-icons .social-icon-fb::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%234267B2' d='M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z'/%3E%3C/svg%3E");
}

.social-icons .social-icon-vk::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='%232787f5' d='M545 117.7c3.7-12.5 0-21.7-17.8-21.7h-58.9c-15 0-21.9 7.9-25.6 16.7 0 0-30 73.1-72.4 120.5-13.7 13.7-20 18.1-27.5 18.1-3.7 0-9.4-4.4-9.4-16.9V117.7c0-15-4.2-21.7-16.6-21.7h-92.6c-9.4 0-15 7-15 13.5 0 14.2 21.2 17.5 23.4 57.5v86.8c0 19-3.4 22.5-10.9 22.5-20 0-68.6-73.4-97.4-157.4-5.8-16.3-11.5-22.9-26.6-22.9H38.8c-16.8 0-20.2 7.9-20.2 16.7 0 15.6 20 93.1 93.1 195.5C160.4 378.1 229 416 291.4 416c37.5 0 42.1-8.4 42.1-22.9 0-66.8-3.4-73.1 15.4-73.1 8.7 0 23.7 4.4 58.7 38.1 40 40 46.6 57.9 69 57.9h58.9c16.8 0 25.3-8.4 20.4-25-11.2-34.9-86.9-106.7-90.3-111.5-8.7-11.2-6.2-16.2 0-26.2.1-.1 72-101.3 79.4-135.6z'/%3E%3C/svg%3E");
}

.social-icons .social-icon-telegram::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%2327a7e7' d='M446.7 98.6l-67.6 318.8c-5.1 22.5-18.4 28.1-37.3 17.5l-103-75.9-49.7 47.8c-5.5 5.5-10.1 10.1-20.7 10.1l7.4-104.9 190.9-172.5c8.3-7.4-1.8-11.5-12.9-4.1L117.8 284 16.2 252.2c-22.1-6.9-22.5-22.1 4.6-32.7L418.2 66.4c18.4-6.9 34.5 4.1 28.5 32.2z'/%3E%3C/svg%3E");
}

.social-icons .social-icon-youtube::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='%23ff0000' d='M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z'/%3E%3C/svg%3E");
}
.social-icons .social-icon-insta::before {
    background-image: url("./img/instagram.svg");
}

.video video {
    max-height: 367px;
}

@media ( max-width: 600px) {

    .product h1, .products h1 {
        font-size: 30px;
        line-height: 1.5;
    }

    .wpcf7 input,
    .wpcf7-form-control-wrap {
        width: 100%;
    }
    .no-mobile {
        display: none;
    }

    header {
        display: none;
        background: #000;
        z-index: 9;
        width: auto;
    }

    main,
    footer {
        width: auto;
        padding-left: 20px;
        padding-right: 20px;
    }

    .row {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: space-between;
        align-content: stretch;
        align-items: stretch;
        gap: 30px;
        margin-bottom: 30px;
    }

    .step {
        width: 100%;
    }

    .wpcf7 p {
        justify-content: center;
        align-items: center;
        align-content: center;
        flex-direction: column;
        width: 100%;
    }

    .popup-block {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        align-content: center;
        width: 260px;
        position: absolute;
        top: 140px;
        margin-left: 3px;
    }

    h1, h2.h1 {
        font-size: 38px;
        line-height: 80px;
    }

    h1 small, h2.h1 small {
        font-size: 25px;
    }

    h2, h1.h2 {
        font-size: 30px;
    }

    .col-6 {
        width: 100%;
    }

    .col-4 {
        width: 50%;
    }

    .me .form, .prichina .wpcf7 {
        top: 0;
        width: auto;
    }

    .popup-block {
        top: 260px;
    }

    .row {
        width: 100%;
    }

    .row .btm {
        width: 100%;
    }

    .head-image {
        /*width: auto;*/
    }

    .navbar-toggle {
        display: block;
    }

    .owl-carousel {
        width: calc(100% - 45px)!important;
    }
    .col-12.shadow-block {
        width: calc(100% - 40px);
    }
}