.maps-content [role="tabpanel"].brand-newmark:before{background-image:url(../images/newmark-symbol2.svg) !important; }
@media only screen and (max-width: 767px) {
.tns-custom>.tns-item .lazy-background {
        background-size: 100% auto !important;
        background-position: top;
}
}

@media only screen and (max-width: 361px) {
.solid-bottom-mobile:not(.inline) .section {
bottom: 130px;
}
}


@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
        .tns-custom>.tns-item .lazy-background {
                /*background-size: 100% auto !important;*/
                background-size: 100% !important;
                background-position: top;
        }
        .tns-custom {
                max-height: 39vh;
                min-height: 39vh;
        }

        .tns-custom .section {
                margin-top: -50px;
        }
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {

 .tns-custom {
                max-height: 39vh;
                min-height: 75vh;
        }

}

header .i-present {
        display:none;
}


/** Motswari **/
.no-white-background {
        background:none;
        color: #fff;
        box-shadow: none !important;
}
.no-white-background .card-content {
        background: none !important;
        color: #fff;
            text-shadow: 1px 2px #000;
}
.no-white-background .title {
        color: #fff !important;
        font-weight: bold;
}
.no-white-background .button {
        color: #fff !important;
}
/** text editors **/
@font-face {
  font-family: 'Modernline';
  font-style: normal;
  font-weight: normal;
  src: local('Modernline'), url('/fonts/modernline.otf') format('truetype');
}

@font-face {
  font-family: 'Angelina';
  font-style: normal;
  font-weight: normal;
  src: local('Angelina'), url('/fonts/angelina.TTF') format('truetype');
}
.angelina  {
        font-family: 'Angelina';
}

.angelina_large {
        font-size: 20px;
}

.angelina_normal {
        font-size: 16px;
}
.angelina_small {
        font-size: 14px;
}

.moderline {
        font-family: 'Modernline', serif;
}


.modernline_large {
        font-size: 20px;
}
.modernline_normal {
        font-size: 16px;
}

.modernline_small {
        font-size: 14px;
}


.mordernline_heading strong , .angelina_heading strong {
        color: #fff !important;
        font-size: 30px;
}

.modernline_large {
        font-size: 20px;
}
.modernline_normal {
        font-size: 16px;
}
/** section topics **/
.nmbg, .nmbg div, .nmbg a, .nmbg p, .nmbg strong, .nmbg .title, .nmbg .list-amenities li .am, .nmbg .button.is-ghost  {
        color: #fff !important;
}

.nm_bg_1 {
        background: #aa7a5b;
        
}

.nm_bg_2 {
        background: #ffab22;
        
}

.nm_bg_3 {
        background: #fed691;
        
}

.nm_bg_4 {
        background: #e7dbb7;
        
}

.nm_bg_5 {
        background: #ece8da;
        
}

.nm_bg_6 {
        background: #adad93;
        
}

.nm_bg_7 {
        background: #d1d2a3;
        
}

.nm_bg_8 {
        background: #5a6e3b;
        
}

.nm_bg_9 {
        background: #3f5568;
        
}

.nm_bg_10 {
        background: #98a3bc;
        
}

.modernline_big_heading {
font-size: 28pt !important;
font-family: 'Modernline', serif !important;
}

.modernline_heading {
font-size: 24pt !important;
font-family: 'Modernline', serif !important
}

.modernline_subheading {
font-size: 20pt !important;
font-family: 'Modernline', serif !important
}

.modernline_body {
font-size: 16pt !important;
font-family: 'Modernline', serif !important
}

.angelina_big_heading {
font-size: 28pt !important;
font-family: 'Angelina' !important;
}

.angelina_heading {
font-size: 24pt !important;
font-family: 'Angelina' !important;
}

.angelina_subheading {
font-size: 20pt !important;
font-family: 'Angelina' !important;
}
.angelina_body {
font-size: 16pt !important;
font-family: 'Angelina' !important;
}


/** Banner adjustments for Homepage */
@media only screen and (min-device-width:1025px) {
    .tns-custom {
        min-height: 50vh !important;
        max-height: 75vh !important;
    }
    #hero-w205896789727172235.isLoaded {
        background-position: 100% 150% !important;
        background-size: 100% !important;
    }

    .tns-custom .columns:last-child {
        margin-bottom: 6.75rem;
    }
    .hero.is-fullheight {
        min-height: calc(75vh - var(--hero-offset, 0));
    }
    /*.property-brand {
        margin-top: -100px;
    }*/

}

/* mobile homepage **/
@media only screen and (max-width: 767px) {
    .hero-fixed {
            min-height: calc(58vh) !important;
    }
    .solid-bottom-mobile:not(.inline) .section {
           background: rgba(0,0,0,.3) !important;
           top:0;
           padding-bottom: 3rem;
    }
    .tns-custom {
        background:none !important;
        max-height: 50vh;
    }
    .tns-custom>.tns-item.tns-slide-active .lazy-background {
        background-size: auto 100% !important;
    }
    .tns-custom .columns:last-child {
        margin-bottom: 1rem;
    }
    
}

/* Book now changes  for mobile */
@media only screen and (max-width: 1024px) {
   .mobile-booknow {
        /*position: absolute !important;
        display: block !important;
        top:0 !important;
        visibility: visible !important;
        */
             position: absolute;
            top: 20px;
            right: 105px;
            z-index: 999;
    }

}




#booking-app {
        background: #162c3b;
        padding: 15px 0px;
}
#booking-app.active {
        position: fixed;
        width: 100%;
        top:0;
        left:0;
        right:0;
        bottom:0;
        z-index: 9999 !important;
}
#booking-form-holder {
        width: 90%;
        margin: 0 auto;
}

#booking-app .booking-col {
        float: left;
        width: 16%;
}

#booking-app .booking-col.change-cols {
        width: 33%;
}

#booking-app .booking-col .booking-item {
        padding: 10px;
}

#booking-app .booking-col .booking-item-heading {
        color: #fff;
        padding: 8px 15px 0px 15px;
}

#booking-app .booking-col .booking-item select {
        /*padding: 10px;
        max-width: 100%;
        min-width: 100%;
        border-radius: 15px;
        font-family: arial;*/

         width: 100%; /* Use fixed width over max/min */
    height: 45px; /* Set a reliable height */
    box-sizing: border-box; /* Includes padding in the width/height */
    
    padding: 10px 14px;
    font-family: Arial, sans-serif;
    font-size: 16px; /* Prevents iOS zoom zoom bug */
    color: #000;
    
    border: 1px solid #ccc;
    border-radius: 15px;
    background-color: #fff;

    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    outline: none;
}

#booking-app .booking-col .booking-item input[type=date], .booking-item input[type=number] {
        /*padding: 9px;
        max-width: 100%;
        min-width: 100%;
        border-radius: 15px;
        font-family: arial;
        width: 100%;*/
         width: 100%; /* Full width of container */
    height: 45px; /* Set an explicit height */
    box-sizing: border-box; /* Includes padding in width/height */
    padding: 10px 14px;
    
    font-family: Arial, sans-serif;
    font-size: 16px; /* Prevents iOS zooming */
    color: #000;
    
    border: 1px solid #ccc;
    border-radius: 15px;
    background-color: #fff;

    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    outline: none;
}

#booking-app .booking-col .booking-button {
        background: #162c3b;
        border-radius: 15px;
        color: #fff;
        font-size: 13px;
        border: 2px solid #fff;
        padding: 8px;
        cursor: pointer;
}

#booking-app .booking-col .booking-button:hover {
        background: #fff;
        color: #162c3b;
}


.clearfix {
        clear:both;
}
.error {
border: 1px solid red;
}

#iframe-holder {
        
        background: #162c3b;
        

}
 #iframe-header {
        text-align: center;

}

#iframe-header .iframe-heading {
        font-size: 20px;
        color: #fff;
        font-family: 'arial';
        padding: 20px 0px;
        
}
#iframe-header .close-button {
        position: absolute;
        top:0;
        right: 0;
        margin-top: 15px;
        margin-right:15px;
        background: #fff;
        width: 30px;
        height: 30px;
        border-radius: 100%;
}
#iframe-header .close-button a {
        color: #162c3b;
        font-family: arial, verdana;
        text-decoration:none;
        font-size: 19px;
        font-weight: bold;
}

#iframe-holder #booking-iframe {
        margin:0 auto;
        width: 100%;
        
        -webkit-overflow-scrolling: touch;
  overflow: auto;

}
.logo-text-small {
        height: 55px;
        width: auto;
        fill: #fff;
        margin-bottom: 25px;
        margin-top: 10px;
}

.homepage-booking {
        position: absolute;
        width: 100%;
        z-index:8;
}

@media only screen and (max-width: 1024px) {
    .homepage-css .homepage-booking {
        position: relative !important;
    }
}

@media only screen and (min-width: 1024px) {
    .homepage-booking {
            position: absolute;
            width: 100%;
            z-index:999;
    }
}

@media only screen and (max-width: 820px) {
        .booking-button {
                position: absolute;
        }
        .booking-item-heading { 
        font-size: 12px;
        }
}
@media only screen and (max-width: 767px) {
        .booking-col {

                    width: 100% !important;
                    float: none !important;

        }
        .iframe-heading-logo, .iframe-heading  {
                /*display: none;*/
        }

        .logo-text-small {
                height: 25px;
                margin-bottom: 0px;
        }       
        #booking-app .booking-col .booking-item-heading {
                padding: 0px 15px;
        }
}

.larger-col {
        width: 33% !important;
}
.larger-col .booking-button {
        width: 100% !important;
}

#upper6-glass {
       background:none !important;
}

#upper6f, #upper6-glass {
            margin-top: 230px;
}
.upper6-close {
        display:none !important;
}

.smaller-header {
        margin-top: 90px !important;
}

.custom-accommodation .hero-fixed {
        min-height: 75vh;
}
.custom-accommodation .homepage-booking {
        position: relative;
}
.custom-accommodation .sliderHero .title {
        display:none !important;
}

.custom-accommodation .hero-overlay:before {
        background: none !important;
}

.custom-accommodation #hero-w464957895752769578 {
        background-position: -1px -195px !important;
}

@media only screen and (max-width: 767px) {
        #booking-form-holder {
                width: 100%;                
        }

        .larger-col {
                width: 100% !important;
        }
        .larger-col .booking-button {
                width: 95% !important;
        }

        .tns-custom {
            max-height: 50vh;
            min-height: 50px;
        }
        .custom-accommodation .tns-custom {
            max-height: 25vh;
            min-height: 29px;
        }

        .custom-accommodation #hero-w187998080465505870, .custom-accommodation #hero-w640037269141739495, .custom-accommodation #hero-w187998080465505870, .custom-accommodation #hero-w615621146391554334, #hero-w464957895752769578 {
                background-size: 100% auto !important;
        }
        #booking-app .booking-col .booking-button {
                 width: 95% !important;
        }

        .custom-accommodation #hero-w464957895752769578 {
        background-position: 0px 0px !important;
        }

        .african-retreat-logo {
                width: auto !important;
        }

}

/*

*/

#navbarMainBar  a:last-child {
        display:none;
}




@font-face {
  font-family: 'icomoon';
  src:  url('https://newmarkhotels.com/css/fonts/icomoon.eot?awfyqs');
  src:  url('https://newmarkhotels.com/css/fonts/icomoon.eot?awfyqs#iefix') format('embedded-opentype'),
    url('https://newmarkhotels.com/css/fonts/icomoon.ttf?awfyqs') format('truetype'),
    url('https://newmarkhotels.com/css/fonts/icomoon.woff?awfyqs') format('woff'),
    url('https://newmarkhotels.com/css/fonts/icomoon.svg?awfyqs#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}


[class^="custom-icon-"], [class*=" custom-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}



.custom-icon-energysaving::before {
        
      content: "\e900";
}
.custom-icon-localstaff::before {
        content: "\e901";
}

.custom-icon-wastereduction::before {
 content: "\e902";
}
.custom-icon-watersaving::before {
        content: "\e903";
}
.custom-icon-padel::before {
        content: "\e904";
}



.navbar-item {

}

.navbar-menu ul {
        display:none;
}

.navbar-item-1-parent {
   
}

.navbar-item-1 {

}

/*
.navbar-item-1-parent:hover ~ .navbar-item-1 {
        display: block !important;
}*/
.navbar-item-1 {
        position: absolute;
        left:0;
        margin-left: 250px;
        background: rgba(0,0,0,.7);
        margin-top: 60px;
        width: 200px;

}

.navbar-menu .active-menu {
        display: block !important;
}
.navbar-item-1 {

}

.navbar-item-1 li {
   padding: 5px 0px 5px 15px;
}

.navbar-item-1 li a {
        color: #fff !important;
}


/** ICON implementation **/
.popup-holder {
        display:none;
}
.popup-holder.show {
        display: block;
}
.popup-holder .overlay {
        background: rgba(0,0,0,.50);
            position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
}
.popup {
       position: fixed;
width: 500px;
height:  500px;
top: 30%;
left: 50%;
margin-top: -100px; /* Negative half of height. */
margin-left: -300px; /* Negative half of width. */
background: #2c2c2c;
color: #fff;
z-index:999999;
}
.popup-container {
  padding: 50px;
  text-align: center;
}
.popup-container h2 {
        font-size: 32px;
        font-family: Cormorant, "Times New Roman", serif;
}
.popup-container ul {
 list-style-image: url('mark-yes.png');
 list-style-position: inside;
    display: table;
    margin: 0 auto;
    margin-top: 30px;
    width: 80%;
    font-size: 14px;
}
.popup-container ul li {
        line-height: 1.8;
}
.popup-container ul .noimage {
        list-style-image:none !important;
}


.popup-container h3 {
        margin: 30px 0px;
            width: 80%;
    margin: 0 auto;
    font-size: 13px;
    margin-top: 35px;
}
.popup-container .popup-cta {
        text-align: center;
        margin-top: 35px;
        
}
.popup-container .popup-cta a {
        font-size: 26px;
         font-family: Cormorant, "Times New Roman", serif;
        color: #fff;
            border: 1px solid #fff;
    padding: 5px 10px;
}
.popup-close-button {
        position: absolute;
        right:20px;
        top:20px;
      
}

.popup-close-button a {
  font-weight: bold;
  color: #fff;
  text-decoration:none;
}

@media only screen and (max-width: 767px) {
                .popup {
                       position: fixed;
                width: 100%;
                height: auto;
                top: 10%;
                left: 0%;
                margin-top: 0px; /* Negative half of height. */
                margin-left: 0px; /* Negative half of width. */
                background: #2c2c2c;
                color: #fff;
                z-index:999999;
                }

                .mobile-fix-landing {
                            margin-top: 400px;
                }
}




/** NEW CHANGES **/
.card-labels-newmark {
        display: inline;
}

.is-contact .content .card-labels>span {
            min-width: 135px;
}