/* Настройки шаблона */
:root, body {font-size: 10px;}
@media screen and (min-width: 576px) {
	:root, body {font-size: 12px;}
}
@media screen and (min-width: 768px) {
	:root, body {font-size: 12px;}
}
@media screen and (min-width: 992px) {
	:root, body {font-size: 14px;}
}
@media screen and (min-width: 1200px) {
	:root, body {font-size: 16px;}
}

/* Шрифты */

@font-face {
  font-family: "Montserrat";
  src: url("/templates/rostsayt/fonts/Montserrat-Regular.ttf");
  font-weight: 400;
}
@font-face {
  font-family: "Montserrat";
  src: url("/templates/rostsayt/fonts/Montserrat-Medium.ttf");
  font-weight: 500;
}
@font-face {
  font-family: "Montserrat";
  src: url("/templates/rostsayt/fonts/Montserrat-Bold.ttf");
  font-weight: 700;
}
@font-face {
  font-family: "Montserrat";
  src: url("/templates/rostsayt/fonts/Montserrat-ExtraBold.ttf");
  font-weight: 800;
}

/* Элементы */
html {width: calc(100% + calc(100vw - 100%)); overflow-x: hidden;}
body {display: flex; flex-direction: column; margin: 0 auto; max-width: 1920px; font-family: 'Montserrat', sans-serif; color: #494444; outline: 1px solid #ddd; overflow-x: hidden; line-height: 150%;}

h1, .h1 {font-weight: 800; font-size: 56px; line-height: 115%; text-transform: uppercase; letter-spacing: 2%;}
h2, .h2 {font-weight: 700; font-size: 36px; line-height: 120%;}
h3, .h3 {font-weight: 500; font-size: 24px;	line-height: 120%; font-weight: bold;}
h4, .h4 {font-weight: 500; font-size: 18px;	line-height: 120%;}
h5, .h5 {font-size: 14px; line-height: 120%; font-weight: 400;}

a {text-decoration: none; color: #494444;}
a:hover {color: #B20B00 !important;}
a:active {color: #CCA77C;}

.productdetails .main-image {height: 400px;}
.productdetails .main-image img{object-fit: contain;}

input.form-control {background: transparent !important; border: 0 !important; border-bottom: 1px solid #FFFFFF !important; border-radius: 0 !important; box-shadow: none !important; color: #FFFFFF !important; font-size: inherit; line-height: inherit; font-family: inherit;}
input.form-control::placeholder {color: #FFFFFF; font-size: inherit; line-height: inherit; font-family: inherit;}

td {border: 1px solid #494444; padding: 10px;}

body.kontakty div[aria-label="Breadcrumbs"] {margin-bottom: 100px;}
body.o-kompanii .mod-about .btn {display: none;}

i.fa.fa-angle-up {background: url('/images/icons/angle-up-solid.svg') no-repeat center; width: 100%; height: 100%; }
/* Общие классы */
.text-white			{color: #FFFFFF !important;}
.text-red				{color: #B20B00 !important;}
.text-lightred	{color: #C53E35 !important;}
.text-beige			{color: #CCA77C !important;}
.text-brown			{color: #3F2B24 !important;}
.text-darkbrown	{color: #494444 !important;}
.text-grey			{color: #7B7676 !important;}

.bg-white			{background: #FFFFFF !important;}
.bg-red				{background: #B20B00 !important;}
.bg-lightred	{background: #C53E35 !important;}
.bg-beige			{background: #CCA77C !important;}
.bg-beige-light			{background: #D1C9C9 !important;}
.bg-brown			{background: #3F2B24 !important;}
.bg-darkbrown	{background: #494444 !important;}

.font-weight-700 {font-weight: 700;}
.font-weight-600 {font-weight: 600;}
.font-weight-500 {font-weight: 500;}

.date {color: #7B7676;}

.news img {height: 314px;}
.news a div.mb-4 {position: relative;}
.news a div.mb-4::before {content: ''; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)); opacity: 0; transition: opacity .5s ease;}
.news a:hover div.mb-4::before {opacity: 1;}

.mod-home-slide .text-white{letter-spacing: 3px;}
.col-md-6.col-xl-4.mt-4.mt-xl-0 { margin-bottom: 2.5rem; }


td.style0 { vertical-align:bottom; border-bottom:none #000000; border-top:none #000000; border-left:none #000000; border-right:none #000000; color:#000000; background-color:white }
th.style0 { vertical-align:bottom; border-bottom:none #000000; border-top:none #000000; border-left:none #000000; border-right:none #000000; color:#000000; background-color:white }
td.style1 { vertical-align:middle; text-align:center; border-bottom:1px solid #000000 !important; border-top:1px solid #000000 !important; border-left:1px solid #000000 !important; border-right:1px solid #000000 !important; color:#000000; background-color:white }
th.style1 { vertical-align:middle; text-align:center; border-bottom:1px solid #000000 !important; border-top:1px solid #000000 !important; border-left:1px solid #000000 !important; border-right:1px solid #000000 !important; color:#000000; background-color:white }
td.style2 { vertical-align:bottom; text-align:center; border-bottom:1px solid #000000 !important; border-top:1px solid #000000 !important; border-left:1px solid #000000 !important; border-right:1px solid #000000 !important; color:#000000; background-color:white }
th.style2 { vertical-align:bottom; text-align:center; border-bottom:1px solid #000000 !important; border-top:1px solid #000000 !important; border-left:1px solid #000000 !important; border-right:1px solid #000000 !important; color:#000000; background-color:white }
td.style3 { vertical-align:middle; text-align:center; border-bottom:1px solid #000000 !important; border-top:1px solid #000000 !important; border-left:1px solid #000000 !important; border-right:1px solid #000000 !important; color:#000000; background-color:white }
th.style3 { vertical-align:middle; text-align:center; border-bottom:1px solid #000000 !important; border-top:1px solid #000000 !important; border-left:1px solid #000000 !important; border-right:1px solid #000000 !important; color:#000000; background-color:white }
table.sheet0 col.col0 { width:42pt }
table.sheet0 col.col1 { width:42pt }
table.sheet0 col.col2 { width:42pt }
table.sheet0 col.col3 { width:42pt }
table.sheet0 col.col4 { width:42pt }
table.sheet0 col.col5 { width:42pt }
table.sheet0 col.col6 { width:42pt }
table.sheet0 col.col7 { width:42pt }
table.sheet0 tr { height:12.8pt }
table.sheet0 tr.row0 { height:12.8pt }
table.sheet0 tr.row1 { height:12.8pt }
table.sheet0 tr.row2 { height:12.8pt }
table.sheet0 tr.row3 { height:12.8pt }
table.sheet0 tr.row4 { height:12.8pt }
table.sheet0 tr.row5 { height:12.8pt }
table.sheet0 tr.row6 { height:12.8pt }
table.sheet0 tr.row7 { height:12.8pt }
table.sheet0 tr.row8 { height:12.8pt }
table.sheet0 tr.row9 { height:12.8pt }
table.sheet0 tr.row10 { height:12.8pt }
table.sheet0 tr.row11 { height:12.8pt }
table.sheet0 tr.row12 { height:12.8pt }
table.sheet0 tr.row13 { height:12.8pt }
table.sheet0 tr.row14 { height:12.8pt }
table.sheet0 tr.row15 { height:12.8pt }
table.sheet0 tr.row16 { height:12.8pt }
table.sheet0 tr.row17 { height:12.8pt }

.pagination {float: left;}
.pagination .counter {display: none;}
.pagination ul {display: flex; flex-wrap: wrap; justify-content: center; list-style: none; padding-left: 0;}
.pagination ul li {padding-left: .5rem !important;}
.pagination ul li::before {display: none;}
.pagination ul li .pagenav {color: #494444; background: transparent; font-weight: 700; font-size: 18px;}
.pagination ul .pagination-prev,
.pagination ul .pagination-next {width: 18px; height: 21px; display: flex !important; align-items: center; justify-content: center;}
.pagination ul li:not(.pagination-prev):not(.pagination-next) .pagenav {width: 18px; height: 21px; display: flex; align-items: center; justify-content: center;}
.pagination .pagination-start, .pagination .pagination-end {display: none !important;}
.pagination ul li.pagination-prev .pagenav, .pagination ul li.pagination-next .pagenav {border: 0;}
.pagination ul li.pagination-prev .pagenav {content: url('/images/icons/arrow-right.png');}
.pagination ul li.pagination-next .pagenav {content: url('/images/icons/arrow-right.png'); transform: rotate(180deg); -webkit-transform: rotate(180deg);}
.pagination ul li:not(.pagination-prev):not(.pagination-next) span.pagenav {color: #CCA77C;}
.pagenav {border: 0;}

.category.active {font-weight: 700; color: #CCA77C;} 
.category .img {position: relative; height: 50px; width: 50px; flex: 0 0 50px;}
.category .img::before {position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; transition: opacity .5s ease;}
.category-0 .img::before {content: url('/images/vm-cat/005.png');}
.category-1 .img::before {content: url('/images/vm-cat/006.png');}
.category-2 .img::before {content: url('/images/vm-cat/007.png');}
.category-3 .img::before {content: url('/images/vm-cat/008.png');}
.category-4 .img::before {content: url('/images/vm-cat/009.png');}
.category:hover .img::before {opacity: 1;}

.child-catrgories a:hover {color: #B20B00; font-weight: 700;}
.child-catrgories .active {color: #CCA77C; font-weight: 700;}
.child-catrgories {margin-bottom: 1rem;}

.dots {border-bottom: 1px dashed #7B7676; height: 17px;}

div[aria-label="Breadcrumbs"],
div[aria-label="Breadcrumbs"] a {color: #7B7676;}

 
.modal-content input.form-control {border-bottom: 1px solid #494444 !important; color: #494444 !important;}
.modal-content input.form-control::placeholder {color: #494444;}

.politic:hover {color: #494444 !important;}

.mini-photo > div {margin-right: .5rem;}
/* Переопределения Bootstrap */

/*
.btn {box-shadow: none !important; border: 0 !important; border-radius: 0 !important; text-transform: uppercase;}
.btn-danger {padding: 18px 32px; background: #B20B00; color: #FFFFFF !important;}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active {background: #C53E35; color: #FFFFFF !important;}
.btn-link {text-decoration: none; color: #FFFFFF !important; display: inline-flex; align-items: center; justify-content: center;}
.btn-link::after {content: url('/images/icons/arrow.png'); margin-left: 1rem; transition: content ease .5s;}
.btn-link:hover::after {content: url('/images/icons/arrow1.png');}
.btn-outline-dark {padding: 13px 28px;border: 1px solid #D1C9C9 !important; border-radius: 2px !important; color: #494444 !important; background: transparent;}
.btn-outline-dark:hover {background: #C53E35; color: #FFFFFF !important; border-color: #C53E35;}
.btn-outline-secondary {background: transparent !important; color: #3F2B24 !important; padding: 0;}
.btn-outline-secondary:hover {color: #B20B00 !important;}
.btn-close {box-shadow: none !important;}
*/

.form-check-input {height: 14px; width: 14px; border: 1px solid #FFFFFF !important; background: #B20B00 !important; box-shadow: none !important; border-radius: 1px !important;}
.form-check-input:checked[type=checkbox] {background-image: url('/images/icons/ok.png') !important; background-position: center !important; background-repeat: no-repeat !important;}

.form-check-label {cursor: pointer;}

.card {border-radius: 0; border: 1px solid #C1C1C1;}
.card .img img {height: 288px;}
.card-body {padding: 0;}

.nav-tabs,
.nav-tabs .nav-link {border: 0;}

.nav-link {padding-left: 0; font-size: 18px;}
.nav-link.active {color: #B58B5B !important; font-weight: 700;}

.navbar-toggler:focus {box-shadow: none;}
/* Шапка */


header {padding-bottom:0 !important}
header .container * {margin:0; padding:0;}
header #logo {position:absolute; left:1rem; top:40px;}
header #top_bar {width:100%; position:relative; padding-bottom:.5rem; margin-bottom:.5rem;}
header #top_bar:before {content:''; position:absolute; width:100vw; left:50%; margin-left:-50vw; height:1px; background:#E5E5E5; top:100%;}
header #header_items {padding-left:250px; height:75px; margin-bottom:.5rem; display: flex; align-items: center; justify-content: space-between;}
header #top_menu {position:relative;}
header #top_menu:before {content:''; position:absolute; width:100vw; left:50%; margin-left:-50vw; background:#E5E5E5; top:0; bottom:0; z-index:-1;}
header #top_menu ul {width:100%;}
header #top_menu ul a {display:block; padding:.5rem 0}
header #top_menu ul li.active a,
header #top_menu ul li:hover a {color: #B20B00;}

#header_items > div:nth-child(3) > p > button {background: border-box; border-radius: 0; height: 35px; width: 190px;}

/*
header {border-bottom: 1px solid #D1C9C9;}
header #logo {top: 0;}
header #top_menu a {text-transform: uppercase; color: #3F2B24; padding: 10px;}
header #top_menu li.active a {color: #CCA77C;}
header #top_menu li.default a {color: #CCA77C;}
header #top_menu li:hover {cursor: pointer;}
header #top_menu li:hover a,
header #top_menu a:hover{color: #B20B00;}
header #top_menu .moduletable a {padding-right: 0;}
*/

/* Подвал */
footer .menu a {text-transform: uppercase; color: #3F2B24;}
footer .menu a:hover{color: #B20B00;}
footer .menu {display: inline-flex; flex-direction: column;}
footer .menu  li {display: inline-block; margin-bottom: 1.5rem;}
/* Модули */
.mod-dop-services .block::before {content: ''; z-index: -1; background: linear-gradient(61.19deg, rgba(0, 0, 0, 0.5) 13.23%, rgba(0, 0, 0, 0.354688) 55.19%, rgba(0, 0, 0, 0.3) 90.7%), linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); top: 0; right: 0; left: 0; bottom: 0; position: absolute;}
.mod-dop-services .block .img {top: 0; z-index: -2; left: 0;}

.mod-contact .contact {position: relative; z-index: 1;}

.mod-reviews {background: transparent !important;}
.mod-reviews .item {background: #F3F3F3;}
.mod-reviews .owl-item {transition: opacity 1s ease;}
.mod-reviews .owl-item:not(.center) {opacity: 0.7;}
.mod-reviews .owl-dots {bottom: -45px;}
.mod-reviews .owl-dot {width: 80px; height: 6px; background: #F5EDE5 !important; border-radius: 0 !important;}
.mod-reviews .owl-dot.active {background: #CCA77C !important;}

.mod-questions::before {background: linear-gradient(99.22deg, rgba(255, 255, 255, 0.45) -6.8%, rgba(138, 138, 138, 0.549) 32.86%, rgba(0, 0, 0, 0.522) 100%), url('/images/modules/questions/001.jpg') center no-repeat; background-blend-mode: multiply, normal; background-size: cover; position:absolute; top:0; height:100vh; z-index:-1; background-attachment:fixed;  }
.mod-questions a:hover {color: #B20B00 !important;}

.mod-partners .hidden {display: none;}
.mod-categories a {text-transform: uppercase;}
/* Адаптация */

@media (max-width:1199px) {

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

  .navbar-nav {display: flex;
    flex-direction: row;}
  header #top_menu ul {flex-direction: column;}
  header #top_menu ul li {padding: .3rem 0; margin-bottom: 0;}
  header #top_menu ul li {display:block; position: relative;}
  header #top_menu > ul > li a {padding: 1rem 0.5rem; display: block;}
  header #logo {width: 52%; position: unset !important;}
  header #header_items {padding: 0; margin: 0; display: flex; align-content: space-around; justify-content: space-around;}

	footer ul.menu {flex-direction: column;}
  footer ul.menu li {padding: .3rem 0; margin-bottom: 0;}
  footer ul.menu li {display:block; position: relative;}
  footer ul.menu > li a {padding: 1rem 0.5rem; display: block;}

  .mod-home-slide .img {top: -120px;}

  .mod-contact {background: transparent !important;}
  .mod-contact .map {position: unset !important;}
}

/* Анимации */

[data-aos="fade-in-left"].aos-animate {-webkit-animation: fade-in-left 0.8s cubic-bezier(0.390, 0.575, 0.565, 1.000) both, opacity 0.8s linear both; animation: fade-in-left 0.8s cubic-bezier(0.390, 0.575, 0.565, 1.000) both, opacity 0.8s linear both;}
[data-aos="fade-in-right"].aos-animate {-webkit-animation: fade-in-right 0.8s cubic-bezier(0.390, 0.575, 0.565, 1.000) both, opacity 0.8s linear both; animation: fade-in-right 0.8s cubic-bezier(0.390, 0.575, 0.565, 1.000) both, opacity 0.8s linear both;}
[data-aos="fade-in-bottom"].aos-animate {-webkit-animation: fade-in-bottom 0.8s cubic-bezier(0.390, 0.575, 0.565, 1.000) both, opacity 0.8s linear both; animation: fade-in-bottom 0.8s cubic-bezier(0.390, 0.575, 0.565, 1.000) both, opacity 0.8s linear both;}

.aos-animate.delay-1 {-webkit-animation-delay:200ms;animation-delay:200ms}
.aos-animate.delay-2 {-webkit-animation-delay:400ms;animation-delay:400ms}
.aos-animate.delay-3 {-webkit-animation-delay:600ms;animation-delay:600ms}
.aos-animate.delay-4 {-webkit-animation-delay:800ms;animation-delay:800ms}
.aos-animate.delay-5 {-webkit-animation-delay:1000ms;animation-delay:1000ms}
.aos-animate.delay-6 {-webkit-animation-delay:1200ms;animation-delay:1200ms}
.aos-animate.delay-7 {-webkit-animation-delay:1400ms;animation-delay:1400ms}
.aos-animate.delay-8 {-webkit-animation-delay:1600ms;animation-delay:1600ms}
.aos-animate.delay-9 {-webkit-animation-delay:1800ms;animation-delay:1800ms}
.aos-animate.delay-10 {-webkit-animation-delay:2000ms;animation-delay:2000ms}
.aos-animate.delay-11 {-webkit-animation-delay:2200ms;animation-delay:2200ms}
.aos-animate.delay-12 {-webkit-animation-delay:2400ms;animation-delay:2400ms}

@-webkit-keyframes fade-in-left {
  0% {-webkit-transform: translateX(-50px); transform: translateX(-50px);}
  100% {-webkit-transform: translateX(0); transform: translateX(0);}
}
@keyframes fade-in-left {
  0% {-webkit-transform: translateX(-50px); transform: translateX(-50px);}
  100% {-webkit-transform: translateX(0); transform: translateX(0);}
}


@-webkit-keyframes fade-in-right {
  0% {-webkit-transform: translateX(50px); transform: translateX(50px);}
  100% {-webkit-transform: translateX(0); transform: translateX(0);}
}
@keyframes fade-in-right {
  0% {-webkit-transform: translateX(50px); transform: translateX(50px);}
  100% {-webkit-transform: translateX(0); transform: translateX(0);}
}

@-webkit-keyframes fade-in-bottom {
  0% {-webkit-transform: translateY(50px); transform: translateY(50px);}
  100% {-webkit-transform: translateY(0); transform: translateY(0);}
}
@keyframes fade-in-bottom {
  0% {-webkit-transform: translateY(50px); transform: translateY(50px);}
  100% {-webkit-transform: translateY(0); transform: translateY(0);}
}


@keyframes opacity {
  0% {opacity: 0;}
  50% {opacity: 0.5;}
  100% {opacity: 1;}
}

.product-container.new .product_name {margin-top: 40px; margin-bottom: 24px;}
.product-container.new {margin-left: 0!important; margin-right: 0!important;}
.product-container.new .delivery {padding: 16px;}
.product-container.new .delivery div {display: flex;}
.product-container.new .like {filter: contrast(0) brightness(1.5);}
.product-container.new .like,
.product-container.new .compare,
.product-container.new .middle .product_rating .star {cursor: pointer; margin-right: 8px;}
.product-container.new .compare {display: block; margin: 0 auto; max-width: 100%; max-height: 100%;}
.product-container.new .product_rating {width: fit-content;}
.product-container.new .manufacturer {margin: 0; text-align: right; width: fit-content;}
.product-container.new .middle {align-items: center;}
.product-container.new .middle .field {margin-bottom: 16px; padding-bottom: 16px; border-bottom: 2px solid #E0E0E0;}
.product-container.new .middle .field.not-border {border: none;}
.product-container.new .availability {text-align: left; font-weight: 500; color: #B20B00;}
.product-container.new .counter .btn {border: 1px solid #D1C9C9; line-height: 3rem; width: 55px; height: 55px;}
.product-container.new .counter .number {color: #494444;}
.product-container.new .price {margin-right: 16px; cursor: default; width: fit-content; user-select: text;}
.product-container.new .buy-btn {width: fit-content;}
.product-container.new .product-btns {margin-top: 16px;}
.product-container.new .product-btns .btn {padding: 18px 32px;}
.product-container.new .product-btns .one-click-buy-btn {margin-top: 1.3rem;}
.product-container.new .nav-link {padding: 18px 32px; color: #494444; font-weight: 500; background: #D1C9C9; text-align: center; border-radius: unset;}
.product-container.new .nav-link.active {color: #FFFFFF!important; background: #B20B00; text-align: center; border-radius: unset;}
.product-container.new .product-fields .value-firm ul {padding-left: 0; list-style-type: none;}
.product-container.new .product-fields .value-firm .field {margin-bottom: 16px; padding: 8px 0; border-bottom: 2px solid #E0E0E0;}
.product-container.new .product-fields .review {padding-bottom: 40px; margin-bottom: 40px; border-bottom: 2px solid #E0E0E0;}
.product-container.new .product-fields .review img {margin-right: 24px;}
.product-container.new form textarea,
.product-container.new form input {text-align: center; border-radius: 0!important; border: 1px solid #ced4da!important; margin-right: 16px!important; padding: 18px 0!important; color: #7B7676!important;}
.product-container.new form textarea {padding: 16px!important; text-align: left; height: 20rem; margin-top: 16px!important;}
.product-container.new form .form-privacy {color: #3F2B24!important; margin: 1rem 0;}
.product-container.new form .form-privacy a {color: #B20B00!important;}

.euro-alert {background: #F2F2F2; padding: 0;}
.euro-alert p {padding: 8px 0; text-align: center; color: #7B7676; font-size: 12px; margin: 0; font-style: normal; font-weight: normal; line-height: 14px;}

.recomended-products .product {height: 650px; display: flex; flex-direction: column; justify-content: space-between;}
.recomended-products .product-name {margin-top: 24px; margin-bottom: 16px; font-weight: bold; font-size: 16px; line-height: 120%; text-align: center;}
.recomended-products .product-name {margin-top: 24px; margin-bottom: 16px; font-weight: bold; font-size: 16px; line-height: 120%; text-align: center;}
.recomended-products .product-img {height: 300px;}
.recomended-products .product-img .featuredProductImage {width: 100%; height: 100%; object-fit: cover;}
.recomended-products .product-rating {display: flex; margin-bottom: 8px;}
.recomended-products .product-rating .star {margin-right: 8px; cursor: pointer;}
.recomended-products .product-availability {text-align: center; margin-bottom: 24px; color: #B20B00;}
.recomended-products .product-price {margin-bottom: 16px;}
.recomended-products .btn {padding: 8px; width: calc(100% / 3 - 8px *2);}
.recomended-products .buy-btn {color: #B20B00!important; background-color: #FFFFFF!important; border: 1px solid #B20B00!important; padding: 8px; width: 100%;}
.recomended-products .one-click-buy-btn {margin-top: 8px; border-radius: 2px;}
.owl-carousel .owl-item img { width: auto; }

.card .product_rating {display: flex; justify-content: space-between; width: 56%; margin: 0 auto;}
.card .product_rating .star {cursor: pointer;}
.card .availability {color: #B20B00;}
.card .price {margin: 24px auto;}
.card .buttons {height: 3rem;}
.card .buttons *{padding: 0; height: 100%;}
.card .buttons .counter,
.card .buttons .buy-btn {width: 49%;}
.card .buttons .counter * {width: 33%;}
.card .one-click-buy-btn {margin-top: 1rem;}

.category-view .child-categories {}
.category-view .child-categories .category {display: block; padding: 1rem; border: 1px solid #C1C1C1;}

.quantity-controls.js-recalculate {display: flex; align-items: center;}

@media (max-width: 992px) {
	.product-container.new .manufacturer {text-align: left; margin-top: 1rem;}
	.product-container.new .product-btns .buy-btn {margin-top: 1.3rem;}
	.product-container.new .nav-link {padding: 18px;}
}
@media (max-width: 768px) {
	.product-container.new .product_rating {margin-top: 1rem; width: 100%; display: flex; justify-content: space-around;}
	.product-container.new .product_rating .star {width: 5%;}
	.product-container.new .product-btns .buy-btn,
	.product-container.new .product-btns .one-click-buy-btn {margin-top: 0;}
	.product-container.new .price {margin-right: 0;}
	.product-container.new .nav-link {font-size: 1rem;}
	.product-container.new #myTab {padding-right: 0; justify-content: space-between;}
}
@media (max-width: 575px){
#header_items{display: flex; align-content: space-around; justify-content: space-around; flex-direction: column;}
#bottom > div:nth-child(1) > div > span {font-size: 8px;}


}
@media (max-width: 990px) {
  #bottom > div:nth-child(1) > div > span {font-size: 8px;}
}
@media (max-width: 461px) {
	.product-container.new .product-btns .btn {padding: 18px;}
}
@media (max-width: 432px) {
	.product-container.new .nav-link {padding: 12px;}
}
@media (max-width: 355px) {
	.product-container.new .product-btns .btn {padding: 10px;}
}
@media (max-width: 385px) {
	.product-container.new .nav-link {padding: 8px 4px;}
}
@media (max-width: 375px) {
  header #top_menu:before {content:''; position:absolute; width:100vw; left:47%; margin-left:-50vw; background:#E5E5E5; top:0; bottom:0; z-index:-1;}
 
}
@media (max-width: 320px) {
  header #top_menu:before {content:''; position:absolute; width:100vw; left:50%; margin-left:-50vw; background:#E5E5E5; top:0; bottom:0; z-index:-1;}
  #header_items {display: contents !important;}
  #header_items > div:nth-child(3) > p > button {margin-bottom: 1rem;}
  #top_bar {display: contents;}
 
}


#user_fields_div .mb-3 { border-bottom: 1px solid #494444; }
#user_fields_div input,
#user_fields_div input::placeholder { color: #494444 !important; }
#leftdiv > div.opg-width-1-1.opg-margin-small-top {display: none;}

#allproducts .spacer .opg-button-group i::before,
#allproducts .spacer .opg-button-group a { color: #fff !important; }

#other-things > div > section > div > label::after { content: '✔' !important; top: calc(50% - 9px / 2); left: calc(50% - 5px / 2); width: fit-content; height: fit-content; position: unset; border: none; color: #fff; }
#middle > main > div > div.vm-wrap.vm-order-done > a:hover { color: #f2f2f2 !important; background: #C53E35; }
#middle > main > div > div.vm-wrap.vm-order-done > a { margin: 1rem; padding: 18px 32px; background: #bb2d3b; border: 1px solid #bb2d3b; }
#middle > main > div > div.opg-panel.opg-panel-box > div > a:hover { color: #f2f2f2 !important; background: #C53E35; }
#middle > main > div > div.opg-panel.opg-panel-box > div > a { margin: 1rem; padding: 18px 32px; background: #bb2d3b; border: 1px solid #bb2d3b; }

.recomend-content .product.item .product-btns { display: flex; }
.recomend-content .product.item .addtocart-bar { margin: 0; }

.category-view .product-btns .counter {
	display: flex;
	justify-content: space-between;
	width: 49%;
}
.category-view .product-btns .counter .btn {
	padding: 8px;
    width: calc(100% / 3 - 8px * 2);
}
.category-view .product-btns .addtocart-bar { margin-bottom: 0; }
.category-view .product-btns .buy-btn { padding: 0.5rem 1.5rem; }

#other-things > div > a.text-white.opg-button.opg-button-primary.opg-button-large.opg-margin-top.opg-width-1-1:hover span { color: #fff; }

.virtuemart_search {margin-top: 2rem; padding: 1rem; border-radius: 0.3rem; background: #f0f0f0; box-shadow: 0 0 1px rgba(0, 0, 0, 0.25);}
.vm-search-custom-search-input {display: flex;}
.inputbox-search {width: 100%;}
#top > div.moduletable.mod-home-slide.fullbg.pt-100 > div.container.py-100.position-relative > div.row.pb-100 > div > a {text-decoration: none; color: #fff;}
.mod-home-slide .img.pos-fill {position: absolute; z-index: -1; filter: brightness(60%);}
.mod-home-slide .img.pos-fill video {object-fit: cover; width: 100%; height: 100%;}
.moduletable.fullbg.mod-home-slide {background: none;}
header {background: #fff;}
a.btn.btn-danger { background: #dc3545 !important; color: #fff !important; }
a.btn.btn-danger:hover { background: #bb2d3b !important; color: #fff !important; }
#header_items > div:nth-child(3) > p > button:hover {color: #fff; background-color: #dc3545; border-color: #dc3545;}
#top > div.moduletable.mod-home-slide.fullbg.pt-100 > div.img.pos-fill > div {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-attachment: fixed; background-size: cover;}
#question > div:nth-child(2) > div > div:nth-child(2) > input:nth-child(1) {flex: 1;}
#question > div:nth-child(2) > div > div:nth-child(2) > input:nth-child(2) {flex: 1;}
#question > div:nth-child(2) > div > div:nth-child(2) > input:nth-child(3) {flex: 1;}
#question > div:nth-child(2) > div > div:nth-child(2) {height: 40px;}



.category-left-menu-all li.active > div > a {color: #CCA77C; font-weight: 700;}
ul.category-left-menu-all {list-style: none;}
ul.category-left-menu-all li {position: relative; margin-bottom: 1rem;}
ul.category-left-menu-all li > ul {display: none;}
/* ul.category-left-menu-all li:hover > ul {display: block; position: relative; left: 0; transition: all 2s;} */