@media(min-width: 1080px) { 
.column-banner-block-382 { 
display: none; 
background: #000000 url(''); 
padding-top: 0px; 
padding-bottom: 0px; 
margin-top: 125px; 
margin-bottom: 20px; 
transition: clip-path 1s; 
-webkit-transition: clip-path 2s; 
} 
.column-banner-block-382.inClipPath { 
} 
.column-banner-block-382.outClipPath { 
} 
.column-banner-block-382 h2 { 
position: relative; 
float: none; 
font-family: Arial; 
font-weight: 500; 
padding-left: 15px; 
font-size: 12px; 
color: #000000; 
text-align: left; 
margin-top: 0px; 
margin-bottom: 0px; 
} 
.column-banner-block-382 .banner-block-element { 
background: #ffffff; 
border: 1px none #3c3c3c; 
padding: 0px 0px; 
margin-top: 0px; 
margin-bottom: 0px; 
} 
.column-banner-block-382 .banner-block-element .banner-block-image{ 
position: relative; 
background: #3c3c3c; 
padding: 0px 0px; 
margin-top: 0px; 
margin-bottom: 0px; 
overflow: hidden; 
} 
.column-banner-block-382 .banner-block-element .banner-block-image .hover-description{ 
display: none; 
z-index: 2; 
} 
.column-banner-block-382 .banner-block-element:hover .banner-block-image .hover-description{ 
position: absolute; 
min-width: 100%; min-height: 100%; 
z-index: 2; 
background: #3c3c3c; 
opacity: 0.7; 
padding: 0px 0px; 
top: 20px; 
left: 20px; 
} 
.column-banner-block-382 .banner-block-element:hover .banner-block-image .hover-description h3{ 
position: relative; 
display: none; 
opacity: 1; 
padding: 0px 0px; 
margin-top: 0px; 
margin-bottom: 0px; 
color: #000000; 
text-align: left; 
font-family: Arial; 
font-size: 12px; 
} 
.column-banner-block-382 .banner-block-element:hover .banner-block-image .hover-description p{ 
position: relative; 
display: none; 
opacity: 1; 
padding: 0px 0px; 
margin-top: 0px; 
margin-bottom: 0px; 
color: #000000; 
text-align: left; 
font-family: Arial; 
font-size: 12px; 
} 
.column-banner-block-382 .banner-block-element .banner-block-header { 
position: relative; 
display: none; 
background: #3c3c3c; 
padding: 0px 0px; 
margin-top: 0px; 
margin-bottom: 0px; 
overflow: hidden; 
} 
.column-banner-block-382 .banner-block-element .banner-block-header h3{ 
position: relative; 
padding: 0; 
margin: 0; 
color: #000000; 
text-align: left; 
font-family: Arial; 
font-size: 12px; 
} 
.column-banner-block-382 .banner-block-element .banner-block-description { 
position: relative; 
display: none; 
background: #3c3c3c; 
padding: 0px 0px; 
margin-top: 0px; 
margin-bottom: 0px; 
overflow: hidden; 
} 
.column-banner-block-382 .banner-block-element .banner-block-description p{ 
position: relative; 
padding: 0; 
margin: 0; 
color: #000000; 
text-align: left; 
font-family: Arial; 
font-size: 12px; 
} 
.column-banner-block-382 .banner-block-slider-header { 
position: absolute; 
display: none; 
z-index: 9999; 
background: #000000; 
padding: px px; 
width: %; 
left: %; 
top: %; 
margin-bottom: px; 
overflow: hidden; 
} 
.column-banner-block-382 .banner-block-slider-header h3{ 
position: relative; 
padding: 0; 
margin: 0; 
color: #000000; 
text-align: left; 
font-family: Arial; 
font-size: px; 
} 
.column-banner-block-382 .banner-block-slider-description { 
position: absolute; 
display: none; 
z-index: 9999; 
background: #000000; 
padding: px px; 
width: %; 
left: %; 
top: %; 
margin-bottom: px; 
overflow: hidden; 
} 
.column-banner-block-382 .banner-block-slider-description p{ 
position: relative; 
padding: 0; 
margin: 0; 
color: #000000; 
text-align: left; 
font-family: Arial; 
font-size: px; 
} 
.column-banner-block-382 .owl-carousel .owl-pagination { 
position: absolute; 
display: flex; 
justify-content: center; 
width: 50%; 
height: 30%; 
left: 25%; 
top: 65%; 
} 
.column-banner-block-382 .owl-carousel .owl-pagination .owl-page span { 
background: #fafafa; 
width: 20px; 
height: 20px; 
padding: 10px 10px; 
opacity: 0.7; 
border-radius: 1%; 
margin-left: 10px; 
margin-right: 10px; 
margin-top: 30px; 
} 
.column-banner-block-382 .owl-carousel .owl-pagination .owl-page.active span { 
background: #000000; 
} 
.column-banner-block-382 .owl-carousel .owl-buttons { 
display: none; 
position: absolute; 
width: 100%; 
left: 0%; 
top: 30%; 
} 
.column-banner-block-382 .owl-carousel .owl-buttons div { 
opacity: 0.7; 
margin-top: 30; 
color: #000000; 
transition: all .3s ease; 
} 
.column-banner-block-382 .product-latest-element .owl-carousel:hover .owl-buttons div { 
opacity: 0.7; 
} 
.column-banner-block-382 .owl-carousel .owl-buttons div.owl-prev { 
position: absolute; 
left: 10px; 
background: #000000; 
border: 1px solid #3c3c3c; 
border-radius: 1%; 
padding: 10px 10px; 
text-align: center;; 
} 
.column-banner-block-382 .owl-carousel .owl-buttons div.owl-next { 
position: absolute; 
right: 10px; 
background: #000000; 
border: 1px solid #3c3c3c; 
border-radius: 1%; 
padding: 10px 10px; 
text-align: center; 
} 
.column-banner-block-382 .owl-carousel .owl-buttons div i { 
font-size: 10px; 
color: #000000; 
margin: auto; 
opacity: 1; 
} 
.column-banner-block-382 .owl-controls .owl-buttons div { 
position: absolute; 
} 
.column-banner-block-382 .owl-controls .owl-buttons .owl-prev { 
left: 10px 
margin-top: 30%; 
} 
.column-banner-block-382 .owl-controls .owl-buttons .owl-prev { 
right: 10px 
margin-top: 30%; 
} 
} 
@media(max-width: 1079px) { 
.column-banner-block-382 { 
display: block; 
background: #000000 url(''); 
padding-top: 0px; 
padding-bottom: 0px; 
margin-top: 125px; 
margin-bottom: 20px; 
transition: clip-path 1s; 
-webkit-transition: clip-path 2s; 
} 
.column-banner-block-382.inClipPath { 
} 
.column-banner-block-382.outClipPath { 
} 
.column-banner-block-382 h2 { 
position: relative; 
float: none; 
font-family: Arial; 
font-weight: 500; 
padding-left: 15px; 
font-size: 12px; 
color: #000000; 
text-align: left; 
margin-top: 0px; 
margin-bottom: 0px; 
} 
.column-banner-block-382 .banner-block-element { 
background: #ffffff; 
border: 1px none #3c3c3c; 
padding: 0px 0px; 
margin-top: 0px; 
margin-bottom: 0px; 
} 
.column-banner-block-382 .banner-block-element .banner-block-image{ 
position: relative; 
background: #3c3c3c; 
padding: 0px 0px; 
margin-top: 0px; 
margin-bottom: 0px; 
overflow: hidden; 
} 
.column-banner-block-382 .banner-block-element .banner-block-image .hover-description{ 
display: none; 
z-index: 2; 
} 
.column-banner-block-382 .banner-block-element:hover .banner-block-image .hover-description{ 
position: absolute; 
min-width: 100%; min-height: 100%; 
z-index: 2; 
background: #3c3c3c; 
opacity: 0.7; 
padding: 0px 0px; 
top: 20px; 
left: 20px; 
} 
.column-banner-block-382 .banner-block-element:hover .banner-block-image .hover-description h3{ 
position: relative; 
display: none; 
opacity: 1; 
padding: 0px 0px; 
margin-top: 0px; 
margin-bottom: 0px; 
color: #000000; 
text-align: left; 
font-family: Arial; 
font-size: 12px; 
} 
.column-banner-block-382 .banner-block-element:hover .banner-block-image .hover-description p{ 
position: relative; 
display: none; 
opacity: 1; 
padding: 0px 0px; 
margin-top: 0px; 
margin-bottom: 0px; 
color: #000000; 
text-align: left; 
font-family: Arial; 
font-size: 12px; 
} 
.column-banner-block-382 .banner-block-element .banner-block-header { 
position: relative; 
display: none; 
background: #3c3c3c; 
padding: 0px 0px; 
margin-top: 0px; 
margin-bottom: 0px; 
overflow: hidden; 
} 
.column-banner-block-382 .banner-block-element .banner-block-header h3{ 
position: relative; 
padding: 0; 
margin: 0; 
color: #000000; 
text-align: left; 
font-family: Arial; 
font-size: 12px; 
} 
.column-banner-block-382 .banner-block-element .banner-block-description { 
position: relative; 
display: none; 
background: #3c3c3c; 
padding: 0px 0px; 
margin-top: 0px; 
margin-bottom: 0px; 
overflow: hidden; 
} 
.column-banner-block-382 .banner-block-element .banner-block-description p{ 
position: relative; 
padding: 0; 
margin: 0; 
color: #000000; 
text-align: left; 
font-family: Arial; 
font-size: 12px; 
} 
.column-banner-block-382 .banner-block-slider-header { 
position: absolute; 
display: none; 
z-index: 9999; 
background: #000000; 
padding: px px; 
width: %; 
left: %; 
top: %; 
margin-bottom: px; 
overflow: hidden; 
} 
.column-banner-block-382 .banner-block-slider-header h3{ 
position: relative; 
padding: 0; 
margin: 0; 
color: #000000; 
text-align: left; 
font-family: Arial; 
font-size: px; 
} 
.column-banner-block-382 .banner-block-slider-description { 
position: absolute; 
display: none; 
z-index: 9999; 
background: #000000; 
padding: px px; 
width: %; 
left: %; 
top: %; 
margin-bottom: px; 
overflow: hidden; 
} 
.column-banner-block-382 .banner-block-slider-description p{ 
position: relative; 
padding: 0; 
margin: 0; 
color: #000000; 
text-align: left; 
font-family: Arial; 
font-size: px; 
} 
.column-banner-block-382 .owl-carousel .owl-pagination { 
position: absolute; 
display: flex; 
justify-content: center; 
width: 50%; 
height: 30%; 
left: 25%; 
top: 65%; 
} 
.column-banner-block-382 .owl-carousel .owl-pagination .owl-page span { 
background: #f5f5f5; 
width: 10px; 
height: 10px; 
padding: 5px 5px; 
opacity: 0.7; 
border-radius: 50%; 
margin-left: 10px; 
margin-right: 10px; 
margin-top: 75px; 
} 
.column-banner-block-382 .owl-carousel .owl-pagination .owl-page.active span { 
background: #000000; 
} 
.column-banner-block-382 .owl-carousel .owl-buttons { 
display: none; 
position: absolute; 
width: 100%; 
left: 0%; 
top: 30%; 
} 
.column-banner-block-382 .owl-carousel .owl-buttons { 
display: none; 
position: absolute; 
width: 100%; 
left: 0%; 
top: 30%; 
} 
.column-banner-block-382 .owl-carousel .owl-buttons div { 
opacity: 0.7; 
margin-top: 30; 
color: #000000; 
transition: all .3s ease; 
} 
.column-banner-block-382 .product-latest-element .owl-carousel:hover .owl-buttons div { 
opacity: 0.7; 
} 
.column-banner-block-382 .owl-carousel .owl-buttons div.owl-prev { 
position: absolute; 
left: 10px; 
background: #000000; 
border: 1px solid #3c3c3c; 
border-radius: 1%; 
padding: 10px 10px; 
text-align: center;; 
} 
.column-banner-block-382 .owl-carousel .owl-buttons div.owl-next { 
position: absolute; 
right: 10px; 
background: #000000; 
border: 1px solid #3c3c3c; 
border-radius: 1%; 
padding: 10px 10px; 
text-align: center; 
} 
.column-banner-block-382 .owl-carousel .owl-buttons div i { 
font-size: 10px; 
color: #000000; 
margin: auto; 
opacity: 1; 
} 
.column-banner-block-382 .owl-controls .owl-buttons div { 
position: absolute; 
} 
.column-banner-block-382 .owl-controls .owl-buttons .owl-prev { 
left: 10px 
margin-top: 30%; 
} 
.column-banner-block-382 .owl-controls .owl-buttons .owl-prev { 
right: 10px 
margin-top: 30%; 
} 
} 
