@charset "UTF-8";
html {
box-sizing: border-box;
}
*,
*::before,
*::after {
box-sizing: inherit;
}
a {
text-decoration: none;
color: currentColor;
}
address {
font-style: normal;
}
@keyframes slide-down {
0% {
transform: translateY(-100%);
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
-moz-transform: translateY(-100%);
/* -webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); */
}
100% {
transform: translateY(0);
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
-moz-transform: translateY(0);
/* -webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); */
}
}
@-webkit-keyframes slide-down {
0% {
/* -webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); */
transform: translateY(-100%);
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
-moz-transform: translateY(-100%);
}
100% {
/* -webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); */
transform: translateY(0);
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
-moz-transform: translateY(0);
}
}
.container-new {
margin: 0 auto;
padding: 0 15px;
max-width: 1110px;
}
.container-new h1, .container-new h2, .container-new h3, .container-new h4, .container-new h5, .container-new h6 {
margin: 0;
}
.wrapper {
position: relative;
overflow-x: hidden;
padding-top: 80px;
}
.main-title {
font-family: "Roboto", "Open Sans", sans-serif;
font-size: 42px;
font-weight: bold;
line-height: 1.4;
color: #121212 !important;
}
@media only screen and (max-width: 799px) {
.main-title {
font-size: 24px;
}
}
.text-error {
display: none;
color: #ce3000;
font-weight: bold;
margin-bottom: 10px;
}
.required.has-error .text-error {
display: block;
}
.sr-only, .langs__input {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
border: 0;
clip: rect(0 0 0 0);
}
.lock, .lock .wrapper, .lock .wrapper::after {
position: fixed;
overflow: hidden;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
}
.lock .wrapper::after {
content: '';
background-color: rgba(0, 0, 0, 0.2);
z-index: 998;
}
.materials {
list-style: none;
margin: 0;
padding: 0;
}
.grid {
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 0;
list-style: none;
}
.grid__item {
flex-grow: 1;
}
.grid--3 {
margin-right: -40px;
margin-bottom: -40px;
}
@media only screen and (max-width: 799px) {
.grid--3 {
justify-content: center;
}
}
.grid--3 .grid__item {
min-width: 300px;
flex: 1 0;
max-width: calc((100% / 3) - 40px);
margin-bottom: 40px;
margin-right: 40px;
}
@media only screen and (max-width: 1023px) {
.grid--3 .grid__item {
max-width: -webkit-fit-content;
max-width: -moz-fit-content;
max-width: fit-content;
}
}
.grid--2 {
margin-right: -40px;
margin-bottom: -40px;
}
@media only screen and (max-width: 799px) {
.grid--2 {
justify-content: center;
}
}
.grid--2 .grid__item {
min-width: 290px;
flex: 1 0;
max-width: calc((100% / 2) - 40px);
margin-bottom: 40px;
margin-right: 40px;
}
@media only screen and (max-width: 799px) {
.grid--2 .grid__item {
flex: 1;
max-width: -webkit-fit-content;
max-width: -moz-fit-content;
max-width: fit-content;
}
}
.main-header {
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
z-index: 999;
font-family: 'Montserrat', 'Open Sans', sans-serif;
letter-spacing: 0.03em;
background-color: #101010;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
transition: transform 0.3s ease-in-out;
}
.main-header .container-new {
max-width: -webkit-fit-content;
max-width: -moz-fit-content;
max-width: fit-content;
}
@media only screen and (max-width: 1279px) {
.main-header .container-new {
max-width: 1110px;
}
}
.main-header__logo {
display: block;
margin-right: 30px;
}
@media only screen and (max-width: 1279px) {
.main-header__logo {
margin-right: auto;
}
}
.main-header__logo img {
min-width: 51px;
width: 51px;
height: 32px;
-o-object-fit: contain;
object-fit: contain;
}
@media only screen and (max-width: 560px) {
.main-header__logo img {
margin-right: 15px;
}
}
.main-header a {
text-decoration: none;
}
.main-header button, .main-header input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
outline: 0;
}
.main-header.fixed {
position: fixed;
-webkit-animation: slide-down 1s;
animation: slide-down 1s ;
}
@media only screen and (max-height: 540px) {
.main-header__menu {
height: calc(100vh - 80px);
overflow-y: auto;
}
}
.langs {
margin: 0;
padding: 0;
list-style: none;
display: flex;
}
.langs__name {
padding: 9px;
font-size: 13px;
font-weight: 400;
color: #fff;
transition: color 0.3s ease-in-out;
cursor: pointer;
text-transform: capitalize;
}
@media (hover: hover) and (pointer: fine) {
.langs__name:hover {
color: #1D9F49;
}
}
.langs__name.active {
color: rgba(255, 255, 255, 0.5);
cursor: default;
}
@media (hover: hover) and (pointer: fine) {
.langs__name.active:hover {
color: rgba(255, 255, 255, 0.5);
}
}
.social-tg {
display: inline-block;
min-width: 30px;
height: 30px;
border-radius: 50%;
background-repeat: no-repeat;
background-color: #fff;
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.96266 2.17778e-05C5.8474 0.00989307 3.82215 0.857103 2.32993 2.35632C0.837704 3.85554 -2.30327e-05 5.88473 4.74756e-10 8.00001C4.74759e-10 10.1217 0.842853 12.1566 2.34314 13.6569C3.84343 15.1571 5.87826 16 7.99999 16C10.1217 16 12.1565 15.1571 13.6568 13.6569C15.1571 12.1566 16 10.1217 16 8.00001C16 5.87828 15.1571 3.84345 13.6568 2.34316C12.1565 0.842875 10.1217 2.17778e-05 7.99999 2.17778e-05C7.98754 -7.25926e-06 7.9751 -7.25926e-06 7.96266 2.17778e-05ZM11.2707 4.81602C11.3373 4.81468 11.4847 4.83135 11.5807 4.90935C11.6444 4.96475 11.6851 5.04207 11.6946 5.12602C11.7053 5.18801 11.7187 5.33001 11.708 5.44068C11.588 6.70601 11.0667 9.77534 10.8013 11.192C10.6893 11.792 10.4687 11.9927 10.2547 12.012C9.79065 12.0553 9.43799 11.7053 8.98799 11.4107C8.28399 10.9487 7.88599 10.6613 7.20266 10.2107C6.41266 9.69068 6.92466 9.40401 7.37466 8.93734C7.49266 8.81468 9.53932 6.95268 9.57932 6.78401C9.58399 6.76268 9.58865 6.68401 9.54199 6.64268C9.49532 6.60135 9.42599 6.61535 9.37599 6.62668C9.30532 6.64268 8.18066 7.38668 6.00199 8.85668C5.68199 9.07668 5.39333 9.18334 5.13399 9.17668C4.84866 9.17134 4.29933 9.01601 3.89066 8.88334C3.38933 8.72001 2.99133 8.63401 3.026 8.35734C3.044 8.21334 3.24266 8.06601 3.62133 7.91534C5.95333 6.89935 7.50799 6.22935 8.28666 5.90601C10.508 4.98202 10.97 4.82135 11.2707 4.81602Z' fill='%231683E8'/%3E%3C/svg%3E%0A");
background-position: center;
background-size: 24px;
transition: all 0.2s ease-in-out;
}
@media (hover: hover) and (pointer: fine) {
.social-tg:hover {
background-color: rgba(255, 255, 255, 0.8);
}
}
.main-nav {
position: relative;
min-height: 80px;
display: flex;
justify-content: space-between;
align-items: center;
}
@media only screen and (max-width: 1279px) {
.main-nav {
justify-content: flex-end;
}
}
.main-nav__menu {
margin: 0;
padding: 0;
list-style: none;
display: flex;
}
@media only screen and (max-width: 1279px) {
.main-nav__menu {
display: none;
}
}
.main-nav__item {
margin-right: 30px;
}
.main-nav__link {
position: relative;
padding: 32px 0;
color: #fff;
font-weight: 600;
font-size: 13px;
line-height: 1.2;
text-transform: uppercase;
white-space: nowrap;
}
.main-nav__link::after {
content: '';
position: absolute;
display: block;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 7px;
background-color: rgba(255, 255, 255, 0);
transition: all 0.3s ease-in-out;
}
@media (hover: hover) and (pointer: fine) {
.main-nav__link:hover::after {
background-color: #fff;
}
.main-nav__link:hover ~ .dropdown {
opacity: 1;
visibility: visible;
z-index: 999;
}
}
.main-nav__cart {
margin-right: 16px;
}
.main-nav__tg {
margin-right: 10px;
}
@media only screen and (max-width: 560px) {
.main-nav__tg {
display: none;
}
}
@media only screen and (max-width: 1279px) {
.main-nav__langs {
display: none;
}
}
.main-nav__search {
display: block !important;
}
@media only screen and (max-width: 1279px) {
.main-nav__search {
margin-right: 15px;
}
}
body .dropdown {
position: absolute;
padding: 40px;
top: 100%;
left: 0;
width: 100%;
opacity: 0;
visibility: hidden;
background-color: #fff;
transition: all 0.3s ease-in-out;
box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2);
z-index: -1;
}
@media (hover: hover) and (pointer: fine) {
.dropdown:hover {
opacity: 1;
visibility: visible;
z-index: 999;
}
}
.dropdown__list {
margin: 0;
padding: 0;
list-style: none;
-moz-column-count: 4;
column-count: 4;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.dropdown__link {
color: #000;
font-size: 16px;
font-weight: 600;
line-height: 2.2;
white-space: nowrap;
transition: color 0.3s ease-in-out;
}
@media (hover: hover) and (pointer: fine) {
.dropdown__link:hover {
color: #1D9F49;
}
}
.search-bar {
display: flex;
position: relative;
}
.search-bar__label {
display: block;
}
.search-bar__input {
min-width: 280px;
border-radius: 30px;
background-color: #fff;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%234E4C4C' height='18' viewBox='0 0 24 24' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath clip-rule='evenodd' d='M10 2a8 8 0 104.906 14.32l5.387 5.387a1 1 0 001.414-1.414l-5.387-5.387A8 8 0 0010 2zm-6 8a6 6 0 1112 0 6 6 0 01-12 0z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: 10px;
background-color: #fff;
border: none;
padding: 9px 80px 8px 34px;
font-size: 14px;
line-height: 1.2;
transition: box-shadow 0.25s ease-in-out;
}
@media only screen and (max-width: 560px) {
.search-bar__input {
min-width: 130px;
max-width: 280px;
width: 100%;
font-size: 16px;
padding-right: 35px;
padding-left: 12px;
background-image: none;
}
}
.search-bar__input::-webkit-input-placeholder {
font-size: 14px;
color: rgba(0, 0, 0, 0.3);
}
.search-bar__input::-moz-placeholder {
font-size: 14px;
color: rgba(0, 0, 0, 0.3);
}
.search-bar__input:-ms-input-placeholder {
font-size: 14px;
color: rgba(0, 0, 0, 0.3);
}
.search-bar__input::-ms-input-placeholder {
font-size: 14px;
color: rgba(0, 0, 0, 0.3);
}
.search-bar__input::placeholder {
font-size: 14px;
color: rgba(0, 0, 0, 0.3);
}
.search-bar__input::-webkit-search-cancel-button {
-webkit-appearance: none;
appearance: none;
}
.search-bar__input:focus {
box-shadow: 0 0 0 3px #1D9F49;
}
.search-bar__btn {
position: absolute;
right: 4px;
top: 3px;
padding: 8px 18px;
background-color: #1D9F49;
border: none;
font-size: 10px;
font-weight: 600;
text-transform: uppercase;
color: #fff;
letter-spacing: 0.03em;
border-radius: 30px;
cursor: pointer;
transition: background-color 0.3s ease-in-out, box-shadow 0.2s linear;
}
@media only screen and (max-width: 560px) {
.search-bar__btn {
height: 28px;
min-width: 28px;
width: 28px;
padding: 0;
background-position: center;
background-repeat: no-repeat;
background-size: 16px;
border-radius: 50%;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%23fff' d='M14.805 13.862l-3.929-3.929a5.346 5.346 0 10-.943.943l3.929 3.929.943-.943zm-8.138-3.195a4 4 0 110-8.001 4 4 0 010 8z'/%3E%3C/svg%3E");
}
.search-bar__btn span {
display: none;
}
}
.search-bar__btn:focus {
box-shadow: inset 0 0 0 50px rgba(0, 0, 0, 0.1);
}
@media (hover: hover) and (pointer: fine) {
.search-bar__btn:hover {
background-color: rgba(29, 159, 73, 0.7);
}
}
.search-bar__btn:active {
box-shadow: inset 2px 2px 1px 0 rgba(0, 0, 0, 0.5);
background-color: #1d9f49;
}
.cart__btn {
position: relative;
border-radius: 4px;
background-color: rgba(255, 255, 255, 0);
min-width: 35px;
height: 35px;
padding: 10px;
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='inherit' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.57867 20.7567C7.26639 20.7567 6.96113 20.8518 6.70149 21.0301C6.44184 21.2082 6.23947 21.4614 6.11996 21.7577C6.00046 22.0542 5.9692 22.3802 6.03012 22.6948C6.09104 23.0092 6.24141 23.2983 6.46223 23.525C6.68303 23.7518 6.96437 23.9062 7.27065 23.9689C7.57691 24.0314 7.89438 23.9993 8.18288 23.8766C8.47139 23.7538 8.71798 23.5459 8.89147 23.2793C9.06496 23.0126 9.15756 22.6991 9.15756 22.3784C9.15756 21.9483 8.99121 21.5358 8.69511 21.2317C8.39901 20.9276 7.99741 20.7567 7.57867 20.7567ZM21.4729 20.7567C21.1607 20.7567 20.8554 20.8518 20.5957 21.0301C20.3361 21.2082 20.1337 21.4614 20.0141 21.7577C19.8946 22.0542 19.8634 22.3802 19.9243 22.6948C19.9853 23.0092 20.1356 23.2983 20.3564 23.525C20.5772 23.7518 20.8586 23.9062 21.1648 23.9689C21.4711 24.0314 21.7885 23.9993 22.0772 23.8766C22.3657 23.7538 22.6122 23.5459 22.7856 23.2793C22.9592 23.0126 23.0518 22.6991 23.0518 22.3784C23.0518 21.9483 22.8854 21.5358 22.5894 21.2317C22.2933 20.9276 21.8916 20.7567 21.4729 20.7567ZM21.4729 19.4571V17.5112L8.67896 17.499L8.13785 15.265L24 12.1468L23.9991 2.59459H5.0695L4.44123 0H0V1.94594H2.95998L7.19746 19.4436L21.4729 19.4571ZM5.54076 4.54054H22.1044V10.5379L7.67972 13.3738L5.54076 4.54054Z' fill='white'/%3E%3C/svg%3E%0A");
background-size: 24px;
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
transition: background-color 0.3s ease-in-out;
}
@media (hover: hover) and (pointer: fine) {
.cart__btn:hover {
background-color: rgba(255, 255, 255, 0.3);
}
}
.cart__btn.active {
background-color: rgba(255, 255, 255, 0.3);
}
.cart__counter {
position: absolute;
right: -7px;
top: -7px;
border-radius: 11px;
color: #fff;
display: flex;
align-items: center;
text-align: center;
font-weight: 600;
font-size: 12px;
padding: 4px 8px;
background-color: #1D9F49;
}
.cart__box {
position: absolute;
top: 100%;
right: 0;
max-width: 360px;
width: 100%;
background-color: #fff;
border-radius: 0 0 10px 10px;
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25);
z-index: -1;
opacity: 0;
visibility: hidden;
}
.cart__box.opened {
opacity: 1;
visibility: visible;
z-index: 9999;
}
@media only screen and (max-height: 540px) {
.cart__box {
height: calc(100vh - 80px);
}
}
.cart__top {
display: flex;
justify-content: space-between;
align-items: center;
padding: 15px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.cart__name {
color: #121212 !important;
font-size: 24px;
font-weight: 600;
}
.cart__close {
padding: 8px;
background-color: #fff;
border-radius: 4px;
font-size: 0;
line-height: 1;
cursor: pointer;
transition: background-color 0.3s ease-in-out;
}
.cart__close svg {
width: 20px;
height: 20px;
fill: #000;
}
@media (hover: hover) and (pointer: fine) {
.cart__close:hover {
background-color: rgba(0, 0, 0, 0.1);
}
}
.cart__bottom {
display: flex;
justify-content: center;
padding: 15px;
}
.cart__total {
display: flex;
align-items: center;
padding: 6px;
padding-left: 20px;
background-color: #E4F3E9;
border-radius: 10px;
}
@media only screen and (max-width: 560px) {
.cart__total {
width: 100%;
padding-left: 10px;
justify-content: space-between;
}
}
.cart__sum {
margin-right: 20px;
font-size: 20px;
font-weight: 600;
color: #1D9F49;
white-space: nowrap;
}
@media only screen and (max-width: 560px) {
.cart__sum {
margin: auto;
font-size: 16px;
}
}
.cart__checkout {
border-radius: 4px;
padding: 12px 20px;
background-color: #1D9F49;
color: #fff;
font-size: 14px;
text-align: center;
display: inline-block;
transition: background-color 0.3s ease-in-out;
}
@media only screen and (max-width: 560px) {
.cart__checkout {
padding: 10px;
}
}
@media (hover: hover) and (pointer: fine) {
.cart__checkout:hover {
background-color: rgba(29, 159, 73, 0.7);
color: #ffffff;
}
}
.cart-box {
background-color: #fff;
color: #121212 !important;
}
.cart-box * {
color: #121212 !important;
}
.cart-box__list {
margin: 0;
padding: 0;
list-style: none;
max-height: 60vh;
overflow-y: auto;
}
@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
.cart-box__list {
max-height: 50vh;
}
}
@media only screen and (max-height: 540px) {
.cart-box__list {
height: calc(100vh - 230px);
max-height: 50vh;
}
}
.cart-box__item {
padding: 15px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.cart-box__body {
display: flex;
margin-bottom: 5px;
}
.cart-box__img {
width: 100px;
height: 100px;
display: flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
margin-right: 15px;
}
.cart-box__img img {
max-width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
.cart-box__total {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.cart-box__title {
flex-grow: 1;
flex-basis: 100%;
padding-top: 5px;
margin-bottom: 10px;
font-size: 14px;
color: #000 !important;
transition: opacity 0.3s ease-in-out;
}
.cart-box__title:hover {
text-decoration: none !important;
opacity: 0.7;
}
@media (hover: hover) and (pointer: fine) {
.cart-box__title:hover {
color: #1D9F49;
text-decoration: underline;
}
}
.cart-box__quantity {
background-color: rgba(0, 0, 0, 0.1);
border-radius: 4px;
padding: 8px 12px;
margin-bottom: 5px;
font-size: 16px;
font-weight: 600;
}
.cart-box__sum {
font-size: 18px;
font-weight: 600;
margin-bottom: 5px;
white-space: nowrap;
}
.burger {
position: relative;
border-radius: 4px;
background-color: rgba(255, 255, 255, 0);
min-width: 35px;
width: 35px;
height: 35px;
padding: 9px;
cursor: pointer;
transition: background-color 0.3s ease-in-out;
}
@media (hover: hover) and (pointer: fine) {
.burger:hover {
background-color: rgba(255, 255, 255, 0.3);
}
}
.burger.active {
background-color: rgba(255, 255, 255, 0.3);
}
.burger__line {
display: block;
position: absolute;
height: 2px;
width: 21px;
background-color: #fff;
opacity: 1;
left: 7px;
transform: rotate(0deg);
transition: all 0.25s ease-in-out;
top: 7px;
transform-origin: left center;
}
.burger__line::before, .burger__line::after {
content: '';
display: block;
position: absolute;
height: 2px;
width: 21px;
background-color: #fff;
opacity: 1;
left: 0;
transform: rotate(0deg);
transition: all 0.25s ease-in-out;
transform-origin: left center;
}
.burger__line::before {
top: 8px;
transform-origin: left center;
}
.burger__line::after {
top: 16px;
transform-origin: left center;
}
.burger.active .burger__line {
transform: rotate(45deg);
top: 9px;
left: 10px;
}
.burger.active .burger__line::before {
width: 0%;
opacity: 0;
}
.burger.active .burger__line::after {
transform: rotate(-90deg);
top: 10px;
left: 10px;
}
.menu {
position: absolute;
top: 100%;
left: calc((100% - 100vw) / 2);
max-height: calc(100vh - 80px);
overflow-y: auto;
opacity: 0;
visibility: hidden;
width: 100vw;
background-color: #101010;
color: #fff;
transition: all 0.3s ease-in-out;
z-index: -1;
}
@media only screen and (min-width: 1280px) {
.menu {
scrollbar-width: thin;
scrollbar-color: rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.05);
}
.menu::-webkit-scrollbar {
height: 5px;
width: 5px;
}
.menu::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, 0.3);
border-radius: 5px;
}
.menu::-webkit-scrollbar-track {
background-color: rgba(0, 0, 0, 0.05);
border-radius: 5px;
}
.menu::-webkit-scrollbar-thumb:hover {
background-color: rgba(0, 0, 0, 0.5);
}
}
@media only screen and (max-width: 1279px) {
.menu {
display: none;
}
}
@media only screen and (min-width: 1280px) {
.menu.opened {
opacity: 1;
visibility: visible;
z-index: 9999;
}
}
.menu ul {
padding: 0;
list-style: none;
}
.menu__wrapper {
padding: 40px 0 60px;
}
.menu__head {
font-size: 36px;
font-weight: 600;
letter-spacing: 0.03em;
margin-bottom: 40px;
text-transform: uppercase;
}
.menu__inner {
display: flex;
}
.menu__left {
padding-right: 4%;
border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.menu__box:not(:last-child) {
margin-bottom: 40px;
}
.menu__title {
font-size: 18px;
font-weight: 600;
color: #1D9F49;
margin-bottom: 15px;
text-transform: uppercase;
}
.menu__list {
margin: 0;
-moz-column-count: 3;
column-count: 3;
}
.menu__link {
font-size: 16px;
font-weight: 600;
line-height: 2.2;
color: #fff;
transition: color 0.3s ease-in-out;
}
@media (hover: hover) and (pointer: fine) {
.menu__link:hover {
color: rgba(255, 255, 255, 0.7);
}
}
.menu__short {
overflow: hidden;
display: flex;
border-radius: 10px;
margin: 0;
padding: 0;
}
.menu__short a {
display: inline-block;
white-space: nowrap;
padding: 20px 40px;
font-size: 16px;
font-weight: 600;
line-height: 2.2;
color: #fff;
background-color: #1D9F49;
transition: background-color 0.3s ease-in-out;
}
@media (hover: hover) and (pointer: fine) {
.menu__short a:hover {
background-color: rgba(29, 159, 73, 0.7);
}
}
.menu__short li:not(:last-child) a {
border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.menu__right {
padding-left: 5%;
-moz-column-count: 2;
column-count: 2;
-moz-column-gap: 60px;
column-gap: 60px;
}
.menu__secondary {
margin: 0;
}
.menu__secondary li {
margin-bottom: 20px;
}
.menu__secondary a {
white-space: nowrap;
letter-spacing: 0.03em;
font-weight: 600;
font-size: 13px;
color: #fff;
text-transform: uppercase;
transition: color 0.3s ease-in-out;
}
@media (hover: hover) and (pointer: fine) {
.menu__secondary a:hover {
color: rgba(255, 255, 255, 0.7);
}
}
.menu__extra {
margin: 0;
}
.menu__extra li {
margin-bottom: 20px;
}
.menu__extra a {
letter-spacing: 0.03em;
font-weight: 600;
font-size: 13px;
color: #fff;
text-transform: uppercase;
transition: color 0.3s ease-in-out;
}
@media (hover: hover) and (pointer: fine) {
.menu__extra a:hover {
color: rgba(255, 255, 255, 0.7);
}
}
.phones {
margin: 0;
padding: 0;
list-style: none;
}
.phones li {
margin-bottom: 15px;
}
.phones a {
font-size: 14px;
color: #fff;
text-decoration: underline;
transition: color 0.3s ease-in-out;
}
@media (hover: hover) and (pointer: fine) {
.phones a:hover {
color: rgba(255, 255, 255, 0.7);
}
}
.social {
margin: 0;
padding: 0;
list-style: none;
}
.social li:not(:last-child) {
margin-bottom: 15px;
}
.social a {
display: flex;
align-items: center;
font-size: 14px;
color: #fff;
transition: color 0.3s ease-in-out;
vertical-align: middle;
}
.social a::before {
content: '';
display: inline-block;
width: 16px;
height: 16px;
margin-right: 6px;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
@media (hover: hover) and (pointer: fine) {
.social a:hover {
color: rgba(255, 255, 255, 0.7);
}
}
.social__insta::before {
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 0C5.82667 0 5.55533 0.01 4.702 0.048C3.85 0.088 3.27 0.222 2.76 0.42C2.234 0.624 1.78733 0.898 1.34267 1.34267C0.898 1.78733 0.623333 2.23333 0.42 2.76C0.222 3.27 0.0873333 3.85 0.048 4.702C0.008 5.55533 0 5.82667 0 8C0 10.1733 0.01 10.4447 0.048 11.298C0.088 12.1493 0.222 12.73 0.42 13.24C0.624 13.7653 0.898 14.2127 1.34267 14.6573C1.78733 15.1013 2.23333 15.3767 2.76 15.58C3.27067 15.7773 3.85067 15.9127 4.702 15.952C5.55533 15.992 5.82667 16 8 16C10.1733 16 10.4447 15.99 11.298 15.952C12.1493 15.912 12.73 15.7773 13.24 15.58C13.7653 15.376 14.2127 15.1013 14.6573 14.6573C15.1013 14.2127 15.3767 13.7673 15.58 13.24C15.7773 12.73 15.9127 12.1493 15.952 11.298C15.992 10.4447 16 10.1733 16 8C16 5.82667 15.99 5.55533 15.952 4.702C15.912 3.85067 15.7773 3.26933 15.58 2.76C15.376 2.234 15.1013 1.78733 14.6573 1.34267C14.2127 0.898 13.7673 0.623333 13.24 0.42C12.73 0.222 12.1493 0.0873333 11.298 0.048C10.4447 0.008 10.1733 0 8 0ZM8 1.44C10.1353 1.44 10.39 1.45067 11.2333 1.48733C12.0133 1.524 12.4367 1.65333 12.718 1.764C13.0927 1.90867 13.358 2.082 13.6393 2.36133C13.9187 2.64133 14.092 2.90733 14.2367 3.282C14.346 3.56333 14.4767 3.98667 14.512 4.76667C14.55 5.61067 14.5587 5.864 14.5587 8C14.5587 10.136 14.5487 10.39 14.5093 11.2333C14.4687 12.0133 14.3387 12.4367 14.2287 12.718C14.0793 13.0927 13.9093 13.358 13.6293 13.6393C13.35 13.9187 13.08 14.092 12.7093 14.2367C12.4293 14.346 11.9993 14.4767 11.2193 14.512C10.37 14.55 10.12 14.5587 7.98 14.5587C5.83933 14.5587 5.58933 14.5487 4.74067 14.5093C3.96 14.4687 3.53 14.3387 3.25 14.2287C2.87067 14.0793 2.61 13.9093 2.33067 13.6293C2.05 13.35 1.87067 13.08 1.73067 12.7093C1.62067 12.4293 1.49133 11.9993 1.45067 11.2193C1.42067 10.3793 1.41 10.12 1.41 7.99C1.41 5.85933 1.42067 5.59933 1.45067 4.74933C1.49133 3.96933 1.62067 3.54 1.73067 3.26C1.87067 2.88 2.05 2.62 2.33067 2.33933C2.61 2.06 2.87067 1.88 3.25 1.74067C3.53 1.63 3.95067 1.5 4.73067 1.46C5.58067 1.43 5.83067 1.42 7.97 1.42L8 1.44ZM8 3.892C5.73 3.892 3.892 5.732 3.892 8C3.892 10.27 5.732 12.108 8 12.108C10.27 12.108 12.108 10.268 12.108 8C12.108 5.73 10.268 3.892 8 3.892ZM8 10.6667C6.52667 10.6667 5.33333 9.47333 5.33333 8C5.33333 6.52667 6.52667 5.33333 8 5.33333C9.47333 5.33333 10.6667 6.52667 10.6667 8C10.6667 9.47333 9.47333 10.6667 8 10.6667ZM13.2307 3.73C13.2307 4.26 12.8 4.69 12.2707 4.69C11.7407 4.69 11.3107 4.25933 11.3107 3.73C11.3107 3.20067 11.7413 2.77067 12.2707 2.77067C12.7993 2.77 13.2307 3.20067 13.2307 3.73Z' fill='%23F5F5F5'/%3E%3C/svg%3E%0A");
}
.social__tg::before {
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.96266 2.17778e-05C5.8474 0.00989307 3.82215 0.857103 2.32993 2.35632C0.837704 3.85554 -2.30327e-05 5.88473 4.74756e-10 8.00001C4.74759e-10 10.1217 0.842853 12.1566 2.34314 13.6569C3.84343 15.1571 5.87826 16 7.99999 16C10.1217 16 12.1565 15.1571 13.6568 13.6569C15.1571 12.1566 16 10.1217 16 8.00001C16 5.87828 15.1571 3.84345 13.6568 2.34316C12.1565 0.842875 10.1217 2.17778e-05 7.99999 2.17778e-05C7.98754 -7.25926e-06 7.9751 -7.25926e-06 7.96266 2.17778e-05ZM11.2707 4.81602C11.3373 4.81468 11.4847 4.83135 11.5807 4.90935C11.6444 4.96475 11.6851 5.04207 11.6946 5.12602C11.7053 5.18801 11.7187 5.33001 11.708 5.44068C11.588 6.70601 11.0667 9.77534 10.8013 11.192C10.6893 11.792 10.4687 11.9927 10.2547 12.012C9.79065 12.0553 9.43799 11.7053 8.98799 11.4107C8.28399 10.9487 7.88599 10.6613 7.20266 10.2107C6.41266 9.69068 6.92466 9.40401 7.37466 8.93734C7.49266 8.81468 9.53932 6.95268 9.57932 6.78401C9.58399 6.76268 9.58865 6.68401 9.54199 6.64268C9.49532 6.60135 9.42599 6.61535 9.37599 6.62668C9.30532 6.64268 8.18066 7.38668 6.00199 8.85668C5.68199 9.07668 5.39333 9.18334 5.13399 9.17668C4.84866 9.17134 4.29933 9.01601 3.89066 8.88334C3.38933 8.72001 2.99133 8.63401 3.026 8.35734C3.044 8.21334 3.24266 8.06601 3.62133 7.91534C5.95333 6.89935 7.50799 6.22935 8.28666 5.90601C10.508 4.98202 10.97 4.82135 11.2707 4.81602Z' fill='%231683E8'/%3E%3C/svg%3E%0A");
}
.mob-menu {
position: absolute;
overflow: hidden;
top: 100%;
right: 0;
opacity: 0;
visibility: hidden;
width: 100%;
max-width: 300px;
height: calc(100vh - 80px);
overflow-y: auto;
background-color: #fff;
color: #101010;
transition: all 0.3s ease-in-out;
z-index: -1;
}
@media only screen and (min-width: 1280px) {
.mob-menu {
display: none;
}
}
@media only screen and (max-width: 1279px) {
.mob-menu.opened {
opacity: 1;
visibility: visible;
z-index: 9999;
}
}
.mob-menu ul {
list-style: none;
margin: 0;
padding: 0;
}
.mob-menu__inner {
padding: 15px;
}
.mob-menu__box {
position: relative;
margin-bottom: 32px;
}
.mob-menu__box:not(:last-child)::before {
content: '';
position: absolute;
bottom: -16px;
left: -15px;
right: -15px;
max-width: 480px;
height: 1px;
background-color: rgba(0, 0, 0, 0.1);
}
.mob-menu__main li:not(:last-child) {
margin-bottom: 4px;
}
.mob-menu__main li:nth-child(1) a, .mob-menu__main li:nth-child(2) a {
font-weight: 600;
}
.mob-menu__main a {
display: inline-block;
width: 100%;
padding: 13px 8px;
background-color: #F4F4F4;
font-weight: normal;
border-radius: 4px;
}
.mob-menu__phones li {
margin-bottom: 5px;
}
.mob-menu__phones a {
display: inline-block;
padding: 5px 0;
color: #000;
}
.mob-menu__social li:not(:last-child) {
margin-bottom: 5px;
}
.mob-menu__social a {
display: inline-block;
padding: 5px 0;
color: #000;
}
.mob-menu__social a::before {
vertical-align: middle;
}
.mob-menu__social .social__insta::before {
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 0C5.82667 0 5.55533 0.01 4.702 0.048C3.85 0.088 3.27 0.222 2.76 0.42C2.234 0.624 1.78733 0.898 1.34267 1.34267C0.898 1.78733 0.623333 2.23333 0.42 2.76C0.222 3.27 0.0873333 3.85 0.048 4.702C0.008 5.55533 0 5.82667 0 8C0 10.1733 0.01 10.4447 0.048 11.298C0.088 12.1493 0.222 12.73 0.42 13.24C0.624 13.7653 0.898 14.2127 1.34267 14.6573C1.78733 15.1013 2.23333 15.3767 2.76 15.58C3.27067 15.7773 3.85067 15.9127 4.702 15.952C5.55533 15.992 5.82667 16 8 16C10.1733 16 10.4447 15.99 11.298 15.952C12.1493 15.912 12.73 15.7773 13.24 15.58C13.7653 15.376 14.2127 15.1013 14.6573 14.6573C15.1013 14.2127 15.3767 13.7673 15.58 13.24C15.7773 12.73 15.9127 12.1493 15.952 11.298C15.992 10.4447 16 10.1733 16 8C16 5.82667 15.99 5.55533 15.952 4.702C15.912 3.85067 15.7773 3.26933 15.58 2.76C15.376 2.234 15.1013 1.78733 14.6573 1.34267C14.2127 0.898 13.7673 0.623333 13.24 0.42C12.73 0.222 12.1493 0.0873333 11.298 0.048C10.4447 0.008 10.1733 0 8 0ZM8 1.44C10.1353 1.44 10.39 1.45067 11.2333 1.48733C12.0133 1.524 12.4367 1.65333 12.718 1.764C13.0927 1.90867 13.358 2.082 13.6393 2.36133C13.9187 2.64133 14.092 2.90733 14.2367 3.282C14.346 3.56333 14.4767 3.98667 14.512 4.76667C14.55 5.61067 14.5587 5.864 14.5587 8C14.5587 10.136 14.5487 10.39 14.5093 11.2333C14.4687 12.0133 14.3387 12.4367 14.2287 12.718C14.0793 13.0927 13.9093 13.358 13.6293 13.6393C13.35 13.9187 13.08 14.092 12.7093 14.2367C12.4293 14.346 11.9993 14.4767 11.2193 14.512C10.37 14.55 10.12 14.5587 7.98 14.5587C5.83933 14.5587 5.58933 14.5487 4.74067 14.5093C3.96 14.4687 3.53 14.3387 3.25 14.2287C2.87067 14.0793 2.61 13.9093 2.33067 13.6293C2.05 13.35 1.87067 13.08 1.73067 12.7093C1.62067 12.4293 1.49133 11.9993 1.45067 11.2193C1.42067 10.3793 1.41 10.12 1.41 7.99C1.41 5.85933 1.42067 5.59933 1.45067 4.74933C1.49133 3.96933 1.62067 3.54 1.73067 3.26C1.87067 2.88 2.05 2.62 2.33067 2.33933C2.61 2.06 2.87067 1.88 3.25 1.74067C3.53 1.63 3.95067 1.5 4.73067 1.46C5.58067 1.43 5.83067 1.42 7.97 1.42L8 1.44ZM8 3.892C5.73 3.892 3.892 5.732 3.892 8C3.892 10.27 5.732 12.108 8 12.108C10.27 12.108 12.108 10.268 12.108 8C12.108 5.73 10.268 3.892 8 3.892ZM8 10.6667C6.52667 10.6667 5.33333 9.47333 5.33333 8C5.33333 6.52667 6.52667 5.33333 8 5.33333C9.47333 5.33333 10.6667 6.52667 10.6667 8C10.6667 9.47333 9.47333 10.6667 8 10.6667ZM13.2307 3.73C13.2307 4.26 12.8 4.69 12.2707 4.69C11.7407 4.69 11.3107 4.25933 11.3107 3.73C11.3107 3.20067 11.7413 2.77067 12.2707 2.77067C12.7993 2.77 13.2307 3.20067 13.2307 3.73Z' fill='%23000000'/%3E%3C/svg%3E%0A");
}
.mob-menu__langs {
padding: 8px 0;
}
.mob-menu__langs .langs__item {
margin-right: 12px;
}
.mob-menu__langs .langs__name {
color: #000;
font-size: 14px;
padding: 10px 16px;
border: 2px solid rgba(0, 0, 0, 0.1);
border-radius: 10px;
}
.mob-menu__langs .langs__name.active {
border: 2px solid #1D9F49;
}
.mob-menu__extra a {
display: block;
padding: 9px 8px;
width: 100%;
}
.footer {
padding: 70px 0;
font-family: Montserrat, "Open Sans", sans-serif;
background-color: #101010;
}
@media only screen and (max-width: 799px) {
.footer {
padding: 50px 0 0 0;
}
}
.footer__inner {
display: flex;
align-items: flex-start;
}
@media only screen and (max-width: 799px) {
.footer__inner {
flex-direction: column;
align-items: stretch;
flex-wrap: wrap;
}
}
.footer__info {
display: flex;
flex-direction: column;
margin-right: 5%;
}
@media only screen and (max-width: 799px) {
.footer__info {
padding-bottom: 15px;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
margin-right: 0;
}
}
.footer__logo {
margin-bottom: 20px;
}
.footer__logo img {
display: block;
max-width: 100%;
-o-object-fit: contain;
object-fit: contain;
}
@media only screen and (max-width: 560px) {
.footer__logo {
width: 71px;
height: 44px;
}
}
.footer__payment {
margin-bottom: 15px;
}
@media only screen and (max-width: 799px) {
.footer__payment {
display: none;
}
}
.footer__copy {
font-family: Roboto, "Open Sans", sans-serif;
font-size: 16px;
color: rgba(255, 255, 255, 0.5);
}
@media only screen and (max-width: 799px) {
.footer__copy {
display: none;
}
}
.footer__menu {
padding-left: 4%;
border-left: 1px solid rgba(255, 255, 255, 0.2);
}
@media only screen and (max-width: 799px) {
.footer__menu {
padding: 15px 0;
border-left: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
}
.footer__menu ul {
margin: 0;
padding: 0;
list-style: none;
-moz-column-count: 2;
column-count: 2;
-moz-column-gap: 3vw;
column-gap: 3vw;
}
@media only screen and (max-width: 560px) {
.footer__menu ul {
-moz-column-count: unset;
column-count: unset;
}
}
.footer__menu li {
-moz-column-break-inside: avoid;
break-inside: avoid;
}
@media only screen and (min-width: 561px) {
.footer__menu li:not(:nth-child(5n + 5)) {
margin-bottom: 17px;
}
}
@media only screen and (max-width: 560px) {
.footer__menu li:not(:last-child) {
margin-bottom: 5px;
}
}
.footer__menu a {
-moz-column-break-inside: avoid;
break-inside: avoid;
font-size: 13px;
font-weight: 600;
line-height: 1.5;
text-transform: uppercase;
color: #fff;
white-space: nowrap;
transition: color 0.3s ease-in-out;
}
@media (hover: hover) and (pointer: fine) {
.footer__menu a:hover {
color: rgba(255, 255, 255, 0.7);
}
}
@media only screen and (max-width: 560px) {
.footer__menu a {
font-size: 14px;
display: inline-block;
padding: 3px 0;
font-weight: normal;
text-transform: unset;
}
}
.footer__contacts {
margin-left: auto;
padding: 10px 0 10px 4%;
border-left: 1px solid rgba(255, 255, 255, 0.2);
}
@media only screen and (max-width: 799px) {
.footer__contacts {
margin-left: 0;
padding-left: 0;
padding: 15px 0;
border-left: 0;
border-top: 1px solid rgba(255, 255, 255, 0.2);
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
}
.footer__bottom {
display: none;
padding: 15px 0;
justify-content: space-between;
align-items: center;
}
@media only screen and (max-width: 799px) {
.footer__bottom {
display: flex;
}
.footer__bottom .footer__payment,
.footer__bottom .footer__copy {
display: block;
}
}
.breadcrumb {
padding: 30px 15px !important;
}
.breadcrumbs {
font-family: Roboto, "Open Sans", sans-serif;
margin: 0;
padding: 0;
list-style: none;
margin-bottom: 20px;
}
.breadcrumbs__item {
display: inline-block;
}
.breadcrumbs__item:not(:last-child) {
margin-right: 10px;
}
.breadcrumbs__item:not(:last-child) .breadcrumbs__link::after {
content: '→';
display: inline-block;
margin-left: 10px;
}
.breadcrumbs__link {
white-space: nowrap;
color: rgba(0, 0, 0, 0.4);
transition: color 0.3s ease-in-out;
}
@media (hover: hover) and (pointer: fine) {
.breadcrumbs__link:not(span):hover, .breadcrumbs__link:not(.active):hover {
color: rgba(0, 0, 0, 0.7);
}
}
.page-head {
font-family: "Roboto", "Open Sans", sans-serif;
padding-top: 20px;
margin-bottom: 20px;
}
.page-top {
font-family: "Roboto", "Open Sans", sans-serif;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
margin-bottom: 30px;
}
@media only screen and (max-width: 799px) {
.page-top {
flex-direction: column-reverse;
align-items: flex-start;
}
}
.page-body {
padding-bottom: 100px;
}
@media only screen and (max-width: 799px) {
.page-body {
padding-bottom: 50px;
}
}
@media only screen and (max-width: 799px) {
.page-nav {
margin-bottom: 20px;
}
}
.page-nav ul {
display: flex;
list-style: none;
margin: 0;
padding: 0;
}
.page-nav li:not(:last-child) {
margin-right: 40px;
}
.page-nav a {
font-family: Montserrat, "Open Sans", sans-serif;
font-size: 13px;
font-weight: 600;
color: #101010;
text-transform: uppercase;
transition: color 0.3s ease-in-out;
}
@media (hover: hover) and (pointer: fine) {
.page-nav a:hover {
color: #1D9F49;
}
}
.page-nav a.active {
color: #1D9F49;
}
.news-card {
font-family: "Roboto", "Open Sans", sans-serif;
line-height: 1.4;
max-width: 350px;
background-color: #fff;
}
.news-card h2, .news-card h3, .news-card h4 {
font-weight: 500;
margin: 0;
}
.news-card__inner {
display: block;
}
.news-card__image {
overflow: hidden;
height: 190px;
border-radius: 6px;
margin-bottom: 13px;
}
.news-card__image img {
transition: all 0.3s ease-in-out;
-o-object-fit: cover;
object-fit: cover;
height: 190px;
width: 100%;
max-width: 100%;
transform: scale(1.05);
}
.news-card__title {
font-size: 22px;
font-weight: 500;
margin-bottom: 15px !important;
}
.news-card__title:hover {
color: #121212 !important;
}
.news-card__text {
font-size: 14px;
color: rgba(0, 0, 0, 0.5);
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.news-card__text * {
font-family: "Roboto", "Open Sans", sans-serif !important;
line-height: 1.4 !important;
}
@media (hover: hover) and (pointer: fine) {
.news-card:hover .news-card__image img {
transform: scale(1.2) rotate(5deg);
}
.news-card__title {
color: #121212;
}
}
.news-head .container-new {
max-width: 770px;
}
.news-head img {
display: block;
-o-object-fit: cover;
object-fit: cover;
height: 280px;
width: 100%;
margin-bottom: 60px;
}
@media only screen and (max-width: 799px) {
.news-head img {
height: 200px;
margin-bottom: 20px;
}
}
.news-head h1 {
font-family: Roboto, "Open Sans", sans-serif !important;
font-weight: bold !important;
font-size: 42px !important;
margin-bottom: 10px !important;
color: #101010 !important;
}
@media only screen and (max-width: 799px) {
.news-head h1 {
font-size: 32px;
}
}
.news-head .breadcrumbs {
margin-bottom: 30px;
}
.news-widget {
padding-bottom: 120px;
}
@media only screen and (max-width: 799px) {
.news-widget {
padding-bottom: 60px;
}
}
.news-widget .container-new {
max-width: 770px;
padding: 0 15px;
margin: 0 auto;
}
@media only screen and (max-width: 799px) {
.news-widget .grid__item {
margin-bottom: 10px;
}
}
.page-content {
max-width: 770px !important;
padding: 0 15px;
margin: 0 auto;
font-family: Roboto, "Open Sans", sans-serif !important;
font-size: 16px;
color: #101010;
line-height: 1.5;
padding-bottom: 80px;
margin-bottom: 80px;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.page-content > *,
.page-content > * *
{
font-family: Roboto, "Open Sans", sans-serif !important;
font-size: 16px !important;
color: #101010 !important;
line-height: 1.5 !important;
}
.page-content > a,
.page-content > * a,
.page-content > * a span {
color: #006dce !important;
text-decoration: underline !important;
}
.page-content > p {
margin-bottom: 8px !important;
}
.page-content li {
margin-bottom: 8px !important;
}
@media only screen and (max-width: 799px) {
.page-content {
padding-bottom: 40px !important;
margin-bottom: 40px !important;
}
}
.page-content h1 {
font-weight: bold !important;
font-size: 42px !important;
margin-bottom: 10px !important;
color: #101010 !important;
}
@media only screen and (max-width: 799px) {
.page-content h1 {
font-size: 32px !important;
}
}
.page-content h2,
.page-content h2 span {
margin-bottom: 20px !important;
margin-top: 40px !important;
font-weight: 500 !important;
font-size: 32px !important;
}
@media only screen and (max-width: 799px) {
.page-content h2 {
font-size: 22px;
}
}
.page-content h3,
.page-content h3 span {
margin-bottom: 20px !important;
margin-top: 40px !important;
font-weight: bold !important;
font-size: 18px !important;
}
.page-content h4, .page-content h5, .page-content h6 {
font-size: 18px;
font-weight: bold;
margin-top: 40px;
margin-bottom: 20px;
}
@media only screen and (max-width: 799px) {
.page-content h4, .page-content h5, .page-content h6 {
font-size: 16px;
}
}
.page-content p:not(:last-child) {
margin-bottom: 20px;
}
.page-content img {
border-radius: 6px;
display: block;
max-width: 100%;
height: auto;
}
.more__title {
font-family: Roboto, "Open Sans", sans-serif;
font-weight: bold;
font-size: 32px;
margin-bottom: 20px;
color: #121212 !important;
}
.product {
padding-top: 30px;
font-family: "Roboto", "Open Sans", sans-serif;
font-size: 14px;
line-height: 1.4;
}
@media only screen and (max-width: 799px) {
.product {
padding-top: 0;
}
}
.product ul {
margin: 0;
list-style: none;
padding: 0;
}
.product__wrapper {
display: grid;
grid-template-columns: repeat(2, auto);
grid-template-rows: repeat(4, auto);
grid-column-gap: 0px;
grid-row-gap: 0px;
margin-bottom: 60px;
}
@media only screen and (max-width: 1023px) {
.product__wrapper {
display: flex;
flex-direction: column;
max-width: 480px;
margin: 0 auto 60px;
}
}
.product__head {
grid-area: 1 / 2 / 2 / 2;
margin-bottom: 20px;
}
@media only screen and (max-width: 1023px) {
.product__head {
order: 1;
}
}
.product__head .product__subtitle,
.product__head .product__subtitle span {
color: #cfcfcf;
}
.product__title {
font-size: 22px;
font-weight: bold;
color: #121212 !important;
}
@media only screen and (max-width: 799px) {
.product__title {
margin-bottom: 15px;
}
}
.product__subtitle {
font-size: 14px;
color: #808080;
margin-bottom: 10px;
}
.product__subtitle span {
color: #ce3000;
}
.product__images {
grid-area: 1 / 1 / 3 / 1;
max-width: 428px;
margin-bottom: 40px;
margin-right: 40px;
}
@media only screen and (max-width: 1023px) {
.product__images {
order: 2;
margin-right: 0;
}
}
.product__picture {
margin: 0;
padding: 0;
margin-bottom: 20px;
overflow: hidden;
border-radius: 6px;
}
.product__picture img {
display: block;
max-width: 100%;
-o-object-fit: cover;
object-fit: cover;
height: 500px;
width: 100%;
/* transform: scale(1.05); */
}
.product__images-link.slick-active img {
transform: scale(1.05);
}
@media only screen and (max-width: 799px) {
.product__picture img {
height: 360px;
}
}
.product__slider {
height: 70px;
}
.product__slider .slick-list {
margin-right: -10px;
}
@media only screen and (max-width: 560px) {
.product__slider .slick-list {
margin-right: -20px;
}
}
.product__slider .slick-track {
margin-left: 0;
}
.product__slider .slick-slide {
transition: opacity 0.3s ease-in-out;
cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
.product__slider .slick-slide:hover {
opacity: 0.8;
}
}
.product__slider .slick-slide:focus {
outline: 0;
opacity: 0.8;
}
.product__slider .slick-arrow {
padding: 5px;
border-radius: 4px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 0;
font-size: 0;
background-color: #fff;
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 10;
transition: background-color 0.3s ease-in-out;
cursor: pointer;
}
.product__slider .slick-arrow::before {
content: '';
display: inline-block;
width: 16px;
height: 16px;
background-image: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-2.5828e-07 5.00001L4.99968 4.37255e-08L6 0.999433L1.99968 5L6 9.00057L4.99968 10L-2.5828e-07 5.00001Z' fill='%23101010'/%3E%3C/svg%3E%0A");
background-position: center;
background-repeat: no-repeat;
}
@media (hover: hover) and (pointer: fine) {
.product__slider .slick-arrow:hover {
background-color: rgba(0, 0, 0, 0.2);
}
}
.product__slider .slick-prev {
left: -10px;
transform: translateX(-100%) translateY(-50%);
}
.product__slider .slick-next {
right: -5px;
transform: translateX(100%) translateY(-50%);
}
.product__slider .slick-next::before {
transform: scaleX(-1);
}
.product__slider::after {
content: '';
position: absolute;
top: 0;
bottom: 0;
right: -10px;
width: 13px;
background-color: #fff;
}
@media only screen and (max-width: 560px) {
.product__slider::after {
content: none;
}
}
.product__img {
min-width: 95px;
margin-right: 10px;
}
.product__img-link {
display: block;
min-width: 95px;
width: 95px;
height: 70px;
overflow: hidden;
border-radius: 6px;
}
.product__img-link:focus {
outline: 0;
}
.product__img-link img {
display: block;
max-width: 100%;
-o-object-fit: cover;
object-fit: cover;
min-width: 95px;
width: 95px;
height: 70px;
transform: scale(1.05);
}
.product__inner {
grid-area: 2 / 2 / 4 / 2;
}
@media only screen and (max-width: 1023px) {
.product__inner {
display: flex;
flex-direction: column;
order: 3;
}
}
.product__features {
grid-area: 3 / 1 / 4 / 1;
max-width: 428px;
margin-right: 30px;
}
@media only screen and (max-width: 1023px) {
.product__features {
order: 4;
margin-right: 0;
max-width: 100%;
}
}
.product__feature {
position: relative;
display: flex;
align-items: center;
padding: 30px;
margin-bottom: 10px;
border-radius: 10px;
border: 1px solid #cccccc;
transition: border-color 0.3s ease-in-out;
}
@media only screen and (max-width: 560px) {
.product__feature {
padding: 20px;
}
}
@media (hover: hover) and (pointer: fine) {
.product__feature:hover {
border-color: #1D9F49;
}
}
.product__feature::before {
content: '';
margin-right: 25px;
min-width: 30px;
width: 30px;
height: 30px;
background-position: center;
background-repeat: no-repeat;
}
.product__feature--photo::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 30 27'%3E%3Cpath fill='%231D9F49' d='M25.5 4.5h-2.788L20.114 0H9.886L7.288 4.5H4.5A4.505 4.505 0 000 9v13.5A4.505 4.505 0 004.5 27h21a4.506 4.506 0 004.5-4.5V9a4.505 4.505 0 00-4.5-4.5zm1.5 18a1.502 1.502 0 01-1.5 1.5h-21A1.502 1.502 0 013 22.5V9a1.502 1.502 0 011.5-1.5h4.52L11.617 3h6.764l2.6 4.5H25.5A1.502 1.502 0 0127 9v13.5zM15 9a6 6 0 106 6 6.006 6.006 0 00-6-6zm0 9a3 3 0 110-5.999A3 3 0 0115 18z'/%3E%3C/svg%3E%0A");
}
.product__feature--date::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 31 30'%3E%3Cpath fill='%231D9F49' d='M17.05 12.632h-3.1v3.158h3.1v-3.158zm6.2 0h-3.1v3.158h3.1v-3.158zm-12.4 6.315h-3.1v3.158h3.1v-3.158zm6.2 0h-3.1v3.158h3.1v-3.158zm7.75-14.21V1.579c0-.419-.163-.82-.454-1.117A1.536 1.536 0 0023.25 0c-.411 0-.805.166-1.096.462-.29.297-.454.698-.454 1.117v3.158H9.3V1.579c0-.419-.163-.82-.454-1.117A1.536 1.536 0 007.75 0c-.411 0-.805.166-1.096.462C6.364.76 6.2 1.16 6.2 1.58v3.158H0V30h31V4.737h-6.2zm3.1 22.105H3.1V7.895h24.8v18.947z'/%3E%3C/svg%3E%0A");
}
.product__items {
margin-bottom: 30px;
}
.product__items:first-child, .product__items:nth-child(2) {
order: 2;
}
.product__items:not(:first-child):not(:last-child) .sizes-list__size {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
padding-left: 15px;
padding-right: 15px;
}
.product__items:first-child ul {
display: flex;
}
.product__items:first-child li {
margin-right: 10px;
}
.product__items:nth-child(3) {
order: 3;
}
.product__color {
display: inline-block;
min-width: 30px;
width: 30px;
height: 30px;
border-radius: 50%;
border: 4px solid #fff;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
overflow: hidden;
}
.product__color img {
display: block;
max-width: 100%;
height: 100%;
}
@media (hover: hover) and (pointer: fine) {
.product__color:not(.active):hover {
border-width: 1px;
box-shadow: 0 0 0 2px #1D9F49;
}
}
.product__more {
order: 4;
margin-bottom: 15px;
}
.product__more ul {
display: flex;
flex-wrap: wrap;
}
.product__more li:not(:last-child) {
margin-right: 20px;
}
.product__more-btn {
position: relative;
padding: 12px 20px;
padding-left: 45px;
margin-bottom: 15px;
border-radius: 4px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font: inherit;
background-color: #fff;
border: none;
color: #1D9F49;
cursor: pointer;
transition: background-color 0.3s ease-in-out;
font-size: 12px;
white-space: nowrap;
text-align: left;
}
@media only screen and (max-width: 560px) {
.product__more-btn {
padding: 10px 5px;
padding-left: 30px;
}
}
@media (hover: hover) and (pointer: fine) {
.product__more-btn:hover {
background-color: rgba(0, 0, 0, 0.05);
}
}
.product__more-btn::before {
content: '';
position: absolute;
left: 10px;
top: 50%;
transform: translateY(-50%);
width: 24px;
height: 24px;
background-repeat: no-repeat;
background-position: center;
}
@media only screen and (max-width: 560px) {
.product__more-btn::before {
left: 0;
}
}
.product__more-btn--sizes::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%231D9F49' fill-rule='evenodd' d='M5.327 3.457c.53-.353 1.22-.548 1.946-.548s1.416.195 1.946.548c.525.35.963.913.963 1.634 0 .72-.438 1.283-.963 1.633-.53.354-1.22.549-1.946.549s-1.417-.195-1.946-.549c-.525-.35-.963-.913-.963-1.633s.438-1.284.963-1.634zm.806 1.21c-.264.177-.315.34-.315.424 0 .083.05.247.315.423.26.173.66.304 1.14.304.479 0 .88-.13 1.14-.304.264-.176.314-.34.314-.423 0-.083-.05-.247-.315-.424-.26-.173-.66-.304-1.14-.304-.478 0-.879.131-1.139.304z' clip-rule='evenodd'/%3E%3Cpath fill='%231D9F49' fill-rule='evenodd' d='M6.326 15.966c-1.535-.11-2.944-.493-4.043-1.123C.958 14.085 0 12.906 0 11.377V5.09C0 3.567.926 2.277 2.241 1.4 3.561.52 5.341 0 7.273 0c1.93 0 3.712.52 5.032 1.4 1.208.806 2.106 1.962 2.24 3.327v4H16V16H7.273c-.198 0-.395-.004-.59-.013a.725.725 0 01-.357-.02zM1.455 5.091c0-.886.538-1.778 1.593-2.48 1.05-.7 2.54-1.156 4.225-1.156 1.684 0 3.175.456 4.225 1.155 1.054.703 1.593 1.595 1.593 2.48 0 .887-.539 1.778-1.593 2.481-1.05.7-2.541 1.156-4.225 1.156-1.684 0-3.176-.456-4.225-1.156-1.055-.703-1.593-1.594-1.593-2.48zm.786 3.69c1.32.88 3.1 1.4 5.032 1.4h7.273v4.365H13.09v-2.182a.727.727 0 00-1.455 0v2.181h-1.454v-.727a.727.727 0 10-1.455 0v.728H7.273v-2.182a.727.727 0 00-1.455 0v2.09c-1.108-.144-2.073-.45-2.812-.873-1.044-.598-1.551-1.367-1.551-2.204V8.163c.24.224.504.43.786.619z' clip-rule='evenodd'/%3E%3C/svg%3E");
}
.product__more-btn--delivery::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 14'%3E%3Cpath fill='%231D9F49' d='M23.995 12.031V6.966a1.887 1.887 0 00-1.089-1.72 14.341 14.341 0 00-4.213-1.215l-2.546-2.75A4 4 0 0013.212 0H2.297L.348 3.686A2.999 2.999 0 000 5.088v6.143l4.327.8h.005a2.741 2.741 0 005.112 0h6.604a2.742 2.742 0 005.111 0h2.836zM3.442 1.9h9.77a2.106 2.106 0 011.54.673l1.351 1.458H2.314L3.441 1.9zM1.9 5.93h16.644c1.228.166 2.425.515 3.55 1.035v3.165h-.904a2.733 2.733 0 00-5.174 0H9.476a2.734 2.734 0 00-5.163-.035L1.9 9.65V5.931zm4.988 6.1a1 1 0 110-2 1 1 0 010 2zm11.716 0a1 1 0 110-2 1 1 0 010 2z'/%3E%3C/svg%3E%0A");
}
.product__more-btn--price::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 22 14'%3E%3Cpath fill='%231D9F49' d='M17.438 0H0v14h17.438l4-7-4-7zm-1.161 12H2V2h14.277l2.857 5-2.857 5zM15 5.65a1.35 1.35 0 100 2.7 1.35 1.35 0 000-2.7z'/%3E%3C/svg%3E%0A");
}
.product__order {
max-width: 478px;
margin-bottom: 30px;
}
.product__order .product__subtitle {
text-align: center;
margin-bottom: 15px;
margin-top: 15px;
color: #1D9F49;
}
@media only screen and (max-width: 560px) {
.product__order .product__subtitle {
display: none;
}
}
.product__total {
order: 1;
display: flex;
align-items: center;
padding: 6px;
background-color: #E4F3E9;
border-radius: 10px;
}
@media only screen and (max-width: 560px) {
.product__total {
padding: 17px;
text-align: center;
justify-content: center;
}
}
.product__sum {
position: relative;
font-size: 32px;
color: #1D9F49;
padding: 0 32px;
white-space: nowrap;
}
.product__sum.product-thumb .price-old {
color: #b5b5b5;
text-decoration: line-through;
font-size: 14px;
font-weight: 400;
position: absolute;
bottom: -14px;
left: 40px;
}
.product__sum.product-thumb .price-new {
font-weight: inherit;
font-size: inherit;
}
.product__buy {
display: flex;
align-items: center;
background-color: #E4F3E9;
border-radius: 6px;
padding: 4px;
}
@media only screen and (max-width: 560px) {
.product__buy {
display: none;
}
}
.product__buy input {
font: inherit;
color: #000;
font-size: 14px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 10px 18px;
border: 1px solid #1D9F49;
border-radius: 4px;
margin-right: 7px;
flex-grow: 1;
}
.product__buy input::-webkit-input-placeholder {
font: inherit;
color: rgba(0, 0, 0, 0.3);
font-size: 14px;
}
.product__buy input::-moz-placeholder {
font: inherit;
color: rgba(0, 0, 0, 0.3);
font-size: 14px;
}
.product__buy input:-ms-input-placeholder {
font: inherit;
color: rgba(0, 0, 0, 0.3);
font-size: 14px;
}
.product__buy input::-ms-input-placeholder {
font: inherit;
color: rgba(0, 0, 0, 0.3);
font-size: 14px;
}
.product__buy input::placeholder {
font: inherit;
color: rgba(0, 0, 0, 0.3);
font-size: 14px;
}
.product__buy input:focus {
outline: 0;
box-shadow: 0 0 3px 0 rgba(29, 159, 73, 0.5);
}
.product__buy .error input {
border-color: #ce3000;
}
.product__btn, .dialog--follow .dialog__inner button[type="submit"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font: inherit;
background-color: #1D9F49;
color: #fff;
border: none;
border-radius: 6px;
padding: 20px 24px;
font-size: 16px;
white-space: nowrap;
transition: background-color 0.3s ease-in-out;
cursor: pointer;
}
.product__btn:focus, .dialog--follow .dialog__inner button:focus[type="submit"] {
box-shadow: inset 0 0 0 35px rgba(0, 0, 0, 0.2);
}
@media (hover: hover) and (pointer: fine) {
.product__btn:hover, .dialog--follow .dialog__inner button:hover[type="submit"] {
background-color: rgba(29, 159, 73, 0.7);
}
}
.product__btn:active, .dialog--follow .dialog__inner button:active[type="submit"] {
box-shadow: inset 0 0 0 35px rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 560px) {
.product__btn span, .dialog--follow .dialog__inner button[type="submit"] span {
display: none;
}
}
.product__btn span:last-child, .dialog--follow .dialog__inner button[type="submit"] span:last-child {
display: none;
}
@media only screen and (max-width: 560px) {
.product__btn span:last-child, .dialog--follow .dialog__inner button[type="submit"] span:last-child {
display: block;
}
}
.product__btn--cart {
display: flex;
align-items: center;
min-width: 250px;
}
.product__btn--cart::before {
content: '';
display: inline-block;
margin-right: 20px;
min-width: 24px;
width: 24px;
height: 24px;
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='inherit' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.57867 20.7567C7.26639 20.7567 6.96113 20.8518 6.70149 21.0301C6.44184 21.2082 6.23947 21.4614 6.11996 21.7577C6.00046 22.0542 5.9692 22.3802 6.03012 22.6948C6.09104 23.0092 6.24141 23.2983 6.46223 23.525C6.68303 23.7518 6.96437 23.9062 7.27065 23.9689C7.57691 24.0314 7.89438 23.9993 8.18288 23.8766C8.47139 23.7538 8.71798 23.5459 8.89147 23.2793C9.06496 23.0126 9.15756 22.6991 9.15756 22.3784C9.15756 21.9483 8.99121 21.5358 8.69511 21.2317C8.39901 20.9276 7.99741 20.7567 7.57867 20.7567ZM21.4729 20.7567C21.1607 20.7567 20.8554 20.8518 20.5957 21.0301C20.3361 21.2082 20.1337 21.4614 20.0141 21.7577C19.8946 22.0542 19.8634 22.3802 19.9243 22.6948C19.9853 23.0092 20.1356 23.2983 20.3564 23.525C20.5772 23.7518 20.8586 23.9062 21.1648 23.9689C21.4711 24.0314 21.7885 23.9993 22.0772 23.8766C22.3657 23.7538 22.6122 23.5459 22.7856 23.2793C22.9592 23.0126 23.0518 22.6991 23.0518 22.3784C23.0518 21.9483 22.8854 21.5358 22.5894 21.2317C22.2933 20.9276 21.8916 20.7567 21.4729 20.7567ZM21.4729 19.4571V17.5112L8.67896 17.499L8.13785 15.265L24 12.1468L23.9991 2.59459H5.0695L4.44123 0H0V1.94594H2.95998L7.19746 19.4436L21.4729 19.4571ZM5.54076 4.54054H22.1044V10.5379L7.67972 13.3738L5.54076 4.54054Z' fill='white'/%3E%3C/svg%3E%0A");
background-position: center;
background-repeat: no-repeat;
}
@media only screen and (max-width: 560px) {
.product__btn--cart {
min-width: unset;
width: calc((100vw - 35px) / 2);
position: fixed;
bottom: 15px;
left: 15px;
padding: 10px;
text-align: center;
z-index: 990;
font-size: 16px;
justify-content: center;
box-shadow: 0px 4px 15px rgba(29, 159, 73, 0.4);
}
.product__btn--cart::before {
width: 16px;
height: 16px;
background-size: contain;
margin-right: 10px;
}
}
.product__btn--sm {
min-width: 190px;
padding: 13px 40px;
font-size: 12px;
}
.product__description {
order: 5;
line-height: 1.4;
font-size: 14px;
color: #000;
}
.product__description .product__subtitle {
color: #1D9F49;
}
.for-mobile .product__btn, .for-mobile .dialog--follow .dialog__inner button[type="submit"], .dialog--follow .dialog__inner .for-mobile button[type="submit"] {
display: none;
}
@media only screen and (max-width: 560px) {
.for-mobile .product__btn, .for-mobile .dialog--follow .dialog__inner button[type="submit"], .dialog--follow .dialog__inner .for-mobile button[type="submit"] {
display: block;
position: fixed;
min-width: unset;
width: calc((100vw - 35px) / 2);
bottom: 15px;
right: 15px;
z-index: 990;
padding: 10px;
text-align: center;
font-size: 16px;
background-color: #e4f3e9;
color: #1D9F49;
box-shadow: inset 0 0 0 1px #1D9F49;
}
}
.sizes-list {
display: flex;
flex-wrap: wrap;
width: 300px;
}
.sizes-list__item {
margin-right: 10px;
margin-bottom: 10px;
}
.sizes-list__label {
display: block;
}
.sizes-list__label input:checked + .sizes-list__size {
color: #000;
box-shadow: 0 0 0 2px #1D9F49;
}
.sizes-list__size {
width: 50px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
color: rgba(0, 0, 0, 0.6);
border-radius: 10px;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
.sizes-list__size:hover {
color: #000;
box-shadow: 0 0 0 2px #1D9F49;
}
}
.dialog--buy {
width: 300px;
padding: 30px 10px;
}
.dialog .product__buy {
display: flex;
flex-direction: column;
align-items: center;
background-color: #fff;
}
.dialog .product__buy input {
margin-bottom: 20px;
}
.materials {
display: flex;
}
.materials li {
margin-right: 10px;
}
.materials__label {
display: flex;
padding: 12px;
align-items: center;
justify-content: center;
font-size: 14px;
color: rgba(0, 0, 0, 0.6);
border-radius: 10px;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
.materials__label:hover {
border-width: 1px;
box-shadow: 0 0 0 2px #1D9F49;
}
}
input:checked + .materials__label {
color: #000;
box-shadow: 0 0 0 2px #1D9F49;
}
.recent-products {
padding-bottom: 70px;
}
@media only screen and (max-width: r-mdpx) {
.recent-products {
padding-bottom: 40px;
}
}
.recent-products__title {
font-family: Roboto, "Open Sans", sans-serif;
font-size: 32px;
font-weight: 600;
color: #000;
margin-bottom: 20px !important;
}
@media only screen and (max-width: 799px) {
.recent-products__title {
font-size: 22px;
}
}
.recent-products .grid__item {
margin-bottom: 50px;
}
@media only screen and (max-width: 799px) {
.recent-products .grid__item {
margin-right: 0;
margin-bottom: 40px;
}
.recent-products__list {
max-height: 360px;
}
}
.product-short {
font-family: Roboto, "Open Sans", sans-serif;
max-width: 350px;
background-color: #fff;
}
@media only screen and (max-width: 799px) {
.product-short {
max-width: 260px;
}
}
.product-short__inner {
display: flex;
flex-direction: column;
}
.product-short__image {
order: 1;
overflow: hidden;
height: 360px;
border-radius: 6px;
margin-bottom: 10px;
}
@media only screen and (max-width: 799px) {
.product-short__image {
height: 280px;
}
}
.product-short__image img {
transition: all 0.3s ease-in-out;
-o-object-fit: cover;
object-fit: cover;
height: 360px;
width: 100%;
max-width: 100%;
transform: scale(1.05);
}
@media only screen and (max-width: 799px) {
.product-short__image img {
height: 280px;
}
}
.product-short__title {
order: 3;
font-size: 18px;
font-weight: 600;
margin-bottom: 15px;
}
.product-short__cost {
order: 2;
margin-bottom: 10px;
font-size: 20px;
color: #1D9F49;
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
@media (hover: hover) and (pointer: fine) {
.product-short:hover .product-short__image img {
transform: scale(1.2) rotate(5deg);
}
.product-short:hover .product-short__title {
color: #121212;
}
}
.dialog {
display: none;
z-index: -1;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #fff;
border-radius: 6px;
}
.dialog.opened {
z-index: 999;
display: block;
}
.dialog__inner {
padding: 25px 25px 40px 25px;
}
.dialog__head {
display: flex;
align-items: center;
justify-content: space-between;
padding-bottom: 20px;
margin-bottom: 35px;
border-bottom: 1px solid #1D9F49;
}
.dialog__name {
font-family: Roboto, "Open Sans", sans-serif;
font-size: 22px;
font-weight: 600;
}
.dialog__close {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: none;
border: none;
font: inherit;
padding: 8px;
background-color: #fff;
border-radius: 4px;
font-size: 0;
line-height: 1;
cursor: pointer;
transition: background-color 0.3s ease-in-out;
}
.dialog__close svg {
width: 20px;
height: 20px;
fill: #000;
}
@media (hover: hover) and (pointer: fine) {
.dialog__close:hover {
background-color: rgba(0, 0, 0, 0.1);
}
}
.dialog__body {
font-family: Roboto, "Open Sans", sans-serif;
font-size: 22px;
line-height: 1.4;
}
.dialog--sizes {
max-width: 360px;
width: 100%;
}
.dialog--sizes .dialog__body {
text-align: center;
}
.dialog--sizes .dialog__body ul {
margin: 0;
padding: 0;
list-style: none;
}
.dialog--follow .dialog__inner {
max-width: 300px;
}
.dialog--follow .dialog__inner label {
font-family: inherit;
font-size: 14px;
display: block;
margin-bottom: 10px;
}
.dialog--follow .dialog__inner input {
width: 100%;
font-family: inherit;
font-size: 14px;
font-weight: normal;
color: #000;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 10px 18px;
border: 1px solid #1D9F49;
border-radius: 4px;
}
.dialog--follow .dialog__inner input:not(:last-child) {
margin-bottom: 15px;
}
.dialog--follow .dialog__inner input::-webkit-input-placeholder {
font: inherit;
color: rgba(0, 0, 0, 0.3);
font-size: 14px;
}
.dialog--follow .dialog__inner input::-moz-placeholder {
font: inherit;
color: rgba(0, 0, 0, 0.3);
font-size: 14px;
}
.dialog--follow .dialog__inner input:-ms-input-placeholder {
font: inherit;
color: rgba(0, 0, 0, 0.3);
font-size: 14px;
}
.dialog--follow .dialog__inner input::-ms-input-placeholder {
font: inherit;
color: rgba(0, 0, 0, 0.3);
font-size: 14px;
}
.dialog--follow .dialog__inner input::placeholder {
font: inherit;
color: rgba(0, 0, 0, 0.3);
font-size: 14px;
}
.dialog--follow .dialog__inner button[type="submit"] {
width: 100%;
padding: 12px 20px;
}
.main-slider {
margin-top: 0 !important;
}
.category_list > ul {
display: flex;
flex-wrap: wrap;
}
.category_list li {
float: none;
margin-bottom: 8px !important;
}
.category_list li a {
padding: 2px 15px !important;
border-color: #a8a8a8 !important;
border-radius: 20px;
transition: all 0.5s ease-in-out;
}
.category_list li a:hover {
color: #1D9F49 !important;
border-color: #1D9F49 !important;
}
@media all and (max-width: 500px) {
.category_filter {
display: none !important;
}
.category_filter {
display: flex;
margin: 15px 0;
padding: 0;
border: none;
}
.category_filter .compare-total {
float: unset;
margin: 0;
}
.category_filter .compare-total a {
display: block;
font-size: 0;
line-height: 0;
min-width: 40px;
width: 40px;
height: 40px;
border-radius: 3px;
background-color: #1d9f49;
background-repeat: no-repeat;
background-position: center;
background-size: 24px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 459.755 459.755'%3E%3Cpath d='M452.963 227.004L380.865 82.808a8.36 8.36 0 00-6.792-5.747c-2.612 0-5.224 3.135-6.792 3.135h-91.429c-3.737-22.677-23.004-39.535-45.976-40.229-22.972.693-42.239 17.552-45.976 40.229H92.473c-1.567 0-4.18-3.135-6.792-3.135a7.837 7.837 0 00-6.792 5.224L6.792 226.482A8.359 8.359 0 000 234.319c0 42.841 38.139 77.322 85.682 77.322s86.204-34.482 86.204-76.8a8.883 8.883 0 00-7.314-8.882L100.31 95.869h84.637a45.452 45.452 0 0034.482 37.616v187.037h15.673V133.486c20.222-2.111 36.506-17.538 39.706-37.616h84.637l-64.261 130.09a8.36 8.36 0 00-7.314 8.359c0 42.318 38.661 77.322 86.204 77.322s85.682-34.482 85.682-77.322a7.839 7.839 0 00-6.793-7.315zm-305.632-.522H24.555l61.127-123.298 61.649 123.298zm165.093 0l61.649-123.298L435.2 226.482H312.424zM141.061 393.665h177.633v26.122H141.061zM229.878 336.196c-29.78 0-54.335 15.673-56.947 41.796h113.894c-2.613-26.123-27.168-41.796-56.947-41.796z' fill='%23ffffff' /%3E%3C/svg%3E");
margin-right: 10px;
}
.category_filter .pagination-right {
float: unset;
display: flex;
margin: 0;
}
.category_filter .sort,
.category_filter .sort-by,
.category_filter .show,
.category_filter .limit,
.category_filter .show-wrapper {
float: unset;
width: unset;
margin: 0;
padding: 0;
min-height: 0;
}
.category_filter .control-label {
display: none;
}
.category_filter .sort {
margin-right: 10px;
}
.category_filter .form-control {
border-radius: 4px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
height: unset;
padding: 7px 35px 7px 15px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 491.996 491.996' fill='%23505050'%3E%3Cpath d='M484.132 124.986l-16.116-16.228c-5.072-5.068-11.82-7.86-19.032-7.86-7.208 0-13.964 2.792-19.036 7.86l-183.84 183.848L62.056 108.554c-5.064-5.068-11.82-7.856-19.028-7.856s-13.968 2.788-19.036 7.856l-16.12 16.128c-10.496 10.488-10.496 27.572 0 38.06l219.136 219.924c5.064 5.064 11.812 8.632 19.084 8.632h.084c7.212 0 13.96-3.572 19.024-8.632l218.932-219.328c5.072-5.064 7.856-12.016 7.864-19.224 0-7.212-2.792-14.068-7.864-19.128z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: 12px;
background-position: center right 10px;
}
.category_filter .sort .form-control {
max-width: 150px;
}
}
.ocfilter-mobile-handle .btn {
background-color: #1D9F49;
}
.checkout-simplecheckout .product-card {
position: relative;
display: flex;
align-items: center;
border-radius: 6px;
border: 1px solid #d3d3d3;
/* background-color: #f6f6f6; */
padding: 6px;
padding-right: 50px;
}
.checkout-simplecheckout .product-card:not(:last-child) {
margin-bottom: 20px;
}
.checkout-simplecheckout .product-card__img {
display: block;
min-width: 150px;
width: 150px;
height: 150px;
overflow: hidden;
margin-right: 20px;
border-radius: 6px;
}
.checkout-simplecheckout .product-card__img img {
min-width: 150px;
width: 150px;
height: 150px;
-o-object-fit: cover;
object-fit: cover;
transform: scale(1.5);
}
.checkout-simplecheckout .product-card__body {
}
.checkout-simplecheckout .product-card__name {
display: block;
font-size: 16px;
font-weight: bold;
margin-bottom: 10px;
}
.checkout-simplecheckout .product-card__options {
margin-bottom: 15px;
}
.checkout-simplecheckout .product-card__quantity {
display: flex;
/* flex-wrap: wrap; */
align-items: center;
}
@media all and (max-width: 1279px) {
.checkout-simplecheckout .product-card__quantity {
}
}
.product-card__quantity-inner {
display: flex;
}
.checkout-simplecheckout .product-card__bottom {
display: flex;
align-items: center;
}
@media all and (max-width: 480px) {
.checkout-simplecheckout .product-card__bottom {
padding-bottom: 20px;
}
}
.checkout-simplecheckout .product-card__cost,
.checkout-simplecheckout .product-card__total {
white-space: nowrap;
}
.checkout-simplecheckout .product-card__cost {
margin-right: 10px;
}
.checkout-simplecheckout .product-card__total {
margin-left: 15px;
font-weight: bold;
font-size: 18px;
}
.checkout-simplecheckout .product-card__model {
display: none;
}
.checkout-simplecheckout .product-card__remove {
display: block;
width: 40px;
height: 40px;
position: absolute;
bottom: 10px;
right: 10px;
font-size: 0;
border-radius: 4px;
background-color: transparent;
border: none;
padding: 0;
background-size: 24px;
background-position: center;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%23c1c1c1'%3E%3Cpath d='M424 64h-88V48c0-26.467-21.533-48-48-48h-64c-26.467 0-48 21.533-48 48v16H88c-22.056 0-40 17.944-40 40v56c0 8.836 7.164 16 16 16h8.744l13.823 290.283C87.788 491.919 108.848 512 134.512 512h242.976c25.665 0 46.725-20.081 47.945-45.717L439.256 176H448c8.836 0 16-7.164 16-16v-56c0-22.056-17.944-40-40-40zM208 48c0-8.822 7.178-16 16-16h64c8.822 0 16 7.178 16 16v16h-96zM80 104c0-4.411 3.589-8 8-8h336c4.411 0 8 3.589 8 8v40H80zm313.469 360.761A15.98 15.98 0 01377.488 480H134.512a15.98 15.98 0 01-15.981-15.239L104.78 176h302.44z'/%3E%3Cpath d='M256 448c8.836 0 16-7.164 16-16V224c0-8.836-7.164-16-16-16s-16 7.164-16 16v208c0 8.836 7.163 16 16 16zM336 448c8.836 0 16-7.164 16-16V224c0-8.836-7.164-16-16-16s-16 7.164-16 16v208c0 8.836 7.163 16 16 16zM176 448c8.836 0 16-7.164 16-16V224c0-8.836-7.164-16-16-16s-16 7.164-16 16v208c0 8.836 7.163 16 16 16z'/%3E%3C/svg%3E");
}
.checkout-simplecheckout .product-card__remove:hover,
.checkout-simplecheckout .product-card__remove:active {
background-color: #e4e4e4;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%239c9c9c'%3E%3Cpath d='M424 64h-88V48c0-26.467-21.533-48-48-48h-64c-26.467 0-48 21.533-48 48v16H88c-22.056 0-40 17.944-40 40v56c0 8.836 7.164 16 16 16h8.744l13.823 290.283C87.788 491.919 108.848 512 134.512 512h242.976c25.665 0 46.725-20.081 47.945-45.717L439.256 176H448c8.836 0 16-7.164 16-16v-56c0-22.056-17.944-40-40-40zM208 48c0-8.822 7.178-16 16-16h64c8.822 0 16 7.178 16 16v16h-96zM80 104c0-4.411 3.589-8 8-8h336c4.411 0 8 3.589 8 8v40H80zm313.469 360.761A15.98 15.98 0 01377.488 480H134.512a15.98 15.98 0 01-15.981-15.239L104.78 176h302.44z'/%3E%3Cpath d='M256 448c8.836 0 16-7.164 16-16V224c0-8.836-7.164-16-16-16s-16 7.164-16 16v208c0 8.836 7.163 16 16 16zM336 448c8.836 0 16-7.164 16-16V224c0-8.836-7.164-16-16-16s-16 7.164-16 16v208c0 8.836 7.163 16 16 16zM176 448c8.836 0 16-7.164 16-16V224c0-8.836-7.164-16-16-16s-16 7.164-16 16v208c0 8.836 7.163 16 16 16z'/%3E%3C/svg%3E");
}
.checkout-simplecheckout .product-card__quantity-btn .btn {
border-radius: 0;
padding: 7px 15px;
border: none;
transition: all 0.3s ease-in-out;
font-size: 24px;
line-height: 1;
}
.checkout-simplecheckout .product-card__quantity-btn .btn:hover,
.checkout-simplecheckout .product-card__quantity-btn .btn:active {
background-color: #e4e4e4;
}
.checkout-simplecheckout .simplecheckout-cart {
border: none !important;
margin-bottom: 20px !important;
}
.checkout-simplecheckout .simplecheckout-modules {
display: none;
}
.simplecheckout-totals {
display: flex;
width: 100%;
justify-content: flex-end;
}
.checkout-total__item {
display: flex;
align-items: center;
padding: 15px;
padding-left: 20px;
background-color: #E4F3E9;
border-radius: 10px;
}
.checkout-total__item:not(:last-child):not(:only-child) {
display: none;
}
.checkout-total__name {
font-size: 16px;
margin-right: 5px;
}
.checkout-total__sum {
font-size: 28px;
font-weight: 600;
color: #1D9F49;
white-space: nowrap;
}
.check-block {
overflow: hidden;
}
.check-block textarea {
border-radius: 0 0 3px 3px;
border: 1px solid #c1c1c1;
border-top: 0;
}
.check-block .checkout-heading {
background-color: #fff !important;
color: #505050 !important;
border-radius: 6px 6px 0 0;
border: 1px solid #c1c1c1 !important;
border-bottom: 0 !important;
padding-top: 20px !important;
font-size: 16px;
font-weight: bold;
}
.check-block .card-body {
border: 1px solid #c1c1c1;
border-top: 0;
padding: 15px 15px;
overflow: hidden;
border-radius: 0 0 6px 6px;
}
.check-block .form-control {
border-radius: 3px;
}
.check-block label {
cursor: pointer;
}
.check-block input:hover {
border-color: #e4e4e4;
}
.check-block *::before,
.check-block *::after {
content: none !important;
}
.check-block * {
float: unset !important;
}
.check-block .card-body .row {
display: flex;
flex-wrap: wrap;
}
.check-block .checkout-heading-button,
.check-block .row-customer_register {
display: none !important;
}
.check-block .custom-control-input,
.check-block .radio [type="radio"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
border: 0;
clip: rect(0 0 0 0)
}
.check-block .custom-control-label,
.check-block .radio label {
position: relative;
display: block;
padding-left: 40px;
margin-bottom: 10px;
}
.check-block .custom-control-label::before,
.check-block .custom-control-label::after,
.check-block .radio label::after,
.check-block .radio label::before {
content: '' !important;
display: inline-block;
width: 24px;
height: 24px;
background-color: #E4F3E9;
border-radius: 50%;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
border: 1px solid #1D9F49;
}
.check-block .custom-control-input:checked + .custom-control-label::after,
.check-block .radio [type="radio"]:checked + label::after{
width: 14px;
height: 14px;
left: 5px;
background-color: #1D9F49;
}
.check-block .date .btn {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' viewBox='0 0 448 512'%3E%3Cpath fill='%23c1c1c1' d='M148 288h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm108-12v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 96v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm192 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96-260v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V112c0-26.5 21.5-48 48-48h48V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h128V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h48c26.5 0 48 21.5 48 48zm-48 346V160H48v298c0 3.3 2.7 6 6 6h340c3.3 0 6-2.7 6-6z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: 16px;
background-position: center left 12px;
background-color: #e4e4e4;
border: none;
padding: 7px 22px;
}
.simplecheckout-button-right .btn-primary {
/* background-color: rgba(29, 159, 73, 0.7); */
border-radius: 4px;
padding: 20px 24px !important;
background-color: #1D9F49;
color: #ffffff;
font-size: 16px;
text-align: center;
display: inline-block;
transition: background-color 0.3s ease-in-out;
margin-right: 10px;
}
.simplecheckout-button-right .btn-primary:hover,
.simplecheckout-button-right .btn-primary:active,
.simplecheckout-button-right .btn-primary:focus {
background-color: rgba(29, 159, 73, 0.7);
color: #ffffff;
}
.simplecheckout-button-right .btn-primary:focus {
box-shadow: 0 0 0 4px #E4F3E9 !important;
}
@media all and (max-width: 600px) {
.checkout-simplecheckout .product-card {
padding-right: 10px;
}
.checkout-simplecheckout .product-card__quantity {
flex-wrap: wrap;
text-align: center;
}
.checkout-simplecheckout .product-card__quantity > * {
width: 100%;
margin-left: 0;
margin-right: 0;
margin-bottom: 10px;
}
.checkout-simplecheckout .product-card__quantity-inner {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin-left: auto;
margin-right: auto;
}
.check-block .card-body .row .col-12 {
width: 100% !important;
}
}
@media all and (max-width: 480px) {
.checkout-simplecheckout .product-list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.simplecheckout .product-card {
flex-wrap: wrap;
flex: 1;
align-items: flex-start;
max-width: calc(50% - 3px);
margin-bottom: 0 !important;
padding: 3px;
}
.simplecheckout .product-card:only-child {
max-width: 100%;
flex-basis: 100%;
max-width: 260px;
margin: 0 auto;
margin-bottom: 20px !important;
padding: 10px;
}
.checkout-simplecheckout .product-card__img {
width: 100%;
margin-right: 0;
}
.checkout-simplecheckout .product-card__name {
font-size: 14px;
min-height: 70px;
}
.checkout-simplecheckout .product-card:only-child .product-card__name {
min-height: auto;
}
.checkout-simplecheckout.product-card:only-child .product-card__img {
margin-bottom: 15px;
}
.checkout-simplecheckout .product-card:only-child .product-card__quantity.input-group.quantity {
text-align: center;
}
.checkout-simplecheckout .product-card__img img {
width: 100%;
}
.checkout-simplecheckout .product-card__quantity.input-group.quantity {
max-width: unset;
margin-top: 0 !important;
}
.simplecheckout-totals {
position: fixed;
bottom: 2px;
border-radius: 6px;
left: 2px;
padding: 10px;
width: 100vw;
background-color: #e4f3e9;
z-index: 9999;
/* display: block; */
justify-content: flex-start;
}
.simplecheckout-totals .checkout-total__box {
width: calc(100vw - 180px);
}
.simplecheckout-totals .checkout-total__name {
display: none;
}
.simplecheckout-totals .checkout-total__sum {
font-size: 20px;
}
.simplecheckout-totals .checkout-total__item {
justify-content: center;
padding: 6px;
padding-left: 0px;
}
.simplecheckout-button-right {
position: fixed;
bottom: 4px;
right: -4px;
z-index: 10000;
}
.simplecheckout-button-right .btn-primary {
padding: 12px !important;
}
}
@media all and (max-width: 374px) {
.simplecheckout .product-card {
max-width: 100%;
flex-basis: 100%;
max-width: 260px;
margin: 0 auto;
margin-bottom: 20px !important;
padding: 10px;
}
.checkout-simplecheckout .product-card__img {
margin-bottom: 15px;
}
.checkout-simplecheckout .product-card__name {
min-height: auto;
}
.checkout-simplecheckout .product-card__quantity.input-group.quantity {
text-align: center;
}
}
@media (pointer:coarse) {
.product-thumb:hover .button-group-hover {
display: none;
}
}