:root {
  --text: #343A40;
  --yellow: #FFC107;
}

* {
    box-sizing: border-box;
}

body {
    max-width: 100%;
    margin: 0;
    padding: 0;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 160%;
}

a {
    background-color: transparent;
}

b,
strong {
    font-weight: bolder;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

button {
    -webkit-appearance: none;
    border-radius: 0;
    text-align: inherit;
    background: none;
    box-shadow: none;
    padding: 0;
    cursor: pointer;
    border: none;
    color: inherit;
    font: inherit;
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

button,
[type='button'],
[type='reset'],
[type='submit'] {
    -webkit-appearance: button;
}

button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

button:-moz-focusring,
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring {
    outline: 1px dotted ButtonText;
}

[type='checkbox'],
[type='radio'] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

[type='search'] {
    -webkit-appearance: textfield; /* 1 */
    outline-offset: -2px; /* 2 */
}

[type='search']::-webkit-search-decoration {
    -webkit-appearance: none;
}

[hidden],
.hidden {
  display: none;
}

figure {
    margin: 0;
}

.container {
    max-width: 100%;
    padding-left: 160px;
    padding-right: 160px;
}

h1 {
    font-weight: 700;
    font-size: 40px;
    line-height: 48px;
    text-transform: uppercase;
    color: #212529;
    margin: 30px 0;
}

.list-unstyled {
    list-style: none;
    padding: 0;
}

p {
    font-weight: 400;
    font-size: 16px;
    line-height: 160%;
}

.req_block .map iframe,
.req_block .map div iframe {
    width: 560px;
}

.pagination {
    list-style: none;
    margin: 40px auto 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.pagination li, .pagination a {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #212529;
    text-decoration: none;
    display: flex;
    width: 36px;
    height: 36px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: .2s;
}

.pagination li:hover,
.pagination li.active {
    background-color: #ffd558;
}



header .top_info {
    background: #F5F5F5;
    color: #212529;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    padding: 20px 0;
}

header .top_info .wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

header .top_info span {
    font-weight: 600;
}

header .top_info .phones {
    display: flex;
    align-items: center;
    gap: 40px;
}

header .top_info .phone {
    text-decoration: none;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #343A40;
}

header .top_info .callback {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0.02em;
    color: #6C757D;
}

.main_header .wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px 0;
}

#logo img {
    width: 100%;
}

#menu_btn,
#close {
    display: none;
}

#close {
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    width: 50px;
    height: 50px;
    align-items: center;
    justify-content: center;
    background: #2f353a;
}

#main_menu > ul {
    display: flex;
    list-style: none;
    gap: 50px;
    padding: 0;
    position: relative;
    align-items: center;
    margin: 0;
}

#main_menu a {
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    text-decoration: none;
    text-transform: uppercase;
    color: #343A40;
    padding: 15px 0;
    transition: .2s;
}

.main_header .buttons2 a span {
    display: none;
}

header .top_info .phone:hover,
header .top_info .callback:hover,
#main_menu a:hover {
    color: #ffc107;
}

#desktop-multilevel-menu li .firstmenu > .catfirst .ndlevel > a {
    padding: 0;
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    background: transparent;
}

#desktop-multilevel-menu li .firstmenu > .catfirst .rdlevel li > a {
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 14px;
}

.inner-catright > ul {
    display: flex;
    flex-wrap: nowrap;
}

#main_menu .phone {
    display: none;
}

#main_menu .dropdown-menu {
    position: absolute;
    background: #fff;
    border-top: 4px solid #343A40;
    z-index: 9;
    padding: 20px 30px;
}

#desktop-multilevel-menu>li>ul>li {
    width: 1px;
    position: relative;
}

#desktop-multilevel-menu li .firstmenu {
    padding: 0;
}

#desktop-multilevel-menu li:hover .catright {
    display: block;
    float: left;
    border-top: 4px solid #343A40;
}



.main_header .buttons2 {
    display: flex;
    align-items: center;
    gap: 5px;
}

.main_header .buttons2 a {
    width: 44px;
    height: 44px;
    background: #6C757D;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: .2s;
}

.main_header .buttons2 a:hover {
    background: #ffc107;
}

#search {
    display: flex;
    align-items: center;
    background: #F3F3F3;
    border-radius: 1px;
    position: relative;
}

#search input[type=text],
#product-search input[type=text],
#product-search select,
.options_block select,
.options_block input[type=text] {
    padding: 15px 0 15px 20px;
    border: 0;
    background: transparent;
    transition: .2s;
}

#product-search input[type=text],
#product-search select,
.options_block select,
.options_block input[type=text] {
    background: #F3F3F3;
}

#search input[type=text],
#search input[type=text]::placeholder,
#product-search input[type=text],
#product-search select,
.options_block select,
.options_block input[type=text] {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #6C757D;
}

#search input[type=text]:focus-visible {
    outline: 0;
    background: #e2e2e2;
}

#search .btns {
    height: 47px;
    position: relative;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#search .btns button {
    height: 22px;
}

#search .small_search {
    position: absolute;
    top: 0;
    z-index: -1;
}











footer {
    background: #343A40;
    color: #fff;
    padding: 40px 0;
    margin-top: 180px;
}

footer .wrapper {
    display: flex;
    justify-content: space-between;
}

footer .wrapper > div:not(.info) {
    padding-top: 12px;
}

footer .menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

footer .menu ul li {
    margin-bottom: 20px;
}

footer .menu a {
    color: #fff;
    text-decoration: none;
    font-weight: 500;
    font-size: 16px;
    line-height: 120%;
}

footer .heading {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    margin-bottom: 15px;
}

footer .qa .heading {
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    text-transform: none;
}

footer .info {
    display: flex;
    flex-direction: column;
    max-width: 230px;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #A8A8A8;
    gap: 24px;
}

footer .info span {
    display: block;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #fff;
    margin-bottom: 6px;
}

footer .sales ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

footer .sales ul li {
    margin-bottom: 5px;
}

footer .sales ul a {
    text-decoration: none;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: #A8A8A8;
}

footer .snab a {
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: #A8A8A8;
}

footer .snab a
footer .sales ul li:last-child a {
    text-decoration: underline;
}

footer .qa {
    width: 100%;
    max-width: 280px;
}

footer .qa form {
    /*display: flex;*/
}

footer .qa input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #fff;
    color: #A8A8A8;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    padding: 17px 0 13px;
    width: 100%;
}

#button_send_feedback_header {
    border: 1px solid #A8A8A8;
    padding: 10px 30px;
    border-radius: 1px;
    transition: .2s;
}

#button_send_feedback_header:hover {
    border-color: #fff;
    background: #2F353A;
}

.sub_footer {
    background: #2F353A;
}

.sub_footer .wrapper {
    display: flex;
    justify-content: space-between;
    color: #fff;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    padding: 18px 0px;
}


#main_banner .wrapper {
  display: flex;
  overflow: hidden;
}

#main_banner .text {
  background: #FFC107;
  padding-left: 90px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 20px;
  position: relative;
    z-index: 1;
    min-width: 640px;
}

#main_banner .text::after {
  content: '';
  width: 0px;
  height: 0px;
  border-top: 230px solid transparent;
  border-bottom: 230px solid transparent;
  border-left: 120px solid #ffc107;
  position: absolute;
  right: -120px;
}

#main_banner h1 {
  font-weight: 700;
  font-size: 36px;
  line-height: 130%;
  text-transform: uppercase;
  color: #343A40;
  letter-spacing: 0.02em;
  margin: 0;
  position: relative;
}

#main_banner h1::before {
  content: '';
  width: 123px;
  height: 141px;
  background-image: url(../img/banner_logo.svg);
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  position: absolute;
  top: -75px;
  left: -20px;
  z-index: -1;
}

#main_banner h1 span {
  color: #fff;
}

#main_banner p {
  font-weight: 400;
  font-size: 15px;
  line-height: 160%;
  color: #343A40;
  margin: 0;
}

#main_banner .img {
  position: relative;
}

#main_banner .img img {
  height: 100%;
  object-fit: cover;
}

#main_banner .img .catalog {
  position: absolute;
  bottom: 60px;
  left: 50%;
  transform: translateX(-50%);
  text-decoration: none;
  font-weight: 600;
  font-size: 15px;
  line-height: 120%;
  text-transform: uppercase;
  color: #212529;
  letter-spacing: 0.02em;
  display: flex;
  width: 160px;
  height: 160px;
  background-color: #FFC107;
  background-image: url(../img/banner_logo.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 58%;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: .2s;
  background-blend-mode: normal;
}

#main_banner .img .catalog:hover {
    /*background-color: #ebb105;*/
    background-blend-mode: multiply;
}

#main_banner .img .catalog span {
  display: block;
}

#main_banner .img .catalog span::after {
    content:'';
    width: 12px;
    height: 12px;
    display: inline-block;
  background-image: url(../img/catalog_arrow.svg);
  background-repeat: no-repeat;
  background-position: center;
  /*margin-left: 6px;*/
  transition: .2s;
  position: absolute;
  top: 50%;
    transform: translate(-50%, -50%);
    left: 79%;
}

#main_banner .img .catalog:hover span:after {
    width: 80px;
    height: 80px;
    background-size: cover;
    left: 50%;
    
    z-index: -1;
}

.subs {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.subs a {
    text-decoration: none;
    text-align: center;
    display: block;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #212529;
    max-width: 378px;
}

#category-3 {
    margin-top: 50px;
}

#category-3 .wrapper {
    display: flex;
    justify-content: space-between;
}

#category-3 .item {
    position: relative;
    max-width: 32%;
    border-bottom: 5px solid #ffc107;
    background: rgba(0, 0, 0, 0.28);
    background: -webkit-linear-gradient(360deg, rgba(0, 0, 0, 0.28) -4.11%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(360deg, rgba(0, 0, 0, 0.28) -4.11%, rgba(0, 0, 0, 0) 100%);
    transition: .2s;
    overflow: hidden;
}

#category-3 .item span {
    position: absolute;
    bottom: 35px;
    left: 50%;
    transform: translateX(-50%);
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    text-transform: uppercase;
    color: #fff;
    width: max-content;
}

#category-3 .item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
    z-index: -1;
    transition: .2s;
    
}

#category-3 .item:hover img {
    transform: scale3d(1.1, 1.1, 1.1);
}




.catalog-list .header,
#module h3,
#partners .heading,
#scheme .heading,
#related .heading,
.last_view .heading {
    font-weight: 700;
    font-size: 40px;
    line-height: 48px;
    text-transform: uppercase;
    color: #212529;
    margin: 120px 0 45px;
}

.catalog-list .wrapper {
    display: flex;
    justify-content: space-between;
    gap: 34px;
}

.catalog-list .catalog_block {
    width: calc(50% - 17px);
        padding: 55px;
    background-blend-mode: multiply;
    background-color: #343A40;
}

.catalog-list .production {
    background-image: url(../../../../../image/catalog/snab/catalog_1.svg);
}

.catalog-list .sphere {
    background-image: url(../../../../../image/catalog/snab/catalog_2.svg);
}

.catalog-list .catalog_block .heading {
    display: flex;
    align-items: baseline;
    gap: 30px;
    margin-bottom: 32px;
}

.catalog-list .catalog_block .heading span {
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    text-transform: uppercase;
    color: #FFFFFF;
}

.catalog-list .catalog_block .heading a {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    text-align: right;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #FFC107;
    text-decoration: none;
    position: relative;
    transition: .2s;
}

.catalog-list .catalog_block .heading a:hover {
    color: #fff;
}

.catalog-list .catalog_block .heading a:after {
    content: '';
    background-image: url(../img/arr.svg);
    width: 37px;
    position: absolute;
    right: -50%;
    height: 10px;
    bottom: 5px;
    transition: .2s;
}

.catalog-list .catalog_block .heading a:hover:after {
    right: -60%;
}

.catalog-list .catalog_block ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 10px
}

.catalog-list .catalog_block a {
    text-decoration: none;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: #B0B0B0;
    transition: .2s;
}

.catalog-list .catalog_block a:hover {
    color: #fff;
}















#tab-description img {
    max-width: 100%;
}

#module img {
    max-width: 100%;
}

.swiper-viewport {
    box-shadow: none;
    border: 0;
}

#module .image,
#related_slider .image,
.last_view .image {
    padding: 25px 50px;
    background: #FFFFFF;
    border: 4px solid #FAFAFA;
    transition: .2s;
}

#module .product-layout:hover .image,
#related_slider .swiper-slide:hover .image,
.last_view .swiper-slide:hover .image {
    border-color: #FFC107;
}

#module .caption a,
#related_slider .caption a,
.last_view .caption a {
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    text-decoration: none;
    text-align: center;
    display: block;
    color: #212529;
    margin-top: 25px;
    transition: .2s;
}

#module .product-layout:hover .caption a,
#related_slider .swiper-slide:hover .caption a,
.last_view .swiper-slide:hover .caption a {
    color: #FFC107;
}

#module h3 a {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #6C757D;
    text-decoration: none;
    transition: .2s;
    margin-left: 30px;
    position: relative;
}

#module h3 a:after {
    content: '';
    background-image: url(../img/arr.svg);
    width: 37px;
    position: absolute;
    right: -50px;
    height: 10px;
    bottom: 5px;
    transition: .2s;
}

#partners .product-layout > div {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 166px;
    width: 100%;
    height: 88px;
}

#partners .product-layout img {
    max-width: 100%;
}







.breadcrumb {
    margin: 0 0 20px 0;
    padding: 0 0 10px 0;
    list-style: none;
    display: flex;
    overflow-x: auto;
}

.breadcrumb li {
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.breadcrumb a, .breadcrumb li {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #212529;
}

.breadcrumb li:last-child a {
    text-decoration: none;
    color: #6C757D;
}

.breadcrumb li:not(:last-child):after {
    content: '';
    background-image: url(../img/bread.svg);
    display: block;
    width: 4px;
    height: 6px;
    margin: 0 18px;
}









#column-left {
    max-width: 380px;
}

#oop_ul_cats {
    border: none;
    margin-top: 0;
}

#oop_ul_cats #zerocat {
    background: #FFC720;
    border-radius: 1px 1px 0px 0px;
    padding: 25px 20px 25px 40px;
    font-weight: 700;
    font-size: 15px;
    line-height: 18px;
    text-transform: uppercase;
    color: #212529;
}

#oop_ul_cats .oop_cls_a_active, #oop_ul_cats a:hover {
    background: #F1F1F1;
    color: #212529;
    text-shadow: none;
}

#oop_ul_cats .oop_cls_a_prev_active {
    background: #fafafa;
    color: unset;
    text-shadow: none;
}

#oop_ul_cats .oop_cls_div_exp {
    color: #212529;
}

#oop_ul_cats a {
    color: #212529;
    padding: 10px 20px 10px 40px;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
}

#oop_ul_cats #zerocat + ul {
    padding-top: 10px;
}

#oop_ul_cats li {
    font-weight: normal;
    border-top: none;
}

#oop_ul_cats ul li {
    background: #FAFAFA;
}

#oop_ul_cats #zerocat:before {
    content: '';
    background-image: url(../img/banner_logo.svg);
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 47px;
    height: 54px;
    background-size: cover;
    position: absolute;
    top: 7px;
    left: 17px;
    z-index: 0;
}

.two-col {
    display: grid;
    grid-template-columns: minmax(380px, 1fr) 4fr;
    gap: 30px;
}

.two-col-rt {
    display: grid;
    grid-template-columns: 4fr minmax(380px, 1fr);
    gap: 30px;
}

.product-list .button-group button.btn,
#product .btn-group button.btn {
    display: flex;
    width: 52px;
    height: 51px;
    border-radius: 1px;
    transition: .2s;
}

.button_compare {
    background-image: url(../img/compare.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-color: #F5F5F5;
}

.button_wishlist {
    background-image: url(../img/bookmark.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-color: #FFC107;
}

.product-list .button-group button.btn:hover,
#product .btn-group button.btn:hover {
  filter: brightness(90%);
}
.button-cart {
    background: #343A40;
    border-radius: 1px;
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    padding: 1em 3em;
    transition: .2s;
}

.button-cart:hover {
    background-color: #FFC107;
    color: #343A40;
}

.button-group {
    display: flex;
    justify-content: space-between;
}

.button-group > div {
    display: flex;
    gap: 5px;
}

.product-list .price {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #6C757D;
    text-align: center;
}

.product-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    row-gap: 45px;
    column-gap: 20px;
}

#product-search .product-list {
    grid-template-columns: repeat(5, 1fr);
    margin: 60px 0;
}

.product-list img {
    max-width: 100%;
}

.product-list .product-layout {
    max-width: 283px;
}

.product-list .product-layout .image {
    border: 4px solid #FAFAFA;
    text-align: center;
    transition: .2s;
}

.product-list .product-layout .image + div {
    border: 4px solid transparent;
    border-top: 0;
    position: relative;
    padding-top: 25px;
}

.product-list .product-layout:hover .image {
    border-color: #FFC107;
    /*border-bottom: 4px solid transparent;*/
}

.product-list .product-layout:hover .image + div {
    /*border-color: #FFC107;
    border-bottom: 4px solid transparent;*/
    margin-top: -4px;
    padding-top: 29px;
}

.caption a {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #212529;
    text-decoration: none;
    text-align: center;
    display: block;
}
.slideout {
    height: 0px;
    overflow: hidden;
    position: absolute;
    border: 4px solid transparent;
}
/*.product-layout:hover .slideout {
    height: 120px;
    background: #fff;
    width: calc(100% + 8px);
    border-color: #ffc107;
    border-top: 0;
    margin: 0 -4px -4px -4px;
    padding: 0 10px 20px;
}*/

.category_description {
    margin-top: 120px;
}













#product_block {
    margin-bottom: 120px;
}

#product_block .wrapper {
    display: flex;
    gap: 5em;
}

#product_block .thumbnails {
    list-style: none;
    padding: 0;
    margin: 0;
    max-width: 800px;
}

#product_block .thumbnails img {
    max-width: 100%;
    height: inherit;
}

#thumbnails {
    margin-top: 12px;
    max-height: 120px;
}

#product_block .thumbnails > li:first-child .thumbnail {
    width: 100%;
    max-width: 800px;
    height: 600px;
    display: flex;
    border: 4px solid #FAFAFA;
    align-items: center;
    justify-content: center;
}

table.attrs {
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
}

table.attrs td {
    padding: 15px 30px;
}

table.attrs thead td,
.chars {
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    text-transform: uppercase;
    padding: 0 0 15px 0;
}
table.attrs .name {
    background: #F3F3F3;
}
table.attrs .value {
    font-weight: 500;
}

.number-spinner {
    display: flex;
}

.number-spinner #input-quantity {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    border: 0;
    max-width: 70px;
}

.number-spinner .btn {
    background: #F3F3F3;
    border-radius: 1px;
    width: 52px;
    height: 52px;
    display: flex;
    transition: .2s;
}

.number-spinner .btn[data-dir="dwn"] {
    background-image: url(../img/minus.svg);
    background-repeat: no-repeat;
    background-position: center;
    
}
.number-spinner .btn[data-dir="up"] {
    background-image: url(../img/plus.svg);
    background-repeat: no-repeat;
    background-position: center;
    
}

.number-spinner .btn[data-dir="dwn"]:hover {
    background-image: url(../img/minus2.svg);
    background-color: #FFC107;
    
}
.number-spinner .btn[data-dir="up"]:hover {
    background-image: url(../img/plus2.svg);
    background-color: #FFC107;
    
}

.prices {
    display: none;
    margin: 40px 0 15px;
}

#product {
    margin-top: 0;
}

#product .form-group,
#product .form-group .btn-group {
    display: flex;
    align-items: center;
}

#product .form-group .btn-group {
    gap: 6px;
}

#product .form-group {
    gap: 30px;
    justify-content: space-between;
}

.custom_size {
    position: relative;
}

#button-cart {
    padding: 18px 56px;
    margin-top: 0;
}

.alert {
    color: #000;
    position: fixed;
    background: #fff;
    top: 5vh;
    right: 1vw;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    width: 30vw;
    padding: 30px 40px 30px 60px;
    border-radius: 1px;
    z-index: 9;
}

.alert a {
    color: #6C757D;
    font-size: 14px;
    line-height: 22px;
    transition: .2s;
}

.alert a:hover {
    color: #ffc107;
}
.close-btn {
    cursor: pointer;
    float: right;
    font-size: 18px;
    margin-right: 10px;
}

.now_city {
  cursor: pointer;
}

.regins_block {
  position: relative;
}

.regions-popup {
    display: none;
    position: absolute;
    top: 30px;
    left: 0px;
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    padding: 10px;
    z-index: 1000;
    width: 260px;
    height: auto;
}

.regions-popup p.category-name {
    font-weight: bold;
    margin-bottom: 10px;
} 

.regions-popup .city_group {
  margin-bottom: 10px;
}

.regions-popup .city_group a {
  color: #343A40;
}
.alert .close {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 24px;
    color: #6C757D;
    display: flex;
    width: 25px;
    height: 25px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: .2s;
}

.alert .close:hover {
    background: #ffc107;
    color: #000000;
}

@-webkit-keyframes wobble-ver-right {
  0%,
  100% {
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateY(-30px) rotate(6deg);
            transform: translateY(-30px) rotate(6deg);
  }
  30% {
    -webkit-transform: translateY(15px) rotate(-6deg);
            transform: translateY(15px) rotate(-6deg);
  }
  45% {
    -webkit-transform: translateY(-15px) rotate(3.6deg);
            transform: translateY(-15px) rotate(3.6deg);
  }
  60% {
    -webkit-transform: translateY(9px) rotate(-2.4deg);
            transform: translateY(9px) rotate(-2.4deg);
  }
  75% {
    -webkit-transform: translateY(-6px) rotate(1.2deg);
            transform: translateY(-6px) rotate(1.2deg);
  }
}
@keyframes wobble-ver-right {
  0%,
  100% {
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateY(-30px) rotate(6deg);
            transform: translateY(-30px) rotate(6deg);
  }
  30% {
    -webkit-transform: translateY(15px) rotate(-6deg);
            transform: translateY(15px) rotate(-6deg);
  }
  45% {
    -webkit-transform: translateY(-15px) rotate(3.6deg);
            transform: translateY(-15px) rotate(3.6deg);
  }
  60% {
    -webkit-transform: translateY(9px) rotate(-2.4deg);
            transform: translateY(9px) rotate(-2.4deg);
  }
  75% {
    -webkit-transform: translateY(-6px) rotate(1.2deg);
            transform: translateY(-6px) rotate(1.2deg);
  }
}

.status {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 30px;
    border-bottom: 1px solid #f3f3f3;
    padding-bottom: 20px;
    color: #6c757d;
}



.alert-success {
    -webkit-animation: wobble-ver-right 0.8s both;
	animation: wobble-ver-right 0.8s both;
}

.alert-success:before {
    content: '';
    display: block;
    position: absolute;
    width: 34px;
    height: 34px;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
    background-image: url(../img/alert.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.image-additional a {
    display: flex;
    border: 4px solid #FAFAFA;
    justify-content: center;
    align-items: center;
}

.nav-tabs {
    padding: 0;
    list-style: none;
    margin: 0 0 32px 0;
}

.nav-tabs a {
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    text-transform: uppercase;
    color: #212529;
    text-decoration: none;
    border-bottom: 4px solid transparent;
    padding-bottom: 3px;
}

.nav-tabs a:hover, .nav-tabs .active a {
    border-color: #FFC107;
}



#scheme .wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 15em;
}

#scheme .step {
    font-weight: 800;
    font-size: 72px;
    line-height: 87px;
    color: #FFC107;
}

#scheme .desc {
    font-weight: 700;
    font-size: 17px;
    line-height: 135%;
    margin: 25px 0 18px;
}

#scheme .text {
    font-weight: 400;
    font-size: 15px;
    line-height: 145%;
    color: #6C757D;
}

#related_slider img,
.last_view img {
    max-width: 100%;
}




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

.account_menu a {
    padding: 10px 20px 10px 40px;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    text-decoration: none;
    color: #212529;
    transition: .2s;
}

.account_menu a:hover {
    color: #ffc107;
}

.flex {
    display: flex;
}

#account-login h2 {
    font-weight: 600;
    font-size: 20px;
    line-height: 29px;
    text-transform: uppercase;
    color: #212529;
}

#account-login .flex > div {
    width: 50%;
}

#account-login #content .flex {
    gap: 30px;
}

form,
.simplecheckout-right-column {
    background: #F5F5F5;
    padding: 50px;
}

form label,
.simplecheckout-right-column label,
.simplecheckout label, .simpleregister label {
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: #212529;
    display: block;
    margin-bottom: 15px;
}

form input::placeholder,
.simplecheckout-right-column input::placeholder {
    color: #6C757D;
}

form input:not([type=submit]),
.simplecheckout-right-column input:not([type=submit]),
.simplecheckout-right-column select,
.simple-content input[type=text],
.simple-content input[type=password],
.simple-content input[type=email],
.simple-content input[type=tel],
.simple-content input[type=phone],
.simple-content input[type=date],
.simple-content input[type=time],
.simple-content select,
.simple-content textarea {
    background: #FFFFFF;
    border-radius: 4px;
    border: 0;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    display: block;
    width: 100%;
    padding: 18px 20px;
    margin-bottom: 25px;
}

.qa form input:not([type=submit]) {
    padding: 5px 10px;
}

form textarea,
.simplecheckout-right-column textarea {
    width: 100%;
    border: 0;
    background: #FFFFFF;
    border-radius: 4px;
    padding: 18px 20px;
}

form a,
.simplecheckout-right-column a {
    font-weight: 400;
    font-size: 12px;
    line-height: 120%;
    color: #6C757D;
    display: block;
}

form input[type=submit],
.btn-primary {
    display: block;
    text-align: center;
    text-decoration: none;
    font-weight: 700;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    padding: 18px 0;
    width: 100%;
    border: 0;
    background: #343A40;
    border-radius: 1px;
    color: #fff;
    margin-top: 35px;
    cursor: pointer;
    transition: .2s;
}

form input[type=submit]:hover,
.btn-primary:hover {
    background: #ffc107;
}

form:not(.rdf-form) input:not([type=submit]):focus {
    outline: 2px solid #ffc107;
}

form a:hover,
.simplecheckout-right-column a:hover {
    color: #ffc107;
}

fieldset {
    border: 0;
    padding: 0;
    margin: 0;
}

fieldset legend {
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    text-transform: uppercase;
    color: #212529;
    margin-bottom: 35px;
}

form label.radio-inline,
.simplecheckout-right-column label.radio-inline {
    display: flex;
    gap: 8px;
}

form label input[type="radio"],
form input[type="checkbox"],
.simplecheckout-right-column label input[type="radio"],
.simplecheckout-right-column input[type="checkbox"] {
    width: auto;
    margin: 0;
}

form .buttons > div {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 8px;
}

footer form {
    background: transparent;
    padding: unset;
}

footer form input:not([type=submit]) {
    background: transparent;
    border-bottom: 1px solid #fff;
    border-radius: 0;
}

#account-account .list-unstyled {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

#account-account .list-unstyled a {
    display: block;
    text-decoration: none;
    padding: 10px 20px;
    border: 1px solid #212529;
    color: #212529;
    font-size: 14px;
    line-height: 1.4;
    transition: .2s;
}

#account-account .list-unstyled + h2 {
    margin: 50px 0 20px;
}

#account-account .list-unstyled a:hover {
    background: #ffc107;
    border-color: #ffc107;
}

.cat_list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 30px;
    row-gap: 45px;
    /*margin-top: -80px;*/
}

.cat_list .item {
    transition: .2s;
}
.cat_list .item:hover {
    opacity: .8;
}

.cat_list img {
    width: 100%;
}

.cat_list a {
    text-decoration: none;
    text-align: center;
    display: block;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #212529;
}

.cat_list span {
    margin-top: 20px;
    display: block;
    transition: .2s;
}

.cat_list .item:hover span {
    color: #ffc107;
}

#open_btn {
    display: none;
    width: 50px;
    height: 50px;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: -50px;
    top: 25%;
    z-index: 9;
    background: #ffc720;
}





.simplecheckout-cart td.name div.image {
    display: inline-block;
}

.simplecheckout-cart td.name .flex {
    align-items: center;
    gap: 40px;
}

.simplecheckout-cart td.name a,
a#compare-total {
    /*white-space: nowrap;*/
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    text-decoration: none;
    color: #212529;
}

.simplecheckout-cart td.name {
    text-align: left;
    width: 55%;
}

.remove_prod {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.simplecheckout-cart td .number-spinner {
    align-items: center;
}

.simplecheckout-cart td.quantity .btn-primary {
    margin: 0;
}
.simplecheckout-cart td,
.simplecheckout-cart td.quantity {
    vertical-align: middle;
}

.simplecheckout-cart th.name,
.simplecheckout-cart th.quantity{
    text-align: left;
}

.simplecheckout-cart td.quantity .input-group {
    margin: 0 !important;
}

.simplecheckout-cart th.remove {
    white-space: nowrap;
}

.simplecheckout-cart th,
.history thead td,
.order-info-table thead td {
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    color: #6C757D;
    background: #fff;
    border-bottom: 4px solid #EEEEEF;
}

.sub_footer a {
    text-decoration: none;
    color: #fff;
}

.order-info-table {
    border-collapse: collapse;
    width: 100%;
}
.order-info-table td {
    padding: 10px 20px;
}
.order-info-table tbody td {
    background: #eee;
}

.simplecheckout-cart .number-spinner #input-quantity {
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 0;
}
.simplecheckout-cart .number-spinner .btn {
    width: 40px;
    height: 40px;
}
.simplecheckout-right-column {
    max-width: 580px;
    padding-bottom: 0;
}
.simplecheckout-left-column {
    max-width: 960px;
    width: 100%;
    margin-right: 0;
}
.simplecheckout-cart {
    border: 0;
}
.simplecheckout-cart th {
    padding: 8px 8px 15px 8px;
}

.simple-content .checkout-heading {
    background: transparent;
    display: flex;
    align-items: center;
    padding: 0;
    justify-content: space-between;
    width: 100%;
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: #212529;
    margin-bottom: 15px;
}
.checkout-heading:after {
    display: none;
}
.simplecheckout-block-content {
    padding: 0;
}

.simplecheckout-right-column fieldset.form-horizontal > div {
    margin-bottom: 25px;
}
.simple-content .button {
    padding-left: 25px;
    padding-right: 25px;
}

.simple-content .buttons {
    max-width: 580px;
    margin-left: auto;
    width: 32%;
    background: transparent;
}
.simple-content .buttons > div {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 0 50px;
    gap: 20px;
    margin-top: 20px;
}
#agreement_checkbox input[type="checkbox"] {
    margin-right: 5px;
}
#agreement_checkbox, #agreement_checkbox a {
    font-weight: 400;
    font-size: 12px;
    line-height: 120%;
    color: #6C757D;
    text-align: left;
}
.simplecheckout-step {
    display: flex !important;
    gap: 50px;
}
.simplecheckout-step #simplecheckout_payment_form {
    display: none;
}

#account-wishlist td.flex {
    gap: 20px;
    align-items: center;
}

.history table,
#account-wishlist table{
    width: 100%;
}
.history td,
#account-wishlist td {
padding: 8px 8px 15px 8px;
}

#product-compare table a,
#account-wishlist table a {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    text-decoration: none;
    color: #212529;
}

#account-wishlist .btn-primary {
    margin-top: 0;
}


#product-search .flex {
    gap: 20px;
    align-items: center;
    flex-wrap: wrap;
}
#product-search .flex #button-search {
    max-width: 200px;
    margin: 0 0 0 auto;
}

#input-limit {
    padding-right: 20px !important;
}

.options_block {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 30px;
    font-weight: 700;
    font-size: 17px;
    line-height: 135%;
}


.table-responsive {
    overflow-x: auto;
    max-width: 100%;
}


.simpleregister-have-account a {
    display: inline;
    font-size: 16px;
}

.form-group.row-register_newsletter .col-sm-10 > div {
    display: flex;
    align-items: center;
    gap: 10px;
}

.form-group.row-register_newsletter .radio label {
    display: flex !important;
    gap: 5px;
}






form.rdf-form {
    background: transparent;
    padding: 0;
}

.dream-filter>.rdf-form .rdf-header {
    display: none;
}

.dream-filter .panel {
    border: 0;
    overflow: hidden;
    background: #FAFAFA;
    padding: 40px;
}

.dream-filter .panel-heading {
    background: none;
    padding: 0;
    margin-bottom: 20px;
    transition: .2s;
}

.dream-filter .panel:hover .panel-heading {
    color: var(--yellow);
}

.dream-filter .panel-title {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
}

.dream-filter.filter-vertical .rdf-group {
    padding: 0;
}

.dream-filter.filter-vertical .rdf-group .radio>label, .dream-filter.filter-vertical .rdf-group .checkbox>label {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 15px;
    font-weight: 500;
}

.dream-filter.filter-vertical .rdf-group .radio, .dream-filter.filter-vertical .rdf-group .checkbox, .dream-filter.filter-vertical .rdf-group .image-filter {
    margin-bottom: 0;
    margin-top: unset;
}

.dream-filter.filter-vertical .rdf-group .radio>label, .dream-filter.filter-vertical .rdf-group .checkbox>label, .dream-filter.filter-vertical .rdf-group .image-filter>label {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 15px;
    line-height: 1;
}

.dream-filter.filter-vertical .rdf-group .rdf-clear, .dream-filter.filter-vertical .rdf-group .rdf-label {
    right: 12px;
}

.dream-filter .panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 0;
}


.dream-filter .rdf-picked .btn {
    padding: 0px 15px 0px 5px;
    font-weight: 500;
    border: 1px solid #ffc720;
    transition: .2s;
}

.dream-filter .rdf-picked .btn:hover {
    background: #ffc720;
}


.dream-filter .panel-title>span, .dream-filter .panel-title a {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: space-between;
}

.dream-filter>.rdf-form .rdf-footer .btn-block {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    color: #343A40;
    border: 1px solid #343A40;
    text-align: center;
    padding: 18px 12px;
    transition: .2s;
}

.dream-filter>.rdf-form .rdf-footer .btn-block:hover {
    color: #fff;
    background: #343A40;
}

.dream-filter .panel .collapse {
    overflow: hidden;
}





.req_block {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
    gap: 20px;
}

.req p:first-child {
    margin-top: 0;
}



.regins_block + div a {
    text-decoration: none;
    color: #212529;
}

footer .info .address a {
    color: #fff;
    text-decoration: none;
}

#information-information .flex {
    flex-direction: row-reverse;
}
.imgz {
    max-width: 500px;
    width: 100%;
    position: relative;
    height: 500px;
}


.imgz img {
    width: 100%;
    position: absolute;
    border: 1px solid #ccc;
    border-radius: 10px;
}

.imgz img:first-child {
    width: 200px;
    right: 0;
    top: 50px;
}

.imgz img:nth-child(2) {
    width: 230px;
    right: 130px;
    background: #fff;
    top: 100px;
}

.imgz img:nth-child(3) {
    width: 180px;
    left: 50px;
    bottom: 60px;
}


#information-information video {
    max-width: 100%;
        height: fit-content;
}