@font-face {
    font-family: "Gotham Book";
    src: url("https://marchotelsandresorts.com/application/layout/marc/font/Gotham Book Regular.otf") format("opentype");
}

@font-face {
    font-family: "Notera";
    src: url("https://marchotelsandresorts.com/application/layout/marc/font/Notera.ttf") format("truetype");
}

html, body {
    font-family: 'Gotham Book' !important;
    cursor: default;
}

h2, h4, label, p {
    font-family: 'Gotham Book' !important;
}

div p a {
    color: white;
}

#nav_atas {
    position: absolute;
    top: 0px;
    width: 100%;
}

/* class */

/* .jumbotron */
#jumbotron1 {
    height: 100vh;
    /* 
    background-image: url('https://marchotelsandresorts.com/application/layout/marc/image/PICTURE03.jpg'); */
    background-image: url('https://marchotelsandresorts.com/application/layout/marc/image/PILLOW.jpg');
    background-size: cover;
    padding: 0 !important;
    margin: 0 !important;
    /* 
    background-position: center right; */
    background-position: top center;
}

#jumbotron2 {
    
    padding: 0 !important;
    margin: 0 !important;
}

#jumbotron3 {
    
    padding: 0 !important;
    margin: 0 !important;
}

#jumbotron4 {
    
    padding: 0 !important;
    margin: 0 !important;
}

#gambarkasurabout1 {
    /* 
    background-image: url('https://marchotelsandresorts.com/application/layout/marc/image/ROOM01.jpg'); */
    background-image: url('https://marchotelsandresorts.com/application/layout/marc/image/KASURABUABU.jpg');
    background-size: cover;
    /* 
    background-position: bottom right; */
    background-position: center;
}

#gambarballroomabout1 {
    /* 
    background-image: url('https://marchotelsandresorts.com/application/layout/marc/image/BALLROOM01.jpg'); */
    background-image: url('https://marchotelsandresorts.com/application/layout/marc/image/KAMARMANDIRILEKS.jpg');
    background-size: cover;
    /* 
    background-position: bottom right; */
    background-position: center;
}

#gambarscarlett {
    /* 
    background-image: url('https://marchotelsandresorts.com/application/layout/marc/image/PICTURESCARLET.jpg');
    background-image: url('https://marchotelsandresorts.com/application/layout/marc/image/POOLSHOTELS.jpg'); */
    background-image: url('https://marchotelsandresorts.com/application/layout/marc/image/KOLAMRENANG.jpg');
    background-size: cover;
    /* 
    background-position: top left;
    background-position: center bottom;  */
    background-position: center;
}

#gambarkasur1 {
    /* 
    background-image: url('https://marchotelsandresorts.com/application/layout/marc/image/BEDROOM1.jpg'); */
    background-image: url('https://marchotelsandresorts.com/application/layout/marc/image/HANDUK.jpg');
    background-size: cover;
}
#gambarkasur2 {
    background-image: url('https://marchotelsandresorts.com/application/layout/marc/image/BEDROOM2.jpg');
    background-size: cover;
    background-position: bottom right;
}
#gambarcewe1{
    /*
    background-image: url('https://marchotelsandresorts.com/application/layout/marc/image/PICTURE09.jpg'); */
    background-image: url('https://marchotelsandresorts.com/application/layout/marc/image/HOTELS08.jpg');
    background-size: cover;
    /*
    background-position: top right; */
    background-position: center;
}
#gambarcewe2{
    /*
    background-image: url('https://marchotelsandresorts.com/application/layout/marc/image/PICTURE05.jpg'); */
    background-image: url('https://marchotelsandresorts.com/application/layout/marc/image/KACAMATA.jpg');
    background-size: cover;
    /*
    background-position: top right; */
    background-position: top left;
}
#gambarcewe3{
    /*
    background-image: url('https://marchotelsandresorts.com/application/layout/marc/image/PICTURE02.jpg'); */
    background-image: url('https://marchotelsandresorts.com/application/layout/marc/image/DOOROPEN.jpg');
    background-size: cover;
    /* 
    background-position: center right; */
    background-position: center;
}
#gambarnight {
    background-image: url('https://marchotelsandresorts.com/application/layout/marc/image/NIGHTMARC.jpg');
    background-size: cover;
    background-position: top center;
}
#gambarbir {
    background-image: url('https://marchotelsandresorts.com/application/layout/marc/image/COCKTAILBARU.jpg');
    background-size: cover;
    /*
    background-position: center; */
    background-position: left bottom;
}

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

.birumuda {
    background-color: rgba(37, 95, 132, 0.6);
    height: 25vh;
}

.putih {
    background-color: rgba(255, 255, 255, 0.6);
    height: 25vh;
}

.putihwarna {
    background-color: rgba(255, 255, 255, 0.8);
}

.birumudawarna {
    background-color: rgba(37, 95, 132, 0.8);
    color: white;
}

.birumudawarnasolid {
    background-color: rgba(37, 95, 132, 1);
    color: white;
}

.setengahtinggi {
    height: 50vh;
}

.fulltinggi {
    height: 100vh;
}

/* id */

#nav_atas {
    background-color: rgba(0, 0, 0, 0.5);
}

#div_menu {
    width: 180px; 
    height: 180px; 
    background-color: #202D4D; 
    left: 0px; 
    top: 0px; 
    position: fixed; 
    z-index: 9999;
    display: table;
    border-bottom: #010101 2px solid;
}

#induk_menu {
    width: 180px; 
    left: 0px; 
    top: 180px; 
    position: fixed; 
    z-index: 9999;
}

#isi_menu {
    width: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    display: none;
    position: relative;
}

#isi_menu ul {
    padding: 0px;
    margin: 0px;
}

#isi_menu li {
    list-style: none;
    padding: 15px;
    text-align: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    color: white;
    font-size: 12px;
}

#div_panah {
    width: 100%;
    height: 18px; 
    background-color: #202D4D; 
    display: table;
}

#div_panah span {
    display: table-cell;
    text-align: center;
}

#div_panah span {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

#div_menu span {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.style-3::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #f1f1f1;
}

.style-3::-webkit-scrollbar
{
    width: 3px;
    background-color: #F5F5F5;
}

.style-3::-webkit-scrollbar-thumb
{
    background-color: #f1f1f1;
}

.style-3
{
    scrollbar-color: rgba(0,0,0,0.1) #F5F5F5;
    scrollbar-width: thin;
}

#coba_affiliate_besar {
    /* 
    background-image: url('https://marchotelsandresorts.com/application/layout/marc/image/PICTURESCARLET03.jpg'); */
    background-image: url('https://marchotelsandresorts.com/application/layout/marc/image/HOTELS07.jpg');
    background-size: cover;
    /* 
    background-position: top right; */
    background-position: bottom center;
}

#coba_findus_besar {
    /*
    background-image: url('https://marchotelsandresorts.com/application/layout/marc/image/PICTURESCARLET04.jpg'); */
    background-image: url('https://marchotelsandresorts.com/application/layout/marc/image/BUILDING.jpg');
    background-size: cover;
    /* 
    background-position: top left; */
    background-position: bottom left;
}

#coba_career_besar {
    background-image: url('https://marchotelsandresorts.com/application/layout/marc/image/PICTURESCARLET05.jpg');
    background-size: cover;
    background-position: right top;
}

#coba_career_besar {
    /*
    background-image: url('https://marchotelsandresorts.com/application/layout/marc/image/PICTURESCARLET05.jpg'); */
    background-image: url('https://marchotelsandresorts.com/application/layout/marc/image/CARRER.jpg');
    background-size: cover;
    background-position: right top;
}

#coba_partnership_besar {
    /*
    background-image: url('https://marchotelsandresorts.com/application/layout/marc/image/PICTURESCARLET06.jpg'); */
    background-image: url('https://marchotelsandresorts.com/application/layout/marc/image/PAMERKARTUMPHG.jpg');
    background-size: cover;
    /* 
    background-position: center top; */
    background-position: left top;
}

#background_scarlet {
    /*
    background-image: url('https://marchotelsandresorts.com/application/layout/marc/image/PICTURESCARLET03.jpg'); */
    background-image: url('https://marchotelsandresorts.com/application/layout/marc/image/HOTELS07.jpg');
    background-size: cover;
    /* 
    background-position: top right; */
    background-position: bottom center;
}

#background_scarlet2 {
    /*
    background-image: url('https://marchotelsandresorts.com/application/layout/marc/image/PICTURESCARLET04.jpg'); */
    background-image: url('https://marchotelsandresorts.com/application/layout/marc/image/BUILDING.jpg');
    background-size: cover;
    /* 
    background-position: top left; */
    background-position: bottom left;
}

#background_scarlet3 {
    /*
    background-image: url('https://marchotelsandresorts.com/application/layout/marc/image/PICTURESCARLET05.jpg'); */
    background-image: url('https://marchotelsandresorts.com/application/layout/marc/image/CARRER.jpg');
    background-size: cover;
    background-position: right top;
}

#background_scarlet4 {
    /* 
    background-image: url('https://marchotelsandresorts.com/application/layout/marc/image/PICTURESCARLET06.jpg'); */
    background-image: url('https://marchotelsandresorts.com/application/layout/marc/image/PAMERKARTUMPHG.jpg');
    background-size: cover;
    /* 
    background-position: center top; */
    background-position: left top;
}

/* Box UntukLink Booking */
#parent-booking {
    position: fixed;
    top: 50px;
    right: 0px; 
    z-index: 9999;
}
#book-link {
    font-size: 10px; 
    background-color: #202D4D; 
    color: white; 
    width: 100%;
    font-family: Gotham Book; 
    padding: 10px; 
    text-align: center;
}
#book-social {
    background-color: #202D4D;
    padding: 10px; 
    text-align: center;
    margin-bottom: 2px;
    cursor: pointer;
}
.book-social {
    background-color: #202D4D;
    padding: 10px; 
    text-align: center;
    margin-bottom: 2px;
    cursor: pointer;
}
.huruf-kebalik {
    transform: rotate(270deg); 
    padding: 0px; 
    margin: 0px;
}
.huruf-batas {
    padding: 0px; 
    margin: 0px; 
    height: 5px;
}

#coba_partnership a, #coba_findus a {
    color: white !important;
}

@media (min-width: 768px) {
    #coba_about {
        display: none;
    }
    #coba_affiliate {
        display: none;
    }
    #coba_findus {
        display: none;
    }
    #coba_career {
        display: none;
    }
    #coba_partnership {
        display: none;
    }
    .affiliate_div_mobile {
        display: none;
    }
}

@media (max-width: 767px) {
    #gambarkasur2 {
        display: none;
    }
    #coba_about_besar {
        display: none;
    }
    #coba_affiliate_besar {
        display: none;
    }
    #coba_findus_besar {
        display: none;
    }
    #coba_career_besar {
        display: none;
    }
    #coba_partnership_besar {
        display: none;
    }
    #gambarballroomabout1 {
        display: none;
    }
    #nav_atas {
        display: none;
    }
    #div_menu {
        height: 120px;
    }
    #induk_menu {
        top: 120px;
    }
    #parent-booking {
        top: 0px; 
    }
    .affiliate_div {
        display: none;
    }
}