.s-index-slider {
background-color: #202020;
position: relative;
}
.s-index-slider .w-index-slider.absolute-content {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
pointer-events: none;
z-index: 2;
display: none;
}
.s-index-slider .w-index-slider.absolute-content .overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
/*background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0, #5b4949 100%);*/
pointer-events: none;
}
.s-index-slider .w-index-slider.absolute-content .container {
position: relative;
z-index: 2;
padding-top: 150px;
padding-bottom: 150px;
max-width: 1300px;
}
.s-index-slider .w-index-slider.absolute-content .row-index-slider-content {
min-height: calc(100dvh - 300px);
/*border: 6px solid #fff;*/
}
.w-index-slider.absolute-content .col-slider-inner-content * {
pointer-events: all;
}
.w-index-slider .slide {
-webkit-background-size: cover;
background-size: cover;
background-position: center;
}
.w-index-slider .row-index-slider-content {
display: flex;
align-items: center;
min-height: calc(100dvh);
}
.row-index-slider-content > .col-slider-inner-content {
flex: 0 0 100%;
max-width: 100%;
padding-left: 50px;
padding-right: 50px;
}
@media (min-width: 1550px) {
.s-index-slider .w-index-slider.absolute-content .container {
max-width: 1500px;
}
.row-index-slider-content > .col-slider-inner-content {
padding-left: 150px;
padding-right: 150px;
}
}
.w-index-slider.blank {
opacity: 0;
}
.s-index-slider
.owl-index-slider.owl-loaded
~ .w-index-slider.absolute-content {
display: block;
}
.s-index-slider .owl-index-slider.owl-loaded ~ .w-index-slider.blank {
display: none;
}
.w-index-slider .slide-title {
color: #fff;
}
.w-index-slider .slide-title,
.w-index-slider h1.slide-title {
font-size: 4.5rem;
line-height: 1.3;
font-weight: 500;
text-transform: uppercase;
}
.w-index-slider .slide-description {
margin-top: 20px;
color: #fff;
font-size: 1.3rem;
line-height: 1.5rem;
-webkit-text-stroke: 0.4px #00000029;
}
@media (max-width: 1199px) {
.s-index-slider .w-index-slider.absolute-content .row-index-slider-content {
height: calc(600px - 200px);
}
.w-index-slider .row-index-slider-content {
height: 600px;
}
.w-index-slider .slide-title,
.w-index-slider h1.slide-title {
font-size: 3rem;
}
}
.w-index-slider .w-slide-button {
position: relative;
  bottom: -200px;
}
.w-index-slider .w-slide-button .button {
display: inline-block;
text-decoration: none;
font-size:1.2rem;
line-height: 20px;
font-weight: 400;
border: 2px solid #fff;
border-radius: 6px;
transition: 0.2s;
text-transform: uppercase;
padding: 11px 30px 9px;
color: #fff;
background-color:#00000029;
}
.w-index-slider .w-slide-button .button:hover {
color: #202020;
background-color: #d4bf7f;
border-color: #b39f60;
}
.owl-carousel .owl-dots .owl-dot span {
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.3);
border-color: rgba(255, 255, 255, 0.4);
}
.owl-carousel .owl-dots .owl-dot:hover span {
background-color: rgba(255, 255, 255, 0.8);
border-color: rgba(255, 255, 255, 0.5);
}
.owl-carousel .owl-dots .owl-dot.curent span,
.owl-carousel .owl-dots .owl-dot.curent:hover span {
background-color: #fff;
border-color: #fff;
}
.owl-carousel .owl-nav [class*="owl-"] {
border-color: transparent;
background-color: rgba(0, 0, 0, 0.2);
}
.owl-carousel .owl-nav [class*="owl-"]:hover {
background-color: rgba(0, 0, 0, 0.4);
}
.owl-carousel .owl-nav [class*="owl-"]:after,
.owl-carousel .owl-nav [class*="owl-"]:hover:after {
border-top-color: #fff;
border-left-color: #fff;
}
@media (max-width: 767px) {
.w-index-slider .slide-title,
.w-index-slider h1.slide-title {
font-size: 2rem;
}
.row-index-slider-content > .col-slider-inner-content {
flex: 0 0 100%;
max-width: 100%;
text-align: center;
padding-left: 0;
padding-right: 0;
}
.s-index-slider .w-index-slider.absolute-content .container {
position: relative;
z-index: 2;
padding-top: 50px;
padding-bottom: 50px;
max-width: 100%;
}
.s-index-slider .w-index-slider.absolute-content .row-index-slider-content {
min-height: calc(100dvh - 50px);
border: none;
}
}
@media (max-width: 575px) {
.w-index-slider .row-index-slider-content {
min-height: calc(100dvh);
}
.w-index-slider .slide.slide-desktop {
background-image: none !important;
}
}
/*owl-carousel*/
.owl-carousel,
.owl-carousel .owl-item {
-webkit-tap-highlight-color: transparent;
position: relative;
}
.owl-carousel {
display: none;
width: 100%;
z-index: 1;
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
-moz-backface-visibility: hidden;
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-touch-callout: none;
}
.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
display: none;
}
.no-js .owl-carousel,
.owl-carousel.owl-loaded {
display: block;
}
.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-loading {
opacity: 0;
display: block;
}
.owl-carousel.owl-hidden {
opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-grab {
cursor: move;
cursor: grab;
}
.owl-carousel.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
float: right;
}
.owl-carousel .animated {
animation-duration: 1s;
animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
z-index: 0;
}
.owl-carousel .owl-animated-out {
z-index: 1;
}
.owl-carousel .fadeOut {
animation-name: fadeOut;
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.owl-height {
transition: height 0.5s ease-in-out;
}
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity 0.4s ease;
}
.owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d;
}
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000;
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform 0.1s ease;
}
.owl-carousel .owl-video-play-icon:hover {
-ms-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
display: none;
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity 0.4s ease;
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%;
}
.owl-carousel .owl-dots {
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 100%;
margin: 10px 0;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.owl-carousel .owl-dots .owl-dot:hover span {
background-color: rgba(255, 255, 255, 1);
}
.owl-carousel .owl-dots .owl-dot.curent span {
background-color: brown;
border-color: brown;
}
.owl-carousel .owl-nav {
position: absolute;
width: 100%;
height: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
display: block;
pointer-events: none;
}
.owl-carousel .owl-nav [class*="owl-"] {
content: "";
position: absolute;
top: calc(50% - 20px);
width: 40px;
height: 40px;
border: 1px solid #cecece;
background-color: rgba(255, 255, 255, 0.8);
cursor: pointer;
pointer-events: all;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.owl-carousel .owl-nav [class*="owl-"].disabled {
opacity: 0;
pointer-events: none;
}
.owl-carousel .owl-nav .owl-prev {
left: 0;
}
.owl-carousel .owl-nav .owl-next {
right: 0;
}
.owl-carousel.nav-outside .owl-nav .owl-prev {
left: -40px;
}
.owl-carousel.nav-outside .owl-nav .owl-next {
right: -40px;
}
@media (max-width: 1400px) {
.owl-carousel.nav-outside .owl-nav .owl-prev {
left: 0;
}
.owl-carousel.nav-outside .owl-nav .owl-next {
right: 0;
}
}
.owl-carousel .owl-nav [class*="owl-"]:after {
content: "";
width: 15px;
height: 15px;
position: absolute;
top: 12px;
border-top: 1px solid #000;
border-left: 1px solid #000;
transition: All 0.2s ease;
-webkit-transition: All 0.2s ease;
-moz-transition: All 0.2s ease;
-o-transition: All 0.2s ease;
}
.owl-carousel .owl-nav .owl-prev:after {
left: 16px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.owl-carousel .owl-nav .owl-next:after {
left: 9px;
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
}
.owl-carousel .owl-nav [class*="owl-"]:hover {
border-color: transparent;
background-color: brown;
}
.owl-carousel .owl-nav [class*="owl-"]:hover:after {
border-color: #fff;
}
@media (min-width: 576px) {
.owl-carousel.nav-center .owl-nav {
max-width: calc(540px - 15px - 15px);
}
.owl-carousel.dots-center .owl-dots {
max-width: calc(540px - 15px - 15px);
}
}
@media (min-width: 768px) {
.owl-carousel.nav-center .owl-nav {max-width: calc(720px - 15px - 15px);}
.owl-carousel.dots-center .owl-dots {max-width: calc(720px - 15px - 15px);}
}
@media (min-width: 992px) {
.owl-carousel.nav-center .owl-nav {max-width: calc(960px - 15px - 15px);}
.owl-carousel.dots-center .owl-dots {max-width: calc(960px - 15px - 15px);}
}
@media (min-width: 1200px) 
{.owl-carousel.nav-center .owl-nav {max-width: calc(1140px - 15px - 15px);}
.owl-carousel.dots-center .owl-dots {max-width: calc(1140px - 15px - 15px);}}
@media (min-width: 1320px) 
{.owl-carousel.nav-center .owl-nav {max-width: calc(1450px - 15px - 15px);}
.owl-carousel.dots-center .owl-dots {max-width: calc(1450px - 15px - 15px);}}
.owl-nav .owl-prev,.owl-nav .owl-next {text-indent: -9999px;overflow: hidden;}
.slide-description.js-slide-description {max-width: 80%;text-align: center;margin: 0 auto;background: #a9a9a93b;padding: 10px;}
@media (min-width: 1200px) {.slide-description.js-slide-description {max-width: 100%;text-align: none;}}
.owl-carousel .owl-dots .owl-dot span {border-radius: 0;background-color: rgba(255, 255, 255, 0.8);border: 1px solid #fff;cursor: pointer;display: block;content: "";width: 30px;height: 10px;}
.owl-carousel .owl-dots .owl-dot {display:inline-block;margin:3rem 0.5rem;}