/*-------------------------------------- Plyr CSS --------------------------------------*/

.plyr--video {
    border-radius: 15px;
}

/*-------------------------------------- Chosen CSS --------------------------------------*/

.chosen-container {
    font-size: .875rem;
}

.chosen-container-single .chosen-single {
    width: 100%;
    height: 45px;
    line-height: 45px;
    display: inline-block;
    padding: 0 0 0 35px;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 1);
    border-radius: 300px;
    box-shadow: 0 0 5px rgb(20 20 45 / 15%);
}

.chosen-container-single .chosen-single span {
    margin: 0;
    padding: 0 30px 0 0;
}

.chosen-container-single .chosen-single div {
    width: inherit;
    height: inherit;
    position: absolute;
}

.chosen-container-single .chosen-single>div b {
    background-image: none !important;
}

.chosen-container-single .chosen-single div:before {
    content: '\F0140';
    position: absolute;
    top: 15px;
    right: 10px;
    font-family: 'Material Design Icons';
    font-size: 1.15rem;
    line-height: .85;
}

.chosen-container-single .chosen-search:before {
    content: '\F0349';
    font-family: 'Material Design Icons';
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 1.15rem;
    line-height: 1.15;
}

.chosen-container-single .chosen-search input[type='text'] {
    width: 95%;
    display: table;
    margin: 5px auto;
    padding: 10px;
    background: transparent;
    border: 1px solid rgb(230, 230, 230);
    border-radius: 300px;
    box-shadow: 0 0 5px rgb(20 20 45 / 10%);
}

.chosen-container.chosen-with-drop .chosen-drop {
    margin: 5px 0;
    border: 0;
    border-radius: 10px;
    box-shadow: 0 0 5px rgb(20 20 45 / 15%);
}

.chosen-container-active.chosen-with-drop .chosen-single {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, .5);
    border-radius: 300px;
    box-shadow: 0 0 5px rgb(20 20 45 / 15%);
}

.chosen-container .chosen-results {
    padding: 0 10px 5px;
}

.chosen-container .chosen-results li {
    padding: 10px;
    border-radius: 300px;
}

.chosen-container .chosen-results li.highlighted {
    background: var(--Primary-Color);
}

.q-form .q-nested .q-select .chosen-container .chosen-single {
    box-shadow: none;
}

.q-form .q-nested .q-select.q-left .chosen-container .chosen-single {
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.q-form .q-nested .q-select.q-right .chosen-container .chosen-single {
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

/*-------------------------------------- Swiper CSS --------------------------------------*/

.swiper-wrapper {
    padding: 15px 0 30px;
}

.swiper-3d .swiper-wrapper {
    padding: 60px 0;
}

.swiper-3d .swiper-wrapper .swiper-slide-shadow-left,
.swiper-3d .swiper-wrapper .swiper-slide-shadow-right {
    background-image: none;
}

.swiper-3d .swiper-wrapper .swiper-slide {
    filter: grayscale(1);
}

.swiper-3d .swiper-wrapper .swiper-slide-active {
    filter: grayscale(0);
}

@media screen and (max-width: 767px) {
    .swiper-3d .swiper-wrapper .swiper-slide {
        padding: 0 15px;
    }
}