#slides_wrapper{position: relative;}
#slides {position: relative; background: #272727; z-index: 1;}
#slides .slides-container {display: none;}
#slides .scrollable {*zoom: 1; position: relative; top: 0; left: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; height: 100%;}
#slides .scrollable:after {content: ""; display: table; clear: both;}

.slides-navigation {position: absolute; left: 20%; bottom: 8%; z-index: 10; margin-left: 250px;}
.slides-navigation a {text-decoration: none; color: #a4aeb0; font-family: 'Oswald'; font-weight: 700; letter-spacing: 0.2em;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.slides-navigation a.prev {}
.slides-navigation a.next {}
.slides-navigation a:hover{color: #c5a47e;}
.slides-navigation span{color: #647072; font-weight: 400; padding: 0 10px;}

.slides-pagination {
  position: absolute;
  z-index: 13;
  bottom: 8%;
  right: auto;
  left: 20%;
  text-align: center;
  vertical-align: bottom;
  font-size: 0;
  padding-left: 110px;
}
.slides-pagination:before{content: ''; display: inline-block;width: 70px; height: 1px; background: #647072; position: absolute; left: 0; bottom: 15px;}
.slides-pagination a {
  position: relative;
  display: inline;
  height: 40px;
  text-decoration: none;
  color: #a4aeb0;
  font-size: 14px;
  vertical-align: bottom;
  line-height: 20px;
  font-family: 'Oswald';
  font-weight: 700;

  margin: 0;
  transition: all 0.1s ease-out;
}
.slides-pagination a:first-child:before{display: none;}
.slides-pagination a:before{content: '/'; font-size: 14px;color: #a4aeb0; display: inline-block; padding: 0 5px; line-height: 20px;}
.slides-pagination a:hover{}
.slides-pagination a.current {background: none; color: #c5a47e; font-size: 30px; line-height: 30px;}

.slides-container {}
.slides-container .caption{position: absolute; top: 55%; left: 20%; right: 0; color: #fff; line-height: 1.1;
-ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.slides-container .caption .txt1{font-size: 18px; font-family: 'Oswald'; color: #a4aeb0; letter-spacing: 0.7em; text-transform: uppercase;}
.slides-container .caption .txt2{font-size: 90px; font-family: 'Oswald'; font-weight: 600; padding-top: 20px;}
.slides-container .caption .txt2 span{color: #c5a47e; font-weight: 400;}
.slides-container .caption .txt3{font-size: 16px; font-style: italic; padding-top: 40px;}
.slides-container .caption .link1{ padding-top: 40px;}



@media (max-height: 700px) {
  .slides-container .caption .txt2{font-size: 70px; padding-top: 10px;}
  .slides-container .caption .txt3{padding-top: 20px;}
  .slides-container .caption .link1{padding-top: 20px;}

}

@media (max-width: 991.98px) {
  .slides-container .caption .txt2{font-size: 70px; padding-top: 10px;}
  .slides-container .caption .txt3{padding-top: 20px;}
  .slides-container .caption .link1{padding-top: 20px;}

}

@media (max-width: 767.98px) {
  .slides-container .caption{left: 15px; right: 15px;}
  .slides-container .caption .txt1{font-size: 14px;}
  .slides-container .caption .txt2{font-size: 40px; padding-top: 10px;}
  .slides-container .caption .txt3{font-size: 14px; padding-top: 10px;}
  .slides-container .caption .link1{display: none;}
  .slides-navigation{left: 15px; margin-left: 140px;}
  .slides-pagination{left: 15px; padding-left: 0;}
  .slides-pagination:before{display: none;}
}

@media (max-width: 575.98px) {
  .slides-container .caption .txt2{font-size: 30px;}
}

/* ==========================================================
   SUPER-SLIDES TO OWL CAROUSEL MIGRATION CSS
   ========================================================== */
#slides_wrapper {
    position: relative;
    width: 100%;
    height: 100vh !important;
    min-height: 500px;
    background: #272727;
    overflow: hidden;
}

#home_slider .item {
    height: 100vh !important;
    min-height: 500px;
    position: relative;
}

#home_slider .slider-bg-img {
    width: 100%;
    height: 100%;
    object-fit: cover !important; /* Force crop the image cleanly */
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

/* Ensure caption is strictly above the image */
#home_slider .caption {
    z-index: 10;
}

/* Custom Owl Navigation to match Superslides */
#home_slider .owl-nav {
    position: absolute;
    left: 20%;
    bottom: 8%;
    z-index: 10;
    margin-left: 250px;
    margin-top: 0;
}

#home_slider .owl-nav [class*="owl-"] {
    background: none !important;
    text-decoration: none;
    color: #a4aeb0 !important;
    font-family: 'Oswald';
    font-weight: 700;
    letter-spacing: 0.2em;
    font-size: 14px;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    transition: all 0.3s ease-out;
}
#home_slider .owl-nav [class*="owl-"]:hover {
    color: #c5a47e !important;
}
#home_slider .owl-nav .owl-prev:after {
    content: '|';
    color: #647072;
    font-weight: 400;
    padding: 0 10px;
    letter-spacing: normal;
}

/* Custom Owl Pagination Dots to match Superslides numbers */
#home_slider .owl-dots {
    position: absolute;
    z-index: 13;
    bottom: 8%;
    right: auto;
    left: 20%;
    padding-left: 110px;
    counter-reset: owl-slides;
    display: flex;
    align-items: baseline;
}

#home_slider .owl-dots:before {
    content: ''; 
    display: block;
    width: 70px; 
    height: 1px; 
    background: #647072; 
    position: absolute; 
    left: 0; 
    bottom: 12px;
}

#home_slider .owl-dot {
    background: none !important;
    border: none !important;
    position: relative;
    text-decoration: none;
    color: #a4aeb0;
    font-size: 14px;
    font-family: 'Oswald';
    font-weight: 700;
    margin: 0;
    padding: 0;
    transition: all 0.1s ease-out;
    counter-increment: owl-slides;
    outline: none;
    display: flex;
    align-items: baseline;
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
}

/* Hide the default span circle generated by Owl Carousel */
#home_slider .owl-dot span {
    display: none !important;
}

/* Generate the number automatically using CSS */
#home_slider .owl-dot:after {
    content: "0" counter(owl-slides);
}

/* The separator slash */
#home_slider .owl-dot:before {
    content: '/'; 
    font-size: 14px;
    color: #a4aeb0; 
    display: inline-block; 
    padding: 0 5px; 
    font-weight: 700;
}
#home_slider .owl-dot:first-child:before {
    display: none;
}

/* The active state styling */
#home_slider .owl-dot.active {
    color: #c5a47e; 
    font-size: 30px; 
}

@media (max-width: 767.98px) {
    #home_slider .owl-nav { left: 15px; margin-left: 140px; }
    #home_slider .owl-dots { left: 15px; padding-left: 0; }
}

/* Ultimate Fix for Browser Subpixel Twitching / Font jumping on Logo and Nav 
   during the CSS3 hardware-accelerated carousel sliding */
html, body {
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

/* We must NOT apply translateZ to the header or it will lose z-index hierarchy and hide behind the slider. */
#home_slider,
#home_slider .owl-stage-outer,
#home_slider .owl-stage,
#home_slider .owl-item,
#home_slider .item {
    height: 100vh !important;
    -webkit-backface-visibility: hidden !important;
    backface-visibility: hidden !important;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
    transform: translateZ(0) scale(1.0, 1.0);
    -webkit-perspective: 1000px;
    perspective: 1000px;
    will-change: transform;
}