.site-top-bar-inner .site-top-message {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100% !important
}
.site-top-bar-inner .site-top-message h2 {
color: #FFFFFF;
font-family: 'Radnika';
font-size: 14px;
font-weight: 700;
}
.site-top-bar-inner .site-top-message p {
color: #FFFFFF;
font-family: 'Radnika';
font-size: 12px;
font-weight: 500;
}.Prefooter {
background-color : #D9630B;
padding: 40px 20px;
display: flex;
align-items: center;
justify-content: center;
}
.Prefooter-content {
width: fit-content;
}
.Prefooter-list {
list-style-type: none;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: repeat(4, 250px);
gap: 20px 70px;
}
@media only screen and (max-device-width : 1200px) {
.Prefooter-list {
grid-template-columns: repeat(2, 250px);
}
}
@media only screen and (max-device-width : 768px) {
.Prefooter-list {
gap: 20px;
}
}
@media only screen and (max-device-width : 530px) {
.Prefooter-list {
grid-template-columns: repeat(1, 250px);
}
}
.Prefooter-item {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.Prefooter-picture {
margin: 0 0 6px 0;
}
.Prefooter-title {
text-align: center;
font-family: 'NeueEinstellung';
font-size: 20px;
font-weight: 500;
color: #FFFFFF;
}
.Prefooter-text {
text-align: center;
font-family: 'Radnika';
font-size: 16px;
font-weight: 500;
color: rgba(255,255,255, 0.6);
}.Category {
margin: 40px 0 0 0;
}
.Category-banner {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
@media only screen and (max-device-width : 992px) {
.Category-banner {
margin: 0 0 30px 0;
}
}
.Category-banner--picture {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 450px;
overflow: hidden;
}
@media only screen and (max-device-width : 992px) {
.Category-banner--picture {
height: 250px;
}
}
.Category-banner--image {
width: 100%;
height: 100% !important;
object-fit: cover;
}
.Category-banner--text {
padding: 55px 65px;
background-color: #F4F4F4;
text-align: center;
max-width: 830px;
position: relative;
top: -150px;
margin: 0 20px;
font-family: 'NeueEinstellung';
font-size: 16px;
letter-spacing: -0.2px;
line-height: 25px;
color: rgba(0,0,0, 0.6);
}
@media only screen and (max-device-width : 992px) {
.Category-banner--text {
top: -50px;
}
}
@media only screen and (max-device-width : 768px) {
.Category-banner--text {
padding: 20px
}
}
.Category-list--item {
margin: 0 0 140px 0;
}
.Category-list--top {
display: flex;
justify-content: space-between;
align-items: flex-end;
}
@media only screen and (max-device-width : 992px) {
.Category-list--top {
flex-direction: column;
align-items: flex-start;
}
}
.Category-list--content {
display: flex;
flex-direction: column;
}
.Category-list--title {
font-family: 'NeueEinstellung';
font-size: 48px;
line-height: 48px;
font-weight: 700;
color: #000000;
margin: 0 0 25px 0;
display: block;
}
@media only screen and (max-device-width : 768px) {
.Category-list--title {
font-size: 35px;
line-height: 35px;
}
}
.Category-list--text {
max-width: 760px;
font-family: 'NeueEinstellung';
font-size: 17px;
line-height: 26px;
font-weight: 500;
color: #000000;
}
.Category-list--link {
font-family: 'Radnika';
text-transform: uppercase;
font-size: 14px;
line-height: 14px;
font-weight: 500;
width: fit-content;
position: relative;
}
@media only screen and (max-device-width : 992px) {
.Category-list--link {
margin: 20px 0 0 50px;
}
}
.Category-list--link::before {
content: '';
position: absolute;
left: -45px;
top: 50%;
width: 30px;
height: 2px;
background-color: #d9630b;
}
.Category-arrows {
margin: 20px 0 30px 0;
display: flex;
justify-content: flex-end;
}
.Category-prev {
margin: 0 6px 0 0;
}
.Category-prev, .Category-next {
transition: all 250ms
}
.Category-prev:focus, .Category-next:focus {
opacity: 1;
}
.Category-prev.swiper-button-disabled, .Category-next.swiper-button-disabled {
opacity: 0.7;
}
.Category-products {
list-style-type: none;
padding: 0;
margin: 0;
}
.Category-products--item {
width: 430px !important;
}
@media only screen and (max-device-width : 480px) {
.Category-products--item {
width: 360px !important;
}
}
.Category-products--link:hover {
opacity: 1;
}
.Category-products--link:hover .Category-products--image {
transform: scale(1.05);
}
.Category-products--picture {
background-color: rgba(131,131,131, 0.03);
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
width: 100%;
height: 370px;
margin: 0 0 24px 0
}
.Category-products--image {
width: 100%;
height: 100%;
object-fit: contain;
transition: all 250ms !important;
}
.Category-products--title {
display: block;
margin: 0 0 12px 0;
font-family: 'NeueEinstellung';
font-size: 24px;
line-height: 31px;
font-weight: 600;
color: #000000;
}
.Category-products--description {
font-family: 'NeueEinstellung';
font-size: 16px;
line-height: 22px;
font-weight: 300;
color: rgba(0,0,0,0.6);
margin: 0 0 24px 0;
}
.Category-products--price {
font-family: 'NeueEinstellung';
font-size: 18px;
line-height: 22px;
font-weight: 700;
color: rgba(0,0,0,0.5);
}
.Category-SEO {
background-color: #F4F4F4;
padding: 80px 20px;
display: flex;
align-items: center;
justify-content: center;
margin: 50px 0 30px 0;
}
@media only screen and (max-device-width : 768px) {
.Category-SEO {
margin: 30px 0;
}
}
.Category-SEO--content {
max-width: 1000px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.Category-SEO--title {
font-family: 'NeueEinstellung';
font-size: 25px;
line-height: 27px;
font-weight: 700;
color: #000000;
margin: 0 0 16px 0;
display: block;
text-align: center;
}
@media only screen and (max-device-width : 768px) {
.Category-SEO--title {
font-size: 20px;
line-height: 22px;
}
}
.Category-SEO--text {
font-family: 'NeueEinstellung';
font-size: 20px;
line-height: 27px;
color: rgba(0,0,0, 0.6);
margin: 0 0 30px 0;
text-align: center;
}
@media only screen and (max-device-width : 768px) {
.Category-SEO--text {
font-size: 17px;
line-height: 20px;
}
}
.Category-SEO--link {
font-family: 'Radnika';
text-transform: uppercase;
font-size: 14px;
line-height: 14px;
font-weight: 500;
width: fit-content;
position: relative;
}
.Category-SEO--link:before {
content: '';
position: absolute;
left: -45px;
top: 50%;
width: 30px;
height: 2px;
background-color: #d9630b;
}