body, html {
    height: 100%;
    margin: 0;
    /*overflow-x: hidden;*/
    /*overflow-y: auto;*/
    width: 100%;
}

#lifestyle img{
    max-width: none;
}

#logo .b {
    fill: #FFFFFF;
}
#logo .a{
    fill: #FFFFFF;
}

#new--logo .logo--color{
    fill: #3e2723;
}




.uk-grid > .categoriesWrap {
    margin-bottom: 8vh;
    margin-top: 9vh;
    width: 75%;
}

.categories{
    width: 60vw;
    margin-bottom: 10vh;
}

.categoriesTitle{
    font-family: "GFS Didot";
    font-size: 60px;
}

.arabic .categoriesTitle{
    font-family: 'Mada', sans-serif;

    direction: rtl;
}

.categories:nth-child(2n){
    float: right;

}
.categories:nth-child(2n+1){
    float: left;
}

.categories:nth-child(2n+1) .mattBtn {
    margin-top: -25vh;
    position: relative;
    right: -54vw;
}

.categories:nth-child(2n+1) .mattGraphic {
    left: 3vw;
    position: absolute;
    top: 4vh;
}



.categories:nth-child(2n) .mattBtn {
    left: -5vw;
    margin-top: -25vh;
    position: relative;
}

.categories:nth-child(2n) .mattGraphic {
    right: 3vw;
    position: absolute;
    top: 4vh;
}


.uk-overlay-background {
    background: rgba(62, 39, 35, .7) none repeat scroll 0 0;
    background: none;
}


/*arabic styles starts*/

.arabic #hotelCustomers{
    text-align: end;
}

/*arabic styles ends*/

#langBtns {
    background: #3e2723 !important ;
    padding: 1.5vh 2.5vh 1.5vh 1.5vh;
}

#menuBtn{
    border: none;
    background: #3e2723 !important ;
    top: 40vh;
    padding: 2vh 2vh 8vh;
    transform-origin: left;
    -webkit-transform-origin: left;

}

#menuBtn:hover {
    border: none;
}

#langBtnsWrap{
    right: 0;
    top: 50vh;

}

.langBtn[data-lang="ru"], .langBtn[data-lang="sa"]{
    display: none;

}

#campaign-video{
    object-fit: cover;
    position: absolute;
    width: 100%;
    height: 100%;
}

#sound-btn{
    position: fixed;
    right: 2vh;
    bottom: 3vh;
    cursor: pointer;
    z-index: 9999;
    background: #3e2723 !important;
    padding: 1vh;
}

#open-sound, #close-sound{
    stroke: #B29169;
}
#open-sound:hover, #close-sound:hover{
    stroke: #8B7D7B;
}



#close-sound.close, #open-sound.close{
    display: none;
}

#close-sound.open, #open-sound.open{
    display: block;
}

/*!*Sales Summer 2023 css starts*!*/
/*#lifestyle .mattGraphic{*/
/*    display: none;*/
/*}*/

/*.lifestyleTextWrap{*/
/*    !*margin-top: 28vh;*!*/
/*    margin-top: 58vh;*/
/*    margin-left: -4vw;*/
/*}*/


/*#logo .b {*/
/*    fill: #3e2723;*/
/*}*/

/*#logo .a {*/
/*    fill: #B29169;*/
/*}*/
/*!*Sales Summer 2023 css ends*!*/



/*!*Hotel Show 2023 css starts*!*/
/*#logo .b{*/
/*    fill:#3e2723;*/
/*}*/
/*#logo .a{*/
/*    fill:#ffffff;*/
/*}*/


/*!*Hotel Show 2023 css ends*!*/

/*Black friday 2023 css starts*/
/*#logo .b{*/
/*    fill:#FFFFFF;*/
/*}*/
/*#logo .a{*/
/*    fill:#ffffff;*/
/*}*/

/*.lifestyleTextWrap{*/
/*    position: fixed;*/
/*    !*left: 41%;*!*/
/*    left: 40%;*/
/*    !*top: 68%;*!*/
/*}*/

/*!*Black friday 2023 css ends*!*/



/*MEDIA QUERY*/
@media (max-width: 1540px) {
    /*Black friday 2023 css starts*/

    /*.lifestyleTextWrap{*/
    /*    left: 41%;*/
    /*    !*top: 74%;*!*/
    /*}*/

    /*Black friday 2023 css ends*/


}


@media (max-width: 1440px) {


    .categories:nth-child(2n+1) .mattBtn {
        margin-top: -24vh;
        right: -52vw;
    }

    .categories:nth-child(2n) .mattBtn {
        margin-top: -22vh;
        left: -8vw;
    }

    .categoriesTitle {
        font-size: 51px;
    }


    /*!*Sales Summer 2023 css starts*!*/

    /*.lifestyleTextWrap{*/
    /*    margin-top: 28vh;*/
    /*    margin-left: -7vw;*/
    /*}*/


    /*!*Sales Summer 2023 css ends*!*/


    /*Black friday 2023 css starts*/

    /*.lifestyleTextWrap{*/
    /*    left: 45%;*/
    /*    !*top: 77%;*!*/
    /*    top: 45%;*/
    /*}*/

    /*Black friday 2023 css ends*/



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


    .categoriesTitle {
        font-size: 48px;
    }



}
@media (max-width: 1280px) {}
@media (max-width: 1024px) {

    .categoriesTitle {
        font-size: 40px;
    }

    .categories:nth-child(2n+1) .mattBtn {
        margin-top: -21vh;
    }

    .categories:nth-child(2n) .mattBtn {
        margin-top: -21vh;
    }




}

@media (max-width: 1024px) and (max-height: 480px){


    .categories:nth-child(2n+1) .mattBtn {
        margin-top: -26vh;
    }

    .categories:nth-child(2n) .mattBtn {
        margin-top: -26vh;
    }
}

@media (max-width: 965px) {

    .categories:nth-child(2n+1) .mattBtn {
        margin-top: -28vh;
    }

    .categories:nth-child(2n) .mattBtn {
        margin-top: -28vh;
    }


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

}

@media (max-width: 801px) {

    .categories:nth-child(2n) .mattBtn, .categories:nth-child(2n+1) .mattBtn {
        margin-top: -12vh;
    }

    .categoriesTitle {
        font-size: 31px;
    }

    .uk-grid > .categoriesWrap {
        width: 70%;
    }

    /*!*Black friday 2023 css starts*!*/

    /*.lifestyleTextWrap {*/
    /*    left: 38%;*/
    /*    top: 75%;*/
    /*}*/

    /*!*Black friday 2023 css ends*!*/




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

    .categoriesTitle {
        font-size: 30px;
    }

    .categories:nth-child(2n+1) .mattBtn, .categories:nth-child(2n) .mattBtn {
        margin-top: -12vh;
        position: relative;
    }

    .categories:nth-child(2n+1) .mattBtn {
        right: -50vw;
    }

    .categories:nth-child(2n) .mattBtn {
        left: -11vw;
    }

    .categories:nth-child(2n+1) .mattGraphic, .categories:nth-child(2n) .mattGraphic {
        top: 3vh;
    }


    /*!*Sales Summer 2023 css starts*!*/

    /*.lifestyleTextWrap{*/
    /*    margin-top: 60vh;*/
    /*    margin-left: -7vw;*/
    /*}*/


    /*!*Sales Summer 2023 css ends*!*/



    /*!*Black friday 2023 css start*!*/
    /*.lifestyleTextWrap {*/
    /*    left: 43%;*/
    /*    !*top: 86%;*!*/
    /*    top: 28%;*/
    /*}*/
    /*!*Black friday 2023 css ends*!*/



}

@media (max-width: 740px) and (max-height: 415px){



    .uk-grid > .categoriesWrap {
        margin-bottom: 25vh;
        margin-top: 25vh;
        width: 70%;
    }


    .categories:nth-child(2n+1) .mattBtn, .categories:nth-child(2n) .mattBtn {
        margin-top: -31vh;
    }

    .categories:nth-child(2n+1) .mattBtn{
        right: -47vw;
    }

    .categories:nth-child(2n) .mattBtn {
        left: -13vw;
    }

    .categories:nth-child(2n+1) .mattGraphic, .categories:nth-child(2n) .mattGraphic {
        top: 7vh;
    }

    .categoriesTitle {
        font-size: 23px;
    }
}

@media (max-width: 667px) and (max-height: 415px) {}


@media (max-width: 601px) {


    /*categories starts*/
    .uk-grid > .categoriesWrap {
        width: 60%;
        margin-bottom: 15vh;
    }

    .categories:nth-child(2n+1) .mattBtn, .categories:nth-child(2n) .mattBtn {
        margin-top: 2vh;
        width: 100%;
        left: 0vw;
    }

    .categories {
        margin-bottom: 7vh;
    }

    /*categories ends*/




}
@media (max-width: 601px) and (max-height: 415px) {}
@media (max-width: 480px) {

    /*categories starts*/
    .uk-grid > .categoriesWrap {
        width: 60%;
        margin-bottom: 15vh;
    }

    .categories {
        margin-bottom: 7vh;
        width: 100%;
    }


    .categoriesTitle {
        font-size: 20px;
    }


    /*categories ends*/

    /*lifestyle starts*/
    #lifestyle img {
        height: 100%;
    }
    /*lifestyle ends*/


    #menuBtn{
        top: 41vh;
        padding: 2vh 2vh 10vh

    }

    /*!*Sales Summer 2023 css starts*!*/


    /*.lifestyleTextWrap{*/
    /*    !*margin-top: 54vh;*!*/
    /*    margin-top: 3vh;*/
    /*    margin-left: -4vw;*/
    /*}*/


    /*!*Sales Summer 2023 css ends*!*/

    /*!*Black friday 2023 css start*!*/
    /*.lifestyleTextWrap .mattBtn {*/
    /*    width: auto;*/
    /*}*/

    /*.lifestyleTextWrap {*/
    /*    left: 23%;*/
    /*    top: 80%;*/
    /*}*/
    /*!*Black friday 2023 css ends*!*/



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

}


@media (max-width: 390px) {

    /*!*Black friday 2023 css start*!*/
    /*.lifestyleTextWrap .mattBtn {*/
    /*    width: auto;*/
    /*}*/

    /*.lifestyleTextWrap {*/
    /*    left: 22%;*/
    /*    top: 79%;*/
    /*}*/
    /*!*Black friday 2023 css ends*!*/


}

@media (max-width: 360px) {
    #langBtnsWrap {
        top: 47vh;
    }

    #menuBtn {
        top: 38vh;
        padding: 2vh 2vh 12vh;
    }

    /*!*Sales Summer 2023 css starts*!*/


    /*.lifestyleTextWrap{*/
    /*    margin-top: 45vh;*/
    /*    margin-left: -4vw;*/
    /*}*/


    /*!*Sales Summer 2023 css ends*!*/

    /*!*Black friday 2023 css start*!*/
    /*.lifestyleTextWrap {*/
    /*    left: 17%;*/
    /*    top: 34%;*/
    /*}*/
    /*!*Black friday 2023 css ends*!*/
}