@import "../components/google_map_marker.css";

/* Slider */
.container > .carousel { margin: 0px -15px 0px; border-radius: 0; overflow: hidden; }
.container > .carousel > .carousel-indicators li { width: 18px; height: 18px; margin: 1px 4px; cursor: pointer; border: lightgray 1px solid; }
.container > .carousel > .carousel-indicators li.active { width: 20px; height: 20px; }
.container > .carousel .carousel-caption { width: 40%; right: 90px; left: unset; }
.container > .carousel .carousel-caption h4 { font-size: 22px; letter-spacing: 1px; text-shadow: 2px 2px 3px black; color: #fff; }
.container > .carousel .carousel-inner { background: white!important; }
.container .carousel-inner .carousel-item { width: 100%; height: 370px; background-size: cover; background: rgba(0, 0, 0, 0) none no-repeat scroll center center / cover; }
.carousel-caption { padding-bottom: 75px;}
.carousel .active.left, .carousel .active.right { left:0; opacity:0; z-index:2; }
.carousel .next, .carousel .prev { left:0; opacity:1; z-index:1; }
.carousel-control.left, .carousel-control.right { background-image: none; z-index: 100; }
.carousel-control.left:hover { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0px, rgba(0, 0, 0, 0) 100%); }
.carousel-control.right:hover { background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0.5) 100%); }
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img { width: 100%; }

.loader {
    border: 16px solid #f3f3f3;
    border-top: 16px solid #010203;
    border-radius: 50%!important;
    width: 100px;
    height: 100px;
    animation: spin 2s linear infinite;
    margin: 0 auto;
    position: relative;
    top: 180px;
}

.owl-carousel > .owl-nav {
    position: absolute;
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: center;
    width: 100%;
    top: 45%;
    height: 0;
}

.owl-carousel > .owl-nav > .owl-next:before {
    background-image: url("../../../img/next.svg");
}

.owl-carousel > .owl-nav > .owl-prev:before {
    background-image: url("../../../img/back.svg");
}

.owl-carousel > .owl-nav > .owl-next:before, .owl-carousel > .owl-nav > .owl-prev:before {
    content: '';
    height: 34px;
    width: 34px;
    display: inline-block;
    background-repeat: no-repeat;
}