body {
max-width: 100%;
overflow-x: hidden;
font-family: "Manrope", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 14px;
color: #111111;
padding-top: 122px;
background: #ffffff;
}
.no-scroll body {
overflow-y: hidden;
}
@media (max-width: 480px) {
body {
padding-top: 82px;
}
}
@media (min-width: 1338px) {
.container {
width: calc(1288px + 30px);
}
}
@media (min-width: 1470px) {
.container {
width: calc(1440px + 30px);
}
}
@media (max-width: 767px) {
.container {
max-width: 100%;
}
}
.wrapper {
min-height: 100vh;
display: flex;
flex-direction: column;
overflow: hidden;
}
@supports (overflow: clip) {
.wrapper {
overflow: clip;
}
}
.wrapper > main {
flex: 1 1 auto;
}
.wrapper > * {
min-width: 0;
}
.no-scroll .wrapper {
padding-right: 15px;
}
.no-scroll.touch .wrapper {
padding-right: 0;
}
h1 {
font-family: "Forum";
font-style: normal;
font-weight: 400;
font-size: 36px;
line-height: 60px;
text-transform: uppercase;
text-align: center;
margin-top: 30px;
margin-bottom: 16px;
}
@media (max-width: 480px) {
h1 {
font-size: 28px;
line-height: 35px;
}
}
img {
max-width: 100%;
}
#header {
position: fixed;
z-index: 3;
width: 100%;
top: 0;
left: 50%;
transform: translateX(-50%);
background-color: transparent;
/* transition: background-color 0.8s ease-in-out, filter 0.8s ease-in-out; */
}
#header img {
max-width: 100%;
}
#header .navbar-brand img {
max-width: 75px;
}
#header img, #header svg {
vertical-align: middle;
}
#header p {
padding: 0;
margin: 0;
}
#header a {
display: inline-flex;
}
#header a:hover, #header a:focus, #header a:focus-visible {
outline: 0;
outline-offset: 0;
text-decoration: none;
}
#header input {
border: none;
}
#header input:focus-visible {
border: none;
outline: none;
}
#header h2 {
font-family: "Forum";
font-size: 36px;
line-height: 60px;
text-transform: uppercase;
margin-top: 0;
}
@media (max-width: 480px) {
#header h2 {
font-size: 28px;
line-height: 46px;
}
}
#header h3 {
font-family: "Forum";
font-size: 28px;
line-height: 31px;
text-transform: uppercase;
}
@media (max-width: 991px) {
#header h3 {
font-size: 24px;
line-height: 26px;
}
}
@media (max-width: 480px) {
#header h3 {
font-size: 22px;
line-height: 46px;
}
}
#header h4 {
font-family: "Forum";
font-size: 24px;
line-height: 26px;
text-transform: uppercase;
}
#header h5 {
font-weight: 600;
font-size: 16px;
line-height: 22px;
text-transform: uppercase;
}
#header h6 {
font-weight: 800;
font-size: 14px;
line-height: 19px;
text-transform: uppercase;
color: #FFFFFF;
}
#header .hidden {
display: none;
}
@media (max-width: 480px) {
#header .mobile-hidden {
display: none;
}
}
#header .btn-null {
border: none;
background-color: transparent;
}
#header .btn-null:hover, #header .btn-null:focus, #header .btn-null:focus-visible, #header .btn-null:active {
outline-offset: 0;
outline: none;
box-shadow: none;
}
#header .link-to-more {
margin-top: auto;
font-size: 12px;
line-height: 16px;
text-transform: uppercase;
color: #111111;
width: -moz-fit-content;
width: fit-content;
border-bottom: 1px solid rgba(17, 17, 17, 0.6);
}
#header .btn-to-more {
font-weight: 500;
font-size: 12px;
line-height: 26px;
text-transform: uppercase;
color: #FFFFFF;
padding: 11px 41px;
background: #111111;
border-radius: 1px;
}
.no-scroll #header {
padding-right: 15px;
}
.no-scroll.touch #header {
padding-right: 0;
}
#header.white-text {
filter: invert(1) grayscale(1) brightness(1.5);
}
#header:not(.white-text) {
background-color: rgb(255, 255, 255);
filter: none;
}
.has-transition {
transition: background-color 0.8s ease-in-out, filter 0.8s ease-in-out;
}
#header:hover, #header.openMenu {
background-color: rgb(255, 255, 255);
filter: none;
}
#header .container {
margin-top: 22px;
}
@media (max-width: 480px) {
#header .container {
margin-top: 15px;
}
}
#header .custom-navbar {
height: 122px;
background-color: transparent;
border: none;
margin-bottom: 0;
}
@media (max-width: 480px) {
#header .custom-navbar {
height: 82px;
}
}
#header .custom-navbar .navbar-left, #header .custom-navbar .navbar-right {
display: inline-block;
vertical-align: middle;
padding-right: 10px;
}
#header .custom-navbar .navbar-left .navbar-collapse {
padding-inline: 0;
}
#header .custom-navbar .navbar-left .navbar-collapse .navbar-nav > li > a {
font-weight: 600;
font-size: 12px;
line-height: 16px;
text-transform: uppercase;
color: #111111;
padding-block: 16px;
padding-inline: 16px;
}
#header .custom-navbar .navbar-left .navbar-collapse .navbar-nav > li:first-child a {
padding-left: 0;
padding-right: 16px;
}
#header .custom-navbar .navbar-left li .desctopHeaderMenu {
display: none;
}
#header .custom-navbar .navbar-left li .desctopHeaderMenu.active {
position: fixed;
top: 100%;
left: 0;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
background-color: #fff;
}
#header .custom-navbar .navbar-left li .desctopHeaderMenu-top {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
gap: 50px;
padding-top: 60px;
padding-bottom: 50px;
border-top: 1px solid rgba(208, 208, 208, 0.3);
border-bottom: 1px solid rgba(208, 208, 208, 0.3);
}
#header .custom-navbar .navbar-left li .desctopHeaderMenu-top .link-to-more {
text-transform: lowercase;
}
#header .custom-navbar .navbar-left li .desctopHeaderMenu-top .link-to-more::first-letter {
text-transform: uppercase;
}
#header .custom-navbar .navbar-left li .desctopHeaderMenu-top-flex {
display: flex;
gap: 20px;
}
#header .custom-navbar .navbar-left li .desctopHeaderMenu-top-item {
display: flex;
flex-direction: column;
align-items: center;
gap: 12px;
}
#header .custom-navbar .navbar-left li .desctopHeaderMenu-top-item img {
aspect-ratio: 1;
width: 265px;
-o-object-fit: contain;
object-fit: contain;
}
#header .custom-navbar .navbar-left li .desctopHeaderMenu-top-item span {
font-weight: 600;
font-size: 12px;
line-height: 16px;
text-align: center;
text-transform: uppercase;
color: #111111;
}
#header .custom-navbar .navbar-left li .desctopHeaderMenu-bottom {
display: flex;
flex-direction: column;
align-items: center;
gap: 30px;
padding-top: 42px;
padding-bottom: 40px;
}
#header .custom-navbar .navbar-left li .desctopHeaderMenu-bottom p {
font-weight: 600;
line-height: 19px;
text-align: center;
text-transform: uppercase;
}
#header .custom-navbar .navbar-left li .desctopHeaderMenu-bottom-flex {
display: flex;
gap: 30px;
}
#header .custom-navbar .navbar-left li .desctopHeaderMenu-bottom-link {
font-size: 12px;
line-height: 16px;
text-align: center;
text-transform: uppercase;
color: #111111;
}
#header .custom-navbar .navbar-right ul > li {
display: inline-block;
}
@media (max-width: 767px) {
#header .custom-navbar .navbar-right .navbar-right-icons {
margin-block: 0;
}
}
#header .custom-navbar .navbar-right .navbar-right-icons > li > a {
padding: 12px;
}
@media (max-width: 991px) {
#header .custom-navbar .navbar-right .navbar-right-icons > li > a {
padding-inline: 9px;
}
}
@media (max-width: 480px) {
#header .custom-navbar .navbar-right .navbar-right-icons > li > a {
padding-inline: 7px;
}
}
#header .custom-navbar .navbar-center {
display: inline-block;
vertical-align: middle;
text-align: center;
width: 100%;
position: absolute;
left: 0;
top: 0;
height: 100%;
pointer-events: none;
}
#header .custom-navbar .navbar-center .navbar-brand {
position: absolute;
height: auto;
left: 50%;
transform: translateX(-50%);
top: 14px;
pointer-events: auto;
padding: 0;
}
@media (min-width: 768px) {
#header .custom-navbar .navbar-center .navbar-brand {
margin-left: 0;
}
}
@media (max-width: 480px) {
#header .custom-navbar .navbar-center .navbar-brand {
top: 12px;
}
#header .custom-navbar .navbar-center .navbar-brand img {
max-width: 55px;
}
}
#header .custom-navbar .navbar-form {
border: none;
margin-block: 12px;
box-shadow: none;
}
#header .custom-navbar .navbar-form:focus-visible {
outline: none;
}
@media (max-width: 991px) {
#header .custom-navbar .navbar-form {
padding-left: 9px;
}
}
@media (max-width: 767px) {
#header .custom-navbar .navbar-form {
padding-block: 0;
}
#header .custom-navbar .navbar-form .input-group-btn {
width: auto;
}
}
@media (max-width: 480px) {
#header .custom-navbar .navbar-form {
padding-left: 7px;
}
}
#header .custom-navbar .navbar-form button {
width: 20px;
height: 20px;
padding: 0;
color: #111111;
background-image: none;
box-shadow: none;
}
#header .custom-navbar .navbar-form button svg {
vertical-align: top;
}
#header .custom-navbar .navbar-form input {
height: auto;
font-weight: 600;
line-height: 20px;
color: #111111;
background-color: transparent;
box-shadow: none;
border-radius: 0;
border: none;
width: 70px;
padding: 0 8px;
transition: width 0.3s ease-in;
}
@media (max-width: 991px) {
#header .custom-navbar .navbar-form input {
width: 0;
}
#header .custom-navbar .navbar-form input:focus {
width: 70px;
}
}
#header .custom-navbar .navbar-form input::-moz-placeholder {
font-weight: 600;
line-height: 19px;
color: #111111;
}
#header .custom-navbar .navbar-form input::placeholder {
font-weight: 600;
line-height: 19px;
color: #111111;
}
@media (max-width: 991px) {
#header .custom-navbar .navbar-form .form-group {
width: 0;
display: inline-block;
}
}
@media (max-width: 991px) {
#header .custom-navbar .navbar-form:hover .form-group,
#header .custom-navbar .navbar-form:hover input {
width: 70px;
}
}
#header .mobile-menu {
position: absolute;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background-color: rgba(208, 208, 208, 0.3);
}
#header .mobile-menu .mobileMenu-wrapper {
max-width: 548px;
width: 100%;
height: 100%;
background-color: #fff;
padding: 0 15px;
overflow-y: scroll !important;
overflow-x: hidden;
-ms-overflow-style: none;
scrollbar-width: none;
}
#header .mobile-menu .mobileMenu-wrapper::-webkit-scrollbar {
display: none;
}
#header .mobile-menu .mobileMenu-wrapper .navbar-center {
position: sticky;
z-index: 1;
top: 0;
left: 0;
width: 100%;
display: flex;
align-items: center;
background-color: #fff;
}
@media (max-width: 991px) {
#header .mobile-menu .mobileMenu-wrapper .navbar-center {
padding-top: 15px;
}
}
@media (max-width: 480px) {
#header .mobile-menu .mobileMenu-wrapper .navbar-center {
justify-content: center;
}
}
#header .mobile-menu .mobileMenu-wrapper .navbar-center .navbar-brand {
height: auto;
float: none !important;
padding-top: 0;
}
#header .mobile-menu .mobileMenu-wrapper .navbar-center .navbar-brand img {
max-width: 55px;
}
#header .mobile-menu .mobileMenu-wrapper .navbar-center .btn-close {
position: absolute;
width: -moz-fit-content;
width: fit-content;
height: -moz-fit-content;
height: fit-content;
top: 15px;
right: 0;
padding: 0;
}
#header .mobile-menu #headerMenuAccordion {
padding-top: 35px;
overflow-y: auto;
}
#header .mobile-menu #headerMenuAccordion .panel {
border-radius: 0;
border: none;
}
#header .mobile-menu #headerMenuAccordion .panel-heading {
background-color: transparent;
border: none;
padding-block: 25px;
padding-inline: 0;
}
#header .mobile-menu #headerMenuAccordion .panel-heading h4 {
position: relative;
font-family: "Manrope", sans-serif;
font-size: 12px;
line-height: 16px;
text-transform: uppercase;
color: #111111;
}
#header .mobile-menu #headerMenuAccordion .panel-heading h4 a {
width: 100%;
}
#header .mobile-menu #headerMenuAccordion .panel-heading h4 a[aria-expanded="false"]::after {
content: url('data:image/svg+xml,');
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
}
#header .mobile-menu #headerMenuAccordion .panel-heading h4 a[aria-expanded="true"]::after {
content: url('data:image/svg+xml,');
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
}
#header .mobile-menu #headerMenuAccordion .panel-collapse {
border: none;
}
#header .mobile-menu #headerMenuAccordion .panel-body {
display: flex;
flex-direction: column;
border: none;
padding-top: 0;
}
#header .mobile-menu #headerMenuAccordion .panel-body a {
font-size: 12px;
line-height: 16px;
color: #111111;
}
#header .mobile-menu #headerMenuAccordion .panel-body a:nth-child(n + 2) {
margin-top: 20px;
}
#header #mobMenuFooter {
position: sticky;
left: 0;
top: 100%;
/* bottom: 0; */
width: 100vw;
max-height: 500px;
background: #111111;
color: #ffffff;
padding: 33px 16px 50px 16px;
margin-left: -15px;
}
#header #mobMenuFooter .menu-bottom-list {
list-style: none;
padding-left: 0;
}
#header #mobMenuFooter .menu-bottom-list li a {
align-items: center;
font-family: 'Manrope';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 16px;
text-transform: uppercase;
color: #FFFFFF;
}
#header #mobMenuFooter .menu-bottom-list li svg {
margin-right: 10px;
}
#header #mobMenuFooter .menu-bottom-list li+li {
padding-top: 24px;
}
@media (min-width: 992px) {
#header #mobMenuFooter {
display: none;
}
}
@media (max-width: 991px) {
#header .navbar-toggle {
display: block;
padding-block: 12px;
padding-right: 9px;
padding-left: 0;
border-radius: 0;
margin: 0;
}
}
@media (max-width: 991px) and (max-width: 480px) {
#header .navbar-toggle {
padding-right: 7px;
}
}
@media (max-width: 991px) {
#header .navbar-collapse {
border-top: 1px solid #eee;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
#header .navbar-collapse.collapse {
display: none !important;
}
#header .navbar-collapse.collapse.in {
display: block !important;
}
#header .navbar-nav {
float: none !important;
}
#header .navbar-nav > li {
float: none;
}
#header .navbar-nav > li > a {
padding-top: 10px;
padding-bottom: 10px;
}
#header #desktopMenu {
display: none !important;
}
}
#common-home {
position: relative;
}
#common-home body {
padding-top: 0;
}
#common-home img {
max-width: 100%;
}
#common-home img, #common-home svg {
vertical-align: middle;
}
#common-home p {
padding: 0;
margin: 0;
}
#common-home a {
display: inline-flex;
}
#common-home a:hover, #common-home a:focus, #common-home a:focus-visible {
outline: 0;
outline-offset: 0;
text-decoration: none;
}
#common-home input {
border: none;
}
#common-home input:focus-visible {
border: none;
outline: none;
}
#common-home h1 {
margin-top: 0;
}
#common-home h2 {
font-family: "Forum";
font-size: 36px;
line-height: 60px;
text-transform: uppercase;
margin-top: 0;
}
@media (max-width: 480px) {
#common-home h2 {
font-size: 28px;
line-height: 46px;
}
}
#common-home h3 {
font-family: "Forum";
font-size: 28px;
line-height: 31px;
text-transform: uppercase;
}
@media (max-width: 991px) {
#common-home h3 {
font-size: 24px;
line-height: 26px;
}
}
@media (max-width: 480px) {
#common-home h3 {
font-size: 22px;
line-height: 46px;
}
}
#common-home h4 {
font-family: "Forum";
font-size: 24px;
line-height: 26px;
text-transform: uppercase;
}
#common-home h5 {
font-weight: 600;
font-size: 16px;
line-height: 22px;
text-transform: uppercase;
}
#common-home h6 {
font-weight: 800;
font-size: 14px;
line-height: 19px;
text-transform: uppercase;
color: #FFFFFF;
}
#common-home .hidden {
display: none;
}
@media (max-width: 480px) {
#common-home .mobile-hidden {
display: none;
}
}
#common-home .btn-null {
border: none;
background-color: transparent;
}
#common-home .btn-null:hover, #common-home .btn-null:focus, #common-home .btn-null:focus-visible, #common-home .btn-null:active {
outline-offset: 0;
outline: none;
box-shadow: none;
}
#common-home .link-to-more {
margin-top: auto;
font-size: 12px;
line-height: 16px;
text-transform: uppercase;
color: #111111;
width: -moz-fit-content;
width: fit-content;
border-bottom: 1px solid rgba(17, 17, 17, 0.6);
}
#common-home .btn-to-more {
font-weight: 500;
font-size: 12px;
line-height: 26px;
text-transform: uppercase;
color: #FFFFFF;
padding: 11px 41px;
background: #111111;
border-radius: 1px;
}
.video-banner {
position: relative;
min-width: 100vw;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
}
.video-banner video {
display: block;
}
.video-banner .video-desctop,
.video-banner .video-mobile {
position: relative;
}
.video-banner .buttons-controls {
position: absolute;
z-index: 1;
width: calc(100% - 44px);
bottom: 20px;
left: 50%;
transform: translateX(-50%);
display: flex;
align-items: center;
justify-content: space-between;
}
@media (min-width: 1470px) {
.video-banner .buttons-controls {
width: calc(100% - 40px);
}
}
.video-banner .buttons-controls button {
width: 24px;
height: 24px;
display: inline-flex;
align-items: center;
justify-content: center;
background: transparent;
border: none;
padding: 0;
}
.video-banner .buttons-controls button svg {
width: 100%;
height: 100%;
}
@media (max-width: 480px) {
.video-banner .buttons-controls button {
width: 16px;
height: 16px;
}
.video-banner .buttons-controls button svg {
width: 16px;
height: 16px;
}
}
.video-banner .buttons-controls .custom-controls {
width: 100%;
display: flex;
align-items: center;
justify-content: flex-end;
gap: 7px;
}
#common-home .video-37.video-banner .video-desctop .buttons-controls,
#common-home .video-37.video-banner .video-mobile .buttons-controls {
/* display: none; */
}
#common-home .video-38.video-banner .video-desctop .buttons-controls .resize-btn {
display: none;
}
#common-home .video-43.video-banner .video-desctop {
max-width: 1000px;
margin-inline: auto;
}
#common-home .video-43.video-banner .video-desctop video {
aspect-ratio: 5 / 3;
object-fit: cover;
}
@media (min-width: 1440px) {
#common-home .video-43.video-banner .video-desctop {
max-width: 1288px;
}
}
@media (max-width: 768px) {
#common-home .video-38.video-banner .video-mobile .buttons-controls {
display: none;
}
#common-home .video-43.video-banner .video-mobile {
max-width: 568px;
margin-inline: auto;
}
}
@media (max-width: 425px) {
#common-home .video-43.video-banner .video-mobile {
max-width: 343px;
}
}
#common-home .video {
position: relative;
}
#common-home .video-wrapper {
position: relative;
}
#common-home .video-wrapper video {
display: block;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
#common-home .video-wrapper .buttons-controls {
position: absolute;
z-index: 1;
width: calc(100% - 44px);
bottom: 22px;
left: 50%;
transform: translateX(-50%);
display: flex;
align-items: center;
justify-content: space-between;
}
@media (min-width: 1470px) {
#common-home .video-wrapper .buttons-controls {
width: calc(100% - 120px);
}
}
#common-home .video-wrapper .buttons-controls button {
width: 24px;
height: 24px;
display: inline-flex;
align-items: center;
justify-content: center;
background: transparent;
border: none;
padding: 0;
}
#common-home .video-wrapper .buttons-controls button svg {
width: 100%;
height: 100%;
}
@media (max-width: 480px) {
#common-home .video-wrapper .buttons-controls button {
width: 16px;
height: 16px;
}
#common-home .video-wrapper .buttons-controls button svg {
width: 16px;
height: 16px;
}
}
#common-home .video-wrapper .buttons-controls .custom-controls {
width: 100%;
display: flex;
align-items: center;
justify-content: flex-end;
gap: 7px;
}
@media (min-width: 320px) {
#common-home .video.banner video {
aspect-ratio: 25/34;
}
}
@media (min-width: 480px) {
#common-home .video.banner video {
aspect-ratio: 1;
}
}
@media (min-width: 767px) {
#common-home .video.banner video {
aspect-ratio: 1.837/1;
}
}
#common-home .video.banner .container {
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 15.306122%; /* 120/784 */
color: #fff;
}
@media (max-width: 991px) {
#common-home .video.banner .container {
bottom: 9.569378%; /* 40/418 */
}
}
@media (max-width: 767px) {
#common-home .video.banner .container {
width: 100%;
}
}
#common-home .video.banner .container .banner-title {
font-family: "Forum";
font-size: 36px;
line-height: 46px;
text-transform: capitalize;
margin-bottom: 12px;
}
@media (max-width: 991px) {
#common-home .video.banner .container .banner-title {
max-width: 307px;
/* height: 46px;
overflow: hidden; */
}
}
@media (max-width: 480px) {
#common-home .video.banner .container .banner-title {
max-width: 253px;
height: auto;
overflow: visible;
font-size: 28px;
line-height: 38px;
margin-bottom: 10px;
}
}
#common-home .video.banner .container .banner-text {
max-width: 600px;
line-height: 24px;
text-transform: lowercase;
}
@media (max-width: 991px) {
#common-home .video.banner .container .banner-text {
max-width: 388px;
/* height: 48px;
overflow: hidden; */
}
}
@media (max-width: 480px) {
#common-home .video.banner .container .banner-text {
max-width: 240px;
height: 57px;
font-size: 12px;
line-height: 19px;
}
}
#common-home .video.banner .container .banner-text::first-letter {
text-transform: uppercase;
}
@media (min-width: 320px) {
#common-home .video.full video {
aspect-ratio: 25/34;
}
}
@media (min-width: 480px) {
#common-home .video.full video {
aspect-ratio: 1;
}
}
@media (min-width: 767px) {
#common-home .video.full video {
aspect-ratio: 1.85/1;
}
}
@media (min-width: 991px) {
#common-home .video.full video {
aspect-ratio: 1.93/1;
}
}
#common-home .video.small .row {
display: flex;
justify-content: center;
}
#common-home .video.small .video-wrapper {
width: 100%;
padding-inline: 15px;
}
@media (min-width: 320px) {
#common-home .video.small .video-wrapper {
max-width: 373px;
}
}
@media (min-width: 480px) {
#common-home .video.small .video-wrapper {
max-width: 598px;
}
}
@media (min-width: 991px) {
#common-home .video.small .video-wrapper {
max-width: 1030px;
}
}
@media (min-width: 1470px) {
#common-home .video.small .video-wrapper {
max-width: 100%;
}
}
#common-home .video.small .video-wrapper video {
aspect-ratio: 5/3;
}
#common-home .video.small .video-wrapper .buttons-controls {
width: calc(100% - 70px);
}
@media (min-width: 1470px) {
#common-home .video.small .video-wrapper .buttons-controls {
width: calc(100% - 44px);
}
}
#common-home .modul_36,
#common-home .modul_39,
#common-home .modul_42 {
padding-top: 80px;
}
@media (min-width: 1318px) {
#common-home .modul_36,
#common-home .modul_39,
#common-home .modul_42 {
padding-top: 120px;
}
}
@media (max-width: 991px) {
#common-home .modul_36,
#common-home .modul_39,
#common-home .modul_42 {
padding-top: 60px;
}
}
@media (max-width: 480px) {
#common-home .modul_36,
#common-home .modul_39,
#common-home .modul_42 {
padding-top: 50px;
}
}
#common-home .modul_36 .text,
#common-home .modul_39 .text,
#common-home .modul_42 .text {
max-width: 634px;
margin-inline: auto;
padding-inline: 15px;
}
#common-home .modul_36 .text h2,
#common-home .modul_39 .text h2,
#common-home .modul_42 .text h2 {
text-align: center;
margin-bottom: 12px;
}
@media (max-width: 991px) {
#common-home .modul_36 .text h2,
#common-home .modul_39 .text h2,
#common-home .modul_42 .text h2 {
margin-bottom: 6px;
}
}
@media (max-width: 480px) {
#common-home .modul_36 .text h2,
#common-home .modul_39 .text h2,
#common-home .modul_42 .text h2 {
margin-bottom: 4px;
}
}
#common-home .modul_36 .text p,
#common-home .modul_39 .text p,
#common-home .modul_42 .text p {
line-height: 24px;
text-align: center;
text-transform: uppercase;
}
@media (max-width: 991px) {
#common-home .modul_36 .text p,
#common-home .modul_39 .text p,
#common-home .modul_42 .text p {
max-width: 634px;
overflow: hidden;
margin-inline: auto;
}
}
@media (max-width: 480px) {
#common-home .modul_36 .text p, #common-home .modul_39 .text p, #common-home .modul_42 .text p {
max-width: 343px;
font-size: 12px;
line-height: 19.5px;
}}
#common-home .modul_36 .text p+p,
#common-home .modul_39 .text p+p,
#common-home .modul_42 .text p + p {
margin-top: 24px;
}
@media (max-width: 991px) {
#common-home .modul_36 .text p+p,
#common-home .modul_39 .text p+p,
#common-home .modul_42 .text p + p {
/* display: none; */
}
}
#common-home .modul_52 {
padding-inline: 15px;
margin-bottom: 100px;
}
#common-home .modul_52 .text p+p {
margin-top: 15px;
}
/* #common-home .modul_52 .btn-more {
display: none;
} */
@media (max-width: 480px) {
#common-home .modul_52 {
padding-inline: 15px;
margin-bottom: 60px;
}
#common-home .modul_52 .text {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 7;
-webkit-box-orient: vertical;
margin-bottom: 10px;
}
#common-home .modul_52 .btn-more {
display: inline-block;
/* font-size: 10px; */
line-height: 150%;
letter-spacing: 0.15px;
text-transform: uppercase;
text-decoration-line: underline;
cursor: pointer;
}
}
#common-home .modul_36 .text .btn-to-more,
#common-home .modul_39 .text .btn-to-more,
#common-home .modul_42 .text .btn-to-more {
margin-top: 30px;
}
@media (max-width: 991px) {
#common-home .modul_36 .text .btn-to-more,
#common-home .modul_39 .text .btn-to-more,
#common-home .modul_42 .text .btn-to-more {
margin-top: 25px;
}
}
@media (max-width: 480px) {
#common-home .modul_36 .text .btn-to-more,
#common-home .modul_39 .text .btn-to-more,
#common-home .modul_42 .text .btn-to-more {
margin-top: 20px;
}
}
#common-home .slider-section {
padding-bottom: 120px;
}
@media (min-width: 1318px) {
#common-home .slider-section {
padding-bottom: 160px;
}
}
@media (max-width: 991px) {
#common-home .slider-section {
padding-block: 100px;
}
}
@media (max-width: 480px) {
#common-home .slider-section {
padding-block: 80px;
}
}
#common-home .gallery {
padding-top: 80px;
padding-bottom: 100px;
}
@media (min-width: 1318px) {
#common-home .gallery {
padding-top: 120px;
padding-bottom: 160px;
}
}
@media (max-width: 768px) {
#common-home .gallery {
padding-top: 60px;
padding-bottom: 100px;
}
}
@media (max-width: 480px) {
#common-home .gallery {
padding-block: 50px;
}
}
#common-home .gallery-flex {
display: flex;
align-items: stretch;
justify-content: center;
gap: 26px;
}
@media (max-width: 991px) {
#common-home .gallery-flex {
flex-wrap: wrap;
}
}
#common-home .gallery-item {
max-width: 303px;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
gap: 12px;
}
@media (max-width: 480px) {
#common-home .gallery-item {
max-width: 164px;
}
}
#common-home .gallery-image {
height: 390px;
position: relative;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
/* padding: 29px 27px; */
}
@media (max-width: 480px) {
#common-home .gallery-image {
height: 164px;
padding-block: 0;
}
}
#common-home .gallery-image a {
height: 100%;
}
#common-home .gallery-image img {
height: 100%;
object-fit: cover;
}
#common-home .gallery-image-new {
position: absolute;
top: 13px;
left: 16px;
line-height: 26px;
text-transform: uppercase;
}
@media (max-width: 480px) {
#common-home .gallery-image-new {
font-size: 10px;
}
}
#common-home a.gallery-image-like {
position: absolute;
height: fit-content;
top: 16px;
right: 16px;
}
#common-home .gallery-description {
display: flex;
flex-direction: column;
align-items: center;
margin-top: auto;
color: #111111;
padding-inline: 25px;
}
#common-home .gallery-description span {
font-weight: 500;
line-height: 26px;
text-align: center;
text-transform: uppercase;
margin-bottom: 5px;
}
@media (max-width: 480px) {
#common-home .gallery-description-title {
font-size: 12px;
line-height: 19px;
}
}
/* #common-home .gallery-description-price {
font-size: 16px;
line-height: 26px;
} */
@media (max-width: 480px) {
#common-home .gallery-description-price {
font-size: 12px;
}
}
#common-home .banner-gallery-31 {
border-top: 1px solid rgba(208, 208, 208, 0.3);
border-bottom: 1px solid rgba(208, 208, 208, 0.3);
padding-block: 70px;
}
@media (min-width: 1318px) {
#common-home .banner-gallery-31 {
padding-block: 100px;
}
}
@media (max-width: 768.5px) {
#common-home .banner-gallery-31 {
padding-block: 60px;
}
}
@media (max-width: 480px) {
#common-home .banner-gallery-31 {
padding-block: 40px;
}
}
@media (min-width: 1318px) {
#common-home .banner-gallery-31 {
width: 100%;
text-align: center;
}
}
#common-home .banner-gallery-31 h2 {
text-align: center;
margin-bottom: 38px;
}
@media (max-width: 768.5px) {
#common-home .banner-gallery-31 h2 {
margin-bottom: 60px;
}
}
@media (max-width: 480px) {
#common-home .banner-gallery-31 h2 {
margin-bottom: 24px;
}
}
#common-home .banner-gallery-31 .banner-flex {
display: flex;
justify-content: center;
flex-wrap: wrap;
padding-inline: 15px;
}
#common-home .banner-gallery-31 .banner-item {
flex: 0 1 20%;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 768.5px) {
#common-home .banner-gallery-31 .banner-item {
flex: 0 1 50%;
}
}
#common-home .banner-gallery-31 .banner-item span {
display: none;
}
#common-home .banner-gallery-30 {
padding-top: 100px;
padding-bottom: 120px;
}
@media (max-width: 768.5px) {
#common-home .banner-gallery-30 {
padding-top: 60px;
padding-bottom: 100px;
}
}
@media (max-width: 480px) {
#common-home .banner-gallery-30 {
padding-bottom: 80px;
}
}
#common-home .banner-gallery-30 h2 {
text-align: center;
margin-bottom: 40px;
}
@media (max-width: 768.5px) {
#common-home .banner-gallery-30 h2 {
margin-bottom: 60px;
}
}
@media (max-width: 480px) {
#common-home .banner-gallery-30 h2 {
margin-bottom: 30px;
}
}
#common-home .banner-gallery-30 .banner-flex {
display: flex;
gap: 26px;
padding-inline: 15px;
}
@media (max-width: 480px) {
#common-home .banner-gallery-30 .banner-flex {
flex-direction: column;
}
}
#common-home .banner-gallery-30 .banner-item {
flex: 1;
position: relative;
display: flex;
justify-content: center;
}
@media (min-width: 480px) and (max-width: 991px) {
#common-home .banner-gallery-30 .banner-item:last-child {
display: none;
}
}
#common-home .banner-gallery-30 .banner-item a {
width: 100%;
}
#common-home .banner-gallery-30 .banner-item img {
width: 100%;
object-fit: cover;
}
@media (min-width: 1318px) {
#common-home .banner-gallery-30 .banner-item picture img {
min-width: 100%;
}
}
@media (min-width: 1318px) {
#common-home .banner-gallery-30 .banner-item picture {
min-width: 100%;
}
}
#common-home .banner-gallery-30 .banner-item span {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
line-height: 19px;
text-align: center;
text-transform: lowercase;
color: transparent;
transition: all 0.4s ease-in;
}
#common-home .banner-gallery-30 .banner-item::after {
content: "";
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: transparent;
transition: all 0.4s ease-in;
}
#common-home .banner-gallery-30 .banner-item:hover::after {
background: rgba(17, 17, 17, 0.6);
}
#common-home .banner-gallery-30 .banner-item:hover span {
z-index: 2;
color: #FFFFFF;
}
#product-category img {
max-width: 100%;
}
#product-category img, #category svg {
vertical-align: middle;
}
#product-category p {
padding: 0;
margin: 0;
}
#product-category a {
display: inline-flex;
}
#product-category a:hover, #product-category a:focus, #product-category a:focus-visible {
outline: 0;
outline-offset: 0;
text-decoration: none;
}
#product-category input {
border: none;
}
#product-category input:focus-visible {
border: none;
outline: none;
}
#product-category h2 {
font-family: "Forum";
font-size: 36px;
line-height: 60px;
text-transform: uppercase;
margin-top: 0;
}
@media (max-width: 480px) {
#product-category h2 {
font-size: 28px;
line-height: 46px;
}
}
#product-category h3 {
font-family: "Forum";
font-size: 28px;
line-height: 31px;
text-transform: uppercase;
}
@media (max-width: 991px) {
#product-category h3 {
font-size: 24px;
line-height: 26px;
}
}
@media (max-width: 480px) {
#product-category h3 {
font-size: 22px;
line-height: 46px;
}
}
#product-category h4 {
font-family: "Forum";
font-size: 24px;
line-height: 26px;
text-transform: uppercase;
}
#product-category h5 {
font-weight: 600;
font-size: 16px;
line-height: 22px;
text-transform: uppercase;
}
#product-category h6 {
font-weight: 800;
font-size: 14px;
line-height: 19px;
text-transform: uppercase;
color: #FFFFFF;
}
#product-category .hidden {
display: none;
}
@media (max-width: 480px) {
#product-category .mobile-hidden {
display: none;
}
}
#product-category .btn-null {
border: none;
background-color: transparent;
}
#product-category .btn-null:hover, #product-category .btn-null:focus, #product-category .btn-null:focus-visible, #product-category .btn-null:active {
outline-offset: 0;
outline: none;
box-shadow: none;
}
#product-category .link-to-more {
margin-top: auto;
font-size: 12px;
line-height: 16px;
text-transform: uppercase;
color: #111111;
width: -moz-fit-content;
width: fit-content;
border-bottom: 1px solid rgba(17, 17, 17, 0.6);
}
#product-category .btn-to-more {
font-weight: 500;
font-size: 12px;
line-height: 26px;
text-transform: uppercase;
color: #FFFFFF;
padding: 11px 41px;
background: #111111;
border-radius: 1px;
}
@media (max-width: 480px) {
#product-category {
padding-top: 32px;
}
.category-filtered {
margin-top: 30px;
}
}
#product-category .text-center.title .row {
padding-block: 60px;
}
@media (min-width: 1318px) {
#product-category .text-center.title .row {
padding-top: 80px;
}
}
@media (max-width: 991px) {
#product-category .text-center.title .row {
padding-block: 40px;
}
}
@media (max-width: 480px) {
#product-category .text-center.title .row {
padding-top: 39px;
padding-bottom: 48px;
}
}
#product-category .text-center.title .text {
max-width: 634px;
margin-inline: auto;
padding-inline: 15px;
}
#product-category h1 {
text-align: center;
margin-bottom: 12px;
}
@media (max-width: 991px) {
#product-category h1 {
margin-bottom: 6px;
}
}
@media (max-width: 480px) {
#product-category h1 {
margin-bottom: 4px;
}
}
#product-category {
padding-bottom: 160px;
}
@media (max-width: 991px) {
#product-category {
padding-bottom: 120px;
}
}
@media (max-width: 480px) {
#product-category {
padding-bottom: 100px;
}
}
#product-category hr {
position: relative;
min-width: 100vw;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
}
#product-category .description-text {
max-width: 634px;
line-height: 24px;
text-align: center;
text-transform: uppercase;
margin-inline: auto;
margin-bottom: 30px;
}
@media (min-width: 1440px) {
#product-category .description-text {
margin-bottom: 40px;
}
}
@media (max-width: 991px) {
#product-category .description-text {
max-width: 634px;
/* height: 72px;
overflow: hidden; */
margin-bottom: 20px;
}
}
@media (max-width: 480px) {
#product-category .description-text {
max-width: 343px;
/* height: 38px; */
font-size: 12px;
line-height: 19px;
margin-bottom: 28px;
}
}
#product-category .text-center.description {
padding-top: 50px;
}
@media (min-width: 1318px) {
#product-category .text-center.description {
padding-top: 100px;
}
}
@media (max-width: 991px) {
#product-category .text-center.description {
padding-top: 40px;
}
}
@media (max-width: 480px) {
#product-category .text-center.description {
padding-top: 30px;
}
}
#product-category .text-center.description .text {
max-width: 880px;
margin-inline: auto;
padding-inline: 15px;
}
@media (max-width: 991px) {
#product-category .text-center.description .text {
max-width: 674px;
}
}
#product-category .text-center.description .text p {
font-family: "Forum";
font-size: 20px;
line-height: 32px;
text-transform: uppercase;
}
@media (max-width: 991px) {
#product-category .text-center.description .text p {
/* height: 96px;
overflow: hidden; */
}
}
@media (max-width: 480px) {
#product-category .text-center.description .text p {
font-size: 16px;
line-height: 26px;
/* height: 78px; */
}
}
#product-category .gallery-list {
padding-top: 60px;
padding-bottom: 20px;
}
@media (min-width: 1318px) {
#product-category .gallery-list {
padding-bottom: 40px;
}
}
@media (max-width: 991px) {
#product-category .gallery-list {
padding-top: 40px;
padding-bottom: 40px;
}
}
@media (max-width: 480px) {
#product-category .gallery-list {
padding-top: 30px;
padding-bottom: 55px;
}
}
#product-category .category-filtered .container {
text-align: center;
}
#product-category .category-filtered .menu-left a,
#product-category .category-filtered .menu-center .input-group .input-group-addon,
#product-category .category-filtered .menu-center .input-group select,
#product-category .category-filtered .menu-right {
font-weight: 400;
font-size: 14px;
line-height: 26px;
color: #111111;
}
@media (max-width: 480px) {
#product-category .category-filtered .menu-left a,
#product-category .category-filtered .menu-center .input-group .input-group-addon,
#product-category .category-filtered .menu-center .input-group select,
#product-category .category-filtered .menu-right {
font-size: 12px;
}
}
#product-category .category-filtered .menu-left {
display: inline-block;
float: left;
}
#product-category .category-filtered .menu-left a {
padding: 0;
}
#product-category .category-filtered .menu-center {
display: inline-block;
}
#product-category .category-filtered .menu-center .input-group .input-group-addon {
background-color: transparent;
border: none;
}
#product-category .category-filtered .menu-center .input-group select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
height: auto;
font-weight: 600;
text-align: center;
border: none;
box-shadow: none;
padding: 0 5px;
}
#product-category .category-filtered .menu-center label {
height: auto;
padding: 0;
}
#product-category .category-filtered .menu-right {
display: inline-block;
float: right;
}
#product-category .category-filtered .menu-right select {
height: auto;
}
#product-category .category-filtered .menu-right .custom-select-wrapper {
position: relative;
display: inline-block;
user-select: none;
}
#product-category .category-filtered .menu-right .custom-select-trigger {
position: relative;
padding-right: 14px;
cursor: pointer;
}
#product-category .category-filtered .menu-right .custom-select-trigger .arrow {
position: absolute;
top: 50%;
right: 0px;
transform: translateY(-75%) rotate(45deg);
width: 6.5px;
height: 6.5px;
border-right: 1px solid #111111;
border-bottom: 1px solid #111111;
transition: transform 0.3s ease-in-out;
}
#product-category .category-filtered .menu-right .custom-select-wrapper.open .custom-select-trigger .arrow {
transform: translateY(0%) rotate(-135deg);
}
#product-category .category-filtered .menu-right .custom-options {
position: absolute;
top: calc(100% + 25px);
right: 0;
background: #FFFFFF;
box-shadow: 0px 0px 15px rgba(17, 17, 17, 0.12);
border-radius: 1px;
z-index: 2;
display: none;
padding-block: 31px;
}
@media (max-width: 480px) {
#product-category .category-filtered .menu-right .custom-options {
padding-block: 23px;
}
}
#product-category .category-filtered .menu-right .custom-option {
white-space: nowrap;
padding: 6px 63px;
cursor: pointer;
display: block;
}
@media (max-width: 480px) {
#product-category .category-filtered .menu-right .custom-option {
padding: 8px 42px;
}
}
#product-category .category-filtered .menu-right .custom-option:hover {
background-color: #e9e9e9;
}
#product-category .category-filtered .menu-right .custom-option[data-selected="true"] {
font-weight: bold;
}
#product-category .category-filtered .form-group {
margin-bottom: 0;
}
#product-category .category-filtered .product-count {
line-height: 26px;
}
#product-category .category-filtered .product-count > span {
font-weight: 600;
}
#product-category .category-filtered .open > .dropdown-menu {
display: flex;
}
#product-category .category-filtered .dropdown-menu-right {
top: calc(100% + 20px);
flex-direction: column;
gap: 10px;
background: #FFFFFF;
box-shadow: 0px 0px 15px rgba(17, 17, 17, 0.14);
border-radius: 1px;
border: none;
padding: 24px 42px;
margin: 0;
}
#product-category .category-filtered .menu-right li a {
width: 100%;
line-height: 22px;
align-items: center;
justify-content: center;
color: #111111;
padding: 0;
}
#product-category .category-filtered .menu-right li a:hover,
#product-category .category-filtered .menu-right li a:focus {
font-weight: 600;
background-color: inherit;
}
#product-category .gallery-list .item {
width: 100%;
display: flex;
flex-direction: column;
gap: 12px;
margin-bottom: 100px;
}
@media (min-width: 1318px) {
#product-category .gallery-list .item {
margin-bottom: 120px;
}
}
@media (max-width: 991px) {
#product-category .gallery-list .item {
margin-bottom: 60px;
}
}
@media (max-width: 480px) {
#product-category .gallery-list .item {
margin-bottom: 25px;
}
}
#product-category .gallery-list .item-image {
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
#product-category .gallery-list .item a {
color: #111111;
font-size: 12px;
line-height: 18px;
padding-inline: 25px;
}
#product-category .gallery-list .item-image a {
height: 100%;
width: 100%;
}
#product-category .gallery-list .item-image img {
object-fit: contain;
}
#product-category .gallery-list .item-image-new {
position: absolute;
top: 13px;
left: 16px;
line-height: 26px;
text-transform: uppercase;
}
#product-category .gallery-list a.item-image-like {
position: absolute;
height: fit-content;
width: fit-content;
top: 16px;
right: 16px;
cursor: pointer;
}
#product-category .gallery-list .item-description {
display: flex;
flex-direction: column;
align-items: center;
margin-top: auto;
text-align: center;
}
#product-category .gallery-list .item-description-title {
font-weight: 500;
line-height: 26px;
text-transform: uppercase;
}
#product-category .gallery-list .item-description-price {
line-height: 26px;
}
#product-category .video-50.video-banner {
position: static;
min-width: 100%;
margin: 0;
}
#product-category .video-50.video-banner .buttons-controls {
bottom: 58px;
}
#product-category .video-50.video-banner .video-desctop .buttons-controls .resize-btn {
display: none;
}
#product-category .video-wrapper {
position: relative;
}
#product-category .video-wrapper video {
display: block;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media (min-width: 320px) {
#product-category .video-wrapper video {
aspect-ratio: 25/34;
}
}
@media (min-width: 480px) {
#product-category .video-wrapper video {
aspect-ratio: 1;
}
}
@media (min-width: 767px) {
#product-category .video-wrapper video {
aspect-ratio: 1.73/1;
}
}
#product-category .video-wrapper .buttons-controls {
position: absolute;
z-index: 1;
width: calc(100% - 44px);
bottom: 22px;
left: 50%;
transform: translateX(-50%);
display: flex;
align-items: center;
justify-content: space-between;
}
@media (min-width: 1470px) {
#product-category .video-wrapper .buttons-controls {
width: calc(100% - 120px);
}
}
#product-category .video-wrapper .buttons-controls button {
width: 24px;
height: 24px;
display: inline-flex;
align-items: center;
justify-content: center;
background: transparent;
border: none;
padding: 0;
}
#product-category .video-wrapper .buttons-controls button svg {
width: 100%;
height: 100%;
}
@media (max-width: 480px) {
#product-category .video-wrapper .buttons-controls button {
width: 16px;
height: 16px;
}
#product-category .video-wrapper .buttons-controls button svg {
width: 16px;
height: 16px;
}
}
#product-category .video-wrapper .buttons-controls .custom-controls {
width: 100%;
display: flex;
align-items: center;
justify-content: flex-end;
gap: 7px;
}
#product-category .more .row {
padding-block: 120px;
}
@media (min-width: 1318px) {
#product-category .more .row {
padding-block: 160px;
}
}
@media (max-width: 991px) {
#product-category .more .row {
padding-block: 100px;
}
#product-category .more .row .col-xs-12 + .col-xs-12 {
margin-top: 68px;
}
}
@media (max-width: 480px) {
#product-category .more .row {
padding-block: 80px;
}
#product-category .more .row .col-xs-12 + .col-xs-12 {
margin-top: 50px;
}
}
#product-category .more .row h2 {
margin-bottom: 40px;
}
@media (min-width: 1318px) {
#product-category .more .row h2 {
margin-bottom: 80px;
}
}
#product-category .more .row img {
width: 100%;
aspect-ratio: 0.93/1;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
overflow: hidden;
margin-bottom: 40px;
}
@media (min-width: 1318px) {
#product-category .more .row img {
margin-bottom: 75px;
}
}
@media (max-width: 480px) {
#product-category .more .row img {
margin-bottom: 20px;
}
}
#product-category .more .row h3 {
margin-bottom: 20px;
}
@media (max-width: 480px) {
#product-category .more .row h3 {
margin-bottom: 2px;
}
}
#product-category .more .row p {
max-width: 490px;
line-height: 24px;
margin-inline: auto;
margin-bottom: 24px;
}
@media (max-width: 480px) {
#product-category .more .row p {
max-width: 343px;
font-size: 12px;
line-height: 19px;
height: 38px;
overflow: hidden;
text-transform: uppercase;
margin-bottom: 16px;
}
}
/* blog */
#blog {
background-color: rgba(208, 208, 208, 0.3);
}
/* #blog .showcase-list {
margin-top: 20px;
} */
/* #blog .showcase-list h1 {
font-family: 'Forum';
font-style: normal;
font-weight: 400;
font-size: 36px;
line-height: 60px;
text-transform: uppercase;
text-align: center;
color: #111111;
margin-bottom: 16px;
} */
#blog .showcase-list .blog-description {
max-width: 634px;
font-family: 'Manrope';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 24px;
text-transform: uppercase;
text-align: center;
color: #111111;
margin-inline: auto;
margin-bottom: 120px;
}
#blog .product-list {
/* margin-top: 120px; */
margin-bottom: 142px;
}
#blog .product-list:last-child {
margin-bottom: 133px;
}
#blog .product-list .product-thumb {
display: flex;
align-items: center;
border: none;
margin-bottom: 0;
}
#blog .product-list.even-class .product-thumb {
flex-direction: row-reverse;
}
#blog .product-list .product-thumb .image {
flex: 1 0 50%;
width: 100%;
float: none;
padding: 0;
}
#blog .product-list .product-thumb .image img {
max-width: 100%;
width: 100%;
aspect-ratio: 631 / 680;
object-fit: cover;
margin-inline: 0;
}
#blog .product-list .product-thumb .caption {
flex: 1 0 50%;
min-height: auto;
text-align: center;
margin-left: 0;
}
#blog .product-list.odd-class .product-thumb .caption {
padding-left: 96px;
padding-right: 0;
}
#blog .product-list.even-class .product-thumb .caption {
padding-right: 96px;
padding-left: 0;
}
#blog .product-list .product-thumb .caption h4 {
font-family: 'Forum';
font-style: normal;
font-weight: 400;
font-size: 28px;
line-height: 31px;
text-align: center;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 20px;
}
#blog .product-list .product-thumb .caption h4 a {
color: #111111;
}
#blog .product-list .product-thumb .caption p {
max-width: 561px;
font-family: 'Manrope';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 24px;
text-align: center;
color: #111111;
margin-inline: auto;
margin-bottom: 24px;
}
#blog .product-list .product-thumb .caption button {
font-family: 'Manrope';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 16px;
text-transform: uppercase;
color: #111111;
border: none;
border-bottom: 1px solid rgba(17, 17, 17, 0.6);
padding: 0;
}
@media (max-width: 991px) {
#blog .showcase-list h1 {
margin-top: 17px;
}
#blog .showcase-list .blog-description {
margin-bottom: 0;
}
#blog .product-list {
margin-top: 50px;
margin-bottom: 0;
}
#blog .product-list:last-child {
margin-bottom: 40px;
}
#blog .product-list .product-thumb {
flex-direction: column;
gap: 14px;
}
#blog .product-list.even-class .product-thumb {
flex-direction: column;
}
#blog .product-list.odd-class .product-thumb .caption {
padding-left: 0;
}
#blog .product-list.even-class .product-thumb .caption {
padding-right: 0;
}
}
#product-product .article-title,
#product-product #tab-description h2,
#product-product #tab-description p,
#product-product #tab-description ul,
#product-product #tab-description span {
max-width: 916px;
margin-inline: auto;
}
#product-product .article-title {
margin-top: 60px;
}
#product-product #tab-description h2 {
font-family: 'Forum';
font-style: normal;
font-weight: 400;
font-size: 28px;
line-height: 31px;
text-transform: uppercase;
color: #111111;
margin-bottom: 20px;
}
#product-product #tab-description p,
#product-product #tab-description ul {
font-family: 'Manrope';
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 24px;
color: #111111;
}
#product-product #tab-description p:has(img) {
max-width: 100%;
width: 100%;
margin-top: 60px;
margin-bottom: 120px;
}
#product-product #tab-description p img {
min-width: 100%;
object-fit: cover;
}
@media (max-width:480px) {
#product-product #tab-description p:has(img) {
margin-top: 30px;
margin-bottom: 16px;
}
}
#tab-description .article-text-center:first-child {
padding-top: 0;
}
#tab-description .article-text-center {
padding-top: 120px;
padding-bottom: 60px;
}
#tab-description .article-text-center:first-child .article-text-wrapper {
text-align: center;
max-width: 634px;
}
#tab-description .article-text-center:first-child .article-text-wrapper h1 {
margin-bottom: 16px;
}
#tab-description .article-text-center:first-child .article-text-wrapper p {
text-transform: uppercase;
}
#tab-description .article-text-center .article-text-wrapper {
max-width: 920px;
width: 100%;
text-align: left;
margin: 0 auto;
}
#tab-description .article-text-center .article-text-wrapper h3 {
font-family: 'Forum';
font-style: normal;
font-weight: 400;
font-size: 28px;
line-height: 31px;
text-transform: uppercase;
margin-bottom: 20px;
}
#tab-description .article-text-center .article-text-wrapper p {
font-weight: 400;
line-height: 24px;
}
#tab-description .article-text-center .article-text-wrapper p+p {
padding-top: 24px;
}
#tab-description .article-posted-flex {
display: flex;
gap: 26px;
}
#tab-description .article-posted-flex .article-posted-item {
flex: 1;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 12px;
}
#tab-description .article-posted-flex .article-posted-item img {
width: 100%;
object-fit: cover;
}
#tab-description .article-posted-flex .article-posted-item span {
font-weight: 300;
line-height: 29px;
color: #111111;
}
#tab-description .follow {
padding-bottom: 120px;
}
#tab-description .follow__container {
text-align: center;
}
#tab-description .follow__title {
font-family: "Forum";
font-size: 16px;
line-height: 38px;
text-transform: uppercase;
text-align: center;
margin-bottom: 22px;
}
#tab-description .follow__links {
display: flex;
align-items: center;
justify-content: center;
gap: 32px;
}
#tab-description .follow__links a {
font-weight: 500;
font-size: 18px;
line-height: 25px;
text-transform: uppercase;
color: #111111;
display: inline-flex;
align-items: center;
gap: 4px;
}
@media (max-width: 991px) {
#product-product .article-title {
margin-top: 17px;
}
#tab-description .article-text-center {
padding-top: 14px;
padding-bottom: 50px;
}
}
@media (max-width: 480px) {
#tab-description .article-text-center:first-child .article-text-wrapper h1 {
margin-bottom: 4px;
}
#tab-description .article-text-center .article-text-wrapper p {
font-size: 12px;
line-height: 19px;
}
#tab-description .article-text-center .article-text-wrapper h3 {
margin-bottom: 2px;
}
}
/* blog end */
/* рекомендовані статті в категорії товару */
.recomended-articles {
padding-top: 120px;
}
.recomended-articles h2 {
/* font-weight: 400;
font-size: 36px;
line-height: 60px;
text-transform: uppercase; */
text-align: center;
color: #111111;
margin-top: 0;
margin-bottom: 40px;
}
@media (min-width: 1440px) {
.recomended-articles h2 {
margin-bottom: 80px;
}
}
@media (max-width: 991px) {
.recomended-articles h2 {
margin-bottom: 60px;
}
}
@media (max-width: 480px) {
.recomended-articles h2 {
margin-bottom: 30px;
}
}
.recomended-articles .product-thumb {
border: none;
margin-bottom: 0;
}
.recomended-articles .product-thumb .image {
overflow: hidden;
margin-bottom: 40px;
}
@media (min-width: 1440px) {
.recomended-articles .product-thumb .image {
margin-bottom: 75px;
}
}
@media (max-width: 991px) {
.recomended-articles .product-thumb .image {
margin-bottom: 40px;
}
}
@media (max-width: 480px) {
.recomended-articles .product-thumb .image {
margin-bottom: 20px;
}
}
.recomended-articles .product-thumb .image img {
aspect-ratio: 631 / 680;
object-fit: cover;
}
.recomended-articles .product-thumb .caption {
min-height: auto;
text-align: center;
}
.recomended-articles .product-thumb .caption h4 {
font-weight: 400;
font-size: 24px;
line-height: 26px;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 20px;
}
.recomended-articles .product-thumb .caption a {
color: #111111;
}
#product-category .recomended-articles .product-thumb .caption p {
max-width: 490px;
font-size: 14px;
line-height: 24px;
height: calc(24px * 2);
overflow: hidden;
margin-inline: auto;
margin-bottom: 24px;
}
.recomended-articles .product-thumb .caption button {
font-weight: 400;
font-size: 12px;
line-height: 16px;
text-transform: uppercase;
color: #111111;
border: none;
background-color: transparent;
border-bottom: 1px solid #111111;
padding: 0;
}
@media (min-width: 1440px) {
.recomended-articles {
padding-top: 160px;
}
.recomended-articles h3 {
margin-bottom: 80px;
}
}
@media (max-width: 991px) {
.recomended-articles .product-layout:not(:last-child) {
margin-bottom: 80px;
}
}
@media (max-width: 768px) {
.recomended-articles {
padding-top: 100px;
}
}
@media (max-width: 480px) {
.recomended-articles .product-layout:not(:last-child) {
margin-bottom: 50px;
}
.recomended-articles {
padding-top: 80px;
}
.recomended-articles h3 {
font-size: 28px;
margin-bottom: 30px;
}
}
/* рекомендовані статті в категорії товару end */
@media (max-width: 480px) {
#information-information {
margin-top: 82px;
}
}
/* про нас */
#information-information h2 {
font-family: "Forum";
font-size: 36px;
line-height: 60px;
text-transform: uppercase;
margin: 0;
}
@media (max-width: 425.5px) {
#information-information h2 {
font-size: 28px;
line-height: 46px;
}
}
#information-information h3 {
font-family: "Forum";
font-size: 28px;
line-height: 31px;
text-transform: uppercase;
}
#information-information h4 {
font-family: "Forum";
font-size: 24px;
line-height: 26px;
text-transform: uppercase;
}
#information-information h5 {
font-weight: 600;
font-size: 16px;
line-height: 22px;
text-transform: uppercase;
}
#information-information h6 {
font-weight: 800;
font-size: 14px;
line-height: 19px;
text-transform: uppercase;
color: #FFFFFF;
}
#information-information .btn-to-more {
font-weight: 500;
font-size: 12px;
line-height: 26px;
text-transform: uppercase;
color: #FFFFFF;
padding: 11px 41px;
background: #111111;
border-radius: 1px;
}
#information-information .link-to-more {
margin-top: auto;
font-size: 12px;
line-height: 16px;
text-transform: uppercase;
color: #111111;
width: -moz-fit-content;
width: fit-content;
border-bottom: 1px solid rgba(17, 17, 17, 0.6);
}
#information-information.info-id-4 .breadcrumb {
display: none;
}
#information-information .video-banner {
max-width: 100vw;
margin-top: -146px;
}
@media (max-width: 480px) {
#information-information .video-banner {
margin-top: -106px;
}
}
#information-information .video {
position: relative;
}
#information-information .video video {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media (min-width: 320px) {
#information-information .video.banner video {
aspect-ratio: 375 / 510;
}
}
@media (min-width: 480px) {
#information-information .video.banner video {
aspect-ratio: 1;
}
}
@media (min-width: 768px) {
#information-information .video.banner video {
aspect-ratio: 1440/858;
}
}
#information-information .video.banner .text-center {
position: absolute;
bottom: 35.198135%;
left: 50%;
transform: translateX(-50%);
color: #fff;
padding: 0;
}
#information-information .video.banner .text-center .text__wrapper {
max-width: 634px;
text-align: center;
}
#information-information .video.banner .text-center .text__wrapper h1 {
color: #FFFFFF;
margin-bottom: 12px;
}
#information-information .video.banner .text-center .text__wrapper p {
line-height: 24px;
text-transform: uppercase;
}
#information-information .text__container {
margin-top: 110px;
margin-bottom: 120px;
}
#information-information .text__title {
max-width: 870px;
font-family: 'Forum';
font-size: 28px;
line-height: 38px;
text-transform: uppercase;
color: #858585;
margin-bottom: 60px;
}
#information-information .text__text {
max-width: 850px;
font-weight: 500;
line-height: 24px;
margin: 0 auto;
}
#information-information .text__text p {
margin-bottom: 0;
}
#information-information .text__text p + p {
padding-top: 24px;
}
#information-information .black-section {
position: relative;
padding-block: 120px;
}
#information-information .black-section::before {
content: '';
position: absolute;
z-index: -1;
width: 101vw;
height: 100%;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background-color: rgba(17, 17, 17, 1);
}
#information-information .black-section h1 {
color: #FFFFFF;
text-align: center;
margin-bottom: 70px;
}
#information-information .black-section picture {
aspect-ratio: 1288 / 858;
overflow: hidden;
}
#information-information .black-section picture img {
max-width: 100%;
width: 100%;
object-fit: cover;
margin-bottom: 80px;
}
#information-information .black-section-text {
max-width: 850px;
margin-inline: auto;
margin-bottom: 96px;
}
#information-information .black-section-text p {
line-height: 24px;
color: #FFFFFF;
margin-bottom: 24px;
}
#information-information .black-section-text+h2 {
padding-top: 24px;
}
#information-information h3 {
font-family: 'Forum';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 38px;
text-transform: uppercase;
text-align: center;
color: #FFFFFF;
padding-top: 64px;
margin-top: 0;
margin-bottom: 34px;
}
#information-information .black-section-links {
display: flex;
align-items: center;
justify-content: center;
gap: 32px;
}
#information-information .black-section-link {
display: inline-flex;
align-items: center;
gap: 3px;
font-weight: 500;
font-size: 18px;
line-height: 25px;
text-transform: uppercase;
color: #FFFFFF;
}
#information-information .black-section-link img {
margin-bottom: 0;
}
@media (min-width: 1440px) {
#information-information .text__container {
margin-block: 120px;
}
#information-information .text__text {
max-width: 977px;
}
#information-information .black-section {
padding-block: 140px;
}
#information-information .black-section h1 {
margin-bottom: 43px;
margin-top: -50px;
}
#information-information .black-section-text {
max-width: 750px;
}
#information-information h3 {
margin-bottom: 42px;
}
}
@media (max-width: 991px) {
#information-information .video.banner .text-center {
bottom: 8.733624%;
}
#information-information .video.banner .text-center .text__wrapper {
max-width: 454px;
}
#information-information .video.banner .text-center .text__wrapper p {
height: calc(24px * 4);
overflow: hidden;
}
#information-information .text__container {
margin-top: 70px;
margin-bottom: 60px;
}
#information-information .text__title {
max-width: 567px;
font-size: 14px;
line-height: 23px;
margin-bottom: 30px;
}
#information-information .text__text {
max-width: 554px;
}
#information-information .black-section {
padding-block: 70px;
}
#information-information .black-section h2 {
margin-bottom: 30px;
}
#information-information .black-section picture img {
margin-bottom: 40px;
}
#information-information .black-section-text {
max-width: 554px;
margin-bottom: 36px;
}
#information-information h3 {
padding-top: 44px;
margin-bottom: 22px;
}
}
@media (max-width: 480px) {
#information-information .video.banner .text-center {
bottom: 23.529412%;
}
#information-information .video.banner .text-center .text__wrapper {
max-width: 275px;
}
#information-information .video.banner .text-center .text__wrapper h1 {
margin-bottom: 4px;
}
#information-information .video.banner .text-center .text__wrapper p {
height: calc(19px * 3);
font-size: 12px;
line-height: 19px;
}
#information-information .text__container {
margin-top: 40px;
margin-bottom: 80px;
}
#information-information .text__title {
max-width: 100%;
margin-bottom: 16px;
}
#information-information .text__text p + p {
padding-top: 16px;
}
#information-information .black-section {
padding-top: 60px;
padding-bottom: 80px;
}
#information-information .black-section picture img {
position: relative;
min-width: 100vw;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
}
#information-information .black-section-text+h2 {
padding-top: 44px;
}
#information-information h3 {
font-size: 12px;
line-height: 38px;
margin-bottom: 8px;
}
#information-information .black-section-links {
gap: 16px;
}
#information-information .black-section-link {
font-size: 12px;
line-height: 16px;
}
#information-information .black-section-link svg {
width: 20px;
height: 20px;
}
#information-information .black-section-link img {
max-width: 36px;
}
}
/* про нас end */
/* партнерські бренди */
#information-information .text-center {
padding-top: 70px;
padding-bottom: 120px;
}
#information-information .text__wrapper {
max-width: 634px;
margin-inline: auto;
}
#information-information .text__wrapper h1 {
margin-bottom: 22px;
}
#information-information .text__wrapper p {
line-height: 24px;
text-transform: uppercase;
}
#information-information .partners {
position: relative;
width: 100vw;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
}
#information-information .partners__container {
padding-inline: 15px;
}
#information-information .partners__flex {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
#information-information .partners__item {
flex: 0 1 20%;
display: flex;
align-items: center;
justify-content: center;
}
#information-information .partners__item img {
max-width: 100%;
}
#information-information .video-small.video-banner {
margin-block: 120px;
padding-inline: 15px;
}
#information-information .video-small.video-banner .video-small-container {
max-width: 1288px;
background-color: rgba(208, 208, 208, 0.3);
padding-block: 80px;
margin-inline: auto;
}
#information-information .video-small.video-banner .video-wrapper {
position: relative;
max-width: 734px;
overflow: hidden;
margin-inline: auto;
margin-bottom: 40px;
}
#information-information .video-small.video-banner .video-wrapper video {
max-width: 100%;
width: 100%;
object-fit: cover;
aspect-ratio: 734 / 445;
}
#information-information .video-small.video-banner .video-wrapper .buttons-controls {
position: absolute;
width: calc(100% - 44px);
left: 22px;
bottom: 22px;
transform: translateX(0%);
display: flex;
align-items: center;
justify-content: space-between;
}
#information-information .video-small.video-banner .video-wrapper .buttons-controls button {
background-color: transparent;
border: none;
box-shadow: none;
padding: 0;
}
#information-information .video-small .text__wrapper {
max-width: 734px;
text-align: center;
}
#information-information .video-small .text__wrapper p {
font-family: 'Forum';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 32px;
margin-bottom: 24px;
}
@media (min-width: 1440px) {
#information-information .text-center {
padding-bottom: 140px;
}
#information-information .video-small.video-banner {
margin-block: 160px;
}
#information-information .partners__flex {
max-width: 1328px;
margin-inline: auto;
}
#information-information .video-small.video-banner .video-small-container {
max-width: 1440px;
padding-block: 100px;
}
#information-information .video-small.video-banner .video-wrapper {
max-width: 825px;
margin-bottom: 50px;
}
}
@media (max-width: 991px) {
#information-information .text-center {
padding-top: 46px;
padding-bottom: 60px;
}
#information-information .partners__item {
flex: 0 1 50%;
}
#information-information .video-small.video-banner {
padding-inline: 0;
margin-block: 100px;
}
#information-information .video-small.video-banner .video-small-container {
padding-block: 60px;
padding-inline: 15px;
}
#information-information .video-small.video-banner .video-wrapper {
max-width: 688px;
margin-bottom: 20px;
}
#information-information .video-small .text__wrapper {
max-width: 681px;
}
#information-information .video-small .text__wrapper p {
height: calc(32px * 3);
overflow: hidden;
}
}
@media (max-width: 480px) {
#information-information .text-center {
padding-top: 17px;
padding-bottom: 24px;
}
#information-information .text__wrapper h1 {
margin-bottom: 4px;
}
#information-information .video-small.video-banner {
margin-top: 60px;
margin-bottom: 80px;
}
#information-information .video-small.video-banner .video-small-container {
padding-block: 40px;
}
#information-information .video-small.video-banner .video-wrapper {
max-width: 343px;
margin-bottom: 30px;
}
#information-information .video-small.video-banner .video-wrapper .buttons-controls {
bottom: 8px;
left: 8px;
width: calc(100% - 16px);
}
#information-information .video-small .text__wrapper {
max-width: 343px;
}
#information-information .video-small .text__wrapper p {
font-size: 16px;
line-height: 26px;
height: calc(26px * 3);
margin-bottom: 16px;
}
}
/* партнерські бренди end */
#footer {
background-color: #111111;
margin-top: 0;
}
#footer img {
max-width: 100%;
}
#footer img, #footer svg {
vertical-align: middle;
}
#footer p {
padding: 0;
margin: 0;
}
#footer a {
display: inline-flex;
}
#footer a:hover, #footer a:focus, #footer a:focus-visible {
outline: 0;
outline-offset: 0;
text-decoration: none;
}
#footer input {
border: none;
}
#footer input:focus-visible {
border: none;
outline: none;
}
#footer h2 {
font-family: "Forum";
font-size: 36px;
line-height: 60px;
text-transform: uppercase;
margin-top: 0;
}
@media (max-width: 480px) {
#footer h2 {
font-size: 28px;
line-height: 46px;
}
}
#footer h3 {
font-family: "Forum";
font-size: 28px;
line-height: 31px;
text-transform: uppercase;
}
@media (max-width: 991px) {
#footer h3 {
font-size: 24px;
line-height: 26px;
}
}
@media (max-width: 480px) {
#footer h3 {
font-size: 22px;
line-height: 46px;
}
}
#footer h4 {
font-family: "Forum";
font-size: 24px;
line-height: 26px;
text-transform: uppercase;
}
#footer h5 {
font-weight: 600;
font-size: 16px;
line-height: 22px;
text-transform: uppercase;
}
#footer h6 {
font-weight: 800;
font-size: 14px;
line-height: 19px;
text-transform: uppercase;
color: #FFFFFF;
}
#footer .hidden {
display: none;
}
@media (max-width: 480px) {
#footer .mobile-hidden {
display: none;
}
}
#footer .btn-null {
border: none;
background-color: transparent;
}
#footer .btn-null:hover, #footer .btn-null:focus, #footer .btn-null:focus-visible, #footer .btn-null:active {
outline-offset: 0;
outline: none;
box-shadow: none;
}
#footer .link-to-more {
margin-top: auto;
font-size: 12px;
line-height: 16px;
text-transform: uppercase;
color: #111111;
width: -moz-fit-content;
width: fit-content;
border-bottom: 1px solid rgba(17, 17, 17, 0.6);
}
#footer .btn-to-more {
font-weight: 500;
font-size: 12px;
line-height: 26px;
text-transform: uppercase;
color: #FFFFFF;
padding: 11px 41px;
background: #111111;
border-radius: 1px;
}
#footer h6 {
font-weight: 800;
font-size: 14px;
line-height: 19px;
text-transform: uppercase;
color: #FFFFFF;
}
#footer .container {
padding-top: 60px;
padding-bottom: 20px;
}
@media (max-width: 991px) {
#footer .container {
padding-top: 40px;
}
}
#footer .footer__title {
display: none;
}
@media (max-width: 991px) {
#footer .footer__title {
display: block;
font-weight: 700;
font-size: 34px;
line-height: 46px;
text-transform: uppercase;
text-align: center;
color: #FFFFFF;
margin-bottom: 40px;
}
}
#footer .footer__top {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 24px;
margin-bottom: 40px;
}
@media (min-width: 1318px) {
#footer .footer__top {
margin-bottom: 108px;
}
}
@media (max-width: 991px) {
#footer .footer__top {
flex-wrap: wrap;
row-gap: 60px;
margin-bottom: 100px;
}
}
@media (max-width: 480px) {
#footer .footer__top {
flex-direction: column;
row-gap: 40px;
margin-bottom: 50px;
}
}
#footer .footer__column {
display: flex;
flex-direction: column;
align-items: flex-start;
}
@media (max-width: 991px) {
#footer .footer__column {
flex: calc(50% - 24px);
}
}
#footer .footer__column h6 {
margin-top: 0;
margin-bottom: 20px;
}
#footer .footer__column a {
font-weight: 300;
font-size: 14px;
line-height: 19px;
color: #FFFFFF;
margin-bottom: 10px;
align-items: center;
gap: 4px;
}
#footer .footer__bottom-contacts {
display: flex;
align-items: flex-end;
justify-content: space-between;
margin-bottom: 32px;
}
@media (max-width: 991px) {
#footer .footer__bottom-contacts {
flex-direction: column;
align-items: flex-start;
gap: 60px;
margin-bottom: 12px;
}
}
@media (max-width: 480px) {
#footer .footer__bottom-contacts {
gap: 50px;
}
}
#footer .footer__bottom-left {
display: flex;
flex-direction: column;
align-items: flex-start;
}
#footer .footer__bottom-left p {
font-size: 13px;
line-height: 19px;
color: rgba(255, 255, 255, 0.8);
max-width: 300px;
margin-bottom: 14px;
}
#footer .footer__bottom-left a {
font-size: 14px;
line-height: 19px;
color: #FFFFFF;
border-bottom: 1px solid rgba(255, 255, 255, 0.6);
margin-bottom: 30px;
}
#footer .footer__bottom-left a:last-child {
margin-bottom: 0;
}
@media (max-width: 480px) {
#footer .footer__bottom-left a {
margin-bottom: 12px;
}
#footer .footer__bottom-left a:last-child {
margin-bottom: 0;
}
}
#footer .footer__bottom-left .footer__column {
margin-top: 30px;
gap: 12px;
}
@media (max-width: 480px) {
#footer .footer__bottom-left .footer__column {
margin-top: 38px;
}
}
#footer .footer__bottom-left .footer__column h6 {
margin-bottom: 8px;
}
#footer .footer__bottom-left .footer__column a {
border-bottom: none;
margin: 0;
}
#footer .footer__bottom-right {
display: flex;
gap: 20px;
}
#footer .footer__bottom-copy {
display: flex;
align-items: center;
justify-content: space-between;
}
@media (max-width: 991px) {
#footer .footer__bottom-copy {
flex-direction: row-reverse;
}
}
#footer .footer__bottom-copy span {
font-weight: 200;
font-size: 12px;
line-height: 25px;
display: flex;
align-items: center;
justify-content: flex-end;
color: #FFFFFF;
mix-blend-mode: normal;
opacity: 0.8;
}
#footer .footer-language {
display: flex;
align-items: center;
gap: 7px;
color: #FFFFFF;
}
@media (max-width: 991px) {
#footer .footer-language {
gap: 0;
padding-right: 5px;
}
}
#footer .footer-language span {
font-size: 14px;
font-weight: 300;
line-height: 19px;
}
@media (max-width: 991px) {
#footer .footer-language span {
display: none;
}
}
#footer .footer-language button {
position: relative;
background-color: transparent;
border: none;
text-transform: uppercase;
}
#footer .footer-language button::after {
content: url('data:image/svg+xml,');
position: absolute;
top: 44%;
transform: translateY(-50%);
right: -6px;
}
.subscribe {
background-color: rgb(17 17 17);
}
.subscribe img {
max-width: 100%;
}
.subscribe img, .subscribe svg {
vertical-align: middle;
}
.subscribe p {
padding: 0;
margin: 0;
}
.subscribe a {
display: inline-flex;
}
.subscribe a:hover, .subscribe a:focus, .subscribe a:focus-visible {
outline: 0;
outline-offset: 0;
text-decoration: none;
}
.subscribe input {
border: none;
}
.subscribe input:focus-visible {
border: none;
outline: none;
}
.subscribe h2 {
font-family: "Forum";
font-size: 36px;
line-height: 60px;
text-transform: uppercase;
margin-top: 0;
}
@media (max-width: 480px) {
.subscribe h2 {
font-size: 28px;
line-height: 46px;
}
}
.subscribe h3 {
font-family: "Forum";
font-size: 28px;
line-height: 31px;
text-transform: uppercase;
}
@media (max-width: 991px) {
.subscribe h3 {
font-size: 24px;
line-height: 26px;
}
}
@media (max-width: 480px) {
.subscribe h3 {
font-size: 22px;
line-height: 46px;
}
}
.subscribe h4 {
font-family: "Forum";
font-size: 24px;
line-height: 26px;
text-transform: uppercase;
}
.subscribe h5 {
font-weight: 600;
font-size: 16px;
line-height: 22px;
text-transform: uppercase;
color: #fff;
}
.subscribe h6 {
font-weight: 800;
font-size: 14px;
line-height: 19px;
text-transform: uppercase;
color: #FFFFFF;
}
.subscribe .hidden {
display: none;
}
@media (max-width: 480px) {
.subscribe .mobile-hidden {
display: none;
}
}
.subscribe .btn-null {
border: none;
background-color: transparent;
}
.subscribe .btn-null:hover, .subscribe .btn-null:focus, .subscribe .btn-null:focus-visible, .subscribe .btn-null:active {
outline-offset: 0;
outline: none;
box-shadow: none;
}
.subscribe .link-to-more {
margin-top: auto;
font-size: 12px;
line-height: 16px;
text-transform: uppercase;
color: #111111;
width: -moz-fit-content;
width: fit-content;
border-bottom: 1px solid rgba(17, 17, 17, 0.6);
}
.subscribe .btn-to-more {
font-weight: 500;
font-size: 12px;
line-height: 26px;
text-transform: uppercase;
color: #FFFFFF;
padding: 11px 41px;
background: #111111;
border-radius: 1px;
}
.subscribe .row {
display: flex;
flex-direction: column;
align-items: center;
padding-block: 60px;
}
@media (max-width: 480px) {
.subscribe .row {
padding-block: 44px;
padding-inline: 15px;
}
}
.subscribe .row h5 {
text-align: center;
margin-bottom: 16px;
}
@media (max-width: 480px) {
.subscribe .row h5 {
font-size: 13px;
line-height: 18px;
margin-bottom: 5px;
}
}
.subscribe .row p {
font-weight: 600;
font-size: 12px;
line-height: 16px;
text-align: center;
margin-bottom: 65px !important;
color: #fff;
}
@media (max-width: 480px) {
.subscribe .row p {
margin-bottom: 35px !important;
}
}
.subscribe .row form {
max-width: 388px;
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 6px;
}
.subscribe .row form span {
font-size: 12px;
line-height: 24px;
color: #777777;
}
.subscribe .row form .form {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 480px) {
.subscribe .row form .form {
max-width: 100%;
}
}
.subscribe .row form .form input {
width: 100%;
font-weight: 500;
line-height: 26px;
text-transform: lowercase;
background: #fff;
padding: 13px 21px;
border-radius: 0;
}
@media (max-width: 480px) {
.subscribe .row form .form input {
font-size: 11px;
}
}
.subscribe .row form .form input::-moz-placeholder {
line-height: 26px;
text-transform: lowercase;
color: #777777;
}
.subscribe .row form .form input::placeholder {
line-height: 26px;
text-transform: lowercase;
color: #777777;
}
@media (max-width: 480px) {
.subscribe .row form .form input::-moz-placeholder {
font-size: 11px;
}
.subscribe .row form .form input::placeholder {
font-size: 11px;
}
}
.subscribe .row form .form button {
position: relative;
background: #fff !important;
padding: 16px 21px;
}
.products {
padding-top: 80px;
padding-bottom: 120px;
}
@media (min-width: 1440.5px) {
.products {
padding-top: 120px;
padding-bottom: 160px;
}
}
@media (max-width: 425.5px) {
.products {
padding-top: 50px;
padding-bottom: 80px;
}
}
.products__container {
position: relative;
margin: 0;
box-shadow: none;
border: none;
border-radius: 0;
}
.products__container .slider-prev,
.products__container .slider-next {
position: absolute;
z-index: 1;
top: 50%;
}
.products__container .slider-prev {
left: -16px;
transform: translate(-8%, -50%);
}
.products__container .slider-next {
right: -16px;
transform: translate(8%, -50%);
}
.swiper-slide.product-card {
padding-inline: 13px;
}
.product-card {
flex-direction: column;
color: #111111;
}
.product-image {
height: 390px;
width: 100%;
position: relative;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 12px;
}
.product-image a {
height: 100%;
}
.product-image img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media (min-width: 1440.5px) {
.product-image {
margin-bottom: 24px;
}
}
@media (max-width: 768.5px) {
.product-image {
height: 337px;
}
}
@media (max-width: 425.5px) {
.product-image {
height: 164px;
}
}
.product-new {
position: absolute;
top: 13px;
left: 16px;
line-height: 26px;
text-transform: uppercase;
}
@media (max-width: 425.5px) {
.product-new {
/* top: 0px; */
left: 10px;
font-size: 10px;
line-height: 26px;
}
}
a.product-like {
position: absolute;
height: fit-content;
top: 16px;
right: 16px;
}
@media (max-width: 425.5px) {
.product-like {
top: 6px;
right: 10px;
}
.product-like svg {
width: 16px;
height: 16px;
}
}
.product-description {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
gap: 5px;
line-height: 19.5px;
font-weight: 500;
font-size: 12px;
color: #111111;
text-align: center;
text-transform: uppercase;
padding-inline: 25px;
}
@media (min-width: 1440.5px) {
.product-description {
gap: 5px;
}
}
.product-name {
line-height: 26px;
text-align: center;
text-transform: uppercase;
}
@media (max-width: 425.5px) {
.product-name {
font-weight: 500;
font-size: 12px;
line-height: 19px;
}
}
.product-price {
font-size: 16px;
line-height: 26px;
text-transform: uppercase;
}
@media (max-width: 425.5px) {
.product-price {
font-size: 12px;
line-height: 26px;
}
}
/* картка товару ----------------------------------------------------------------------------------- */
#product-product .container.product-card {
display: flex;
flex-direction: row;
padding-top: 40px;
}
#product-product .product-images {
position: relative;
width: 50%;
margin-left: 0;
max-width: 685px;
}
#product-product .main-image {
margin-left: 0;
border: none;
}
#product-product .main-image .thumbnail {
margin-bottom: 0;
border: none;
border-radius: 1px;
padding: 0;
}
#product-product .main-image .thumbnail img {
aspect-ratio: 631 / 750;
object-fit: contain;
}
#product-product .main-image img {
width: 100%;
}
#product-product .product-left-btn {
position: absolute;
z-index: 1;
top: 30px;
right: 30px;
display: flex;
flex-direction: column;
gap: 12px;
}
#product-product .product-main-slider {
display: none;
}
#product-product .mini-image {
max-height: 671px;
overflow-y: auto;
overflow-x: hidden;
scrollbar-width: none;
display: flex;
flex-direction: column;
gap: 22px;
list-style: none;
padding-left: 0;
margin-left: 10px;
}
#product-product .mini-image::-webkit-scrollbar {
width: 0;
height: 0;
}
/* #product-product .mini-image:hover {
scrollbar-width: thin;
padding-right: 0;
}
#product-product .mini-image:hover::-webkit-scrollbar {
width: 8px;
} */
#product-product .mini-image .image-additional {
max-width: 98px;
width: 100%;
margin-left: 0;
}
#product-product .mini-image .image-additional .thumbnail {
width: 100%;
border: 0.8px solid transparent;
border-radius: 1px;
padding: 4px;
margin-bottom: 0;
}
#product-product .mini-image .image-additional.active .thumbnail,
#product-product .mini-image .image-additional .thumbnail:hover {
border: 0.8px solid #111111;
}
#product-product .mini-image .image-additional .thumbnail img {
max-width: 100%;
width: 100%;
object-fit: cover;
min-height: 104px;
}
#product-product .product-info {
flex: 1;
}
#product-product .product-image-container {
position: relative;
display: flex;
gap: 10px;
padding-right: 30px;
margin-left: 0;
}
#product-product .product-image-container .main-image .thumbnail {
border: none;
padding: 0;
}
#product-product .product-image-container .main-image img {
max-width: 100%;
width: 100%;
}
#product-product .product-left-btn button {
width: 20px;
height: 20px;
display: inline-flex;
align-items: center;
justify-content: center;
background-color: transparent;
background-image: none;
box-shadow: none;
border: none;
padding: 0;
}
#product-product .product-left-btn button:focus,
#product-product .product-left-btn button:focus-visible {
outline: none;
}
#product-product .product-right {
display: flex;
gap: 24px;
padding-left: 40px;
}
#product-product .product-info h1 {
font-family: 'Manrope';
font-style: normal;
font-weight: 400;
font-size: 28px;
line-height: 38px;
text-transform: uppercase;
text-align: left;
color: #111111;
margin-top: 0;
margin-bottom: 20px;
}
#product-product .product-info .product-subtitle {
font-weight: 400;
font-size: 14px;
line-height: 24px;
text-transform: uppercase;
color: #565656;
}
#product-product .product-info .product-subtitle .list-unstyled h2 {
font-family: 'Manrope';
font-style: normal;
font-weight: 400;
font-size: 28px;
line-height: 24px;
text-transform: uppercase;
color: #111111;
}
#product-product .product-info .kjseries .colors {
display: flex;
align-items: center;
gap: 8px;
}
#product-product .product-info .kjseries .colors .upc>a>span {
width: 12px;
min-width: 12px;
min-height: 12px;
}
#product-product .product-info .kjseries .colors .upc>span {
position: relative;
width: 18px;
min-width: 18px;
min-height: 18px;
}
#product-product .product-info .kjseries .colors .upc>span::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 16px;
height: 16px;
border-radius: 50%;
border: 2px solid #fff;
}
#product-product .product-info .notify_product,
#product-product .product-info .btn-block {
height: 48px;
width: 100%;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
color: #ffffff;
text-transform: uppercase;
background: #111111;
border-radius: 1px;
border: none;
}
#product-product .product-info .btn-block+.btn-block {
margin-top: 16px;
}
#product-product .product-info #btn-block:focus,
#product-product .product-info #btn-block:focus-visible {
outline: none;
border-radius: 1px;
}
#product-product .contacts-accordion {
border-top: 1px solid rgba(208, 208, 208, 0.6);
border-bottom: 1px solid rgba(208, 208, 208, 0.6);
margin-top: 20px;
margin-bottom: 0;
}
#product-product .contacts-accordion button {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
font-weight: 500;
font-size: 12px;
line-height: 26px;
text-align: center;
text-transform: uppercase;
color: #565656;
border-radius: 1px;
border: none;
background: transparent;
box-shadow: none;
padding-block: 11px;
}
#product-product .contacts-accordion button:focus,
#product-product .contacts-accordion button:focus-visible {
outline: none;
}
#product-product #productContactsCollapse .well {
display: flex;
flex-direction: column;
gap: 16px;
background-color: transparent;
border: none;
border-radius: 0;
box-shadow: none;
padding: 0;
padding-top: 5px;
padding-bottom: 20px;
margin-bottom: 0;
}
#product-product #productContactsCollapse .well a {
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
font-family: 'Manrope';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 19px;
color: #111111;
border: none;
border-radius: 0;
box-shadow: none;
padding: 0;
}
#product-product #accordion {
width: 100%;
display: flex;
flex-direction: column;
gap: 20px;
padding-top: 40px;
}
#product-product #accordion .panel {
border: 0;
box-shadow: none;
}
#product-product #accordion .panel-heading {
background-color: transparent;
border-bottom: 1px solid rgba(208, 208, 208, 0.6);
padding: 0;
}
#product-product #accordion .panel-heading h4 {
font-weight: 500;
font-size: 14px;
line-height: 30px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #111111;
}
#product-product #accordion .panel-heading h4 a {
width: 100%;
display: inline-flex;
position: relative;
text-decoration: none;
}
#product-product #accordion .panel-heading h4 a::after {
content: url('data:image/svg+xml,');
position: absolute;
top: 50%;
right: 0;
transform: translate(0%, -50%);
}
#product-product #accordion .panel-heading h4 a[aria-expanded="true"]::after {
content: url('data:image/svg+xml,');
}
#product-product #accordion .panel-body {
border-top: 0;
padding-inline: 0;
padding-bottom: 0;
}
#product-product #accordion .panel-body p {
font-family: 'Manrope';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 23px;
color: #111111;
}
#product-product .recomented-title {
font-family: 'Forum';
font-weight: 400;
font-size: 24px;
line-height: 60px;
text-transform: uppercase;
text-align: center;
margin-top: 100px;
margin-bottom: 0;
}
#product-product .recomented-product {
padding-top: 80px;
padding-bottom: 120px;
}
#product-product .recomented-product .container {
position: relative;
}
#product-product .recomented-product .swiper-viewport {
border: none;
box-shadow: none;
margin: 0;
}
#recomented-slider .swiper-slide .image {
margin-bottom: 12px;
}
#recomented-slider .swiper-slide .image a {
display: inline-flex;
align-items: center;
justify-content: center;
}
#recomented-slider .swiper-slide .image img {
max-width: 100%;
width: 100%;
object-fit: cover;
}
#recomented-slider .swiper-slide .caption {
text-align: center;
}
#recomented-slider .swiper-slide .caption h4 {
margin-top: 0;
margin-bottom: 5px;
padding-inline: 25px;
}
#recomented-slider .swiper-slide .caption a {
font-weight: 500;
font-size: 14px;
line-height: 26px;
text-transform: uppercase;
color: #111111;
}
#recomented-slider .swiper-slide .caption p {
font-weight: 400;
font-size: 14px;
line-height: 26px;
margin-bottom: 0;
}
#recomented-slider .swiper-slide .caption .price-old {
font-size: 12px;
text-decoration: line-through;
}
#product-product .recomented-product .button-prev,
#product-product .recomented-product .button-next {
position: absolute;
z-index: 1;
top: 50%;
cursor: pointer;
}
#product-product .recomented-product .button-prev {
transform: translate(-10%, -50%);
left: 0;
}
#product-product .recomented-product .button-next {
transform: translate(10%, -50%);
right: 0;
}
@media (min-width: 992px) {
#product-product .product-info {
margin-left: 60px;
}
#product-product .product-left-btn {
top: 0;
right: -160px;
}
}
@media (min-width: 1200px) {
#product-product .product-info {
margin-left: 110px;
}
#product-product .product-left-btn {
top: 0;
right: -196px;
}
}
@media (max-width: 991px) {
#product-product .container.product-card {
flex-wrap: wrap;
padding-top: 26px;
}
#product-product .product-images {
width: 100%;
display: flex;
justify-content: center;
}
#product-product .main-image {
width: 100%;
margin-bottom: 40px;
}
#product-product .main-image .thumbnail img {
aspect-ratio: 688 / 695;
}
#product-product .mini-image {
max-width: 26%;
flex-direction: row;
align-items: flex-start;
align-self: flex-start;
flex-wrap: wrap;
gap: 15px;
margin-left: 0;
}
#product-product .mini-image .image-additional {
flex: calc(50% - 15px);
height: fit-content;
}
#product-product .product-info {
margin-left: 51px;
}
#product-product #accordion {
padding-top: 30px;
}
#product-product .recomented-title {
margin-top: 80px;
}
#product-product .recomented-product {
padding-top: 60px;
padding-bottom: 100px;
}
}
@media (max-width: 480px) {
#product-product .container.product-card {
padding-top: 12px;
}
#product-product .main-image {
display: none;
}
#product-product .main-image .thumbnail img {
aspect-ratio: 1;
}
#product-product .mini-image {
display: none;
}
#product-product .product-main-slider {
position: relative;
display: block;
margin-bottom: 36px;
}
#product-product .product-main-slider .thumbnail {
border: none;
padding: 0;
margin-bottom: 0;
}
#product-product .product-main-slider .thumbnail img {
aspect-ratio: 1;
object-fit: contain;
}
#product-product .product-main-slider .product-slider-pagination {
position: absolute;
z-index: 1;
left: 50%;
transform: translateX(-50%);
bottom: 28px;
width: 100%;
height: 5px;
text-align: center;
}
#product-product .product-main-slider .product-slider-pagination .swiper-pagination-bullet {
height: 5px;
width: 5px;
background-color: rgba(17, 17, 17, 0.2);
box-shadow: none;
border-radius: 50%;
}
#product-product .product-main-slider .product-slider-pagination .swiper-pagination-bullet-active {
background-color: #111111;
}
#product-product .product-info {
margin-left: 1px;
}
#product-product #accordion {
padding-top: 16px;
}
#product-product .recomented-title {
margin-top: 60px;
}
#product-product .recomented-product {
padding-top: 30px;
padding-bottom: 80px;
}
}
/* картка товару end ------------------------------------------------------------------------------- */
.feedback {
position: sticky;
left: 100%;
transform: translateX(-38px);
bottom: 58px;
z-index: 4;
height: 0;
width: -moz-fit-content;
width: fit-content;
display: none;
}
@media (min-width: 1470px) {
.feedback {
transform: translateX(-60px);
}
}
.feedback-button {
position: absolute;
bottom: 0;
right: 100%;
width: 54px;
height: 54px;
background-color: #111111;
color: #fff;
border: none;
border-radius: 50%;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
z-index: 4;
transition: transform 0.3s ease;
}
.feedback-button:hover {
transform: scale(1.1);
}
.chat-container {
display: none;
position: fixed;
bottom: 74px;
right: 0;
width: 344px;
height: 497px;
background-color: #FFFFFF;
border: 1px solid #D0D0D0;
border-radius: 1px;
overflow: hidden;
z-index: 1000;
flex-direction: column;
}
.chat-container.active {
display: flex;
}
.chat-header {
position: relative;
display: flex;
justify-content: center;
align-items: center;
padding: 15px;
background-color: transparent;
border-bottom: 1px solid #D0D0D0;
}
.chat-header span {
font-size: 13px;
line-height: 18px;
}
.chat-header .close-btn {
position: absolute;
top: 50%;
right: 15px;
transform: translateY(-50%);
background: none;
border: none;
font-size: 24px;
cursor: pointer;
}
.chat-messages {
flex-grow: 1;
padding: 18px;
overflow-y: auto;
display: flex;
flex-direction: column;
gap: 48px;
}
.chat-messages .chat-date-separator {
font-weight: 600;
font-size: 12px;
line-height: 24px;
text-align: center;
color: #A6A6A6;
}
.chat-messages .consent-message {
position: absolute;
z-index: 1;
top: 49px;
left: 0;
width: 100%;
height: calc(100% - 49px);
background-color: #fff;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 22px;
padding-inline: 30px;
}
.chat-messages .consent-message p {
font-size: 11px;
line-height: 16px;
text-align: center;
}
.chat-messages .consent-message p a {
color: #111111;
text-decoration: underline;
}
.chat-messages .consent-message button {
font-weight: 500;
font-size: 12px;
line-height: 26px;
text-transform: uppercase;
padding-block: 11px;
width: 159px;
background-color: transparent;
border: #111111 1px solid;
}
.chat-messages .message {
position: relative;
padding: 10px;
border-radius: 18px;
max-width: 80%;
background: #FFFFFF;
box-shadow: 0px 2px 7px rgba(208, 208, 208, 0.6);
border-radius: 1px;
font-size: 13px;
line-height: 21px;
}
.chat-messages .message .message-icon {
position: absolute;
top: 50%;
left: calc(100% + 5px);
transform: translateY(-50%);
}
.chat-messages .message .message-time {
position: absolute;
bottom: -22px;
right: 8px;
font-weight: 600;
font-size: 10px;
line-height: 24px;
color: #A6A6A6;
}
.chat-messages .user-message {
align-self: flex-end;
margin-right: 34px;
}
.chat-messages .user-message::after {
content: url('data:image/svg+xml,');
position: absolute;
top: 0;
right: -34px;
}
.chat-messages .support-message {
align-self: flex-start;
margin-left: 34px;
}
.chat-messages .support-message::before {
content: url('data:image/svg+xml,');
position: absolute;
top: 0;
left: -34px;
}
.chat-input-form {
display: flex;
flex-wrap: wrap;
border-top: 1px solid #ddd;
}
.chat-input-form input {
flex-grow: 1;
padding: 4px 18px;
margin-right: 10px;
}
.chat-input-form input::-moz-placeholder {
font-weight: 600;
font-size: 13px;
line-height: 24px;
color: #A6A6A6;
}
.chat-input-form input::placeholder {
font-weight: 600;
font-size: 13px;
line-height: 24px;
color: #A6A6A6;
}
.chat-input-form button {
background-color: transparent;
border: none;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.chat-actions {
display: flex;
justify-content: flex-start;
width: 100%;
margin-top: 10px;
padding-bottom: 7px;
}
.chat-actions .like-btn, .chat-actions .dislike-btn {
background: none;
border: none;
cursor: pointer;
font-size: 20px;
}
.action-btn {
background: none;
border: none;
cursor: pointer;
padding: 0;
width: 20px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
}
.action-btn:hover svg path {
stroke: #007bff;
}
.modal img {
max-width: 100%;
}
.modal img, .modal svg {
vertical-align: middle;
}
.modal p {
padding: 0;
margin: 0;
}
.modal a {
display: inline-flex;
}
.modal a:hover, .modal a:focus, .modal a:focus-visible {
outline: 0;
outline-offset: 0;
text-decoration: none;
}
.modal input {
border: none;
}
.modal input:focus-visible {
border: none;
outline: none;
}
.modal h2 {
font-family: "Forum";
font-size: 36px;
line-height: 60px;
text-transform: uppercase;
margin-top: 0;
}
@media (max-width: 480px) {
.modal h2 {
font-size: 28px;
line-height: 46px;
}
}
.modal h3 {
font-family: "Forum";
font-size: 28px;
line-height: 31px;
text-transform: uppercase;
}
@media (max-width: 991px) {
.modal h3 {
font-size: 24px;
line-height: 26px;
}
}
@media (max-width: 480px) {
.modal h3 {
font-size: 22px;
line-height: 46px;
}
}
.modal h4 {
font-family: "Forum";
font-size: 24px;
line-height: 26px;
text-transform: uppercase;
}
.modal h5 {
font-weight: 600;
font-size: 16px;
line-height: 22px;
text-transform: uppercase;
}
.modal h6 {
font-weight: 800;
font-size: 14px;
line-height: 19px;
text-transform: uppercase;
color: #FFFFFF;
}
.modal .hidden {
display: none;
}
@media (max-width: 480px) {
.modal .mobile-hidden {
display: none;
}
}
.modal .btn-null {
border: none;
background-color: transparent;
}
.modal .btn-null:hover, .modal .btn-null:focus, .modal .btn-null:focus-visible, .modal .btn-null:active {
outline-offset: 0;
outline: none;
box-shadow: none;
}
.modal .link-to-more {
margin-top: auto;
font-size: 12px;
line-height: 16px;
text-transform: uppercase;
color: #111111;
width: -moz-fit-content;
width: fit-content;
border-bottom: 1px solid rgba(17, 17, 17, 0.6);
}
.modal .btn-to-more {
font-weight: 500;
font-size: 12px;
line-height: 26px;
text-transform: uppercase;
color: #FFFFFF;
padding: 11px 41px;
background: #111111;
border-radius: 1px;
}
.modal-content {
border-radius: 0;
}
#cookieModal .modal-dialog {
position: relative;
top: 50%;
transform: translateY(-55%);
max-width: 580px;
}
@media (max-width: 767px) {
#cookieModal .modal-dialog {
max-width: 100%;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-end;
margin: 0;
}
}
#cookieModal .modal-body {
display: flex;
flex-direction: column;
align-items: center;
gap: 21px;
padding-top: 40px;
padding-inline: 30px;
padding-bottom: 0;
}
#cookieModal .modal-body p {
font-size: 12px;
line-height: 19px;
color: #292929;
}
#cookieModal .modal-body p a {
font-weight: 800;
text-decoration-line: underline;
color: #111111;
}
#cookieModal .modal-footer {
text-align: center;
border-top: none;
padding-top: 18px;
padding-bottom: 34px;
}
#cookieModal .modal-footer button {
padding-inline: 38px;
}
#cookieModal .modal-footer button + button {
padding-inline: 14px;
margin-left: 14px;
}
@media (max-width: 991px) {
#languageModal .modal-dialog {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-end;
margin: 0;
}
}
#languageModal .modal-header {
position: relative;
padding-top: 88px;
padding-bottom: 29px;
border-bottom: none;
}
#languageModal .modal-header button {
position: absolute;
top: 40px;
right: 40px;
opacity: 1;
}
#languageModal .modal-header > span {
display: block;
text-align: center;
}
#languageModal .modal-title {
font-weight: 600;
font-size: 13px;
line-height: 22px;
text-align: center;
text-transform: uppercase;
color: #111111;
}
#languageModal .modal-body {
display: flex;
flex-direction: column;
align-items: center;
gap: 21px;
padding-top: 29px;
padding-bottom: 0;
}
#languageModal .modal-body span {
font-weight: 300;
font-size: 13px;
line-height: 18px;
color: #111111;
}
#languageModal .custom-select {
width: 220px;
font-weight: 300;
font-size: 12px;
line-height: 16px;
text-align: center;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-top: none;
border-inline: none;
border-bottom: 1px solid rgba(208, 208, 208, 0.3019607843);
padding-bottom: 3px;
margin-bottom: 26px;
}
#languageModal .select-selected {
position: relative;
cursor: pointer;
}
#languageModal .select-selected::after {
content: url('data:image/svg+xml,');
position: absolute;
top: 0;
right: 0;
display: block;
}
#languageModal .select-arrow-active.select-selected {
border-bottom: 1px solid rgba(208, 208, 208, 0.3019607843);
padding-bottom: 3px;
}
#languageModal .select-arrow-active.select-selected::after {
transform: rotate(180deg) translateY(-10%);
}
#languageModal .select-items {
list-style: none;
padding-inline: 0;
padding-block: 8px;
margin: 0;
}
#languageModal .select-items {
cursor: pointer;
}
#languageModal .select-items li+li {
margin-top: 4px;
}
#languageModal .select-items li:hover {
background: rgba(208, 208, 208, 0.3019607843);
}
.select-hide {
display: none;
}
@media (max-width: 480px) {
#languageModal .modal-select {
width: 200px;
}
}
#languageModal .modal-footer {
text-align: center;
border-top: none;
padding-top: 0;
padding-bottom: 100px;
}
#account-voucher #content {
padding-top: 0;
}
#account-voucher .voucher-bg {
position: relative;
padding-top: 40px;
}
#account-voucher .voucher-bg h2 {
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 40%;
font-family: "Forum";
font-style: normal;
font-weight: 400;
font-size: 36px;
line-height: 60px;
text-transform: uppercase;
text-align: center;
margin-top: 30px;
margin-bottom: 16px;
margin-block: 0;
}
@media (max-width: 1440px) {
#account-voucher .voucher-bg h1 {
bottom: 28%;
}
}
#account-voucher .voucher-bg img {
width: 100%;
object-fit: cover;
}
#account-voucher .voucher-description {
max-width: 787px;
text-align: center;
margin-inline: auto;
padding-top: 120px;
margin-bottom: 60px;
}
#account-voucher .voucher-description h2 {
font-family: 'Forum';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 26px;
text-align: center;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 20px;
}
#account-voucher .voucher-description p {
line-height: 23px;
}
#account-voucher .form-horizontal {
max-width: 1120px;
margin-inline: auto;
}
#account-voucher .form-horizontal .form-inputs,
#account-voucher .form-horizontal .form-bottom {
display: flex;
gap: 30px;
}
#account-voucher .form-horizontal .form-top-left,
#account-voucher .form-horizontal .form-top-right {
width: 100%;
border: none;
}
#account-voucher .form-horizontal .form-top-left .form-input,
#account-voucher .form-horizontal .form-top-right .form-input {
position: relative;
margin-bottom: 32px;
}
#account-voucher .form-horizontal .form-input label,
#account-voucher .form-horizontal .form-select label {
position: absolute;
top: 0;
transform: translateY(-50%);
left: 27px;
font-size: 10px;
line-height: 11px;
letter-spacing: 0.15px;
text-align: left;
background-color: #fff;
padding: 0 8px 0 8px;
margin-bottom: 0;
}
#account-voucher .form-horizontal div.required .control-label:before {
content: '';
}
#account-voucher .form-horizontal .form-input input,
#account-voucher .form-horizontal .form-input textarea,
#account-voucher .form-horizontal .form-select select {
background: transparent;
border-radius: 1px;
border: 1px solid #111111;
font-size: 14px;
line-height: 24px;
letter-spacing: 0.15px;
color: #111111;
padding: 8px 12px;
resize: none;
}
/* #account-voucher .form-horizontal .form-input select {
color: rgba(166, 166, 166, 1);
} */
#account-voucher .form-horizontal .form-bottom-left,
#account-voucher .form-horizontal .form-bottom-right {
flex: 1;
margin-top: 18px;
margin-bottom: 28px;
}
#account-voucher .form-horizontal .form-bottom-right {
display: flex;
flex-direction: column;
}
#account-voucher .form-horizontal .form-bottom-left img {
width: 100%;
}
#account-voucher .form-horizontal .form-bottom-right .form-input {
position: relative;
margin-bottom: 32px;
}
#account-voucher .form-horizontal .form-bottom-right .radio-title {
position: static;
transform: translateY(0);
font-weight: 600;
font-size: 12px;
line-height: 24px;
letter-spacing: 0.15px;
color: #111111;
padding-inline: 0;
margin-bottom: 13px;
}
#account-voucher .form-horizontal .form-bottom-right .form-input .radio {
padding-top: 16px;
padding-left: 20px;
}
#account-voucher .form-horizontal .form-bottom-right .form-input .radio label {
position: static;
transform: translateY(0);
font-family: 'Manrope';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 150%;
color: #111111;
}
#account-voucher .form-horizontal .form-input input:focus,
#account-voucher .form-horizontal .form-input input:focus-visible,
#account-voucher .form-horizontal .form-input textarea:focus,
#account-voucher .form-horizontal .form-input textarea:focus-visible,
#account-voucher .form-horizontal .form-select select:focus,
#account-voucher .form-horizontal .form-select select:focus-visible {
outline: none;
box-shadow: none;
}
#account-voucher .form-horizontal .form-select {
position: relative;
margin-bottom: 32px;
}
#account-voucher .form-horizontal .form-select::after {
content: url('data:image/svg+xml,');
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 12px;
}
#account-voucher .form-horizontal .form-select select {
width: 100%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: none;
}
#account-voucher .form-horizontal .form-select select option {
color: #111111;
}
#account-voucher .form-horizontal .clearfix {
margin-top: -10px;
margin-bottom: 0;
}
#account-voucher .form-horizontal .clearfix .pull-right {
display: flex;
align-items: center;
justify-content: end;
gap: 13px;
font-size: 14px;
line-height: 150%;
letter-spacing: 0.15px;
text-decoration-line: underline;
}
#account-voucher .form-horizontal .clearfix .pull-right input {
cursor: pointer;
margin: 0;
}
#account-voucher .form-horizontal .button-submit {
margin-bottom: 0;
}
#account-voucher .form-horizontal .button-submit input {
float: right;
font-weight: 500;
font-size: 12px;
line-height: 26px;
text-transform: uppercase;
color: #FFFFFF;
padding: 11px 28px;
background: #111111;
border-radius: 1px;
border: none;
}
#account-voucher .form-horizontal .button-submit input:focus,
#account-voucher .form-horizontal .button-submit input:focus-visible {
outline: none;
}
#account-voucher .terms {
max-width: 1069px;
padding-top: 120px;
margin-inline: auto;
}
#account-voucher .terms h3 {
font-family: 'Forum';
font-size: 20px;
line-height: 22px;
text-align: center;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 20px;
}
#account-voucher .terms p {
line-height: 23px;
margin-bottom: 15px;
}
#account-voucher .terms p:last-child {
margin-bottom: 0;
}
#account-voucher .terms ul {
padding-left: 22px;
}
#account-voucher .terms ul>li {
line-height: 23px;
}
#account-voucher .terms .btn-more {
display: none;
}
@media (max-width: 1440px) {
#account-voucher .voucher-description {
padding-top: 80px;
}
}
@media (max-width: 991px) {
#account-voucher .voucher-bg {
padding-top: 26px;
}
#account-voucher h1 {
display: none;
}
#account-voucher .voucher-description {
max-width: 571px;
padding-top: 40px;
padding-inline: 15px;
margin-bottom: 40px;
}
#account-voucher .form-horizontal {
max-width: 499px;
padding-inline: 15px;
margin-inline: auto;
}
#account-voucher .form-horizontal .form-inputs,
#account-voucher .form-horizontal .form-bottom {
flex-direction: column;
gap: 0;
}
#account-voucher .form-horizontal .form-bottom-left {
margin-bottom: 32px;
}
#account-voucher .form-horizontal .form-bottom-right {
margin-top: 0;
margin-bottom: 20px;
}
#account-voucher .form-horizontal .form-input label,
#account-voucher .form-horizontal .form-select label {
left: 12px;
}
#account-voucher .form-horizontal .form-bottom-right .radio-title {
margin-bottom: 4px;
}
#account-voucher .form-horizontal .form-select {
margin-top: 8px;
}
#account-voucher .form-horizontal .form-bottom-right .clearfix {
margin-top: -8px;
margin-bottom: 0;
}
#account-voucher .form-horizontal .clearfix .pull-right {
width: 100%;
justify-content: start;
}
#account-voucher .form-horizontal .button-submit input {
width: 100%;
}
#account-voucher .terms {
padding-inline: 7.5%;
padding-block: 100px;
}
}
@media (max-width: 480px) {
#account-voucher .voucher-bg {
padding-top: 12px;
}
#account-voucher .voucher-description {
padding-top: 33px;
margin-bottom: 40px;
}
#account-voucher .voucher-description h2 {
font-size: 22px;
line-height: 20px;
margin-bottom: 18px;
}
#account-voucher .voucher-description p {
font-size: 12px;
line-height: 19px;
}
#account-voucher .form-horizontal .form-bottom-left {
margin-top: 8px;
}
#account-voucher .form-horizontal .form-bottom-right .clearfix {
margin-top: 8px;
}
#account-voucher .terms {
padding-inline: 15px;
padding-block: 80px;
}
#account-voucher .terms p,
#account-voucher .terms li {
font-size: 12px;
line-height: 19px;
}
#account-voucher .terms ul {
padding-left: 16px;
}
#account-voucher .terms .terms-info {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 7;
-webkit-box-orient: vertical;
margin-bottom: 10px;
}
#account-voucher .terms .btn-more {
display: inline-block;
font-size: 10px;
line-height: 150%;
letter-spacing: 0.15px;
text-transform: uppercase;
text-decoration-line: underline;
cursor: pointer;
}
}
@media (max-width: 1440px) {
#information-contact .contact-bg {
max-width: 733px;
margin-inline: auto;
}
}
@media (max-width: 991px) {
#information-contact .contact-bg {
max-width: fit-content;
}
}
#information-contact .contact-bg img {
object-fit: contain;
}
#information-contact .contact-body {
max-width: 906px;
margin-inline: auto;
margin-bottom: 120px;
}
#information-contact .contact-body h1 {
margin-top: 68px;
margin-bottom: 46px;
}
#information-contact .contact-body .contact-text-first {
max-width: 845px;
margin-bottom: 24px;
}
#information-contact .contact-body .panel {
border-radius: 0;
border: none;
box-shadow: none;
padding: 0;
margin-bottom: 54px;
}
#information-contact .contact-body .panel-body {
padding: 0;
}
#information-contact .contact-body .panel-body .contact-numbers {
padding-inline: 15px;
}
#information-contact .contact-body .panel-body .contact-title {
font-family: 'Manrope';
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 23px;
text-transform: uppercase;
color: #111111;
margin-bottom: 12px;
}
#information-contact .contact-body .contact-more {
margin-bottom: 24px;
}
#information-contact .form-horizontal legend {
font-family: 'Manrope';
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 24px;
letter-spacing: 0.15px;
text-transform: uppercase;
color: #111111;
border-bottom: none;
padding-block: 0;
margin-bottom: 30px;
}
#information-contact .form-horizontal .form-inputs {
display: flex;
gap: 30px;
}
#information-contact .form-top-left {
width: 100%;
border: none;
}
#information-contact .form-top-right {
width: 100%;
border: none;
}
#information-contact .form-horizontal .form-input {
position: relative;
margin-bottom: 18px;
}
#information-contact .form-horizontal .form-input label {
position: absolute;
top: 0;
transform: translateY(-50%);
left: 27px;
font-size: 10px;
line-height: 11px;
letter-spacing: 0.15px;
text-align: left;
background-color: #fff;
padding: 0 8px 0 8px;
}
#information-contact .form-horizontal .form-input input,
#information-contact .form-horizontal .form-input textarea {
width: 100%;
border: 1px solid #111111;
background: transparent;
border-radius: 1px;
font-size: 14px;
line-height: 24px;
letter-spacing: 0.15px;
color: #111111;
padding: 8px 12px;
resize: none;
}
#information-contact .form-horizontal .form-input textarea {
max-height: 100px;
}
#information-contact .form-horizontal .form-input .counter {
font-weight: 600;
font-size: 12px;
line-height: 24px;
color: #A6A6A6;
}
#information-contact .form-horizontal .form-input input:focus-visible,
#information-contact .form-horizontal .form-input textarea:focus-visible {
outline: none;
}
#information-contact .form-horizontal .form-input input::placeholder,
#information-contact .form-horizontal .form-input textarea::placeholder {
color: rgba(166, 166, 166, 1);
}
#information-contact .form-horizontal .buttons {
display: flex;
flex-direction: column;
align-items: start;
margin-block: 0;
}
#information-contact .form-horizontal .buttons .custom-file-upload button {
display: inline-flex;
align-items: center;
gap: 9px;
font-family: 'Manrope';
font-style: normal;
font-weight: 600;
font-size: 12px;
line-height: 24px;
letter-spacing: 0.15px;
color: #A6A6A6;
box-sizing: border-box;
background: #FFFFFF;
border: 1px solid #111111;
border-radius: 1px;
padding: 4px 12px;
margin-right: 10px;
margin-bottom: 2px;
}
#information-contact .form-horizontal .buttons .custom-file-upload .limit-size {
font-family: 'Manrope';
font-style: normal;
font-weight: 700;
font-size: 12px;
line-height: 24px;
color: #A6A6A6;
margin-bottom: 30px;
}
#information-contact .form-horizontal .buttons .btn {
font-weight: 700;
font-size: 12px;
line-height: 26px;
text-transform: uppercase;
color: #FFFFFF;
background: #111111;
outline: none;
box-shadow: none;
border: none;
border-radius: 1px;
padding: 10px 28px;
}
@media (max-width: 768px) {
#information-contact .contact-body {
max-width: 484px;
margin-bottom: 80px;
}
#information-contact .contact-body h1 {
margin-top: 44px;
margin-bottom: 24px;
}
#information-contact .contact-body .contact-text-first {
font-size: 12px;
line-height: 19px;
text-align: center;
margin-bottom: 44px;
}
#information-contact .contact-body .panel {
margin-bottom: 44px;
}
#information-contact .contact-body .panel-body .contact-numbers {
text-align: center;
}
#information-contact .contact-body .contact-more {
font-size: 12px;
line-height: 19px;
text-align: center;
margin-bottom: 80px;
}
#information-contact .form-horizontal legend {
text-align: center;
margin-bottom: 34px;
}
#information-contact .form-horizontal .form-inputs {
flex-direction: column;
gap: 0;
}
#information-contact .form-horizontal .form-input {
margin-bottom: 30px;
}
#information-contact .form-horizontal .buttons {
margin-top: -12px;
}
}
@media (max-width: 480px) {
#information-contact .contact-body {
padding-inline: 15px;
}
#information-contact .contact-body h1 {
margin-top: 40px;
margin-bottom: 10px;
}
#information-contact .contact-body .contact-text-first {
margin-bottom: 30px;
}
#information-contact .contact-body .panel {
margin-bottom: 30px;
}
#information-contact .contact-body .contact-more {
margin-bottom: 30px;
}
#information-contact .form-horizontal legend {
display: none;
}
#information-contact .form-horizontal .form-input {
margin-bottom: 18px;
}
#information-contact .form-horizontal .buttons {
margin-top: 0;
}
}
#information-sitemap {
padding-bottom: 80px;
}
#product-compare {
padding-bottom: 120px;
}
#product-compare h1 {
text-align: left;
margin-top: 68px;
margin-bottom: 31px;
}
#product-compare .btn-diff {
transform: translateY(-175%);
}
#product-compare .btn-diff span {
font-size: 14px;
line-height: 24px;
color: #111111;
}
#product-compare .compare_top .compare_tabs {
display: flex;
align-items: center;
gap: 25px;
border-bottom: none;
}
#product-compare .compare_top .compare_tabs::before {
display: none;
}
#product-compare .compare_top .compare_tabs li a:hover,
#product-compare .compare_top .compare_tabs li.active a {
background: transparent;
border-color: transparent;
border-bottom: 1px solid #111111;
}
#product-compare .compare_top .compare_tabs li a {
font-size: 14px;
line-height: 20px;
color: #111111;
padding: 0;
}
#product-compare .compare_top .compare_tabs .compare_list_count {
font-size: 14px;
line-height: 20px;
color: #111111;
background: none;
}
#product-compare .tab-pane {
border: none;
}
#product-compare .compare_page_actions {
padding-left: 0;
padding-top: 30px;
padding-bottom: 20px;
border-bottom: none;
}
#product-compare .tab-content .slick-slide .product-item {
border-right: none;
}
#product-compare .tab-content .slick-slide .product-item .image {
margin-bottom: 20px;
}
#product-compare .tab-content .slick-slide .product-item .caption a {
font-size: 16px;
line-height: 24px;
text-align: center;
text-transform: uppercase;
color: #111111;
}
#product-compare .tab-content .slick-slide .product-item .caption .price {
line-height: 30px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #111111;
}
#product-compare .compare_main_slider_block {
z-index: 1;
display: flex;
justify-content: end;
border-top: 1px solid rgba(208, 208, 208, 0.3);
border-bottom: 1px solid rgba(208, 208, 208, 0.3);
padding-top: 40px;
padding-bottom: 60px;
}
#product-compare .compare_main_slider {
width: 80%;
}
#product-compare .compare_main_slider .slick-arrow {
border: none;
background: transparent;
}
#product-compare .compare_main_slider .prev {
transform: translateX(-75%);
}
#product-compare .compare_main_slider .next {
transform: translateX(75%);
}
#product-compare .compare_page_actions .btn-remove {
display: inline-flex;
align-items: center;
gap: 10px;
background: transparent;
border: none;
box-shadow: none;
padding: 0;
}
#product-compare .compare_page_actions .btn-remove:focus-visible,
#product-compare .compare_page_actions .btn-remove:focus {
outline: none;
}
#product-compare .compare_attributes_block {
padding-top: 35px;
padding-bottom: 0;
}
#product-compare .compare_attributes_block .compare_characteristics_title {
font-family: 'Manrope';
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 24px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #111111;
padding-bottom: 13px;
}
#product-compare .compare_attribute_group {
display: flex;
border-bottom: none;
}
#product-compare .compare_attribute_group .attribute_title {
width: 20%;
font-family: 'Manrope';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 24px;
color: #111111;
text-align: left;
border: none;
background: transparent;
padding-inline: 0;
padding-block: 7px;
}
#product-compare .compare_attribute_group .compare_attribute_slider {
width: 80%;
}
#product-compare .compare_attribute_group .compare_attribute_slider .btn-block {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
font-weight: 500;
font-size: 12px;
line-height: 26px;
text-transform: uppercase;
color: #FFFFFF;
background: #111111;
border: none;
border-radius: 1px;
margin-inline: 24px;
}
#product-compare .compare_attribute_group.buttons_cart {
border-top: 1px solid rgba(208, 208, 208, 0.3);
padding-top: 28px;
margin-top: 12px;
}
#product-compare .compare_attribute_group .compare_attribute_slider .btn-block:focus,
#product-compare .compare_attribute_group .compare_attribute_slider .btn-block:focus-visible {
outline: none;
border-radius: 1px;
}
#product-compare .compare_attribute_group .compare_attribute_slider .btn-block+.btn-block {
margin-top: 0;
}
#product-compare .compare_attribute_group .compare_attribute_slider .attribute_value {
font-family: 'Manrope';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 24px;
text-align: center;
color: #111111;
border-right: none;
padding-block: 7px;
}
#product-category #column-left {
position: fixed;
left: 0;
top: 0;
z-index: 999999;
display: none;
background: #fff;
padding: 100px;
height: 100vh;
min-width: 610px;
}
.active_filter #column-left{
display: block !important;
}
.active_filter:before {
content: "";
z-index: 9999;
background: #333;
opacity: 0.5;
position: fixed;
width: 100vw;
height: 100vh;
left: 0;
top: 0;
}
#filter_button {
font-family: 'Manrope';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 26px;
display: flex;
align-items: center;
color: #111111;
gap: 6px;
padding: 0;
}
.ocf-value-list-body {
display: flex;
flex-wrap: wrap;
}
.ocf-value-list-body button {
width: 100%;
}
.img_button_filter {
width: 33% !important;
display: flex;
flex-direction: column;
align-items: center !important;
}
@media (max-width: 1440px) {
#product-category #column-left {
min-width: 540px;
padding: 100px 68px;
}}
@media (max-width: 767px) {
#product-category #column-left {
min-width: 80%;
max-width: 375px;
padding: 100px 11px;
}
}
@media (max-width: 507px) {
#filter_button {
font-family: 'Manrope';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 22px;
display: flex;
align-items: center;
color: #111111;
gap: 6px;
padding: 0;
}
#product-category #column-left {
min-width: 100%;
max-width: 100%;
padding: 100px 11px;
}
}
#column-left .close {
display: none;
}
#product-category #column-left .close{
display: block;
position: absolute;
right: 15px;
top: 12px;
opacity: 1;
}
#product-product .main-image .thumbnail {
height: 100%;
}
.product-images video, .product-images img {
aspect-ratio: 631 / 750;
}
@media (max-width: 991px) {
.checkout-col-fix-right {
width: 100%;
background: #f1f1f1;
padding: 25px 16px;
}}
@media (max-width: 667px) {
.cart-item-left {
flex: 0 0 130px;
max-width: 130px;
}
.cart-item-center {
flex: 0 0 calc(100% - 150px);
width: 50%;
}
.rem_wish {
display: flex;
flex-direction: column;
opacity: 0.7;
}
.pro_atr {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 18px;
margin-top: 12px;
}
.product-model {
flex-direction: row;
gap: 6px;
}
.cart-item-total {
margin-top: 18px;
font-weight: 600;
color: #000;
margin-bottom: 8px;
}
}
#form-language {
display: none;
}
.mob_menu {
display: none;
}
@media (max-width: 991px) {
.desk_menu {
display: none;
}
.mob_menu {
display: block;
}
}
.nocolapse:after {
display: none !important;
}
/* модуль Checkout success ------------------------------------------------------------------------------------- */
/* модуль Checkout success end --------------------------------------------------------------------------------- */
/* модуль Реєстрації в Особистому кабінеті --------------------------------------------------------------------- */
.account-border {
border-top: 1px solid rgba(208, 208, 208, 0.3);
}
#account-register {
padding-bottom: 0;
}
#account-register .container {
position: relative;
display: flex;
}
#account-register .container .step-back {
position: absolute;
top: 40px;
right: -4px;
}
#account-register .register-image {
flex-basis: 47%;
position: relative;
}
#account-register .register-image img {
position: absolute;
top: 0;
right: 0;
left: auto;
width: calc(100% + (50vw - 100%));
height: 100%;
max-width: none;
object-fit: cover;
}
#account-register .register-block {
flex-basis: 53%;
padding-top: 96px;
padding-bottom: 183px;
}
#account-register .register-block .well {
max-width: 479px;
border-radius: 0;
border: none;
box-shadow: none;
background: transparent;
padding-block: 0;
padding-right: 0;
padding-left: 40px;
margin: 0 auto;
}
#account-register .register-title {
display: flex;
align-items: end;
justify-content: space-between;
margin-bottom: 30px;
}
#account-register .register-title h3 {
font-family: 'Manrope';
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 1;
letter-spacing: 0.15px;
text-transform: uppercase;
color: #111111;
margin: 0;
}
#account-register .register-title p {
font-family: 'Manrope';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 1;
color: #111111;
margin: 0;
}
#account-register .register-title p a {
color: #111111;
}
#account-register .input-bordered {
position: relative;
max-width: 100%;
background: #FFFFFF;
box-sizing: border-box;
border: 1px solid #111111;
border-radius: 1px;
margin-inline: 0;
margin-bottom: 30px;
}
#account-register .input-bordered label {
position: absolute;
top: 0;
left: 12px;
transform: translateY(-50%);
width: fit-content;
font-family: 'Manrope';
font-style: normal;
font-weight: 400;
font-size: 11px;
line-height: 11px;
letter-spacing: 0.15px;
color: #111111;
background: #FFFFFF;
padding-inline: 4px;
}
#account-register .input-bordered input {
border-radius: 1px;
outline: none;
box-shadow: none;
border: none;
font-family: 'Manrope';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 24px;
letter-spacing: 0.15px;
color: rgba(17, 17, 17, 0.87);
}
#account-register .input-bordered input::placeholder {
color: #A6A6A6;
}
#account-register .custom-field {
display: none !important;
}
#account-register .buttons {
margin-top: 10px;
margin-bottom: 50px;
}
#account-register .buttons p {
font-family: 'Manrope';
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 24px;
text-transform: uppercase;
color: #111111;
margin-bottom: 12px;
}
#account-register .buttons .checked-agree {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 30px;
}
#account-register .buttons .text-agree {
display: inline-block;
font-family: 'Manrope';
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 23px;
color: #111111;
}
#account-register .buttons input[type=checkbox] {
margin-top: 0;
}
#account-register .buttons .button-submit {
text-align: right;
}
#account-register .buttons input[type=submit] {
font-family: 'Manrope';
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 26px;
color: #FFFFFF;
align-items: center;
padding: 11px 22px;
background: #111111;
border-radius: 1px;
outline: none;
box-shadow: none;
border: none;
}
#account-register .newsletter {
width: 100%;
}
#account-register .newsletter .form-group {
display: flex;
margin-inline: 0;
margin-bottom: 0;
margin-top: 50px;
}
#account-register .newsletter .form-group>label {
width: fit-content;
font-family: 'Manrope';
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 24px;
color: #111111;
margin-right: 22px;
}
#account-register .newsletter .form-group .radio-inline {
font-family: 'Manrope';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 24px;
color: #111111;
padding-top: 0;
padding-left: 0;
}
#account-register .newsletter .form-group .radio-inline+.radio-inline {
margin-left: 20px;
}
#account-register .newsletter .form-group .radio-inline input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
/* margin-top: 5px; */
}
#account-register .newsletter .form-group .radio-inline .radio-indicator {
height: 14px;
width: 14px;
background-color: transparent;
border-radius: 50%;
border: 1.3px solid rgba(17, 17, 17, 1);
display: inline-block;
position: relative;
margin-right: 4px;
/* vertical-align: middle; */
margin-bottom: -2px;
}
#account-register .newsletter .form-group .radio-inline .radio-indicator:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 0px;
height: 0px;
border-radius: 50%;
background: rgba(17, 17, 17, 1);
transition: all 0.2s ease;
}
#account-register .newsletter .form-group .radio-inline input[type="radio"]:checked~.radio-indicator {
border-color: rgba(17, 17, 17, 1);
}
#account-register .newsletter .form-group .radio-inline input[type="radio"]:checked~.radio-indicator:after {
width: 8px;
height: 8px;
}
@media (max-width: 767px) {
#account-register .container {
flex-direction: column;
}
#account-register .register-image {
order: 2;
width: 100vw;
left: 50%;
right: 50%;
margin-inline: -50vw;
}
#account-register .register-image img {
position: static;
width: 100%;
}
#account-register .register-block {
order: 1;
padding-top: 62px;
padding-bottom: 30px;
}
#account-register .register-block .well {
padding-left: 0;
}
#account-register .input-bordered {
margin-bottom: 18px;
}
#account-register .buttons {
margin-top: 8px;
}
#account-register .buttons p {
margin-bottom: 10px;
}
#account-register .buttons input[type=submit] {
width: 100%;
}
#account-register .newsletter .form-group {
margin-top: 30px;
}
}
/* модуль Реєстрації в Особистому кабінеті end ----------------------------------------------------------------- */
/* модуль Вхід в аккаунт в Особистому кабінеті ----------------------------------------------------------------- */
#account-login {
padding-bottom: 0;
}
#account-login .container {
position: relative;
display: flex;
}
#account-login .container .step-back {
position: absolute;
top: 40px;
right: -4px;
}
#account-login .login-block {
padding-top: 196px;
padding-bottom: 205px;
}
#account-login .login-image {
flex-basis: 47%;
position: relative;
}
#account-login .login-image img {
position: absolute;
top: 0;
right: 0;
left: auto;
width: calc(100% + (50vw - 100%));
height: 100%;
max-width: none;
object-fit: cover;
}
#account-login .login-block {
flex-basis: 53%;
}
#account-login .well {
max-width: 479px;
border-radius: 0;
border: none;
background: transparent;
padding: 0;
margin-inline: auto;
margin-bottom: 0;
box-shadow: none;
padding-left: 40px;
}
#account-login .well+.well {
margin-top: 75px;
}
#account-login .well h3 {
font-family: 'Manrope';
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 24px;
letter-spacing: 0.15px;
text-transform: uppercase;
color: #111111;
margin-top: 0;
margin-bottom: 12px;
}
#account-login .well-title {
display: flex;
justify-content: space-between;
margin-bottom: 31px;
}
#account-login .well-title h3 {
margin-bottom: 0;
}
#account-login .well-title .login-social {
display: flex;
align-items: center;
display: none;
}
#account-login .well-title .login-social span {
display: inline-block;
font-family: 'Manrope';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 1;
color: #777777;
margin-right: 14px;
}
#account-login .well-title .login-social a {
display: inline-flex;
align-items: center;
justify-content: center;
}
#account-login .well-title .login-social svg {
margin-left: 11px;
}
#account-login form .form-group {
margin-bottom: 0;
}
#account-login form .form-group+.form-group {
margin-top: 30px;
}
#account-login form .form-group .login-buttons {
display: flex;
flex-direction: column;
align-items: end;
}
#account-login form .form-group .forgotten {
font-family: 'Manrope';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 1;
text-decoration-line: underline;
color: #111111;
margin-block: 16px;
}
#account-login form .form-group .remember {
display: inline-flex;
align-items: center;
gap: 10px;
font-family: 'Manrope';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 1;
letter-spacing: 0.15px;
color: #111111;
margin-bottom: 22px;
}
#account-login form .form-group .remember input {
margin-top: 0;
}
#account-login form .form-group .btn-submit {
font-family: 'Manrope';
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 26px;
color: #111111;
background: transparent;
box-sizing: border-box;
padding: 11px 65px;
border: 1px solid #111111;
border-radius: 1px;
}
#account-login form .input-block {
position: relative;
box-sizing: border-box;
border: 1px solid #111111;
border-radius: 1px;
}
#account-login form .input-block label {
position: absolute;
top: 0;
left: 16px;
transform: translateY(-50%);
font-family: 'Manrope';
font-style: normal;
font-weight: 400;
font-size: 11px;
line-height: 11px;
letter-spacing: 0.15px;
color: #111111;
background-color: #FFFFFF;
padding-inline: 4px;
}
#account-login form .input-block input {
font-family: 'Manrope';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 24px;
letter-spacing: 0.15px;
color: rgba(17, 17, 17, 0.87);
border-radius: 0;
border: none;
box-shadow: none;
}
#account-login form .input-block input::placeholder {
color: #A6A6A6;
}
#account-login .well .text-register {
list-style-type: none;
padding-left: 0;
margin-bottom: 30px;
}
#account-login .well .text-register li {
position: relative;
font-family: 'Manrope';
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 23px;
color: #111111;
padding-left: 6px;
}
#account-login .well .text-register li::before {
content: '-';
position: absolute;
left: 0;
}
#account-login .well a.btn {
font-family: 'Manrope';
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 26px;
color: #FFFFFF;
padding: 11px 22px;
background: #111111;
border-radius: 1px;
outline: none;
box-shadow: none;
border: none;
}
@media (max-width: 767px) {
#account-login .container {
flex-direction: column;
}
#account-login .login-image {
order: 2;
width: 100vw;
left: 50%;
right: 50%;
margin-inline: -50vw;
}
#account-login .login-image img {
position: static;
width: 100%;
}
#account-login .login-block {
order: 1;
padding-top: 62px;
padding-bottom: 30px;
}
#account-login .well {
padding-left: 0;
}
#account-login form .form-group+.form-group {
margin-top: 18px;
}
#account-login form .form-group .forgotten {
margin-top: 10px;
margin-bottom: 12px;
}
#account-login form .form-group .remember {
margin-bottom: 16px;
}
#account-login form .form-group .btn-submit {
width: 100%;
}
#account-login .well+.well {
margin-top: 60px;
}
#account-login .well h3 {
margin-bottom: 10px;
}
#account-login .well .well-title h3 {
margin-bottom: 0;
}
#account-login .well .text-register {
margin-bottom: 20px;
}
#account-login .well a.btn {
width: 100%;
}
}
/* модуль Вхід в аккаунт в Особистому кабінеті end ------------------------------------------------------------- */
/* модуль Відновлення паролю в Особистому кабінеті ------------------------------------------------------------- */
#account-forgotten {
padding-bottom: 0;
}
#account-forgotten .container {
position: relative;
display: flex;
}
#account-forgotten .container .step-back {
position: absolute;
top: 40px;
right: -4px;
}
#account-forgotten .forgotten-block {
padding-top: 295px;
padding-bottom: 455px;
}
#account-forgotten .forgotten-image {
flex-basis: 47%;
position: relative;
}
#account-forgotten .forgotten-image img {
position: absolute;
top: 0;
right: 0;
left: auto;
width: calc(100% + (50vw - 100%));
height: 100%;
max-width: none;
object-fit: cover;
}
#account-forgotten .forgotten-block {
flex-basis: 53%;
}
#account-forgotten .well {
max-width: 479px;
border-radius: 0;
border: none;
background: transparent;
padding: 0;
margin-inline: auto;
margin-bottom: 0;
box-shadow: none;
padding-left: 40px;
}
#account-forgotten .well h3 {
font-family: 'Manrope';
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 24px;
letter-spacing: 0.15px;
text-transform: uppercase;
color: #111111;
margin-top: 0;
margin-bottom: 12px;
}
#account-forgotten .well>p {
font-family: 'Manrope';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 21px;
color: #000000;
margin-bottom: 30px;
}
#account-forgotten form .form-group {
margin-bottom: 0;
}
#account-forgotten form .input-bordered {
max-width: 100%;
position: relative;
box-sizing: border-box;
border: 1px solid #111111;
border-radius: 1px;
margin-inline: 0;
}
#account-forgotten form .input-bordered label {
width: fit-content;
position: absolute;
top: 0;
left: 16px;
transform: translateY(-50%);
font-family: 'Manrope';
font-style: normal;
font-weight: 400;
font-size: 11px;
line-height: 11px;
letter-spacing: 0.15px;
color: #111111;
background-color: #FFFFFF;
padding-block: 0;
padding-inline: 4px;
}
#account-forgotten form .input-bordered input {
font-family: 'Manrope';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 24px;
letter-spacing: 0.15px;
color: rgba(17, 17, 17, 0.87);
border-radius: 0;
border: none;
box-shadow: none;
}
#account-forgotten form .input-bordered input::placeholder {
color: #A6A6A6;
}
#account-forgotten form .buttons {
margin-top: 30px;
margin-bottom: 0;
}
#account-forgotten form .buttons .pull-left a {
font-family: 'Manrope';
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 26px;
color: #111111;
background: transparent;
box-sizing: border-box;
padding: 10px 44px;
border: 1px solid #111111;
border-radius: 1px;
}
#account-forgotten form .buttons .pull-right input {
font-family: 'Manrope';
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 26px;
color: #FFFFFF;
padding: 11px 22px;
background: #111111;
border-radius: 1px;
outline: none;
box-shadow: none;
border: none;
}
@media (max-width: 767px) {
#account-forgotten .container {
flex-direction: column;
}
#account-forgotten .forgotten-image {
order: 2;
width: 100vw;
left: 50%;
right: 50%;
margin-inline: -50vw;
}
#account-forgotten .forgotten-image img {
position: static;
width: 100%;
}
#account-forgotten .forgotten-block {
min-height: auto;
order: 1;
padding-top: 62px;
padding-bottom: 30px;
}
#account-forgotten .forgotten-block .well {
padding-left: 0;
}
#account-forgotten .input-bordered {
margin-bottom: 18px;
margin-bottom: 30px;
}
#account-forgotten .well>p {
margin-bottom: 20px;
}
#account-forgotten form .buttons {}
#account-forgotten form .buttons .pull-left {
width: 100%;
padding-bottom: 12px;
}
#account-forgotten form .buttons .pull-left a {
width: 100%;
}
#account-forgotten form .buttons .pull-right {
width: 100%;
}
#account-forgotten form .buttons .pull-right input {
width: 100%;
}
}
/* модуль Відновлення паролю в Особистому кабінеті end --------------------------------------------------------- */
/* модуль Пошуку ----------------------------------------------------------------------------------------------- */
#product-search {
padding-bottom: 100px;
}
#product-search .gallery-list {
padding-top: 60px;
padding-bottom: 20px;
}
@media (min-width: 1318px) {
#product-search .gallery-list {
padding-bottom: 40px;
}
}
@media (max-width: 991px) {
#product-search .gallery-list {
padding-top: 40px;
padding-bottom: 40px;
}
}
@media (max-width: 480px) {
#product-search .gallery-list {
padding-top: 30px;
padding-bottom: 55px;
}
}
#product-search .category-filtered .container {
text-align: center;
}
#product-search .category-filtered .menu-left a,
#product-search .category-filtered .menu-center .input-group .input-group-addon,
#product-search .category-filtered .menu-center .input-group select,
#product-search .category-filtered .menu-right {
font-weight: 400;
font-size: 14px;
line-height: 26px;
color: #111111;
}
@media (max-width: 480px) {
#product-search .category-filtered .menu-left a,
#product-search .category-filtered .menu-center .input-group .input-group-addon,
#product-search .category-filtered .menu-center .input-group select,
#product-search .category-filtered .menu-right {
font-size: 12px;
}
}
#product-search .category-filtered .menu-left {
display: inline-flex;
gap: 12px;
float: left;
}
#product-search .category-filtered .menu-left .search-block {
position: relative;
border: 1px solid #111111;
border-radius: 1px;
}
#product-search .category-filtered .menu-left .search-block label {
position: absolute;
top: 0;
transform: translateY(-50%);
left: 12px;
font-family: 'Manrope';
font-style: normal;
font-weight: 400;
font-size: 11px;
line-height: 11px;
letter-spacing: 0.15px;
color: #111111;
background: #ffffff;
padding-inline: 4px;
}
#product-search .category-filtered .menu-left .search-block input {
height: 100%;
font-family: 'Manrope';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 24px;
letter-spacing: 0.15px;
color: rgba(17, 17, 17, 0.87);
border-radius: 1px;
border: none;
box-shadow: none;
}
#product-search .category-filtered .menu-left .search-block input::placeholder {
color: rgba(166, 166, 166, 1);
}
#product-search .category-filtered .menu-left #button-search {
font-family: 'Manrope';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 24px;
letter-spacing: 0.15px;
color: #ffffff;
background: #111111;
border-radius: 1px;
border: none;
outline: none;
box-shadow: none;
}
#product-search .category-filtered .menu-center {
display: inline-block;
margin-left: -13%;
margin-top: 10px;
}
#product-search .category-filtered .menu-center .input-group .input-group-addon {
background-color: transparent;
border: none;
}
#product-search .category-filtered .menu-center .input-group select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
height: auto;
font-weight: 600;
text-align: center;
border: none;
box-shadow: none;
padding: 0 5px;
}
#product-search .category-filtered .menu-center label {
height: auto;
padding: 0;
}
#product-search .category-filtered .menu-right {
display: inline-block;
float: right;
margin-top: 10px;
}
@media (max-width: 768px) {
#product-search .category-filtered .menu-left {
float: none;
width: 100%;
margin-bottom: 12px;
}
#product-search .category-filtered .menu-left .search-block {
width: 100%;
}
#product-search .category-filtered .menu-center {
margin-left: 0;
float: left;
}
}
#product-search .category-filtered .menu-right select {
height: auto;
}
#product-search .category-filtered .menu-right .custom-select-wrapper {
position: relative;
display: inline-block;
user-select: none;
}
#product-search .category-filtered .menu-right .custom-select-trigger {
position: relative;
padding-right: 14px;
cursor: pointer;
}
#product-search .category-filtered .menu-right .custom-select-trigger .arrow {
position: absolute;
top: 50%;
right: 0px;
transform: translateY(-75%) rotate(45deg);
width: 6.5px;
height: 6.5px;
border-right: 1px solid #111111;
border-bottom: 1px solid #111111;
transition: transform 0.3s ease-in-out;
}
#product-search .category-filtered .menu-right .custom-select-wrapper.open .custom-select-trigger .arrow {
transform: translateY(0%) rotate(-135deg);
}
#product-search .category-filtered .menu-right .custom-options {
position: absolute;
top: calc(100% + 25px);
right: 0;
background: #FFFFFF;
box-shadow: 0px 0px 15px rgba(17, 17, 17, 0.12);
border-radius: 1px;
z-index: 2;
display: none;
padding-block: 31px;
}
@media (max-width: 480px) {
#product-search .category-filtered .menu-right .custom-options {
padding-block: 23px;
}
}
#product-search .category-filtered .menu-right .custom-option {
white-space: nowrap;
padding: 6px 63px;
cursor: pointer;
display: block;
}
@media (max-width: 480px) {
#product-search .category-filtered .menu-right .custom-option {
padding: 8px 42px;
}
}
#product-search .category-filtered .menu-right .custom-option:hover {
background-color: #e9e9e9;
}
#product-search .category-filtered .menu-right .custom-option[data-selected="true"] {
font-weight: bold;
}
#product-search .category-filtered .form-group {
margin-bottom: 0;
}
#product-search .category-filtered .product-count {
line-height: 26px;
}
#product-search .category-filtered .product-count>span {
font-weight: 600;
}
#product-search .category-filtered .open>.dropdown-menu {
display: flex;
}
#product-search .category-filtered .dropdown-menu-right {
top: calc(100% + 20px);
flex-direction: column;
gap: 10px;
background: #FFFFFF;
box-shadow: 0px 0px 15px rgba(17, 17, 17, 0.14);
border-radius: 1px;
border: none;
padding: 24px 42px;
margin: 0;
}
#product-search .category-filtered .menu-right li a {
width: 100%;
line-height: 22px;
align-items: center;
justify-content: center;
color: #111111;
padding: 0;
}
#product-search .category-filtered .menu-right li a:hover,
#product-search .category-filtered .menu-right li a:focus {
font-weight: 600;
background-color: inherit;
}
#product-search .gallery-list .item {
width: 100%;
display: flex;
flex-direction: column;
gap: 12px;
margin-bottom: 100px;
}
@media (min-width: 1318px) {
#product-search .gallery-list .item {
margin-bottom: 120px;
}
}
@media (max-width: 991px) {
#product-search .gallery-list .item {
margin-bottom: 60px;
}
}
@media (max-width: 480px) {
#product-search .gallery-list .item {
margin-bottom: 25px;
}
}
#product-search .gallery-list .item-image {
position: relative;
height: 390px;
display: flex;
align-items: center;
justify-content: center;
}
@media (min-width: 1440px) {
#product-search .gallery-list .item-image {
height: 439px;
}
}
@media (max-width: 991px) {
#product-search .gallery-list .item-image {
height: 337px;
}
}
@media (max-width: 480px) {
#product-search .gallery-list .item-image {
height: 164px;
}
}
#product-search .gallery-list .item a {
color: #111111;
}
#product-search .gallery-list .item-image a {
height: 100%;
width: 100%;
}
#product-search .gallery-list .item-image img {
object-fit: contain;
height: 100%;
}
#product-search .gallery-list .item-image-new {
position: absolute;
top: 13px;
left: 16px;
line-height: 26px;
text-transform: uppercase;
}
#product-search .gallery-list a.item-image-like {
position: absolute;
height: fit-content;
width: fit-content;
top: 16px;
right: 16px;
cursor: pointer;
}
#product-search .gallery-list .item-description {
display: flex;
flex-direction: column;
align-items: center;
margin-top: auto;
text-align: center;
}
#product-search .gallery-list .item-description-title {
font-weight: 500;
line-height: 26px;
text-transform: uppercase;
}
#product-search .gallery-list .item-description-price {
line-height: 26px;
}
/* модуль Пошуку end ------------------------------------------------------------------------------------------- */
/* модуль Account ---------------------------------------------------------------------------------------------- */
[id^="account-"] {
padding-bottom: 120px;
}
[id^="account-"] #content {
min-height: auto;
padding-top: 120px;
}
[id^="account-"] #content h1 {
font-family: 'Forum';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 26px;
text-transform: uppercase;
color: #111111;
text-align: left;
margin-top: 0;
margin-bottom: 50px;
}
[id^="account-"] #column-left {
padding-top: 125px;
}
[id^="account-"] #column-left .list-group {
border-right: 1px solid rgba(208, 208, 208, 1);
padding-bottom: 20px;
}
[id^="account-"] #column-left .list-group a:hover {
background: transparent;
cursor: pointer;
}
[id^="account-"] #column-left .accordeon .accordeon-item {
font-family: 'Manrope';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 16px;
color: #111111;
text-transform: initial;
}
[id^="account-"] #column-left .list-group-item,
[id^="account-"] #column-left .list-group-item+.accordeon {
font-family: 'Manrope';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 16px;
text-transform: uppercase;
color: #111111;
border: none;
padding: 0;
margin-top: 30px;
}
[id^="account-"] #column-left .accordeon-link {
font-family: 'Manrope';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 16px;
text-transform: uppercase;
color: #111111;
border: none;
padding: 0;
}
[id^="account-"] #column-left .accordeon-item {
border: none;
padding: 0;
margin-top: 30px;
}
[id^="account-"] #column-left .accordeon-item+.accordeon-item {
margin-top: 20px;
}
[id^="account-"] .account-flex {
min-height: 100%;
display: flex;
}
[id^="account-"] .account-info {
flex: 1 50%;
box-sizing: border-box;
padding-left: 60px;
padding-right: 50px;
height: 100%;
}
#account-account .account-info span {
font-family: 'Manrope';
font-style: normal;
font-weight: 400;
font-size: 11px;
line-height: 15px;
text-transform: uppercase;
color: #111111;
}
#account-account .account-info p {
font-family: 'Manrope';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 22px;
color: #111111;
}
#account-account .account-info .account-info-name {
display: flex;
}
#account-account .account-info .account-info-firstname {
flex: 1 50%;
}
#account-account .account-info .account-info-lastname {
flex: 1 50%;
}
#account-account .account-info .account-info-item {
margin-bottom: 30px;
}
#account-account .account-info .account-info-bottom {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: auto;
}
#account-account .account-info .account-info-bottom a {
font-family: 'Manrope';
font-style: normal;
font-weight: 400;
font-size: 11px;
line-height: 24px;
text-transform: uppercase;
color: #111111;
border-bottom: 1px solid transparent;
transition: border-bottom .3s ease-in;
}
#account-account .account-info .account-info-bottom a:hover {
border-bottom: 1px solid #111111;
}
#account-password .input-block {
position: relative;
box-sizing: border-box;
border: 1px solid #111111;
border-radius: 1px;
margin-inline: 0;
}
#account-password .input-block label {
position: absolute;
top: 0;
left: 16px;
transform: translateY(-50%);
font-family: 'Manrope';
font-style: normal;
font-weight: 400;
font-size: 11px;
line-height: 11px;
letter-spacing: 0.15px;
color: #111111;
background-color: #FFFFFF;
padding-inline: 4px;
}
#account-password .input-block input {
font-family: 'Manrope';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 24px;
letter-spacing: 0.15px;
color: rgba(17, 17, 17, 0.87);
border-radius: 0;
border: none;
box-shadow: none;
}
#account-password .input-block input::placeholder {
color: #A6A6A6;
}
#account-edit .account-info .form-group {
margin-inline: 0;
}
#account-edit .account-info .form-group label {
font-family: 'Manrope';
font-style: normal;
font-weight: 400;
font-size: 11px;
line-height: 15px;
text-transform: uppercase;
color: #111111;
margin-bottom: 0;
}
#account-edit .account-info .form-group input {
font-family: 'Manrope';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 22px;
color: #111111;
border-radius: 0;
border: none;
border-bottom: 1px solid rgba(17, 17, 17, 0.6);
box-shadow: none;
background: transparent;
padding: 0 0 4px;
}
#account-edit .account-info .form-group .input-group {
width: 100%;
}
#account-edit .account-info .form-group .input-group input {
width: 100%;
}
#account-edit .account-info .form-group .input-group span {
display: none;
}
#account-wishlist #content {
min-height: auto;
padding-left: 75px;
}
@media (max-width: 767px) {
#account-wishlist {
max-width: 100%;
width: 100%
}
#account-wishlist #content {
padding-left: 15px;
}
}
#account-wishlist .sorting-products {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 54px;
}
#account-wishlist .sorting-products .all-products {
font-family: 'Manrope';
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 20px;
color: #111111;
}
#account-wishlist .sorting-products .custom-select-wrapper {
font-family: 'Manrope';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 26px;
color: #111111;
}
#account-wishlist #content .no-product {
font-family: 'Manrope';
font-style: normal;
font-weight: 400;
font-size: 11px;
line-height: 24px;
text-transform: uppercase;
color: #111111;
}
#account-wishlist .gallery-list .item {
display: flex;
flex-direction: column;
margin-bottom: 60px;
}
#account-wishlist .gallery-list .item-delete {
width: fit-content;
align-self: end;
}
#account-wishlist .gallery-list .item-description {
text-align: center;
}
#account-wishlist .gallery-list .item-description-title {
display: inline-block;
height: calc(2 * 24px);
overflow: hidden;
margin-bottom: 4px;
}
#account-wishlist .gallery-list .item-description-title a {
font-family: 'Manrope';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
text-transform: uppercase;
color: #111111;
}
#account-wishlist .gallery-list .item-description-price {
font-family: 'Manrope';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 30px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #111111;
margin-bottom: 20px;
}
#account-wishlist .gallery-list .item-description button {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
gap: 4px;
}
#account-order #content {
padding-left: 75px;
padding-right: 44px;
}
#account-order .table {
border-collapse: separate;
border-spacing: 0 18px;
margin-bottom: 50px;
}
#account-order .table thead tr td {
font-family: 'Manrope';
font-style: normal;
font-weight: 400;
font-size: 11px;
line-height: 24px;
text-transform: uppercase;
color: #111111;
padding-block: 0;
}
#account-order .table tbody tr {
height: 90px;
position: relative;
}
#account-order .table tbody tr::after {
content: "";
position: absolute;
inset: 0;
border: 1px solid rgba(17, 17, 17, 1);
border-radius: 1px;
pointer-events: none;
}
#account-order .table tbody tr td {
vertical-align: middle;
border: none;
}
#account-order .table tbody .td-image {
width: fit-content;
padding: 0;
}
#account-order .table tbody .td-image img {
padding: 0;
border-radius: 0;
border: none;
background: transparent;
}
#account-order .table tbody .td-title {
max-width: 150px;
}
#account-order .table tbody .td-date {
max-width: 215px;
}
#account-order .pagination>li:first-child>a,
#account-order .pagination>li:first-child>span,
#account-order .pagination>li:last-child>a,
#account-order .pagination>li:last-child>span {
border-radius: 0;
}
#account-order .pagination>li>a,
#account-order .pagination>li>span {
font-family: 'Manrope';
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 24px;
text-align: center;
letter-spacing: 0.15em;
color: rgba(140, 140, 140, 0.6);
border: none;
padding: 6px 20px;
}
#account-order .pagination>li>a:hover,
#account-order .pagination>li>span:hover,
#account-order .pagination>.active>a,
#account-order .pagination>.active>a:focus,
#account-order .pagination>.active>a:hover,
#account-order .pagination>.active>span,
#account-order .pagination>.active>span:focus,
#account-order .pagination>.active>span:hover {
background: transparent;
color: #111111;
}
@media (max-width: 991px) {
#account-order #content {
padding-inline: 15px;
}
}
@media (max-width: 767px) {
#account-order .table-responsive {
border: none;
}
#account-order .table tbody tr td {
white-space: normal;
}
#account-order .table tbody .td-image {
width: 66px;
}
#account-order .table tbody .td-image img {
width: 100%;
}
}
@media (max-width: 600px) {
#account-order .table thead {
display: none;
}
#account-order .table tbody {
display: block;
}
#account-order .table tbody tr {
height: auto;
display: flex;
flex-wrap: wrap;
}
#account-order .table tbody tr {
padding: 12px;
margin-bottom: 12px;
}
#account-order .table tbody .td-title {
max-width: 100%;
width: 100%;
}
#account-order .table tbody .td-date {
max-width: 100%;
width: 100%;
}
#account-order .pagination>li>a,
#account-order .pagination>li>span {
padding-inline: 12px;
}
}
#account-newsletter .account-info {
flex: 1 55%;
}
#account-newsletter .account-bg {
flex: 1 45%;
}
#account-newsletter .newsletter-text {
font-family: 'Forum';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 23px;
color: #111111;
max-width: 373px;
margin-bottom: 40px;
}
#account-newsletter .newsletter-text p {
margin-bottom: 0;
}
#account-newsletter .form-group {
margin-inline: 0;
margin-bottom: 30px;
}
#account-newsletter .form-group .control-label {
margin-right: 22px;
}
#account-newsletter .form-group label {
font-family: 'Manrope';
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 24px;
color: #111111;
text-align: left;
padding: 0;
}
#account-newsletter .form-group .radio-inline {
display: inline-flex;
align-items: center;
font-weight: 400;
line-height: 1;
}
#account-newsletter .form-group .radio-inline+.radio-inline {
margin-left: 20px;
}
#account-newsletter .form-group .radio-inline input {
position: relative !important;
min-width: 16px;
width: 16px;
height: 16px;
margin: 0 8px 0 0 !important;
padding: 0 !important;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
background: #fff;
border: solid 1px #111111;
outline: none !important;
cursor: pointer;
border-radius: 50%;
}
#account-newsletter .form-group .radio-inline input[type="radio"]:checked {
background: #111;
border: solid 1px #111;
}
#account-newsletter .form-group .radio-inline input[type="radio"]:checked:after {
position: absolute;
content: '';
top: 50%;
left: 50%;
width: 14px;
height: 14px;
border: solid 3px #fff;
border-radius: 50%;
transform: translate(-50%, -50%);
}
#account-newsletter .buttons {
margin-block: 0;
}
#account-newsletter .buttons input {
width: 255px;
}
[id^="account-"] .account-bg {
flex: 1 50%;
overflow: hidden;
}
[id^="account-"] .account-bg img {
height: 100%;
object-fit: contain;
}
@media (max-width: 991px) {
[id^="account-"] #column-left,
[id^="account-"] #content {
padding-top: 80px;
}
[id^="account-"] .account-info {
padding-left: 0px;
padding-right: 24px;
}
}
@media (max-width: 767px) {
[id^="account-"] {
padding-bottom: 50px;
}
[id^="account-"] #column-left,
[id^="account-"] #content {
padding-top: 50px;
}
#account-download,
#account-return,
#account-transaction {
max-width: 100%;
width: 100%;
}
#common-success #content {
padding-inline: 15px;
}
}
@media (max-width: 480px) {
[id^="account-"] .account-flex {
flex-direction: column;
gap: 24px;
}
[id^="account-"] .account-info {
padding-right: 0;
}
}
/* модуль Account end ------------------------------------------------------------------------------------------ */
@media (max-width: 767px) {
.faq-title {
font-size: 24px !important;
line-height: 35px !important;
}
.product-description {
line-height: 18px;
font-size: 12px;
}
.no_stock_stiker {
font-size: 10px;
}
#cookieModal .modal-footer {
display: flex;
justify-content: space-between;
}
.modal .btn-to-more {
line-height: 26px;
text-transform: inherit
}
#cookieModal .modal-footer button + button {
padding-inline: 15px
}
#cookieModal .modal-footer button {
padding-inline: 15px;
}
}
#common-home .gallery-description span {
line-height: 19.5px;
font-size: 12px;
}
#recomented-slider .swiper-slide .caption a {
font-size: 12px;
line-height: 19.5px;
}
.product-description .item-description-price, .gallery-description .gallery-description-price, .item-description .item-description-price #recomented-slider .price{
font-size: 12px;
line-height: 19.5px;
}
.item-image-new {
font-size: 14px;
line-height: 18px;
}
#product-search .gallery-list .item-description-title {
font-weight: 500;
line-height: 19.5px;
text-transform: uppercase;
font-size: 12px;
}
.product-description .item-description-price,
.gallery-description .gallery-description-price,
.item-description .item-description-price,
#recomented-slider .price,
#product-search .gallery-list .item-description-price{
color: #858585;
}