/**
* 2007-2021 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@prestashop.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
*  @author    PrestaShop SA <contact@prestashop.com>
*  @copyright 2007-2021 PrestaShop SA
*  @license   http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
*  International Registered Trademark & Property of PrestaShop SA
*
* Don't forget to prefix your containers with your own identifier
* to avoid any conflicts with others containers.
*/

.uds-container-slider{
    width: 100%;
    aspect-ratio: 14/5;
    /* background-color: red;; */
}

#content > .wrapper:first-child{
    margin-top: 0px;
}


/* owl carousel */
.owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 1px 2px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
}
.owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #869791;
}

.owl-nav{
    position: absolute;
    top: 40%;
    width: 100%;
    /* background-color: green; */
}

.owl-nav .owl-prev{
    float: left;
    margin-left: -15px !important;
}
.owl-nav .owl-next{
    float: right;
    margin-right: -15px !important;
}

.owl-nav .owl-next:before {
    content: "\f105";
    font-family: "FontAwesome";
    font-size: 30px;
    line-height: 30px;
    color:black;
    transform: translateY(-50%) rotate(-90deg);
}
.owl-nav .owl-prev:before {
    content: "\f104";
    font-family: "FontAwesome";
    font-size: 30px;
    line-height: 30px;
    color:black;
    transform: translateY(-50%) rotate(-90deg);
}
.owl-nav button{
    padding: 0px !important;
    margin: 0px !important;
    font-size: 0px !important;
    width: 32px;
    height: 32px;
    background-color: rgb(255, 255, 255) !important;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% !important;
    border-radius: 50% !important;
    opacity: 0;
    transition: all 0.25s ease 0s;
    box-shadow: rgb(49 53 59 / 12%) 0px 1px 6px 0px !important;
    left: 0px;
}
.owl-carousel:hover .owl-nav button{
    transition: opacity 0.5s; 
    opacity: 1;
}

/* nav position */
.owl-carousel.inner-left .owl-dots{
    position: absolute;
    bottom: 10px;
    padding-left: 10px;
    width: 100%;
    /* background-color: red; */
}
.owl-carousel.inner-right .owl-dots{
    position: absolute;
    bottom: 10px;
    padding-right: 10px;
    width: 100%;
    text-align: right;
}
.owl-carousel.inner-center .owl-dots{
    position: absolute;
    bottom: 10px;
    padding-right: 10px;
    width: 100%;
    text-align: center;
}
.owl-carousel.outer-left .owl-dots{
    margin-top: 5px;
    width: 100%;
    text-align: left;
}
.owl-carousel.outer-right .owl-dots{
    margin-top: 5px;
    width: 100%;
    text-align: right;
}
.owl-carousel.outer-center .owl-dots{
    margin-top: 5px;
    width: 100%;
    text-align: center;
}

.owl-carousel-vertical{
    transform: rotate3d(0, 0, 1, 90deg);
}
.owl-carousel-vertical .item{
    transform: rotate3d(0, 0, 1, -90deg);
}
.skeleton-animate{
    display: flex;
    flex-wrap: wrap;
}
.skeleton-sub{
    text-align: center;
    margin-top: 10px;
}
.skeleton-sub label{
    width: 80%;
    height: 10px;
    margin-bottom:3px;
}
.animate{
    background-color: #ccc;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: placeHolderShimmer;
    animation-name: placeHolderShimmer;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: -webkit-gradient(linear, left top, right top, color-stop(8%, #eeeeee), color-stop(18%, #dddddd), color-stop(33%, #eeeeee));
    background: -webkit-linear-gradient(left, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    -webkit-background-size: 800px 104px;
    background-size: 800px 104px;

    animation: avnSkeletonLoader 2s ease-in-out infinite;
}
@keyframes avnSkeletonLoader {
    0% {
        background-position: -200px;
    }
    100% {
        background-position: 300px;
    }
}
.no-animate{
    background: transparent !important;
}

.skeleton-animate .item-skeleton{
    display: inline-block;
}




/* media added */
@media (min-width: 1200px){
}

@media (max-width: 1199px){

}
@media (max-width: 991px){

}
@media (max-width: 767px){
    
}
@media (max-width: 575px){
}

@media (max-width: 480px){
    
}

@media (max-width: 426px){

}

@media (max-width: 355px){
    
}

@media (max-width: 315px){

}