/*
Theme Name: Adventures
Theme URI: https://vikwp.com
Author: VikWP
Author URI: https://vikwp.com
Description: Created for all the type of Car Rentals agencies. Fully compatible with the VikRentCar plugin.
Version: 1.1.19
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: https://vikwp.com/demo/vikrentcar/adventures
Tags: vikrentcar, responsive, wordpress, car rentals, car hire
*/

@import url(assets/css/base.css);
@import url(assets/css/layout.css);
@import url(assets/css/modules.css);
@import url(assets/css/elements.css);
@import url(assets/css/styles.css);
@import url(assets/css/template-parts.css);
@import url(assets/css/themekit.css);

/* Vik Info Demo s*/

@import url(assets/css/vikinfodemo.css);
#menutitlemob {
    display: none;
}

#module-box-02 {
    background: #fff;
    padding: 0 0 30px 0 !important;
}

#custom_html-16 {
    padding: 0;
}


/* Logo Slider */

.slider-lg * {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

.slider-lg {
    height: 200px;
    position: relative;
    width: 100%;
    background-color: #fff;
    display: grid;
    place-items: center;
    overflow: hidden;
}

.slider-lg::before,
.slider-lg::after {
    position: absolute;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    content: '';
    height: 100%;
    width: 25%;
    z-index: 2;
    pointer-events: none;
}

.slider-lg::before {
    left: 0;
    top: 0;
}

.slider-lg::after {
    right: 0;
    top: 0;
    transform: rotateZ(180deg);
}


/*  IMPORTANT CODE BELOW */

.slide-track {
    width: calc(150px * 18);
    display: flex;
    animation: scroll 20s linear infinite;
    justify-content: space-around;
}

.slide-track2 {
    width: calc(150px * 65);
    /* logos size 65 */
    display: flex;
    animation: scroll 28s linear infinite;
    justify-content: space-around;
}

.slide-s {
    /*width: 250px;*/
    /*height: 60px;*/
    display: grid;
    place-items: center;
    transition: 0.5s;
    cursor: pointer;
    margin: 0 10px;
    /*border: 1px solid black;*/
}

.slide-s img {
    width: 100%;
}

.slide-s:hover {
    transform: scale(0.9);
}

@keyframes scroll {
    0% {
        transform: translateX(0px);
    }
    100% {
        transform: translateX(calc(-150px * 8));
    }
}

@keyframes scroll2 {
    0% {
        transform: translateX(0px);
    }
    100% {
        transform: translateX(calc(-150px * 5));
    }
}

@media screen and (max-width: 768px) {
    .slide-track {
        width: calc(80px * 17);
    }
    .slide-track2 {
        width: calc(150px * 50);
        /* logos size 50 */
        animation: scroll 18s linear infinite;
    }
    .slide-s {
        width: 150px;
        margin: 0 10px;
    }
    @keyframes scroll {
        0% {
            transform: translateX(0px);
        }
        100% {
            transform: translateX(calc(-80px * 10));
        }
    }
    @keyframes scroll2 {
        0% {
            transform: translateX(0px);
        }
        100% {
            transform: translateX(calc(-80px * 5));
        }
    }
}

.wrap>.vrc-main-title {
    display: none;
}
/* Logo Slider */