/* Start:/local/templates/verdi-inner/css/verdi.css?1759211956109089*/
@import url('https://fonts.googleapis.com/css2?family=Onest:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Onest:wght@100..900&family=Tenor+Sans&display=swap');
/*RESET STYLE*/
*, *::before, *::after {
    padding: 0;
    margin: 0;
    border: none;
    box-sizing: border-box;
}

a, a:visited, a:hover {
    color: inherit;
    text-decoration: none;
}

a:focus, a:active {
    outline: none;
}

h1, h2, h3, h4, h5, h6, p {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}



ul {
    list-style: none;
}

img, svg, video {
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
    height: auto;
    object-fit: cover;
}

/* Form */

input, textarea, button, select {
    font-family: inherit;
    font-size: inherit;
}

input::-ms-clear {
    display: none;
}

button, input[type="submit"] {
    display: inline-block;
    box-shadow: none;
    background-color: transparent;
    cursor: pointer;
}


button::-moz-focus-inner {
    padding: 0;
    border: none;
}

label {
    cursor: pointer;
}

legend {
    display: block;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}
/*START STYLE*/
body {
    font-family: Onest;   
    background: #fff;
   
}
h1, h2, h3, h4, h5, h6 {
    font-family: Onest;   
}
.container {
    max-width: 1470px;
    padding: 0 15px;
    margin: 0 auto;
}


.header-wrapper {
    width: 100%;
    position: relative;
 
} 
.header-menu {
    display: flex;
    width: 100%;
    
    height: 60px;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #FFFFFF;
    position: absolute;
    
	top: 0;
	left: 0;
    z-index: 9999;
    color: #fff;
    font-family: Onest;
    font-size: 12px;
    font-weight: 400;
    line-height: 15.3px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}
.header-menu-left {
    padding-left: 20px;
}
.header-menu-left-navigation {
   
}
.header-menu-left-navigation ul {
    display: flex;
    gap: 20px;
    
}
.header-menu-left-navigation-reditem {
    color:#CF3E1D;
}
.header-menu-mid {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.header-menu-mid-logo img {
    width: 161px;
}
.header-menu-mid-logo img:hover {
    opacity: 0.7;
    transition: .8s;
}
.header-menu-right {
    padding-right: 20px;
    display: flex;
    gap: 20px;
}
.header-menu-right-item {
}
.header-menu-right-item-favor {
    display: flex;
    gap: 8px;
}
.header-menu-right-item-favor p {
    color: #0F0F0F4D;
}
.header-menu-right-item-basket {
    display: flex;
    gap: 8px;   
    cursor: pointer;
}
.header-menu-right-item-basket p {
    color: #0F0F0F4D;
}
.header-menu-ul a {
    position: relative;
    display: inline-block;   
    transition: color .2s ease;

}

.header-menu-ul a:hover {
    color: #354554;

}

.header-menu-ul a:hover::after,
.header-menu-ul a:hover::before {
    width: 100%;
    left: 0;
}

.header-menu-ul a::after,
.header-menu-ul a::before {
    content: '';
    position: absolute;
    top: calc(100% + 5px);
    width: 0;
    right: 0;
    height: 2px;
}

.header-menu-ul a::before {
    transition: width .4s cubic-bezier(0.51, 0.18, 0, 0.88) .1s;
    background: #8299AB;
}

.header-menu-ul a::after {
    transition: width .2s cubic-bezier(0.29, 0.18, 0.26, 0.83);
    background: #354554;
}

.header-menu-mid {
    font-family: Tenor Sans;
    font-size: 30px;
    font-weight: 400;
    line-height: 42.12px;
    text-align: left;
    color: #fff;
}

.header-menu-right {
    
}
.header-menu-right a {
    position: relative;
    display: inline-block;   
    transition: color .2s ease;

}

.header-menu-right a:hover {
    color: #354554;

}

.header-menu-right a:hover::after,
.header-menu-right a:hover::before {
    width: 100%;
    left: 0;
}

.header-menu-right a::after,
.header-menu-right a::before {
    content: '';
    position: absolute;
    top: calc(100% + 5px);
    width: 0;
    right: 0;
    height: 2px;
}

.header-menu-right a::before {
    transition: width .4s cubic-bezier(0.51, 0.18, 0, 0.88) .1s;
    background: #8299AB;
}

.header-menu-right a::after {
    transition: width .2s cubic-bezier(0.29, 0.18, 0.26, 0.83);
    background: #354554;
}

.header-menu-right-item-img:hover {    
    transition: .5s;
}
.header-menu-right-item-img a::after,
.header-menu-right-item-img a::before {
    display: none;
}



.dropdown {
    
    
}
.dropdown-content {
    display: none;
    width: 100%;
    background: #Fff;
    height: 310px;
    position: absolute;
    left: 0;
    overflow: hidden;
    padding: 20px;
    flex-direction: column; 
}
.dropdown-wrapper {
    display: flex;
    width: 100%;
    padding-bottom: 15px;
}
.dropdown-content a {
    color: #0F0F0F;
    text-transform: uppercase;
    font-family: Onest;
    font-size: 12px;
    font-weight: 400;
    line-height: 15.3px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;

}
.dropdown-content-left {
    width: 50%;
}
.dropdown-content-left-col {
    display: grid;
    row-gap: 15px;  
    grid-template-columns: repeat(2, 280px);
    grid-template-rows: repeat(8, 1fr);
    grid-auto-flow: column;

}
.dropdown-content-left-col a {
    width: 180px;
}

.dropdown-content-right {
    width: 50%;
    display: flex;
    gap: 2px;
    justify-content: flex-end;
}
.dropdown-content-right-cart {
    height: 210px;
    width: 210px;
    display: flex;
    flex-direction: column;
    background-size: cover;
    position: relative;
}
.dropdown-content-right-cart a {
    display: flex;
    gap: 10px;  
    margin-top: auto;
    margin-left: 15px;
    margin-bottom: 15px;
    font-family: Onest;
    font-size: 12px;
    font-weight: 500;
    line-height: 15.3px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #fff;
    
}
.dropdown-bot {
    padding-top: 15px;
    border-top: 1px solid #0F0F0F14;
}
.dropdown-bot a {
    color: #0F0F0F4D;
    text-transform: unset;
    width: 280px;
}
.dropdown-bot a::before, .dropdown-bot a::after {
    display: none;
}




.dropdown:hover .dropdown-content {
    display: grid;
    animation: fadeIn 1s;
}

@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}


.dropdown:hover .dropdown-btn {
    color: #0F0F0F;
    text-decoration: underline;
}
.dropdown:hover .dropdown-content-right-cart:first-child {       
        animation-name: move-to-left;        
        animation-duration: 1s;
        animation-timing-function: ease-in-out;
}
@keyframes move-to-left {
    0% {
        top: 0%;
        right: -50%;
    }

    100% {
        top: 0%;
        right: 0;
    }
}
.dropdown:hover .dropdown-content-right-cart:nth-child(2) {       
    animation-name: move-to-left;        
    animation-duration: 1.2s;
    animation-timing-function: ease-in-out;
}
@keyframes move-to-left {
0% {
    top: 0%;
    right: -50%;
}

100% {
    top: 0%;
    right: 0;
}
}


.search {
    position: relative;
}

.search-input {
    
    width: 0;
    height: 0;
    padding-left: 5px;
    color: #fff;
    background: transparent;
    backdrop-filter: blur(3px);
    transition: width .8s ease;
    
}
.search.active .search-input {
    height: 15px;
    width: 177px;
    
}
.search.active .search-close {
    display: block;
}

.search.active #search-btn {
    display: none;
}


.search-input::placeholder {
    color: #fff;
  }
.search-input:focus {
    outline: none;
}
.search-close {
    display: none;
    position: absolute;
    top: 0px;
    right: 10px;
    color: #fff;
}
.search-close:hover {
    color: #0F0F0F;
}
#search-btn {
    cursor: pointer;
    
}

.header-menu-fixed {
    position: fixed !important;
    top: 0 !important;
    color: #0F0F0F !important;
    background: #fff !important;
}
.header-menu.header-menu-fixed .search-input::placeholder {
    color: #0F0F0F;
}
.header-menu.header-menu-fixed .search-input {
    color: #0F0F0F;
}
.header-menu.header-menu-fixed .search-close {
    color: #0F0F0F;
}
#welcomeVideo {
    position: relative;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
}
.welcome {
    height: calc(100vh - 30px);

}
.welcome-item {
    height: calc(100vh - 30px);
    background-size: cover;
    width: 100%;
}
.container {
}
.welcome-item-wrapper {
   
}
.welcome-item-title {
    padding-top: 300px;
    font-weight: 400;
    font-size: 60px;
    line-height: 97%;
    letter-spacing: -0.02em;
    color: #fff;
    color: #fff;
}
.welcome-item-title span{
    font-family: Onest;
    font-size: 28px;
    font-weight: 400;
    line-height: 52px;
    letter-spacing: -0.01em;
    text-align: left;
    vertical-align: text-top;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;

}
.welcome-item-subtitle {
    font-weight: 400;
    font-size: 18px;
    line-height: 139%;
    color: #fff;
    margin-top: 12px;
}
.welcome-item-button {
    margin-top: 40px;
    width: 195px;
    height: 40px;
    background: #fff;    
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Onest;
    font-size: 12px;
    font-weight: 400;
    line-height: 25px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #0F0F0F;
    position: relative;
}


.welcome-item-button-decor {
    display: none;
    position: absolute;
    right: 15px;
    object-fit: contain;
    width: 7px;
    height: 12px;
    
}
.welcome-item-button:hover {

    transition: .5s;
}
.welcome-item-button:hover .welcome-item-button-decor {
    display: block;
    animation-name: arrow-move;        
    animation-duration: .5s;
    animation-timing-function: ease-in-out;
}
@keyframes arrow-move {
    0% {
        
        right: 25px;
    }
    
    100% {
        
        right: 15px;
    }
    }


.welcome .splide__pagination--ttb {
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    left: auto ;
    padding: 1em 0;
    right: auto;
    left: 98%;
    top: 0;
}
.welcome .splide__pagination__page {
    background: #ccc;
    border: 0;
    border-radius: 0;
    display: inline-block;
    height: 46px;
    margin: 0;
    margin-top: 10px;
    opacity: .8;
    padding: 0;
    position: relative;
    transition: transform .2s linear;
    width: 4px;
}
.welcome .splide__pagination__page.is-active {
    background: #fff;
    transform: scale(1) !important;
    z-index: 1;
}
@keyframes ticker {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
  }
        
  .ticker {
    background: #AF946A;
    color: #fff;
    padding: 10px 0;
    font-family: Onest;
    font-size: 12px;
    font-weight: 400;
    line-height: 10.2px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    
    max-width: 100%;
    overflow: hidden;
  }
        
  .ticker__in {
    text-transform: uppercase;
    display: flex;
    width: fit-content;
    animation: ticker 30s linear infinite;
    -webkit-transform-style: preserve-3d; /* Фикс возможного глюка с морганием в Сафари */
  }
        
  .ticker__item {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    padding: 0px 25px;
    
    white-space: nowrap;
    -webkit-backface-visibility: hidden; /* Фикс возможного глюка с морганием в Сафари */
  }


.screen2 {
}
.screen2-wrapper {
    margin-top: 1px;
    display: flex;
    gap:1px;    
    width: 100%;
    height: 800px;
    justify-content: space-between;
}
.screen2-left {
    width: calc(50% - .5px);
    background-size: cover;
}
.screen2-right {
    width: calc(50% - .5px);
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 0 0 60px 40px;
}
.screen2-right-title {
    font-family: Onest;
    font-size: 36px;
    font-weight: 400;
    line-height: 52px;
    letter-spacing: -0.02em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color:#fff;
}
.screen2-right-subtitle {
    font-family: Onest;
    font-size: 18px;
    font-weight: 400;
    line-height: 22.95px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #fff;
    width: 360px;
    margin-top: 13px;
}
.welcome-item-button {
}
.welcome-item-button-decor {
}
.reverse {
    flex-direction: row-reverse;
}

.hits {
    margin-top: 80px;
}
.hits-subtitle {
    font-family: Onest;
    font-size: 12px;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    text-transform: uppercase;
    color: #0F0F0F4D;
}
.hits-title {
    font-family: Onest;
    font-size: 26px;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #0F0F0F;
    text-transform: uppercase;
    margin-top: 10px;
}
.hits-content {
    margin-top: 45px;
}
.splide {
}
.splide__track {
}
.splide__list {
}
.splide__slide {
}
.hits-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
}
.hits-item-img {
    width: 100%;
    height: 90%;
}
.hits-item-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.hits-item-name {
    font-family: Onest;
    font-size: 12px;
    font-weight: 400;
    line-height: 15.3px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #0F0F0F;
    text-transform: uppercase;
    margin-top: 20px;
    
}
.hits-item-price {
    font-family: Onest;
    font-size: 12px;
    font-weight: 400;
    line-height: 15.3px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #0F0F0F;
    margin-top: 10px;
}

.hits .splide__arrow {
    -ms-flex-align: center;
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    height: 2em;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 1;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 2em;
    z-index: 1;
}
.hits .splide__arrow>img {
    width: 8px;
    object-fit: contain;
    height: 17px;
}
.hits .splide__pagination__page {
    background: #0F0F0F4D;
    border: 1px solid #0F0F0F4D;
    border-radius: 50%;
    display: inline-block;
    height: 9px;
    margin: 3px;
    opacity: 1;
    padding: 0;
    position: relative;
    transition: transform .2s linear;
    width: 9px;
}
.hits .splide__pagination {
    bottom: -40px;

}

/* 
.hvr {
    height: 100%;
}
.hvr__images {
    position: relative;
    height: 100%;
  }
  
  .hvr__sectors {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
  }
  
  .hvr__sector {
    flex-grow: 1;
  }
  
  .images {
    display: flex;
    overflow: hidden;
    height: 100%;
  }
  
  .image {
    display: block;
    height: 100%;
    
  }
  
  .hvr__dots {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .hvr__dot {
    width: 30px;
    height: 5px;
    margin: 10px 2px 0;    
    background: #d6dbe0;
  }
  
  .hvr__dot--active {
    background: #000;
  }
  
  
 */


.newcol {
    margin-top: 140px;
}
.newcol-title {
    text-transform: uppercase;
    font-family: Onest;
    font-size: 26px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: -0.02em;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #0F0F0F;
}
.newcol-content {
    margin-top: 36px;
    display: flex;
    justify-content: space-between;
    gap: 1px;
}
.newcol-item {
    background-size: cover;
    width: 25%;
    aspect-ratio: 2 / 3;
    display: flex;
}
.newcol-item-link {
    margin-top: auto;
    display: flex;
    align-items: center;
    font-family: Onest;
    font-size: 12px;
    font-weight: 500;
    line-height: 15.3px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    text-transform: uppercase;
    color: #fff;
    gap: 20px;
    margin-bottom: 20px;
    margin-left: 20px;
}
.newcol-item-link img {
    width: 6px;
    height: 11px;
    object-fit: contain;
}
a.newcol-item-link {
    color: #fff; 
}
a.newcol-item-link:hover p:nth-child(1){
    /* border-bottom: 1px solid #fff; */
    text-decoration: underline;
    transition: .5s;
}

.about {
    height: 100vh;
    margin-top: 1px;
    min-height: 800px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    flex-direction: column;
    padding-left: 38px;
    padding-bottom: 60px;
}
.about-title {
    margin-top: auto;
    max-width: 700px;
    text-transform: uppercase;
    color: #fff;
    font-family: Onest;
    font-size: 36px;
    font-weight: 400;
    line-height: 45px;
    letter-spacing: -0.02em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    
}
.about-subtitle {
    font-family: Onest;
    font-size: 18px;
    font-weight: 400;
    line-height: 23.4px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #fff;
    margin-top:30px;
    max-width: 430px;
    }

.about-button img {
        width: 6px;
        height: 11px;
        object-fit: contain;
    }

a.about-button {
    margin-top: 120px;
    display: flex;
    align-items: center;
    gap: 20px;
    color: #fff;
    font-family: Onest;
    font-size: 12px;
    font-weight: 400;
    line-height: 18.96px;
    text-align: center;

}
.about-button p {
        
    text-decoration-style: solid;
    text-underline-position: from-font;
    text-decoration-skip-ink: auto;
    text-transform: uppercase;
}
.about-button>span{
    text-decoration-line: none;
}
a.about-button:hover p{
    text-decoration-line: underline;
    transition: .5s;
}

footer {
    min-height: 475px;
    width: 100%;
    padding: 0;
    border-top:  0.70px solid rgba(0, 0, 0, 0.08);
}
.footer-wrapper {   
    width: 100%; 
    padding: 0 15px;  
}
.footer-top {
    margin-top: 50px;
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.footer-top-left {
    width: 50%;
}
.footer-top-right {
    width: 50%;
    display: flex;
    justify-content: space-between;
    gap: 20px;
}
.footer-top-right-col {
    width: 185px;
    display: flex;
    flex-direction: column;
}
.footer-top-right-col-subtitle {
    font-family: Onest;
    font-size: 12px;
    font-weight: 400;
    line-height: 15.3px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #0F0F0F66;
    margin-bottom: 18px;
}

.footer-top-right-col a{
    font-family: Onest;
    font-size: 12px;
    font-weight: 400;
    line-height: 15.3px;
    text-align: left;
    margin-bottom: 10px;
}
.footer-top-right-col a:hover {
    text-decoration: underline;
    transition: .4s;
}
.footer-top-right-col-social {
    display: flex;    
    gap: 8px;
}
.footer-top-right-col-social a {
    display: flex;
    width: 40px;
    height: 40px;
    border: 1px solid #0F0F0F;
    justify-content: center;
    align-items: center;
    font-family: Onest;
    font-size: 12px;
    font-weight: 400;
    line-height: 15.3px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #0F0F0F;
}
.footer-top-right-col-social a:hover {
    background: #0F0F0F;
    text-decoration: none;
    color: #fff;
}
.footer-mid {
    display: flex;
    width: 100%;
    margin-top: 50px;
    border-top: 1px solid #00000014;
    padding-top: 25px;
}
.footer-mid-left {
    width: 50%;
    font-family: Onest;
    font-size: 10px;
    font-weight: 400;
    line-height: 12.75px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #0F0F0F;
}
.footer-mid-right {
    width: 50%;
    display: flex;
    justify-content: space-between;
    font-family: Onest;
    font-size: 10px;
    font-weight: 400;
    line-height: 12.75px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #0F0F0F66;
}
.footer-mid-right a{
    width: 185px;
    font-family: Onest;
    font-size: 10px;
    font-weight: 400;
    line-height: 12.75px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #0F0F0F66;
}
.footer-mid-right div {
    width: 185px;
}
.footer-bot {
    padding-top: 25px;
    width: 100%;
    height: 230px;
    
}
.footer-bot img {
    width: 100%;
    object-fit: cover;
}

/* 
----------------CATALOG PAGE-----------------
*/
.header-menu.second-page-menu{
    position: fixed;
    color: #0F0F0F;
    position: fixed;
    background: #fff;
    z-index: 10;
}
.header-menu.second-page-menu .header-menu-mid-logo {
    color: #0F0F0F;
}
.header-menu.second-page-menu .search-input {
    color: #0F0F0F;
}
.header-menu.second-page-menu .search-input::placeholder {
    color: #0F0F0F;
}
.header-menu.second-page-menu .search-close {
    color: #0F0F0F;

}
.header-menu.second-page{
    color: #0F0F0F;
}
.header-menu.second-page-menu #menu-tgimg {
    filter: brightness(0) saturate(100%) invert(0%) sepia(61%) saturate(7401%) hue-rotate(292deg) brightness(96%) contrast(97%);
}


.runline-second-page {
    margin-top: 60px;
}

.catalog-welcome {
    
}

.catalog-welcome {
    display: flex;
    justify-content: space-between;
}
.catalog-welcome-item {
    width: calc(20% - 1px);
    aspect-ratio: 16 / 12;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
}
.catalog-welcome-item-link {
    margin-top: auto;
    margin-left: 15px;
    margin-bottom: 15px;
    display: flex;
    gap: 10px;
    text-transform: uppercase;
    color: #fff;
    font-family: Onest;
    font-size: 12px;
    font-weight: 500;
    line-height: 15.3px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;

}
.catalog-welcome-item-link p{
    color: #fff;    
}
.catalog-welcome-item-link span{
    color: #fff;    
}
.catalog-welcome-item-link:hover span, 
.catalog-welcome-item-link:hover p{
    color: #2c2c2c;    

}
.bread-crumbs {
    margin-top: 35px;
    margin-left: 15px;
    display: flex;
    gap: 20px;
    font-family: Onest;
    font-size: 12px;
    font-weight: 400;
    line-height: 15.3px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;

}
.bread-crumbs a {
    color: #0F0F0F33;
}
.bread-crumbs span {
    color: #0F0F0F33;
}
.bread-crumbs p {
    color: #0F0F0F;

}

.catalog-content {
    margin: 40px 0 120px 0;
    
}
.catalog-content-top {
    display: flex;
    width: 100%;
    justify-content: space-between;
}
.catalog-content-top-filter {
    margin-left: 15px;
}
.catalog-content-top-filter img{
    width: 11px;
    height: 11px;
}
.catalog-content-top-filter button{
    text-transform: uppercase;
    text-decoration: underline;
    display: flex;
    gap: 10px;
    align-items: center;
    font-family: Onest;
    font-size: 12px;
    font-weight: 400;
    line-height: 15.3px;
    text-align: left;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-underline-position: from-font;
    text-decoration-skip-ink: auto;
    color: #0F0F0F;
}
.catalog-content-top-title {
    text-transform: uppercase;
    font-family: Onest;
    font-size: 12px;
    font-weight: 500;
    line-height: 15.3px;
    text-align: left;
    color: #0F0F0F;

}
.catalog-content-top-sort {
    font-family: Onest;
    font-size: 12px;
    font-weight: 400;
    line-height: 15.3px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #0F0F0F;
    margin-right: 15px;
}
.catalog-content-top-sort-select {
    width: 120px;
    height: 30px;
    padding: 5px 10px;
}
select {    
    font-family: Onest;
    font-family: Onest;
    font-size: 12px;
    font-weight: 400;
    line-height: 15.3px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
  }
  
select:not([multiple]) {
    padding-right: 1.2em;
    background-repeat: no-repeat;
    background-position: calc(100% - 1em) 1em;    
    background-image: url(/local/templates/verdi-inner/css/../img/arr-bottom.png)
  }
  
  /* скроет иконку стрелки в IE */
select::-ms-expand {
    display: none;
  }


.catalog-content-wrapper {
    width: 100%;
    margin-top: 50px;
    display: grid;
    column-gap: 1px;
    row-gap: 50px;
    grid-template-columns: repeat(auto-fill, minmax(389px, 1fr));
}
.catalog-content-item {
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
}
.catalog-content-item-likebtn {
    position: absolute;
    top: 15px;
    right: 15px;
}
.catalog-content-item-img {
    width: 100%;
    object-fit: cover;
    aspect-ratio: 2 / 3;
}
.catalog-content-item-saletag {
    position: absolute;
    top: 15px;
    left: 15px;
}
.catalog-content-item-title {
    font-family: Onest;
    font-size: 12px;
    font-weight: 400;
    line-height: 15.3px;
    text-align: center;
    color: #0F0F0F;
    margin-top: 20px;
    text-transform: uppercase;
}
.catalog-content-item-price {
    font-family: Onest;
    font-size: 12px;
    font-weight: 400;
    line-height: 15.3px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #0F0F0F;
    margin-top: 15px;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    width: 100%;
    gap: 8px;
}
.catalog-content-item-price-sale {
    font-family: Onest;
    font-size: 12px;
    font-weight: 400;
    line-height: 15.3px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #0F0F0F;
    margin-top: 15px;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    width: 100%;
    gap: 8px;
}
.catalog-content-item-price-sale p {
    color:#0F0F0F4D;
    font-family: Onest;
    font-size: 12px;
    font-weight: 400;
    line-height: 15.3px;
    text-align: center;
    text-decoration-line: line-through;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;

}
.catalog-content-item-price-sale span {
    color: #CF3E1D;
    font-family: Onest;
    font-size: 12px;
    font-weight: 400;
    line-height: 15.3px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;

}


.catalog-content-top-title-sale {
    color: #CF3E1D;
}


.catalog-content-filtermenu {
    width: 100%;
    height: 100%;    
}
.catalog-content-filtermenu-bg  {
    background-color: rgba(0, 0, 0, 0.5); 
    position: fixed;    
    top: 0;
    left: -100%;
    z-index: 20;    
    width: 100%;
    height: 100%;
    opacity: 0;  
    transition: opacity .5s ease;

}

.catalog-content-filtermenu.active .catalog-content-filtermenu-bg{       
    position: fixed; 
    left: 0;
    opacity: 1;
    transition: opacity .5s ease-out;
}

.catalog-content-filtermenu-container {
    top: 0;
    position: fixed; 
    left: -700px;
    opacity: 0;
    transition: opacity .5s ease;

}
.catalog-content-filtermenu.active .catalog-content-filtermenu-container{    
    animation-name: move-to-right;        
    animation-duration: .5s;
    animation-timing-function: ease-in-out;
    left: 0;
    z-index: 30;
    opacity: 1;
    transition: opacity .5s ease-out;
}
.catalog-content-filtermenu-container {
    width: 536px;
    height: 100vh;
    background: #fff;
    padding: 45px 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
}


@keyframes move-to-right {
    0% {        
        left: -700px;
    }

    100% {        
        left: 0;
    }
}
.catalog-content-filtermenu-title {  
    text-decoration: underline;
    font-family: Onest;
    font-size: 14px;
    font-weight: 500;
    line-height: 17.85px;
    text-align: left;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    
    
}
.catalog-content-filtermenu-wrapper {
    position: relative;
    width: 100%;
    margin-top: 40px;
}
.catalog-content-filtermenu-close-btn {
    position: absolute;
    top:-90px;
    right: 0;
    font-size: 30px;
}

.catalog-content-filtermenu-item {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    text-transform: uppercase;
    padding: 20px 0;
    font-family: Onest;
    font-size: 12px;
    font-weight: 400;
    line-height: 15.3px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    border-bottom: 1px solid #e3e3e3;

}
.catalog-content-filtermenu-item span {
    font-size: 18px;
}
.catalog-content-filtermenu-item:hover p{
    text-decoration: underline;
}
.catalog-content-filtermenu-item-decor {
    right: 15px;
    object-fit: contain;
    width: 7px;
    height: 12px;
}
.catalog-content-filtermenu-bottom {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: flex-start;
    margin-top: auto;
}
.catalog-content-filtermenu-bottom-result {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
    font-family: Onest;
    font-size: 14px;
    font-weight: 400;
    line-height: 17.85px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;

}
.catalog-content-filtermenu-bottom-reset {
    margin-bottom: 40px;
    font-family: Onest;
    font-size: 12px;
    font-weight: 400;
    line-height: 15.3px;
    text-align: left;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-underline-position: from-font;
    text-decoration-skip-ink: auto;
    color: #d8d8d8;
    text-decoration: underline;

}
.catalog-content-filtermenu-bottom-button {
    width: 100%;
    background: #0F0F0F;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    position: relative;
}
.catalog-content-filtermenu-bottom-button span {
    position: absolute;
    right: 15px;
}
.catalog-content-filtermenu-bottom-button p {
    font-family: Onest;
    font-size: 12px;
    font-weight: 500;
    line-height: 25px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;

}

.catalog-content-filtermenu-bottom-button-decor {
    display: none;
    position: absolute;
    right: 15px;
    object-fit: contain;
    width: 5px;
    height: 10px;
    
}
.catalog-content-filtermenu-bottom-button:hover {

    transition: .5s;
}
.catalog-content-filtermenu-bottom-button:hover .catalog-content-filtermenu-bottom-button-decor {
    display: block;
    animation-name: arrow-move;        
    animation-duration: .5s;
    animation-timing-function: ease-in-out;
}


/* 
--------
-------------PRODUCT PAGE
--------------------------------------
*/

.product {
    width: 100%;
    display: flex;
}
.product-left {
    width: 50%;
    position: relative;
}
.product-right {
    width: 50%;
    padding: 35px 0 35px 25px;
}
.product-right .bread-crumbs {
    margin-top: 0;
    margin-left: 0;
}
.bread-crumbs a:hover{
    color: #0F0F0F;
    transition: .5s;
}
.product-right-title {
    margin-top: 35px;
        display: flex;
    width: 100%;
    justify-content: space-between;

}
.product-right-title h5{
    font-family: Onest;
    text-transform: uppercase;
    color: #0F0F0F;
    font-size: 15px;
    font-weight: 400;
    line-height: 19.13px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;    
}
.product-right-title-artical{
    margin-right: 35px;
    font-family: Onest;
    font-size: 10px;
    font-weight: 400;
    line-height: 12.75px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #0F0F0F33;    
       
}

.product-right-properties {
    margin-top: 40px;
}
.product-right-properties-color {
    display: flex;
    gap: 15px;
    text-transform: uppercase;
}
.product-right-properties-color p {
    font-family: Onest;
    font-size: 12px;
    font-weight: 400;
    line-height: 15.3px;
    text-align: left;
    text-decoration: underline;
    color: #0F0F0F4D; 

}
.product-right-properties-color span {
    font-family: Onest;
    font-size: 12px;
    font-weight: 400;
    line-height: 15.3px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #0F0F0F;
}
.product-right-properties-size {
    display: flex;
    margin-top: 15px;
    gap: 15px;
    text-transform: uppercase;
}
.product-right-properties-size p {
    font-family: Onest;
    font-size: 12px;
    font-weight: 400;
    line-height: 15.3px;
    text-align: left;
    text-decoration: underline;
    color: #0F0F0F4D; 

}
.product-right-properties-size span {
    font-family: Onest;
    font-size: 12px;
    font-weight: 400;
    line-height: 15.3px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #0F0F0F;
}
.product-right-properties-preview {
    margin-top: 15px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(90px, 90px));
    

}
.product-right-properties-preview-item {
    aspect-ratio: 2 / 2.7;
}
.product-right-properties-preview-item:hover {
    transition: .8s;
    filter: brightness(75%);

}
.product-right-properties-preview-item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.size-toggle {
    margin-top: 15px;
    box-sizing: border-box;
    font-size: 0;
    display: flex;    
    justify-content: flex-start;
    gap: 8px;
    
}

.size-toggle input {
    width: 0;
    height: 0;
    position: absolute;
    left: -9999px;
}

.size-toggle input+label {

    display: flex;
    height: 40px;
    width: 40px;
    align-items: center;
    justify-content: center;
    border: solid 1px #DDD;
    background-color: #FFF;
    font-weight: 400;
    font-size: 12px;
    color: #0f0f0f;
    box-shadow: 0 0 0 rgba(255, 255, 255, 0);
    transition: border-color 0.15s ease-out, color 0.25s ease-out, background-color 0.15s ease-out, box-shadow 0.15s ease-out;

}



.size-toggle input:hover+label {
    border-color: #213140;
}

.size-toggle input:checked+label {
    border-color: #0f0f0f;
    z-index: 1;
}

.size-toggle input:focus+label {

}

.product-right-size {
    margin-top: 20px;
    display: flex;
    gap: 12px;
}
.product-right-size img {
    width: 14px;
    height: 14px;
    object-fit: contain;
}
.product-right-size p {
    font-family: Onest;
    font-size: 12px;
    font-weight: 400;
    line-height: 15.3px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color:#0F0F0F;

}
.product-right-buttons {
    margin-top: 45px;
    display: flex;
    gap: 15px;
}
.product-right-buttons-call {
    width: 219px;
    height: 45px;
    display: flex;
    background-color: #0F0F0F;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.product-right-buttons-call p {
    color: #fff;
    font-family: Onest;
    font-size: 12px;
    font-weight: 400;
    line-height: 25px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}
.product-right-buttons-call-decor {
    display: none;
    position: absolute;
    right: 15px;
    font-size: 16px;
    object-fit: contain;
    
}
.product-right-buttons-call:hover .product-right-buttons-call-decor{
    display: block;
    animation-name: arrow-move;        
    animation-duration: .5s;
    animation-timing-function: ease-in-out;
}
.product-right-buttons-favor {
    width: 219px;  
    height: 45px;
    display: flex;
    border: 1px solid #0F0F0F1A;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.product-right-buttons-favor p {
    font-family: Onest;
    font-size: 12px;
    font-weight: 400;
    line-height: 25px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}
.product-right-buttons-favor-decor {
    display: none;
    position: absolute;
    right: 15px;
    font-size: 16px;    
    object-fit: contain;
}

.product-right-buttons-favor:hover .product-right-buttons-favor-decor {
    display: block;
    animation-name: arrow-move;        
    animation-duration: .5s;
    animation-timing-function: ease-in-out;
}


.product-right-content {     
    margin-top: 36px;       

}
.product-right-content-accordion-item {
    border-top: 1px solid #0F0F0F1A;
    
    padding: 18px 0;
    cursor: pointer;
}
.product-right-content-accordion-item:nth-last-child(1) {
    
    border-bottom: 1px solid #0F0F0F1A;
}
.product-right-content-accordion-item-header {
    display: flex;
    width: 100%;
    justify-content: space-between;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 12px;
    text-transform: uppercase;
    color: #0f0f0f;
    padding-right: 25px;
}
.product-right-content-accordion-item-header img {
    width: 11px;
    height: 11px;
    object-fit: contain;
    transform: rotate(180deg);
    transition: .5s;

}
.product-right-content-accordion-item.active .product-right-content-accordion-item-header>img {
    transform: rotate(0deg);
    transition: .5s;
}
.product-right-content-accordion-item-content {    
    display: none;  
    max-width: 520px;
   
}
.product-right-content-accordion-item-content p {
    margin-top: 15px;
    font-weight: 400;
    font-size: 12px;
    color: #0f0f0f;
}
.product-right-content-accordion-item-content a {
    text-decoration: underline;
}
.product-right-content-accordion-item.active .product-right-content-accordion-item-content{
    display: block;
}    

.product-right-feedback {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
}
.product-right-feedback h5{
    
    font-weight: 500;
    font-size: 12px;
    color: #0f0f0f;
}
.product-right-feedback-phone {
    margin-top: 15px;
    font-weight: 400;
    font-size: 12px;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    color: #0f0f0f;
}
.product-right-feedback-social {
    margin-top: 50px;
    display: flex;
    gap: 8px;
}
.product-right-feedback-social a {
    width: 40px;
    height: 40px;
    border: 1px solid #0f0f0f;
    display: flex;
    align-items: center;
    justify-content: center;
    
    font-weight: 400;
    font-size: 12px;
    color: #0f0f0f;
    }
.product-right-feedback-social a:hover {
    background: #0f0f0f;
    color: #fff;
    transition: .5s;
}

.product-left-img {
    width: 100%;
    height: auto;
    aspect-ratio: 720 / 1019;
    min-height: 700px;
    object-fit: cover;

}

#thumbnail-for-product-gallery {
    position: absolute;
    top: 22px;
    left: 12px;
}
#thumbnail-for-product-gallery .splide__track--nav>.splide__list>.splide__slide.is-active {
    border: 1px solid #0f0f0f;
}
.product-left-thumbnail{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .product-left-item-like {
    position: absolute;
    top: 25px;
    right: 25px;
    width: 29px;
    height: 26px;
    object-fit: contain;
  }
  .product-left-item-new {
    position: absolute;
    top: 25px;
    right: 60px;
    width: 69px;
    height: 26px;
    object-fit: contain;
  }
  .product-size {
    position: relative;
    
  }
  .product-size-bg {
    background-color: rgba(0, 0, 0, 0.5); 
    position: fixed;    
    top: 0;
    left: -100%;
    z-index: 20;    
    width: 100%;
    height: 100%;
    opacity: 0;  
    transition: opacity .5s ease;
  }
  .product-size.active .product-size-bg{       
    position: fixed; 
    left: 0;
    opacity: 1;
    transition: opacity .5s ease-out;
}
  .product-size-content {
    width: 440px;
    height: 100vh;
    position: fixed;
    z-index: 30;  
    top: 0;
    right: 0;
    background: #fff;
    display: none;
    flex-direction: column;
}

.product-size.active .product-size-content{   
    display: flex; 
    animation-name: move-to-left;        
    animation-duration: .5s;
    animation-timing-function: ease-in-out;    
    z-index: 30;
    opacity: 1;
    transition: opacity .5s ease-out;
}
.product-size-tab-header {
    width: 100%;
    display: flex;
    margin-top: 80px;
}
.product-size-content-title {
    width: 50%;    
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;    
    text-decoration-skip-ink: none;
    color: #0f0f0f;
    padding-bottom: 15px;
    cursor: pointer;
}
.product-size-content-title.active {
    border-bottom: 1px solid #0F0F0F;
}
.product-size-tab-content-item {
    display: none;
}
.product-size-tab-content-item.active {
    display: block;
}
.product-size-content-params {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 25px;
    font-weight: 400;
    font-size: 12px;
    color: #0f0f0f;
}
.product-size-content-close {
    position: absolute;
    right: 25px;
    top: 25px;
    font-size: 34px;
}
.product-size-content-subtitle {
    margin-top: 40px;
    margin-left: 20px;
   
    font-weight: 400;
    font-size: 12px;
    color: #0f0f0f;
}
.product-size-content-table {
    margin-top: 20px;
    width: 100%;
}
.product-size-content-table table {
    /* border-bottom: 1px solid #0f0f0f; */
    width: 100%;
    border-collapse: collapse;
}
.product-size-content-table th {

    width: 20%;
    font-weight: 500;
    font-size: 10px;
    line-height: 120%;
    text-align: center;
    color: #0f0f0f;
}
.product-size-content-table thead {
/*     border-bottom: 1px solid #0f0f0f;
    border-top: 1px solid #0f0f0f; */
    background: #f1f1f1;
}
.product-size-content-table tr {
    height: 40px;
}
.product-size-content-table tbody tr {
    border-bottom: 1px solid rgba(15, 15, 15, 0.08);
}
/* .product-size-content-table tbody>tr:nth-last-child(1){
    border-bottom: none;
} */
.product-size-content-table td {
    font-weight: 400;
    font-size: 10px;
    color: #0f0f0f;
    text-align: center;
}

.product-size-content-descript {
    margin-top: 27px;
    margin-left: 15px;
    font-weight: 400;
    font-size: 12px;
    color: rgba(15, 15, 15, 0.3);
}

.similar-models {
    margin-top: 100px;
    margin-bottom: 100px;
}
.similar-models h2{
    
    font-weight: 400;
    font-size: 26px;
    line-height: 115%;
    text-transform: uppercase;
    text-align: center;
    color: #0f0f0f;
}
.similar-models-wrapper {
    width: 100%;
    margin-top: 50px;

}
#similar-models-splide .splide__arrow {
    background: transparent;
    opacity: 1;
}

.feedback-modal {    
    position: relative;
}
.feedback-modal.acrive {
    visibility: visible;
}
.feedback-modal.active .product-size-bg{       
    position: fixed; 
    left: 0;
    opacity: 1;
    transition: opacity .5s ease-out;
}



.feedback-modal-wrapper {
    visibility: hidden;
    width: 363px;
    padding: 28px 20px;
    position: fixed;
    top: 50%;
    left: 50%;    
    transform: translate(-50%, -50%);
    z-index: 90;
    background: #fff;
    
}

.feedback-modal.active .feedback-modal-wrapper{   
    visibility: visible; 
       
    transition: visibility .5s ease-out;
}

.feedback-modal-close {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 24px;
}
.feedback-modal-title {
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    color: #0f0f0f;
}
.feedback-modal-subtitle {
    font-weight: 400;
    font-size: 11px;
    text-align: center;
    color: #0f0f0f;
    margin-top: 8px;
}
.feedback-modal-form {
    margin-top: 20px;
    
}
.feedback-modal-form input:focus {
    border: none;
    border-bottom: 1px solid rgba(15, 15, 15, 0.9);
    outline: none; 
}
.feedback-modal-form textarea {
    width: 100%;
    height: 88px;
    margin-top: 12px;
    font-size: 12px;
}
.feedback-modal-form textarea:focus {
    border: none;
    border-bottom: 1px solid rgba(15, 15, 15, 0.9);
    outline: none;
}
.feedback-modal-form textarea::placeholder {
    font-weight: 400;
    font-size: 11px;
    color: rgba(15, 15, 15, 0.5);
}
.order-form-item {
}
.phone-mask {
}
.feedback-modal  .feedback-button {
    margin-top: 22px;
    width: 100%;
}
.feedback-button-decor {
}
.feedback-modal .order-right-complit-privpolicy {
    margin-top: 12px;
}
.feedback-modal .order-right-complit-privpolicy>label {
    max-width: 280px;
}

.favorite-content {
    min-height: calc(100vh - 300px);
    margin-top: 40px;
    margin-bottom: 100px;
}
.favorite-content-title {
    font-weight: 500;
    font-size: 12px;
    text-transform: uppercase;
    color: #0f0f0f;
    text-align: center;
}
.favorite-content-subtitle {
    font-weight: 400;
    font-size: 12px;
    color: #0f0f0f;
    margin-left: 15px;
}
.favorite-content-wrapper {
    width: 100%;
    margin-top: 50px;
    display: grid;
    column-gap: 1px;
    row-gap: 50px;
    grid-template-columns: repeat(auto-fill, minmax(389px, 1fr));
}

.presentation {
    padding-top: 50px;
    padding-bottom: 150px;
}
.presentation-title {
    font-family: Tenor Sans;
    max-width: 680px;
    font-weight: 400;
    font-size: 26px;
    text-transform: uppercase;
    text-align: center;
    color: #0f0f0f;
    margin: 0 auto;
}

.presentation-title-subtitle {
    margin: 60px auto 50px auto;
    display: flex;
    justify-content: center;
}
.presentation-title-subtitle a {
    font-weight: 400;
    font-size: 12px;    
    text-transform: uppercase;
    text-align: center;
    color: #0f0f0f;
}
.splide {
}
.splide__track {
}
.splide__list {
}
.splide__slide {
}
#presentation-splide {
    height: 70vh;
    width: 100%;
    display: flex;
    align-items: center;
}
.presentation-splide-img {
    width: 400px;
    height: auto;
    aspect-ratio: 2 / 3;
    transform: scale(.7);
    transition: .7s;
    z-index: 8;
    position: relative;
}
#presentation-splide .splide__slide.is-active .presentation-splide-img {
    transform: scale(1);
    transition: .7s;
}
#presentation-splide .splide__slide.is-active {
    z-index: 10;
}
#presentation-splide .splide__slide.is-prev .presentation-splide-img {
    transform: scale(.85);
    transition: .7s;
    z-index: 9;
}
#presentation-splide .splide__slide.is-next .presentation-splide-img {
    transform: scale(.85);
    transition: .7s;
    z-index: 9;
}

#presentation-splide .splide__slide:not(.is-active):not(.is-next):not(.is-prev) {
    
}
.presentation-description {
    margin-top: 50px;
    font-weight: 400;
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
    color: rgba(15, 15, 15, 0.25);
}
.presentation-button {
    margin-top: 20px;
    font-weight: 400;
    font-size: 18px;
    line-height: 158%;
    text-transform: uppercase;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    text-align: center;
    color: rgba(15, 15, 15, 0.25);
}
.presentation-button a:hover {
    color: #354554;
    transition: .5s;
}


.favorite-content-empty-title {
    font-weight: 400;
    font-size: 18px;
    text-align: center;
    color: #0f0f0f;
    margin-top: 150px;
}
.favorite-content-empty-subtitle {
    margin-top: 20px;
    font-weight: 400;
    font-size: 12px;
    text-align: center;
    color: #0f0f0f;
}
.favorite-content-empty-button {

}


.favorite-content-empty-button {
    margin: 60px auto 180px;
    width: 290px;
    height: 45px;
    display: flex;
    background-color: #0F0F0F;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.favorite-content-empty-button p {
    color: #fff;
    font-family: Onest;
    font-size: 12px;
    font-weight: 400;
    line-height: 25px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}
.favorite-content-empty-button-decor {
    display: none;
    position: absolute;
    right: 15px;
    font-size: 16px;
    object-fit: contain;
}
.favorite-content-empty-button:hover .favorite-content-empty-button-decor {
    display: block;
    animation-name: arrow-move;        
    animation-duration: .5s;
    animation-timing-function: ease-in-out;
}
.favorite-content-empty-subtitle a {
    text-decoration: underline;
}

.basket {
    width: 325px;
    background: #fff;
    position: fixed;
    right: 0;
    top: 90px;
    z-index: 20;
    display: none;
}
.basket.active {
    display: block;
    animation-name: move-basket;        
    animation-duration: .5s;
    animation-timing-function: ease-in-out;

}

@keyframes move-basket {
    0% {
        
        right: -20%;
    }

    100% {
        
        right: 0;
    }
}
.basket-title {
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    color: #0f0f0f;
    margin: 33px auto 0;
}
.basket-close-btn {
    position: absolute;
    top: 12px;
    right: 12px;
    font-size: 24px;
}
.basket-content {
    display: flex;
    flex-direction: column;
    margin-top: 30px;
    max-height: 564px;
    overflow: auto;
    overscroll-behavior: contain;    
}

.basket-content::-webkit-scrollbar {
    width: 10px;
    height: 10px;
  }

  .basket-content::-webkit-scrollbar-thumb {
    background: #0F0F0F;
    border-radius: 5px;
  }
  
  
  .basket-content::-webkit-scrollbar-track {
    background-color: #ddd;
    border: 1px solid #ccc;
  }
  
 
  .basket-content::-webkit-scrollbar-button {
    display: none;
  }
  
  
  .basket-content::-webkit-scrollbar-button:hover {
    background-color: #999999;
  }
  
.basket-item {
    width: 100%;    
    display: flex;
    gap: 13px;
    height: 140px;
    border-bottom: 1px solid rgba(15, 15, 15, 0.08);
    border-top: 1px solid rgba(15, 15, 15, 0.08);;

}
.basket-item-left {
    width: 105px;
    height: 140px;
}
.basket-item-left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    
}
.basket-item-right {
}
.basket-item-right-title {
    margin-top: 10px;
    font-weight: 500;
    font-size: 12px;
    text-transform: uppercase;
    color: #0f0f0f;
    
}
.basket-item-right-price {
    font-weight: 500;
    font-size: 12px;
    text-transform: uppercase;
    color: #0f0f0f;
    margin-top: 5px;
}
.basket-item-right-size {
    margin-top: 15px;
    font-weight: 400;
    font-size: 12px;
    color: #0f0f0f;
}
.basket-item-right-kolvo {
    font-weight: 400;
    font-size: 12px;
    color: #0f0f0f;
    display: flex;
    gap: 10px;
}
.basket-item-right-kolvo-number {
    display: flex;
    width: 40px;
    

}
.basket-item-right-kolvo-number input {
    display: block;
    width: 100%; 
    text-align: center;
    padding: 0;
	margin: 0;	
	text-align: center;
    

}
.basket-item-right-kolvo-number-minus {
    
}
.basket-item-right-kolvo-number-plus {
    
}
.basket-item-right-delete {
    font-weight: 400;
    font-size: 12px;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    color: rgba(15, 15, 15, 0.3);
    margin-top: 15px;
}
.basket-item-right-delete:hover {
    color: #CF3E1D;
}
.basket-itogo {
    padding: 18px 10px;
    display: flex; 
    width: 100%;
    justify-content: space-between;
    font-weight: 500;
    font-size: 12px;
    text-transform: uppercase;
    color: #0f0f0f;
}
.basket-btn {
}

.basket-btn {
    
    width: 100%;
    height: 45px;
    display: flex;
    background-color: #0F0F0F;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.basket-btn p {
    color: #fff;
    font-family: Onest;
    font-size: 12px;
    font-weight: 400;
    line-height: 25px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}
.basket-btn-decor {
    display: none;
    position: absolute;
    right: 15px;
    font-size: 16px;
    color:#fff;
}
.basket-btn:hover .basket-btn-decor {
    display: block;
    animation-name: arrow-move;        
    animation-duration: .5s;
    animation-timing-function: ease-in-out;
}


.order {
    padding: 50px 120px 150px 120px;
}
.order-title {
    font-weight: 500;
    font-size: 12px;
    text-transform: uppercase;
    color: #0f0f0f;
    text-align: center;
}
.order-subtitle {
    margin-top: 8px;
    display: flex;
    justify-content: center;
    gap: 10px;
    font-weight: 400;
    font-size: 12px;
    color: rgba(15, 15, 15, 0.3);
}
.order-wrapper {
    width: 100%;
    display: flex;  
    justify-content: space-between;
    gap: 20px;
    margin-top: 47px;
}
.order-left {
    width: 40%;
    max-width: 475px;
}
.order-left-title {
    font-weight: 500;
    font-size: 12px;
    text-transform: uppercase;
    color: #0f0f0f;
}
.order-form {
    margin-top: 20px;
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 10px;
}
.order-form-wr {
    display: flex;
    width: 100%;
    justify-content: space-between;
}
.order-form-wr input{
    width: 48%;
    border-bottom: 1px solid rgba(15, 15, 15, 0.1);
    font-size: 12px;
}
.order-right {
}
.order-form-item {
    width: 100%;
    height: 40px;
    border-bottom: 1px solid rgba(15, 15, 15, 0.1);
    
}

textarea.order-form-item {
    height: 100px;
    margin-top: 24px;
}

.order-form textarea:focus {
    outline: none;
    border-bottom: 1px solid rgba(15, 15, 15, 0.8);
    transition: .5s;
}

.order-form input:focus {
    outline: none;
    border-bottom: 1px solid rgba(15, 15, 15, 0.8);
    transition: .5s;

}
.order-form select:focus {
    outline: none;    
    transition: .5s;

}
.order-form input::placeholder {
    font-weight: 400;
    font-size: 12px;
    color: rgba(15, 15, 15, 0.5);
}

.order-form select::placeholder {
    font-weight: 400;
    font-size: 12px;
    color: rgba(15, 15, 15, 0.5);
}

.order-form textarea::placeholder {
    font-weight: 400;
    font-size: 12px;
    color: rgba(15, 15, 15, 0.5);
}
.order-form select {
    font-weight: 400;
    font-size: 12px;
    color: rgba(15, 15, 15, 0.5);
}
.order-form option{
    font-weight: 400;
    font-size: 12px;
    height: 40px;
    color: #0F0F0F;
    border-bottom: 1px solid rgba(15, 15, 15, 0.8);
}

.order-form select:not([multiple]) {
    padding-right: 1.2em;
    background-repeat: no-repeat;
    background-position: calc(100% - 1em) 1.4em;
    background-image: url(/local/templates/verdi-inner/css/../img/arr-bottom.png);
}
.order-form-item-option {
}

.order-left-contacts {
    margin-top: 120px;
}
.order-left-contacts-title {
    font-weight: 500;
    font-size: 12px;
    color: #0f0f0f;
    text-transform: uppercase;
}
.order-left-contacts-phone {
    margin-top: 10px;
    font-weight: 400;
    font-size: 12px;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    color: #0f0f0f;
}
.order-left-contacts-social {
    margin-top: 45px;
    display: flex;
    width: 100%;
    gap: 10px;
}
.order-left-contacts-social a {
    height: 40px;
    width: 40px;
    border: 1px solid #0F0F0F;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 400;
    font-size: 12px;
    color: #0f0f0f;
}
.order-left-contacts-social a:hover {
    background: #0F0F0F;
    color: #fff;
    transition: .5s;
}

/* 
Style select option
*/

.s-hidden {
    visibility: hidden;
    
  }
  
  .select {
    cursor: pointer;
    display: inline-block;
    position: relative;    
    font-weight: 400;
    font-size: 12px;
    color: rgba(15, 15, 15, 0.5);
    
  }
  
  .styledSelect {
    position: absolute;
    top: 10px;
    right: 0;
    bottom: 0;
    left: 0;
    color: #0F0F0F;
    background-color: white;    
    border-bottom: 1px solid rgba(15, 15, 15, 0.1);
  }
  
  .styledSelect:after {
    content: "";
    background: url(/local/templates/verdi-inner/css/../img/arr-bottom.png);
    background-size: contain;
    width: 9px;
    height: 5px;
/*     border: 5px solid transparent;
    border-color: black transparent transparent transparent; */
    position: absolute;
    top: 9px;
    right: 6px;
  }
  .order-form-secelt::placeholder {
    color:rgba(15, 15, 15, 0.3); 
  }
  .styledSelect:active,
  .styledSelect.active {
    
  }
  
  .options {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 999;
    list-style: none;    
    background-color: white;

    
  }
  
  .options li {
    display: flex;
    align-items: center;
    height: 40px;
    border-bottom: 1px solid rgba(15, 15, 15, 0.1);
    color:#0F0F0F;
  }
  
  .options li:hover {
    transition: .5s;
    color: #354554;
  }
#input-tg {
    font-size: 12px;
    display: none;
}
#input-tg.active {
    font-size: 12px;
    display: block;
}
/* 
=============
*/

.order-right {
    min-width: 464px;
    width: 40%;
}
.order-right-item {
    display: flex;
    padding-bottom: 24px;
    border-bottom: 1px solid rgba(15, 15, 15, 0.1);
    margin-top: 24px;
}
.order-right-item:nth-child(1) {
    margin-top: 0;
}
.order-right-item-left {
    width: 105px;
    height: 140px;
}
.order-right-item-left img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.order-right-item-right {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
    padding-left: 10px;
}
.order-right-item-right-line {
    display: flex;
    width: 100%;
    justify-content: space-between;
}
.order-right-item-right-title {
    font-weight: 500;
    font-size: 12px;
    text-transform: uppercase;
    color: #0f0f0f;
}
.order-right-item-right-price {
    font-weight: 500;
    font-size: 12px;
    text-transform: uppercase;
    text-align: right;
    color: #0f0f0f;
}
.order-right-item-right-artical {
    font-weight: 400;
    font-size: 10px;
    color: rgba(15, 15, 15, 0.3);
}
.order-right-item-right-kolvo {
    font-weight: 500;
    font-size: 10px;
    text-align: right;
    color: #0f0f0f;
}
.order-right-item-right-size {
    font-weight: 400;
    font-size: 10px;
    color: rgba(15, 15, 15, 0.3);
}
.order-right-item-right-color {
    font-weight: 400;
    font-size: 10px;
    color: rgba(15, 15, 15, 0.3);
}
.order-right-item-right-del {
    font-weight: 400;
    font-size: 12px;      
    color: rgba(15, 15, 15, 0.3);
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    margin-top: auto;
}
.order-right-item-right-del p {
    text-decoration: underline;  
}
.order-right-item-right-del span {
    text-decoration: none;
}
.order-right-item-right-del:hover {
    color: #CF3E1D;
    transition: .5s;
}


.order-right-complit {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 30px;
    gap: 15px;
}
.order-right-complit-sum {
    display: flex;
    width: 100%;
    justify-content: space-between;
    font-weight: 400;
    font-size: 12px;
    color: #0f0f0f;
}
.order-right-complit-sales {
    color: #CF3E1D;
}
.order-right-complit-sales span {
    color: rgba(15, 15, 15, 0.2);
}
.order-right-item-right-moresale {
    font-weight: 400;
    font-size: 12px;
    color: #0f0f0f;
}
.order-right-item-right-moresale span{
    color: #CF3E1D;

}
.order-right-complit-itogo {
    display: flex;
    width: 100%;
    justify-content: space-between;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    color: #0f0f0f;
}
.order-right-complit-getsale {
    background: rgba(245, 245, 245, 0.8);
    font-weight: 400;
    font-size: 11px;
    color: #0f0f0f;
    padding: 10px 20px;
}
.order-right-complit-getsale span {
    color: #CF3E1D;
}
.order-right-complit-button {
    width: 100%;
    height: 45px;
    background: #0F0F0F;    
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 400;
    font-size: 12px;
    line-height: 208%;
    text-align: center;
    color: #fff;
    position: relative;

}
.order-right-complit-button p {
    color: #fff;
}
.order-right-complit-button-decor {
    display: none;
    position: absolute;
    right: 15px;
    object-fit: contain;
    width: 6px;
    height: 11px;
}
.order-right-complit-button:hover .order-right-complit-button-decor {
    display: block;
    animation-name: arrow-move;        
    animation-duration: .5s;
    animation-timing-function: ease-in-out;
}

.order-right-complit-privpolicy {
    width: fit-content;
    font-weight: 400;
    font-size: 10px;
    color: #0f0f0f;
    display: flex;
    gap: 15px;
}
.order-right-complit-privpolicy label {
    max-width: 300px;
}
.order-right-complit-privpolicy a {
    text-decoration: underline;
}
#privpolicy-checkbox{
    appearance: none;
    position: relative;
    width: 17px;
    height: 17px;       
    border: 1px solid rgba(15, 15, 15, 0.1);   
    transition: 500ms;
    cursor: pointer;
}
#privpolicy-checkbox::after{
  content: "\2714";
  position: absolute;
  top: -2px;
  left: 2px;
  width: 0px;
  height: 0px;
  font-size: 14px;
  transition: 500ms;
  overflow: hidden;
}

#privpolicy-checkbox:checked::after{
  width: 30px;
  height: 30px;
  transition: 500ms;
}
#login-btn {
    cursor: pointer;
}
.login {
    width: 325px;
    height: 348px;
    background: #fff;
    position: fixed;
    right: 0;
    top: 60px;
    z-index: 20;
    display: none;
    flex-direction: column;
    align-items: center;
    padding-top: 30px;
    font-weight: 500;
    font-size: 12px;
    color: #0f0f0f;
}
.login.active {
    display: flex;    
    animation-name: move-basket;        
    animation-duration: .5s;
    animation-timing-function: ease-in-out;
}
.login-title {
    align-items: center;
}
.login-form {
    margin-top: 25px;
    width: 280px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.login-form .order-form-item:focus {
    outline: none;
    border-bottom: 1px solid rgba(15, 15, 15, 0.8);
    transition: .5s;
}
.login-form button {
    width: 100%;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background: #0F0F0F;
    position: relative;
}
.login-form .basket-btn-decor {
    display: none;
    position: absolute;
    right: 15px;
    font-size: 16px;
    color:#fff;
}
.login-form button:hover .basket-btn-decor{
    display: block;
    animation-name: arrow-move;        
    animation-duration: .5s;
    animation-timing-function: ease-in-out;
}
#login-close {
    position: absolute;
    top:   5px;
    right: 15px;
    font-size: 24px;
}
.order-form-item {
}
.basket-btn-decor {
}
.login-reset-pas {
    width: 280px;
    text-align: left;
    margin-top: 13px;
    text-decoration: underline;
}
.login-register {
    margin-top: 23px;
    width: 100%;
    padding: 17px 23px;
    background: rgba(15, 15, 15, 0.04);
    font-weight: 400;
    font-size: 12px;
    line-height: 125%;
    color: #0f0f0f;
}
.login-register a {
    text-decoration: underline;
}

.registation {
    margin-top: 150px;
    margin-bottom: 150px;
}
.registation-title {
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    color: #0f0f0f;
}
.registation-subtitle {
    margin-top: 5px;
    font-weight: 400;
    font-size: 12px;
    text-align: center;
    color: rgba(15, 15, 15, 0.3);
}
.registation-form {
    width: 392px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 0 auto;
    font-weight: 400;
    font-size: 12px;
    color: rgba(15, 15, 15, 0.5);
}
.registation-form input:focus {
    outline: none;
    border-bottom: 1px solid rgba(15, 15, 15, 0.8);
    transition: .5s;
}
.registation-form button {
    margin-top: 25px;
    width: 100%;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background: #0F0F0F;
    position: relative;
}
.registation-form .registation-form-btn-decor {
    display: none;
    position: absolute;
    right: 15px;
    font-size: 16px;
    color:#fff;
}
.registation-form button:hover .registation-form-btn-decor{
    display: block;
    animation-name: arrow-move;        
    animation-duration: .5s;
    animation-timing-function: ease-in-out;
}
#registration-close-btn {
    position: absolute;
    font-size: 24px;
    top: 0;
    right: 10px;    
}
.order-form-item {
}
.phone-mask {
}
.basket-btn-decor {
}

.basket-empty {
    min-height: calc(100vh - 140px);
    margin-top: 0;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.registation-form-step2 {
    margin-top: 35px;
}

.registation-form-step2-ip {
    display: none;
    width: 100%;
    flex-direction: column;
    gap: 10px;
}
.registation-form-step2-ip.active {
    display: flex;
}
.registation-form-step2-line {
    display: flex;
    gap: 10px;
    width: 100%;
}
.order-form-item {
}
.registation-form-step2-rekviz {
    margin-top: 30px;
    
}
.registation-form-step2-rekviz-title {
    font-weight: 500;
    font-size: 12px;
    color: #0f0f0f;
}
.registation-form-step2-yr {
    display: none;
    width: 100%;
    flex-direction: column;
    gap: 10px;

}
.registation-form-step2-yr.active {
    display: flex;
}
.registation-form-step2-yr .select{
    width: 100%;
}

.recovery-pass {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(15, 15, 15, 0.7);
    z-index: 99;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity .4s, visibility .4s ease-in-out;
}
.recovery-pass.active {
    
    visibility: visible;
    opacity: 1;
    transition: opacity .4s ease-in-out;
    
}
.recovery-pass-wrapper {
    width: 375px;
    height: 234px;
    background: #fff;
    position: relative;
}
.recovery-pass-step3 .recovery-pass-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.recovery-pass-step3 p {
    text-align: center;
    margin-top: 10px;
    font-weight: 400;
    font-size: 12px;
    text-align: center;
    color: #0f0f0f;
}
.recovery-pass-title {
    margin-top: 30px;
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    color: #0f0f0f;
}
.recovery-pass-subtitle {
    margin-top: 10px;
    font-weight: 400;
    font-size: 12px;
    text-align: center;
    color: #0f0f0f;
}
.recovery-pass-wrapper form {
    width: 339px;
    margin: 20px auto;
    font-weight: 400;
font-size: 12px;
color: rgba(15, 15, 15, 0.5);
}
.recovery-pass-wrapper input:focus {
    outline: none;
    border-bottom: 1px solid rgba(15, 15, 15, 0.8);
    transition: .5s;
}
.order-form-item {
}
#recovery-pass-close {
    font-size: 24px;
    position: absolute;
    top: 0px;
    right: 10px;
}
.recovery-pass-btn {
    margin-top: 25px;
    width: 100%;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background: #0F0F0F;
    position: relative;
}
.recovery-pass-wrapper .registation-form-btn-decor {
    display: none;
    position: absolute;
    right: 15px;
    font-size: 16px;
    color:#fff;
}
.recovery-pass-btn:hover .registation-form-btn-decor{
    display: block;
    animation-name: arrow-move;        
    animation-duration: .5s;
    animation-timing-function: ease-in-out;
}

.recovery-pass-step2 {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(15, 15, 15, 0.7);
    z-index: 99;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity .4s, visibility .4s ease-in-out;
}
.recovery-pass-step2.active {
    
    visibility: visible;
    opacity: 1;
    transition: opacity .4s ease-in-out;
    
}
#recovery-pass-close-2 {
    font-size: 24px;
    position: absolute;
    top: 0px;
    right: 10px;
}
#recovery-pass-close-3 {
    font-size: 24px;
    position: absolute;
    top: 0px;
    right: 10px;
}
.recovery-pass-step3 {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(15, 15, 15, 0.7);
    z-index: 99;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity .4s, visibility .4s ease-in-out;
}
.recovery-pass-step3.active {
    
    visibility: visible;
    opacity: 1;
    transition: opacity .4s ease-in-out;
}
.recovery-pass-step3 .recovery-pass-wrapper {
    height: 114px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 15px;
}
.recovery-pass-step3 h5 {
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    color: #0f0f0f;
    margin-top: 0;
}


.lk {

    width: 100%;
    padding: 0 5% 120px 5%;
}
.lk-topline-wrapper {
    position: relative;
}
.lk-topline-wrapper .bread-crumbs {
    position: absolute;
    left:0;
    top:0;
    margin-top:0 ;
}
.lk-title {
    margin-top: 30px;
    font-weight: 500;
    font-size: 12px;
    color: #0f0f0f;
    text-align: center;
}
.lk-wrapper {
    display: flex;
    width: 100%;
    margin-top: 90px;
    gap: 100px;
}
.lk-left {
    width: 320px;
}
.lk-left-tabheader {
    display: flex;
    flex-direction: column;
    gap:22px;

    
}
a.lk-tab-btn:hover {
    color: rgba(15, 15, 15, 0.5);
}

.lk-left-tabheader-item {
    font-weight: 400;
    font-size: 14px;
    text-transform: uppercase;
    color: rgba(15, 15, 15, 0.5);
    cursor: pointer;
}
.lk-left-tabheader-item.active {
    color: #0F0F0F;
    text-decoration: underline;
}
.lk-left-tabheader-item:hover {
    text-decoration: underline;
}

.lk-left-description {
    margin-top: 90px;
}
.lk-left-description-title {
    font-weight: 500;
font-size: 12px;
color: #0f0f0f;
}
.lk-left-description-subtitle {
    margin-top: 18px;
    font-weight: 400;
font-size: 12px;
color: #0f0f0f;
margin-bottom: 18px;
}
.lk-left-description-phone {
    

    font-weight: 400;
    font-size: 12px;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    color: #0f0f0f;
}
.lk-left-description-social {
    margin-top: 18px;
    gap: 8px;  
    display: flex;
        
}
.lk-left-description-social a {
    font-weight: 400;
    font-size: 12px;
    color: #0f0f0f;
    display: flex;
    height: 40px;
    width: 40px;
    justify-content:center;
    align-items: center;
    border: 1px solid #0F0F0F;
    transition: .5s;

}
.lk-left-description-social a:hover {
    background: #0F0F0F;
    color: #fff;
    transition: .5s;
}
.lk-right {
}
.lk-right-tabcontnent {
    display: none;
}
.lk-right-tabcontnent.active {
    display: flex;
}

.lk-right-profile {
}
.lk-right-profile-title {
    font-weight: 500;
    font-size: 14px;
    color: #000;
}
.lk-right-profile-line {
    display: flex;
    height: 40px;
    gap: 10px;
    margin-top: 20px;
}
.lk-right-profile-text {
    height: 100%;
    display: flex;
    align-items: center;
    width: 414px;
    font-weight: 400;
    font-size: 12px;
    color: #0f0f0f;
    border-bottom: 1px solid rgba(15, 15, 15, 0.1);;
}
.lk-right-profile-changebtn {
    width: 118px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(15, 15, 15, 0.08);
    font-weight: 400;
    font-size: 12px;
    line-height: 208%;
    text-align: center;
    color: #0f0f0f;
    transition: .5s;
}
.lk-right-profile-changebtn:hover {
    background: rgba(15, 15, 15, 0.18);
    transition: .5s;
}

.lk-right-profile-form {
    margin-top: 40px;
}
.lk-right-profile-form-title {
    font-weight: 500;
font-size: 14px;
color: #000;
}
.order-form-item {
    font-weight: 400;
    font-size: 12px;
    
}
.recovery-pass-btn {
}
.registation-form-btn-decor {
}
.lk-right-profile-form input {
    margin-top: 20px;
}
.lk-right-profile-form input:focus {
    outline: none;
    border-bottom: 1px solid rgba(15, 15, 15, 0.8);
    transition: .5s;
}
.lk-right-profile-form button {
    margin-top: 25px;
    width: 202px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background: #0F0F0F;
    position: relative;
    font-weight: 400;
    font-size: 12px;
    line-height: 208%;
    text-align: center;
    color: #fff;

}
.lk-right-tabcontnent {
}
.lk-right-rekvizit {
}
.lk-right-rekvizit-title {
    font-weight: 500;
    font-size: 18px;
    color: #000;
    margin-bottom: 22px;
}
.lk-right-profile-form .registation-form-btn-decor {
    display: none;
    position: absolute;
    right: 15px;
    font-size: 16px;
    color:#fff;
}
.lk-right-profile-form button:hover .registation-form-btn-decor{
    display: block;
    animation-name: arrow-move;        
    animation-duration: .5s;
    animation-timing-function: ease-in-out;
}

.lk-right-rekvizit-accordion-item {
    border-bottom: 1px solid #0F0F0F1A;    
    padding: 18px 0;
    cursor: pointer;
}
.lk-right-rekvizit-accordion-item:nth-last-child(1) {
    
    border-bottom: 1px solid #0F0F0F1A;
}
.lk-right-rekvizit-accordion-item-header {
    display: flex;
    width: 520px;
    justify-content: space-between;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 12px;
    text-transform: uppercase;
    color: #0f0f0f;
}
.lk-right-rekvizit-accordion-item-header img {
    width: 11px;
    height: 11px;
    object-fit: contain;
    transform: rotate(180deg);
    transition: .5s;

}
.lk-right-rekvizit-accordion-item.active .lk-right-rekvizit-accordion-item-header>img {
    transform: rotate(0deg);
    transition: .5s;
}
.lk-right-rekvizit-accordion-item-content {    
    display: none;  
    max-width: 500px;
    padding-top: 10px;
   
}
.lk-right-rekvizit-accordion-item-content p {
    margin-top: 10px;
    font-weight: 400;
    font-size: 12px;
    color: #0f0f0f;
}
.lk-right-rekvizit-accordion-item-content h5 {
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 12px;
    color: #0f0f0f;
}
.lk-right-rekvizit-accordion-item-content a {
    
}
.lk-right-rekvizit-accordion-item.active .lk-right-rekvizit-accordion-item-content{
    display: block;
}   

.lk-right-rekvizit-accordion-item-edit-btn {
    display: flex;
    gap: 8px;  
    align-items: center;
    margin-top: 10px;
}
.lk-right-rekvizit-accordion-item-edit-btn img {
    width: 10px;
    height: 10px;
    object-fit: contain;
}
.lk-right-rekvizit-accordion-item-edit-btn p {
    margin-top: 0;
    font-weight: 400;
    font-size: 12px;     
    
    text-align: center;
    color: rgba(15, 15, 15, 0.3);
}
.lk-right-rekvizit-accordion-item-edit-btn:hover p {
    text-decoration: underline;
}


.lk-right-rekvizit-btn{
    margin-top: 25px;
    width: 202px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background: #0F0F0F;
    position: relative;
    font-weight: 400;
    font-size: 12px;
    line-height: 208%;
    text-align: center;    

}
.lk-right-rekvizit-btn p {

    color: #fff;
  
}
.lk-right-rekvizit-btn .registation-form-btn-decor {
    display: none;
    position: absolute;
    right: 15px;
    font-size: 16px;
    color:#fff;
}
.lk-right-rekvizit-btn:hover .registation-form-btn-decor{
    display: block;
    animation-name: arrow-move;        
    animation-duration: .5s;
    animation-timing-function: ease-in-out;
}


.lk-right-history {
}
.history {
    
    flex-direction: column;
}
.lk-right-history-title {
    font-weight: 500;
    font-size: 18px;
    color: #0f0f0f
}
.lk-right-history-table {
    margin-top: 50px;
    width: 840px;
}
.lk-right-history-table-head {
    display: flex;
    font-weight: 500;
    font-size: 12px;
    letter-spacing: -0.02em;
    color: #292a2b;
    text-align: center;
    height: 40px;
}
.lk-right-history-table-head-col1 {
    width: 15%;
}
.lk-right-history-table-head-col2 {
    width: 15%;

}
.lk-right-history-table-head-col3 {
    width: 15%;

}
.lk-right-history-table-head-col4 {
    width: 40%;
}
.lk-right-history-table-head-col5 {
    width: 15%;

}
.lk-right-history-table-body {
    font-weight: 400;
    font-size: 12px;
    line-height: 150%;
    letter-spacing: -0.02em;
    color: #292a2b;
    width: 840px;
    text-align: center;
}
.lk-right-history-table-body-line {
    width: 100%;
    height: fit-content;
    min-height: 40px;
    padding-top: 10px;
}
.lk-right-history-table-body-line-head {
    display: flex;
    width: 100%;
    height: fit-content;
    min-height: 40px;
    position: relative;
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 10px;
    cursor: pointer;
}
.lk-right-history-table-body-line-col1 {
    width: 15%;
}
.lk-right-history-table-body-line-col2 {
    width: 15%;
}
.lk-right-history-table-body-line-col3 {
    width: 15%;
}
.lk-right-history-table-body-line-col4 {    
    width: 40%;
    text-align: left;
}
.lk-right-history-table-body-line-col5 {
    width: 15%;
    font-weight: 500;
    font-size: 12px;
    line-height: 150%;
    letter-spacing: -0.02em;
    color: #292a2b;
}
.lk-right-history-table-body-line-accordion-arr {
    height: 11px;
    width: 11px;
    object-fit: contain;
    position: absolute;
    right: 10px;
    top: 2px;
    transform: rotate(180deg);
    transition: .5s;
}
.lk-right-history-table-body-line-moreinfo {
    display: none;
    width: 100%;
    height: fit-content;
    min-height: 40px;
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 10px;
    padding-top: 10px;
}

.lk-right-history-table-body-line.active .lk-right-history-table-body-line-moreinfo{
    display: flex;
}
.lk-right-history-table-body-line.active .lk-right-history-table-body-line-accordion-arr {

    transform: rotate(360deg);
    transition: .5s;
}
.lk-right-history-empty {
}
.lk-right-history-title {
    font-weight: 500;
font-size: 18px;
color: #0f0f0f;
}
.lk-right-history-empty-subtitle {
    margin-top: 20px;
    font-weight: 400;
font-size: 12px;
line-height: 133%;
color: #0f0f0f;
}
.lk-right-history-empty .favorite-content-empty-button {    
    margin: 20px 0; 

}
.favorite-content-empty-button-decor {
}
.add-rekvizit-title {
    font-weight: 500;
    font-size: 18px;
    color: #0f0f0f;
}

.about-welcome {
    min-height: 500px;
    aspect-ratio: 1440 / 500;
    background: url(/local/templates/verdi-inner/css/../img/aboutpage-bg.png);
    background-size: cover;
    width: 100%;
    padding: 0 30px;
    display: flex;
    flex-direction: column;
}
.about-welcome-title {
    margin-top: auto;
    font-weight: 400;
    font-size: 36px;
    line-height: 125%;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #fff;
    max-width: 650px;
}
.about-welcome-title-subtitle {
    margin-top: 30px;
    margin-bottom: 50px;
    font-weight: 400;
    font-size: 18px;
    line-height: 130%;
    color: #fff;
}


.about-info .favorite-content-empty-button {
    margin: 60px 0;
}
.about-info {
    display: flex;
    margin: 70px 10% 0 10%;
    gap: 20px;
    justify-content: space-between;
}
.about-info-left {
    max-width: 460px;
}
.about-info-left-text {
    font-weight: 400;
    font-size: 18px;
    color: #0f0f0f;
}

.about-info-right {
    max-width: 460px;
}
.about-info-right-title {
    font-weight: 400;
    font-size: 18px;
    text-transform: uppercase;
    color: #0f0f0f;
    margin-top: 50px;
}
.about-info-right-title:nth-child(1) {
    margin-top: 0;
}
.about-info-right-descrition {
    margin-top: 15px;
    font-weight: 400;
font-size: 12px;
line-height: 142%;
color: #0f0f0f;
}

.about-logo {
    margin: 160px auto 60px;
    font-family: Tenor Sans;
    font-size: 36px;
    font-weight: 400;
    line-height: 42.12px;
    text-align: center;
    color: #0f0f0f;
}

@media (max-width: 768px){
    .about-logo {
        margin: calc(5rem - 60px) auto 2rem;
        font-family: Tenor Sans;
        font-size: 36px;
        font-weight: 400;
        line-height: 42.12px;
        text-align: center;
        color: #0f0f0f;
    }
}

.contacts {
    margin: 0 10px;
}
.contacts-title {
    font-weight: 500;
    font-size: 12px;
    text-transform: uppercase;
    color: #0f0f0f;
    text-align: center;
}
.contacts-wrapper {
    margin-top: 50px;
    display: flex;
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.06);
    height: 190px;
}
.contacts-item {
    width: 25%;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 18px 20px;
    border-left: 1px solid rgba(0, 0, 0, 0.06);;
}
.contacts-item:nth-child(1){
    border-left: none;
}
.contacts-item-title {
    font-weight: 500;
    font-size: 11px;
    text-transform: uppercase;
    color: #0f0f0f;
}
.contacts-item-subtitle {
    font-weight: 400;
    font-size: 11px;
    line-height: 144%;
    color: rgba(15, 15, 15, 0.3);
    width: 175px;
    margin-top: 15px;
}
.contacts-item-link {
    margin-top: auto;
    font-weight: 400;
    font-size: 18px;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    color: #0f0f0f;
    transition: .5s;
    
}
.contacts-item-link:hover {
    transition: .3s;
    opacity: .5;
    text-decoration: underline;
}
.contacts-item-social {
    margin-top: auto;
    display: flex;
    gap: 8px;

}
.contacts-item-social a{
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 12px;
    color: #0f0f0f;
    border: 1px solid #0F0F0F;
    transition: .5s;

}

.contacts-item-social a:hover {
    transition: .5s;
    background: #0f0f0f;
    color: #fff;
}

.feedback {
    margin: 50px 0px 110px 0;
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 510px;
    padding: 0 10px;
}
.feedback-left {
    height: 100%;
    width: calc(50% - 2px);
    background: rgba(15, 15, 15, 0.02);
    padding: 60px 45px;
}
.feedback-left-form {
}

.feedback-left-form-title {
    font-weight: 500;
    font-size: 18px;
    text-transform: uppercase;
    color: #0f0f0f;
}
.feedback-left-form-line {
    margin-top: 35px;
    width: 100%;
    display: flex;   
    justify-content: space-between; 
}
.feedback-left-form-line input {
    width: 47%;
    height: 50px;
    background: transparent;
    border-bottom: 1px solid rgba(15, 15, 15, 0.1);
    font-weight: 400;
    font-size: 12px;
    
}
.feedback-left-form-line input:focus {
    border: none;
    border-bottom: 1px solid rgba(15, 15, 15, 0.9);
    outline: none; 
}
.feedback-left-form-line input:active {
    border: none;
    border-bottom: 1px solid rgba(15, 15, 15, 0.9);
    outline: none; 
}
.feedback-left-form textarea{
    margin-top: 35px;
    width: 100%;
    height: 170px;
    background: transparent;
    border-bottom: 1px solid rgba(15, 15, 15, 0.1);
    font-weight: 400;
    font-size: 12px;

}
.feedback-left-form textarea:focus{
    border: none;
    border-bottom: 1px solid rgba(15, 15, 15, 0.9);
    outline: none; 
}

.feedback-button-decor {

}
.order-right-complit-privpolicy {
}

.feedback-button {
    width: 295px;
    height: 45px;
    background: #0F0F0F;    
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 400;
    font-size: 12px;
    line-height: 208%;
    text-align: center;
    color: #fff;
    position: relative;

}
.feedback-button p {
    color: #fff;
}
.feedback-button-decor {
    display: none;
    position: absolute;
    right: 15px;
    object-fit: contain;
    width: 6px;
    height: 11px;
}
.feedback-button:hover .feedback-button-decor {
    display: block;
    animation-name: arrow-move;        
    animation-duration: .5s;
    animation-timing-function: ease-in-out;
}

.feedback-right {
    background: url(/local/templates/verdi-inner/css/../img/contacts-bg.png);
    background-size: cover;
    height: 100%;
    width: calc(50% - 2px);
}
.feedback-left-form-line-btn {
    display: flex;
    width: 100%;
    gap: 20px;
    margin-top: 35px;
    align-items: center;
}

.map {
    display: flex;
    flex-direction: column;
    padding: 0 10px;
    margin-bottom: 100px;
}
.map-title {
    font-weight: 500;
    font-size: 12px;
    text-transform: uppercase;
    color: #0f0f0f;
    text-align: center;
}
.map-secelt {
    width: 190px;
    height: 30px;
    margin: 50px auto;
    border: 1px solid rgba(15, 15, 15, 0.1);
    padding: 5px 25px;
}
.map-secelt:focus {
    outline: none;
}
.map-option {
}
.map-content {

    display: none;
}
.map-content.active {
    display: block;
}
.map-content-wrapper {
    margin-top: 30px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(389px, 1fr));
}
.map-content-item {
    padding: 20px;
    border: .5px solid rgba(15, 15, 15, 0.1);
    height: 190px;
    display: flex;
    flex-direction: column;
    transition: .5s;
}
.map-content-item-title {
    font-weight: 400;
    font-size: 11px;
    text-transform: uppercase;
    color: #0f0f0f;
    height: 40px;
}
.map-content-item-title span{
    font-weight: 500;
    font-size: 11px;
    text-transform: uppercase;
    color: #0f0f0f;
}
.map-content-item-time {
    margin-top: 10px;
    font-weight: 400;
    font-size: 11px;
    line-height: 133%;
    color: rgba(15, 15, 15, 0.3);
}
.map-content-item-link {
    margin-top: auto;
    font-weight: 400;
    font-size: 11px;
    line-height: 133%;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    color: #0f0f0f;
    transition: .5s;
}
.map-content-item-link:hover {
    text-decoration: underline;
    opacity: .5;
    transition: .5s;
}
.map-content-item:hover {
    background: #f1f1f1;
    transition: .5s;
}


.manuals {
    padding: 0 10px;
}
.manuals-title {
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    color: #0f0f0f;
}
.manuals-subtitle {
    margin: 20px auto 0 auto;
    font-weight: 400;
    font-size: 12px;
    text-align: center;
    color: #0f0f0f;
    max-width: 415px;
}
.manuals-wrapper {
    margin-top: 60px;
    margin-bottom: 120px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(389px, 1fr));
    row-gap: 4px;
    column-gap: 4px;
}
.manuals-item {
    aspect-ratio: 1 / 1;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.manuals-item:hover .manuals-item-bg{
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);

}
.manuals-item-bg {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.manuals-item-link {
    position: absolute;
    bottom: 22px;
    left: 20px;
    display: flex;
    font-weight: 500;
    font-size: 11px;
    text-transform: uppercase;
    color: #fff;
    gap: 12px;
}
.manuals-item-link:visited {
    color: #fff;
}
.manuals-item-link img{
    object-fit: contain;
}

.manuals-item-link:hover p{
    color: #fff;
    text-decoration: underline;
}

.artical {
}
.artical-title {
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    color: #0f0f0f;
    text-align: center;
}
.artical-wrapper {
    margin: 60px auto 100px;    
    max-width: 700px;
}
.artical-text {
    margin-bottom: 15px;
    font-weight: 400;
    font-size: 12px;
    color: #0f0f0f;
}
.artical-text li {
    list-style: disc;
    
    margin-left: 18px;
}

.artical-slider {
}
.artical-slider-title {
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    color: #0f0f0f;
    text-align: center;
}
#artical-splide {
    margin-top: 40px;
    margin-bottom: 100px;
}

#artical-splide .splide__arrow {
    background: transparent;   
    opacity: 1;  
}

.cooperation {
    min-height: 100vh;
}
.cooperation-title {
    font-weight: 500;
    font-size: 12px;
    text-transform: uppercase;
    color: #0f0f0f;
    text-align: center;
}
.oferta {
}
.oferta-title {
    font-weight: 500;
    font-size: 14px;
    color: #0f0f0f;
    text-align: center;
}
.oferta-content {
    white-space: pre-wrap;
    margin: 80px 10% 100px 10%;
    width: 80%;
    font-family: ;
    font-weight: 400;
    font-size: 12px;
    line-height: 142%;
    color: #0f0f0f;
}

.vrazrabotke {
    min-height: calc(100vh - 580px);
}
.collect-screen1 {
    background: url(/local/templates/verdi-inner/css/../img/collect-screen1.png);
    height: 100vh;
    background-size: cover;
    display: flex;
    width: 100%;
}
.collect-screen1-title {
    margin-top: auto;
    margin-left: 30px;
    margin-bottom: 70px;
    max-width: 490px;
    font-weight: 400;
    font-size: 60px;
    line-height: 107%;
    letter-spacing: -0.02em;
    color: #fff;
}

.collect-screen2 {
    width: 100%;
    height: calc(100vh - 60px);
    position: relative;
}
#collect-screen2-video {
    position: relative;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.collect-screen2 .controls{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.collect-screen3 {
    margin-top: 120px;
}
.collect-screen3-title {
    font-weight: 500;
    font-size: 15px;
    text-transform: uppercase;
    text-align: center;
    color: #000;
}
.collect-screen3-subtitle {
    margin: 25px auto 0;
    font-weight: 400;
    font-size: 15px;
    text-transform: uppercase;
    text-align: center;
    color: #000;
    max-width: 500px;
}
.collect-screen3-wrapper {
    margin-top: 80px;
    display: flex;
    height: auto;
    width: 100%;
    gap: 10%;
    align-items: center;
}
.collect-screen3-left {
    width: 50%;
    aspect-ratio: 720 / 957;
    display: flex;
}
.collect-screen3-right {
    width: 30%;
    aspect-ratio: 460 /610;
    display: flex;

}
.collect-link {
    font-weight: 500;
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    display: flex;
    gap: 10px;
    margin-top: auto;
    margin-bottom: 20px;
    margin-left: 15px;
}
.collect-link p {
    color: #fff;
}
.collect-link img {
    object-fit: contain;
}
.collect-link:hover p{
    text-decoration: underline;
    transition: .5s;
}

.collect-screen4 {
    width: 100%;
    height: calc(100vh - 60px);
    position: relative;
}

#collect-screen4-video {
    position: relative;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.collect-screen4 .controls{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.basket-empty .favorite-content-empty-title {
    margin-top: 0;
}
.favorite-content-empty-button {
    margin: 60px auto 0;

}










@media (max-width: 820px) {
    .screen2-wrapper{
        flex-wrap: wrap;
        height: auto;
    }
    .screen2-left, .screen2-right{
        width: 100%;
        height: 640px;
    }
    .screen2-left{
        display: none;
    }
    .screen2-right{
        padding: 0px 20px 48px 20px;
        background-position: center;
    }
    .screen2-wrapper.reverse .screen2-right-title{
        text-align: right;
    }
    .screen2-wrapper.reverse .screen2-right-subtitle{
        text-align: right;
        margin-left: auto;
    }
    .hits{
        margin-top: 50px;
    }
    .hits-subtitle{
        font-size: 10px;
    }
    .hits-title{
        font-size: 18px;
        line-height: 15px;
        margin-top: 0;
    }
    .hits-content {
        margin-top: 26px;
    }
    .hits-item-name, .hits-item-price{
        font-weight: 400;
        font-size: 10px;
        text-transform: uppercase;
        text-align: center;
        color: #0f0f0f;
    }
    .hits-item-name{
        margin-top: 10px;
    }
    .hits-item-price{
        margin-top: 5px;
    }
    .newcol{
        margin-top: 67px;
    }
    .newcol-title{
        font-weight: 400;
        font-size: 18px;
        letter-spacing: -0.02em;
        text-transform: uppercase;
        text-align: center;
        color: #0f0f0f;
    }
}

@media (max-width: 640px) {
    .ticker{
        font-size: 8px;
        padding: 5px 0;
    }
    .ticker__item{
        padding: 0 12px;
    }
    .welcome-item-title{
        font-size: 31px;
        padding-top: 500px;
    }
    .welcome-item-title span{
        font-size: 16px;
        line-height: 22px;
    }
    .welcome-item-subtitle{
        font-family: var(--font-family);
        font-weight: 400;
        font-size: 12px;
        color: #fff;
    }
    .welcome-item-button{
        display: none;
    }

    .welcome .splide__pagination--ttb {
        bottom: 1rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        padding: 0em 0;
        right: auto;
        left: 50%;
        justify-content: center;
        top: unset;
        transform: translateX(-50%);
        gap: 12px;
        width: 100%;
    }
    .welcome .splide__pagination__page{
        width: 47px;
        height: 3px;
    }
    .screen2-right-title{
        font-size: 30px;
        line-height: 22px;
    }
    .screen2-right-subtitle{
        font-size: 12px;
        font-family: Onest;
        font-weight: 400;
        line-height: 17.95px;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #fff;
        width: 235px;
        margin-top: 13px;
    }
}


@media (min-width: 821px) {
    .newcol-content {
        margin-top: 36px;
        display: flex;
        justify-content: space-between;
        gap: 1px;
    }
    .newcol-item {
        background-size: cover;
        width: 25%;
        aspect-ratio: 2 / 3;
        display: flex;
    }
    #newcol-splide{
        display: none;
       
    }
}
@media (max-width: 820px) {
    .newcol-content {
        display: none;
    }
    .newcol-item{
        width: 100%;
    }
    #newcol-splide{
        margin-top: 20px; 
    }
    .newcol-item-link{
        bottom: 0;
        left: 0;
        font-size: 10px;
        gap: 10px;
    }
    #newcol-splide .splide__arrow{
        display: none;
    }
    .about{
        height: 423px;
        min-height: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }

    .about-title {
        font-weight: 400;
        font-size: 20px;
        letter-spacing: -0.02em;
        text-transform: uppercase;
        color: #fff;
        line-height: 120%;
        margin-top: 212px;
        
    }

    .about-subtitle {
        font-weight: 400;
        font-size: 12px;
        line-height: 117%;
        color: #fff;
        margin-top: 11px;
        max-width: 220px;
    }
    a.about-button{
        margin-top: 24px;
    }
}

@media (max-width: 1280px) {
    .footer-top-left, .footer-mid-left{
        width: 30%;
    }
    .footer-top-right, .footer-mid-right{
        width: auto;
        flex-grow: 1;
        margin-left: 64px;
    }
}

@media (max-width: 820px) {
    .footer-top-right-col--menu{
        width: calc(50% - 10px);
    }
    .footer-top{
        flex-wrap: wrap;
    }
    .footer-top-right{
        flex-wrap: wrap;
        margin-left: 0;
        flex-direction: row-reverse;
    }
    .footer-wrapper {
        width: 100%;
        padding: 0 10px;
    }
    .footer-top-left{
        width: 130px;
    }
    .footer-top-right-col--contacts .footer-top-right-col-subtitle{
        display: none;
    }
    .footer-top-right-col--contacts{
        margin-top: 30px;
    }
    .footer-top-right-col-social{
        margin-bottom: 16px;
    }
    .footer-top-right-col--contacts{
        padding-bottom: 30px;
        width: 100%;
        border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    }
    
    .footer-top-right-col-subtitle{
        font-size: 10px;
    }
    .footer-mid-right{
        margin-left: 0;
        width: 100%;
        flex-grow: 1;
        flex-wrap: wrap;
    }
    .footer-mid-left, .footer-mid-right{
        width: 100%;
    }
    .footer-bot{
        height: auto;
    }
	.footer-top-right{
     width: 100%;
}


.header-menu-right-item-basket a, .header-menu-right-item-favor a{
	font-size: 0;
	height: 20px; 
	width: 20px;
	display: block;
}
.header-menu-right-item-basket , .header-menu-right-item-favor {
position: relative;
}
.header-menu-right-item-basket p, .header-menu-right-item-favor p{
    border-radius: 50px;

    width: 12px;
    height: 12px;
    background: #0f0f0f;
    position: absolute;
    bottom: -2px;
    right: -1px;
    font-weight: 400;
    font-size: 6px;
    line-height: 6px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-menu-right-item-basket a{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='22' viewBox='0 0 21 22' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.88937 6.80192V6.70185C7.89343 5.29307 9.05232 4.14844 10.4746 4.14844C11.8969 4.14844 13.0599 5.29307 13.0599 6.70185V6.80192H15.4628C15.9449 6.80192 16.3461 7.18613 16.3745 7.67841L16.8972 16.9276C16.9094 17.1597 16.8242 17.3838 16.6581 17.5599C16.4758 17.744 16.2326 17.8481 15.9814 17.8481H4.96779C4.71656 17.8481 4.47344 17.744 4.29515 17.5599C4.12901 17.3838 4.04392 17.1597 4.05608 16.9276L4.58285 7.67841C4.61121 7.18613 5.00832 6.80192 5.49457 6.80192H7.88937ZM12.2818 8.47636V7.57035H8.66737V8.47485C8.78507 8.59008 8.85782 8.74998 8.85782 8.92711C8.85782 9.2793 8.57012 9.56345 8.21354 9.56345C7.85695 9.56345 7.56925 9.2793 7.56925 8.92711C7.56925 8.69175 7.69772 8.48679 7.88937 8.37669V7.57035H5.49053C5.40948 7.57035 5.36085 7.6504 5.3568 7.72243L4.83814 16.9716C4.83814 16.9984 4.85298 17.0179 4.86491 17.0335L4.8665 17.0356C4.89486 17.0636 4.93539 17.0836 4.97185 17.0836H15.9814C16.0179 17.0836 16.0584 17.0676 16.0868 17.0356C16.0989 17.0236 16.1151 16.9996 16.1151 16.9716L15.5924 7.72243C15.5884 7.64639 15.5357 7.57035 15.4587 7.57035H13.0599V8.37669C13.2515 8.48679 13.38 8.69175 13.38 8.92711C13.38 9.2793 13.0923 9.56345 12.7357 9.56345C12.3791 9.56345 12.0914 9.2793 12.0914 8.92711C12.0914 8.75075 12.1645 8.59146 12.2818 8.47636ZM12.2818 6.80192V6.70185C12.2818 5.71731 11.4714 4.91687 10.4746 4.91687C9.4778 4.91687 8.66737 5.71731 8.66737 6.70185V6.80192H12.2818Z' fill='%23fff'/%3E%3C/svg%3E");
}

.header-menu-right-item-favor a{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M7.08555 3.83594C4.8751 3.83594 3.06543 5.62293 3.06543 7.80086C3.06543 9.02231 3.79151 10.1056 4.96484 11.3554C6.13816 12.6053 7.78696 14.0516 9.77648 16.0145C9.80878 16.0464 9.84718 16.0716 9.88947 16.0889C9.93176 16.1061 9.97914 16.1615 10.0249 16.1615C10.0707 16.1615 10.114 16.1061 10.1563 16.0889C10.1986 16.0716 10.237 16.0464 10.2693 16.0145C12.2657 14.0514 13.9159 12.6055 15.0877 11.3554C16.2596 10.1054 16.9817 9.02163 16.9817 7.80086C16.9817 5.62285 15.172 3.83594 12.9616 3.83594C11.6498 3.83594 10.707 4.61387 10.0236 5.55861C9.34016 4.61387 8.3974 3.83594 7.08555 3.83594ZM7.08555 4.51808C8.27163 4.51808 9.11825 5.24092 9.72488 6.23541C9.75569 6.2862 9.79942 6.32826 9.85178 6.35748C9.90415 6.38669 9.96335 6.40205 10.0236 6.40205C10.0838 6.40205 10.143 6.38669 10.1954 6.35748C10.2477 6.32826 10.2915 6.2862 10.3223 6.23541C10.9289 5.24092 11.7755 4.51808 12.9616 4.51808C14.7907 4.51808 16.2866 5.99301 16.2866 7.80086C16.2866 8.75443 15.7078 9.68701 14.5759 10.8945C13.5022 12.0398 11.8973 13.4684 10.0249 15.2937C8.15767 13.4678 6.55085 12.0388 5.47533 10.8931C4.34161 9.6855 3.76057 8.75375 3.76057 7.80086C3.76057 5.99311 5.25648 4.51808 7.08555 4.51808Z' fill='%23fffF' stroke='%23fffF' stroke-width='0.1'/%3E%3C/svg%3E");
}


.header-menu-fixed .header-menu-right-item-basket a{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='22' viewBox='0 0 21 22' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.88937 6.80192V6.70185C7.89343 5.29307 9.05232 4.14844 10.4746 4.14844C11.8969 4.14844 13.0599 5.29307 13.0599 6.70185V6.80192H15.4628C15.9449 6.80192 16.3461 7.18613 16.3745 7.67841L16.8972 16.9276C16.9094 17.1597 16.8242 17.3838 16.6581 17.5599C16.4758 17.744 16.2326 17.8481 15.9814 17.8481H4.96779C4.71656 17.8481 4.47344 17.744 4.29515 17.5599C4.12901 17.3838 4.04392 17.1597 4.05608 16.9276L4.58285 7.67841C4.61121 7.18613 5.00832 6.80192 5.49457 6.80192H7.88937ZM12.2818 8.47636V7.57035H8.66737V8.47485C8.78507 8.59008 8.85782 8.74998 8.85782 8.92711C8.85782 9.2793 8.57012 9.56345 8.21354 9.56345C7.85695 9.56345 7.56925 9.2793 7.56925 8.92711C7.56925 8.69175 7.69772 8.48679 7.88937 8.37669V7.57035H5.49053C5.40948 7.57035 5.36085 7.6504 5.3568 7.72243L4.83814 16.9716C4.83814 16.9984 4.85298 17.0179 4.86491 17.0335L4.8665 17.0356C4.89486 17.0636 4.93539 17.0836 4.97185 17.0836H15.9814C16.0179 17.0836 16.0584 17.0676 16.0868 17.0356C16.0989 17.0236 16.1151 16.9996 16.1151 16.9716L15.5924 7.72243C15.5884 7.64639 15.5357 7.57035 15.4587 7.57035H13.0599V8.37669C13.2515 8.48679 13.38 8.69175 13.38 8.92711C13.38 9.2793 13.0923 9.56345 12.7357 9.56345C12.3791 9.56345 12.0914 9.2793 12.0914 8.92711C12.0914 8.75075 12.1645 8.59146 12.2818 8.47636ZM12.2818 6.80192V6.70185C12.2818 5.71731 11.4714 4.91687 10.4746 4.91687C9.4778 4.91687 8.66737 5.71731 8.66737 6.70185V6.80192H12.2818Z' fill='%230F0F0F'/%3E%3C/svg%3E");
}

.header-menu-fixed .header-menu-right-item-favor a{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M7.08555 3.83594C4.8751 3.83594 3.06543 5.62293 3.06543 7.80086C3.06543 9.02231 3.79151 10.1056 4.96484 11.3554C6.13816 12.6053 7.78696 14.0516 9.77648 16.0145C9.80878 16.0464 9.84718 16.0716 9.88947 16.0889C9.93176 16.1061 9.97914 16.1615 10.0249 16.1615C10.0707 16.1615 10.114 16.1061 10.1563 16.0889C10.1986 16.0716 10.237 16.0464 10.2693 16.0145C12.2657 14.0514 13.9159 12.6055 15.0877 11.3554C16.2596 10.1054 16.9817 9.02163 16.9817 7.80086C16.9817 5.62285 15.172 3.83594 12.9616 3.83594C11.6498 3.83594 10.707 4.61387 10.0236 5.55861C9.34016 4.61387 8.3974 3.83594 7.08555 3.83594ZM7.08555 4.51808C8.27163 4.51808 9.11825 5.24092 9.72488 6.23541C9.75569 6.2862 9.79942 6.32826 9.85178 6.35748C9.90415 6.38669 9.96335 6.40205 10.0236 6.40205C10.0838 6.40205 10.143 6.38669 10.1954 6.35748C10.2477 6.32826 10.2915 6.2862 10.3223 6.23541C10.9289 5.24092 11.7755 4.51808 12.9616 4.51808C14.7907 4.51808 16.2866 5.99301 16.2866 7.80086C16.2866 8.75443 15.7078 9.68701 14.5759 10.8945C13.5022 12.0398 11.8973 13.4684 10.0249 15.2937C8.15767 13.4678 6.55085 12.0388 5.47533 10.8931C4.34161 9.6855 3.76057 8.75375 3.76057 7.80086C3.76057 5.99311 5.25648 4.51808 7.08555 4.51808Z' fill='%230F0F0F' stroke='%230F0F0F' stroke-width='0.1'/%3E%3C/svg%3E");
}

	.header-menu-right{
gap: 2px;
}

}

@media (max-width: 1280px) {
    .header-menu-mid{
        font-size: 23px;
    }
    .header-menu-left-navigation{
        display: none;
    }
    .header-menu{
        justify-content: flex-start;
    }
    .header-menu-right{
        flex-grow: 1;
    }
    #login-btn{
        margin-left: auto;
        font-size: 0;
        width: 20px;
height: 20px;
display: block;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.0021 8.60562C11.3089 8.60562 12.3683 7.54623 12.3683 6.23941C12.3683 4.93259 11.3089 3.8732 10.0021 3.8732C8.69528 3.8732 7.63589 4.93259 7.63589 6.23941C7.63589 7.54623 8.69528 8.60562 10.0021 8.60562ZM10.0021 9.22784C11.6526 9.22784 12.9905 7.88988 12.9905 6.23941C12.9905 4.58894 11.6526 3.25098 10.0021 3.25098C8.35164 3.25098 7.01367 4.58894 7.01367 6.23941C7.01367 7.88988 8.35164 9.22784 10.0021 9.22784Z' fill='white' stroke='white' stroke-width='0.21'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.80745 14.3306C7.85247 16.7256 12.1483 16.7256 15.1933 14.3306C15.098 13.4977 14.5869 12.6285 13.7297 11.9269C12.7832 11.1522 11.4639 10.6281 10.0004 10.6281C8.53688 10.6281 7.21758 11.1522 6.27104 11.9269C5.4139 12.6285 4.90276 13.4977 4.80745 14.3306ZM15.8318 14.6125C12.4661 17.4613 7.53469 17.4613 4.16895 14.6125C4.16895 12.3092 6.77977 10.0059 10.0004 10.0059C13.221 10.0059 15.8318 12.3092 15.8318 14.6125Z' fill='white' stroke='white' stroke-width='0.21'/%3E%3C/svg%3E");
    }
    .header-menu-fixed #login-btn{
  
        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 fill-rule='evenodd' clip-rule='evenodd' d='M10.0021 8.60562C11.3089 8.60562 12.3683 7.54623 12.3683 6.23941C12.3683 4.93259 11.3089 3.8732 10.0021 3.8732C8.69528 3.8732 7.63589 4.93259 7.63589 6.23941C7.63589 7.54623 8.69528 8.60562 10.0021 8.60562ZM10.0021 9.22784C11.6526 9.22784 12.9905 7.88988 12.9905 6.23941C12.9905 4.58894 11.6526 3.25098 10.0021 3.25098C8.35164 3.25098 7.01367 4.58894 7.01367 6.23941C7.01367 7.88988 8.35164 9.22784 10.0021 9.22784Z' fill='%230F0F0F' stroke='%230F0F0F' stroke-width='0.1' /%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.80745 14.3306C7.85247 16.7256 12.1483 16.7256 15.1933 14.3306C15.098 13.4977 14.5869 12.6285 13.7297 11.9269C12.7832 11.1522 11.4639 10.6281 10.0004 10.6281C8.53688 10.6281 7.21758 11.1522 6.27104 11.9269C5.4139 12.6285 4.90276 13.4977 4.80745 14.3306ZM15.8318 14.6125C12.4661 17.4613 7.53469 17.4613 4.16895 14.6125C4.16895 12.3092 6.77977 10.0059 10.0004 10.0059C13.221 10.0059 15.8318 12.3092 15.8318 14.6125Z' fill='%230F0F0F' stroke='%230F0F0F' stroke-width='0.1' /%3E%3C/svg%3E");
    }
    #menu-tgimg, .header-menu-right-item-img{
        display: none;
    }
    #search-btn{
        font-size: 0;
        width: 20px;
        height: 20px;
        background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.21556 15.3754C10.6447 15.3754 11.9478 14.8464 12.949 13.9785L15.8461 16.8757C15.9362 16.9658 16.0824 16.9658 16.1725 16.8757L16.4225 16.6256C16.5127 16.5355 16.5127 16.3894 16.4225 16.2992L13.5254 13.4021C14.3933 12.401 14.9224 11.0978 14.9224 9.66868C14.9224 6.5169 12.3673 3.96191 9.21556 3.96191C6.06377 3.96191 3.50879 6.5169 3.50879 9.66868C3.50879 12.8204 6.06377 15.3754 9.21556 15.3754ZM9.21556 4.77715C11.9128 4.77715 14.107 6.97141 14.107 9.66868C14.107 12.3659 11.9128 14.5602 9.21556 14.5602C6.51829 14.5602 4.32402 12.3659 4.32402 9.66868C4.32402 6.97141 6.51829 4.77715 9.21556 4.77715Z' fill='white' stroke='white' stroke-width='0.1' /%3E%3C/svg%3E");
    }
    .header-menu-fixed #search-btn{
        background-image: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.21556 14.8754C10.6447 14.8754 11.9478 14.3464 12.949 13.4785L15.8461 16.3757C15.9362 16.4658 16.0824 16.4658 16.1725 16.3757L16.4225 16.1256C16.5127 16.0355 16.5127 15.8894 16.4225 15.7992L13.5254 12.9021C14.3933 11.901 14.9224 10.5978 14.9224 9.16868C14.9224 6.0169 12.3673 3.46191 9.21556 3.46191C6.06377 3.46191 3.50879 6.0169 3.50879 9.16868C3.50879 12.3204 6.06377 14.8754 9.21556 14.8754ZM9.21556 4.27715C11.9128 4.27715 14.107 6.47141 14.107 9.16868C14.107 11.8659 11.9128 14.0602 9.21556 14.0602C6.51829 14.0602 4.32402 11.8659 4.32402 9.16868C4.32402 6.47141 6.51829 4.27715 9.21556 4.27715Z' fill='%230F0F0F' /%3E%3C/svg%3E");
    }
    #search-btn::before, #search-btn::after{
        display: none;
    }
    .search.active #search-btn {
        display: block;
    }
    #search-input, .search.active label{
        position: absolute; 
    }
    .search.active #search-input, .search.active label{
        border-bottom: 0.70px solid rgba(255, 255, 255, 0.3);
        border-radius: 2px;
        padding: 7px 10px;
        width: 100vw;
        height: 30px;
        left: -19px;
        position: absolute;
        bottom: -48px;
    }
    .search.active #search-input::before{
        backdrop-filter: blur(6px);
        background: rgba(255, 255, 255, 0.02);
        height: 100%; width: 100%;
        content: '';
        top: 0;
        left: 0;
        content: '';
    }
    .search-close{
        top: 5px;
    }
    #search{
        height: 20px;
        width: 20px;
    }
    #search-btn{
        position: absolute;
        top: 0;
        left: 0;
    }

}
.canvas, .video{
height: 100%;
width: 100%;
object-fit: covver;
}
.big_pict_a_no_display .img-fluid{
width: 100%;
height: 100%;
object-fit: cover;
}
/* End */
/* /local/templates/verdi-inner/css/verdi.css?1759211956109089 */