@media(min-width: 1080px) { 
.column-banner-block-419 { 
display: block; 
background: #ffffff; 
background-position: top left; 
background-attachment: fixed; 
background-repeat: no-repeat; 
background-size: center; 
padding-top: 0px; 
padding-bottom: 0px; 
margin-top: 30px; 
margin-bottom: -20px; 
transition: clip-path 1s; 
-webkit-transition: clip-path 2s; 
} 
.column-banner-block-419.inClipPath { 
} 
.column-banner-block-419.outClipPath { 
} 
.column-banner-block-419 h2 { 
position: relative; 
float: none; 
font-family: Arial; 
font-weight: 500; 
padding-left: 15px; 
font-size: 12px; 
line-height: ; 
color: #000000; 
text-align: left; 
margin-top: 0px; 
margin-bottom: 0px; 
} 
.column-banner-block-419 .banner-block-element { 
position: relative; 
display: inline-block; 
min-height: 0px; 
padding: 0px 0px; 
} 
.column-banner-block-419 .banner-block-element .content { 
display: inline-block; 
background: transparent; 
border: 1px none #ffffff; 
border-radius: 0px; 
min-height: 0px; 
padding: 0px; 
margin-top: 0px; 
margin-bottom: 0px; 
} 
.column-banner-block-419 .banner-block-element .banner-block-image{ 
position: relative; 
background: transparent; 
padding: 0px 0px; 
margin-top: 0px; 
margin-bottom: 0px; 
overflow: hidden; 
} 
.column-banner-block-419 .banner-block-element .banner-block-image .hover-description{ 
display: none; 
z-index: 2; 
} 
.column-banner-block-419 .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-419 .banner-block-element:hover .banner-block-image .hover-description h3{ 
position: relative; 
display: none; 
opacity: 1; 
padding: 0px 0px; 
margin-top: 20px; 
margin-bottom: 20px; 
color: #000000; 
text-align: left; 
font-family: Arial; 
font-size: 12px; 
} 
.column-banner-block-419 .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-419 .banner-block-element .banner-block-header { 
position: relative; 
display: none; 
background: #3c3c3c; 
padding: 0px 0px; 
margin-top: 20px; 
margin-bottom: 20px; 
overflow: hidden; 
} 
.column-banner-block-419 .banner-block-element .banner-block-header h3{ 
position: relative; 
padding: 0; 
margin: 0; 
color: #000000; 
text-align: left; 
font-family: Arial; 
font-size: 12px; 
line-height: 1; 
} 
.column-banner-block-419 .banner-block-element .banner-block-description { 
position: relative; 
display: none; 
background: transparent; 
padding: 0px 0px; 
margin-top: 0px; 
margin-bottom: 0px; 
overflow: hidden; 
} 
.column-banner-block-419 .banner-block-element .banner-block-description p{ 
position: relative; 
padding: 0; 
margin: 0; 
color: #000000; 
text-align: left; 
font-family: Arial; 
font-size: 12px; 
line-height: 1; 
} 
.column-banner-block-419 .banner-block-element .button { 
position: relative; 
display: none; 
float: none; 
margin-right: 20px; 
border: 1px none #000000; 
border-radius: px; 
text-align: center; 
padding: px px; 
background: #000000; 
font-family: Arial; 
color: #000000; 
font-size: pt; 
margin-top: px; 
margin-bottom: px; 
width: % !important; 
max-width: % !important; 
margin-left: %; 
} 
.column-banner-block-419 .banner-block-slider-header { 
position: absolute; 
display: block; 
z-index: 9999; 
background: transparent; 
padding: 0px 0px; 
width: 40%; 
left: 0%; 
top: 20%; 
margin-bottom: 20px; 
overflow: hidden; 
} 
.column-banner-block-419 .banner-block-slider-header h3{ 
position: relative; 
padding: 0; 
margin: 0; 
color: #ffffff; 
text-align: center; 
font-family: Montserrat-ExtraBold; 
font-size: 25px; 
} 
.column-banner-block-419 .banner-block-slider-description { 
position: absolute; 
display: block; 
z-index: 9999; 
background: transparent; 
padding: 0px 0px; 
width: 40%; 
left: 0%; 
top: 20%; 
margin-bottom: 20px; 
overflow: hidden; 
} 
.column-banner-block-419 .banner-block-slider-description p{ 
position: relative; 
padding: 0; 
margin: 0; 
color: #ffffff; 
text-align: left; 
font-family: Montserrat-Medium; 
font-size: 18px; 
} 
.column-banner-block-419 .owl-carousel .owl-pagination { 
position: absolute; 
display: flex; 
justify-content: flex-start; 
width: 60%; 
height: 30%; 
left: 20%; 
top: 55%; 
} 
.column-banner-block-419 .owl-carousel .owl-pagination .owl-page span { 
background: #ffffff; 
width: 70px; 
height: 3px; 
padding: 0px 0px; 
opacity: 1; 
border-radius: 1%; 
margin-left: 0px; 
margin-right: 0px; 
margin-top: 150px; 
} 
.column-banner-block-419 .owl-carousel .owl-pagination .owl-page.active span { 
background: #000000; 
} 
.column-banner-block-419 .owl-carousel .owl-buttons { 
display: none; 
position: absolute; 
width: 100%; 
left: 0%; 
top: 40%; 
} 
.column-banner-block-419 .owl-carousel .owl-buttons div { 
opacity: 0.7; 
margin-top: 40; 
color: #ffffff; 
transition: all .3s ease; 
} 
.column-banner-block-419 .product-latest-element .owl-carousel:hover .owl-buttons div { 
opacity: 0.7; 
} 
.column-banner-block-419 .owl-carousel .owl-buttons div.owl-prev { 
position: absolute; 
left: 10px; 
background: transparent; 
border: 1px none #3c3c3c; 
border-radius: 1%; 
padding: 10px 10px; 
text-align: center;; 
} 
.column-banner-block-419 .owl-carousel .owl-buttons div.owl-next { 
position: absolute; 
right: 10px; 
background: transparent; 
border: 1px none #3c3c3c; 
border-radius: 1%; 
padding: 10px 10px; 
text-align: center; 
} 
.column-banner-block-419 .owl-carousel .owl-buttons div i { 
font-size: 55px; 
color: #ffffff; 
margin: auto; 
opacity: 1; 
} 
.column-banner-block-419 .owl-controls .owl-buttons div { 
position: absolute; 
} 
.column-banner-block-419 .owl-controls .owl-buttons .owl-prev { 
left: 10px 
margin-top: 40%; 
} 
.column-banner-block-419 .owl-controls .owl-buttons .owl-prev { 
right: 10px 
margin-top: 40%; 
} 
} 
@media(max-width: 1079px) { 
.column-banner-block-419 { 
display: none; 
background: #ffffff; 
background-position: top left; 
background-attachment: fixed; 
background-repeat: no-repeat; 
background-size: center; 
padding-top: 0px; 
padding-bottom: 0px; 
margin-top: 30px; 
margin-bottom: -20px; 
transition: clip-path 1s; 
-webkit-transition: clip-path 2s; 
} 
.column-banner-block-419.inClipPath { 
} 
.column-banner-block-419.outClipPath { 
} 
.column-banner-block-419 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-419 .banner-block-element { 
display: inline-block; 
background: transparent; 
border: 1px none #ffffff; 
border-radius: px; 
min-height: 0px; 
padding: 0px 0px; 
margin-top: 0px; 
margin-bottom: 0px; 
} 
.column-banner-block-419 .banner-block-element .banner-block-image{ 
position: relative; 
background: transparent; 
padding: 0px 0px; 
margin-top: 0px; 
margin-bottom: 0px; 
overflow: hidden; 
} 
.column-banner-block-419 .banner-block-element .banner-block-image .hover-description{ 
display: none; 
z-index: 2; 
} 
.column-banner-block-419 .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-419 .banner-block-element:hover .banner-block-image .hover-description h3{ 
position: relative; 
display: none; 
opacity: 1; 
padding: 0px 0px; 
margin-top: 20px; 
margin-bottom: 20px; 
color: #000000; 
text-align: left; 
font-family: Arial; 
font-size: 12px; 
} 
.column-banner-block-419 .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-419 .banner-block-element .banner-block-header { 
position: relative; 
display: none; 
background: #3c3c3c; 
padding: 0px 0px; 
margin-top: 20px; 
margin-bottom: 20px; 
overflow: hidden; 
} 
.column-banner-block-419 .banner-block-element .banner-block-header h3{ 
position: relative; 
padding: 0; 
margin: 0; 
color: #000000; 
text-align: left; 
font-family: Arial; 
font-size: 12px; 
line-height: 1; 
} 
.column-banner-block-419 .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-419 .banner-block-element .banner-block-description p{ 
position: relative; 
padding: 0; 
margin: 0; 
color: #000000; 
text-align: left; 
font-family: Arial; 
font-size: 12px; 
line-height: 1; 
} 
.column-banner-block-419 .banner-block-element .button { 
position: relative; 
display: none; 
float: none; 
margin-right: 20px; 
border: 1px none #000000; 
border-radius: px; 
text-align: center; 
padding: px px; 
background: #000000; 
font-family: Arial; 
color: #000000; 
font-size: pt; 
margin-top: px; 
margin-bottom: px; 
width: % !important; 
max-width: % !important; 
margin-left: %; 
} 
.column-banner-block-419 .banner-block-slider-header { 
position: absolute; 
display: block; 
z-index: 9999; 
background: transparent; 
padding: 0px 0px; 
width: 40%; 
left: 0%; 
top: 20%; 
margin-bottom: 20px; 
overflow: hidden; 
} 
.column-banner-block-419 .banner-block-slider-header h3{ 
position: relative; 
padding: 0; 
margin: 0; 
color: #ffffff; 
text-align: center; 
font-family: Montserrat-ExtraBold; 
font-size: 25px; 
} 
.column-banner-block-419 .banner-block-slider-description { 
position: absolute; 
display: block; 
z-index: 9999; 
background: transparent; 
padding: 0px 0px; 
width: 40%; 
left: 0%; 
top: 20%; 
margin-bottom: 20px; 
overflow: hidden; 
} 
.column-banner-block-419 .banner-block-slider-description p{ 
position: relative; 
padding: 0; 
margin: 0; 
color: #ffffff; 
text-align: left; 
font-family: Montserrat-Medium; 
font-size: 18px; 
} 
.column-banner-block-419 .owl-carousel .owl-pagination { 
position: absolute; 
display: none; 
justify-content: flex-start; 
width: 60%; 
height: 30%; 
left: 20%; 
top: 55%; 
} 
.column-banner-block-419 .owl-carousel .owl-pagination .owl-page span { 
background: #000000; 
width: 5px; 
height: 5px; 
padding: 10px 10px; 
opacity: 0.7; 
border-radius: 1%; 
margin-left: 10px; 
margin-right: 10px; 
margin-top: 30px; 
} 
.column-banner-block-419 .owl-carousel .owl-pagination .owl-page.active span { 
background: #000000; 
} 
.column-banner-block-419 .owl-carousel .owl-buttons { 
display: none; 
position: absolute; 
width: 100%; 
left: 0%; 
top: 40%; 
} 
.column-banner-block-419 .owl-carousel .owl-buttons { 
display: none; 
position: absolute; 
width: 100%; 
left: 0%; 
top: 30%; 
} 
.column-banner-block-419 .owl-carousel .owl-buttons div { 
opacity: 0.7; 
margin-top: 30; 
color: #000000; 
transition: all .3s ease; 
} 
.column-banner-block-419 .product-latest-element .owl-carousel:hover .owl-buttons div { 
opacity: 0.7; 
} 
.column-banner-block-419 .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-419 .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-419 .owl-carousel .owl-buttons div i { 
font-size: 10px; 
color: #000000; 
margin: auto; 
opacity: 1; 
} 
.column-banner-block-419 .owl-controls .owl-buttons div { 
position: absolute; 
} 
.column-banner-block-419 .owl-controls .owl-buttons .owl-prev { 
left: 10px 
margin-top: 30%; 
} 
.column-banner-block-419 .owl-controls .owl-buttons .owl-prev { 
right: 10px 
margin-top: 30%; 
} 
}