.owl-carousel button:focus { outline: none; }
.owl-carousel .owl-nav .fas { pointer-events: auto;}
.owl-carousel .owl-nav {pointer-events: none;}
.owl-carousel .owl-nav button {pointer-events: auto;}



/* * * * * * * * * * * * * * * * * * * *
 -------------- OWL-NAV ---------------
* * * * * * * * * * * * * * * * * * * */

    /*------- POSITION CENTER OUTSIDE -------*/

.nav-co {position: relative;}

.nav-co .owl-nav { width: 108%; position: absolute; top: 50%; left: 50%;
                   transform: translate(-50%, -50%); pointer-events: none; }

.nav-co .owl-nav .owl-prev {float: left;}
.nav-co .owl-nav .owl-next {float: right;}


    /*------- POSITION CENTER INSIDE -------*/
.nav-ci .owl-nav{ max-width: 1180px; width: 100%;
                   position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

.nav-ci .owl-nav .owl-prev {float: left;} 
.nav-ci .owl-nav .owl-next {float: right;}


    /*-------- POSITION RIGHT TOP ----------*/
.nav-rt {position: static;}
.nav-rt .owl-nav { position: absolute; top: 10px; right: 15px; }
.nav-rt .owl-nav .owl-prev .fas { margin-right: 7px; }
.nav-rt .owl-prev .fas { margin-right: 7px; }

    /*-------- POSITION CENTER TOP ----------*/
.nav-ct {position: relative;}
.nav-ct .owl-nav { position: absolute; top: -40px; left: 50%; transform: translateX(-50%); }
.nav-ct .owl-nav .owl-prev .fas { margin-right: 7px; }
.nav-ct .owl-prev .fas { margin-right: 7px; }




/* * * * * * * * * * * * * * * * * * * *
 -------------- OWL-NAV ---------------
* * * * * * * * * * * * * * * * * * * */

        /*-------- BUTTON 1: CIRCLE GRAY ----------*/
.button-cg .owl-nav .fas { color: rgba(117, 117, 117, 0.575); font-size: 30px; padding: 4px 12px;
                           border-radius: 30px; border: 2px solid rgba(117, 117, 117, 0.575);
                           transition: all 200ms ease;}

.button-cg .owl-nav .fas:hover, .button-cg .owl-nav .fas:active{
  color: rgb(117, 117, 117);border: 1px solid rgb(117, 117, 117);}


        /*------- BUTTON 2: RECTANGLE BLUE ---------*/

.button-rb .owl-nav .fas {
    color: rgba(255,255,255, .6); font-size: 50px;
    padding: 25px 5px;background: rgba(69, 72, 207, 0.3);
    transition: all 200ms ease;
}

.button-rb .owl-nav .fas:hover,
.button-rb .owl-nav .fas:active{ color: rgb(255,255,255); background: rgb(69, 72, 207);}


        /*------- BUTTON 1: NO-BORDER WHITE --------*/
.button-nw .owl-nav .fas { color: rgba(255,255,255, .6); font-size: 4.7em;
                         transition: all 200ms ease;}

.button-nw .owl-nav .fas:hover, .nwc-owl .owl-nav .fas:active{
    color: rgb(255,255,255);}












/* * * * * * * * * * * * * * * * * * * *
 -------------- OWL-DOTS --------------
* * * * * * * * * * * * * * * * * * * */

    /*------- POSITION CENTER BOTTOM -------*/
.dots-cb .owl-dots { line-height: 1; 
                     position: absolute; left: 50%; bottom: -12px; transform: translateX(-50%); }
    /*------- POSITION RIGHT BOTTOM -------*/
.dots-rb .owl-dots { line-height: 1; 
                     position: absolute; right: 10px; bottom: 10px;}

    /*------- POSITION LEFT TOP -------*/
.dots-lt .owl-dots { line-height: 1; 
                     position: absolute; right: -12px; top: -25px; transform: translateX(-50%); }

    /*------- POSITION CENTER BOTTOM INSIDE-------*/
.dots-cbi .owl-dots { line-height: 1; 
                     position: absolute; left: 50%; bottom: 45px; transform: translateX(-50%); }


        /*------------ DOT 1: ROUND RED ------------*/
.dot-rr .owl-dots .owl-dot span { display: block; margin: 0 3px; width: 16px; height: 16px;
                                   border: 2px solid #333; border-radius: 8px;
                                   transition: opacity 200ms ease;}

.dot-rr .owl-dots .owl-dot.active span, .drb-owl .owl-dots .owl-dot:hover span {
    background: rgb(211, 54, 33); border: 2px solid rgb(211, 54, 33);}



        /*------------ DOT 1: ROUND YELLOW ------------*/
.dot-ry .owl-dots .owl-dot span { display: block; margin: 0 2px;  border: 1px solid #ccb76d;
                                  width: 16px; height: 16px; background: none; border-radius: 8px;
                                  transition: opacity 200ms ease; }

.dot-ry .owl-dots .owl-dot.active span, .drb-owl .owl-dots .owl-dot:hover span {
    background: #ccb76d; width: 14px; height: 14px;
}