/* GLOBAL STYLES
-------------------------------------------------- */
body {
    font-family: 'Montserrat', sans-serif;
}

/* HEADER
-------------------------------------------------- */
#menu-mobile {
    padding: 0;
    line-height: 1;
}

/* CAROUSEL
-------------------------------------------------- */
@media (min-width: 576px) {
    .carousel-control-next-icon, .carousel-control-prev-icon {
        padding: .5rem;
        border: 1rem solid #6c757d;
        background-color: #6c757d;
        border-radius: 50%;
    }
}
.carousel-caption {
    position: absolute;
    top: 30%;
    left: 0;
    right: 0;
    bottom: 30%;
    margin: auto;
    width: 80%;
    height: 40%;
    color:#000
}

/* BENEFITS
-------------------------------------------------- */
.benefits .icon {
    width: 4rem;
    height: 4rem;
    text-align: center;
    line-height: 5;
}


/* PRODUCT
-------------------------------------------------- */
@media (min-width: 768px) {
    .card-title {
        font-size: 1.25rem;
    }
}

@media (max-width: 575px) {
    .ms2_product {
        border-right:1px solid rgba(0,0,0,.125);
    }
    .ms2_product .card {
        border-right: 0!important;
    }
}

@media (min-width: 576px) and (max-width:767px) {
    .ms2_product:nth-of-type(2n+2){
        border-right:1px solid rgba(0,0,0,.125);
    }
    .ms2_product:nth-of-type(4n+4) .card{
        border-right: 0!important;
    }
}

@media (min-width: 768px) and (max-width:1399px) {
    .ms2_product:nth-of-type(3n+3){
       border-right:1px solid rgba(0,0,0,.125);
    }
    .ms2_product:nth-of-type(4n+4) .card{
        border-right: 0!important;
    }
}

/* FILTERS
-------------------------------------------------- */

.filters .noUi-horizontal {
    height: 4px;
    padding: 0;
    background-color: rgba(0,78,183,.16);
    border: none;
    border-radius: 10px;
    box-shadow: none
}
.filters  .noUi-horizontal .noUi-handle {
    top: -11px;
    right: -24px;
    width: 28px;
    height: 28px;
    background-color: #F7F7F7;
    border: 6px solid #F7F7F7;
    border-radius: 50%;
    box-shadow: none;
    outline: none;
    cursor: pointer;
}
.filters .noUi-horizontal .noUi-handle-upper {
    right: 0;
}
.filters  .noUi-horizontal .noUi-handle:after,
.filters  .noUi-horizontal .noUi-handle:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 6px;
    display: block;
    transform: translateY(-50%);
    width: 1px;
    height: 6px;
    background-color: #198754
}
.filters  .noUi-horizontal .noUi-handle:after {
    left: 9px
}
.filters  .noUi-horizontal .noUi-connect {
    background-color: #198754
}


/* MAP
-------------------------------------------------- */
#map-container {
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
#map {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

/* COOKIES
-------------------------------------------------- */
#modal-cookies.show ~ .modal-backdrop.show {
    opacity: 0;
    pointer-events: none;
}