:root {
    --color-text: #333;
    --color-main: #FF852E;
    --color-hover: #FF1F80;

    --fzBody: 18px;

    --fz12: clamp(0.72rem, 0.9vw, 0.67rem);
    --fz14: clamp(0.78rem, 1vw, 0.78rem);
    --fz15: clamp(0.8rem, 1.05vw, 0.83rem);
    --fz16: clamp(0.85rem, 1.1vw, 0.89rem);
    --fz17: clamp(0.9rem, 1.15vw, 0.94rem);
    --fz18: clamp(0.95rem, 1.2vw, 1rem);
    --fz19: clamp(1rem, 1.3vw, 1.06rem);
    --fz20: clamp(1.05rem, 1.35vw, 1.11rem);
    --fz22: clamp(1.1rem, 1.5vw, 1.22rem);
    --fz23: clamp(1.15rem, 1.55vw, 1.28rem);
    --fz24: clamp(1.2rem, 1.6vw, 1.33rem);
    --fz25: clamp(1.25rem, 1.65vw, 1.39rem);
    --fz26: clamp(1.3rem, 1.8vw, 1.44rem);
    --fz27: clamp(1.35rem, 1.85vw, 1.5rem);
    --fz28: clamp(1.4rem, 1.9vw, 1.56rem);
    --fz30: clamp(1.5rem, 2vw, 1.67rem);
    --fz32: clamp(1.6rem, 2.1vw, 1.78rem);
    --fz32: clamp(1.55rem, 2.1vw, 1.78rem);
    --fz35: clamp(1.75rem, 2.35vw, 1.94rem);
    --fz40: clamp(1.8rem, 2.7vw, 2.22rem);
    --fz48: clamp(2rem, 3.2vw, 2.67rem);
    --fz50: clamp(2.1rem, 3.3vw, 2.78rem);
    --fz56: clamp(2.3rem, 3.7vw, 3.11rem);
    --fz57: clamp(2.35rem, 3.8vw, 3.17rem);
    --fz60: clamp(2.4rem, 4vw, 3.33rem);
    --fz64: clamp(2.5rem, 4.3vw, 3.56rem);
    --fz85: clamp(3rem, 5.7vw, 4.72rem);
    --fz96: clamp(3.18rem, 6.4vw, 5.34rem);
    --fz100: clamp(3.5rem, 6.7vw, 5.56rem);
    --fz150: clamp(5rem, 10vw, 8.33rem);
}

body,
html {
    width: 100%;
    min-width: 320px;
    cursor: default;
    font-family: "Sansation", sans-serif;
    font-size: var(--fzBody);
    font-weight: 400;
    line-height: normal;
    color: var(--color-text);
    background-color: #fff;
}
.row {
    margin-right: -15px;
    margin-left: -15px;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .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, .col-sm, .col-sm-auto, .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, .col-md, .col-md-auto, .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, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 30px;
}
ol, ul, dl{
    margin: 0;
    padding: 0;
}
.nav-link {
    padding: 0;
}
/*html {
    overflow-x: hidden;
    margin-right: calc(-1 * (100vw - 100%));
}*/
.modal.show {
    overflow-x: hidden;
    overflow-y: auto;
}
/*.modal-open {
    padding: 0 !important;
}*/

.js-focus-visible :focus:not(.focus-visible) {
    outline: 0;
}

a{
    transition: all .3s;
}
p{
    margin-bottom: 0;
}
img{
    max-width: 100%;
    height: auto;
}
.container {
    max-width: 1440px;
    padding-right: 20px;
    padding-left: 20px;
    margin: auto;
}

.btn-main, 
.btn_main_form {
    font-family: "Sansation", sans-serif;
    font-weight: 700;
    font-size: var(--fz16);
    color: #fff;
    text-align: center;
    padding: 12px 15px;
    display: inline-block;
    transition: all .3s;
    max-width: max-content;
    border-radius: 16px;
    border: none;
    background: #FF6B4B;
    position: relative;
    overflow: hidden;
    line-height: 1.25;
}
.btn-main span, 
.btn_main_form span{
    position: relative;
    z-index: 2;
    color: #fff;
}
.btn-main:before,
.btn_main_form:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(90deg, #ff1f80 0%, #ff6c4a 100%);
    transition: all .5s;
}
.btn-main:hover:before ,
.btn_main_form:hover:before  {
    width: 0%;
}
.btn_main_form{
    padding: clamp(15px, 1.5vw, 19px) 15px;
    width: 100%;
    max-width: 149px;
}

.btn-border{
    font-weight: 700;
    font-size: var(--fz16);
    color: #182027;
    text-align: center;
    padding: 13px 19px;
    display: inline-block;
    border: 2px solid #182027;
    transition: all .3s;
    max-width: max-content;
    border-radius: 16px;
    background-color: transparent;
}
.btn-border:hover{
    background-color: #182027;
    color: #fff;
}

.heading-main {
    font-size: var(--fz50);
    font-weight: 700;
    margin-bottom: clamp(25px, 3.7vw, 50px);
}
.heading-home{
    text-transform: uppercase;
}

article {
    padding-top: 0;
    padding-bottom: 0;
}
.main-content h2,
.main-content h3,
.main-content h4,
.main-content h5,
.main-content h6 {
    color: var(--color-text);
    font-weight: 700;
    margin-bottom: 20px;
    padding-top: 10px;
}
.main-content h2{
    font-size: var(--fz28);
    margin-bottom: clamp(15px, 2.2vw, 30px);
}
.main-content h3{
    font-size: var(--fz26);
}
.main-content h4{
    font-size: var(--fz24);
}
.main-content h5{
    font-size: var(--fz22);
}
.main-content h6{
    font-size: var(--fz20);
}
.main-content{
    font-size: var(--fz18);
    font-weight: 400;
    line-height: 144%;
    clear: both;
    -webkit-hyphens: auto;
    hyphens: auto;
    overflow-wrap: break-word;
    white-space: normal;
}
.main-content p {
    font-size: var(--fz18);
    font-weight: 400;
    line-height: 144%;
    margin-bottom: clamp(15px, 1.5vw, 20px);
}
.main-content p.color-main{
    color: var(--color-main);
}
.main-content p strong,
.main-content p b {
    font-weight: 700;
}
.main-content p a {
    color: var(--color-main);
    border-bottom: 1px solid var(--color-main);
}
.main-content p a:hover{
    border-bottom: none;
}
.main-content img {
    margin-bottom: 30px;
}
.main-content img[style="float: left;"],
.main-content .img-left {
    float: left;
    margin-right: 30px;
    margin-bottom: 30px;
    max-width: 50%;
}
.main-content img[style="float: right;"],
.main-content .img-right {
    float: right;
    margin-left: 30px;
    margin-bottom: 30px;
    max-width: 50%;
}
.main-content ul {
    padding-left: 0;
    margin-bottom: 22px;
}
.main-content ul li {
    font-size: var(--fz18);
    font-weight: 400;
    margin-bottom: clamp(15px, 2.2vw, 30px);
    position: relative;
    padding-left: 26px;
}
.main-content ul li:before {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.08035 0H7.9999H14.9195L16 1.53952C15.7197 6.86577 13.5021 10.4742 9.96876 11.4852C10.5452 12.8366 11.6362 13.8895 12.9749 14.3696H14.5992V16H13.0775C11.0028 15.4613 9.31708 13.8476 8.56574 11.7433C8.43679 11.7675 8.21601 11.7852 7.9999 11.7906C7.7838 11.7852 7.56321 11.7675 7.43426 11.7433C6.68292 13.8476 4.99698 15.4613 2.92249 16H1.40078V14.3696H3.02495C4.36377 13.8895 5.45476 12.8366 6.03123 11.4852C2.49793 10.4742 0.280306 6.86577 0 1.53952L1.08035 0ZM14.2301 3.92318C13.5609 7.19826 11.902 9.33776 9.47907 10.009C9.0991 6.57203 11.5595 4.07713 14.2301 3.92318ZM1.62472 3.92318C4.29528 4.07713 6.7557 6.57203 6.37592 10.009C3.95283 9.33776 2.29395 7.19826 1.62472 3.92318ZM1.32538 1.53973C1.34143 1.82493 1.3642 2.10325 1.39201 2.37636C4.9311 2.40345 7.80246 5.49145 7.80246 9.28484C7.80246 9.34422 7.79798 10.2279 7.79798 10.2279C7.84669 10.2308 7.9967 10.2288 8.0471 10.2281L8.05832 10.2279L8.05757 9.28484C8.05757 5.4877 10.9381 2.39678 14.4861 2.37595C14.5173 2.10138 14.543 1.82285 14.561 1.53973H1.32538Z' fill='%23FF852E' /%3E%3C/svg%3E");
    position: absolute;
    left: 0;
    top: 4px;
    border-radius: 100%;
}

.main-content table:not(.custom-table) {
    width: 100%;
    max-width: 900px;
    margin-bottom: 30px;
    border: none;
}
.main-content table:not(.custom-table) tr{
    background: transparent;
}
.main-content table:not(.custom-table) tr:nth-child(2n){
    background: transparent;
}
.main-content table:not(.custom-table) td {
    padding: 11px 15px;
    font-weight: 400;
    font-size: var(--fz16);
    color: #000;
    border: none;
    border-bottom: 1px solid #ecf2f9;
}
.main-content table:not(.custom-table) td:first-child {
    width: auto !important;
}
.main-content table:not(.custom-table) td:last-child {
    font-weight: 700;
    width: 15% !important;
    min-width: 105px;
}
.main-content table:not(.custom-table) th,
.main-content table:not(.custom-table) tr:first-child td {
    background-color: #9fdfe9;
    font-family: "Sansation", sans-serif;
    font-size: var(--fz18);
    padding: 11px 15px;
    font-weight: 700;
    border: none;
}
.main-content table:not(.custom-table) th:first-child, 
.main-content table:not(.custom-table) tr:first-child td:first-child {
    border-radius: 15px 0 0 15px;
}
.main-content table:not(.custom-table) th:last-child, 
.main-content table:not(.custom-table) tr:first-child td:last-child {
    border-radius: 0 15px 15px 0;
}

ol.breadcrumb {
    text-align: left;
    padding: 0;
    margin-bottom: clamp(20px, 2.6vw, 35px);
}
ol.breadcrumb li.breadcrumb-item {
    font-weight: 400;
    font-size: var(--fz14);
    color: #ff852e;
}
ol.breadcrumb li a {
    color: #949494;
}
ol.breadcrumb li a:hover {
    color: #ff852e;
}
.breadcrumb-item + .breadcrumb-item::before {
    content: '';
    width: 5px;
    height: 7px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg width='5' height='7' viewBox='0 0 5 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 0.5L3.5 3.5L0.5 6.5' stroke='%23949494' stroke-linecap='round' /%3E%3C/svg%3E");
    margin-right: 6px;
    margin-left: 6px;
}
ul.pagination {
    margin-top: 20px;
    flex-wrap: wrap;
}
ul.pagination li a {
    width: 54px;
    height: 54px;
    display: inline-block;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    margin: 0 1px;
    text-align: center;
    line-height: 54px;
    color: #333;
    transition: all .3s;
    margin-right: 5px;
    border: 1px solid transparent;
    border-radius: 10px;
}
ul.pagination li a:hover{
    border: 1px solid var(--color-main);
    color: var(--color-main);
}
ul.pagination  li.active a{
    background: var(--color-main);
    color: #fff;
    border: 1px solid var(--color-main);
}
.pagination li:last-child:not(.active) a,
.pagination li:first-child:not(.active) a {
    border: 1px solid #fff;
    font-size: 0;
    position: relative;
    transition: all .3s;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
}
.pagination li:first-child:not(.active) a{
    background-image: url("data:image/svg+xml,%3Csvg width='11' height='18' viewBox='0 0 11 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.0571 0.885742L2.05713 8.88574L10.0571 16.8857' stroke='%23D2D2D2' stroke-width='2' /%3E%3C/svg%3E");
}
.pagination li:first-child:not(.active) a:hover{
    border: 1px solid var(--color-main);
    background-image: url("data:image/svg+xml,%3Csvg width='11' height='18' viewBox='0 0 11 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.0571 0.885742L2.05713 8.88574L10.0571 16.8857' stroke='%23ff0101' stroke-width='2' /%3E%3C/svg%3E");
}
.pagination li:last-child:not(.active) a{
    background-image: url("data:image/svg+xml,%3Csvg width='11' height='18' viewBox='0 0 11 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.885742 0.885742L8.88574 8.88574L0.885742 16.8857' stroke='%23D2D2D2' stroke-width='2' /%3E%3C/svg%3E");
}
.pagination li:last-child:not(.active) a:hover{
    border: 1px solid var(--color-main);
    background-image: url("data:image/svg+xml,%3Csvg width='11' height='18' viewBox='0 0 11 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.885742 0.885742L8.88574 8.88574L0.885742 16.8857' stroke='%23ff0101' stroke-width='2' /%3E%3C/svg%3E");
}

.clear {
    clear: both;
}

.form-group {
    margin-bottom: 0;
}

.box-btn-center{
    text-align: center;
}

/*MODAL CART*/
.modal_flash {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1050;
    margin: auto;
    width: 100%;
    height: 100%;
    display: block;
}
.modal_flash .modal_fade {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}
.modal_flash .modal_content {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
    max-height: calc(100% - 10px);
    width: calc(100% - 30px);
    max-width: 541px;
    z-index: 90;
    display: flex;
    background-color: #fff;
    border-radius: 15px;
    flex-direction: column;
    box-shadow: 0 4px 19px 0 rgba(0, 0, 0, 0.25);
    padding: clamp(30px, 3vw, 40px) clamp(20px, 2.6vw, 35px);
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
.modal_flash .modal_content .modal_close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 1em;
    height: 1em;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.modal_flash .modal_content {
    padding: clamp(20px, 3vw, 40px);
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
.modal_flash .modal_content b.body_name {
    font-size: var(--fz20);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 10px;
    display: block;
}
.modal_flash .modal_body {
    margin-bottom: 15px;
}
.modal_flash .modal_footer {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    column-gap: 10px;
}
.modal_flash .modal_footer .btn-main.btn-border {
    border-radius: 15px;
}


/*MODAL*/
.modal.show {
    overflow-x: hidden;
    overflow-y: auto;
}
button.btn.close-modal {
    background-color: transparent;
    position: absolute;
    right: -50px;
    top: -50px;
    padding: 0;
    border: none;
}
.modal-dialog.modal-form{
    max-width: 705px;
}
.modal-dialog.modal-form {
    width: 95%;
    max-width: 705px;
    margin: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 10px;
}
.modal-form .modal-content{
    background-color: #9fdfe9;
    border-radius: 15px;
    padding: 40px;
    border: none;
}
.modal-form form{
    width: 100%;
}
/*.modal-dialog.modal-form {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
    max-height: calc(100% - 10px);
    width: calc(100% - 30px);
    max-width: 766px;
}*/

/*.modal-form .modal-content {
    border-radius: 15px;
    border: 2px solid #ffe30b;
    background-color: #fff;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    color: #333;
}*/
.light-theme .modal-form .modal-content{
    background-color: #fff;
}

.fade {
    background: rgba(255, 255, 255, 0.5) !important;
    backdrop-filter: blur(4px);
}
.modal-backdrop.show {
    opacity: 1;
}

.modal-form .heading-form{
    font-weight: 700;
    font-size: var(--fz50);
    text-align: center;
    color: #333;
    margin-bottom: 14px;
}
.modal-body{
    padding: 0;
}

input.form-control, 
textarea.form-control,
select.form-control{
    border: 1px solid #d9d9d9;
    border-radius: 15px;
    padding: 16px 17px;
    height: 60px;
    font-weight: 300;
    font-size: var(--fz16);
    color: #333;
    margin-top: 0 !important;
    margin-bottom: 10px !important;
    outline: none;
    background: #fff;
}
select.form-control:not([size]):not([multiple]){
    height: 60px;
    cursor: pointer;
}
select.form-control {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
select.form-control:not([multiple]) {
    background-repeat: no-repeat;
    background-position: right 17px center;
    background-size: 10px;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='9' viewBox='0 0 10 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 9L10 0H0L5 9Z' fill='%23333333' /%3E%3C/svg%3E");
}
select.form-control::-ms-expand {
  display: none;
}
textarea.form-control{
    border-radius: 15px;
    resize: none;
    height: 120px;
}
input.form-control::placeholder, 
textarea.form-control::placeholder{
    color: #333;
}
input.form-control:focus,
textarea.form-control:focus{
    border: 1px solid var(--color-hover);
}

.modal-form input.form-control, 
.modal-form textarea.form-control,
.modal-form select.form-control{
    border-color: transparent;
}

.form-text-bottom{
    margin-bottom: 15px;
    text-align: left;
    color: #333;
    font-weight: 300;
    font-size: 12px;
}
.form-text-bottom p {
    margin-bottom: 6px;
}
.form-text-bottom a{
    text-decoration: underline;
}
.form-text-bottom a:hover{
    text-decoration: none;
}
label.custom-checkbox {
    margin-bottom: 0;
    text-align: left;
    max-width: 100%;
}
.custom-checkbox>input {
  position: absolute;
  z-index: -1;
  opacity: 0;
  height: auto !important;
    margin: 0 !important;
}
.custom-checkbox>span {
  user-select: none;
  cursor: pointer;
}
.custom-checkbox>span::before {
  content: '';
  display: inline-block;
  width: 15px;
  height: 15px;
  flex-shrink: 0;
  flex-grow: 0;
  border-radius: 3px;
  margin-right: 9px;
  background-repeat: no-repeat;
  background-position: center center;
  border: 1px solid #c4a142;
  margin-top: 0;
  background-size: 9px;
  position: relative;
  top: 3px;
  background-color: #fff;
}

.custom-checkbox>input:not(:disabled):not(:checked)+span:hover::before {
  background-color: #fff;
}
.custom-checkbox>input:checked+span::before {
    background-image: url("data:image/svg+xml,%3Csvg width='9' height='10' viewBox='0 0 9 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4.07143L3.76923 7.5L8 1.5' stroke='white' stroke-width='2' stroke-linecap='round' /%3E%3C/svg%3E");
    background-color: #c4a142;
}
.custom-checkbox>input:disabled+span::before {
  background-color: #fff;
}


.form-control:disabled, 
.form-control[readonly] {
    background-color: #fff;
    opacity: 1;
}

header .dropdown-menu {
    background-color: #fff;
    width: max-content;
    min-width: 135px;
    padding: 20px;
    margin-top: 10px;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.35);
    border-radius: 15px;
    border: none;
}
.dropdown-menu:before {
    content: '';
    width: 100%;
    height: 10px;
    display: block;
    background: transparent;
    position: absolute;
    top: -10px;
    left: 0;
}
.dropdown-toggle::after {
    border: none;
    margin: 0;
    padding: 0;
    width: 10px;
    min-width: 10px;
    height: 6px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.56072 4.56053L8.38916 0.70459' stroke='white' stroke-width='2' stroke-miterlimit='10' /%3E%3Cpath d='M4.56006 4.56006L0.704758 0.732249' stroke='white' stroke-width='2' stroke-miterlimit='10' /%3E%3C/svg%3E");
    position: relative;
    top: 1px;
    transition: all .3s;
}
a.nav-link.dropdown-toggle {
    display: flex;
    align-items: center;
    gap: 10px;
}
.dropdown-menu a{
    font-size: var(--fz18);
    display: block;
    margin-bottom: 15px;
}
.dropdown-menu a:last-child{
    margin-bottom: 0;
}

.gallery-main {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(15px, 2.2vw, 32px);
    margin-top: clamp(20px, 3vw, 40px);
    margin-bottom: clamp(15px, 2.2vw, 30px);
}
.gallery-main a.photos {
    aspect-ratio: 446/325;
    transition: transform .3s;
    will-change: transform;
    border: 1px solid #f5f5f5;
    border-radius: 15px;
    overflow: hidden;
    display: block;
    width: 100%;
}
.gallery-main a.photos img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.gallery-main a.photos:hover {
    transform: scale(1.05);
}

button.navbar-toggler {
    padding: 0;
    border: none;
    min-width: 40px;
    height: 29px;
    border-radius: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='29' viewBox='0 0 40 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='40' height='3' rx='1.5' fill='%23333333'/%3E%3Crect y='13' width='40' height='3' rx='1.5' fill='%23333333'/%3E%3Crect y='26' width='40' height='3' rx='1.5' fill='%23333333'/%3E%3C/svg%3E");
}
button.navbar-toggler[aria-expanded=true] {
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='31' viewBox='0 0 40 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='5.12134' y='28.2843' width='40' height='3' rx='1.5' transform='rotate(-45 5.12134 28.2843)' fill='%23333333'/%3E%3Crect x='7.12134' y='0.284271' width='40' height='3' rx='1.5' transform='rotate(45 7.12134 0.284271)' fill='%23333333'/%3E%3C/svg%3E");
}

.galaxy {
    color: #fff;
    font-size: 12px;
    background-image: url(/template/img/logo_gala_color.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 40px;
    max-width: 154px;
    min-width: 154px;
    font-family: "Open Sans", sans-serif;
}
.galaxy a {
    color: #fff;
    text-decoration: underline;
}
.galaxy a:hover {
    text-decoration: none;
}
.navbar{
    padding: 0;
}

/*slick*/
.slick-prev, 
.slick-next{
    width: 23px;
    height: 38px;
    margin-top: -19px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg width='23' height='38' viewBox='0 0 23 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 2L4 19L21 36' stroke='white' stroke-opacity='0.8' stroke-width='5' /%3E%3C/svg%3E");
    transform: none;
    transition: all .3s;
}
.slick-prev:hover, 
.slick-next:hover{
    opacity: 1;
    background-image: url("data:image/svg+xml,%3Csvg width='23' height='38' viewBox='0 0 23 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 2L4 19L21 36' stroke='%23f8c12c' stroke-opacity='0.8' stroke-width='5' /%3E%3C/svg%3E");
}
.slick-prev{
    left: 30px;
}
.slick-next{
    right: 30px;
    transform: rotate(180deg);
}

.slick-dots{
    bottom: 21px;
}
.slick-dots li button {
    display: none;
}
.slick-dots li {
    width: 14px;
    height: 14px;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 100%;
    margin: 0 3px;
}
.slick-dots li.slick-active{
    background: var(--color-hover);
}
.slick-dotted.slick-slider {
    margin-bottom: 0;
}
.main-content ul.slick-dots{
    margin-bottom: 0;
}
.main-content ul.slick-dots li:before{
    display: none;
}
.main-content ul.slick-dots li{
    padding: 0;
    margin-bottom: 0;
}

.table-wrap {
    width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.form_search_w{
    position: relative;
}
.form_search_w input.form_search {
    width: 100%;
    border: 1px solid var(--color-second);
    border-radius: 15px;
    padding: 18px 24px;
    padding-right: 45px;
    height: 57px;
    outline: none;
    font-size: var(--fz16);
    font-weight: 400;
    background-color: transparent;
    color: var(--color-main);
}
.form_search_w input.form_search::placeholder{
    color: var(--color-second);
}
.form_search_w input.form_search:focus {
    border: 1px solid var(--color-main);
    background-color: #fff;
}
.form_search_w button.srch_b {
    width: 26px;
    height: 26px;
    border: none;
    padding: 0;
    background: none;
    background-image: url("");
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    right: 15px;
    top: 15px;
    transition: all .3s;
}
.form_search_w button.srch_b:hover{
    background-image: url("");
}

.page-404 .num-404 {
    text-align: center;
    font-size: 250px;
    font-weight: bold;
    color: var(--color-main);
}
.page-404 .heading-main{
    font-weight: normal;
    text-align: center;
}
.page-404 a.btn-main {
    padding: 15px;
    display: block;
    max-width: 300px;
    margin: 0 auto;
}

/*CookieBarActions*/
#pjAcceptCookieBar a span {
    color: var(--color-main) !important;
}
#pjAcceptCookieBar .pjAcceptCookieBarBtn {
    background-color: var(--color-main) !important;
}
#pjAcceptCookieBar .pjAcceptCookieBarBtn:hover{
    background-color: var(--color-hover) !important;
}
/*end CookieBarActions*/

/*HEADER*/
header{
    background-color: #F5FEFF;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: clamp(25px, 3.7vw, 50px);
}
.home header{
    background: #fff;
    margin-bottom: 15px;
}
.grid-header{
    display: grid;
    grid-template-columns: auto auto auto;
    align-items: center;
    justify-content: space-between;
    column-gap: 15px;
}
ul.header-mnu{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(15px, 2.2vw, 32px);
    row-gap: 7px;
    flex-wrap: wrap;
}
ul.header-mnu li a{
    font-weight: 400;
    font-size: var(--fz16);
}
ul.header-mnu li a:hover{
    color: var(--color-hover);
}

section.block-slider .container{
    max-width: 1490px;
}
.grid-slide{
    display: grid;
    grid-template-columns: 435px 1fr;
    min-height: 630px;
    background-color: #cbfbff;
    background-image: url("data:image/svg+xml,%3Csvg width='991' height='630' viewBox='0 0 991 630' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-40 344L407.799 -35L60.4639 664L832.281 -35L478.546 731L953 402.976' stroke='%23F5FEFF' stroke-width='131' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: left top;
    border-radius: 24px;
    overflow: hidden;
}
.column-img {
    clip-path: polygon(19% 0, 100% 0, 100% 100%, 0 100%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.slider-home {
    border-radius: 25px;
    overflow: hidden;
}
.slider-home .box-text {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: clamp(50px, 7.4vw, 100px);
    padding-right: 20px;
    padding-top: 35px;
    padding-bottom: 35px;
}
.slider-home .heading-slide{
    margin-bottom: clamp(15px, 2.2vw, 30px);
    font-weight: 400;
    font-size: var(--fz64);
    line-height: 100%;
    color: #232b3a;
}
.slider-home .descr{
    font-weight: 400;
    font-size: var(--fz20);
    line-height: 140%;
    color: #232b3a;
    margin-bottom: clamp(25px, 3.7vw, 50px);
}
.slider-home .btn-main{
    font-size: var(--fz19);
    padding: 17px 27px;
}


section.block-products  .slider-container {
    max-width: 1700px;
    margin-left: auto;
    margin-right: auto;
}
.slider-products {
    overflow: hidden;
}
.slider-products .slide-image img{
    max-width: 194px;
    transform: scale(0.5);
    transition: all .3s;
    filter: blur(3px);
    opacity: .5;
    position: relative;
    left: 0;
    cursor: pointer;
}
.slider-products .swiper-slide-active .slide-image img{
    transform: scale(1.0);
    filter: blur(0);
    opacity: 1;
    position: relative;
    left: -190px;
    cursor: default;
}
.slider-products .swiper-slide-next .slide-image img {
    left: calc(100% - 185px);
}
.slider-products .swiper-slide:not(.swiper-slide-active) .slide-image img:hover {
    transform: scale(.55);
    filter: blur(0);
}
.product-static-info {
    position: absolute;
    left: 0;
    top: 137px;
    width: 100%;
}
.product-static-info .box-text{
    background-color: #F5F5F5;
    box-shadow: -28px 29px 50px 0 rgba(39, 13, 4, 0.1);
    padding-top: clamp(30px, 4.4vw, 60px);
    padding-bottom: clamp(30px, 4.4vw, 60px);
    min-height: 516px;
    padding-left: 360px;
    padding-right: 238px;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
}
.product-static-info .box-text .name{
    font-weight: 700;
    font-size: var(--fz40);
    color: #761233;
    margin-bottom: clamp(15px, 2.2vw, 30px);
}
.product-static-info .box-text .preview{
    font-weight: 400;
    font-size: var(--fz18);
    line-height: 144%;
    color: #333;
}
.product-static-info .box-text .preview p:not(:last-child){
    margin-bottom: 15px;
}
.product-static-info .box-text .btn-main{
    margin-top: clamp(15px, 2.2vw, 30px);
}
.product-static-info .container {
    max-width: 1200px;
}
.product-static-info .btn-main{
    z-index: 1;
}

.product-static-info .name,
.product-static-info .preview,
.product-static-info .btn-main,
.product-static-info .slide-img-right {
    opacity: 1;
    transition: all .3s;
}
.product-static-info.fade-out .name,
.product-static-info.fade-out .preview,
.product-static-info.fade-out .btn-main,
.product-static-info.fade-out .slide-img-right {
    opacity: 0;
}
.product-static-info .slide-img-right{
    max-width: 231px;
    position: absolute;
    right: 0;
    top: 0;
}
section.block-products{
    padding-top: clamp(50px, 7.4vw, 100px);
    padding-bottom: clamp(50px, 7.4vw, 100px);
}


.box-video{
    position: relative;
    border-radius: 20px;
    overflow: hidden;
/*    aspect-ratio: 804/461;*/
    aspect-ratio: 685/461;
}
section.block-about .box-video{
    aspect-ratio: 566/466;
}
.box-video img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: 0;
}
.box-video a{
    display: block;
    height: 100%;
}
.box-video a:before{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 20%);
    position: absolute;
    left: 0;
    top: 0;
    transition: all .5s;
    opacity: 1;
}
.box-video a:hover:before{
    opacity: 0;
}
.box-video a:after{
    content: '';
    display: block;
    width: 72px;
    height: 83px;
    background-image: url("data:image/svg+xml,%3Csvg width='72' height='83' viewBox='0 0 72 83' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M70.5 38.5115C72.5 39.6662 72.5 42.553 70.5 43.7077L4.5 81.8128C2.5 82.9675 1.26184e-07 81.5241 2.27131e-07 79.2147L3.55839e-06 3.0045C3.65933e-06 0.695101 2.5 -0.748275 4.5 0.406426L70.5 38.5115Z' fill='white' fill-opacity='0.8' /%3E%3C/svg%3E");
    position: absolute;
    left: 50%;
    margin-left: -36px;
    top: 50%;
    margin-top: -42px;
    transition: all .5s;
}
.box-video a:hover:after{
    transform: scale(1.2);
}

section.block-about{
    padding-bottom: clamp(50px, 7.4vw, 100px);
}
section.block-about .grid{
    display: grid;
    grid-template-columns: 57.5% 1fr;
    gap: clamp(15px, 2.2vw, 30px);
}
section.block-about .descr{
    font-weight: 400;
    font-size: var(--fz20);
    line-height: 140%;
    color: #252525;
}
section.block-about .descr p:not(:last-child){
    margin-bottom: clamp(15px, 1.9vw, 25px);
}
section.block-about .btn-main{
    margin-top: clamp(15px, 1.9vw, 25px);
}

section.block-quality{
    background-color: #f5f5f5;
    padding-top: clamp(45px, 6.7vw, 90px);
    padding-bottom: clamp(45px, 6.7vw, 90px);
}
section.block-quality .small-text{
    font-style: italic;
    font-weight: 300;
    font-size: var(--fz22);
    color: #ff852e;
    margin-top: 8px;
    margin-bottom: clamp(25px, 3.7vw, 50px);
}
.grid-quality{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: clamp(15px, 2.2vw, 30px);
    margin-top: clamp(15px, 2.2vw, 30px);
}
.grid-quality .item .num {
    display: none; 
    font-weight: 700;
    font-size: var(--fz40);
    text-align: center;
    color: #ff654f;
    background-color: #fff;
    width: 80px;
    height: 80px;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    margin: 0 auto 10px;
    border: 1px solid #eeeeee;
}
.grid-quality .item{
    text-align: center;
}
.grid-quality .item .name{
    font-weight: 700;
    font-size: var(--fz22);
    text-align: center;
    color: #ff654f;
    margin-bottom: 15px;
}
.grid-quality .item:nth-child(2) .name,
.grid-quality .item:nth-child(2) .num{
    color: #ff555a;
}
.grid-quality .item:nth-child(3) .name,
.grid-quality .item:nth-child(3) .num{
    color: #ff4566;
}
.grid-quality .item:nth-child(4) .name
.grid-quality .item:nth-child(4) .num{
    color: #ff3570;
}
.grid-quality .item:nth-child(5) .name
.grid-quality .item:nth-child(5) .num{
    color: #ff257b;
}
.grid-quality .item .descr{
    font-weight: 400;
    font-size: var(--fz16);
    line-height: 138%;
}

.heading-second{
    font-weight: 400;
    font-size: var(--fz50);
    line-height: 140%;
    color: #333;
    max-width: 950px;
    margin-bottom: clamp(25px, 3.7vw, 50px);
    text-transform: uppercase;
}
.heading-second span{
    font-weight: 700;
    font-size: var(--fz96);
    color: #ff852e;
}
section.block-quality .heading-second{
    margin-bottom: 0;
}

section.block-social{
    padding-top: clamp(50px, 7.4vw, 100px);
    padding-bottom: clamp(50px, 7.4vw, 100px);
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg width='1628' height='197' viewBox='0 0 1628 197' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M78.5504 161.522L88.659 179.031L69.7211 189.965L59.6124 172.456L78.5504 161.522ZM2.06299 97.5334C10.6926 89.3749 19.5335 82.6825 28.5856 77.4563C53.1216 63.2904 70.7533 65.4978 81.4809 84.0785C93.5837 105.041 87.7245 122.399 63.9032 136.153L73.3929 152.589L54.4549 163.523L36.3007 132.079L55.2386 121.145C67.3875 114.131 70.2987 105.145 63.9722 94.1871C59.021 85.6114 50.1137 85.037 37.2502 92.4637C28.198 97.69 19.3572 104.382 10.7275 112.541L2.06299 97.5334Z' fill='%23EDEDED' /%3E%3Cpath d='M973.477 170.053L967.663 183.328L953.305 177.04L959.118 163.766L973.477 170.053ZM977.922 98.7091C986.298 100.225 993.918 102.486 1000.78 105.491C1019.38 113.637 1025.6 124.754 1019.43 138.842C1012.47 154.736 999.961 158.728 981.9 150.819L976.443 163.281L962.084 156.993L972.524 133.152L986.883 139.44C996.094 143.474 1002.52 141.337 1006.16 133.029C1009 126.527 1005.55 121.14 995.798 116.869C988.935 113.864 981.315 111.603 972.939 110.087L977.922 98.7091Z' fill='%23EDEDED' /%3E%3Cpath d='M1585.8 95.4386L1599.68 109.315L1584.67 124.325L1570.79 110.448L1585.8 95.4386ZM1498.01 54.6577C1504.05 44.8401 1510.66 36.3441 1517.83 29.1696C1537.28 9.72321 1554.37 7.36321 1569.09 22.0896C1585.71 38.7041 1584.57 56.4513 1565.69 75.3313L1578.72 88.3585L1563.71 103.368L1538.79 78.4465L1553.8 63.4369C1563.43 53.8081 1563.9 44.6513 1555.22 35.9665C1548.42 29.1696 1539.92 30.8688 1529.73 41.0641C1522.55 48.2385 1515.95 56.7345 1509.9 66.5521L1498.01 54.6577Z' fill='%23EDEDED' /%3E%3Cpath d='M519.252 96.1948L512.878 107.235L500.937 100.341L507.311 89.3004L519.252 96.1948ZM530.08 34.2531C537.256 36.3933 543.698 39.1111 549.405 42.4065C564.877 51.3388 569.23 61.6629 562.466 73.379C554.834 86.597 543.508 88.87 528.488 80.1979L522.504 90.5621L510.563 83.6677L522.01 63.8406L533.951 70.735C541.612 75.1577 547.437 73.9144 551.426 67.005C554.548 61.5976 552.053 56.5524 543.942 51.8695C538.234 48.5741 531.792 45.8562 524.617 43.716L530.08 34.2531Z' fill='%23EDEDED' /%3E%3C/svg%3E");
}
.social-questions{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: clamp(35px, 5.2vw, 70px);
}
.social-questions .quest{
    font-style: italic;
    font-weight: 700;
    font-size: var(--fz26);
    color: #ff852e;
    border: 2px solid #9fdfe9;
    border-radius: 15px;
    padding: 15px;
    background-color: #fff;
}
.soc-but{
    display: flex;
    flex-wrap: wrap;
    gap: clamp(15px, 2.2vw, 30px);
}
.soc-but a{
    display: block;
    width: 115px;
    min-width: 115px;
    height: 115px;
    background-size: 77px;
    background-color: #eaeefa;
    border-radius: 35px;
    background-repeat: no-repeat;
    background-position: center;
}
.soc-but a:hover{
    background-color: #ff1f80;
}
.soc-but a.rutube{
    background-image: url("/template/img/soc-rutube1.png");
}
.soc-but a.tg{
    background-image: url("/template/img/soc-tg1.png");
}
.soc-but a.vk{
    background-image: url("/template/img/soc-vk1.png");
}
.soc-but a.max{
    background-image: url("/template/img/soc-max1.png");
}

section.block-social .grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(15px, 2.2vw, 30px);
    align-items: center;
}
section.block-social .col-text{
    font-weight: 400;
    font-size: var(--fz22);
    line-height: 136%;
}
section.block-social .col-text p:not(:last-child){
    margin-bottom: clamp(15px, 2.2vw, 30px);
}

section.block-reviews .box-img-rewiews{
    border-radius: 24px;
    overflow: hidden;
    position: relative;
}
section.block-reviews .box-img-rewiews .btn-main{
    position: absolute;
    right: clamp(25px, 3.7vw, 50px);
    bottom: clamp(25px, 3.7vw, 50px);
    background: #fff;
    color: #000;
    font-size: var(--fz19);
    padding: 17px 28px;
}
section.block-reviews .box-img-rewiews .btn-main:before{
    display: none;
}
section.block-reviews .box-img-rewiews .btn-main:hover{
    background: #ff852e;
    color: #fff;
}

footer{
    background-color: #f5feff;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: clamp(50px, 7.4vw, 100px);
}
.home footer{
    background-color: #fff;
}
footer .soc-but{
    gap: 8px;
    margin-top: clamp(15px, 1.5vw, 20px);
}
footer .soc-but a {
    width: 40px;
    min-width: 40px;
    height: 40px;
    background-size: 24px;
    border-radius: 16px;
}
.top-footer{
    display: grid;
    grid-template-columns: 304px 1fr auto;
    gap: 20px;
    justify-content: space-between;
    margin-bottom: clamp(25px, 3vw, 40px);
}
ul.footer-mnu {
    column-count: 2;
    gap: 20px;
    max-width: 100%;
}
ul.footer-mnu li a{
    font-weight: 400;
    font-size: var(--fz16);
    color: #232b3a;
}
ul.footer-mnu li a:hover{
    color: var(--color-hover);
}
ul.footer-mnu li{
    margin-bottom: clamp(15px, 1.5vw, 20px);
}
footer .phone-footer a{
    font-weight: 400;
    font-size: var(--fz28);
    color: #000;
}
footer .phone-footer{
    margin-bottom: 5px;
}
footer .phone-footer a:hover{
    color: var(--color-hover);
}
footer .email-footer a{
    font-weight: 500;
    font-size: var(--fz20);
    color: #0e86ff;
}
footer .email-footer a:hover{
    color: var(--color-hover);
}
footer .email-footer{
    margin-bottom: 20px;
}
.top-footer .col-right {
    display: flex;
    flex-direction: column;
    align-items: end;
}
.bottom-footer{
    display: flex;
    align-items: end;
    column-gap: clamp(45px, 6.7vw, 90px);
    font-weight: 400;
    font-size: var(--fz16);
    color: #232b3a;
}
.copyright p:not(:last-child){
    margin-bottom: 5px;
}
.bottom-footer a:hover{
    color: var(--color-hover);
}

.modal-form .btn-main{
    padding: 19px;
    min-width: 149px;
    display: block;
    margin: 5px auto 0;
}

.main-content .grid-column-2{
    display: grid;
    /*    grid-template-columns: 57.5% 1fr;*/
    grid-template-columns: 1fr 1fr;
    gap: clamp(15px, 2.2vw, 30px);
    margin-top: clamp(25px, 3.7vw, 50px);
    margin-bottom: clamp(25px, 3.7vw, 50px);
}

body.head-page header {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: transparent;
}
.head{
    background-repeat: no-repeat;
    background-position: top center;
    background-image: url(/template/img/head-bg.svg);
    padding-top: 138px;
    min-height: 823px;
    margin-bottom: 15px;
}
.head .grid{
    display: grid;
    grid-template-columns: 40% 1fr;
    gap: clamp(15px, 2.2vw, 30px);
}
.head-text{
    padding-top: clamp(35px, 5.2vw, 70px);
    padding-bottom: clamp(20px, 2.6vw, 35px);
    font-weight: 400;
    font-size: var(--fz20);
    line-height: 140%;
    color: #232b3a;
    max-width: 535px;
}
.head-text .heading-head{
    font-weight: 400;
    font-size: var(--fz64);
    color: #252525;
    margin-bottom: clamp(15px, 2.2vw, 30px);
    line-height: 1;
}
.head a.btn-main {
    padding: clamp(15px, 1.5vw, 19px) 15px;
    margin-top: clamp(15px, 2.2vw, 30px);
}

.catalot-top-text{
    font-weight: 400;
    font-size: var(--fz18);
    line-height: 144%;
    max-width: 750px;
    margin-bottom: clamp(25px, 3.7vw, 50px);
}
.catalot-top-text p:not(:last-child){
    margin-bottom: 15px;
}
.catalot-top-text h2{
    font-weight: 700;
    font-size: var(--fz50);
    margin-bottom: clamp(20px, 3vw, 40px);
}

.product-top-grid {
    display: grid;
    grid-template-columns: minmax(20%, 57.4%) 1fr;
    gap: clamp(20px, 2.6vw, 35px);
    margin-bottom: clamp(25px, 3.7vw, 50px);
}
.wrap-slider-product .slider-for .box-image {
    background-color: #f5feff;
    border-radius: 15px;
    aspect-ratio: 804/796;
    overflow: hidden;
    padding: 20px;
}
.wrap-slider-product .slider-for .box-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.wrap-slider-product .slider-for .box-image img.gorizontal{
    object-fit: cover;
}
.slider-nav-product .wrap-slide {
    padding-left: 5px;
    padding-right: 5px;
}
.slider-nav-product .box-image {
    border: 1px solid #f3f3f3;
    border-radius: 10px;
    padding: 10px;
    height: 117px;
    background-color: #f5feff;
    cursor: pointer;
    max-width: 97px;
    margin-left: auto;
    margin-right: auto;
}
.slider-nav-product .slick-current .box-image{
    border-color: var(--color-main);
}
.slider-nav-product .box-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.slider-nav-product .box-image img.gorizontal{
    object-fit: cover;
}
.wrap-slider-product .slider-nav-product {
    padding: 0 27px;
    margin-top: 10px;
    max-width: 680px;
    margin-left: auto;
    margin-right: auto;
}
.slider-nav-product button.slick-prev,
.slider-nav-product button.slick-next{
    width: 17px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='30' viewBox='0 0 17 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.6211 1.06067L2.12109 14.5607L15.6211 28.0607' stroke='%23D9D9D9' stroke-width='3' /%3E%3C/svg%3E");
}
.slider-nav-product button.slick-prev{
    left: 3px;
}
.slider-nav-product button.slick-next{
    right: 3px;
}
.slider-nav-product button.slick-prev:hover,
.slider-nav-product button.slick-next:hover{
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='30' viewBox='0 0 17 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.6211 1.06067L2.12109 14.5607L15.6211 28.0607' stroke='%23ff852e' stroke-width='3' /%3E%3C/svg%3E");
}

.product-top-grid .column-right .content-product{
    font-weight: 400;
    font-size: var(--fz16);
    line-height: 138%;
}
.product-top-grid .column-right .content-product h2{
    font-weight: 700;
    font-size: var(--fz24);
    margin-bottom: 15px;
    margin-top: clamp(20px, 3.4vw, 60px);
}
.product-top-grid .column-right .content-product h2:first-child{
    margin-top: 0;
}
.product-top-grid .column-right .content-product p{
    margin-bottom: 15px;
}
.product-top-grid .column-right .content-product p:last-child{
    margin-bottom: 0;
}
.product-top-grid .column-right .btn-main {
    font-size: var(--fz32);
    padding: 14px 15px;
    max-width: 251px;
    width: 100%;
    margin-top: clamp(20px, 3.4vw, 60px);
}

.section.block-similar {
    clear: both;
    margin-top: 20px;
}
.heading-similar{
    font-weight: 700;
    font-size: var(--fz50);
    margin-bottom: clamp(15px, 2.2vw, 30px);
}

.index-products{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(15px, 2.2vw, 30px);
}
.item-product a.wrap{
    position: relative;
    display: block;
    background-color: #f5feff;
    border-radius: 15px;
    padding: 20px;
    overflow: hidden;
}
.item-product .box-img {
    text-align: center;
    aspect-ratio: 447 / 499;
    max-height: 400px;
    margin: 0 auto;
}
.item-product .box-img img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.item-product .name{
    font-weight: 700;
    font-size: var(--fz26);
    text-align: center;
    margin-top: clamp(15px, 2.2vw, 30px);
}
.item-product a.wrap .hover-block {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 100%;
    border-radius: 15px;
    overflow: hidden;
    transition: all .5s;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: flex;
    align-items: end;
}
.item-product a.wrap:hover .hover-block{
    top: 0;
}
.item-product .hover-block .hover-text{
    background: rgba(51, 51, 51, 0.7);
    padding: clamp(15px, 1.9vw, 25px);
    color: #fff;
    width: 100%;
}
.item-product .hover-block .hover-text .box-text{
    font-weight: 400;
    font-size: var(--fz16);
}
.item-product .hover-block .hover-text .box-text h3{
    font-weight: 700;
    font-size: var(--fz30);
    margin-bottom: 10px;
}
.sweetness{
    background: rgba(255, 255, 255, 0.7);
    font-weight: 700;
    font-size: var(--fz14);
    color: #333;
    border-radius: 5px;
    padding: 4px 10px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
}
.sweetness .grid{
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
}
.sweetness .sweet{
    width: 11px;
    height: 11px;
    border-radius: 100%;
    background-color: #fff;
}
.sweetness .sweet.sweet-active{
    background-color: #ff1f80;
}

.news-category{
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: clamp(25px, 3.7vw, 50px);
    width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
.news-category a{
    background-color: #f3f3f3;
    font-weight: 400;
    font-size: var(--fz18);
    text-transform: uppercase;
    color: #909090;
    border-radius: 15px;
    padding: 15px clamp(15px, 1.5vw, 20px);
    min-width: 268px;
    text-align: center;
    white-space: nowrap;
}
.news-category a:hover{
    background-color: #E7E7E7;
}
.news-category a.active{
    background-color: #302215;
    background: linear-gradient(90deg, #ff1f80 0%, #ff6c4a 100%);
    color: #fff;
}

.index-news{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(15px, 2.2vw, 30px);
}
.item-new .box-img{
    aspect-ratio: 447/325;
    border-radius: 15px;
    overflow: hidden;
}
.item-new .box-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.date-new{
    font-weight: 400;
    font-size: var(--fz16);
    color: #ff1f80;
    margin-bottom: clamp(25px, 3.7vw, 50px);
}
.item-new .date-new{
    margin-bottom: clamp(15px, 1.5vw, 20px);
    margin-top: clamp(15px, 2.2vw, 30px);
}
.item-new .name{
    font-weight: 700;
    font-size: var(--fz20);
    line-height: 150%;
    color: #3a3a3a;
    margin-bottom: clamp(15px, 1.5vw, 20px);
    transition: all .3s;
}
.item-new a:hover .name{
    color: #ff1f80;
}
.item-new .descr{
    font-weight: 400;
    font-size: var(--fz16);
    line-height: 138%;
}
.content-new{
    max-width: 1043px;
}

.main-content .soc-but a{
    width: 97px;
    min-width: 97px;
    height: 97px;
    background-size: 56px;
}
.main-content .content-contacts{
    background-color: #f5feff;
    border-radius: 15px;
    padding: clamp(15px, 2.2vw, 30px);
    margin-bottom: clamp(15px, 1.5vw, 20px);
    display: grid;
/*    grid-template-columns: 310px 1fr;*/
    grid-template-columns: 23% 1fr;
    gap: clamp(15px, 2.2vw, 30px);
}
.main-content .content-contacts p{
    margin-bottom: 10px;
    line-height: normal;
}
.main-content .content-contacts p:last-child{
    margin-bottom: 0;
}
.main-content .content-contacts h2{
    margin-bottom: 0;
    padding-top: 0;
    text-transform: uppercase;  
}
.address,
.phone,
.email,
.clock{
    display: flex;
    gap: 10px;
    font-weight: 400;
    font-size: var(--fz18);
}
.address:before,
.phone:before,
.email:before,
.clock:before{
    content: '';
    display: block;
    width: 20px;
    min-width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
}
.address:before{
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.99931 0C5.96755 0 2.6875 3.33899 2.6875 7.44318C2.6875 9.73889 3.8486 12.5253 6.13864 15.7251C7.8145 18.0668 9.46591 19.7369 9.5354 19.8069C9.66314 19.9355 9.83119 20 9.99943 20C10.1628 20 10.3263 19.9391 10.453 19.8171C10.5226 19.75 12.1782 18.1475 13.8572 15.8382C16.1491 12.6858 17.3112 9.86131 17.3112 7.44314C17.3111 3.33899 14.031 0 9.99931 0ZM9.99931 10.6565C8.02821 10.6565 6.42466 9.05291 6.42466 7.08185C6.42466 5.11079 8.02825 3.50719 9.99931 3.50719C11.9704 3.50719 13.574 5.11079 13.574 7.08185C13.574 9.05291 11.9703 10.6565 9.99931 10.6565Z' fill='%23333333' /%3E%3C/svg%3E");
}
.phone:before{
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_97_1109)'%3E%3Cpath d='M15.2051 13.2304C14.5517 12.5853 13.736 12.5853 13.0867 13.2304C12.5915 13.7215 12.0962 14.2126 11.6093 14.712C11.4761 14.8493 11.3638 14.8785 11.2014 14.7869C10.881 14.6121 10.5397 14.4706 10.2317 14.2792C8.79592 13.3761 7.59315 12.2149 6.52773 10.9081C5.99918 10.2589 5.52889 9.56384 5.20011 8.78142C5.13352 8.62327 5.14601 8.51922 5.27502 8.39021C5.77028 7.9116 6.25305 7.42051 6.73998 6.92941C7.41836 6.24688 7.41836 5.44781 6.73582 4.76111C6.34877 4.3699 5.96172 3.98701 5.57467 3.5958C5.17514 3.19627 4.77977 2.79257 4.37607 2.3972C3.72267 1.76044 2.90695 1.76044 2.25771 2.40136C1.75829 2.89246 1.27968 3.39603 0.771944 3.8788C0.301659 4.32412 0.0644358 4.86932 0.014494 5.50607C-0.0645804 6.54236 0.18929 7.52039 0.547206 8.47344C1.27968 10.4461 2.39505 12.1983 3.74764 13.8047C5.57467 15.9772 7.75546 17.696 10.3067 18.9362C11.4553 19.4939 12.6456 19.9226 13.9399 19.9933C14.8305 20.0433 15.6046 19.8185 16.2247 19.1235C16.6493 18.6491 17.1279 18.2162 17.5773 17.7626C18.2432 17.0884 18.2474 16.2727 17.5857 15.6068C16.7949 14.8119 16 14.0211 15.2051 13.2304Z' fill='%23333333' /%3E%3Cpath d='M14.4098 9.91343L15.9455 9.65124C15.7042 8.24039 15.0383 6.96271 14.027 5.94723C12.9574 4.87764 11.6048 4.20343 10.1149 3.99534L9.89844 5.53937C11.0513 5.70168 12.1 6.22191 12.9282 7.05011C13.7107 7.83253 14.2226 8.82304 14.4098 9.91343Z' fill='%23333333' /%3E%3Cpath d='M16.8124 3.23789C15.0394 1.46496 12.7962 0.34543 10.3199 0L10.1035 1.54403C12.2427 1.84368 14.1821 2.81338 15.7136 4.34077C17.1661 5.79324 18.1192 7.6286 18.4646 9.64708L20.0003 9.38488C19.5966 7.04595 18.4937 4.92342 16.8124 3.23789Z' fill='%23333333' /%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_97_1109'%3E%3Crect width='20' height='20' fill='white' /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.email:before{
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5898 12.5201C10.4021 12.6273 10.1877 12.681 10 12.681C9.81233 12.681 9.59786 12.6273 9.41019 12.5201L0 6.78284V14.4236C0 16.059 1.31367 17.3727 2.94906 17.3727H17.0509C18.6863 17.3727 20 16.059 20 14.4236V6.78284L10.5898 12.5201Z' fill='%23333333' /%3E%3Cpath d='M17.0506 2.62735H2.94871C1.55461 2.62735 0.374984 3.61931 0.0800781 4.93298L9.99965 10.992L19.9192 4.93298C19.6243 3.61931 18.4447 2.62735 17.0506 2.62735Z' fill='%23333333' /%3E%3C/svg%3E");
}
.clock:before{
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.6385 1.53694C19.405 1.30332 19.0952 1.16293 18.7661 1.16293H1.2339C0.904797 1.16293 0.594995 1.30332 0.361539 1.53694C0.128083 1.77051 -0.000279199 2.0863 4.5599e-07 2.41545L0.0128087 17.593C0.0134239 18.2734 0.567477 18.8372 1.24793 18.8372H18.752C19.4325 18.8372 19.9866 18.2763 19.9871 17.5959L19.9999 2.41915C20.0003 2.08993 19.8719 1.77051 19.6385 1.53694ZM18.1409 16.8755C18.1409 16.9395 18.089 16.9914 18.025 16.9914H1.98086C1.91681 16.9914 1.86497 16.9395 1.86497 16.8755V6.48036C1.86497 6.41637 1.91687 6.36452 1.98086 6.36452H18.025C18.089 6.36452 18.1409 6.41637 18.1409 6.48036V16.8755H18.1409Z' fill='%23333333' /%3E%3Cpath d='M3.99131 11.0068H5.83704C6.2997 11.0068 6.676 10.6304 6.676 10.1678V8.65769C6.676 8.19509 6.2997 7.81873 5.83704 7.81873H3.99131C3.5287 7.81873 3.15234 8.19509 3.15234 8.65769V10.1678C3.15234 10.6304 3.52865 11.0068 3.99131 11.0068Z' fill='%23333333' /%3E%3Cpath d='M9.0792 11.0068H10.9249C11.3875 11.0068 11.7639 10.6304 11.7639 10.1678V8.65769C11.7639 8.19509 11.3875 7.81873 10.9249 7.81873H9.0792C8.61659 7.81873 8.24023 8.19509 8.24023 8.65769V10.1678C8.24023 10.6304 8.61654 11.0068 9.0792 11.0068Z' fill='%23333333' /%3E%3Cpath d='M14.2257 11.0068H16.0714C16.534 11.0068 16.9104 10.6304 16.9104 10.1678V8.65769C16.9104 8.19509 16.534 7.81873 16.0714 7.81873H14.2257C13.7631 7.81873 13.3867 8.19509 13.3867 8.65769V10.1678C13.3867 10.6304 13.763 11.0068 14.2257 11.0068Z' fill='%23333333' /%3E%3Cpath d='M3.99131 15.6491H5.83704C6.2997 15.6491 6.676 15.2728 6.676 14.8101V13.3C6.676 12.8374 6.2997 12.461 5.83704 12.461H3.99131C3.5287 12.461 3.15234 12.8374 3.15234 13.3V14.8101C3.15234 15.2727 3.52865 15.6491 3.99131 15.6491Z' fill='%23333333' /%3E%3Cpath d='M9.0792 15.6491H10.9249C11.3875 15.6491 11.7639 15.2728 11.7639 14.8101V13.3C11.7639 12.8374 11.3875 12.461 10.9249 12.461H9.0792C8.61659 12.461 8.24023 12.8374 8.24023 13.3V14.8101C8.24023 15.2727 8.61654 15.6491 9.0792 15.6491Z' fill='%23333333' /%3E%3Cpath d='M14.2257 15.6491H16.0714C16.534 15.6491 16.9104 15.2728 16.9104 14.8101V13.3C16.9104 12.8374 16.534 12.461 16.0714 12.461H14.2257C13.7631 12.461 13.3867 12.8374 13.3867 13.3V14.8101C13.3867 15.2727 13.763 15.6491 14.2257 15.6491Z' fill='%23333333' /%3E%3C/svg%3E");
}
.wrap-contacts{
    display: flex;
    flex-direction: column;
    gap: clamp(15px, 2.2vw, 30px);
}

.wrap-contacts .phone a{
    color: #333;
}
.wrap-contacts .phone a:hover{
    color: var(--color-main);
}
.wrap-contacts .email p a{
    font-weight: 700;
    color: #333;
    text-decoration: none;
    border: none;
}
.wrap-contacts .email p a:hover{
    color: var(--color-main);
}
.content-contacts .clock p {
    display: flex;
    justify-content: space-between;
    column-gap: clamp(15px, 2.2vw, 30px);
    font-weight: 400;
    font-size: var(--fz18);
}
.requisites table {
    table-layout: fixed;
    width: 100%;
}
table.custom-table td {
    vertical-align: sub;
    width: 50%;
    font-weight: 400;
    font-size: var(--fz18);
    color: #333;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: clamp(15px, 2.2vw, 30px);
}
table.custom-table td:last-child{
    font-weight: 700;
}
.main-content .box-soc-content{
    max-width: 685px;
}
.main-content .box-soc-content p{
    font-weight: 400;
    font-size: var(--fz22);
    line-height: 136%;
    margin-bottom: clamp(15px, 2.2vw, 30px);
}
.main-content .box-soc-content h2{
    padding-top: 0;
    text-transform: uppercase;
}
.box-map{
    height: clamp(350px, 44.4vw, 800px);
    border-radius: 15px;
    overflow: hidden;
    margin-top: clamp(25px, 3.7vw, 50px);
    margin-bottom: clamp(25px, 3.7vw, 50px);
}
.box-map iframe{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.grid-coop{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(15px, 2.2vw, 30px);
    margin-bottom: 20px;
}

.wrap-form .heading-form{
    font-weight: 700;
    font-size: var(--fz24);
    margin-bottom: 10px;
}

.block-plus .grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(15px, 2.2vw, 30px);
}
.block-plus .item-plus{
    padding: clamp(15px, 2.2vw, 30px);
    border: 3px solid transparent;
    border-radius: 15px;
    background:
    linear-gradient(#fff, #fff) padding-box,
    linear-gradient(to right, #FF1F80 0%, #FF6C4A 100%) border-box;
}
.block-plus .item-plus .icon{
    width: 80px;
    height: 80px;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: clamp(15px, 2.2vw, 30px);
    background-size: contain;
}
.block-plus .item-plus p.heading{
    font-weight: 700;
    font-size: var(--fz26);
    line-height: 115%;
    background: linear-gradient(90deg, #ff1f80 0%, #ff6c4a 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: clamp(15px, 2.2vw, 30px);
}
.block-plus .item-plus .descr,
.block-plus .item-plus .descr p{
    font-weight: 400;
    font-size: var(--fz16);
    line-height: 138%;
    color: #909090;
}
.block-plus .item-plus .descr p:last-child{
    margin-bottom: 0;
}
.block-plus .btn-main {
    padding: clamp(15px, 1.5vw, 19px) 15px;
    margin-top: clamp(15px, 2.2vw, 30px);
}

.category-name{
    font-weight: 700;
    font-size: var(--fz50);
    color: #ff852e;
    margin-bottom: clamp(15px, 2.2vw, 30px);
}
.category-and-products .index-products{
    margin-bottom: clamp(25px, 3.7vw, 50px);
}


.page-production{
    padding-top: clamp(25px, 3.7vw, 50px);
    padding-bottom: clamp(25px, 3.7vw, 50px);
}
.page-production p{
    font-size: var(--fz20);
    font-weight: 400;
    line-height: 140%;
    margin-bottom: 18px;
}
.page-production ul li{
    margin-bottom: 15px;
}
.block-page-slider{
    padding-top: 10px;
    padding-bottom: clamp(25px, 3.7vw, 50px);
}
.block-page-slider .grid{
    display: grid;
    grid-template-columns: minmax(20%, 50%) 1fr;
    gap: clamp(15px, 2.2vw, 30px);
}
.slider-in-page {
    border-radius: 15px;
    overflow: hidden;
    margin-left: -10px;
    margin-right: -10px;
}
.slider-in-page .slick-slide{
    padding-left: 10px;
    padding-right: 10px;
}
.slider-in-page .box-img{
    aspect-ratio: 685/752;
    border-radius: 15px;
    overflow: hidden;
}
.slider-in-page .box-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.main-content .heading-main {
    font-size: var(--fz50);
    font-weight: 700;
    margin-bottom: 20px;
    padding-top: 0;
}
blockquote{
    padding: clamp(15px, 2.2vw, 30px);
    border: 2px solid transparent;
    border-radius: 15px;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(to right, #FF1F80 0%, #FF6C4A 100%) border-box;
}
blockquote p:last-child{
    margin-bottom: 0;
}
blockquote strong{
    font-weight: 700;
    background: linear-gradient(90deg, #ff1f80 0%, #ff6c4a 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.grid-list{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: clamp(15px, 2.2vw, 30px);
    margin-bottom: 18px;
}
.grid-list .item{
    border-radius: 15px;
    padding: 25px;
    background-color: #f3f3f3;
    display: flex;
    align-items: center;
    justify-content: center;
}
.grid-list p{
    margin: 0;
    text-align: center;
    font-weight: 700;
    font-size: var(--fz22);
    line-height: 127%;
    background: linear-gradient(90deg, #ff1f80 0%, #ff6c4a 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.main-content .color-bold{
    font-weight: 700;
    background: linear-gradient(90deg, #ff1f80 0%, #ff6c4a 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.block-page-blue{
    margin-top: clamp(25px, 3.7vw, 50px);
    margin-bottom: clamp(25px, 3.7vw, 50px);
    background-color: #f5feff;
    padding-top: clamp(35px, 5.2vw, 70px);
    padding-bottom: clamp(35px, 5.2vw, 70px);
}

.page-production a.btn-main{
    padding: clamp(15px, 1.5vw, 19px) 15px;
    margin-top: 15px
}
.product-top-grid .sweetness {
    background: #f7feff;
    margin-top: 0;
    margin-bottom: 20px;
    padding: 7px 13px;
    background: #e5e5e5;
}

.age-popup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(50 31 17 / 97%);
    z-index: 9999;
    display: none;
}
.age-popup .popup-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    padding: 40px 30px;
    border-radius: 12px;
    text-align: center;
    max-width: 570px;
    width: 90%;
    box-shadow: 0 10px 40px rgba(0,0,0,0.3);
}
.age-popup .popup-inner h3 {
    color: #333;
    font-size: var(--fz28);
    margin-top: 20px;
    margin-bottom: 20px;
}
.age-popup .popup-inner p {
    color: #666;
    margin: 0 0 25px 0;
    line-height: 1.5;
    font-size: 16px;
}
.age-popup .grid-btns {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.age-popup .grid-btns .btn {
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
}
body.no-scroll {
    overflow: hidden;
    position: fixed;
    width: 100%;
    height: 100%;
}