/*============================================================================================*/
/* Your custom styles below */
/*============================================================================================*/
:root {
    --main-blue: #040361;
    --secondary-blue: #00a2e9;
    --secondary-blue2: #008fd7;
    --main-orange: #fe9d00;
    --secondary-orange: #fe7200;
    --main-yellow: #fbbb13;
    --main-green: #1ba365;
    --secondary-green: #168c58;
}

.header-transparent-mask {
    /* background-image: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.4)); */
    background: linear-gradient(to right, transparent, rgba(4, 3, 97, 0.5));
}

.header-transparent-mask.sticky {
    background: white;
}

@media only screen and (max-width: 991px) {
    #header_menu {
        display: block;
        text-align: center;
        position: relative;
        padding: 30px 0 25px 0;
        background-color: var(--main-blue);
    }

}

.main_title span em {
    background-color: var(--secondary-blue);
}

.item_version_2 a figure span {
    /* background-color: unset; */
}

.owl-theme.categories_carousel .item a span,
.item_version_2 a span {

    background-color: #fcfcfc;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 5px;
    width: 35px;
    height: 35px;
    padding: 5px;
}

.owl-carousel.categories_carousel .owl-item img.owl-lazy {
    height: 150px;
}

.banner {
    background-position: center right;
    background-size: contain;
}

.banner .opacity-mask {
    background-color: unset;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.3), transparent);
}

.banner.subheader {
    background-position: center center;
    height: 100px;

}

a.btn_1.gradient,
.btn_1.gradient {
    /* background-image: -webkit-linear-gradient(right, #f3723b, #e54750); */
    /* background-image: linear-gradient(to right, var(--secondary-blue), var(--secondary-blue2)); */
    background-image: linear-gradient(to right, var(--main-orange), var(--secondary-orange));

}

/*  */
.list_home.cars ul li a figure img {
    width: auto;
    height: 100%;
}

/*  */
.strip.car figure {
    height: 260px;
}

.strip.travel figure {
    height: 300px;
}

.strip.travel.xl-6 figure {
    /* height: 450px; */
    width: 100%;
}

/*  */
.score strong:before {
    color: var(--main-orange);
}

.no {
    text-decoration: line-through;
    opacity: .5;
}

/* Blog */
article.blog {
    min-height: 368px;
}

article.blog figure img {

    width: 100%;
    height: auto;

}

.parallax {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

/* Detail Page (Galeri)*/
.pictures {
    text-align: center;
}

.pictures figure {
    /* height: 250px; */
    /* width: 32%; */
    height: 182px;
    width: 24.5%;
}

@media (max-width: 991px) {
    .pictures figure {
        width: 49%;
        height: 100px;
    }
}

@media (max-width: 767px) {
    .pictures {
        white-space: unset;
    }

}

/* @media (max-width: 1199px) {
    .pictures figure {
        height: 200px;
    }
} */

/* Footer */
footer {
    /* background-color: var(--secondary-blue); */
    background-color: var(--main-blue);
    color: white;

}

footer .contacts ul li i,
footer h3 {
    /* color: white; */
    color: var(--secondary-orange);

}


ul.additional_links li a,
ul.additional_links li span,
footer .links ul li a,
footer .contacts ul li,
footer .contacts ul li a {
    color: white;
}

footer hr {
    border-color: rgba(255, 255, 255, 0.5);
    margin-top: 5px;
}

ul.additional_links {

    color: #fff;
    float: unset;
    margin-bottom: 0;
}

/* Isotope Masonry */
.promo.car {
    /* background: var(--main-blue) url(../assets/img/subheader-golden-transport-tuban-sewa-mobil-tuban.jpg) bottom right no-repeat; */
    background-color: unset;
    background-image: linear-gradient(to right, var(--main-blue) 60%, transparent), url("../assets/img/subheader-golden-transport-tuban-sewa-mobil-tuban.jpg");
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
}

/* Radio checkmark */
.container_radio input:checked~.checkmark {
    border-color: var(--main-blue);
    box-shadow: 0px 0px 0px 2px rgba(71, 121, 229, 0.3);
}

.container_radio .checkmark:after {
    background: var(--main-blue);
}

.container_radio:hover .checkmark {
    border: 2px solid var(--secondary-blue);
}

.strip.car figure a.strip_info>small {
    height: 50px;
    width: 50px;
    padding: 10px;
    border-radius: 5px;
}

.strip.car figure .ribbon {
    background-color: var(--main-green);
}

.strip.car figure:hover .ribbon img {
    transform: translate(-50%, -50%) scale(1);
}

.strip.car .ribbon.brand {
    background-color: white;
    width: 45px;
    height: 45px;
    border-radius: 5px;
}

.strip.car .ribbon.brand img {
    padding: 5px;
}

.strip.car .ribbon.off {
    bottom: 15px;
    top: unset;
}

/*  */

/* col-sm-6 */
@media (min-width: 576px) {}

/* col-md-6 */
@media (min-width: 768px) {
    .strip.car figure {
        height: 334px;
    }
}

/* col-lg-6 */
@media (min-width: 992px) {
    .strip.car figure {
        height: 229px;
    }
}


/* .col-xl-4  */
@media (min-width: 1200px) {
    .strip.car figure {
        height: 284px;
    }
}