html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0; /* 3 */
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
-webkit-appearance: button;
cursor: pointer; /* 3 */
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type=checkbox],
input[type=radio] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
height: auto;
}
input[type=search] {
-webkit-appearance: textfield;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
/*
==========================================*/
@font-face {
font-family: "Lato";
src: url("../fonts/Lato/Lato-Regular.eot");
src: url("../fonts/Lato/Lato-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Lato/Lato-Regular.woff2") format("woff2"), url("../fonts/Lato/Lato-Regular.woff") format("woff"), url("../fonts/Lato/Lato-Regular.ttf") format("truetype");
font-style: normal;
font-weight: normal;
text-rendering: optimizeLegibility;
font-display: swap;
}
@font-face {
font-family: "Lato";
src: url("../fonts/Lato/Lato-Semibold.eot");
src: url("../fonts/Lato/Lato-Semibold.eot?#iefix") format("embedded-opentype"), url("../fonts/Lato/Lato-Semibold.woff2") format("woff2"), url("../fonts/Lato/Lato-Semibold.woff") format("woff"), url("../fonts/Lato/Lato-Semibold.ttf") format("truetype");
font-style: normal;
font-weight: 600;
text-rendering: optimizeLegibility;
font-display: swap;
}
@font-face {
font-family: "Lato";
src: url("../fonts/Lato/Lato-Black.eot");
/* IE9 Compat Modes */
src: url("../fonts/Lato/Lato-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/Lato/Lato-Black.woff2") format("woff2"), url("../fonts/Lato/Lato-Black.woff") format("woff"), url("../fonts/Lato/Lato-Black.ttf") format("truetype");
font-style: normal;
font-weight: 900;
font-display: swap;
text-rendering: optimizeLegibility;
}
@font-face {
font-family: "Lato";
src: url("../fonts/Lato/Lato-Light.eot");
/* IE9 Compat Modes */
src: url("../fonts/Lato/Lato-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Lato/Lato-Light.woff2") format("woff2"), url("../fonts/Lato/Lato-Light.woff") format("woff"), url("../fonts/Lato/Lato-Light.ttf") format("truetype");
font-style: normal;
font-weight: 300;
font-display: swap;
text-rendering: optimizeLegibility;
}
@font-face {
font-family: "Lato";
src: url("../fonts/Lato/Lato-Italic.eot");
/* IE9 Compat Modes */
src: url("../fonts/Lato/Lato-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/Lato/Lato-Italic.woff2") format("woff2"), url("../fonts/Lato/Lato-Italic.woff") format("woff"), url("../fonts/Lato/Lato-Italic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
font-display: swap;
text-rendering: optimizeLegibility;
}
html,
body {
height: 100%;
}
body {
font: 14px Lato;
line-height: 1.3;
padding: 0;
color: #000;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media (min-width: 768px) {
body {
font-size: 15px;
}
}
@media (min-width: 992px) {
body {
font-size: 16px;
}
}
main {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
header,
footer {
-ms-flex-negative: 0;
flex-shrink: 0;
}
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/*
-----------------------------------*/
a {
color: #453cd5;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/*
-----------------------------------*/
img {
max-width: 100%;
}
.svg-list {
position: absolute;
bottom: 0;
height: 0;
opacity: 0;
overflow: hidden;
}
/*
-----------------------------------*/
.navigation {
background-color: #2E2E2E;
z-index: 98;
position: fixed;
top: 49px;
left: 0;
right: 0;
}
@media (min-width: 1200px) {
.navigation{
top: 70px;
}
.navigation .container {
position: relative;
padding-left: 4px;
padding-right: 4px;
}
}
.menu {
list-style: none;
padding: 15px;
margin: 0;
background-color: #fff;
position: absolute;
top: 100%;
left: 0;
right: 0;
max-height: 0;
opacity: 0;
overflow: hidden;
-webkit-transition: max-height 0.4s ease 0s;
-o-transition: max-height 0.4s ease 0s;
transition: max-height 0.4s ease 0s;
}
@media (min-width: 1200px) {
.menu {
position: static;
opacity: 1;
max-height: unset;
background-color: transparent;
padding: 0;
}
}
.menu > li {
position: relative;
border-bottom: 1px solid #E4E4E4;
}
@media (min-width: 1200px) {
.menu > li {
position: static;
border: none;
flex: 1;
}
}
.menu > li > a {
color: #000;
font-size: 16px;
text-transform: uppercase;
padding: 12px 55px 12px 34px;
display: block;
}
@media (min-width: 1200px) {
.menu > li > a {
color: #fff;
text-align: center;
font-size: 15px;
padding: 14px 11px;
line-height: 1.2;
-webkit-transition: background-color 0.3s, color 0.3s;
-o-transition: background-color 0.3s, color 0.3s;
transition: background-color 0.3s, color 0.3s;
white-space: nowrap;
}
}
/*
.menu > li > a:hover,
.menu > li.active > a{
color: #000;
background-color: #fff;
text-decoration: none;
}
*/
@media (min-width: 1200px) {
.menu > li > a:hover,
.menu > li.active > a{
color: #000;
background-color: #fff;
text-decoration: none;
}
.menu > li:hover > a {
color: #000;
background-color: #fff;
}
}
@media (min-width: 1200px) {
.menu > li:hover .submenu {
display: block;
}
}
.menu .open > a {
color: #910F0F;
background-color: #F4F4F4;
}
.menu .open .toggle-submenu::before,
.menu .open .toggle-submenu::after {
background-color: #910F0F;
}
.menu .open .submenu {
display: block;
}
.toggle-submenu {
position: absolute;
top: 0px;
right: 10px;
border: none;
background-color: transparent;
padding: 0;
width: 45px;
height: 45px;
}
@media (min-width: 1200px) {
.toggle-submenu {
display: none;
}
}
.toggle-submenu::before, .toggle-submenu::after {
content: "";
position: absolute;
background-color: #000;
top: 50%;
left: 50%;
}
.toggle-submenu::before {
width: 1px;
height: 15px;
margin-top: -7px;
}
.toggle-submenu::after {
width: 15px;
height: 1px;
margin-left: -7px;
}
.submenu {
background-color: #fff;
padding: 0 34px;
margin: 0;
list-style: none;
display: none;
}
@media (min-width: 1200px) {
.submenu {
position: absolute;
top: 100%;
left: 4px;
right: 0;
}
.submenu-image{
height: 310px;
padding: 20px;
}
}
.submenu ul {
list-style: none;
padding: 0;
margin: 0;
}
@media (min-width: 1200px) {
.submenu ul {
padding: 40px 25px 40px 75px;
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 40px;
-moz-column-gap: 40px;
column-gap: 40px;
-webkit-column-fill: balance;
-moz-column-fill: balance;
column-fill: balance;
}
}
.submenu a {
color: #000;
font-size: 19px;
font-weight: 600;
display: inline-block;
padding: 10px 0;
border-bottom: 1px solid transparent;
}
.submenu a:hover {
color: #910F0F;
border-color: #910F0F;
text-decoration: none;
}
.submenu img {
max-width: 520px;
max-height: 100%;
-ms-flex-item-align: center;
align-self: center;
}
@media (min-width: 992px) {
.submenu img {
display: none;
}
}
@media (min-width: 1200px) {
.submenu img {
display: block;
}
}
.open-nav {
overflow: hidden;
}
.open-nav .overlay{
display: block;
}
.open-nav .menu {
max-height: unset;
height: calc(100vh - 250px);
background-color: #fff;
opacity: 1;
overflow: auto;
}
@media (min-width: 1200px) {
.open-nav .menu {
height: auto;
background-color: transparent;
}
}
.hamburger {
font: inherit;
display: inline-block;
overflow: visible;
margin: 0;
padding: 13px 0 7px;
cursor: pointer;
-webkit-transition-timing-function: linear;
-o-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transition-duration: 0.15s;
-o-transition-duration: 0.15s;
transition-duration: 0.15s;
-webkit-transition-property: opacity, -webkit-filter;
transition-property: opacity, -webkit-filter;
-o-transition-property: opacity, filter;
transition-property: opacity, filter;
transition-property: opacity, filter, -webkit-filter;
text-transform: none;
color: inherit;
border: 0;
background-color: transparent;
}
.hamburger:focus {
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.hamburger-box {
position: relative;
display: inline-block;
width: 30px;
height: 24px;
}
.hamburger-inner, .hamburger-inner::after, .hamburger-inner::before {
position: absolute;
width: 30px;
height: 3px;
-webkit-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-duration: 0.15s;
-o-transition-duration: 0.15s;
transition-duration: 0.15s;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-border-radius: 4px;
border-radius: 4px;
background-color: #fff;
}
.hamburger-inner {
top: 50%;
display: block;
margin-top: -2px;
-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-webkit-transition-duration: 75ms;
-o-transition-duration: 75ms;
transition-duration: 75ms;
}
.hamburger-inner::after, .hamburger-inner::before {
display: block;
content: "";
}
.hamburger-inner::before {
top: -10px;
-webkit-transition: top 75ms ease 0.12s, opacity 75ms ease;
-o-transition: top 75ms ease 0.12s, opacity 75ms ease;
transition: top 75ms ease 0.12s, opacity 75ms ease;
}
.hamburger-inner::after {
bottom: -10px;
-webkit-transition: bottom 75ms ease 0.12s, -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 75ms ease 0.12s, -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-transition: bottom 75ms ease 0.12s, transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 75ms ease 0.12s, transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 75ms ease 0.12s, transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.is-active .hamburger-inner {
-webkit-transition-delay: 0.12s;
-o-transition-delay: 0.12s;
transition-delay: 0.12s;
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.is-active .hamburger-inner::before {
top: 0;
-webkit-transition: top 75ms ease, opacity 75ms ease 0.12s;
-o-transition: top 75ms ease, opacity 75ms ease 0.12s;
transition: top 75ms ease, opacity 75ms ease 0.12s;
opacity: 0;
}
.is-active .hamburger-inner::after {
bottom: 0;
-webkit-transition: bottom 75ms ease, -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
transition: bottom 75ms ease, -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
-o-transition: bottom 75ms ease, transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
transition: bottom 75ms ease, transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
transition: bottom 75ms ease, transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s, -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.overlay {
position: fixed;
top: 40px;
bottom: 0;
left: 0;
right: 0;
z-index: 97;
background: #000;
opacity: 0.4;
display: none;
}
.overlay.show {
display: block;
}
.btn {
display: inline-block;
outline: none;
-webkit-border-radius: 0;
border-radius: 0;
font-size: 18px;
font-weight: 400;
height: 47px;
padding: 0 15px;
border: none;
text-transform: uppercase;
-webkit-transition: background-color 0.5s, color 0.5s;
-o-transition: background-color 0.5s, color 0.5s;
transition: background-color 0.5s, color 0.5s;
line-height: 45px;
}
.btn:active, .btn:focus {
outline: none;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.btn:hover {
text-decoration: none;
}
.btn-icon {
padding: 0;
margin: 0;
border: none;
background-color: transparent;
width: 24px;
height: 24px;
}
.btn-icon svg {
width: 100%;
height: 100%;
}
.btn-dark {
background-color: #2E2E2E;
color: #fff;
}
.btn-dark:hover {
background-color: #910F0F;
}
.btn-red {
background-color: #910F0F;
color: #fff;
border: 1px solid #910F0F;
}
.btn-red:hover {
color: #000;
background-color: #F1F2F6;
}
.btn-light {
background-color: #F1F2F6;
border: 1px solid #F1F2F6;
color: #000;
-webkit-transition: border-color 0.3s;
-o-transition: border-color 0.3s;
transition: border-color 0.3s;
}
.btn-light:hover {
border-color: #910F0F;
}
.btn-medium {
height: 56px;
line-height: 54px;
}
.btn-large {
height: 60px;
line-height: 58px;
}
.btn-line {
padding: 0;
margin: 0;
line-height: 1;
border: none;
background-color: transparent;
}
.form input[type=text],
.form input[type=email],
.form textarea,
.form select {
display: block;
width: 100%;
height: 60px;
padding: 0 15px;
background-color: #F4F4F4;
font-size: 16px;
color: #000;
border: none;
-webkit-border-radius: 0px;
border-radius: 0px;
margin-bottom: 6px;
}
@media (min-width: 1200px) {
.form input[type=text],
.form input[type=email],
.form textarea,
.form select {
font-size: 18px;
padding: 0 25px;
}
}
.form input[type=text]:focus,
.form input[type=email]:focus,
.form textarea:focus,
.form select:focus {
outline: none;
}
.form textarea {
height: 150px;
padding-top: 15px;
}
.form label {
display: block;
margin-bottom: 5px;
}
.form-getcoupon {
padding-left: 10px;
padding-right: 10px;
}
.form-getcoupon .btn {
margin-top: 20px;
}
@media (min-width: 1200px) {
.form-getcoupon .btn {
margin-top: 50px;
}
}
/*
=====================================*/
.full-modal .modal-dialog {
width: 95%;
max-width: 1366px;
background-color: #fff;
margin-top: 150px;
}
.full-modal .modal-content {
border: none;
}
@media (min-width: 992px) {
.full-modal .modal-dialog {
margin-top:205px;
}
}
/*
=====================================*/
#coupon-modal .modal-content {
overflow: hidden;
}
/*
=====================================*/
.coupon-modal__title {
font-size: 30px;
line-height: 120%;
color: #000;
font-weight: 600;
}
@media (min-width: 1200px) {
.coupon-modal__title {
font-size: 40px;
line-height: 126.9%;
}
}
.coupon-modal__title span {
color: #910F0F;
}
.coupon-modal__col {
padding-top: 35px;
padding-bottom: 35px;
}
@media (min-width: 1200px) {
.coupon-modal__col {
padding-top: 46px;
padding-bottom: 46px;
}
}
.coupon-modal__left {
background-color: #F4F4F4;
position: relative;
padding-left: 10px;
padding-right: 10px;
}
.coupon-modal__left svg {
position: absolute;
width: 80px;
height: 50px;
top: 80px;
left: 13px;
}
@media (min-width: 768px) {
.coupon-modal__left svg {
width: 89px;
height: 63px;
bottom: 52px;
left: 25px;
top: unset;
}
}
@media (min-width: 992px) {
.coupon-modal__left svg {
bottom: 30px;
left: 15px;
}
}
@media (min-width: 1200px) {
.coupon-modal__left svg {
width: 99px;
height: 82px;
bottom: 52px;
left: 25px;
}
}
.coupon-modal__counter {
max-width: 495px;
margin: 0 auto;
width: 100%;
padding-left: 10px;
padding-right: 10px;
}
@media (min-width: 992px) {
.coupon-modal__counter {
padding-left: 50px;
padding-right: 50px;
}
}
@media (min-width: 1200px) {
.coupon-modal__counter {
padding-left: 30px;
padding-right: 30px;
}
}
.coupon-modal__right {
background: url(../images/coupon-bg.png) no-repeat;
-webkit-background-size: cover;
background-size: cover;
}
.coupon-modal__form {
max-width: 430px;
margin: 0 auto;
width: 100%;
}
.coupon-modal__info {
margin-top: 15px;
font-size: 15px;
}
/* counter
-----------------------------------*/
.counter {
gap: 20px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 30px auto;
color: #000;
font-size: 30px;
font-weight: 500;
line-height: 106.875%;
}
.counter.disabled{
color: #ddd
}
.counter-container {
width: 71px;
height: 71px;
background-color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.counter-message {
color: #910F0F;
font-size: 17px;
font-weight: 400;
margin-bottom: 30px;
display: none;
}
@media (min-width: 1200px) {
.counter-message {
font-size: 18px;
}
}
.coupon-success{
color: #239C10
}
/*
=====================================*/
.btn-modal-close {
position: absolute;
right: 0;
top: -25px;
width: 15px;
height: 15px;
border: none;
padding: 0;
margin: 0;
background-color: transparent;
cursor: pointer;
}
.btn-modal-close svg {
width: 100%;
height: 100%;
fill: #fff;
stroke: #fff;
}
/*
=====================================*/
#search-modal .modal-dialog {
border: none;
padding: 30px 10px;
}
@media (min-width: 1200px) {
#search-modal .modal-dialog {
padding: 40px 110px;
}
}
.form-search {
position: relative;
}
.form-search input[type=text] {
border: none;
height: 51px;
padding: 0 35px;
}
.form-search input[type=text]:focus {
outline: none;
-webkit-box-shadow: 0px 2px 4px -2px rgba(71, 66, 61, 0.04), 0px 4px 32px -4px rgba(98, 91, 84, 0.06), 0px 0px 0px 3px rgba(145, 15, 15, 0.3);
box-shadow: 0px 2px 4px -2px rgba(71, 66, 61, 0.04), 0px 4px 32px -4px rgba(98, 91, 84, 0.06), 0px 0px 0px 3px rgba(145, 15, 15, 0.3);
}
.form-search button {
padding: 0;
margin: 0;
border: none;
background-color: transparent;
position: absolute;
right: 25px;
top: 14px;
z-index: 2;
}
.form-search button svg {
width: 23px;
height: 23px;
}
.search-result-count{
font-size: 16px;
margin-top: 10px;
padding-top: 5px;
}
@media (min-width: 768px) {
.search-result-count{
margin-top: 0;
font-size: 20px;
}
}
/*
=====================================*/
#search-modal .modal-dialog {
border: none;
padding: 30px 10px;
}
@media (min-width: 1200px) {
#search-modal .modal-dialog {
padding: 40px 110px;
}
}
/*
=====================================*/
.search-modal-result {
padding: 25px 10px;
display: none;
}
@media (min-width: 1200px) {
.search-modal-result {
padding: 30px 40px;
}
}
.search-modal-row {
font-weight: 400;
margin-top: 10px;
position: relative;
z-index: 2;
color: #000;
font-size: 18px;
}
.search-modal-row::after {
content: "";
position: absolute;
width: 100%;
height: 2px;
left: 0;
top: 18px;
border-bottom: 2px dotted #F4F4F4;
z-index: 1;
}
.search-modal-row span {
display: inline-block;
background-color: #fff;
position: relative;
z-index: 3;
}
.search-modal-pagetitle span {
padding-right: 10px;
}
.search-modal-price {
text-transform: uppercase;
}
.search-modal-price span {
padding-left: 10px;
}
.search-modal-result .ui-autocomplete{
border: none !important;
position: static !important;
width: 100% !important;
max-width: 100%;
}
.search-modal-result .ui-state-active{
border: none !important;
background: transparent !important;
font-weight: normal;
color: #910F0F !important;
margin: 0 !important;
}
.search-modal-result .ui-menu .ui-menu-item-wrapper{
padding: 0 !important;
}
.search-modal-result .ui-state-active .search-modal-pagetitle{
color: #910F0F;
}
/*
=====================================*/
.age-modal {
width: 100%;
max-width: 900px;
margin: 0 auto;
padding: 40px 10px 20px;
}
@media (min-width: 1200px) {
.age-modal {
padding: 60px 0 40px;
}
}
.age-modal-txt {
color: #8A8A8A;
font-size: 15px;
line-height: 142.8%;
}
@media (min-width: 1200px) {
.age-modal-txt {
font-size: 16px;
}
}
.age-modal-buttons {
gap: 10px;
margin: 20px 0 20px;
}
@media (min-width: 768px) {
.age-modal-buttons {
gap: 30px;
margin: 50px 0 40px;
}
}
.age-modal-buttons .btn {
width: 50%;
}
/* modal form
=====================================*/
.modal-form {
width: 100%;
max-width: 430px;
margin: 30px auto;
}
.modal-form .btn {
margin-top: 30px;
}
.reminder-modal {
width: 100%;
max-width: 1000px;
margin: 0 auto;
padding: 30px 10px;
}
@media (min-width: 768px) {
.reminder-modal {
padding: 60px 10px;
}
}
/* input file
=====================================*/
.inputfile {
width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1;
}
.inputfile + label {
width: 100%;
font-size: 14px;
font-weight: 500;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
color: #453cd5;
border: 1px solid #d2d2d2;
height: 43px;
background-color: #fff;
padding: 0;
margin: 0;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.inputfile + label span,
.inputfile + label strong {
padding: 11px 15px;
height: 100%;
}
.inputfile + label span {
width: calc(100% - 155px);
display: inline-block;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
vertical-align: top;
}
.inputfile + label strong {
color: #fff;
background-color: #453cd5;
display: inline-block;
font-weight: normal;
width: 150px;
text-align: center;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.inputfile:focus + label strong, .inputfile.has-focus + label strong, .inputfile + label:hover strong {
background-color: #0583d8;
border-color: #000;
}
/* placeholder
=====================================*/
:focus::-webkit-input-placeholder {
color: transparent;
}
:focus:-moz-placeholder {
color: transparent;
}
:focus::-moz-placeholder {
color: transparent;
}
:focus:-ms-input-placeholder {
color: transparent;
}
::-webkit-input-placeholder {
color: #484848;
opacity: 1;
}
:-moz-placeholder {
color: #484848;
opacity: 1;
}
::-moz-placeholder {
color: #484848;
opacity: 1;
}
:-ms-input-placeholder {
color: #484848;
opacity: 1;
}
/* helpers
=====================================*/
:invalid {
-webkit-box-shadow: none;
box-shadow: none;
}
/* input file
=====================================*/
.custom-select {
position: relative;
}
.custom-select select {
display: none;
}
.select-selected {
background-color: #F4F4F4;
}
.select-selected:after {
position: absolute;
content: "";
top: 14px;
right: 25px;
width: 16px;
height: 16px;
border: 1px solid #000;
border-left: none;
border-top: none;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.select-arrow-active::after {
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg);
top: 20px;
}
.select-items div,
.select-selected {
color: #000;
padding: 17px 25px;
cursor: pointer;
}
.select-items {
position: absolute;
background-color: #F4F4F4;
top: 100%;
left: 0;
right: 0;
z-index: 99;
margin-top: 5px;
}
.select-hide {
display: none;
}
.select-items div:hover,
.same-as-selected {
background-color: rgba(0, 0, 0, 0.1);
}
/* header
-----------------------------------*/
body {
padding-top: 99px;
}
@media (min-width: 1200px) {
body {
padding-top: 116px;
}
}
.header {
overflow: hidden;
padding: 8px 0 10px;
background-color: #fff;
z-index: 99;
position: fixed;
top: 0;
left: 0;
right: 0;
}
@media (min-width: 992px) {
.header {
padding: 10px 0 14px;
}
}
@media (min-width: 1200px) {
.header .container {
padding-right: 4px;
}
}
.header-notice {
background-color: #910F0F;
color: #fff;
padding: 17px 0;
font-size: 15px;
position: relative;
z-index: 98;
}
@media (min-width: 992px) {
.header-notice {
font-size: 18px;
}
}
.header-info {
font-size: 16px;
font-weight: 400;
}
.header-info__mobile {
background-color: #D9D9D9;
position: relative;
font-size: 12px;
padding: 9px 25px 9px 15px;
z-index: 98;
}
@media (min-width: 992px) {
.header-info__mobile {
display: none;
}
}
.header-info__mobile-close {
position: absolute;
right: 10px;
top: 50%;
margin: -7px 0 0;
padding: 0;
background-color: transparent;
width: 14px;
height: 14px;
border: none;
line-height: 1;
}
.header-info__mobile-close svg {
width: 100%;
height: 100%;
fill: none;
stroke: #000;
}
@media (min-width: 1200px) {
.header-socials {
margin-left: 30px;
}
}
.header-socials a {
margin-left: 5px;
}
/*
-----------------------------------*/
.logo {
color: #000;
max-width: 178px;
display: block;
}
@media (min-width: 1200px) {
.logo {
margin: 0 auto;
max-width: 270px;
}
}
.logo:hover {
text-decoration: none;
}
/*
-----------------------------------*/
.header-phone {
color: #000;
margin-right: 25px;
-webkit-transition: color 0.3s;
-o-transition: color 0.3s;
transition: color 0.3s;
}
.header-phone span {
display: none;
}
@media (min-width: 1200px) {
.header-phone span {
display: inline-block;
}
}
.header-phone svg {
width: 21px;
height: 21px;
-webkit-transition: fill 0.3s;
-o-transition: fill 0.3s;
transition: fill 0.3s;
}
@media (min-width: 1200px) {
.header-phone svg {
margin-right: 9px;
}
}
@media (min-width: 1200px) {
.header-phone {
font-size: 18px;
}
}
.header-phone:hover {
color: #910F0F;
text-decoration: none;
}
.header-phone:hover svg {
fill: #910F0F;
}
/*
-----------------------------------*/
.language {
display: inline-block;
border-bottom: 1px solid #000;
color: #000;
font-size: 16px;
text-transform: uppercase;
-webkit-transition: border-color 0.3s;
-o-transition: border-color 0.3s;
transition: border-color 0.3s;
-webkit-transition: color 0.3s;
-o-transition: color 0.3s;
transition: color 0.3s;
}
.language:hover {
border-color: transparent;
color: #000;
text-decoration: none;
}
.language.active {
display: none;
}
.language:hover {
color: #910F0F;
border-color: #910F0F;
}
/* socials
-----------------------------------*/
.social-link {
width: 25px;
height: 25px;
display: inline-block;
}
.social-link svg {
width: 100%;
height: 100%;
-webkit-transition: fill 0.3s;
-o-transition: fill 0.3s;
transition: fill 0.3s;
}
.social-link:hover svg {
fill: #910F0F;
}
/*
-----------------------------------*/
.btn-icon__search svg {
fill: #fff;
}
.search input {
width: 100%;
background-color: #e8edff;
-webkit-border-radius: 10px;
border-radius: 10px;
padding: 10px 10px 10px 44px;
height: 60px;
border: none;
}
.search button {
width: 100%;
height: 60px;
margin-top: 15px;
}
@media (min-width: 768px) {
.search button {
margin-left: 30px;
margin-top: 0;
max-width: 165px;
}
}
.search-group {
position: relative;
}
.search-group svg {
position: absolute;
width: 18px;
height: 18px;
left: 15px;
top: 21px;
}
@media (min-width: 768px) {
.search-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
.btn-search {
border: none;
color: #fff;
background-color: #000;
-webkit-border-radius: 10px;
border-radius: 10px;
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
-webkit-transition: background-color 0.3s;
-o-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.btn-search:hover {
background-color: #000;
}
/* cart
-----------------------------------*/
.top-cart {
width: 20px;
height: 24px;
margin-left: 25px;
display: block;
position: relative;
color: #000;
text-decoration: none;
}
.top-cart svg {
width: 20px;
height: 24px;
fill: #fff;
}
.top-cart span {
position: absolute;
background-color: #fff;
width: 18px;
height: 16px;
text-align: center;
right: 1px;
top: 7px;
color: #000;
font-size: 10px;
font-weight: 600;
line-height: 1;
padding-top: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
/*
------------------------------------*/
.main-slider-section {
overflow: hidden;
}
@media (max-width: 767px) {
.main-slider-section .container {
padding-left: 0;
padding-right: 0;
}
}
.main-slider {
padding-bottom: 40px;
margin-bottom: 50px;
}
.main-slide {
overflow: hidden;
color: #000;
text-decoration: none;
}
.main-slide:hover {
color: #000;
text-decoration: none;
}
.main-slide__content {
padding-right: 10px;
padding-left: 10px;
}
.main-slide__suptitle {
font-size: 17px;
font-weight: 400;
line-height: 102.6%;
margin-bottom: 10px;
}
@media (min-width: 1200px) {
.main-slide__suptitle {
font-size: 20px;
margin-bottom: 15px;
}
}
.main-slide__title {
font-size: 50px;
font-weight: 700;
margin-bottom: 25px;
line-height: 106.875%;
}
@media (min-width: 1200px) {
.main-slide__title {
font-size: 70px;
margin-bottom: 50px;
}
}
.main-slide__image {
margin-bottom: 15px;
position: relative;
z-index: 2;
height: 270px;
}
@media (min-width: 768px) {
.main-slide__image {
height: 400px;
margin: 0;
}
}
@media (min-width: 1200px) {
.main-slide__image {
height: 680px;
}
}
.main-slide__image img {
width: auto;
max-height: 100%;
max-width: unset;
width: 100%;
}
@media (min-width: 768px) {
.main-slide__image img {
width: auto;
}
}
@media (min-width: 1200px) {
.main-slide .btn {
max-width: 315px;
}
}
/* carousel
-----------------------------------*/
.carousel-nav {
width: 70px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.btn-carousel {
width: 30px;
height: 30px;
padding: 0;
margin: 0;
background-color: transparent;
border: none;
position: relative;
cursor: pointer;
display: block;
}
.btn-carousel svg {
stroke: #910F0F;
width: 17px;
height: 17px;
fill: none;
}
.btn-carousel-next svg {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.btn-carousel:hover svg {
stroke: #000;
}
/*
-----------------------------------*/
.swiper-pagination-main {
text-align: center;
margin-top: 15px;
}
.swiper-pagination-bullet {
width: 30px;
height: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
background-color: #000;
opacity: 1;
margin: 0 10px !important;
}
.swiper-pagination-bullet-active {
background-color: #910F0F;
}
/* content
-----------------------------------*/
.content {
color: #000;
font-size: 18px;
font-weight: 400;
line-height: 200%;
}
.content p + p {
margin-top: 30px;
}
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
margin-bottom: 30px;
font-weight: bold;
}
.content h1 {
font-size: 35px;
font-weight: 900;
}
.content h2 {
font-size: 30px;
}
.content h3 {
font-size: 28px;
}
.content h4 {
font-size: 24px;
}
.content h5 {
font-size: 20px;
}
.content h6 {
font-size: 18px;
}
.image-full {
margin: 30px 0;
}
.image-full img {
width: 100%;
}
/*
-----------------------------------*/
.container-gallery{
margin-top: -100px;
}
.content-carousel-outer {
position: relative;
margin-top: 50px;
margin-bottom: 80px;
}
@media (min-width: 768px) {
.content-carousel-outer {
margin-bottom: 120px;
}
.container-gallery{
margin-top: 0;
}
}
.content-carousel-outer .swiper-slide {
text-align: center;
}
.content-carousel-nav {
margin-bottom: 10px;
}
.content-carousel-nav .btn-carousel {
z-index: 3;
}
@media (min-width: 768px) {
.content-carousel-nav .btn-carousel {
position: absolute;
top: 50%;
margin-top: -10px;
}
}
.content-carousel-nav .btn-carousel-prev {
left: 0;
}
@media (min-width: 768px) {
.content-carousel-nav .btn-carousel-prev {
left: -30px;
}
}
.content-carousel-nav .btn-carousel-next {
right: 0;
}
@media (min-width: 768px) {
.content-carousel-nav .btn-carousel-next {
right: -30px;
}
}
/*
-----------------------------------*/
.main-content {
margin-bottom: 60px;
}
/*
-----------------------------------*/
.filter {
position: absolute;
top: 100%;
left: 0;
right: 0;
z-index: 99;
background-color: #fff;
padding: 15px;
-webkit-box-shadow: 0px 13px 40px 0px rgba(0, 0, 0, 0.08);
box-shadow: 0px 13px 40px 0px rgba(0, 0, 0, 0.08);
display: none;
}
.btn-filter {
text-transform: none;
font-size: 16px;
gap: 13px;
height: 35px;
line-height: 30px;
}
.btn-filter svg {
width: 22px;
height: 22px;
}
/*
-----------------------------------*/
.btn-coupon {
color: #fff;
-webkit-border-radius: 10px;
border-radius: 10px;
font-size: 18px;
font-style: normal;
font-weight: 600;
text-transform: unset;
width: 60px;
height: 47px;
position: fixed;
bottom: 25px;
left: -5px;
z-index: 99;
padding: 0 0 0 18px;
background-color: #910F0F;
}
@media (min-width: 992px) {
.btn-coupon {
width: 200px;
height: 57px;
bottom: 100px;
left: 35px;
padding: 0 15px;
background: rgba(145, 15, 15, 0.8);
}
}
.btn-coupon svg {
fill: #fff;
width: 26px;
height: 26px;
position: relative;
top: -2px;
}
.btn-coupon:hover {
background-color: #000;
color: #fff;
}
.btn-coupon span {
display: none;
}
@media (min-width: 992px) {
.btn-coupon span {
display: inline-block;
}
}
/*
-----------------------------------*/
.block-carousel {
margin-bottom: 50px;
}
.block-carousel__head {
position: relative;
margin-bottom: 35px;
}
.title {
color: #000;
font-size: 35px;
font-weight: 600;
margin-top: 0;
margin-bottom: 35px;
display: block;
}
@media (min-width: 1200px) {
.title {
font-size: 40px;
}
}
.title-2 {
font-size: 25px;
}
@media (min-width: 992px) {
.title-2 {
font-size: 30px;
}
}
@media (min-width: 1200px) {
.title-2 {
font-size: 40px;
}
}
.title-small {
font-size: 22px;
line-height: 140%;
}
@media (min-width: 992px) {
.title-small {
font-size: 18px;
}
}
@media (min-width: 1200px) {
.title-small {
font-size: 30px;
}
}
a.title:hover {
color: #910F0F;
}
/*
-----------------------------------*/
.products-carousel {
margin: 0 -10px;
}
@media (min-width: 1200px) {
.products-carousel {
padding: 0 30px 35px;
margin: 0 -30px;
}
}
/*
-----------------------------------*/
.product-item {
position: relative;
z-index: 3;
}
.product-item::before {
content: "";
position: absolute;
left: -12px;
right: -12px;
bottom: -20px;
toP: 0;
-webkit-box-shadow: 0px 5px 7px 5px rgba(0, 0, 0, 0.05);
box-shadow: 0px 5px 7px 5px rgba(0, 0, 0, 0.05);
z-index: -1;
-webkit-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
transition: opacity 0.5s;
opacity: 0;
}
.product-item__image {
position: relative;
margin-bottom: 12px;
height: 190px;
}
@media (min-width: 768px) {
.product-item__image {
height: 240px;
margin-bottom: 20px;
}
}
@media (min-width: 992px) {
.product-item__image {
height: 310px;
margin-bottom: 30px;
}
}
@media (min-width: 1200px) {
.product-item__image {
height: 420px;
}
}
.product-item__image img {
width: auto;
height: auto;
max-height: 100%;
max-width: 100%;
}
.product-item__labels {
position: absolute;
z-index: 2;
right: 8px;
top: 10px;
}
.product-item__labels > * {
margin-bottom: 3px;
}
.product-item__title {
color: #000;
font-size: 16px;
font-weight: 600;
min-height: 45px;
display: block;
padding: 0 8px;
}
.product-item__title:hover {
color: #910F0F;
}
@media (min-width: 1200px) {
.product-item__title {
font-size: 21px;
padding: 0;
}
}
.product-item__description {
font-size: 13px;
line-height: 150%;
min-height: 48px;
margin-top: 10px;
padding: 0 8px;
}
@media (min-width: 1200px) {
.product-item__description {
font-size: 16px;
padding: 0;
}
}
.product-item__bottom {
margin-top: 15px;
padding: 0 8px;
}
@media (min-width: 1200px) {
.product-item__bottom {
padding: 0;
}
}
.product-item__price {
font-size: 17px;
font-weight: 500;
white-space: nowrap;
}
@media (min-width: 1200px) {
.product-item__price {
font-size: 21px;
font-weight: 900;
}
}
.product-item__oldprice {
color: #818181;
text-decoration: line-through;
font-size: 16px;
font-weight: 400;
margin-left: 5px;
white-space: nowrap;
padding-top: 1px;
}
@media (min-width: 768px) {
.product-item__oldprice {
margin-left: 15px;
}
}
@media (min-width: 1200px) {
.product-item__oldprice {
font-size: 16px;
padding-top: 3px;
margin-left: 15px;
}
}
.product-item .btn {
height: 36px;
line-height: 32px;
font-size: 16px;
min-width: 145px;
opacity: 0;
-webkit-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
transition: opacity 0.5s;
display: none;
}
@media (min-width: 992px) {
.product-item .btn {
display: block;
}
}
.product-item:hover::before {
opacity: 1;
}
.product-item:hover .label-new {
background-color: #239C10;
color: #fff;
}
.product-item:hover .label-sale {
background-color: #AC1319;
color: #fff;
}
.product-item:hover .btn {
opacity: 1;
}
.product-label {
-webkit-border-radius: 6px;
border-radius: 6px;
line-height: 1;
-webkit-transition: background-color 0.5s, color 0.5s;
-o-transition: background-color 0.5s, color 0.5s;
transition: background-color 0.5s, color 0.5s;
margin-bottom: 5px;
display: inline-block;
}
@media (min-width: 1200px) {
.product-label {
-webkit-border-radius: 10px;
border-radius: 10px;
}
}
.label-new {
border: 1px solid #239C10;
text-transform: uppercase;
color: #239C10;
font-size: 8px;
padding: 5px 10px;
}
@media (min-width: 1200px) {
.label-new {
font-size: 14px;
padding: 6px 12px;
}
}
.label-sale {
border: 1px solid #AC1319;
text-transform: uppercase;
color: #AC1319;
font-size: 8px;
padding: 5px 10px;
font-weight: 900;
}
.label-nostock {
color: #8A8A8A;
font-size: 8px;
font-weight: 500;
line-height: 106.875%;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 1px solid #8A8A8A;
padding: 5px 10px;
}
@media (min-width: 1200px) {
.label-sale {
font-size: 16px;
padding: 5px 12px;
}
.label-nostock {
font-size: 16px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
}
/*
-----------------------------------*/
.btn-tocart {
position: relative;
overflow: hidden;
}
.btn-tocart.added .btn-tocart-add {
display: none;
}
.btn-tocart-added {
position: absolute;
bottom: -50%;
left: 0;
right: 0;
visibility: hidden;
-webkit-transition: 0.2s ease all;
-o-transition: 0.2s ease all;
transition: 0.2s ease all;
}
.btn-tocart.added .btn-tocart-added {
bottom: 2px;
visibility: visible;
}
.btn-tocart.added {
background-color: #910F0F;
}
/*
-----------------------------------*/
.info-blocks {
background-color: #F4F4F4;
padding: 30px 0 0;
margin: 20px 0 50px;
}
@media (min-width: 992px) {
.info-blocks {
padding: 45px 0;
}
}
.info-blocks .row > * {
position: relative;
}
.info-blocks .row > *:last-child::after {
opacity: 0;
}
.info-blocks .row > *::after {
content: "";
position: absolute;
top: 5px;
bottom: 5px;
right: 25px;
width: 1px;
opacity: 0;
background-color: #626262;
}
@media (min-width: 992px) {
.info-blocks .row > *::after {
opacity: 1;
right: 10px;
}
}
@media (min-width: 1200px) {
.info-blocks .row > *::after {
right: 25px;
}
}
.info-block {
font-size: 16px;
font-weight: 400;
margin-bottom: 30px;
}
@media (min-width: 992px) {
.info-block {
margin-bottom: 0;
font-size: 14px;
}
}
@media (min-width: 1200px) {
.info-block {
font-size: 16px;
}
}
.info-block__icon {
-webkit-box-flex: 0;
-ms-flex: 0 0 87px;
flex: 0 0 87px;
text-align: center;
}
@media (min-width: 992px) {
.info-block__icon {
-webkit-box-flex: 0;
-ms-flex: 0 0 60px;
flex: 0 0 60px;
}
}
@media (min-width: 1200px) {
.info-block__icon {
-webkit-box-flex: 0;
-ms-flex: 0 0 87px;
flex: 0 0 87px;
}
}
.info-block__icon img {
max-width: 100%;
}
.info-block__data {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(100% - 125px);
flex: 0 0 calc(100% - 125px);
}
@media (min-width: 992px) {
.info-block__data {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(100% - 100px);
flex: 0 0 calc(100% - 100px);
}
}
@media (min-width: 1200px) {
.info-block__data {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(100% - 120px);
flex: 0 0 calc(100% - 120px);
}
}
.info-block__title {
font-size: 18px;
font-weight: 900;
margin-bottom: 10px;
}
@media (min-width: 992px) {
.info-block__title {
font-size: 16px;
}
}
@media (min-width: 1200px) {
.info-block__title {
font-size: 18px;
}
}
@media (min-width: 992px) {
.info-block__description {
padding-right: 15px;
}
}
@media (min-width: 1200px) {
.info-block__description {
padding-right: 45px;
}
}
/*
-----------------------------------*/
.offers {
margin-left: -0.75rem;
margin-right: -0.75rem;
}
@media (min-width: 768px) {
.offers {
margin: 0;
}
}
.offer {
position: relative;
height: 196px;
display: block;
color: #000;
}
@media (min-width: 992px) {
.offer {
height: 300px;
}
}
@media (min-width: 1200px) {
.offer {
height: 414px;
}
}
.offer img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
position: relative;
}
.offer::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(145, 15, 15, 0.7);
z-index: 2;
opacity: 0;
-webkit-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.offer span {
position: absolute;
text-transform: uppercase;
top: 50%;
left: 50%;
font-size: 16px;
background-color: #fff;
padding: 8px 15px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
white-space: nowrap;
z-index: 3;
opacity: 0;
-webkit-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.offer:hover {
color: #000;
}
.offer:hover::before,
.offer:hover span {
opacity: 1;
}
/*
-----------------------------------*/
.section-tg {
color: #fff;
background-color: #910F0F;
padding: 40px 0;
margin: 0 0 30px;
}
@media (min-width: 1200px) {
.section-tg {
margin: 100px 0;
}
}
.section-tg .tg-info {
font-size: 16px;
}
@media (min-width: 992px) {
.section-tg .tg-info {
font-size: 20px;
}
}
.section-tg .tg-info span {
font-size: 22px;
font-weight: 500;
display: block;
margin-bottom: 10px;
}
@media (min-width: 992px) {
.section-tg .tg-info span {
font-size: 25px;
}
}
@media (min-width: 1200px) {
.section-tg .tg-info span {
margin: 0;
}
}
.section-tg .tg-info ul {
margin: 0;
padding: 0;
list-style: none;
}
.section-tg .tg-info ul li {
margin-bottom: 5px;
}
@media (min-width: 1200px) {
.section-tg .tg-info ul li {
margin: 0;
}
}
.section-tg .tg-info ul li::before {
content: "";
display: inline-block;
width: 6px;
height: 6px;
background-color: #fff;
-webkit-border-radius: 50%;
border-radius: 50%;
margin-right: 10px;
position: relative;
top: -3px;
}
@media (min-width: 1200px) {
.section-tg .tg-info ul li::before {
display: none;
}
}
@media (min-width: 1200px) {
.section-tg .tg-info ul li {
padding: 0 20px;
margin: 0;
border-right: 1px solid #fff;
}
}
.section-tg .tg-info ul li:last-child {
border: none;
}
.section-tg .btn {
color: #fff;
border: 1px solid #fff;
gap: 10px;
width: 100%;
max-width: 430px;
margin: 35px auto 0;
font-size: 20px;
height: 59px;
}
@media (min-width: 1200px) {
.section-tg .btn {
height: 66px;
margin: 45px auto 0;
}
}
.section-tg .btn svg {
fill: #fff;
width: 24px;
height: 24px;
transition: fill .5s;
margin-right: 10px;
}
.section-tg .btn:hover{
background-color: #fff;
color: #910F0F
}
.section-tg .btn:hover svg{
fill: #910F0F
}
/*
-----------------------------------*/
@media (min-width: 1200px) {
.brands-carousel {
margin-bottom: 100px;
}
}
.brands-carousel .swiper-slide {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.brand-item {
height: 50px;
}
@media (min-width: 768px) {
.brand-item {
height: 80px;
padding: 0 20px;
}
}
.brand-item img {
max-width: 100%;
max-height: 99%;
width: auto;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transition: opacity 0.5s, -webkit-filter 0.5s;
transition: opacity 0.5s, -webkit-filter 0.5s;
-o-transition: filter 0.5s, opacity 0.5s;
transition: filter 0.5s, opacity 0.5s;
transition: filter 0.5s, opacity 0.5s, -webkit-filter 0.5s;
opacity: 0.7;
}
.brand-item:hover img {
-webkit-filter: grayscale(0);
filter: grayscale(0);
opacity: 1;
}
/*
-----------------------------------*/
.page-header {
background-color: #F4F4F4;
padding: 20px 0;
}
.page-header__content {
padding-right: 5px;
padding-left: 5px;
}
@media (min-width: 1200px) {
.page-header__content {
padding: 0 90px;
}
}
.page-header__suptitle {
font-size: 17px;
font-weight: 400;
line-height: 102.6%;
margin-bottom: 10px;
}
@media (min-width: 1200px) {
.page-header__suptitle {
font-size: 20px;
margin-bottom: 15px;
}
}
.page-header__title {
font-size: 40px;
font-weight: 700;
line-height: 106.875%;
}
@media (min-width: 1200px) {
.page-header__title {
font-size: 70px;
}
}
.page-header__image img {
max-width: 100%;
max-height: 300px;
}
/*
-----------------------------------*/
.page-middle {
padding-top: 30px;
padding-bottom: 55px;
}
@media (min-width: 992px) {
.page-middle {
padding-top: 55px;
}
}
.list > * {
margin-bottom: 90px;
}
.list-simple > * {
margin-bottom: 60px;
}
.list-medium > * {
margin-bottom: 15px;
}
@media (min-width: 992px) {
.list-medium > * {
margin-bottom: 50px;
}
}
/*
-----------------------------------*/
.category-menu {
margin: 0;
padding: 0;
list-style: none;
}
.category-menu li {
position: relative;
}
.category-menu li::before {
content: "";
position: absolute;
left: -10px;
right: -10px;
top: 0;
bottom: 0;
background-color: #F4F4F4;
opacity: 0;
-webkit-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.category-menu li:hover::before {
opacity: 1;
}
.category-menu .active::before {
opacity: 1;
}
.category-menu .active a {
color: #910F0F;
border-color: transparent;
}
.category-menu .active a::before, .category-menu .active a::after {
background-color: #910F0F;
}
.category-menu a {
display: block;
position: relative;
font-size: 20px;
font-weight: 300;
padding: 18px 30px 18px 0;
border-bottom: 1px solid #E4E4E4;
color: #000;
-webkit-transition: color 0.3s;
-o-transition: color 0.3s;
transition: color 0.3s;
}
.category-menu a::before, .category-menu a::after {
content: "";
position: absolute;
background-color: #000;
top: 50%;
-webkit-transition: background-color 0.3s;
-o-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.category-menu a::before {
width: 1px;
height: 15px;
margin-top: -7px;
right: 27px;
}
.category-menu a::after {
width: 15px;
height: 1px;
right: 20px;
}
.category-menu a:hover {
color: #910F0F;
text-decoration: none;
border-color: transparent;
}
.category-menu a:hover::before, .category-menu a:hover::after {
background-color: #910F0F;
}
@media (min-width: 1200px) {
.side-menu {
margin-right: 75px;
position: sticky;
top: 80px;
}
}
#category-menu .modal-dialog {
margin-top: 80px;
}
#category-menu .modal-content {
padding: 50px 30px;
}
.category-menu h2{
margin: 0;
}
/*
-----------------------------------*/
.content-data {
margin-top: 50px;
}
@media (min-width: 1200px) {
.content-data {
margin-top: 100px;
}
}
/*
-----------------------------------*/
.moreellipses {
display: block;
margin-top: 30px;
position: relative;
}
.moreellipses::before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 100%;
height: 100px;
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 80%);
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(80%, #ffffff));
background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 80%);
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 80%);
}
.moreless {
display: block;
margin: 20px auto;
width: 30px;
height: 30px;
text-align: center;
}
.moreless::after {
content: "";
display: inline-block;
border: 2px solid #910F0F;
border-top: none;
border-left: none;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
width: 16px;
height: 16px;
}
.moreless.less::after {
content: "";
display: inline-block;
border: 2px solid #910F0F;
border-top: none;
border-left: none;
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg);
width: 16px;
height: 16px;
}
/* product
-----------------------------------*/
.product-title {
color: #000;
font-size: 30px;
font-weight: 900;
line-height: 106.875%;
margin-bottom: 15px;
margin-top: 0;
}
@media (min-width: 1200px) {
.product-title {
font-size: 35px;
}
}
.product-fields {
margin: 40px 0;
padding: 0;
font-size: 18px;
font-weight: 300;
line-height: 106.875%;
}
.product-fields li {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 20px;
padding-left: 26px;
}
@media (min-width: 1200px) {
.product-fields li {
margin-bottom: 25px;
}
}
.product-fields li::before {
content: "";
position: absolute;
width: 8px;
height: 8px;
-webkit-border-radius: 50%;
border-radius: 50%;
background-color: #910F0F;
top: 6px;
left: 0;
}
.product-fields li span:last-child {
font-size: 20px;
font-weight: normal;
}
.product-data {
margin: 40px auto;
}
.product-prices {
line-height: 106.875%;
gap: 10px;
white-space: nowrap;
max-width: 200px;
margin-left: auto;
}
@media (min-width: 992px) {
.product-prices {
max-width: none;
margin-bottom: 40px;
margin-left: 0;
width: 100%;
}
}
@media (min-width: 1200px) {
.product-prices {
gap: 18px;
}
}
.product-prices.nostock {
color: #8A8A8A;
}
.product-price {
font-size: 20px;
font-weight: 900;
line-height: 106.875%;
}
@media (min-width: 1200px) {
.product-price {
font-size: 25px;
}
}
.product-oldprice {
color: #818181;
font-size: 16px;
font-weight: 600;
text-decoration: line-through;
}
@media (min-width: 1200px) {
.product-oldprice {
font-size: 20px;
}
}
.product-delivery {
margin-top: 25px;
width: 100%;
}
@media (min-width: 992px) {
.product-delivery {
margin-top: 0;
padding-top: 5px;
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(100% - 135px);
flex: 0 0 calc(100% - 135px);
}
}
@media (min-width: 1200px) {
.product-delivery {
margin-top: 0;
padding-top: 10px;
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(100% - 180px);
flex: 0 0 calc(100% - 180px);
}
}
.product-delivery svg {
width: 35px;
height: 35px;
margin-right: 5px;
}
.product-delivery span {
color: #000;
font-size: 18px;
font-weight: 400;
line-height: 106.875%;
border-bottom: 1px solid;
display: inline-block;
padding-bottom: 2px;
}
.product-actions {
margin-top: 30px;
gap: 15px;
}
.product-actions .btn {
width: 50%;
height: 45px;
line-height: 43px;
font-size: 16px;
}
@media (min-width: 1200px) {
.product-actions .btn {
height: 56px;
line-height: 54px;
font-size: 18px;
}
}
.product-labels {
position: absolute;
top: 20px;
left: 20px;
z-index: 3;
}
.product-nostock {
color: #910F0F;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 106.875%;
text-transform: lowercase;
margin-top: 5px;
}
/*
-----------------------------------*/
.accordion-button {
padding: 20px 0;
color: #000;
font-size: 20px;
font-weight: 300;
border: none;
}
.accordion-button:focus {
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.accordion-button:not(.collapsed) {
color: #910F0F;
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.accordion-button:not(.collapsed)::before, .accordion-button:not(.collapsed)::after {
background-color: #910F0F;
}
.accordion-button::before, .accordion-button::after {
content: "";
position: absolute;
background-color: #000;
top: 50%;
-webkit-transition: background-color 0.3s;
-o-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.accordion-button::before {
width: 1px;
height: 15px;
margin-top: -7px;
right: 27px;
}
.accordion-button::after {
width: 15px;
height: 1px;
right: 20px;
}
.accordion-body {
font-weight: 300;
line-height: 180%;
padding-left: 0;
padding-right: 0;
}
/*
-----------------------------------*/
.count {
width: 135px;
height: 48px;
}
@media (min-width: 1200px) {
.count {
width: 180px;
height: 56px;
}
}
.count input {
border: none;
background-color: #fff;
padding: 0;
text-align: center;
width: 45px;
height: 100%;
font-size: 20px;
-moz-appearance: textfield;
-webkit-appearance: textfield;
appearance: textfield;
}
@media (min-width: 1200px) {
.count input {
font-size: 30px;
width: 60px;
}
}
.count button {
width: 45px;
height: 100%;
background: #F1F2F6;
border: none;
font-size: 30px;
font-weight: 500;
line-height: 106.875%;
padding: 0;
}
@media (min-width: 1200px) {
.count button {
width: 60px;
}
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
}
/*
-----------------------------------*/
.product-gallery-block {
margin: -30px -12px 30px -12px;
position: relative;
}
@media (min-width: 992px) {
.product-gallery-block {
margin: 0 0 40px;
position: sticky;
top: 70px;
}
}
.product-gallery {
height: 400px;
}
@media (min-width: 1200px) {
.product-gallery {
height: 770px;
}
.product-slide-image{
padding: 0 50px;
}
}
.product-gallery img {
width: auto;
max-width: 100%;
max-height: 100%;
}
.product-image{
height: 100%;
}
.product-gallery .btn-carousel {
position: absolute;
top: 50%;
z-index: 3;
margin-top: -10px;
}
.product-gallery .btn-carousel-prev {
left: 10px;
}
.product-gallery .btn-carousel-next {
right: 10px;
}
@media (min-width: 992px) {
.product-gallery .btn-carousel-prev {
left: 20px;
}
.product-gallery .btn-carousel-next {
right: 20px;
}
}
.product-gallery-thumbs {
margin-top: 15px;
}
.product-gallery-thumbs .swiper-slide {
height: 200px;
max-width: 255px;
border: 1px solid #F4F4F4;
opacity: 0.5;
cursor: pointer;
}
.product-gallery-thumbs .swiper-slide-thumb-active {
opacity: 1;
}
.swiper-pagination-product {
text-align: center;
margin-top: 15px;
}
/*
-----------------------------------*/
.brand-logo {
height: 130px;
width: 100%;
background-color: #F4F4F4;
}
@media (min-width: 768px) {
.brand-logo {
height: 150px;
}
}
.brand-logo img {
max-width: 50%;
max-height: 50%;
width: auto;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transition: opacity 0.5s, -webkit-filter 0.5s;
transition: opacity 0.5s, -webkit-filter 0.5s;
-o-transition: filter 0.5s, opacity 0.5s;
transition: filter 0.5s, opacity 0.5s;
transition: filter 0.5s, opacity 0.5s, -webkit-filter 0.5s;
opacity: 0.7;
}
.brand-logo:hover img {
-webkit-filter: grayscale(0);
filter: grayscale(0);
opacity: 1;
}
/*
-----------------------------------*/
.brand-category {
width: 100%;
height: 60px;
}
@media (min-width: 768px) {
.brand-category {
width: 150px;
}
}
.brand-category img {
max-height: 100%;
}
/*
-----------------------------------*/
.blog-item {
position: relative;
z-index: 3;
}
.blog-item::before {
content: "";
position: absolute;
left: -12px;
right: -12px;
bottom: -20px;
toP: 0;
-webkit-box-shadow: 0px 5px 7px 5px rgba(0, 0, 0, 0.05);
box-shadow: 0px 5px 7px 5px rgba(0, 0, 0, 0.05);
z-index: -1;
-webkit-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
transition: opacity 0.5s;
opacity: 0;
}
.blog-item__image {
position: relative;
background-color: #F4F4F4;
margin-bottom: 15px;
height: 200px;
}
@media (min-width: 768px) {
.blog-item__image {
margin-bottom: 20px;
}
}
@media (min-width: 992px) {
.blog-item__image {
height: 250px;
margin-bottom: 30px;
}
}
@media (min-width: 1200px) {
.blog-item__image {
height: 300px;
}
}
.blog-item__image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.blog-item__title {
color: #000;
font-size: 22px;
font-weight: 600;
line-height: 106.875%;
}
@media (min-width: 1200px) {
.blog-item__title {
font-size: 21px;
}
}
.blog-item__title:hover {
color: #910F0F;
}
.blog-item__description {
margin-top: 15px;
margin-bottom: 20px;
color: #000;
font-size: 17px;
font-weight: 300;
line-height: 150%;
}
.blog-item__link {
color: #910F0F;
font-size: 16px;
display: block;
}
@media (min-width: 1200px) {
.blog-item__link {
font-weight: 300;
}
}
.blog-item__link svg {
width: 18px;
height: 10px;
}
.blog-item__link:hover {
color: #910F0F;
}
.blog-item:hover {
text-decoration: none;
}
.blog-item:hover::before {
opacity: 1;
}
/*
-----------------------------------*/
@media (min-width: 768px) {
.blog-head {
margin-bottom: 20px;
}
}
.blog-head .title {
margin-bottom: 30px;
font-size: 30px;
}
@media (min-width: 768px) {
.blog-head .title {
font-size: 22px;
}
}
@media (min-width: 1200px) {
.blog-head .title {
font-size: 40px;
}
}
.blog-image {
margin: -30px -15px 10px;
}
@media (min-width: 768px) {
.blog-image {
margin: 0 0 20px;
}
}
@media (min-width: 1200px) {
.blog-image {
height: 300px;
}
}
.blog-meta {
margin-bottom: 30px;
}
.blog-date {
color: #000;
font-size: 18px;
font-weight: 600;
line-height: 106.875%;
display: inline-block;
margin-right: 45px;
}
@media (min-width: 768px) {
.blog-date {
margin-right: 0;
margin-bottom: 20px;
}
}
@media (min-width: 1200px) {
.blog-date {
margin-bottom: 30px;
}
}
.blog-time {
color: #910F0F;
font-size: 16px;
font-weight: 300;
line-height: 106.875%;
display: inline-block;
padding-bottom: 1px;
}
@media (min-width: 768px) {
.blog-time {
display: block;
}
}
.blog-time svg {
width: 16px;
height: 16px;
margin-right: 5px;
position: relative;
top: -2px;
}
.blog-share {
margin-top: 30px;
}
@media (min-width: 768px) {
.blog-share {
margin-top: 20px;
}
}
.blog-share > span {
color: #000;
font-size: 18px;
font-weight: 500;
line-height: 106.875%;
margin-right: 15px;
}
.blog-share .likely__widget {
background-color: transparent;
padding: 0;
margin: 0;
-webkit-border-radius: 0;
border-radius: 0;
width: 29px;
height: 27px;
}
.blog-share .likely__button {
padding: 0;
display: block;
margin: 0;
width: 29px;
height: 27px;
}
.blog-share .likely__widget_facebook svg {
fill: #000;
width: 100%;
height: 100%;
}
.blog-share .likely__icon,
.blog-share .likely__counter {
display: none;
}
.btn-copy {
border: none;
padding: 0;
background: transparent;
width: 23px;
height: 23px;
display: inline-block;
}
.btn-copy svg {
width: 100%;
height: 100%;
}
.btn-copy.copied .svg-copied {
display: block;
}
.btn-copy.copied .svg-copy {
display: none;
}
.svg-copied {
display: none;
}
/*
-----------------------------------*/
.about-head {
margin-bottom: 70px;
}
.about-image {
margin-left: -13px;
margin-right: -13px;
}
.about-data {
margin-bottom: 30px;
}
.about-num {
font-size: 40px;
font-weight: 900;
line-height: 140%;
}
@media (min-width: 992px) {
.about-num {
font-size: 30px;
}
}
@media (min-width: 1200px) {
.about-num {
font-size: 50px;
}
}
.about-txt {
font-size: 18px;
text-transform: uppercase;
font-weight: 300;
line-height: 106.875%;
}
/*
-----------------------------------*/
.about-block {
margin-bottom: 70px;
}
@media (min-width: 1200px) {
.about-block {
margin-bottom: 90px;
}
}
.about-block__image {
margin: 0 -15px 25px;
text-align: center;
}
@media (min-width: 768px) {
.about-block__image {
margin: 0 0 25px;
}
}
@media (min-width: 992px) {
.about-block__image {
height: 300px;
}
}
@media (min-width: 1200px) {
.about-block__image {
height: 440px;
}
}
@media (min-width: 992px) {
.about-block__image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
}
/*
-----------------------------------*/
.map-section {
margin-top: 10px;
}
@media (min-width: 768px) {
.map-section {
margin-top: 50px;
}
}
.map-section iframe {
width: 100%;
height: 330px;
}
@media (min-width: 768px) {
.map-section iframe {
height: 430px;
}
}
/*
-----------------------------------*/
.addresses {
gap: 30px;
padding-top: 10px;
}
.address {
position: relative;
padding: 3px 0 3px 35px;
font-size: 16px;
margin-bottom: 25px;
}
@media (min-width: 768px) {
.address {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(50% - 25px);
flex: 0 0 calc(50% - 25px);
margin-bottom: 0;
}
}
@media (min-width: 1200px) {
.address {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(50% - 25px);
flex: 0 0 calc(50% - 25px);
margin-bottom: 0;
}
}
.address svg {
position: absolute;
width: 23px;
height: 23px;
fill: #910F0F;
left: 0;
top: 5px;
}
.address span {
display: block;
margin-bottom: 3px;
}
/*
-----------------------------------*/
.contact-block {
margin-bottom: 35px;
font-size: 16px;
}
@media (min-width: 768px) {
.contact-block {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
}
}
.contact-block-caption {
font-size: 20px;
font-weight: 400;
line-height: 140%;
}
@media (min-width: 992px) {
.contact-block-caption {
font-size: 18px;
}
}
@media (min-width: 1200px) {
.contact-block-caption {
font-size: 25px;
}
}
.contact-socials a {
margin-right: 10px;
}
.phone {
display: block;
margin-bottom: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 18px;
white-space: nowrap;
color: #000;
}
.phone svg {
width: 25px;
height: 25px;
margin-right: 10px;
}
.phone:hover {
color: #910F0F;
text-decoration: none;
}
.phone:hover svg {
fill: #910F0F;
}
/*
-----------------------------------*/
.page-404 {
margin: 80px auto 120px;
width: 100%;
max-width: 1000px;
}
.page-404-image img {
max-width: 60%;
}
@media (min-width: 1200px) {
.page-404-image img {
max-width: 100%;
}
}
.page-404-title {
color: #910F0F;
font-family: Montserrat;
font-size: 120px;
font-weight: 700;
line-height: normal;
}
.page-success-title {
color: #910F0F;
font-family: Montserrat;
font-size: 70px;
font-weight: 700;
line-height: normal;
}
@media (min-width: 1200px) {
.page-404-title {
font-size: 150px;
}
.page-success-title {
font-size: 100px;
}
}
.page-404-description {
font-size: 35px;
font-weight: 500;
}
@media (min-width: 1200px) {
.page-404-description {
font-size: 40px;
}
}
.page-404-data .btn {
height: 70px;
width: 100%;
max-width: 427px;
line-height: 68px;
font-size: 20px;
margin-top: 30px;
}
/*
-----------------------------------*/
.cart-promocode {
background: #F4F4F4;
padding: 30px 40px 50px;
}
.cart-promocode__title {
margin-bottom: 25px;
color: #000;
font-size: 30px;
font-weight: 500;
line-height: 106.875%;
}
@media (min-width: 768px) {
.cart-promocode__title {
font-size: 22px;
}
}
.cart-promocode input {
height: 47px;
background-color: #fff;
border: none;
padding: 0 25px;
display: block;
width: 100%;
margin-bottom: 16px;
font-size: 16px;
}
.cart-promocode button {
width: 100%;
font-size: 16px;
height: 47px;
text-transform: none;
}
@media (min-width: 768px) {
.cart-promocode button {
max-width: 155px;
}
}
.mspc2-message {
color: #484848;
font-size: 14px;
}
.mspc2-message svg {
width: 12px;
height: 12px;
margin-right: 3px;
position: relative;
top: -1px;
}
.mspc2-message__error {
color: #910F0F;
}
.cart-total {
font-weight: 500;
font-size: 18px;
}
@media (min-width: 1200px) {
.cart-total {
padding-top: 18px;
border-top: 1px solid #E4E4E4;
}
}
.cart-total span {
display: inline-block;
}
.cart-total span:first-child {
width: 80px;
text-align: left;
}
.cart-total span:last-child {
width: 150px;
}
.cart-total__sale span:first-child {
font-weight: normal;
}
.cart-total__cost {
margin-top: 15px;
font-size: 20px;
color: #910F0F;
}
.cart-total strong{
font-weight: normal;
}
@media (min-width: 1200px) {
.cart-total__cost {
color: #000;
}
}
.cart-total__cost span:first-child {
font-size: 25px;
}
.cart-delivery {
margin-top: 50px;
margin-bottom: 70px;
}
@media (min-width: 1200px) {
.cart-delivery {
background: #F4F4F4;
padding: 35px 50px;
}
}
.cart-delivery__title {
font-size: 30px;
margin-bottom: 40px;
}
@media (min-width: 1200px) {
.cart-delivery__title {
font-size: 25px;
}
}
.cart-delivery-row {
margin-bottom: 50px;
}
@media (min-width: 1200px) {
.cart-delivery-row {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
}
}
.cart-delivery-row__title {
font-size: 22px;
margin-bottom: 5px;
padding-left: 20px;
position: relative;
}
@media (min-width: 1200px) {
.cart-delivery-row__title {
margin-right: 10px;
white-space: nowrap;
font-size: 18px;
}
}
.cart-delivery-row__title::before {
content: "";
position: absolute;
left: 0;
top: 10px;
width: 8px;
height: 8px;
background-color: #910F0F;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.cart-delivery-row__description {
font-size: 18px;
font-weight: 300;
}
@media (min-width: 1200px) {
.cart-delivery-row__description {
padding-right: 10px;
}
}
.cart-delivery-row__description strong {
font-weight: 500;
font-size: 17px;
}
.cart-submit .btn {
width: 100%;
max-width: 430px;
height: 60px;
line-height: 58px;
}
@media (min-width: 1200px) {
.cart-submit .btn {
height: 56px;
line-height: 54px;
}
}
/*
-----------------------------------*/
.cart-row {
margin-bottom: 50px;
}
.cart-row-image {
display: block;
height: 170px;
}
.cart-row-image img {
max-height: 100%;
}
.cart-row-title {
display: block;
padding-top: 30px;
margin-bottom: 12px;
color: #000;
font-size: 18px;
font-weight: 500;
}
.cart-row-title:hover{
color: #910F0F
}
@media (min-width: 768px) {
.cart-row-title {
padding-top: 10px;
}
}
.cart-row-article {
font-size: 16px;
margin-top: 12px;
}
.cart-row-prices {
font-size: 16px;
font-weight: 500;
margin-top: 25px;
}
.cart-row-oldprice {
font-weight: 600;
color: #818181;
text-decoration: line-through;
margin-left: 20px;
}
@media (min-width: 768px) {
.cart-row-oldprice {
margin: 5px 0 0 0;
}
}
.cart-row-count {
height: 37px;
width: 159px;
}
@media (min-width: 768px) {
.cart-row-count {
width: 120px;
}
}
.cart-row-count input {
font-size: 18px;
width: 55px;
}
.cart-row-count button {
width: 52px;
height: 37px;
}
@media (min-width: 768px) {
.cart-row-count button,
.cart-row-count input {
width: 40px;
}
}
.cart-row-cost {
font-size: 20px;
font-weight: 500;
margin-left: 20px;
}
@media (min-width: 768px) {
.cart-row-cost {
font-size: 18px;
}
}
.cart-row-actions {
width: 100%;
}
@media (min-width: 768px) {
.cart-row-actions {
width: auto;
}
}
.cart-row-remove {
margin-left: auto;
}
@media (min-width: 768px) {
.cart-row-remove {
margin-left: 30px;
padding-top: 35px;
}
}
@media (min-width: 992px) {
.cart-row-remove {
margin-left: 60px;
}
}
.cart-row-remove svg {
width: 17px;
height: 17px;
}
.cart-row-remove .btn:hover svg {
fill: #910F0F;
}
/*
-----------------------------------*/
.order-form-block {
margin-bottom: 45px;
}
.order-form .form-group {
margin-bottom: 15px;
}
@media (min-width: 768px) {
.order-form .form-group {
margin-bottom: 25px;
}
}
.order-form input[type=text],
.order-form input[type=email],
.order-form textarea {
height: 60px;
}
@media (min-width: 768px) {
.order-form input[type=text],
.order-form input[type=email],
.order-form textarea {
height: 55px;
}
}
.order-form textarea {
height: 128px;
padding: 15px 25px;
}
.order-form-title {
font-weight: 500;
font-size: 20px;
margin-bottom: 15px;
line-height: 1;
}
@media (min-width: 768px) {
.order-form-title {
font-size: 25px;
margin-bottom: 30px;
}
}
.order-devider {
height: 1px;
width: 100%;
background-color: #E4E4E4;
margin-top: 80px;
margin-bottom: 55px;
}
.express-delivery{
display: none;
}
.order-total {
font-weight: 500;
font-size: 18px;
margin-bottom: 50px;
}
.order-total strong{
font-weight: normal;
}
@media (min-width: 992px) {
.order-total {
padding-right: 120px;
}
}
.order-total span {
display: inline-block;
}
.order-total span:first-child {
width: 90px;
text-align: left;
}
.order-total span:last-child {
width: 150px;
}
.order-total__sale {
margin-bottom: 5px;
}
.order-total__sale span:first-child {
font-weight: normal;
}
.order-total__cost {
margin-top: 20px;
font-size: 20px;
color: #910F0F;
}
@media (min-width: 992px) {
.order-total__cost {
color: #000;
margin-top: 4px;
}
}
.order-total__cost span:first-child {
font-size: 25px;
}
.order-submit .checkbox {
color: #747474;
}
/*
-----------------------------------*/
.order-cart {
margin-bottom: 70px;
}
.order-cart-title {
font-weight: 500;
font-size: 20px;
margin-bottom: 15px;
line-height: 1;
}
@media (min-width: 768px) {
.order-cart-title {
font-size: 25px;
margin-bottom: 30px;
}
}
.order-cart-row {
margin-bottom: 10px;
font-size: 16px;
}
@media (min-width: 768px) {
.order-cart-row {
margin-bottom: 20px;
}
}
.order-cart-row-image {
height: 105px;
width: 105px;
flex: 0 0 105px;
margin-right: 25px;
}
@media (min-width: 768px) {
.order-cart-row-image {
height: 130px;
width: 130px;
flex: 0 0 130px;
margin-right: 30px;
}
}
.order-cart-row-image img {
max-height: 100%;
}
.order-cart-row-title {
font-weight: 500;
font-size: 18px;
margin-bottom: 10px;
line-height: 1;
}
.order-cart-row-cost {
font-weight: 500;
margin-top: 10px;
}
/*
-----------------------------------*/
.radio {
display: block;
position: relative;
font-size: 18px;
padding-top: 3px;
cursor: pointer;
}
.radio input {
position: absolute;
z-index: -1;
opacity: 0;
width: 1px;
height: 1px;
}
.radio input:checked ~ span::after {
opacity: 1;
}
.radio span {
display: block;
position: relative;
padding-left: 36px;
}
.radio span::before, .radio span::after {
content: "";
position: absolute;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.radio span::before {
width: 20px;
height: 20px;
border: 2px solid #C7C7C7;
left: 0;
top: 2px;
background-color: #fff;
}
.radio span::after {
width: 10px;
height: 10px;
background-color: #000;
left: 5px;
top: 7px;
opacity: 0;
}
.radio-bg {
background-color: #F4F4F4;
padding: 18px 20px;
}
/*
-----------------------------------*/
.checkbox {
display: block;
position: relative;
font-size: 18px;
padding-top: 3px;
cursor: pointer;
min-height: 40px;
}
.checkbox input {
position: absolute;
z-index: -1;
opacity: 0;
width: 1px;
height: 1px;
}
.checkbox input:checked ~ span::after {
opacity: 1;
}
.checkbox span {
display: block;
position: relative;
padding-left: 55px;
padding-top: 4px;
}
.checkbox span::before, .checkbox span::after {
content: "";
position: absolute;
}
.checkbox span::before {
width: 30px;
height: 30px;
border: 1px solid #C7C7C7;
left: 0;
top: 2px;
background-color: #f4f4f4;
}
.checkbox span::after {
width: 22px;
height: 22px;
background-color: #910F0F;
left: 4px;
top: 6px;
opacity: 0;
}
.checkbox.small {
font-size: 14px;
}
.checkbox.small span {
padding-left: 28px;
padding-top: 2px;
}
.checkbox.small span::before {
width: 18px;
height: 18px;
background-color: #fff;
border-color: #747474;
}
.checkbox.small span::after {
width: 10px;
height: 10px;
}
/*
-----------------------------------*/
/*
-----------------------------------*/
/*
-----------------------------------*/
/*
-----------------------------------*/
/*
-----------------------------------*/
/*
-----------------------------------*/
/*
-----------------------------------*/
/*
-----------------------------------*/
/*
-----------------------------------*/
/*
-----------------------------------*/
/*
-----------------------------------*/
/*
-----------------------------------*/
/*
-----------------------------------*/
/*
-----------------------------------*/
/* footer
-----------------------------------*/
.footer {
background-color: #2E2E2E;
padding: 25px 0 0;
font-size: 18px;
color: #fff;
}
@media (min-width: 1200px) {
.footer {
padding: 50px 0 0;
}
}
.footer-logo {
margin-bottom: 40px;
}
.footer a {
color: #FFF;
}
.footer a:hover {
color: #fff;
text-decoration: underline;
}
.footer-phone {
color: #fff;
display: block;
gap: 10px;
margin-bottom: 20px;
}
@media (min-width: 992px) {
.footer-phone {
margin-bottom: 45px;
}
}
.footer-phone svg {
width: 23px;
height: 23px;
fill: #fff;
}
.footer-phone:hover {
color: #910F0F;
text-decoration: underline;
}
.footer-email {
margin-bottom: 20px;
}
@media (min-width: 992px) {
.footer-email {
margin-bottom: 40px;
}
}
.footer-email a {
color: #fff;
display: block;
}
.footer-block {
margin-bottom: 30px;
}
.footer-block-data {
display: none;
}
@media (min-width: 992px) {
.footer-block-data {
display: block;
}
}
.footer-block.show .footer-submenu::before {
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.footer-block.show .footer-block-data {
display: block;
}
.footer-title {
color: #fff;
font-size: 20px;
font-weight: 900;
margin-bottom: 30px;
position: relative;
}
@media (min-width: 1200px) {
.footer-title {
margin-bottom: 45px;
}
}
.footer-title::after {
content: "";
display: block;
width: 100%;
height: 1px;
background-color: #fff;
margin-top: 5px;
}
@media (min-width: 992px) {
.footer-title::after {
margin-top: 3px;
width: 37px;
}
}
.footer-submenu-btn {
position: relative;
}
.footer-submenu-btn::before {
content: "";
position: absolute;
top: 5px;
right: 30px;
width: 12px;
height: 12px;
border: 2px solid #fff;
border-top: none;
border-left: none;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
-o-transition: transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.show .footer-submenu-btn::before{
transform: rotate(-135deg);
}
@media (min-width: 992px) {
.footer-submenu-btn::before {
display: none;
}
}
.footer-menu {
padding: 0;
margin: 0;
list-style: none;
}
.footer-menu li {
-webkit-box-flex: 0;
-ms-flex: 0 0 49%;
flex: 0 0 49%;
}
.footer-menu a {
color: #fff;
display: block;
margin-bottom: 18px;
font-size: 16px;
text-transform: uppercase;
}
.footer-menu h4{
margin: 0;
}
.footer-contact__title {
font-size: 20px;
display: block;
margin-bottom: 10px;
font-weight: 600;
}
.footer-socials .social-link{
margin-bottom: 5px;
margin-right: 5px;
}
.footer-socials svg {
fill: #fff;
stroke: #fff;
width: 22px;
height: 22px;
}
.footer-socials a:hover svg {
fill: #910F0F;
stroke: #910F0F;
}
.footer-address {
position: relative;
padding: 3px 0 3px 35px;
margin-bottom: 40px;
}
.footer-address svg {
position: absolute;
width: 23px;
height: 23px;
fill: #fff;
left: 0;
top: 5px;
}
.footer-address span {
display: block;
margin-bottom: 3px;
}
.footer-address:hover span {
text-decoration: underline;
}
.footer-address:hover svg {
fill: #910F0F;
}
.footer-copy {
font-size: 15px;
color: #fff;
padding: 25px 0;
margin-top: 25px;
}
@media (min-width: 992px) {
.footer-copy {
border-top: 1px solid #626262;
}
}
.developer {
color: #fff;
display: block;
margin-top: 25px;
}
@media (min-width: 768px) {
.developer {
margin: 0;
}
}
/*
-----------------------------------*/
.cookie-container {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 998;
overflow: hidden;
}
@media (max-width: 767px) {
.cookie-container .container {
padding: 0;
}
}
.cookie {
background: #FFF;
padding: 27px 10px;
font-size: 20px;
}
@media (min-width: 768px) {
.cookie {
padding: 27px;
}
}
.cookie .btn {
height: 42px;
line-height: 40px;
font-size: 16px;
width: 48%;
}
@media (min-width: 1200px) {
.cookie .btn {
min-width: 230px;
font-size: 17px;
}
}
.cookie a {
line-height: 42px;
}
/*
-----------------------------------*/
.btn-up {
background: #000;
border: none;
position: fixed;
width: 52px;
height: 43px;
line-height: 1;
bottom: 25px;
right: 25px;
color: #fff;
text-align: center;
font-size: 0;
padding: 0;
opacity: 0;
z-index: 91;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.btn-up svg {
width: 100%;
height: 100%;
fill: none;
stroke: #fff;
}
.btn-up.active {
opacity: 1;
}
@media (max-width: 767px) {
.btn-up.active {
display: none;
}
}
.grecaptcha-badge{
opacity: 0;
}
.success-block__icon svg{
fill: #910F0F
}
/*
============================================*/
.social-buttons-wrapper{
position: fixed;
right: 25px;
bottom: 110px;
z-index: 10;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.social-buttons-wrapper .round-btn + .round-btn{
margin-top: 15px;
}
.round-btn {
width: 64px;
height: 64px;
border-radius: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.round-btn_viber-btn {
background-color: #fff;
-webkit-animation: social-anim 2s infinite;
animation: social-anim 2s infinite;
}
.round-btn_wtsp-btn {
background-color: #fff;
-webkit-animation: social-anim 2s infinite;
animation: social-anim 2s infinite;
}
.round-btn_telegram-btn {
background-color: #fff;
-webkit-animation: social-anim 2s infinite;
animation: social-anim 2s infinite;
}
/*
====================================*/
@-webkit-keyframes social-anim {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, .6);
box-shadow: 0 0 0 0 rgba(0, 0, 0, .6);
}
70% {
-webkit-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}
}
@keyframes social-anim {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, .6);
box-shadow: 0 0 0 0 rgba(0, 0, 0, .6);
}
70% {
-webkit-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}
}
/*
=======================================*/
.overlayp{
display: none;
}
.overlayp.active {
margin-right: 0;
display: block;
}
.overlayp {
position: fixed;
z-index: 9999999999;
right: 0;
bottom: 10px;
margin-right: -300px;
transition: margin-left 1s ease-in;
-moz-transition: margin-left 1s ease-in;
-webkit-transition: margin-left 1s ease-in;
}
.panel_viber {
position: fixed;
background: url(../images/viber_bg.png) center left;
width: 240px;
height: 340px;
color: #fff;
background-size: cover;
}
.panel_wtsp {
position: fixed;
background: url(../images/wtsp_bg.png) center left;
width: 240px;
height: 340px;
color: #fff;
background-size: cover;
}
.panel_telegram {
position: fixed;
background: url(../images/telegram_bg.png) center left;
width: 240px;
height: 340px;
color: #fff;
background-size: cover;
}
.close_panel {
position: absolute;
background: url(../images/close_arrow.png) no-repeat;
width: 9px;
height: 18px;
left: 20px;
top: 153px;
z-index: 8;
padding-left: 20px;
cursor: pointer;
}
.panel_info {
position: absolute;
top: 50px;
right: 25px;
height: 180px;
width: 180px;
text-align: right;
line-height: 1.2;
font-size: 12px;
}
.panel_info img {
width: 40px;
}
.panel_info-title {
color: #ffffff;
font-size: 18px;
margin-bottom: 10px;
line-height: 29px;
}
.panel_info a {
margin-bottom: 10px;
font-size: 18px;
line-height: 22px;
font-weight: normal;
color: #ffffff;
margin: 0;
padding: 0;
font-size: 18px;
text-decoration: none;
}