Linux SRV-16 6.18.44-paas #1 SMP PREEMPT_DYNAMIC Thu Aug 13 10:08:12 UTC 2026 x86_64
/srv/data/trash/vhost_www.bachtale.com_1719306535/htdocs/assets/css/
//srv/data/trash/vhost_www.bachtale.com_1719306535/htdocs/assets/css/app_front.scss
 @import "~bootstrap/scss/bootstrap";
@import "~@fortawesome/fontawesome-free/scss/fontawesome";
@import '~@fortawesome/fontawesome-free/scss/regular';
@import '~@fortawesome/fontawesome-free/scss/solid';
@import '~@fortawesome/fontawesome-free/scss/brands';
@import "~animate.css/source/_base.css";
@import "~animate.css/source/fading_entrances/fadeInRight.css";
@import "~animate.css/source/fading_entrances/fadeInLeft.css";
@import "~animate.css/source/fading_entrances/fadeInDown.css";
$owl-image-path: "~owl.carousel/src/img/";
@import '~owl.carousel/src/scss/owl.carousel';
@import '~owl.carousel/src/scss/_theme.default';
@import '~blueimp-gallery/css/blueimp-gallery.css';

/* FilosofiaRegular - latin */
@font-face {
    font-family: 'FilosofiaRegular';
    font-weight: normal;
    font-style: normal;
    src: url('/fonts/FilosofiaRegular/FilosofiaRegular.eot?#iefix') format('embedded-opentype'),  
         url('/fonts/FilosofiaRegular/FilosofiaRegular.otf')  format('opentype'),
         url('/fonts/FilosofiaRegular/FilosofiaRegular.woff') format('woff'), 
         url('/fonts/FilosofiaRegular/FilosofiaRegular.ttf')  format('truetype'), 
         url('/fonts/FilosofiaRegular/FilosofiaRegular.svg#FilosofiaRegular') format('svg');
}


/*FilosofiaItalic - latin */
@font-face {
    font-family: 'FilosofiaItalic';
    font-weight: normal;
    font-style: normal;
    src: url('/fonts/FilosofiaItalic/FilosofiaItalic.eot?#iefix') format('embedded-opentype'),  
         url('/fonts/FilosofiaItalic/FilosofiaItalic.otf')  format('opentype'),
         url('/fonts/FilosofiaItalic/FilosofiaItalic.woff') format('woff'), 
         url('/fonts/FilosofiaItalic/FilosofiaItalic.ttf')  format('truetype'), 
         url('/fonts/FilosofiaItalic/FilosofiaItalic.svg#FilosofiaItalic') format('svg');
}
  
  
  

  /* open-sans-regular - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('/fonts/open-sans-v17-latin/open-sans-v17-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Open Sans Regular'), local('OpenSans-Regular'),
         url('/fonts/open-sans-v17-latin/open-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/fonts/open-sans-v17-latin/open-sans-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('/fonts/open-sans-v17-latin/open-sans-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('/fonts/open-sans-v17-latin/open-sans-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/fonts/open-sans-v17-latin/open-sans-v17-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
  }

$font-stack: 'Open Sans', sans-serif;
$font-stack-title: 'FilosofiaRegular', sans-serif;
$base-font-size: 14px;
$default-color: #bd8053;
$default-color-hover:#aa734a;
$default-color-black: black;
$default-color-text: #777;

$break-large: 1200px;
$break-medium: 992px;
$break-small: 768px;

@function trim-unit($value){
    @return $value / ($value * 0 + 1);
}

@function rem($value){
    @return $value / trim-unit($base-font-size) * 1rem
}

body{
    font-family: $font-stack;
    font-size: $base-font-size;
    color: $default-color-text;
    line-height: 1.8;
    background-color: #fff;

    h1,h2,h3,h4{
        font-family: $font-stack-title;
        font-weight: 700;
        color: $default-color-black;
        letter-spacing: rem(3);
    }

    a{
        text-decoration: none;
        color: $default-color;

        &:hover{
            text-decoration: none;
            color: $default-color-text;
        }
    }

    img {
        background: transparent;
        display: block;
        border: none;
    }

    .breadcrumb{
        background-color: #fff;
        border-radius: 0;
        border: 1px solid #eee;
    }

    .container-fluid{
        max-width: 1430px;
    }

    .font-italic{
        font-family: 'FilosofiaItalic', sans-serif;
    }

    .shape {
        background-color: $default-color-black;
        text-align: center;
        line-height: 24px;
        border: 0px rgba(0,0,0,0.5);
        margin: rem(20) auto rem(20) auto;
        padding: 0px;
        letter-spacing: 0px;
        font-weight: 300;
        font-size: 14px;
        white-space: normal;
        min-height: 1px;
        min-width: 60px;
        max-height: 1px;
        max-width: 60px;
        position: relative;

        &.white{
            background-color:#fff;
        }

        &.left{
            text-align: left;
            margin: rem(20) auto rem(35) rem(0);
        }
    }

    .more{
        background-color: #fff;
        border: 1px solid #eee;
        padding: 15px;
        color: $default-color-black;
    }

    .message{
        width: 100%;
        max-width: rem(320);
        background-color: transparent;
        position: absolute;
        right: rem(15);
        top: rem(150);
        z-index: 999;
    }

    .menu{
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        // background-color: rgba(255,255,255, 0.7);
        z-index: 1030;
        transition: all 0.3s;
        // border-bottom: 1px solid #eee;
    
        &.fixed{
            padding: 0;
            background: #fff;
            box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);

            .navbar{
                transition: all 0.3s;
                padding: 0.2rem 0 0.5rem;
            }
        }
    }

    .nav-item{

        &.active{
            .nav-link{
              
                @media screen and (max-width: $break-medium) {
                    color: $default-color;
                }

                &:after {
                    left: 0;
                    width: 100%;

                    @media screen and (max-width: $break-medium) {
                        width: 0;
                    }
                }
            }
        }
    }

    .nav-link{
        color: #000;
        letter-spacing: .06em;
        position: relative;
        font-family: $font-stack-title;
        font-size: rem(16);

        @media screen and (max-width: $break-medium) {
            font-size: rem(14);
        }

        &.dropdown-toggle{
            position: inherit;

            &:after {
                position: inherit;
                top: inherit;
                left: inherit;
            }

            &:hover:after {
                left: inherit;
                width: 0;
            }
        }

        &:after {
            background: -moz-linear-gradient(90deg,$default-color-black 0%,$default-color-black 100%);
            background: -webkit-linear-gradient(90deg,$default-color-black 0%,$default-color-black 100%);
            background: -o-linear-gradient(90deg,$default-color-black 0%,$default-color-black 100%);
            background: -ms-linear-gradient(90deg,$default-color-black 0%,$default-color-black 100%);
            background: linear-gradient(90deg,$default-color-black 0%,$default-color-black 100%);
            content: '';
            position: absolute;
            top: 100%;
            left: 50%;
            width: 0;
            height: 1px;
            margin-top: 4px;
            transition: .3s all ease;
        }

        &:hover:after {
            left: 0;
            width: 100%;

            @media screen and (max-width: $break-medium) {
                width: 0;
            }
        }
    }

    .navbar{
        .navbar-brand{
            @media screen and (min-width: $break-small) {
                margin-right: 0px!important;
            }
        }
    }
    
    .banner{
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
        position: relative;
        text-align: center;
        height: auto;

        .owl-slider{
            z-index: inherit;
            .slider-img{
                position: relative;
                height: 700px;
                background-size: contain;
                background-position: center;
                background-repeat: no-repeat;

                @media screen and (max-width: $break-small) {
                    height: 300px;
                }
            }

            .owl-nav {
                margin-top: 0;
                height: auto;
            }
            
            .owl-nav [class*='owl-'] {
                color: #6f6f6f;
                line-height: 30px;
                border-radius: 0;
            }
            
            .owl-nav [class*=owl-]:hover {
                color: $default-color!important;
            }
            
            .owl-nav .owl-prev {
                position: absolute;
                left: 15px;
                top: 47%;
                background: transparent !important;
                opacity: 1;
                border-radius: 0;
                line-height: 32px;

                @media screen and (max-width: $break-medium) {
                    top: 25%;
                }
            }
            
            .owl-nav .owl-prev {
                color: $default-color;
                font-size: 43px;
                text-align: center;
                width: 40px;
                height: 40px;
                background: transparent !important;
                -webkit-transition: all .4s ease 0s;
                transition: all .4s ease 0s;
                -webkit-box-shadow: 0 5px 28px 0 rgba(50,50,50,0.1);
                -moz-box-shadow: 0 5px 28px 0 rgba(50,50,50,0.1);
                box-shadow: 0 5px 28px 0 rgba(50,50,50,0.1);
            }
            
            .owl-nav .owl-next {
                position: absolute;
                right: 15px;
                top: 47%;
                background: transparent !important;
                opacity: 1;
                border-radius: 0;
                line-height: 32px;
                @media screen and (max-width: $break-medium) {
                    border: 1px solid #eee;
                    top: 25%;
                }
            }
            
            .owl-nav .owl-next {
                -webkit-transition: all .4s ease 0s;
                transition: all .4s ease 0s;
                -webkit-box-shadow: 0 5px 28px 0 rgba(50,50,50,0.1);
                -moz-box-shadow: 0 5px 28px 0 rgba(50,50,50,0.1);
                box-shadow: 0 5px 28px 0 rgba(50,50,50,0.1);
            }
            
            .owl-nav .owl-next {
                color: $default-color;
                font-size: 43px;
                text-align: center;
                width: 40px;
                height: 40px;
                background: transparent !important;
            }
            
            .owl-nav [class*='owl-'] {
                font-size: 14px;
                margin: 5px;
                padding: 4px 7px;
                background: transparent;
                display: inline-block;
                cursor: pointer;
                border-radius: 3px;
                @media screen and (max-width: $break-medium) {
                    background-color: #fff!important;
                }
            }
        }

        &.pages{
            background-image: none;
            background-color: #eee;
            min-height: 400px;
            h1{
                padding: 10px;
                text-transform: lowercase;
                &::first-letter {
                    text-transform: uppercase;
                }
             }

             .middle{
                top: 55%;
             }
        }

        .middle{
            width: 100%;
            max-width: 380px;
            padding: 50px 45px;
            border-radius: 3px;
            margin: auto;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%,-50%);
            background-color: #fff;
            border-radius: 0;

            &.left{
                left: 25%;
            }

            &.right{
                left: 75%;
            }

            @media screen and (max-width: $break-medium) {
                width: 100%;
                max-width: inherit;
                position: inherit;
                transform: inherit;
                border: 1px solid #eee;

                h1{
                    font-size: rem(30);
                }
            }
        }
    }

     //SLIDER
    .product-slider{
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
        .item{
            position: relative;
            width: 100%;
            height: 400px;

            img{
                width: 100%;
                position: absolute;
                left: 50%;
                top: 50%;
                transform: translate(-50%, -50%);
            }
        }

        @media screen and (max-width: $break-medium) {
            margin-bottom: 30px;
        }

        &.owl-theme .owl-nav {
            margin-top: 0;
            height: auto;
        }
        
        &.owl-theme .owl-nav [class*='owl-'] {
            color: #6f6f6f;
            line-height: 30px;
            border-radius: 0;
        }
        
        &.owl-theme .owl-nav [class*=owl-]:hover {
            color: $default-color!important;
        }
        
        
        
        &.owl-theme .owl-nav [class*='owl-'] {
            color: $default-color-text;
            font-size: 14px;
            margin: 5px;
            padding: 4px 7px;
            background: #D6D6D6;
            display: inline-block;
            cursor: pointer;
            border-radius: 3px;
        }

        &.owl-theme .owl-dots {
            padding: 15px 0 15px;
            background-color: $default-color;
        }
    }

    .owl-nav .owl-prev {
        position: absolute;
        left: 15px;
        top: 47%;
        background: #fff !important;
        opacity: 1;
        border-radius: 0;
        line-height: 32px;
    }
    
    .owl-nav .owl-prev {
        color: $default-color;
        font-size: 43px;
        text-align: center;
        width: 40px;
        height: 40px;
        background: #fff !important;
        left: 0;
        -webkit-transition: all .4s ease 0s;
        transition: all .4s ease 0s;
        -webkit-box-shadow: 0 5px 28px 0 rgba(50,50,50,0.1);
        -moz-box-shadow: 0 5px 28px 0 rgba(50,50,50,0.1);
        box-shadow: 0 5px 28px 0 rgba(50,50,50,0.1);
    }
    
    .owl-nav .owl-next {
        position: absolute;
        right: 15px;
        top: 47%;
        background: #fff !important;
        opacity: 1;
        border-radius: 0;
        line-height: 32px;
    }
    
    .owl-nav .owl-next {
        -webkit-transition: all .4s ease 0s;
        transition: all .4s ease 0s;
        -webkit-box-shadow: 0 5px 28px 0 rgba(50,50,50,0.1);
        -moz-box-shadow: 0 5px 28px 0 rgba(50,50,50,0.1);
        box-shadow: 0 5px 28px 0 rgba(50,50,50,0.1);
    }
    
    .owl-nav .owl-next {
        color: $default-color;
        font-size: 43px;
        text-align: center;
        width: 40px;
        height: 40px;
        background: #fff !important;
    }

    //END SLIDER

    .banner-pages{
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        position: relative;
        text-align: center;
        height: 400px;
        background-image: url('../img/bg_pages.jpg');
        padding: 5rem 0 5rem;

        .banner-title{
            width: 50%;
            max-width: 400px;
            padding: 50px 45px;
            border-radius: 3px;
            margin: auto;
            position: absolute;
            left: 75%;
            top: 50%;
            transform: translate(-50%, -50%);
            background-color: #fff;
            border-radius: 0;

            @media screen and (max-width: $break-small) {
                width: 80%;
                left: 50%!important;
                padding: 50px 30px;
            }
        }
    }

    .product-read{
        border: 1px solid #eee;
        min-height: 400px;
        padding: 15px;

        strong{
            color: $default-color;
        }

        .description{
            border: 1px solid #eee;
            padding: 15px;
        }
    }

    .collection{
         height: auto;
         box-shadow: 0 0 8px rgba(0,0,0,0.1);

        @media screen and (max-width: $break-small) {
            height: 680px;
            border: 1px solid #eee;
            margin-bottom: 30px;
        }

        .collection-bg{
            position: relative;
            height: 400px;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;

            @media screen and (max-width: $break-small) {
                height: 272px;
            }
    
            .collection-text{
                width: 100%;
                max-width: 380px;
                padding: 50px 45px;
                border-radius: 3px;
                margin: auto;
                position: absolute;
                left: 50%;
                top: 50%;
                transform: translate(-50%,-50%);
                background-color: #fff;
                border-radius: 0;
                transition: all .3s ease-in-out;
                -moz-transition: all .3s ease-in-out;
                -webkit-transition: all .3s ease-in-out;

                &:hover{
                    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
                    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
                }
    
                &.left{
                    left: 25%;
                }
    
                &.right{
                    left: 75%;
                }
    
                @media screen and (max-width: $break-medium) {
                    max-width: 300px;
                    padding: 45px 35px;
                }

                @media screen and (max-width: $break-small) {
                    width: 100%;
                    max-width: inherit;
                    left: 0!important;
                    top: 100%;
                    transform: inherit;
                }
            }
        }
    }

    .bgblack{
        position: absolute;
        background-color: rgba(0, 0, 0, 0.3);
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
    }

    .box{
        height: auto;
        border: 1px solid #eee;

        @media screen and (max-width: $break-medium) {
            height: 550px;
        }

        @media screen and (max-width: $break-small) {
            height: 570px;
        }

        .box-bg{
            background-size: cover;
            background-position: center left;
            background-repeat: no-repeat;
            height: 350px;
            position: relative;
            padding: 15px;
    
            @media screen and (max-width: $break-medium) {
                height: 272px;
            }
    
            .box-text{
                    width: 100%;
                    max-width: 250px;
                    padding: 30px 25px;
                    border-radius: 0;
                    margin: auto;
                    position: absolute;
                    left: 75%;
                    top: 50%;
                    transform: translate(-50%, -50%);
                    background-color: #fff;
                    border-radius: 0;
                    transition: all .3s ease-in-out;
                    -moz-transition: all .3s ease-in-out;
                    -webkit-transition: all .3s ease-in-out;

                    &:hover{
                        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
                        -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
                    }

                    @media screen and (max-width: $break-medium) {
                        width: 100%;
                        max-width: inherit;
                        left: 0;
                        top: 100%;
                        transform: inherit;
                        // border: 1px solid $default-color-black;
                    }
            }
        }
    }

    .section-padding{
        padding: rem(70) 0 rem(70);

        &.last{
            padding: 0 0 70px;
        }
    }

    .section-parallax{
        // background-image: url(../img/parallax.jpg);
        padding: 100px 0px;
        min-height: 450px;
        background-position: center;
        background-size: cover;
        position: relative;
        text-align: center;

        .container{
            position:relative;
            color:#fff;
        }
    }

    .section-colored{
        padding: 30px 0 30px;
        background-color: $default-color-black;
        color: #fff;
    }


    .btn{
        border-radius: 0px;
        @media screen and (max-width: $break-medium) {
            margin-bottom: 15px;
        }
    }

    .btn-default{
        font-weight: 700;
        color: $default-color;
        background-color: transparent;
        border-color: $default-color;
        transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;

        &:hover{
            color: #fff!important;
            background-color: $default-color-hover;
            border-color: $default-color-hover;
        }

        &.white{
            background-color: transparent;
            color: #fff;
            border-color: #fff;

            &:hover{
                background-color: #fff;
                border-color: #fff;
                color: $default-color!important;
            }
        }
    }

    .content-box {
        margin: 25px 0;
        .content-box-icon {
            text-align: center;
            font-size: 42px;
            color: #111;
        }

        .content-box-title {
            letter-spacing: 6px;
            text-align: center;
            margin: 5px 0 18px;
            font-size: rem(18);
        }
    }

    .desktop{
        display: block;
        @media screen and (max-width: $break-medium) {
            display: none;
        }
    }

    .mobile{
        display: none;
        @media screen and (max-width: $break-medium) {
            display: block;
        }
    }

    .card{
        border-radius: 0;
        border: 1px solid #eee;
    }

    .card-body{
        background-color: #fff;

        &.product{
           border: 1px solid #eee;
           transition: all .3s ease-in-out;
            -moz-transition: all .3s ease-in-out;
            -webkit-transition: all .3s ease-in-out;
            &:hover{
                box-shadow: 0 10px 20px rgba(0,0,0,.2);
                -webkit-box-shadow: 0 10px 20px rgba(0,0,0,.2);
            }
           h3{
               font-size: rem(16);
           }
        }
    }

    .card-image{
         box-shadow: 0 0 8px rgba(0,0,0,0.1);
        img{
            width: 100%;
            margin:auto;
        }
    }

    .flexbox {
        background: #fff;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        .inner-flexbox {
            width: 50%;
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;


            .flexbox-text {
                max-width: 500px;
                width: auto !important;
                margin: auto;
                text-align: left;
                line-height: 30px;
                padding: 4em;
                direction: ltr;
            }

            &.imgBg {
                background-size: cover;
                width: 50%;
                background-position: center center;

                // &.img1{
                //     background-image: url(../img/img1.jpg);
                // }

                // &.img2{
                //     background-image: url(../img/img2.jpg);
                // }

                // &.img3{
                //     background-image: url(../img/img3.jpg);
                // }
            }
        }

        @media screen and (max-width: $break-medium) {
            display: block;

            .inner-flexbox {
                width: 100%;

                .flexbox-text {
                    max-width: 100%;
                    padding: 15px;
                }

                &.imgBg {
                    width: 100%;
                    height: 450px;
                }
            }

         }
    }


    .card-body{
        select{
            &.form-control{
                background-clip: inherit;
                border: none;
                border-top: 1px solid #eee;
                border-bottom: 1px solid #eee;
                border-radius: inherit;

                &:focus{
                    box-shadow: inherit;
                }
            }
        }

        input{
            &.form-control{
                background-clip: inherit;
                border: none;
                border-bottom: 1px solid #eee;
                border-radius: inherit;
                position: relative;
                transition: .3s all ease;

                &:focus{
                    box-shadow: inherit;
                }
        
                &:focus {
                    border-bottom: 4px solid #eee;
                    transition: .3s all ease;
                }
            }
        }

        textarea{
            &.form-control{
                background-clip: inherit;
                border: 1px solid #eee;
                border-radius: inherit;

                &:focus{
                    box-shadow: inherit;
                }
            }
        }
    }

    .wrapper {
        display: flex;
        width: 100%;
        align-items: stretch;
        overflow: hidden;
    }

    #sidebar {
        min-width: 250px;
        max-width: 250px;
        border: 1px solid #eee;
        color: $default-color-black;
        transition: all 0.3s;
        padding: 7px;

        .sidebar-header {
            padding: 10px 0 10px;
            border: 1px solid #eee;
            
            h3{
                color: $default-color-black;
                margin: auto;
            }
            
        }

        .filter-list{
            padding: 15px;
             border: 1px solid #eee;

            legend{
                text-transform: uppercase;
                font-weight: 700;
            }
        }
    }



    #sidebar.active {
        margin-left: -250px;
    }


    #content{
         width: 100%;
         .navbar-product{
            border: 1px solid #eee;
        }
    }
    

    .page-item.active{
        .page-link {
            background-color: $default-color;
            border-color: $default-color;
        }
    }

    .page-link{
        color: $default-color;
    }

    #cardReact{
        display: none;
    }

    /////////////// FOOTER ///////////////////
    footer{

        a{
            color: $default-color-black;

            a:hover{
                color: $default-color-text;
            }
        }

        .footer-newsletter{
            width: 100%;
            max-width: 700px;
        }

        .social-footer{
            li{
                display: inline-block;
            }
        }

        ul{
            padding-left: 0;
            list-style: none;

            li{
                line-height: 25px;
                a{
                    color: $default-color-black;
                }
            }

            &.social {
                li{
                    cursor: pointer;
                    display: inline-block;
                    margin-right: 15px;
                    transition: all 0.3s ease-in-out;
                    -moz-transition: all 0.3s ease-in-out;
                    -webkit-transition: all 0.3s ease-in-out;

                    &:hover{
                        -webkit-transform: scale(1.2);
                        transform: scale(1.2);
                        transition: all 0.3s ease-in-out;
                        -moz-transition: all 0.3s ease-in-out;
                        -webkit-transition: all 0.3s ease-in-out;
                    }
                }
            }
        }

        .footer-top{
            padding: 30px;
            margin-bottom: 30px;
            background-color: #f5f5f5;
        }

        .footer-bottom{
            background-color: transparent;
            padding: 15px 0 15px;
            text-align: center;
            font-size: rem(10);

            @media screen and (max-width: $break-small) {
                .text-right{
                    text-align: inherit!important;
                }
            }
        }
    }

    //RESPONSIVE

    @media screen and (max-width: $break-medium) {


        .navbar-toggler{
            background-color: $default-color-black;
            border-radius: 0;

            .navbar-toggler-icon{
                color: #fff;
                line-height: 30px;
            }
        }

        .navbar-nav{
            background-color: #fff;
            padding: 15px;
        }
    }
}

//   REVEAL
.reveal-loaded{

    .reveal [class*="reveal-"] {
        opacity: 0!important;
        animation: none!important;
        transition: 0s!important;
      }
      
      [class*="reveal-"]{
        animation: revealAnimation 1s cubic-bezier(.5, 0, 0, 1) both;
      }
      
      .reveal-2 {
        animation-delay: .5s;
      }
      
      .reveal-3 {
        animation-delay: .7s;
      }
      
      .reveal-4 {
        animation-delay: 1s;
      }
      
    @media (prefers-reduced-motion: reduce) {
    .reveal-loaded  [class*="reveal-"] {
        animation: none!important;
    }
    }
      
    @keyframes revealAnimation {
    0% {
        opacity: 0;
        transform: translateY(50px);
    }
    100% {
        opacity: 1;
        transform: translateY(0px);
    }
    }
}

//   REVEAL
.reveal-loaded{

    .reveal [class*="reveal-"] {
        opacity: 0!important;
        animation: none!important;
        transition: 0s!important;
      }
      
      [class*="reveal-"]{
        animation: revealAnimation 1s cubic-bezier(.5, 0, 0, 1) both;
      }
      
      .reveal-2 {
        animation-delay: .1s;
      }
      
      .reveal-3 {
        animation-delay: .2s;
      }
      
      .reveal-4 {
        animation-delay: .3s;
      }
      
    @media (prefers-reduced-motion: reduce) {
    .reveal-loaded  [class*="reveal-"] {
        animation: none!important;
    }
    }
      
    @keyframes revealAnimation {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }
    100% {
        opacity: 1;
        transform: translateY(0px);
    }
    }
}