/* Minification failed. Returning unminified contents.
(12457,34): run-time error CSS1046: Expect comma, found '0'
(12457,38): run-time error CSS1046: Expect comma, found '/'
(19026,3): run-time error CSS1035: Expected colon, found '}'
 */

 .cruise-table-container {
    width: 100%;
    overflow-x: auto; /* allows horizontal scrolling */
    margin: 2rem 0;
    border-radius: 0.5rem;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  }

  .scroll-note {
    font-size: 0.9rem;
    font-style: italic;
    color: #555;
    margin-bottom: 0.5rem;
    text-align: center;
  }

  table.cruise-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
    table-layout: auto;
    min-width: 900px; /* triggers horizontal scroll on narrow screens */
  }

  .cruise-table th,
  .cruise-table td {
    padding: 0.75rem 1rem;
    text-align: center;
    border-bottom: 1px solid #e2e2e2;
    vertical-align: top;
    white-space: nowrap;
  }

  .cruise-table th {
    background-color: #2e174d;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
  }

  .cruise-table tr:nth-child(even) {
    background-color: #f9f9f9;
  }

  .cruise-table tr:hover {
    background-color: #f1f7fc;
  }

@media (min-width: 1280px) {
    .scroll-note {
        display: none;
    }
}

  /* Optional hint for mobile users */
  @media (max-width: 768px) {

    .cruise-table-container {
        border-radius: 0.5rem 0 0 0.5rem;
    }
      .ponant-offer .container.scroll-container{
        padding: 20px 0px 20px 20px;
      }


    .cruise-table-container::after {
      content: '→ Swipe or scroll right to view all columns';
      display: block;
      text-align: right;
      font-size: 0.8rem;
      color: #666;
      margin-top: 0.25rem;
      padding-right: 1rem;
    }
    table.cruise-table {
        width: 100%;
        border-collapse: collapse;
        font-size: 0.7rem;
    }
  }







/*GAZA PROMO*/

.hero-promo {
    background: #FFFFFF;
    box-shadow: 0px 3.75px 4.75px 3px rgba(0, 0, 0, 0.15);
    border-radius: 8px;
    /*display:flex; - set to display:none when promo not active */
    display:none;
    justify-content:flex-start;
    float:right;
    clear:right;
    align-items: stretch; /* Makes children match container height */
    margin-top:2rem;
    width:100%;
 

}

.hero-promo .img {
     width: 90px;
    height: 100%;
    
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    overflow: hidden;
}
.hero-promo .img img{
 display: block;       /* removes inline gap */
    width: 100%;
    height: 100%;
    object-fit: cover;
    min-height: 80px;
}
.hero-promo .cont {
    width:100%;
    padding:10px 10px 0px 10px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    height:100%;
}

.hero-promo .cont h2{
    font-family: 'brandon_grotesquebold', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 17.28px;
    line-height: 22px;
    text-transform: uppercase;
    color: #2E174D;
    margin:0px;
}
.hero-promo .cont h2 span{
    display:block;
    color: #43AA8B;
    font-size: 14px;
}

@media (min-width: 700px) {
    .hero-promo {
        min-width: 400px;
            max-width:400px;
    }
    .hero-promo .cont {
       padding: 20px 10px 0px 10px;
    }
    .hero-promo {
        border-radius: 16px;
    }
    .hero-promo .img {
        border-top-left-radius: 16px;
        border-bottom-left-radius: 16px;
    }
}

/*REMOVE THIS WHEN REMOVING GAZA*/
@media screen and (max-width: 999px) {
  .hero .heroHome {
    height: 600px;
  }
}








/*NEW SITE HERO SECTION*/

.section.site-hero{
    padding: 0rem 0rem;
    margin:0px;
    min-height:750px;
    display:flex;
    justify-content:center;
    flex-direction:column;
    align-items:center;
     min-height:500px;
         background: rgb(46,23,77);   
}

.site-hero img{
   width: 100%;
   height:400px;
   object-fit: cover;
    object-position: bottom 0px right 20%;
}
.overlay-purple{
    background: rgb(46,23,77);    
    position:absolute;
    z-index:1;
    width: 100%;
}
.site-hero .row{
    max-width:1360px;
    position:relative;
    z-index:2;
    margin:auto;
    display:flex;
    justify-content:start;
    flex-direction:column;
    height:100%;
    width:100%;
}
.site-hero-content{
    max-width:100%;
    padding: 5rem 1.5rem 3rem 1.5rem;
}


/*NEW SITE HERO FONTS*/
 .site-hero span {
    font-size: 15px;
    letter-spacing: 0.125em;
    font-family: 'brandon_grotesquebold', sans-serif;
    position: relative;
    display: inline-block;
    font-style: normal;
    text-transform: uppercase;
    color: #43AA8B;
}
.site-hero h1{
    font-size: 40px;
    line-height: 3rem;
    text-transform: uppercase;
    color: #fff;
    font-family: 'brandon_grotesquebold', sans-serif;
    position:relative;
    margin-bottom: 2.5rem;
}
.site-hero h2{
     color: #fff;
     font-size: 26px;
}
.site-hero h1:after{
    border: 3px solid #43aa8b !important;
    margin: 2rem 0;
    content: '';
    display: block;
    width: 150px;
}

@media (min-width: 700px) {
    .section.site-hero{
        padding: 0rem 3rem;
    }
    .site-hero-content{
        max-width:50%;
         padding: 0rem;
    }
    .site-hero img {
        width: 100%;
        object-fit: cover;
        
        position: absolute;
        z-index: 0;
    }
    .overlay-purple,
    .site-hero img,
    .section.site-hero{
         min-height:500px;
     }
    .overlay-purple {
    background: linear-gradient(90deg, rgba(46,23,77,1) 20%, rgba(46,23,77,0.6) 50%, rgba(46,23,77,0) 70%);

    }
    .site-hero h1 {
        font-size: 48px;
        line-height: 3.5rem;
    }
}

@media (min-width: 900px) {
  
    .overlay-purple,
    .site-hero img,
    .section.site-hero{
         min-height:600px;
     }    
    .site-hero span {
        font-size: 16px;
    }
    .site-hero h1{
        font-size: 60px;
        line-height: 4rem;
        margin-bottom: 2rem;
    }
    .site-hero h2{
     font-size: 32px;

    }
    .overlay-purple {
    background: linear-gradient(90deg, rgba(46,23,77,1) 20%, rgba(46,23,77,0.6) 40%, rgba(46,23,77,0) 60%);

    }
}

@media (min-width: 1280px) {
    .overlay-purple,
    .site-hero img,
    .section.site-hero{
         min-height:750px;
     }
    .site-hero span {
        font-size: 18px;
    }
    .site-hero h1{
        font-size: 70px;
        line-height: 5rem;
        margin-bottom: 2.5rem;
    }
 }









/*MOBILE TOP BAR*/
.mobileTopBar {
    background-color: #fff;
    width: 100%;
    overflow: hidden;
     height: 50px;
}

.mobileTopBar span a {
    line-height: 50px;
    text-indent: 25px;
    display: inline-block;
}

.mobileTopBar .button {
    border-radius: 0px !important;
    width: auto;
    max-width: unset;
    min-width: unset;
    float: right;
    padding: 0.5em 1em 0.5em 1em;
}

@media (min-width: 650px) and (max-width:1024px) {
    .mobileTopBar {
        height: 67px;
    }
}


@media (min-width: 1023px) {
    .mobileTopBar {
        display: none;
    }
}






/*LOGO CONTACT BAR*/
.mainBar {
    position: relative;
    overflow: hidden;
}

.top-bar .container {
    padding: 15px 20px;
}

.mainBar .logo img,
.mainBar .logo svg {
    float: left;
}

.mainBar .atolAbta {
    float: left;
    border-left: 1px solid #dedfda;
    margin-left: 1em;
    padding-left: 1em;
    padding-top:10px;
}

.atolAbta img {
    padding: 5px 5px 0px 5px;
}


.mainBar .menu-toggle {
    float: right;
}

@media (max-width: 1023px) {
    .mainBar span a,
    .mainBar .button,
    .mainBar .atolAbta {
        display: none;
    }

    .mainBar .logo img,
    .mainBar .logo svg {
        width: 170px;
        padding-top: 5px;
    }
}

@media (min-width: 1023px) and (max-width:1280px) {

    .mainBar .logo img,
    .mainBar .logo svg {
        width: 170px;
        padding-top: 5px;
    }
}

@media (min-width: 1024px) {

    .mainBar .logo img,
    .mainBar .logo svg {
        width: 220px;
        padding-top: 14px;
    }

    .mainBar span a,
    .mainBar .button {
        float: right;
        display: inline-block;
    }

    .mainBar span a {
        line-height: 65px;
        padding-right: 1em;
        font-size: 1.3em;
    }

    .mainBar .button {
        padding: 0.2em;
        font-size: 14px;
    }
}


/*ADMIN BLOCK*/




#admin-icons {
    display: block;
    position: absolute;
    top: 20px;
    right: 15px;
}

#admin-icons a {
    display: inline-block;
    width: 28px;
    height: 28px;
    margin-left: 12px; /*GOOGLE REVIEWS*/
}
.admin-icon{
    fill:#53B494;
}

#admin-icons .iconAdmin {
    background: url(../../content/images/admin-green.svg) 97% center no-repeat #fff;
}

#admin-icons .iconShortlist {
    background: url(/content/images/heart-green.svg) 97% center no-repeat #fff;
}

#admin-icons .iconShortlist.shortlisted {
    background: url(/content/images/heart-red.svg) 97% center no-repeat #fff;
}

#admin-icons .iconSearch {
    background: url(/content/images/search-green.svg) 97% center no-repeat #fff;
}







/*NAVIGATION*/

#destinationLandingLinksContainer.destination-links-scrolled {
    position: fixed !important;
    top: 65px !important;
}

@media (max-width: 1023px) {
    .itineraryLanding #destinationLandingLinksContainer.destination-links-scrolled {
        top: 53px !important;
    }
}

@media (max-width: 1280px) {
    #destinationLandingLinks {
        white-space: nowrap;
        overflow-x: auto;
    }

    #destinationLandingContainer .destination-links-scrolled {
        top: 53px !important;
    }
}

@media (max-width: 1023px) {
    #siteNav {
        display: none;
    }

    #siteNav .atolAbta {
        padding: 1em;
        width: 100%;
        text-align: right;
    }
}


/*DROPDOWN NAVIGATION  STYLES */


@media screen and (min-width: 850px) {
    nav span.close {
        display: none;
    }

    .dropDownNav {
        padding: 0px 0px 0px 40px;
        z-index: 2000;
        position: absolute;
        top: -600px;
        margin: 0 auto;
        padding: 20px;
        overflow: hidden;
        background-color: #fff;
        box-sizing: border-box;
        overflow: hidden;
        box-sizing: border-box;
        text-align: left;
        border-radius: 4px;
        -moz-box-shadow: -3px 2px 6px rgba(68, 68, 68, 0.2);
        -webkit-box-shadow: -3px 2px 6px rgba(68, 68, 68, 0.2);
        box-shadow: -3px 2px 6px rgba(68, 68, 68, 0.2);
    }

    .dropDownNav.visible {
        top: 65px;
        display: block;
    }

    .dropDownNav ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
        list-style-type: none;
    }

    .dropDownNav ul strong {
        text-align: left;
        display: block;
        padding: 0px 0px 20px 0px;
        margin: 0px 5% 20px 0px;
        border-bottom: 1px solid #000;
        font-size: 13px;
    }

    .dropDownNav ul li {
        position: relative;
        display: inline-block;
        text-transform: capitalize;
        font-size: 125%;
        margin: 0px 0px 10px 0px;
        padding: 0px;
        line-height: 1.2em;
        width: 100%;
    
    }

    .dropDownNav ul li a {
        color: #2e174d;
    }

    .dropDownNav ul li a:hover {
        color: #43AA8B;
        top: 0;
        position: relative;
        -webkit-transition: top 0.5s ease-out;
        -moz-transition: top 0.5s ease-out;
        -o-transition: top 0.5s ease-out;
    }

    .dropDownNav ul li a:hover:before {
        content: "";
        width: 15px;
        height: 10px;
        background: url(/content/images/triangle-down.svg) no-repeat;
        transform: rotate(270deg);
        background-size: contain;
        position: absolute;
        left: -20px;
        top: 8px;
    }

    /* Drop Down Navigation widths */

    .dropDownNav .three.columns {
       width: 16.5%;
        padding-left: 1.5%;
    }

    /*
    .dropDownNav.destinationDropDown - REMOVED TO FIX HEADER OVERFLOW ISSUE {
        width: 100%;
    }*/

    .dropDownNav.moreDropDown {
        width: 20%;
    }

    .dropDownNav.tripTypeDropDown {
        width: 20%;
    }

    a.destination-toggle {
        display: none;
    }

    .destination-select .container {
        padding: 0px;
        position: relative;
    }

    .destination-select ul#destinations > li {
        display: inline-block;
        font-size: 16px;
        margin-right: 0px;
        margin-bottom: 0px;
        text-align: center;
    }

    .destination-select ul#destinations > li.withSubNav > a:after {
        content: "";
        width: 14px;
        height: 14px;
        background: url(/content/images/triangle-down.svg) no-repeat;
        background-size: contain;
        margin-left: 7%;
        display: inline-block;
        vertical-align: sub;
    }

    .destination-select ul#destinations > li.withSubNav > a:hover:after {
        transform: rotate(180deg);
        vertical-align: initial;
    }

    header .destination-select ul#destinations > li a.topLevel {
        padding: 20px 10px;
        display: block;
    }

    .aboutUsInNav,
    .journalInNav {
        display: none !important;
    }
}

/*Top nav styles*/
@media screen and (min-width: 1024px) {
    header .destination-select {
        background: #fff;
        display: inline-block;
        width: 100%;
        font-weight: 600;
        font-weight: 400;
        position: relative;
        z-index: 2;
    }

    header .destination-select .container {
        overflow: visible;
        min-height: 55px;
    }

    header .destination-select a.destination-toggle {
        float: right;
        text-decoration: none;
        color: #1e0f3a;
        font-size: 15px;
    }

    header .destination-select a.destination-toggle:after {
        content: "";
        width: 20px;
        height: 16px;
        background: url(/content/images/triangle-down.svg) no-repeat;
        background-size: contain;
        margin-left: 10px;
        display: inline-block;
        vertical-align: sub;
    }

    header .destination-select ul#destinations {
        list-style: none;
        padding-left: 0;
        background: #fff;
    }

    header .destination-select ul#destinations li a {
        text-decoration: none;
        color: #271248;
    }

    header .destination-select ul#destinations li a:hover {
        color: #3eaa8a;
    }

    #siteNav .atolAbta {
        display: none;
    }
}








/*NAVIGATION ACTIVITIES FLYOUT*/

.tripTypeDropDown a {
    cursor: pointer;
}

@media screen and (min-width: 1000px) {

    .flyOutMenu {
        display: none;
        position: absolute;
        top: -20px;
        left: 140px;
        background-color: #3c947c;
        height: 300px;
        z-index: 1000;
    }

    .activities:hover .flyOutMenu,
    .interest:hover .flyOutMenu,
    .type:hover .flyOutMenu {
        display: block;
    }

    .dropDownNav.tripTypeDropDown {
        width: 650px !important;
        padding: 0em 0em 0em 2em;
        height: 310px;
    }

    .dropDownNav.tripTypeDropDown li {
        position: relative;
    }

    .dropDownNav.tripTypeDropDown .flyOutMenu {
        position: absolute;
        background-color: #43AA8B;
        overflow: hidden;
        padding: 1em;
        right: 0px;
        width: 80%;
        height: 310px;
    }

    .dropDownNav.tripTypeDropDown .flyOutMenu li a {
        color: #fff !important;
        font-size: 0.9em;
        font-weight: normal;
    }

    .tripTypeDropDown .activities li:first-child {
        margin-top: 1.5em !important;
    }

    .dropDownNav.tripTypeDropDown .flyOutMenu li a:hover {
        color: #a4d8c9 !important;
    }

    .dropDownNav.tripTypeDropDown .flyOutMenu li a:hover:before {
        background: url(/content/images/triangle-arrow.svg) no-repeat !important;
        transform: rotate(0deg) !important;
    }

    .dropDownNav.tripTypeDropDown .activities .flyOutMenu {
        top: -27px;
    }

    .dropDownNav.tripTypeDropDown .interest .flyOutMenu {
        top: -59px;
    }

    .dropDownNav.tripTypeDropDown .type .flyOutMenu {
        top: -91px;
    }

    .dropDownNav.tripTypeDropDown .flyOutMenu li {
        width: 44%;
        float: left;
        padding-left: 0.5em;
    }
}




/*MENU TOGGLE

@media screen and (min-width: 850px) {

    a.menu-toggle {
        position: absolute;
        right: 20px;
        top: 37px;
        font-size: 15px;
        color: #271248;
    }

    a.menu-toggle img {
        vertical-align: top;
    }
}

@media screen and (min-width: 1024px) {
    a.menu-toggle {
        display: none;
    }
}
*/




/*MOBILE MENU NAVIGATION */



@media screen and (max-width: 1023px) {

    .header-small .top-bar .container {
        position: fixed;
        top: 0px;
        z-index: 2000;
        background-color: #f2f3ed;
        width: 100%;
        box-shadow: 0px 0 4px rgba(0, 0, 0, 0.2);
    }

    .header-small .nav-drill {
        margin-top: 50px;
    }
}






@media screen and (min-width: 1024px) {
    .nav-drill,
    .nav-top {
        display: none;
    }
}

@media screen and (max-width: 700px) {
    .nav-drill {
        margin-top: 114px;
    }
}

@media screen and (min-width: 700px) and (max-width:1023px) {
    .nav-drill {
        margin-top: 131px;
    }
}


@media screen and (max-width: 1023px) {

    * {
        box-sizing: border-box;
    }

    .nav-item.atolAbta {
        padding: 1em;
        text-align: right;
    }

    .nav-item.atolAbta svg {
        max-height: 40px;
    }

    .nav-top {
        /*display: flex;*/
        align-items: center;
        position: relative;
        z-index: 101;
        width: 100%;
    }

    .nav-top .hamburger {
        margin-left: auto;
        color: #3c947c;
        cursor: pointer;
        position: absolute;
        right: 0px;
        top: 0px;
    }

    .nav-drill {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }

    .nav-drill li {
        margin: 0px;
    }

    .nav-drill li a {
        color: #000;
        font-size: 1.1em;
        font-weight: normal;
    }

    #ham-menu {
        display: inline;
    }

    #ham-close {
        display: none;
    }

    .nav-is-toggled #ham-menu {
        display: none;
    }

    .nav-is-toggled #ham-close {
        display: inline;
    }

    .nav-is-toggled .nav-drill {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    .nav-is-toggled::after {
        opacity: 1;
        visibility: visible;
    }

    .nav-drill {
        display: flex;
        position: fixed;
        z-index: 100;
        top: 0;
        right: 0;
        width: 100%;
        height: 100vh;
        background-color: #fff;
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        transition: 0.45s;
    }

    li.nav-item {
        list-style-type: none;
    }

    .nav-drill ul ul {
        margin: 0px;
    }

    .nav-items {
        flex: 0 0 100%;
    }

    .nav-item:not(:last-child) {
        border-bottom: solid 1px #f4f4f0;
    }

    .nav-link {
        display: block;
        padding: 0.875em 1em;
        background-color: #fff;
        color: #20b49c;
        font-size: 1rem;
        line-height: 1.5em;
        font-weight: 300;
    }

    .nav-expand-content {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        background-color: #f4f4f0;
        transition: 0.3s;
        visibility: hidden;
    }

    .nav-expand-content .nav-item:not(:last-child) {
        border-bottom: solid 1px #fff;
    }

    .nav-expand-content .nav-link {
        background-color: #f4f4f0;
    }

    .nav-expand-content .nav-back-link {
        display: flex;
        align-items: center;
        background-color: #43AA8B !important;
        color: #fff;
    }

    .nav-expand-content .nav-back-link::before {
        content: "chevron_left";
        margin-right: 0.5em;
        font-family: "Material Icons";
    }

    .nav-expand-link {
        display: flex;
        justify-content: space-between;
    }




    .nav-expand-link::after {
        content: "chevron_right";
        flex: 0 1 auto;
        font-family: "Material Icons";
        color: #3c947c;
        font-size: 1em;
    }

    /*
.nav-expand-link::after {
content: "";
        width: 15px;
        height: 15px;
        background: url(/content/images/triangle-down.svg) no-repeat;
        flex: 0 1 auto;
         transform: rotate(270deg);
         z-index:0;
}*/



    .nav-expand.active > .nav-expand-content {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        visibility: visible;
    }

    .nav-expand .nav-expand-content {
        background-color: #f4f4f0;
    }

    .nav-expand .nav-expand-content .nav-link {
        background-color: #f4f4f0;
    }

    .nav-expand .nav-expand-content .nav-expand-content {
        background-color: #f4f4f0;
    }

    .nav-expand .nav-expand-content .nav-expand-content .nav-link {
        background-color: #f4f4f0;
    }

    .nav-expand .nav-expand-content .nav-expand-content .nav-expand-content {
        background-color: #84e9d9;
    }

    .nav-expand .nav-expand-content .nav-expand-content .nav-expand-content .nav-link {
        background-color: #84e9d9;
    }

    .nav-expand .nav-expand-content .nav-expand-content .nav-expand-content .nav-expand-content {
        background-color: #59e1cb;
    }

    .nav-expand .nav-expand-content .nav-expand-content .nav-expand-content .nav-expand-content .nav-link {
        background-color: #59e1cb;
    }
}


/* Top Level Navigation widths */
@media screen and (min-width: 1000px) and (max-width:1279px) {
    .destination-select ul#destinations > li:first-child{     
        width: 16%;
    }
     .destination-select ul#destinations > li {
        width: 13%;
    }
    .destination-select ul#destinations > li {
        width: 13%;
    }


     .page-head-scrolled.destination-select ul#destinations > li:first-child{     
        width: 14%;
    }
    .page-head-scrolled.destination-select ul#destinations > li {
    width: 11%;
  }
}

@media screen and (min-width: 1280px) {
     .destination-select ul#destinations > li:first-child{     
        width: 16%;
    }
    .destination-select ul#destinations > li {
        width: 12.2%;
    }

}


@media (min-width: 1024px) and (max-width: 1250px) {
     #master-wrapper.header-small .page-head-scrolled.destination-select ul#destinations > li:first-child {
    width: 15% !important;
  }
  #master-wrapper.header-small .page-head-scrolled.destination-select ul#destinations > li {
    width: 11% !important;
  }
      .page-head-scrolled #admin-icons a {
  margin-left: 5px;
}
    .page-head-scrolled .google-review-link {
        width: 132px;
    }
    .page-head-scrolled .google-review-link svg{
        width:130px;
    }
}










/*USP PURPLE BAR*/
.usp {
    text-align: center;
    padding: 0.6em;
    overflow: hidden;
    height: 40px;
}

.usp p {
    color: #fff;
    font-weight: normal;
    text-transform: uppercase;
}

#textRotate {
    position: relative;
}

#textRotate > p {
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
}

@media screen and (max-width: 999px) {
    .usp p {
        font-size: 0.65em;
    }
}

@media screen and (min-width: 1000px) {
    .usp p {
        font-size: 0.8em;
    }
}


/*Home Search Block*/
.heroHome {
    position: relative;
    display: block;
}

.heroHomeContent strong,
.destinationLanding .headlineContent span,
.itineraryLanding .headlineContent span {
    color: #fff;
    display: block;
    text-transform: uppercase;
    font-weight: normal;
}

.homeSearchBox {
    background-color: #fff;
    width: 100%;
    display: block;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.homeSearchBox span,
.homeSearchBox select {
    color: #271148;
    text-transform: uppercase;
}

.homeSearchBox span {
    margin-bottom: 1em;
    display: block;
}

.homeSearchBox select {
    border: 1px solid #b7b7b7;
}


.homeSearchBox .button {
    text-align: left;
    background-size: 12px;
    transition: none;
    position: relative;
}

.homeSearchBox .button:after {
    content: "";
    width: 20px;
    height: 16px;
    background: url(/content/images/triangle-arrow.svg) no-repeat;
    background-size: contain;
    display: inline-block;
    vertical-align: middle !important;
    margin-bottom: 4px;
    position: absolute;
}

.heroHomeContent .headlineContent .button {
    position: relative;
    text-align: left !important;
}

.heroHomeContent .headlineContent .button:after {
    content: "";
    width: 20px;
    height: 16px;
    background: url(/content/images/triangle-arrow.svg) no-repeat;
    background-size: contain;
    display: inline-block;
    vertical-align: middle !important;
    margin-bottom: 4px;
    position: absolute;
}

.itineraryLanding .destinationHero .heroHomeContent .headlineContent .button:after {
    transform: rotate(90deg);
}


@media screen and (min-width: 1024px) {
    .itineraryLanding .destinationHero .heroHomeContent .headlineContent .button:after {
        top: 26px;
        right: 14px;
    }
}

@media screen and (max-width: 1023px) {
    .itineraryLanding .destinationHero .heroHomeContent .headlineContent .button:after {
        top: 20px !important;
        right: 16px !important;
    }
}

.homeSearchSelect {
    background: url(/content/images/triangle-down.svg) 97% center no-repeat #fff;
    overflow: hidden;
    width: 100%;
    border-radius: 4px;
    border: 1px solid #b7b7b7;
    margin-bottom: 1.5rem;
}

.homeSearchSelect select {
    background: transparent;
    font-size: 16px;
    line-height: 1;
    border: 0;
    border-radius: 0;
    border: 0 !important;
    /*Removes border*/
    -webkit-appearance: none;
    /*Removes default chrome and safari style*/
    -moz-appearance: none;
    /*Removes default style Firefox*/
    border: 0 !important;
    /*Removes border*/
    text-indent: 0.01px;
    /* Removes default arrow from firefox*/
    text-overflow: "";
    /*Removes default arrow from firefox*/
    margin-bottom: 0px;
    width: 100%;
}

@media screen and (max-width: 500px) {
    .heroHomeContent {
        padding: 4em 0.8em 0.8em 0.8em;
    }
}

@media screen and (max-width: 1000px) {
    .heroHomeContent .columns,
    .heroHomeContent .eight.columns {
        float: none;
        width: 100%;
    }
}

@media screen and (min-width: 500px) and (max-width: 999px) {
    .heroHomeContent {
        padding: 4em 2em 2em 2em;
    }
}

@media screen and (max-width: 699px) {
    .heroHome {
        background-position-x: -10px;
        background-position-y: 0px;
        background-repeat: no-repeat;
        background-size: 120%;
    }

    html.webp .heroHome {
        background-image: url(/content/images/home/mobile-polar-adventure1.webp);
    }

    html.no-webp .heroHome {
        background-image: url(/content/images/home/mobile-polar-adventure1.jpg);
    }
}

@media screen and (max-width: 999px) {


    .heroHome {
        height: 526px;
    }

    .heroHomeContent strong {
        font-size: 1em !important;
    }

    .heroHomeContent strong,
    .destinationLanding .headlineContent span,
    .itineraryLanding .headlineContent span {
        margin-bottom: 1em;
    }

    .homeSearchBox {
        margin: 1.5em 0px 0px 0px;
        min-height: 200px;
        padding: 0.8em;
    }

    .homeSearchBox span {
        font-size: 0.8em;
    }

    .homeSearchBox select {
        font-size: 0.6em;
    }

    .homeSearchBox .button:after {
        top: 14px;
        right: 5px;
    }

    .heroHomeContent .headlineContent .button {
        padding: 7px 2%;
    }

    .heroHomeContent .headlineContent .button:after {
        top: 16px;
        right: 5px;
        width: 15px;
        height: 14px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1025px) {

    .heroHomeContent .headlineContent .button {
        padding: 7px 7% 7px 2% !important;
    }

    .heroHomeContent .headlineContent .button:after {
        top: 24px;
    }
}

@media screen and (min-width: 1000px) and (max-width: 1279px) {

    .heroHomeContent .eight.columns {
        width: 58%;
    }

    .homeSearchBox {
        width: 35%;
        float: right;
        margin-top: 5%;
    }
}

@media screen and (min-width: 700px) {
    .heroHome {
        background-position: center center;
    }

    html.webp .heroHome {
        background-image: url(/content/images/home/polar-adventures.webp);
    }

    html.no-webp .heroHome {
        background-image: url(/content/images/home/polar-adventures.jpg);
    }
}

@media screen and (min-width: 1000px) {

    .heroHomeContent {
        padding: 3em 3em 5em 3em;
        overflow: hidden;
    }

    .heroHomeContent .button {
        clear: left;
    }

    .homeSearchBox {
        min-height: 200px;
        padding: 1.5em;
    }

    .homeSearchBox span {
        font-size: 0.9em;
    }

    .homeSearchBox select,
    .homeSearchBox .button {
        font-size: 0.7em;
    }

    .homeSearchBox .button:after {
        top: 23px;
        right: 5px;
    }

    .heroHomeContent .headlineContent .button {
        padding: 7px 2%;
    }

    .heroHomeContent .headlineContent .button:after {
        top: 23px;
        right: 5px;
    }
}

@media screen and (max-width: 1279px) {

    #body-container {
        margin-top: 0px !important;
    }
}

@media screen and (min-width: 1280px) {

    .homeSearchBox {
        float: right;
        width: 400px;
    }


    .heroHomeContent strong,
    .itineraryLanding .headlineContent span {
        padding-top: 15%;
        font-size: 2.3em;
    }
}

@media screen and (min-width: 1000px) and (max-width: 1379px) {

    .heroHome {
        min-height: 580px;
    }

    .heroHomeContent strong,
    .itineraryLanding .headlineContent span {
        padding-top: 8%;
        font-size: 2em;
    }

    .homeSearchBox {
        margin-top: 5%;
    }
      /*SWAP h1 / Span */
    .destinationLanding .headlineContent h1{
        margin-bottom:0.5rem;
    }
    .destinationLanding .headlineContent span{
        margin-bottom:2rem;
    }
}




@media screen and (min-width: 1380px) and (max-width: 1579px) {
    .heroHome {
        min-height: 680px;
    }

    .homeSearchBox {
        margin-top: 5%;
    }
   
   
    .destinationLanding .headlineContent span{
        margin-bottom:2rem;
    }

}



@media screen and (min-width: 1580px) {
    .heroHome {
        min-height: 720px;
    }

    .heroHomeContent {
        max-width: 1360px;
        margin: 0 auto;
        overflow: visible;
        padding: 0px;
        box-sizing: border-box;
    }

    .heroHomeContent strong,
    .itineraryLanding .headlineContent span {
       padding-top: 16%;
      font-size: 2.8rem;
      line-height: 1.2em;

    }

      .destinationLanding .headlineContent span{
        margin-bottom:2rem;
    }

    .homeSearchBox {
        padding: 1.5em;
        margin-top: 12.5%;
    }
   .heroHomeContent .headlineContent .button{
       margin-top:20px;
   }
}


/******************** FONTS *******************/

@font-face {
    font-family: 'brandon_grotesque_regularRg';
    src: url('/content/fonts/brandongrotesqueregular.eot');
    src: url('/content/fonts/brandongrotesqueregular.eot?#iefix') format('embedded-opentype'), url('/content/fonts/brandongrotesqueregular.woff2') format('woff2'), url('/content/fonts/brandongrotesqueregular.woff') format('woff'), url('/content/fonts/brandongrotesqueregular.ttf') format('truetype'), url('/content/fonts/brandongrotesqueregular.svg#brandon_grotesque_regularRg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'brandon_grotesquebold';
    src: url('/content/fonts/brandongrotesquebold.eot');
    src: url('/content/fonts/brandongrotesquebold.eot?#iefix') format('embedded-opentype'), url('/content/fonts/brandongrotesquebold.woff2') format('woff2'), url('/content/fonts/brandongrotesquebold.woff') format('woff'), url('/content/fonts/brandongrotesquebold.ttf') format('truetype'), url('/content/fonts/brandongrotesquebold.svg#brandon_grotesquebold') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/******************Layout********************************/

.section {
    overflow: hidden;
}

.sectionCenter {
    text-align: center;
}

div.container {
    max-width: 1360px;
    margin: 0 auto;
    padding: 20px;
    overflow: visible;
    box-sizing: border-box;
}

.column,
.columns {
    width: 100%;
    float: left;
    box-sizing: border-box;
}

.section {
    padding: 2rem 0rem;
}

.section.bgGray.cta,
.section.bgWhite.cta {
    padding: 4rem 0rem;
}

@media (min-width: 650px) {

    .column,
    .columns {
        margin-left: 4%;
    }

    .column:first-child,
    .columns:first-child {
        margin-left: 0;
    }

    .one.column,
    .one.columns {
        width: 4.66666666667%;
    }

    .two.columns {
        width: 13.3333333333%;
    }

    .three.columns {
        width: 22%;
    }

    .four.columns {
        width: 30.6666666667%;
    }

    .five.columns {
        width: 39.3333333333%;
    }

    .six.columns {
        width: 48%;
    }

    .seven.columns {
        width: 56.6666666667%;
    }

    .eight.columns {
        width: 65.3333333333%;
    }

    .hero5panel .eight.columns {
        width: 66.633333333%;
    }

    .nine.columns {
        width: 74.0%;
    }

    .ten.columns {
        width: 82.6666666667%;
    }

    .eleven.columns {
        width: 91.3333333333%;
    }

    .twelve.columns {
        width: 100%;
        margin-left: 0;
    }

    .one-third.column {
        width: 30.6666666667%;
    }

    .two-thirds.column {
        width: 65.3333333333%;
    }

    .one-half.column {
        width: 48%;
    }
    /* Offsets */

    .offset-by-one.column,
    .offset-by-one.columns {
        margin-left: 8.66666666667%;
    }

    .offset-by-two.column,
    .offset-by-two.columns {
        margin-left: 17.3333333333%;
    }

    .offset-by-three.column,
    .offset-by-three.columns {
        margin-left: 26%;
    }

    .offset-by-four.column,
    .offset-by-four.columns {
        margin-left: 34.6666666667%;
    }

    .offset-by-five.column,
    .offset-by-five.columns {
        margin-left: 43.3333333333%;
    }

    .offset-by-six.column,
    .offset-by-six.columns {
        margin-left: 52%;
    }

    .offset-by-seven.column,
    .offset-by-seven.columns {
        margin-left: 60.6666666667%;
    }

    .offset-by-eight.column,
    .offset-by-eight.columns {
        margin-left: 69.3333333333%;
    }

    .offset-by-nine.column,
    .offset-by-nine.columns {
        margin-left: 78.0%;
    }

    .offset-by-ten.column,
    .offset-by-ten.columns {
        margin-left: 86.6666666667%;
    }

    .offset-by-eleven.column,
    .offset-by-eleven.columns {
        margin-left: 95.3333333333%;
    }

    .offset-by-one-third.column,
    .offset-by-one-third.columns {
        margin-left: 34.6666666667%;
    }

    .offset-by-two-thirds.column,
    .offset-by-two-thirds.columns {
        margin-left: 69.3333333333%;
    }

    .offset-by-one-half.column,
    .offset-by-one-half.columns {
        margin-left: 52%;
    }
}
/******************** GENERAL STYLES *******************/

* {
    margin: 0;
    padding: 0;
}

html,
body {
    min-height: 100%;
    height: 100%;
    max-width: 100%;
}

body {
    font-family: 'brandon_grotesque_regularRg', sans-serif;
    color: #353535;
    font-size: 1.2em;
    /* currently ems cause chrome bug misinterpreting rems on body element */
    line-height: 1.6;
    letter-spacing: 0.035rem;
    -webkit-font-smoothing: antialiased; /* This needs to be set or some font faced fonts look bold on Mac in Chrome/Webkit based browsers. */
    -moz-osx-font-smoothing: grayscale; /* Fixes font bold issue in Firefox version 25+ on Mac */
    overflow-x: hidden;
}

header,
footer,
section,
nav,
article,
aside {
    display: block;
}

div,
section,
article,
aside,
nav,
header,
footer,
ul,
form,
input {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

a {
    text-decoration: none;
}
/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Self Clearing Goodness */

.container:after,
.row:after,
.u-cf {
    content: "";
    display: table;
    clear: both;
}

a img {
    border: none;
}

div.wrapper {
    overflow-x: visible;
    width: 100%;
    position: relative;
    min-height: 100%;
}
/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: 2rem;
    font-weight: normal;
    font-style: normal;
}

h1 {
    font-size: 3.0rem;
    line-height: 1.2;
    font-weight: normal;
    font-style: normal;
}

h2 {
    line-height: 1.25;
    font-weight: normal;
    font-style: normal;
}

h3 {
    font-size: 3.0rem;
    line-height: 1.3;
    font-weight: normal;
    font-style: normal;
}

h4 {
    font-size: 2rem;
    line-height: 1.35;
    font-weight: normal;
    font-style: normal;
}

.cta h4 {
    margin-bottom: 0px;
}

h5 {
    font-size: 1.8rem;
    line-height: 1.5;
    letter-spacing: -.05rem;
    font-weight: normal;
    font-style: normal;
}

h6 {
    font-size: 1.5rem;
    line-height: 1.6;
    letter-spacing: 0;
    font-weight: normal;
    font-style: normal;
}
/* Larger than phablet */

@media (min-width: 550px) {
    h1 {
        font-size: 4.0rem;
    }

    h2 {
        font-size: 2rem;
    }

    h3 {
        font-size: 2.6rem;
    }

    h4 {
        font-size: 2.0rem;
    }

    h5 {
        font-size: 1.4rem;
    }

    h6 {
        font-size: 1.2rem;
    }
}

p {
    margin-top: 0;
}
/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */

a {
    color: #43AA8B;
}
/*FONTS*/
/*BOLD FONT*/

.destinationHeroBg h2,
nav ul li,
.heroImage .heroContent h1,
.searchPanel h4,
.destinationHeroBg .titleArea span,
.bgPurple > h2,
.tripItin h2,
.resultList strong,
.heroImage .heroContent span,
.tripIntro .price,
.journal .container h2.title,
.navSecondary li,
.section.tripItin .container > .row strong,
.formCombinedButton input[type="submit"],
.navSecondary .show-menu,
.section.productVessel h2,
.hero5panel span,
.hero5panel #destinationInfo h1,
.hero5panel .panelBlockInner h2,
.itinSpecOffer h4,
.informationPage .ctaSpecialOffer h4,
.hero5panel .panelSpecOffer h2,
.davidLindoHero h2,
.davidLindoHomePromo h2,
.davidLindoHero-alternative h2,
.promo h2,
.pushItin h3,
.priceDropPopUp .detailsTop h2,
.singleCabinsAvailable em,
#addsearch-results .addsearch-result-item-sub h2 a,
.usp p,
.heroContent strong,
.homeSearchBox span,
.homeSearchBox select,
.heroHomeContent strong,
.destinationLanding .headlineContent span,
.itineraryLanding .headlineContent span,
.itinTitle h2,
.itinPrice span,
.itinCard #btn-add-shortlist,
.itinEnqBtn a,
.guestGuide a,
.vessel-list,
.destination-select #destinations .dropDownNav li a{
    font-family: 'brandon_grotesquebold', sans-serif;
}
/*REGULAR FONT*/

.resultItem span.price em,
.ctaSpecialOffer .price,
.ctaSpecialOffer .row div:nth-child(3) em,
.searchBox,
.labelCheckbox label,
.dropDownNav strong,
.tripIntro .price em,
.pushItin .price em,
.tripIntro h2,
.resultItem .price,
.pushItin .price,
.headerNumber,
.section.tripItin .container > .row strong sup,
.searchSiteResults #addsearch-results p,
.searchSiteResults #addsearch-results em,
.menu-visible nav ul li,
.nav-drill li a {
    font-family: 'brandon_grotesque_regularRg', sans-serif;
    font-style: normal;
}


/*UPPERCASE & SPACING*/

.resultList strong,
.navSecondary .show-menu,
.destinationMore strong,
.destinationHeroBg h2,
.destinationHeroBg .titleArea span,
.section.tripItin h2,
.navSecondary li a,
.loginDisplay p,
.hero5panel span,
.hero5panel #destinationInfo h1,
.davidLindoHero h2,
.davidLindoHero-alternative h2,
.davidLindoHomePromo h2,
.promo h2,
.pushItin h3,
.priceDrop a,
#addsearch-results .addsearch-result-item-sub h2 a {
    letter-spacing: 0.125em;
    text-transform: uppercase;
}
/*GENERAL FONT SIZE*/

.resultList strong {
    text-transform: uppercase;
    font-size: 0.8rem;
    font-weight: normal;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .resultList strong {
        font-size: 0.65rem;
    }
}

@media (min-width: 900px) {
    .resultList strong {
        font-size: 0.9rem;
    }
}

@media (max-width: 650px) {
    #results.resultList {
        margin-right: 0px !important;
    }
}

/*REMOVE
.resultList h2 {
    font-size: 1.5rem;
}*/

.destinationHeroBg h2 {
    font-size: 4.2rem;
}

.section h4 {
    font-size: 2rem;
    line-height: 2.4rem;
}

@media (min-width: 1200px) {
    .resultList h2 {
        font-size: 1.7rem;
        line-height: 1.1em;
    }
}

.destinationHeroBg .titleArea h2,
.journal .container h2.title,
.resultItem .price,
.tripIntro .price,
.ctaSpecialOffer .price,
.pushItin .price,
.tripItin h2 {
    font-size: 2.7rem;
    font-style: normal;
}

.heroImage .heroContent span {
    font-size: 0.7rem;
}

@media (min-width: 1330px) {
    .destinationHeroBg .titleArea h2,
    .journal .container h2.title,
    .tripItin h2 {
        font-size: 5.6rem !important;
    }

    .heroImage .heroContent span {
        font-size: 0.9rem;
        letter-spacing: 0.125em;
    }

    .resultItem .price,
    .tripIntro .price,
    .pushItin .price {
        font-size: 3.3rem !important;
    }
}
/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
    display: inline-block;
    /*height: 45px;*/
    padding: 5px 15%;
    color: #fff;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    line-height: 35px;
    letter-spacing: .1rem;
    text-transform: uppercase;
    text-decoration: none;
    /*white-space: nowrap;*/
    background-color: transparent;
    border-radius: 8px;
    border: 1px solid #fff;
    cursor: pointer;
    box-sizing: border-box;
    transition: all 0.3s ease 0s;
    font-family: 'brandon_grotesque_regularRg', sans-serif;
    -webkit-appearance: none;
}

.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
    background: rgba(255, 255, 255, 0.2);
    outline: 0;
    color: #fff;
}

a.button-green,
button.button-green,
input[type="submit"].button-green,
input[type="reset"].button-green,
input[type="button"].button-green {
    color: #FFF;
    background-color: #43AA8B;
    border-color: #43AA8B;
    transition: all 0.3s ease 0s;
}

.button.button-green:hover,
button.button-green:hover,
input[type="submit"].button-green:hover,
input[type="reset"].button-green:hover,
input[type="button"].button-green:hover,
.button.button-green:focus,
button.button-green:focus,
input[type="submit"].button-green:focus,
input[type="reset"].button-green:focus,
input[type="button"].button-green:focus {
    color: #FFF;
    background-color: #3c947c;
    border-color: #3c947c;
}

.button.button-white,
button.button-white,
input[type="submit"].button-white,
input[type="reset"].button-white,
input[type="button"].button-white {
    color: #4aa88d;
    background-color: #fff;
    border-color: #fff;
    transition: all 0.3s ease 0s;
}

.button.button-white:hover,
button.button-white:hover,
input[type="submit"].button-white:hover,
input[type="reset"].button-white:hover,
input[type="button"].button-white:hover,
.button.button-white:focus,
button.button-white:focus,
input[type="submit"].button-white:focus,
input[type="reset"].button-white:focus,
input[type="button"].button-white:focus {
    color: #fff;
    background-color: #4aa88d;
    border-color: #4aa88d;
}



/*BUTTON YELLOW*/
.button.button-yellow,
button.button-yellow,
input[type="submit"].button-yellow,
input[type="reset"].button-yellow,
input[type="button"].button-yellow {
    color: #eeba0f;
    background-color: transparent;
    border-color: #eeba0f;
    transition: all 0.3s ease 0s;
}


.button.button-yellow:hover,
button.button-yellow:hover,
input[type="submit"].button-yellow:hover,
input[type="reset"].button-yellow:hover,
input[type="button"].button-yellow:hover,
.button.button-yellow:focus,
button.button-yellow:focus,
input[type="submit"].button-yellow:focus,
input[type="reset"].button-yellow:focus,
input[type="button"].button-yellow:focus {
    color: #fff;
    background-color: transparent;
    border-color: #eeba0f;
}






.button-purple,
a.button-purple,
button.button-purple,
input[type="submit"].button-purple,
input[type="reset"].button-purple,
input[type="button"].button-purple {
    color: #FFF;
    background-color: #2e174d;
    border-color: #2e174d;
    transition: all 0.3s ease 0s;
}



.button.button-purple:hover,
button.button-purple:hover,
input[type="submit"].button-purple:hover,
input[type="reset"].button-purple:hover,
input[type="button"].button-purple:hover,
.button.button-purple:focus,
button.button-purplee:focus,
input[type="submit"].button-purple:focus,
input[type="reset"].button-white:focus,
input[type="button"].button-purple:focus {
    color: #2e174d;
    border-color: #2e174d;
}

.button-more:after {
    content: "+";
    margin-left: 5px;
    display: inline-block;
    font-size: 120%;
}



@media (max-width: 650px) {
    .button,
    button,
    input[type="submit"],
    input[type="reset"],
    input[type="button"] {
        min-width: 120px;
    }
}

@media (min-width: 651px) {
    .button,
    button,
    input[type="submit"],
    input[type="reset"],
    input[type="button"] {
        padding: 7px 5%;
        font-size: 15px;
        line-height: 50px;
        border: 1px solid #fff;
    }
}

@media (min-width: 1025px) {
    .button,
    button,
    input[type="submit"],
    input[type="reset"],
    input[type="button"] {
        min-width: 180px !important;
    }
}



/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */

input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
    height: 50px;
    padding: 5px 10px 5px 15px;
    /* The 6px vertically centers text on FF, ignored by Webkit */
    background-color: #fff;
    border: 1px solid #6bbd9f;
    border-radius: 4px;
    box-shadow: none;
    box-sizing: border-box;
    font-size: 1em;
    font-family: 'brandon_grotesque_regularRg', sans-serif;
    font-style: normal;
}
/* Removes awkward default styles on some inputs for iOS */

input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

textarea {
    min-height: 120px;
    padding-top: 6px;
    padding-bottom: 6px;
}

input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
    border: 1px solid #33C3F0;
    outline: 0;
}

label,
legend {
    display: block;
    /* margin-bottom: .5rem;*/
}

fieldset {
    padding: 0;
    border-width: 0;
}

input[type="checkbox"],
input[type="radio"] {
    display: inline;
}

label > .label-body {
    display: inline-block;
    margin-left: .5rem;
    font-weight: normal;
}

.form label {
    text-indent: -987654px;
    position: absolute;
    overflow: hidden;
}

.labelCheckbox,
.labelCheckbox label {
    text-indent: 0px;
    position: relative;
    overflow: hidden;
}
/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */

ul {
    list-style: circle inside;
}

ol {
    list-style: decimal inside;
}

ol,
ul {
    padding-left: 0;
    margin-top: 0;
}

ul ul,
ul ol,
ol ol,
ol ul {
    margin: 1.5rem 0 1.5rem 3rem;
    font-size: 90%;
}

li {
    margin-bottom: 1rem;
}
/* Code
–––––––––––––––––––––––––––––––––––––––––––––––––– */

code {
    padding: .2rem .5rem;
    margin: 0 .2rem;
    font-size: 90%;
    white-space: nowrap;
    background: #F1F1F1;
    border: 1px solid #E1E1E1;
    border-radius: 4px;
}

pre > code {
    display: block;
    padding: 1rem 1.5rem;
    white-space: pre;
}
/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */

th,
td {
    padding: 12px 15px;
    text-align: left;
    border-bottom: 1px solid #E1E1E1;
}

th:first-child,
td:first-child {
    padding-left: 0;
}

th:last-child,
td:last-child {
    padding-right: 0;
}
/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*button, .button
{
    margin-bottom: 1rem;
}*/

input,
textarea,
select,
fieldset {
    margin-bottom: 1.5rem;
}
/*pre, blockquote, dl, figure, table, p, ul, ol, form
{
    margin-bottom: 2.5rem;
}*/
/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.u-full-width {
    width: 100%;
    box-sizing: border-box;
}

.u-max-full-width {
    max-width: 100%;
    box-sizing: border-box;
}

.u-pull-right {
    float: right;
}

.u-pull-left {
    float: left;
}
/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */

hr {
    margin-top: 3rem;
    margin-bottom: 3.5rem;
    border-width: 0;
    border-top: 1px solid #E1E1E1;
}

.noPadding {
    padding: 0px;
}

@media (max-width: 650px) {
    .hideMobile {
        display: none;
    }
}

/******************** COLOURS ********************/

.bgGray {
    background-color: #F4F4F0;
}

.bgYellow {
    background-color: #EABE03;
}

.bgPurple,
.tripItin,
.tripMap{
    background-color: #2e174d;
}

.bgGreen,
.generalContent ul li:before,
.destinationIntroContent ul li:before,
.tripIntro ul li:before,
.navDots li.active:after,
.formCombinedButton input[type="submit"] {
    background-color: #43AA8B;
}

.bgPink {
    background-color: #EA5B53;
}

.bgWhite,
.moreContent .close,
.result span,
.dayContent,
.searchBox,
.filterTags li a.activeFilter {
    background-color: #fff;
}
/*TEXT COLOURS*/
/*GREEN*/

.green,
.destinationItem strong,
.destinationMore ul a,
.resultList .bgGray strong,
.resultItem .date,
.resultItem .price,
.bgGray h4,
.ctaContact .number,
.ctaContact .one-third:nth-child(3) div.eight,
.testimonials blockquote:before,
.tripIntro .tripDates,
.tripIntro .price,
.tripIntro h2 a,
.section.tripItin .container > .row strong,
.dropDownNav strong,
.resultItem .moreContent span,
.vesselDetail .bulletUnderline li span,
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
.searchBox,
select,
.filterTags li a,
.enquiryForm .labelCheckbox label {
    color: #43AA8B;
}
/*YELLOW*/

.bgPurple h2,
.bgPurple em,
imageGallery h2 {
    color: #EABE03;
}
/*PURPLE*/

.label-body.largeTitle,
.generalContent.titleSection h2,
.destinationIntroContent h4,
.destinationIntroContent h4 p,
.testimonials span{
    color: #1E0F3A;
}
/*DARK GRAY*/

.introContent .bgGray h4,
.resultItem span.price em,
.tripIntro .price em,
.pushItin .price em {
    color: #353535;
}
/*WHITE*/

.bgGreen h4,
.bgGreen p,
.testimonials h4,
.testimonials blockquote,
.video h4,
.video p,
.destinationHeroBg .titleArea,
.section.tripItin h2,
.section.tripItin .container > .row strong sup,
.tripItin .itinSummary,
.heroImage .heroContent,
.journal .resultContent strong {
    color: #ffffff;
}

/******************** HEADER ********************/

div.content {
    background: #fff;
}

header {
    text-transform: uppercase;
    position: relative;
    font-family: 'brandon_grotesquebold', sans-serif;
}


header .top-bar {
    background: #f4f4f0;
    overflow: visible;
}
@media (min-width: 1024px) {
    header .top-bar {
        height: 95px;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

    .hero5panel .button {
        letter-spacing: 0.04rem;
    }
}

@media screen and (max-width: 999px) {

    .heroImage .heroContent h1 {
        margin-bottom: 10px;
    }

    .heroImage .heroContent .button {
        margin-top: 0px !important;
    }

    .heroImage .heroContent .button {
        line-height: 20px !important;
    }
}

/*CURRENCY*/

.currency {
    float: right;
    clear: left;
    display: block;
    width: 100%;
    color: #fff;
}

.currency ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.currency ul li {
    list-style-type: none;
    margin: 0px 10px 3px 10px;
    padding: 0px;
    float: left;
    display: inline;
}

.currency ul li a {
    display: block;
    background-image: url(/content/images/design/flags.jpg);
    background-repeat: no-repeat;
    width: 50px;
    font-size: 67%;
    height: 14px;
}

.currency ul li#currencyPound a {
    background-position: 10px 0;
}

.currency ul li#currencyUSDollar a {
    background-position: 10px -13px;
}

.currency ul li#currencyEuro a {
    background-position: 10px -28px;
}

.currency ul li#currencyAUDollar a {
    background-position: 10px -42px;
}
/*FOOTER**/

.footer {
    background-color: #1a1a1a;
}

.footer p {
    color: #656363;
    font-size: 70%;
}

.footer a {
    color: #fff;
    text-decoration: none;
}


.footer ul li a {
    text-transform: uppercase;
}

.footer ul {
    list-style-type: none;
    font-size: 90%;
}

.line {
    border-top: 1px solid #656363;
    padding-top: 5px;
    padding-bottom: 5px;
    margin: 20px auto 20px;
    width: 99%;
    position: relative;
}

.line:before {
    left: -12px;
}

.line:before,
.line:after {
    content: "";
    width: 10px;
    height: 10px;
    background: transparent;
    border-radius: 5px;
    position: absolute;
    top: -6px;
    border: 1px solid #656363;
}

.line:after {
    right: -10px;
}

.footerLogo {
    max-width: 100%;
}

.footer .three p {
    text-align: right;
}

.additionFooter{
    padding-bottom:3rem;
}
.footer .seo-landing-links ul{
    font-size:0.8rem!important;
    display:flex;
    justify-content: flex-end;
}
.footer .seo-landing-links ul li{
    display:inline-block;    
  
}

.footer .seo-landing-links a {
    color: #fff;
    text-decoration: none;
    border-right:1px solid #fff;
    text-transform: none;
    padding:0rem 1rem;

}




@media screen and (min-width: 800px) {
    .footer .row .twelve ul {
        margin: 0px;
        padding: 0px;
        -moz-column-count: 8;
        -moz-column-gap: 10px;
        -webkit-column-count: 8;
        -webkit-column-gap: 10px;
        column-count: 8;
        column-gap: 10px;
    }

    .footer .row .twelve ul {
        margin: 0px;
        padding: 0px;
        font-size: 70%;
    }

    .footer .footerLogo {
        width: 46%;
    }


    .footer .four {
        margin-left: 1.2%;
        width: 31.667%;
    }

    .footer .four img,
    .footer .four svg {
        float: left;
    }
}




.additionFooter {
    margin-top: 30px;
}

.additionFooter .currency {
    float: right;
    clear: both;
    width: auto !important;
}

.additionFooter .currency a {
    color: white;
}

.additionFooter .currency ul {
    display: block;
    margin-top: 10px;
}

.additionFooter .socialMedia {
    float: right !important;
    clear: both;
    margin-top: 20px;
}

.contactFooter {
    display: none !important;
}









@media screen and (max-width: 800px) {
    .footer .row .twelve ul {
        -moz-column-count: 2;
        -moz-column-gap: 20px;
        -webkit-column-count: 2;
        -webkit-column-gap: 20px;
        column-count: 2;
        column-gap: 20px;
        font-size: 50%;
    }

    .footer .four {
        margin-left: 0%;
        width: 100%;
        margin-top: 30px;
    }

    .footer .four .footerLogo {
        width: 30%;
        margin-bottom: 30px;
    }
}



/*FOOTER LOGOS*/
.abta-atol-award{
    display:flex;
    justify-content: space-between;
    align-items: center;
    max-width:320px;
    margin:auto;
}

.abta-atol-award .logo-atol {
    max-width: 60px;
    margin-right: 10px;
}
.abta-atol-award .abtaLogo {
    max-width: 100px;
    margin-right: 10px;
}
.abta-atol-award .logo-travel-awards {
    max-width: 55px;
    margin-right: 10px;
}
.abta-atol-award .logo-iato {
    max-width: 55px;
    margin-right: 10px;
}
@media screen and (min-width: 800px) {
    .abta-atol-award .logo-atol {
    max-width: 70px;
    margin-right: 10px;
}
.abta-atol-award .abtaLogo {
    max-width: 120px;
    margin-right: 10px;
}
.abta-atol-award .logo-travel-awards {
    max-width: 65px;
    margin-right: 10px;
}
.abta-atol-award .logo-iato {
    max-width: 65px;
    margin-right: 10px;
}
}


.abta-atol-award-notice{
        max-width:380px;
        margin:auto;
        padding-top:15px;
}
.abta-atol-award-notice p:first-child{        
        margin:auto;
        line-height:20px;
        text-transform:uppercase;
        font-weight:600;
}


/*ALL SECTIONS*/
/*HERO IMAGE*/

.heroImage {
    margin: 0rem auto;
    position: relative;
    z-index: 1;
}

.heroImage .heroContent {
    width: 100vw;
    padding: 0px 10%;
    left: calc(-50vw + 50%);
}

.heroImage img {
    max-width: 100%;
    width: 100%;
}

.heroImage .heroContent {
    position: absolute;
    /*top: 10%;*/
    left: 0;
    padding: 1rem;
    /*transform: translateY(-50%);*/
    text-align: center;
    display: block;
    text-transform: uppercase;
}

.heroImage .heroContent h1 {
    letter-spacing: 0.025em;
}

.heroImage img {
    vertical-align: bottom;
}

.heroImage .heroContent .button {
    text-align: center;
    line-height: 33px;
    width: auto !important;
    padding: 10px 2%;
    margin-top: 2%;
}

@media screen and (min-width: 1480px)
/*LARGE SCREEN*/
{

    .heroImage .heroContent {
        padding-left: 0% !important;
        padding-right: 0% !important;
        top: 20%;
    }

    .section.heroImage .heroContent h1 {
        font-size: 6rem;
        width: 68%;
        margin: 0% auto;
        line-height: 6rem;
    }
}

@media screen and (min-width: 1224px)
/*LAPTOP SCREEN*/
{

    .staticHero.heroImage img,
    .staticHero .row {
        margin-top: 0px;
        margin-bottom: 0px !important;
    }

    .heroImage .heroContent h1 {
        letter-spacing: 0.04em;
        font-size: 4.5rem !important;
        padding-left: 9% !important;
        padding-right: 9% !important;
    }

    .heroImage.staticHero .heroContent h1,
    .section.productVessel h2 {
        padding-top: 2%;
        font-size: 4.5rem !important;
    }

    .heroImage .heroContent {
        top: 4%;
        padding-left: 0% !important;
        padding-right: 0% !important;
    }
}

@media screen and (min-width: 1330px) {
    .heroImage .heroContent {
        top: 5%;
    }

    .heroImage .heroContent h1 {
        padding-left: 8% !important;
        font-size: 5.2rem !important;
        padding-right: 8% !important;
    }
}

@media screen and (min-width: 750px) {
    .heroImage {
        margin: 0rem auto;
        position: relative;
    }

    .heroImage img {
        max-width: 100%;
        width: 100%;
    }

    .heroImage .heroContent h1 {
        font-size: 3.5rem;
        padding-top: 3.5%;
    }

    .heroImage.staticHero .heroContent h1,
    .section.productVessel h2 {
        padding-top: 2%;
        font-size: 4rem;
    }

    .heroImage .heroContent {
        top: 10%;
    }

    .heroImage.staticHero .heroContent {
        top: 4%;
    }
}

@media screen and (max-width: 749px) {
    .heroImage {
        max-width: 960px;
    }

    .heroImage img {
        max-width: 200%;
        width: 200%;
    }

    .heroImage .heroContent {
        top: 5%;
    }

    .heroImage .heroContent h1 {
        padding-top: 5%;
        font-size: 3.2rem !important;
    }
}

@media screen and (max-width: 400px) {
    .heroImage .heroContent h1 {
        font-size: 1.8rem !important;
    }

    .heroImage.staticHero .heroContent h1,
    .section.productVessel h2 {
        font-size: 1.6rem !important;
    }
}












/*DESTINATION LIST ON HOMEPAGE AND LINKS FROM DESTINATION LANDING PAGES*/
/* NICK ADDED */

input[type=submit][disabled=disabled] {
    cursor: default;
    opacity: 0.2;
}

#results.loading {
    opacity: 0.5;
}

#result-count {
}

#result-count-container {
    margin-bottom: 15px;
}

#result-count-container .selectBg select {
    padding-left: 8px;
}

.no-results-message {
    padding: 16px 22px;
    background-color: #eee;
    border: solid 1px #cccccc;
    border-radius: 2px;
}
/* END NICK ADDED */

#result-count-container .three .selectBg select {
    border: 1px solid #F4F4F0 !important;
}

#result-count-container .three.columns {
    width: 17%;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    #result-count-container .three.columns {
        width: 30%;
    }
}




.resultItem {
    position: relative;
    margin-bottom: 30px;
    text-align: center;
}

.resultItem img,
.resultItem svg {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 0;
    max-width: 100%;
}

.resultItem h2 {
    margin: 10px 0px 0px 0px;
}

.searchResultListing .resultItem h2,
.bestDeals .resultItem h2 {
    height: 95px;
}

.section.specOffers.searchResultListing {
    padding-top: 0px;
}

.section.specOffers .specOfferDetail,
.section.bestDeals .specOfferDetail {
    display: none;
}

/*REMOVE
.resultItem h2 a:after {
    content: ">";
    display: block;
    font-size: 70%;
    text-decoration: none;
}*/

.resultItem h2 a {
    color: #444444;
    text-decoration: none;
}

.resultItem span {
    display: block;
}

.resultItem span.date {
    margin: 0px 0px 10px 0px;
    display: block;
    font-size: 16px;
}

.resultItem span.price em,
.tripIntro .price em,
.pushItin .price em {
    font-size: 50%;
}

.resultItem .resultContent {
    display: block;
    overflow: hidden;
    margin: 56% auto 0% auto;
    width: 90%;
    z-index: 1;
    position: relative;
    /*padding: 20px 20px;*/
    box-sizing: border-box;
}
/*
.searchResultListing .resultItem .resultContent {
    padding: 20px 30px;
}*/

.whereToGo .resultItem .resultContent {
    padding: 20px 10px;
}

.whereToGo .resultItem .resultContent {
    margin-top: 45%;
}

.resultItem em {
    font-style: normal;
    font-size: 80%;
}

.fullWidthResult .resultItem {
    margin: auto !important;
    width: 100%;
}

.fullWidthResult .resultItem h2 a:after {
    content: "";
    display: none;
}

.fullWidthResult .resultContent div {
    margin-left: 0px;
    margin-top: 10px;
}

.fullWidthResult .resultContent div .button {
    width: 90%;
    margin-top: 20px;
}

.fullWidthResult .resultContent div .price {
    line-height: 1.2;
}

.destinationMore strong {
    display: inline;
}

.destinationMore ul {
    display: inline;
}

.destinationMore ul li {
    display: inline;
    font-size: 110%;
    width: auto;
    padding: 0px 10px;
}
/*
.destinationMore ul li:nth-child(20),
.destinationMore ul li:nth-child(21),
.destinationMore ul li:nth-child(22) {
    display: none;
}*/

.destinationMore ul li a {
    text-decoration: none;
}

.ctaInfoBlocks .resultItem div {
    margin: 0% auto 0% auto;
}

.ctaInfoBlocks .resultItem:first-child {
    margin-left: 0px !important;
}

.ctaInfoBlocks .resultItem p {
    padding: 10px 10%;
    text-align: left;
}

.ctaInfoBlocks .resultItem h2:after {
    content: "\2304";
    display: block;
    font-size: 70%;
    text-decoration: none;
}

.wildCards div.row:first-child {
    margin-bottom: 40px;
}

.wildCards div.row h4,
.wildCards div.row p {
    color: #000;
}

.moreContent {
    padding: 40px 30px !important;
    margin-top: 6% !important;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .moreContent div {
        height: 317px;
    }

    #result-count-container {
        display: none;
    }

    .advancedSearch {
        margin-bottom: 30px;
    }

    .resultList {
        padding-top: 5%;
    }

    .searchPanel .container,
    .searchFilters .container {
        padding-bottom: 10px !important;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    #results .resultItem:nth-child(3n+1),
    #best-deal-results .resultItem:nth-child(3n+1) {
        clear: left;
        margin-left: 0px;
    }

    #result-count-container {
        display: none;
    }

    .advancedSearch {
        margin-bottom: 30px;
    }

    .resultList {
        padding-top: 5%;
    }

    .searchPanel .container,
    .searchFilters .container {
        padding-bottom: 10px !important;
    }
}


@media screen and (min-width: 1220px) {
    #results .resultItem:nth-child(3n+1),
    #best-deal-results .resultItem:nth-child(3n+1) {
        clear: left;
        margin-left: 0px;
    }

    .moreContent div {
        height: 368px;
    }

    #results .resultItem .moreContent p {
        font-size: 1.1em !important;
    }
}

#results .resultItem .moreContent p {
    font-size: 0.9em;
}

.moreContent p {
    overflow: hidden;
    margin-bottom: 21px;
    text-align: left;
}

.moreContent ul {
    list-style-type: none;
}

.moreContent ul li {
    text-align: left;
    line-height: 23px;
    padding-bottom: 10px;
    border-bottom: 1px solid #c1c0bf;
}

.moreContent ul li span {
    display: inline;
}

.moreContent .button {
    float: none;
    display: block;
    width: 80%;
    margin: 10px auto 10px;
}

.moreContent .close {
    right: 10px !important;
    top: 10px !important;
    width: 25px;
    height: 25px;
    position: absolute;
}

.moreContent .close img {
    position: inherit;
    top: 25%;
    left: 25%;
}

@media (min-width: 1200px) {
    .destinationMore {
        font-size: 1.2rem;
        margin: 20px 0px;
    }
}











@media (min-width: 900px) {
    .section.bgGray.cta.ctaContact {
        padding: 2rem 0rem;
    }

    .fourColResult .resultList .columns {
        width: 24.2%;
        margin-left: 1%;
    }

    .twoColResult .resultList .columns {
        width: 45%;
    }

    .resultList .resultItem:first-child,
    .threeColResult .resultItem:nth-of-type(4) {
        margin-left: 0;
    }

    .fullWidthResult .resultItem div.bgGray {
        padding: 20px 30px;
        margin: 1.5% auto 1.5% 45%;
        text-align: left;
        width: 56%;
        min-height: 426px;
        height: auto !important;
        height: 426px;
    }

    .moreContent .button {
        width: 70%;
    }
    /*REMOVE
    .journal div.resultContent,
    .latestOffers div.resultContent {
        min-height: 250px;
        height: auto !important;
        height: 250px;
    }*/
}

@media only screen and (min-width: 470px) and (max-width: 899px) {
    .searchResultListing .columns {
        width: 48% !important;
    }

    .searchResultListing .resultItem:nth-of-type(3),
    .searchResultListing .resultItem:nth-of-type(5),
    .searchResultListing .resultItem:nth-of-type(7) .searchResultListing .resultItem:nth-of-type(9) {
        margin-left: 0;
        clear: left;
    }

    .moreContent {
        font-size: 80%;
    }

    .wildCards div.resultContent {
        min-height: 200px;
        height: auto !important;
        height: 200px;
    }
}

@media (max-width: 900px) {
    .fullWidthResult {
        padding: 0px !important;
    }

    .fullWidthResult img {
        width: 100vw;
    }

    .vesselList .four {
        float: none;
        margin: auto !important;
    }

    .ctaInfoBlocks .four {
        width: 100%;
        margin-left: 0px;
    }
}

@media (max-width: 650px) {
    .fullWidthResult .resultContent div:nth-of-type(2) {
        display: none;
    }

    .fullWidthResult .resultContent div {
        width: 100%;
    }

    .fullWidthResult {
        padding: 0px !important;
    }

    .wildCards div.row .alignRight {
        text-align: left;
    }
}

@media only screen and (max-width: 400px) {
    .destinationMore ul li {
        display: block;
        clear: both;
        border: none;
        text-align: center;
    }
}
/*FOR ALL OCCURANCES DISPLAYING 3 COL TRIP*/

.resultList {
    padding-bottom: 5%;
}

#destination-cycle.resultList {
    padding-bottom: 0%;
}

.resultList .one-third {
    margin-left: 0%;
    position: relative;
    min-height: 100%;
}


#destination-cycle.resultList .resultItem:first-child {
    margin-left: 1% !important;
}

.result {
    margin-bottom: 20px;
}

.result img {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 0;
}

.result span {
    display: block;
    overflow: hidden;
    margin: 56% auto 0% auto;
    width: 90%;
    z-index: 1;
    position: relative;
    padding: 15%;
    box-sizing: border-box;
}
/* Larger than mobile */

@media (min-width: 400px) {
}
/* Larger than phablet (also point when grid becomes active) */

@media (min-width: 550px) {
}
/* Larger than tablet */

@media (min-width: 750px) {
    .resultList .one-third {
        margin-left: 2%;
    }

    .resultList .one-third {
        width: 31.9%;
    }

    .result {
        margin-bottom: 0px;
    }
}

.alignRight {
    text-align: right;
}

.alignCenter {
    text-align: center;
}

.floatRight {
    float: right;
}
/*CTA NEWSLETTER*/



#destination-brochure-popup .cta.ctaNewsletter .two.columns {    
     margin-left: 0px;
      width: 21.333%;
}
.newsletterSignupForm div:first-child input
.newsletterSignupForm div:first-child input, 
.newsletterSignupForm div:nth-child(2) input,
.newsletterSignupForm input::placeholder{
    color: #43aa8b !important;
    opacity: 1;
}



.ctaNewsletter label {
    text-indent: -987654px;
    position: absolute;
    overflow: hidden;
}

    
.ctaNewsletter .titleblock p{
    text-align:center;
    max-width: 1000px;
    margin: 2rem auto 0px auto;
    padding: 1rem 1rem 2rem 1rem;
}
.newsletterSignupForm{
    max-width: 1000px;
    margin:auto;
    display:block;
}

.newsletterSignupForm div:first-child input,
.newsletterSignupForm div:nth-child(2) input {
    letter-spacing: 0.045rem;
}

.newsletterSignupForm input {
    width: 100%;
    margin-bottom: 10px;
   
}

.newsletterSignupForm input.button-primary {
    line-height: 1em;
    width: 100%;
    font-weight: 300;
    min-width: 120px !important;
    padding: 16px 0%;
}

input[type="submit"]

.newsletterSignupForm input.button-primary:hover {
    background-color: transparent;
    margin: auto;
    line-height: 1em;
    margin: 0px;
}

.newsletterSignupForm input::-webkit-input-placeholder {
    color: white;
    opacity: 1;
}

.newsletterSignupForm input:-moz-placeholder {
    color: white;
    opacity: 1;
}

.newsletterSignupForm input::-moz-placeholder {
    color: white;
    opacity: 1;
}

.newsletterSignupForm input:-ms-input-placeholder {
    color: white;
    opacity: 1;
}

@media (min-width: 700px) and (max-width:1023px) {
    .cta.ctaNewsletter .five.columns {
        width: 37.333%;
    }
}

@media (min-width: 700px) {
    .newsletterSignupForm {     
        width: 100%;
        padding: 0px 0px;
        line-height: 50px;
        background-color: transparent; 
        box-sizing: border-box;
        transition: all 0.3s ease 0s;
        margin-top: 10px;
    }

        .cta.ctaNewsletter .two.columns {
     margin-left: 15px;
        width: 18.333%;
    }

    .cta.ctaNewsletter .five.columns {
        width: 40.333%;
    }
    .cta.ctaNewsletter .five.columns {
        margin-left: 15px;
    }
    .cta.ctaNewsletter .two.columns {
        margin-left: 15px;
        width: 12.333%;
    }

      
}


/*ENQUIRY ADVENTURE SECIALIST BLOCK*/


.contactOnEnq .saraCol {
    margin-left: 2%;
}

.contactOnEnq .button {
    width: 236px !important;
}

/*ENQUIRY FORM*/

.enquiryForm .generalDetails .six {
    width: 48%;
    margin-left: 0px;
}

.enquiryForm .generalDetails .six.rightCol {
    margin-left: 4%;
}
.enquiry-detailed {
    clear: both!important;
}
.enquiry-detailed .form-interests h2{
    pointer-events: none;
}


.enquiryForm .generalDetails .additionalVisitorInfo {
    background-color: #f4f4f0;
    padding: 25px;
}

.enquiryForm .generalDetails .additionalVisitorInfo .row {
    padding-top: 10px;
}

.enquiryForm .generalDetails .additionalVisitorInfo .row .columns {
    width: 23%;
    margin-left: 0%;
}

.enquiryForm .generalDetails .additionalVisitorInfo .twelve {
    margin: 20px;
}

.enquiryForm .generalDetails .additionalVisitorInfo h3 {
    font-size: 1.7rem;
    margin-bottom: 10px;
}

.enquiryForm .generalDetails .additionalVisitorInfo label {
    font-size: 90%;
    margin-left: 5px;
}

.enquiryForm .generalDetails .additionalVisitorInfo input {
    margin-right: 5px;
}


@media only screen and (min-width: 650px) and (max-width: 1024px) {

    .contactOnEnq .contactNumbers {
        width: 100%;
        text-align: center;
    }

    .contactOnEnq .contactNumbers .six {
        width: 100%;
        margin-left: 0px;
    }

    .contactOnEnq .openingTimes {
        text-align: center;
    }

    .generalContent .enquiryForm h2 {
        font-size: 2em;
    }

    .generalContent .enquiryForm .selectBg select {
        padding: 0px 5px 3px 1px !important;
    }
}

@media (max-width: 649px) {
    .enquiryForm .generalDetails .additionalVisitorInfo {
        display: none !important;
    }
}








.cta .two.columns .button,
.cta .one-third.column .button {
    width: 100%;
}
/*CTA SPONSER*/





@media only screen and (min-width: 650px) and (max-width: 1024px) {
    .charitySponsers {
        text-align: center;
    }



    .charitySponsers .row div img {
        width: 60%;
    }
}

@media (max-width: 650px) {
    .charitySponsers .columns {
        text-align: center;
    }

    .charitySponsers .columns img {
        max-width: 90%;
        margin: auto;
    }

    .cta .columns,
    .cta .column {
        margin-bottom: 10px;
    }

    .cta .button,
    .cta .button-primary,
    .cta.ctaNewsletter .two.columns {
        width: auto !important;
    }

   
}


/*CTA CONTACT*/






@media only screen and (min-width: 650px) and (max-width: 1024px) {

    .ctaContact div.three {
        text-align: center;
        width: 100%;
        margin-left: 0px;
    }

    .ctaContact .saraCol {
        width: 45% !important;
        margin-left: 18% !important;
        padding-top: 30px;
    }

    .ctaContact .saraCol img {
        margin-top: -25px;
        margin-left: -20px;
    }

    .ctaContact .alignRight {
        width: 26% !important;
        padding-top: 30px;
    }
}


@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
}



@media (min-width: 1025px) {
    .saraCol {
        width: 28% !important;
    }

    .saraCol .seven {
        padding: 30px 0px 0px 0px;
    }

    .ctaContact .alignRight {
        width: 15% !important;
        padding: 30px 0px 0px 0px;
    }
}

/*
@media (min-width: 650px) {
    .ctaContact .button {
        width: 180px !important;
    }

   
}
    */
@media (max-width: 650px) {


    .saraCol .five,
    .saraCol .seven {
        width: 45% !important;
        margin-top: 10px;
    }

    .saraCol .seven,
    .ctaContact .alignRight {
        padding-top: 10px !important;
    }

    .ctaContact .div.three {
        margin-top: 20px !important;
    }
    /*REMOVE
    .ctaContact h4 {
        padding-bottom: 20px;
    }*/

    .ctaContact {
        padding: 10px 0px 0px 0px !important;
    }

    .ctaContact .number {
        padding-bottom: 20px;
        display: block;
    }
}



/*CTA SPECIAL OFFER*/

.ctaSpecialOffer strong {
    font-weight: normal;
    font-size: 130%;
}

.rightIntroCol p.terms {
    font-weight: normal;
    font-size: 80%;
    color: #43AA8B;
    padding: 0px;
}

.specOfferDetailsBrief {
    margin-top: 20px;
    display: block;
}

.rightIntroCol p.termsTitle {
    font-size: 100%;
    color: #43AA8B;
}

.rightIntroCol p.termsTitle:before {
    content: "*";
}

.ctaSpecialOffer .four p em.price,
.specialOfferList .resultContent p em.price {
    font-size: 100% !important;
    font-style: normal !important;
}

.ctaSpecialOffer p {
    font-size: 80%;
}

.ctaSpecialOffer .pricCol {
    line-height: 1;
}

.ctaSpecialOffer .pricCol em {
    display: block;
    clear: both;
    margin-top: 5px;
}

#itinerary .ctaSpecialOffer .pricCol em {
    display: inline;
    clear: none;
    margin-top: 0px;
}

.tripIntro .specOfferDetailsBrief p.terms .price,
.tripIntro .specOfferDetailsBrief p.terms .price em {
    font-size: 1.2rem !important;
    color: #43AA8B !important;
}



@media (max-width: 1024px) {
    .specialOfferBrowse .alignRight {
        margin-left: 20px;
        width: 31.667%;
    }
}

.specialOfferBrowse .alignRight .button {
    white-space: nowrap;
}

.ctaSpecialOffer .price {
    font-size: 2.5rem;
}

@media (max-width: 650px) {
    .specialOfferBrowse .alignRight {
        margin-left: 0px;
    }

    .ctaSpecialOffer .two {
        width: 48%;
        margin-top: 15px;
    }

    .ctaSpecialOffer .two .button {
        margin-top: 15px;
    }
}






/*CTA ADVERT*/




/* CSS ADDED TO REMOVE VIDEO COMPONENT UNTIL VIDEO COMPONENT WORKS WITH VIMEO */

.video.ctaAdvert {
    /*display: none!important;*/
}








/* CSS ADDED TO REMOVE VIDEO COMPONENT UNTIL VIDEO COMPONENT WORKS WITH */

@media (max-width: 1024px) {
    .ctaAdvert img {
        width: 100%;
    }
}

@media (max-width: 850px) {
    .ctaAdvert .row {
        display: table;
        width: 100%;
    }

    .ctaAdvert .row div {
        float: none;
    }

    .ctaAdvert table {
        margin-bottom: 15px;
    }

    .ctaAdvert .row div:nth-child(2) {
        display: table-footer-group;
        padding-bottom: 120px;
    }
    /* Will be displayed at the bottom of the pseudo-table */

    .ctaAdvert .row div:nth-child(3) {
        display: table-row-group;
    }
    /* Will be displayed in the middle */

    .ctaAdvert .row div:nth-child(1) {
        display: table-header-group;
    }
    /* Will be displayed at the top */

    .ctaAdvert .row div:nth-child(2) img {
        width: 50%;
        float: right;
    }
    /*MOBILE SPACING ON ALL CTAS*/

    .ctaAdvert .row div:nth-child(3) p,
    .ctaNewsletter p,
    .ctaGeneral p {
        padding: 20px 0px 40px 0px;
    }
}
/*CTA TESTIMONIALS*/

.testimonials span {
    font-size: 90%;
}

.testimonials blockquote {
    margin: 0em 10px;
    padding: 0.5em 10px;
    quotes: "\201C" "\201D" "\2018" "\2019";
}

.testimonials blockquote:before {
    color: #ccc;
    content: open-quote;
    font-size: 300% !important;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em;
}

.testimonials blockquote:after {
    visibility: hidden;
    color: #111;
    content: close-quote;
    font-size: 4em;
    line-height: 0;
    vertical-align: -0.4em;
}



.testimonials blockquote p {
    display: inline;
}



.testimonialContent blockquote:before {
    font-size: 300% !important;
}


/*CTA VIDEO

.video {
    background-image: url(/content/images/placeholders/video-main.jpg);
}
    */

.video .button {
    border: 2px solid #43AA8B;
}

.video .button:after {
    content: "";
    width: 20px;
    height: 16px;
    background: url(/content/images/triangle-down.svg) no-repeat;
    background-size: contain;
    margin-left: 10px;
    display: inline-block;
    transform: rotate(269deg);
    vertical-align: middle !important;
    margin-bottom: 4px;
}










@media (min-width: 650px) {
    .video .columns:nth-child(2) {
        text-align: center;
    }
}

@media (min-width: 1280px) {

    .video div.four {
        margin-left: 12.5%;
    }
}
/*CTA CONTACT*/

.ctaContact .number {
    font-size: 2.2rem;
    line-height: 2.2rem;
}

/*GENERAL CONTENT BLOCKS*/

.introContent .button {
    margin-top: 10px;
}

.generalContent h2 {
    font-size: 2.2em;
}

.generalContent h3 {
    font-size: 2em;
}

.generalContent h4 {
    font-size: 1em;
    color: #43AA8B;
    margin-bottom: 0.6em;
}

.generalContent ul {
    list-style-type: none;
}

.generalContent ul li {
    line-height: 1.4em;
    padding: 5px 0px 5px 0px;
    margin: 0px 0px 0px 30px;
}

.generalContent ul li:before {
    content: "";
    width: .5em;
    height: .5em;
    float: left;
    margin: 0.38em 0.55em 0.38em -20px;
    border-radius: 50%;
}

.generalContent .six img {
    max-width: 100%;
    width: 100%;
}

.generalContent.titleSection {
    text-align: center;
    padding: 0rem 0rem;
}

.generalContent.titleSection img {
    margin-bottom: 20px;
    max-width: 100%;
}

.generalContent.titleSection .container {
    padding: 0px;
}

@media (max-width: 800px) {
    .generalContent .row .six.columns {
        width: 100%;
        margin-left: 0px;
    }

    .generalContent .six img {
        margin-top: 10px;
    }

    .generalContent.imageLeft .row {
        display: table;
        width: 100%;
    }

    .generalContent.imageLeft .row div {
        float: none;
    }

    .generalContent.imageLeft table {
        margin-bottom: 15px;
    }

    .generalContent.imageLeft .row div:nth-child(1) {
        display: table-footer-group;
    }

    .generalContent.imageLeft .row div:nth-child(2) {
        display: table-header-group;
    }
}

@media (min-width: 1220px) {
    div.containerExpanded {
        padding: 100px 100px !important;
        box-sizing: content-box;
        margin: 30px auto;
    }

    .introContent h4 {
        padding: 0px 0px 0px 10%;
    }

    div.containerExpanded .row {
        margin: auto;
        width: 80%;
    }
}




.generalContent.aboutUs h3 {
    margin-bottom: 0px;
}

.generalContent.aboutUs strong.jobDesc {
    color: #43AA8B;
    margin-bottom: 2em;
    display: block;
    font-weight: normal;
    font-style: normal;
}

@media (min-width: 801px) {

    .generalContent.aboutUs.simon img {
        margin-top: 30%;
    }
}

@media (min-width: 1280px) {

    .generalContent.aboutUs.simon img {
        margin-top: 22%;
    }
}












/*HOME DESTINATION Blocks*/

.destinationHeroBg {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: center;
    /*margin-bottom: 50px;*/
    background-repeat: no-repeat !important;
}

.destinationHeroBg .bgWhite,
.productVessel .bgWhite {
    background: rgb(255, 255, 255);
    padding: 30px 20px;
    margin-bottom: 20px;
    margin-top: 8px;
}

.destinationHeroBg .titleArea h2 {
    font-size: 30px;
    margin-top: 20px;
}

.destinationHeroBg .titleArea span,
.heroImage .heroContent span,
.journal em,
.hero5panel #destinationInfo span {
    position: relative;
    display: inline-block;
    font-size: 12px;
    font-style: normal;
}

.destinationHeroBg .titleArea span:after,
.heroImage .heroContent span:after,
.journal em:after,
.hero5panel #destinationInfo span:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    margin: 10px auto;
    width: 42px;
    height: 2px;
    background: #fff;
}

.journal em:after {
    background: #EABE03;
}

.titleArea span {
    line-height: 1em;
    margin-top: -5px;
}
/*FOR SUPER WIDE SCREENS*/

@media (min-width: 1330px) {
    .destinationHeroBg {
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
        padding: 200px 0px !important;
    }

    .soloTraveller .destinationHeroBg {
        padding: 157px 0px !important;
    }
}

@media only screen and (min-width: 1000px) and (max-width: 1330px) {
    .destinationHeroBg .titleArea h2 {
        font-size: 4.5rem !important;
    }

    .destinationHeroBg.contentOnLeft {
        /*background-position: -300px 0px!important;*/
        background-repeat: no-repeat !important;
    }
}

@media (min-width: 1025px) {
    .destinationHeroBg .titleArea span,
    .heroImage .heroContent span,
    .journal em {
        font-size: 18px !important;
    }
}
/* Larger than tablet */

@media (min-width: 1024px) {
    .destinationHeroBg {
        text-align: left;
    }

    .destinationHeroBg {
        padding: 100px 0px;
        background-size: cover;
    }

    .destinationHeroBg .titleArea span:after,
    .journal em:after {
        margin: 14px 0px;
    }
    /*ORIGINAL BEFORE ANDY ASKED ME TO CHANGE

        .destinationHeroBg .bgWhite {
            padding: 40px 45px;
        }
            */

    .destinationHeroBg .bgWhite {
        padding: 40px 40px 40px 40px;
    }

    .contentOnLeft .bgWhite {
        float: left;
        margin-left: 0px;
    }

    .contentOnLeft .titleArea {
        float: right;
        padding-left: 30px;
    }

    .destinationHeroBg .button {
        width: auto;
    }
}
/*TABLETS PORTRAIT*/


@media (min-width: 650px) {
    .destinationHeroBg .titleArea span,
    .heroImage .heroContent span {
        font-size: 14px;
    }

    .destinationHeroBg .titleArea h2 {
        font-size: 50px;
    }
}

.journal .container .title {
    margin-top: 30px;
}
/*SLIDER*/

.sliderNav {
    display: none;
    position: relative;
}

.sliderNav a {
    transition: all 0.5s;
}

.sliderNav a.disabled {
    opacity: 0.2;
    cursor: default;
}

.whereToGo div + h2 {
    font-size: 2.3rem;
}

.whereToGo h2:first-child {
    margin-bottom: 1rem;
}

@media (min-width: 750px) {
    .sliderNav {
        display: block;
    }

    .whereToGo.fourColResult .resultList .columns {
        width: 24%;
    }

    .searchFilters .sliderNav {
        position: relative;
        overflow: visible;
        display: block;
    }

    .sliderNav a.btnPrev,
    .sliderNav .btnNext {
        font-size: 650%;
        position: absolute;
        top: 205%;
    }

    .sliderNav .btnPrev {
        left: -7%;
    }

    .sliderNav .btnNext {
        right: -7.5%;
    }
     .sliderNav .btnNext .icon,
    .sliderNav .btnPrev .icon{
    width: 84px;
    height:92px;
}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .sliderNav .btnPrev img,
    .sliderNav .btnNext img {
        width: 50%;
        top: 210%;
    }

    .slick-prev,
    .slick-next {
        display: none !important;
    }

    .destinationHeroBg .titleArea h2 {
        font-size: 4rem !important;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .sliderNav .btnPrev img,
    .sliderNav .btnNext img,
    .slick-next {
        width: 50%;
    }

    #destination-options.container {
        padding: 20px 5% !important;
    }
}


/*TRIP PAGE*/

.tripIntro {
    letter-spacing: 0rem;
    padding-top: 0px;
}

.tripIntro div.containerExpanded {
    margin-top: 0px;
}

.tripIntro h2 {
    font-size: 30px;
    color: #353535;
    text-transform: capitalize;
    margin: 40px 0px 20px 0px;
}

.tripIntro p.highlight {
    border-bottom: 1px solid #c1c0bf;
    padding: 10px 0px 10px 0px;
}

.tripIntro h2 span {
    display: inline;
}

.pushItin span {
    display: block;
}

.setTripDates{
    text-transform:none;
}

.tripIntro span.tripDates {
    font-size: 90%;

}

.tripIntro span.price,
.pushItin span.price {
    line-height: 2.5rem;
}

.tripIntro div.containerExpanded .row .six,
.personal-staff-insights .six {
    overflow: hidden;
    margin-left: 0px;
}








.tripIntro ul {
    list-style-type: none;
}

.tripIntro ul li {
    line-height: 1.4em;
    padding: 6px 0px 6px 0px;
    margin: 0px 0px 0px 20px;
    display: block;
    font-size: 0.9em;
}

.tripIntro ul li:before {
    content: "";
    width: .4em;
    height: .15em;
    float: left;
    margin-left: -10px;
    margin-top: 10px;
}

.rightIntroCol ul li {
    line-height: 1.4em;
}

.rightIntroCol .div.six {
    width: 50%;
}



/*STAFF CREDENTIALS BLOCK*/

.staffCred {
    background-color: #eeefe9;
    margin-top: 0px;
    display: block;
    margin-bottom: 20px;
}

.personal-staff-insights {
    background-color: #e6e8de;
    padding: 30px;
    box-sizing: content-box;
    overflow: hidden;
}

.personal-staff-insights .staff-name a {
    font-size: 1.4em;
}

.personal-staff-insights img {
    max-width: 100%;
}

.personal-staff-insights .staff-name {
    padding-top: 4%;
}

.personal-staff-insights .button {
    width: auto !important;
    margin-top: 15px;
    padding-left: 10px;
    padding-right: 10px;
}

@media (max-width: 650px) {

    .personal-staff-insights .button {
        width: 100% !important;
    }
}

@media (min-width: 650px) {

    .personal-staff-insights .button {
        margin-right: 0px !important;
    }
}

@media screen and (min-device-width:650px) and (max-device-width: 1023px) {
    .personal-staff-insights .button {
        width: 98% !important;
        clear: left !important;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .tripIntro div.containerExpanded .row .row .button.open-chat,
    .tripIntro div.containerExpanded .row .row .button.btn-request-callback {
        width: 47% !important;
    }
}








@media (min-width: 1200px) {
    .tripIntro div.containerExpanded > .row {
        width: 90% !important;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .tripIntro div.containerExpanded .row .seven,
    .tripIntro div.containerExpanded .row .five {
        width: 100%;
    }

    .tripIntro h2 {
        font-size: 30px !important;
    }
}

@media (min-width: 760px) {
    .tripIntro h2 {
        font-size: 38px;
    }

    .tripIntro div.containerExpanded .row .row {
        width: auto;
        overflow: hidden;
        margin: 20px 0px 0px 0px;
    }

    .tripIntro div.containerExpanded .itinEnqShort .button {
        width: 90% !important;
    }
}

@media (max-width: 760px) {
    .tripIntro div.containerExpanded .row .six {
        width: 49%;
    }
}
/* TRIP ITINERARY SECTION*/

@media (max-width: 1024px) {
    #mobileReorder .section {
        padding: 0rem 0rem !important;
    }
}

@media (max-width: 980px) {
    #mobileReorder {
        display: table;
        width: 100%;
    }

    #mobile-1 {
        display: table-footer-group;
    }
    /* Will be displayed at the bottom of the pseudo-table */

    #mobile-2 {
        display: table-header-group;
    }
    /* Will be displayed in the middle */
}

.section.tripItin .container > .row:first-child {
    text-align: center;
}

.section.tripItin h2 {
    text-align: center;
    margin-bottom: 0px;
}

.section.tripItin .container > .row strong {
    font-size: 2.5rem;
    line-height: 0.5em;
}

.section.tripItin .container > .row strong sup {
    font-size: 1.5rem;
    margin-left: 10px;
    font-weight: 100;
}

.tripItin {
    background-repeat: repeat-x;

}

.tripItin .itinSummary img {
    width: 100%;
}

.tripItin .itinSummary h3 {
    font-size: 2rem;
}

.googleMapItin {
    width: 100%;
    height:740px;
    margin-top: -50px;
    margin-bottom: -25px;
    border: none;
}




.tripItin .itinSummary ul {
    list-style-type: none;
    position: relative;
    overflow: hidden;
}

#itinerary.scrolled {
    padding-top: 49px;
}

#itinerary-summary-container {
    position: relative;
    overflow: hidden;
}

.tripItin .itinSummary #itinerary-summary-container.cappedHeight:after {
    content: "";
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: +10;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7db9e8+52,1e0f3a+100&0+52,1+100 */
    background: -moz-linear-gradient(top, rgba(125, 185, 232, 0) 52%, rgba(30, 15, 58, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(52%, rgba(125, 185, 232, 0)), color-stop(100%, rgba(30, 15, 58, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(125, 185, 232, 0) 52%, rgba(30, 15, 58, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(125, 185, 232, 0) 52%, rgba(30, 15, 58, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(125, 185, 232, 0) 52%, rgba(30, 15, 58, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(125, 185, 232, 0) 52%, rgba(30, 15, 58, 1) 100%);
    /* W3C */
}


.tripItin .itinSummary ul li {
    line-height: 1.1em;
}

.dayContent {
    position: relative;
    overflow: hidden;
}






@media (max-width: 850px) {
    #itinerary-summary h3 {
        margin-top: 20px;
    }

    #itinerary-summary div.columns {
        width: 100%;
        text-align: center;
    }

    .tripIntro .rightIntroCol {
        margin-left: 0px;
    }
}

@media (min-width: 760px) {
    .section.tripItin .container > .row strong {
        font-size: 4.5rem;
    }
     
    #itinerary-summary h3 {
        margin-top: 0px;
    }
}


@media (max-width: 650px) {
    .itinDaybyDay div.resultItem:nth-child(2) {
        margin-top: 0px !important;
    }
}
/*IMAGE GALLERY*/

.imageGallery h2 {
    text-align: center;
}

.imageGallery ul {
    list-style-type: none;
}

.gallery {
    position: relative;
}

.imageGallery li img {
    width: 100%;
    position: relative;
    z-index: 0;
}

.imageGallery li img {
    width: 100%;
}

.imageGallery ul li {
    display: none;
}

.imageGallery ul li.active {
    display: block;
}

.roundButton {
    width: 60px;
    height: 60px;
    border: 2px solid #fff;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    text-indent: -98765px;
    overflow: auto;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

@media (max-width: 760px) {
    .roundButton {
        width: 40px;
        height: 40px;
    }

    .imageGallery .container {
        padding: 0px;
    }

    .prevBtn {
        left: -80%;
    }

    .nextBtn {
        right: -80%;
    }

    .navDots {
        bottom: 3%;
    }

    .prevBtn {
        left: -82%;
        background: transparent url(/content/images/arrow-left-white.svg) no-repeat;
        background-position: 45% 55%;
    }

    .nextBtn {
        right: -82%;
        background: transparent url(/content/images/arrow-right-white.svg) no-repeat;
        background-position: 58% 55%;
    }
}

@media (min-width: 760px) {
    .navDots {
        bottom: 6% !important;
    }

    .prevBtn {
        left: -90%;
        background: #fff url(/content/images/arrow-left.svg) no-repeat 50% 50%;
    }

    .nextBtn {
        right: -90%;
        background: #fff url(/content/images/arrow-right.svg) no-repeat 50% 50%;
    }
}

@media (min-width: 1025px) {
    .navDots {
        display: block !important;
    }

    .navDots li:nth-child(n+25) {
        display: none;
    }
}

.navDots {
    display: none;
}

.navDots li {
    list-style: none;
}

.navDots ul li {
    float: left;
}

.navDots {
    text-align: center;
    position: absolute;
    bottom: 3%;
    overflow: auto;
    margin: auto;
    left: 0;
    right: 0;
}

.navDots li {
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    background-color: transparent;
    margin-right: 14px;
    cursor: pointer;
    border: 1px solid #fff;
}

.navDots li:before {
    content: "";
    border-top: 1px solid #fff;
    padding-top: 5px;
    padding-bottom: 5px;
    left: 22px;
    top: 10px;
    width: 17px;
    position: absolute;
}

.navDots li:last-child:before {
    display: none;
}

.navDots li.active:before {
}

.navDots li.active:after {
    content: "";
    width: 0.5em;
    height: 0.5em;
    float: left;
    margin: 25% 25%;
    border-radius: 50%;
}
/*Vessel Detail*/

.vesselDetail .bulletUnderline {
    list-style-type: none;
}

.vesselDetail .bulletUnderline li {
    line-height: 52px;
    border-bottom: 1px solid #a7a8a2;
    padding: 0px;
    margin: 0px;
}

.vesselDetail .bulletUnderline li span {
    width: 50%;
    display: inline-block;
    float: right;
}

.deckPlan ul {
    list-style-type: none;
}

.deckPlan ul li img {
    max-width: 550px;
}

@media (max-width: 760px) {
    .deckPlan img {
        width: 90%;
    }
}
/*SHORTLIST*/

.shortlist p {
    margin-bottom: 40px;
}

.shortlist h2 {
    font-size: 2rem;
}

.label-body.largeTitle {
    font-size: 2.5rem;
}

.loginDisplay {
    padding: 20px;
    display: block;
}

.loginDisplay p {
    color: #444;
    font-size: 12px;
}

.loginDisplay p a {
    color: #fff;
}

@media (min-width: 1200px) {
    .shortlist div.containerExpanded > .row {
        width: 90% !important;
    }

    .shortlist div.containerExpanded {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .loginDisplay {
        display: block;
        clear: both;
        overflow: visible;
        padding: 1rem;
        width: 80%;
        position: relative;
        margin: 0px auto;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .shortlist div.containerExpanded > .row .six {
        width: 100%;
        margin-left: 0px;
        margin-top: 20px;
    }
}

.formCombinedButton input[type="submit"] {
    color: #fff;
}

@media (min-width: 650px) {
    .formCombinedButton {
        height: 70px;
        padding: 0px 0px 0px 0px;
        border-radius: 4px;
        background-color: #fff;
        border: 1px solid #6bbd9f;
        overflow: hidden;
    }

    .shortlist input[type="email"],
    .shortlist input[type="number"],
    .shortlist input[type="search"],
    .shortlist input[type="text"],
    .shortlist input[type="tel"],
    .shortlist input[type="url"],
    .shortlist input[type="password"],
    .shortlisttextarea,
    .shortlist select {
        height: 70px;
    }

    .formCombinedButton input[type="email"],
    .formCombinedButton input[type="text"] {
        background-color: transparent;
        border: 0px none;
        height: auto;
        margin-top: 15px;
    }

    .formCombinedButton div:first-child {
        border-right: 1px solid #6bbd9f;
    }

    .formCombinedButton div.three {
        margin-left: 0px;
        width: 26%;
    }

    .formCombinedButton input[type="submit"] {
        height: 70px;
        width: 100%;
        text-align: center;
        margin: auto;
        padding: 0px;
        border: 0px none;
        color: #43AA8B;
        background-color: #f1f1ee;
    }

    .shortlist textarea {
        padding-top: 15px;
    }

    .shortlist .labelCheckbox {
        margin-top: 20px;
    }
}



.selectBg {
    background: url(/content/images/triangle-down.svg) 97% center no-repeat #fff;
    overflow: hidden;
    width: 100%;
    border-radius: 4px;
    border: 1px solid #6bbd9f;
    margin-bottom: 1.5rem;
}

.selectBg select {
    background: transparent;
    font-size: 16px;
    line-height: 1;
    border: 0;
    border-radius: 0;
    padding: 0px 5px 3px 12px;
    height: 46px;
    border: 0 !important;
    /*Removes border*/
    -webkit-appearance: none;
    /*Removes default chrome and safari style*/
    -moz-appearance: none;
    /*Removes default style Firefox*/
    border: 0 !important;
    /*Removes border*/
    text-indent: 0.01px;
    /* Removes default arrow from firefox*/
    text-overflow: "";
    /*Removes default arrow from firefox*/
    margin-bottom: 0px;
    width: 100%;
}

select::-ms-expand {
    display: none;
}

.selectBg select option {
    padding-left: 30px;
}

.labelCheckbox label input {
    display: none;
    /* <-- hide the default checkbox */
}

.labelCheckbox.smallCheckBox label {
    font-size: 1.2rem;
}

.labelCheckbox.smallCheckBox label span {
    vertical-align: top;
}

.labelCheckbox label {
    font-size: 2.2rem;
    font-weight: normal;
}

.labelCheckbox label span {
    /* <-- style the artificial checkbox */
    height: 30px;
    width: 30px;
    border: 1px solid #6bbd9f;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    margin-right: 10px;
}

.labelCheckbox [type=checkbox]:checked + span:before {
    /* <-- style its checked state..with a ticked icon */
    content: '\2714';
    position: absolute;
    top: -10px;
    left: 0px;
    color: #6bbd9f;
    font-size: 2rem;
}

@media (min-width: 900px) {
    .resultContent .smallCheckBox {
        position: absolute;
        top: 10px;
        right: 22px;
    }
    /* .selectBg select
    {
        width: 107%;
    }*/
}

@media (max-width: 899px) {
    .resultContent .smallCheckBox {
        position: absolute;
        top: 8px;
        right: 8px;
    }
}
@media (min-width: 1024px) {
   .searchPanel.advancedSearch.form .selectBg select {
        font-size: 17px!important;
    }
}





/*ENQUIRY*/

.enquiryForm .labelCheckbox label {
    margin-bottom: 20px;
}
/*SEARCH RESULT PAGE*/

.searchPanel div {
    vertical-align: middle;
}

.searchPanel div h4 {
    font-size: 16px;
    line-height: 170%;
}

.searchPanel .container,
.searchFilters .container {
    padding-bottom: 0px;
    padding-left: 10px;
}

.searchBox {
    display: inline-block;
    /*height: 45px;*/
    padding: 10px 15px;
    text-align: left;
    font-size: 18px;
    line-height: 35px;
    text-decoration: none;
    /*white-space: nowrap;*/
    border-radius: 8px;
    box-sizing: border-box;
    transition: all 0.3s ease 0s;
    width: 100%;
}

.searchRequest span {
    text-transform: uppercase;
    font-size: 22px;
}

.searchButton {
    text-align: left;
}

.advancedSearch .selectBg select {
    margin-top: 5px;
}

.filterTags {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.filterTags li {
    display: inline;
    margin-bottom: 0px;
}

.filterTags li a {
    display: inline-block;
    padding: 10px 15px;
    text-align: left;
    font-size: 16px;
    line-height: 21px;
    text-decoration: none;
    /*white-space: nowrap;*/
    border-radius: 8px;
    box-sizing: border-box;
    transition: all 0.3s ease 0s;
    width: auto;
    overflow: hidden;
    margin-bottom: 5px;
}

.searchResultListing .floatRight,
.specialOfferList .floatRight {
    display: none;
}

.searchFilters {
    display: none;
}

.advancedSearch .labelCheckbox label em {
    display: block;
    font-style: normal;
    width: 80%;
    color: #fff;
    float: right;
}

.advancedSearch .labelCheckbox label span {
    border: 1px solid #fff !important;
}

.advancedSearch .labelCheckbox span {
    background-color: #fff !important;
}



@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {

    .advancedSearch .labelCheckbox label em {
        border-bottom: 1px solid #fff;
        width: 73% !important;
    }
}















.labelCheckbox .showFilters [type="checkbox"]:checked + span::before {
    content: '-' !important;
    position: absolute;
    top: -12px;
    left: 9px;
    color: #6bbd9f;
    font-size: 2rem;
}

.labelCheckbox .showFilters span::before {
    content: '+' !important;
    position: absolute;
    top: -10px;
    left: 8px;
    color: #6bbd9f;
    font-size: 2rem;
}

.isSpecialOffer {
    display: block !important;
    width: 200px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    padding: 0px;
    line-height: 38px;
    color: #fff;
    position: absolute;
    top: 0px;
    background-color: #e95c53;
    overflow: hidden;
    z-index: 1000;
}

@media (min-width: 1300px) {
    /*.searchFilters {
        display: block;
    }*/
}

@media (min-width: 650px) {
    .searchResultListing .floatRight,
    .specialOfferList .floatRight {
        display: block;
    }

    .dayContent {
        min-height: 150px;
    }

    .specialOfferList h2 {
        margin: 20px 0px 30px 0px;
    }
}

@media (min-width: 851px) {
    .searchRequest {
        text-align: left;
    }

    .searchButton .button {
        background-color: transparent;
        border: 0 none;
    }

    .searchButton img {
        margin-top: 0px;
    }

    .searchButton span {
        display: none;
    }

    .advancedSearch div.columns {
        width: 18.8%;
        margin-left: 0px;
        margin-right: 1.5%;
        /*margin-left: 2%;*/
    }

    .advancedSearch div.columns:last-child {
        margin-right: 0% !important;
    }

    .advancedSearch .labelCheckbox {
        padding-top: 10px;
    }

    .advancedSearch .labelCheckbox label {
        color: #fff;
        font-size: 1.1rem;
    }

    .advancedSearch .labelCheckbox label em {
        border-bottom: 1px solid #fff;
        padding-bottom: 2px;
        display: block;
        width: 80%;
    }
}

@media (max-width: 850px) {
    .advancedSearch div.columns,
    .advancedSearch div.column {
        width: 100%;
        margin-left: 0px;
    }

    .searchButton img {
        display: none;
    }
}
/*GOOGLE MAPS RESPONSIVE*/

@media (max-width: 850px) {
    .google-maps {
        position: relative;
        padding-bottom: 75%;
        height: 0;
        overflow: hidden;
    }

    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }
}
/*VALIDATION*/

.validation-summary-errors:before {
    content: "";
    position: absolute;
    height: 0px;
    width: 0px;
    top: -10px;
    left: 5px;
    /* 1px buffer for zooming problems while rendering*/
    border-width: 15px;
    border-color: transparent #1E0F3A transparent transparent;
    border-style: solid;
}

.validation-summary-errors {
    background: #1E0F3A;
    border-radius: 5px;
    width: auto;
    margin-top: 5px;
    position: relative;
    display: inline-block;
    padding: 10px;
    font-size: 80%;
    color: #fff;
}

.validation-summary-errors ul {
    list-style-type: none;
}

.field-validation-error:before {
    content: "";
    position: absolute;
    height: 0px;
    width: 0px;
    top: -15px;
    left: 5px;
    /* 1px buffer for zooming problems while rendering*/
    border-width: 8px;
    border-color: transparent transparent #1E0F3A transparent;
    border-style: solid;
}

.field-validation-error {
    background: #1E0F3A;
    border-radius: 5px;
    width: auto;
    position: relative;
    display: inline-block;
    padding: 10px;
    font-size: 80%;
    color: #fff;
    top: -16px;
}

#newsletter-outcome-container {
    color: #fff;
}
/*PROCUCTS ON COMBOS*/

.productVessel {
    margin-bottom: 50px;
    margin-top: 50px;
    text-align: center;
}
.itineraryLanding .productVessel {
    margin-bottom: 0px;
    margin-top: 0px;
}

.productVessel h2 {
    text-transform: uppercase;
    color: #fff;
}

@media (min-width: 1300px) {
    div.productVessel {
        padding: 1.5% 0;
        background-size: cover;
        background-position: top center;
        min-height: 450px;
        height: auto !important;
    }
}

@media (max-width: 1024px) {
    div.productVessel {
        display: none !important;
    }
}



/*GOOGLE MAP CONTAINER*/









@media (min-width: 1000px) {

    .containerExpanded.googleMapContainer {
        max-width: 1600px;
        padding: 0px !important;
    }

    div.productVessel {
        padding: 2.5% 0;
        background-size: cover;
    }
}






.itinSummary .overflowHidden {
    overflow: hidden;
}

.googleMapItin {
    width: 100%;
    min-height: 482px;
    margin-top: -50px;
    border: none;
}
/*TERMS AND CONDITIONS*/

.termsCond ol {
    font-size: 90%;
}
/*TESTIMONIALS*/

.testimonialContent blockquote {
    margin: 0px 0px 80px 0px;
    /*border-left: 10px solid #ccc;*/
    padding: 0.5em 10px;
    quotes: "\201C""\201D";
}

blockquote:before {
    color: #2e174d;
    content: open-quote;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em;
}

blockquote p {
    display: inline;
}

blockquote footer {
    color: #3C947C;
    text-align: right;
}
/*VISA LINK */

.visaLink em {
    font-size: 80%;
}

.visaLink .row:nth-child(2) {
    margin-top: 30px;
}

@media (max-width: 650px) {
    body {
        -webkit-overflow-scrolling: touch;
        overflow-x: hidden;
    }

    .scrollContainer {
        display: none !important;
    }

    .navSecondary li a {
        height: 35px;
        padding: 15px 0px 0px;
        font-size: 85%;
    }

    .cta .alignRight .button {
        float: none;
    }

    .specialOfferBrowse .alignRight {
        width: 100%;
        margin-left: 0px;
    }

    .specialOfferBrowse .alignRight span {
        display: none;
    }

    .cta.video .four .button {
        float: right;
    }

    .InsuranceIframe {
        display: none;
    }

    .newsletterSignupForm div.five {
        margin-bottom: 27px;
    }

    .ctaNewsletter label {
        text-indent: 0px;
        position: relative;
        overflow: visible;
        color: #fff;
    }

    .ctaNewsletter .field-validation-error {
        top: 82px !important;
    }

    .field-validation-error:before {
        z-index: -2;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

    .whereToGo {
        padding-top: 0px !important;
    }

    body {
        -webkit-overflow-scrolling: touch;
        overflow-x: hidden;
    }

    .tripItin .itinSummary #itinerary-summary-container.cappedHeight:after {
        background: none;
    }

    .insuranceDetails .five,
    .insuranceDetails .seven {
        width: 100%;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .heroImage .heroContent h1 {
        padding-left: 10%;
        padding-right: 10%;
    }

    div.container {
        padding: 20px;
    }

    .ctaSpecialOffer .columns:first-child {
        margin-left: 0px;
    }

    .searchResultListing div.container {
        padding: 20px;
    }

    .searchResultListing .moreContent {
        padding: 58px 30px !important;
    }

    .ctaSpecialOffer .columns {
        margin-left: 4%;
    }

    .wildCards div.resultContent {
        min-height: 200px;
        height: auto !important;
    }

    .bgPurple.journal .resultItem {
        margin-left: 3%;
    }

    .bgPurple.journal .resultItem:first-child {
        margin-left: 0px;
    }

    .section.navSecondary {
        z-index: 1;
        position: relative;
    }

    #destination-options {
        padding-left: 40px;
        padding-right: 40px;
    }

    .InsuranceIframe {
        text-align: center;
        margin-top: 30px;
    }

    .ctaNewsletter .field-validation-error {
        font-size: 70%;
    }
}



@media (min-width: 1025px) {
    .wildCards .bgGray.resultContent {
        min-height: 200px;
        height: auto !important;
     
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .ctaSpecialOffer .row .four.columns,
    .specialOfferBrowse .row .one-third.column,
    .bgWhite.cta.ctaGeneral .row div,
    .bgGreen.cta.ctaGeneral .row div,
    .testimonials .row div {
        width: 100%;
        margin-bottom: 10px;
        margin-left: 0px;
    }

    .ctaSpecialOffer .columns {
        margin-left: 0%;
    }

    .ctaSpecialOffer .two.columns {
        width: 50% !important;
    }

    .ctaSpecialOffer .button,
    .specialOfferBrowse .row .one-third.column .button,
    #btn-play-video,
    .cta .two.columns .button {
        width: 220px !important;
        float: right;
    }

    .ctaSpecialOffer .alignRight,
    .specialOfferBrowse .alignRight {
        padding-top: 0px;
    }

    .section.bgGray.cta,
    .section.bgWhite.cta {
        padding-top: 2rem;
    }

    .specialOfferBrowse .alignRight span {
        display: none;
    }

    .ctaAdvert .row div:nth-child(2) img {
        width: auto !important;
    }

    .ctaAdvert .row div:nth-child(3) p,
     .ctaNewsletter p,
    .ctaGeneral p {
        padding: 0px;
    }

    .video .columns:nth-child(2) {
        text-align: right;
    }

    .section.introContent .container {
        padding: 30px 20px;
    }

    .section.introContent .container .six.columns {
        width: 100%;
        margin-bottom: 20px;
        margin-left: 0px;
    }

    .introContent .containerExpanded .button {
        float: right;
        width: 220px !important;
    }

    #itinerary-summary {
        margin-bottom: 100px;
    }

    #itinerary-summary .five.columns {
        margin-left: 0px;
    }

    #itinerary-summary h3 {
        margin-top: 20px;
    }

    .navSecondary .Chile.subNav .suggestedItinNav a,
    .navSecondary .Antarctica.subNav .suggestedItinNav a,
    .navSecondary .Falklands.subNav .suggestedItinNav a scrollContainer {
        padding-top: 18px;
        height: 57px;
    }

    .navSecondary li ul li a {
        font-size: 60% !important;
    }

    .introContent .containerExpanded .six a {
        margin-left: 10px;
    }

    .footerLogo {
        max-width: 70%;
    }

    #result-count-container {
        padding: 0px 20px;
    }

    .whereToGo.fourColResult .resultList .columns {
        margin-left: 1%;
    }

    .InsuranceIframe {
        margin-left: 0px;
        margin-top: 20px;
    }

    .ctaNewsletter .field-validation-error {
        font-size: 57%;
        padding: 10px 10px !important;
        line-height: 26px;
    }
}

.ctaNewsletter .field-validation-error {
    top: 50px;
    left: 0px;
    position: absolute;
    padding: 2px 10px;
    line-height:1.5em;
}


.ctaNewsletter div.five {
    position: relative;
}
 /*REMOVE
.bgPurple.journal,
.bgPurple.journal .containerExpanded {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}*/

.bgPurple.journal .containerExpanded .resultList .resultItem:nth-child(2) {
    margin-left: 2%;
}

.bgPurple.journal .containerExpanded .resultList .resultItem h2 {
    margin: 10px 22px;
}


.bgPurple.journal .bgYellow.resultContent > p:nth-child(5){
  display:none;

}








@media (min-width: 1025px) {
    .destinationHeroBg .bgWhite {
        padding: 40px 40px 40px 40px;
        width: 40%;
    }

    .destinationHeroBg .titleArea {
        width: 56%;
    }

    .destinationHeroBg .hideDesktop {
        display: none;
    }
}
/*HOME DESTINATION HER BACKGROUND-IMAGES */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .destinationHeroBg .columns {
        float: none !important;
        width: 80%;
        margin: 50px auto 0px auto;
        text-align: center;
    }

    .destinationHeroBg .titleArea span:after {
        left: 25%;
        right: 25%;
    }

    .destinationHeroBg .titleArea {
        margin-top: 100px !important;
        margin-bottom: 140px !important;
    }

    .destinationHeroBg .button {
        margin: 10px auto !important;
    }
}


@media (max-width: 1025px) {
    .destinationHeroBg .hideMobile {
        display: none !important;
    }

    .destinationHeroBg .bgWhite {
        width: 80%;
        padding: 5%;
        margin-top: 115px !important;
        background-color: #F4F4F0;
    }

    .destinationHeroBg {
        background-size: contain !important;
        padding-top: 0px;
        padding-bottom: 20px;
        text-align: center;
    }

    .destinationHeroBg .columns {
        float: none !important;
        width: 80%;
        margin: 50px auto 0px auto;
    }

    .destinationHeroBg .button {
        margin: 20px auto !important;
    }
}



@media (max-width: 750px) {

    .destinationHeroBg .bgWhite {
        width: 100%;
        padding: 5% !important;
        margin-top: 20px !important;
        background-color: #fff !important;
    }

    .destinationHeroBg {
        background-position: top center !important;
        background-size: 144% !important;
        padding-top: 0px !important;
        padding-bottom: 24px !important;
    }
}





@media (min-width: 1281px) {

    .featuredIn {
        margin: 3% 6% !important;
        padding: 2% 2% !important;
    }

    /*
    .destinationIntroContent .row div{
        width:46%;
    }
    .destinationIntroContent .row div:nth-child(2){
       margin-left: 8%;
    }

    */
}

@media (min-width: 650px) and (max-width:1024px) {
    .featuredIn br.hideMobile {
        display: none;
    }
}

@media (min-width: 1025px) and (max-width:1280px) {
    .featuredIn .owl-prev {
        left: -1.2% !important;
    }

    .featuredIn .owl-next {
        right: -2.2% !important;
    }
}

@media (min-width: 1281px) and (max-width:1530px) {
    .featuredIn .owl-prev {
        left: -4.2% !important;
    }
}

@media (min-width: 1580px) {
    .featuredIn .owl-prev {
        left: -8% !important;
    }
}

























@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .resultItem span.date {
        font-size: 81%;
    }
}

@media (min-width: 1024px) {
    .dropDownNav {
        padding: 20px 30px 30px 30px;
    }
}

@media (max-width: 900px) {

    .section.cta.searchPanel {
        padding: 0rem 0rem 1rem 0rem;
    }

    .searchRequest {
        margin-bottom: 20px;
    }
}




@media (min-width: 1280px) {

    .wildCards .resultItem img,
    .wildCards .resultItem svg,
    .searchResultListing .resultItem img.resultImage {
        max-width: inherit;
        width: 100% !important;
        height: 270px !important;
    }

    .searchResultListing .resultList.threeColResult .resultItem,
    .wildCards .resultList.threeColResult .resultItem {
        width: 32.2% !important;
    }

    .resultList.threeColResult .resultItem {
        margin-left: 2%;
    }
    .resultList.threeColResult .resultItem h2 a{
        margin:auto;
    }

    .searchResultListing .resultItem h2,
    .bestDeals .resultItem h2 {
        height: 85px;
        padding-left:1rem;
        padding-right:1rem;
    }

    .moreContent div {
        height: 408px;
    }
}










@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {


    .wildCards .resultItem img {
        max-width: inherit;
        width: 307px !important;
        height: 199px;
    }

    .whereToGo .resultList strong {
        font-size: 0.8rem !important;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .wildCards .resultItem img {
        max-width: inherit;
        width: 234px !important;
        height: 147px !important;
    }

    .slick-dots,
    .slick-next,
    .slick-prev {
        display: none !important;
    }
}




@media (min-width: 650px) {
    .wildCards .resultItem img,
    .searchResultListing .resultItem img.resultImage {
        height: 240px;
    }

    .searchResultListing .container {
        padding-top: 0px;
    }


    .resultList.threeColResult .resultItem {
        margin-left: 1.7%;
    }

    .wildCards .resultList.threeColResult .resultItem:first-child {
        margin-left: 0 !important;
    }

    .resultList.threeColResult .columns {
        width: 32.2%;
    }

    .resultItem .price {
        line-height: 1.1em;
    }
}

@media (max-width: 650px) {
    .section.cta.searchPanel,
    .section.searchResultListing,
    .bgPurple.cta.testimonials {
        padding: 0rem 0rem 1rem 0rem !important;
    }

    .bgPurple.cta.testimonials .button {
        margin: 15px auto 0px;
    }

    .testimonials blockquote {
        margin: 10px 0px 10px 0px;
    }


    .selectBg {
        background: url(/content/images/triangle-down.svg) 94% center no-repeat #fff;
    }

    .resultItem h2 a:after {
        margin-top: 10px;
    }

    .tripIntro ul li {
        margin-left: 0px;
        line-height: 26px;
    }

    .tripIntro ul li:before {
        display: none;
    }

    .tripIntro ul li:last-child {
        border-bottom: 0px none;
    }

    .tripIntro {
        padding-bottom: 0px;
    }

    .tripItin .itinSummary #itinerary-summary-container.cappedHeight:after,
    .dayContent.cappedHeight:after {
        display: none;
    }
    .dayContent p{
        padding-bottom:2rem;
    }

    #itinerary-summary-container li {
        line-height: 26px;
    }

    .googleMapItin {
        width: 100%;
        min-height: 420px;
    }

    .itinDaybyDay .resultContent {
        padding-bottom: 30px;
    }

    .generalContent.titleSection h2 {
        margin-bottom: 0px;
    }

    .tripIntro h2:first-child {
        margin-top: 5px;
    }

    .slick-dots,
    .slick-next,
    .slick-prev {
        display: none !important;
    }

    .specialOfferBrowse .alignRight {
        text-align: left;
    }

    .alignRight {
        text-align: left;
    }
}

@media (max-width: 400px) {

    .cta.ctaNewsletter .two.columns {
        width: 100% !important;
    }

    .cta.ctaNewsletter {
        padding-bottom: 0px;
    }
}


#destination-options.container h1 {
    font-size: 1.4rem;
    width: 70%;
    margin: auto;
}

#destination-options.container h2 {
    font-size: 1.1rem;
    margin: 1em 0 1em 0;
    color: #3c947c;
}

@media (min-width: 1320px) {
    #destination-options.container {
        padding: 20px 5% !important;
    }

    #destination-options.container h1 {
        font-size: 1.8rem;
        width: 80%;
    }

    #destination-options.container h2 {
        font-size: 1.5rem;
        margin: 1em 0 1em 0;
        color: #3c947c;
    }
}

@media (max-width: 699px) {

    #destination-options.container h1 {
        font-size: 1.2rem;
        width: 100%;
    }

    #destination-options.container h2 {
        font-size: 1rem;
        margin: 2em 0 2em 0;
    }
}

@media (min-width: 700px) and (max-width: 1023px) {
    #destination-options.container h1 {
        width: 85%;
    }
}

@media (min-width: 1024px) {
    #destination-options.container {
        padding: 20px 7%;
    }
}






@media (min-width: 1320px) {
}

@media (max-width: 1281px) {

    .scrollContainer {
        display: none !important;
    }
}

.scrollContainer {
    position: fixed;
    bottom: -32px;
    max-width: 1360px;
    margin: 0px auto;
    padding: 0px;
    overflow: visible;
    box-sizing: border-box;
    left: 1.8%;
}

.scrollDown {
    background: transparent url("/content/images/scroll-down.svg") no-repeat scroll 0% center;
    overflow: hidden;
    width: 200px;
    display: block;
    color: #FFF;
    font-size: 100%;
    padding: 80px 0px 0px 100px;
    position: absolute;
    bottom: 10px;
    height: 100px;
}






/*CMS STYLING COMPONENTS*/

.cmsContainer {
    max-width: 1360px;
    margin: 30px auto;
    padding: 2rem 20px;
    overflow: visible;
    box-sizing: border-box;
}

.cmsContainer img, .cmsIntroBox img {
    max-width: 100%;
    width: 100%;
}

.cmsTitle.titleSection {
    margin: 70px auto 0px auto;
    padding: 0px 20px;
}

.cmsContainer .button {
    margin-top: 20px;
    margin-right: 10px;
}

.cmsContainer h3 {
    font-size: 170%;
}

.destinationIntroContent ul li {
    line-height: 1.4em;
    padding: 5px 0px 5px 0px;
    margin: 0px 0px 0px 30px;
}

.destinationIntroContent ul {
    list-style-type: none;
}

.destinationIntroContent ul li:before {
    content: "";
    width: .5em;
    height: .5em;
    float: left;
    margin: 0.38em 0.55em 0.38em -20px;
    border-radius: 50%;
}






/*advanced search on destination pages*/

.nonGreenBg {
    background-color: #fff !important;
}

.nonGreenBg {
    background-color: #fff !important;
}

.advancedSearch.nonGreenBg .labelCheckbox label em {
    color: #6bbd9f !important;
}

.advancedSearch.nonGreenBg .labelCheckbox label span {
    border: 1px solid #6bbd9f !important;
}

.informationPage .staticHero .heroContent,
    .heroImage.staticHero .heroContent {
        top: 20% !important;
    }

@media (min-width: 1280px) {
    

    .informationPage .staticHero .heroContent h1 {
        padding-left: 0% !important;
        padding-right: 0% !important;
    }
}



/*ADVENTURE SPECIALIST GREEN BG*/

.informationPage .cta.ctaContact {
    background-color: #43AA8B !important;
}

.informationPage .cta .button-green {
    background-color: #fff !important;
}

.informationPage .cta .button-green {
    color: #43AA8B !important;
}

.informationPage .cta.ctaContact h4,
.informationPage .cta.ctaContact .number,
.informationPage .cta.ctaContact p {
    color: #fff;
}







.attaMember {
    display: none;
}

.activities-adventure.informationPage .attaMember,
.photography.informationPage .attaMember,
.kayaking.informationPage .attaMember,
.scuba-diving.informationPage .attaMember,
.shore-excursions.informationPage .attaMember,
.land-based-options.informationPage .attaMember,
.camping.informationPage .attaMember {
    display: none;
}



/*Latest News*/
.latestNews .resultItem {
    margin-bottom: 30px !important;
}


.introContent .logoHolder img {
    margin: auto;
    display: block;
}

.introContent .introForm {
    background-color: #e6e8de;
    padding: 20px;
    box-sizing: content-box;
    overflow: hidden;
    font-size: 90%;
    margin: 20px 0px;
}

.introForm label,
.introForm input {
    float: left;
}

.introForm input#fieldName,
.introForm input#fieldEmail {
    width: 100%;
}



@media (min-width: 1600px) {
    .section.introContent .logoHolder img {
        width: 400px !important;
        top: -196px !important;
    }
}






@media (min-width: 1280px) {

    .offerBinoDesktop.section {
        padding: 1rem 0rem;
    }

    .offerBinoDesktop.section .container {
        padding: 20px 20px 0px 20px;
    }

    .offerBinoDesktop.section .marginTop {
        margin-top: 20px;
    }


    .introContent .logoHolder img {
        width: 300px !important;
        top: -125px !important;
        left: 45%;
        margin-left: -56px;
        z-index: +10;
    }



    .offerBinoDesktop.section {
        display: none !important;
    }

    .section.introContent.logoHolderOuter {
        padding-top: 70px !important;
    }
}





@media (min-width: 700px) {

    .introContent .logoHolder {
        position: relative;
        width: 100%;
        margin: 0px auto;
    }

    .introContent .logoHolder img {
        position: absolute;
        display: block;
        width: 200px;
        top: -130px;
        left: 45%;
        margin-left: -56px;
        z-index: +10;
    }

    .introContent.logoHolderOuter {
        overflow: visible !important;
        padding-top: 75px !important;
    }
}






/*OFFER BINO*/

@media (max-width: 1279px) {

    .offerBinoNonDesktop {
        display: block;
        padding: 0px !important;
    }

    .offerBinoDesktop,
    .offerBinoNonDesktop .termsOffer {
        display: none;
    }
}

@media (max-width: 650px) {

    .offerBinoNonDesktop .termsOffer {
        display: none;
    }
}


@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .offerBinoNonDesktop .one-third.column:first-child {
        width: 63.667%;
    }

    .binopageOffer .offerBinoNonDesktop .one-third.column:first-child {
        width: 30.6666666667%;
    }
}










.termsOffer
/*POPUP - Voyage Sailed*/
.popUp {
    background-color: #f4f4f0;
}

.popUp.voyageSailed {
    text-align: center;
    padding: 30px;
}

.voyageSailed .button {
    margin: 30px 0px 30px 0px;
}

.voyageSailed h2 {
    margin-top: 20px;
}

/*POPUP - Request A Callback*/

.popUp.callBackRequest {
    padding: 0px;
}

.callBackRequest .detailsTop {
    background-color: #f4f4f0;
    padding: 30px;
}

.callBackRequest .detailsTop {
    background-color: #f4f4f0;
    padding: 30px;
}

.callBackRequest .detailsBottom {
    background-color: #fff;
    padding: 30px;
}

.callBackRequest .columns {
    margin-left: 0px;
}

.callBackRequest .clearLeft {
    clear: left;
}

.callBackRequest .rightCol {
    margin-left: 4%;
    clear: none !important;
}

.callBackRequest h2 {
    margin-bottom: 1rem;
}


/*ENQUIRY FORM*/

.expandEnquiry {
    margin-left: 0px;
}

.expandEnquiry .button-more:after {
    display: none !important;
}

.expandEnquiry .button-more:before {
    content: "+";
    margin-right: 5px;
    display: inline-block;
    font-size: 140%;
}

.expandEnquiry .button-less:before {
    content: "-";
    margin-right: 5px;
    display: inline-block;
    font-size: 140%;
}



/*NEW HERO PANEL*/


.hero5panel {
    overflow: hidden;
}

.hero5panel .row {
    background-image: url(/content/images/design/lines.png);
    background-position: -78px 96px;
    background-repeat: no-repeat;
    background-color: #2e174d;
}

.hero5panel .panelLeft {
    display: table;
    overflow: hidden;
}


@media (min-width: 1920px) {
    .hero5panel {
        max-width: 1920px;
        margin: auto;
    }
}

@media (max-width: 1024px) {
    #destinationExtra {
        display: none;
    }

    .hero5panel .eight.columns {
        width: 100%;
    }
}



.hero5panel .columns {
    margin: 0px;
}

.hero5panel .panelSpecOffer {
    background-color: #3aab8c;
    overflow: hidden;
}

.hero5panel div.panelBlock {
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    position: relative;
    text-align: center;
}

.panelBlockInner {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 75%;
    height: 50%;
}

.panelSpecOfferInner {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    text-align: left;
    padding: 6% 0% 0% 6%;
    color: #fff;
}

.hero5panel img {
    max-width: 100%;
    margin: 0px;
    padding: 0px;
    display: block;
}

#destinationExtra .testimonials {
    padding: 30px;
}

.hero5panel .panelSpecOffer a.specOffsBtn {
    margin-left: 10px;
}




@media (min-width: 650px) {
    .hero5panel .panelSpecOffer h2 {
        font-size: 1rem;
        margin: 2% 0px 1% 0px;
    }

    .hero5panel .panelSpecOffer h4 {
        font-size: 12px;
        line-height: 20px;
        margin-bottom: 5px;
    }

    .hero5panel .panelSpecOffer p {
        display: none;
    }
}



@media (min-width: 1024px) {
    .hero5panel .panelSpecOffer h2 {
        font-size: 1.2rem;
        margin: 2% 0px 1% 0px;
    }

    .hero5panel .panelSpecOffer h4 {
        font-size: 16px;
        line-height: 20px;
    }

    .hero5panel .panelSpecOffer p {
        display: none;
    }

    .hero5panel .panelSpecOffer a.button {
        float: left;
    }
}

@media (min-width: 1280px) {
    .hero5panel .panelSpecOffer h2 {
        font-size: 1.6rem;
        margin: 2% 0px 2% 0px;
    }

    .hero5panel .panelSpecOffer h4 {
        font-size: 16px;
        line-height: 24px;
    }

    .hero5panel .panelSpecOffer p {
        font-size: 14px;
        display: block;
    }
}

@media (min-width: 1480px) {
    .hero5panel .panelSpecOffer h2 {
        margin: 5% 0px 2% 0px;
    }

    .hero5panel .panelSpecOffer h4 {
        font-size: 26px;
        line-height: 30px;
        padding-right: 10%;
    }

    .hero5panel .panelSpecOffer p {
        font-size: 20px;
        padding-right: 10%;
    }
}



.hero5panel #destinationInfo {
    margin: 0px;
    padding: 20% 4% 20% 4%;
    overflow: hidden;
    text-align: center;
    height: 100%;
}

.hero5panel #destinationInfo span {
    color: #3eaa8a;
}

.hero5panel #destinationInfo span:after {
    background: #3eaa8a;
}

.hero5panel #destinationInfo h1 {
    color: #3eaa8a;
    margin-top: 50px;
    margin-bottom: 35px;
}


.hero5panel #destinationInfo .button {
    border: #3eaa8a 1px solid;
}

.hero5panel .panelBlockInner h2,
.videoPanel,
.panelSpecOffer {
    display: none;
}

.hero5panel .panelBlockInner h2 {
    color: #fff;
    margin: auto;
    text-transform: uppercase;
    position: relative;
    padding-top: 10%;
}

.panelVidOutter {
    position: relative;
}

.closeVideo {
    color: #fff;
    background-color: #3c947c;
    position: absolute;
    top: 0%;
    padding: 2%;
    display: block;
    margin-top: 0px;
    padding: 0;
    cursor: pointer;
    right: 0px;
    margin-left: 0px;
    z-index: 1000;
    text-align: center;
    width: 50px;
    height: 50px;
    line-height: 55px;
    font-size: 20px;
}


@media (min-width: 1280px) {
    .closeVideo {
        width: 75px;
        height: 75px;
        line-height: 77px;
        font-size: 28px;
    }
}





/*RESPONSIZE TEXT/BUTTON SIZES*/

.hero5panel #destinationInfo h1 {
    font-size: 14px;
}

.hero5panel .panelBlockInner h2 {
    font-size: 14px;
}

.hero5panel #destinationInfo span {
    font-size: 18px;
}

.hero5panel #destinationInfo .button {
    padding: 2px 5%;
    font-size: 14px;
    line-height: 46px;
}

.hero5panel .panelBlockInner .button,
.panelSpecOfferInner .button {
    padding: 2px 5%;
    font-size: 11px;
    line-height: 38px;
    margin-top: 5%;
    border-radius: 5px;
    min-width: 140px !important;
}

.panelSpecOffer h2 {
    font-size: 25px;
    line-height: 30px;
}

.panelSpecOffer p {
    font-size: 18px;
    line-height: 26px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .specTerms {
        display: none;
    }

    .hero5panel .panelBlockInner .button,
    .hero5panel .panelBlockInner .video-button {
        margin-top: 11%;
    }
}





@media only screen and (min-width: 1030px) and (max-width: 1366px) {
    .hero5panel #destinationInfo h1 {
        font-size: 24px !important;
        display: block;
    }

    .hero5panel #destinationInfo h1 {
        margin-bottom: 80px;
    }

    .hero5panel .panelBlockInner h2 {
        font-size: 17px !important;
        display: block;
    }

    .hero5panel #destinationInfo span {
        font-size: 28px !important;
    }

    .specTerms {
        font-size: 14px !important;
    }

    .panelSpecOfferInner .button {
        font-size: 12px;
    }
}





@media (min-width: 1367px) {
    .hero5panel #destinationInfo h1 {
        font-size: 32px !important;
        padding: 0% 8% 0% 8%;
        margin-bottom: 80px;
    }

    .hero5panel .panelBlockInner h2 {
        font-size: 20px !important;
    }

    .hero5panel #destinationInfo span {
        font-size: 35px !important;
    }

    .hero5panel .panelBlockInner h2 {
        color: #fff;
        margin: auto;
        display: block;
        text-transform: uppercase;
        position: relative;
        padding-top: 10%;
    }

    .hero5panel .panelBlockInner h2:before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        margin: 10px auto;
        width: 30px;
        height: 1px;
        background: #fff;
    }
}


@media (min-width: 650px) {
    .videoPanel,
    .panelSpecOffer {
        display: block;
    }
}























.hero5panel .panelBlockInner .button {
    margin-top: 20px;
}

.panelMid {
    background-color: #e0a83d;
}

.panelRight {
    background-color: #3aab8c;
}

.panelVideo {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    padding-top: 30px;
    overflow: hidden;
}

.panelVideo iframe,
.panelVideo object,
.panelVideo embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


#destinationTestimonial {
    padding: 0px;
}

#destinationTestimonial .testimonial {
    margin: 40px 0px 30px 0px;
}

#destinationTestimonial .testimonial .testimonial-names {
    font-size: 80%;
    text-align: right;
}



@media (min-width: 1360px) {
    #destinationTestimonial .testimonial blockquote {
        font-size: 1rem;
        line-height: 1.2;
    }
}


@media (max-width: 1360px) {

    #destinationTestimonial > .testimonial:nth-child(2n+1) {
        display: none;
    }

    #destinationTestimonial h4 {
        font-size: 1.2rem;
    }

    #destinationTestimonial .testimonial blockquote {
        font-size: 0.9rem;
        line-height: 1rem;
    }

    #destinationTestimonial .testimonial .testimonial-names {
        font-size: 70%;
    }

    #destinationTestimonial .testimonial {
        margin: 15px 0px 15px 0px;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    #destinationTestimonial > div {
        display: none;
    }
}





.video-button {
    background: url(/content/images/arrow-right-white.svg) center center no-repeat;
    font-size: 0;
    line-height: 0;
    display: block;
    margin-left: -50px;
    border-radius: 50%;
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */
    width: 28px;
    height: 28px;
    padding: 8px;
    border: 2px solid #fff;
    color: #fff;
    text-align: center;
    font-size: 18px;
    margin: 5% auto;
    text-align: center;
}







@media (min-width: 700px) {
    .hero5panel .four.columns {
        width: 33.33%;
    }
}


/*BEST DEALS*/

.section.bestDeals .resultList.threeColResult .resultItem:first-child {
    margin-left: 0 !important;
}

.section.bestDeals h4,
.section.bestDeals .six p {
    color: #fff;
}

.section.bestDeals h4,
.section.bestDeals p,
.resultItem .itin-brief{
    margin-bottom: 1rem;
}

.resultItem .itin-brief{
    min-height: 95px;
}


.resultContent .specOfferTitle {
    min-height: 60px;
    height: auto !important;
    height: 60px;
    color: #e95c53 !important;
}

@media screen and (max-width: 850px) {
    .section.bestDeals .button {
        margin: 0px 0px 20px 0px;
    }
}




/*LATEST OFFER*/

.ctaSpecialOffer .latestTripTitle {
    font-size: 155%;
}

.ctaSpecialOffer .latestOfferTitle {
}

.ctaSpecialOffer .latestOfferDetail,
.ctaSpecialOffer .latestOfferBookBy {
    display: none;
}


/*SPECIAL OFFER ON ITIN */

.itinSpecOffer h4,
.itinSpecOffer p,
.informationPage .ctaSpecialOffer p,
.informationPage .ctaSpecialOffer h4,
.informationPage .ctaSpecialOffer .button {
    color: #eeba0f;
}

.itinSpecOffer h4,
.informationPage .ctaSpecialOffer h4 {
    text-transform: uppercase;
}

.itinSpecOffer .button-pink {
    background-color: #e95c53 !important;
    color: #fff;
    border: none;
}


/*Purple BG ON INFO PAGES SPECIAL OFFERS */
.informationPage .ctaSpecialOffer {
    background-color: #2e174d;
}

.informationPage .ctaSpecialOffer .button {
    background-color: transparent;
    border-color: #eeba0f;
}


@media screen and (max-width: 650px) {
    .itinSpecOffer .button-pink {
        display: none;
    }

    .itinSpecOffer p {
        font-size: 14px;
    }

    .itinSpecOffer h4 {
        font-size: 20px;
        line-height: 24px;
    }

    .specOfferDetailsBrief > p:nth-child(2n) {
        display: none;
    }
}


@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .itinSpecOffer .four.columns {
        width: 100%;
        margin-left: 0px;
    }

    .itinSpecOffer .two.columns {
        width: 32%;
        margin-left: 10px;
        float: left;
        margin-top: 20px;
    }

    .itinSpecOffer .two.columns > .button {
        float: left !important;
    }

    .itinSpecOffer .two.columns .alignRight > .button {
        float: right !important;
    }

    .itinSpecOffer h4 {
        font-size: 22px;
        line-height: 24px;
    }

    .itinSpecOffer p {
        font-size: 18px;
    }
}




/*ANCHORS IN PAGES*/




/*BOOKING PROCESS*/




.bookingProcess h2 {
    font-size: 2.5rem;
    text-align: center;
}

.bookingProcess h2 span {
    color: #3aab8c;
}

.bookingProcess h3 {
    font-size: 1.9rem;
    text-align: center;
}

.bookingProcess h4 {
    font-size: 1.8rem;
    color: #3aab8c;
    font-weight: normal;
    margin: 0px 0px 10px 0px;
    padding: 0px;
    text-align: center;
}

.bookingProcess p {
    font-size: 1rem;
    text-align: center;
}

.bookingProcess .container .row div.bookingInfo {
    margin: 20px 0px 20px 0px;
    padding: 0px;
    position: relative;
    display: block;
    overflow: hidden;
}

.bookingProcess .container .row div.bookingInfo img {
    float: left;
    display: none;
}

.numberCircle {
    border-radius: 50%;
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */
    width: 28px;
    height: 28px;
    padding: 8px;
    background: #3aab8c;
    border: 2px solid #fff;
    color: #fff;
    text-align: center;
    font-size: 18px;
    display: block;
    margin: auto;
}

@media screen and (min-width: 650px) {
    .numberCircle {
        position: absolute;
        top: 2%;
        left: 30%;
        margin-right: 500px;
    }

    .bookingProcess .container .row div.bookingInfo img {
        width: auto;
        display: block;
        margin: auto;
        float: none;
    }

    .bookingProcess .container .row div.bookingInfo {
        padding-left: 2%;
        padding-right: 2%;
        width: 50%;
        float: left !important;
    }


    .bookingProcess .container .row div.bookingInfo h4 {
        clear: both;
    }
}

@media screen and (min-width: 1024px) {
    .bookingProcess h3 {
        padding-left: 20%;
        padding-right: 20%;
    }
}

@media screen and (max-width: 1279px) {
    .bookingProcess .container .row div.bookingInfo:nth-child(2n+1) {
        clear: left;
    }
}

@media screen and (min-width: 1280px) {

    .bookingProcess .container .row div.bookingInfo {
        width: 25%;
    }

    .numberCircle {
        position: absolute;
        top: 2%;
        left: 25%;
        margin-right: 500px;
    }
}

@media screen and (min-width: 1280px) {
    .bookingProcess .row div.booking1,
    .bookingProcess .row div.booking4 {
        margin-top: -40px !important;
    }

    .section.bookingProcess {
        padding-top: 3.8rem;
    }
}


/*NEW HOME HERO AREA*/

.heroHomeArea div {
    background-position: left top;
    position: relative;
    background-size: 100%;
    overflow: hidden;
}

.heroHomeArea div {
    margin: auto;
    text-align: center;
}

.heroHomeArea div.heroHomeContent1 {
    margin-top: 90px;
}

.heroHomeArea div strong.titleh1 {
    font-family: 'brandon_grotesquebold', sans-serif;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-size: 1.1rem;
    font-weight: normal;
    color: #fff;
}

.heroHomeArea strong.titleh1:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    width: 42px;
    height: 1px;
    background: #fff;
}

.heroHomeArea div h2 {
    font-family: 'brandon_grotesquebold', sans-serif;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    font-size: 0.9rem;
    font-weight: normal;
    color: #fff;
}

.heroHomeArea div .button {
    margin-bottom: 20%;
}

.heroHomeArea div h2 {
    display: none;
}

@media screen and (max-width: 650px) {
    .heroHomeArea strong.titleh1:before {
        margin: 5% auto;
    }

    .heroHomeArea div strong.titleh1 {
        margin-top: 10%;
        margin-bottom: 140px;
    }
}



@media screen and (min-width: 650px) {
    .heroHomeArea .four.columns {
        width: 33.333%;
    }

    .heroHomeArea .four.columns .button {
        font-size: 12px;
        padding: 8px 20px;
        line-height: 24px;
        /* Safari 3-4, iOS 1-3.2, Android 1.6- */
        -webkit-border-radius: 6px;
        /* Firefox 1-3.6 */
        -moz-border-radius: 6px;
        /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
        border-radius: 6px;
    }

    .heroHomeArea h1:before {
        margin: 5% auto;
    }

    .heroHomeArea div strong.titleh1 {
        margin-top: 6%;
        margin-bottom: 32%;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

    .heroHomeArea div.heroHomeContent1 {
        margin-top: 64px;
    }
}

@media only screen and (min-device-width:1280px) and (max-device-width: 1530px) {

    .heroHomeArea div.heroHomeContent1 {
        margin-top: 64px;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {

    .heroHomeArea div strong.titleh1 {
        font-size: 1rem;
    }
}

@media screen and (min-width: 1024px) {
    .heroHomeArea div strong.titleh1 {
        font-size: 1.3rem;
    }

    .heroHomeArea div h2 {
        font-size: 1rem;
    }

    .heroHomeArea .four.columns .button {
        font-size: 14px;
        padding: 8px 10px;
        line-height: 30px;
    }
}

@media screen and (min-width: 1270px) {
    .heroHomeArea div h2 {
        display: block;
    }

    .heroHomeArea .four.columns .button {
        font-size: 12px;
        padding: 8px 6px;
        line-height: 30px;
        min-width: 127px !important;
        margin-bottom: 8%;
    }
}

.heroHomeArea div strong.titleh1 {
    display: block;
}

@media screen and (min-width: 1500px) {
    .heroHomeArea div strong.titleh1 {
        font-size: 2.2rem;
        margin-bottom: 40%;
        line-height: 1.2;
        font-weight: normal;
        font-style: normal;
    }

    .heroHomeArea div h2 {
        font-size: 20px;
    }

    .heroHomeArea .four.columns .button {
        font-size: 12px;
        padding: 8px 6px;
        line-height: 30px;
        min-width: 127px !important;
    }

    .heroHomeArea h1:before {
        margin: 8% auto;
    }
}






/*SECONDARY NAVIGATIONS*/


.Galapagos.subNav li.landBasedNav {
    display: none;
}


@media screen and (min-width: 700px) {

    /*6 TABS*/
    .navSecondary .Antarctica.subNav li,
    .navSecondary .Arctic.subNav li {
        width: 16.66%;
    }


     /*5 TABS*/
     .navSecondary .South.Africa.subNav li,
     .navSecondary .Panama.subNav li,  
     .navSecondary .Alaska.subNav li,
    .navSecondary .Falklands.subNav li,
    .navSecondary .Galapagos.subNav li,
    .navSecondary .Ecuador.subNav li,
    .navSecondary .Russia.subNav li,
    .navSecondary .Argentina.subNav li, 
    .navSecondary .Costa.Rica.subNav li,
    .navSecondary .Chile.subNav li,
    .navSecondary .Papua.subNav li,
    .navSecondary .Iceland.subNav li,
    .navSecondary .Canada.subNav li,
    .navSecondary .Polynesian.subNav li
    {
        width: 20%;
    }
    
    
    /*4 tabs*/
    
    .navSecondary .Namibia.subNav li,    
    .navSecondary .Indian.Ocean.subNav li,          
    .navSecondary .Zambia.subNav li,
    .navSecondary .India.subNav li,
    .navSecondary .Zimbabwe.subNav li,    
    .navSecondary .Rwanda.subNav li,
    .navSecondary .Brazil.subNav li,
    .navSecondary .Mexico.subNav li,
    .navSecondary .Belize.subNav li,
    .navSecondary .Bhutan.subNav li,   
    .navSecondary .Australia.subNav li,
    .navSecondary .Zealand.subNav li,
    .navSecondary .Botswana.subNav li,
    .navSecondary .British.subNav li,
    .navSecondary .Borneo.subNav li,
     .navSecondary .Indonesia.subNav li,
    .navSecondary .Republic.subNav li,
    .navSecondary .Tanzania.subNav li,
    .navSecondary .Mekong.subNav li,
    .navSecondary .Japan.subNav li
    {
        width: 25%;
    }



    /*REMOVES DROPDOWN ARROW FOR FALKLANDS ON WILDLIFE TAB*/

    .navSecondary .Falklands.subNav li:nth-child(5) > a:after {
        display: none;
        margin-left: 0;
        content: '';
        background: none;
    }


    /*REMOVES DROPDOWN ARROW FOR RUSSIA ON ACTIVITIES TAB*/

    .navSecondary .Russia.subNav li:nth-child(6) > a:after {
        display: none;
        margin-left: 0;
        content: '';
        background: none;
    }


    /*REMOVES ABOUT ARGENTINA IN SUB NAV*/

    .Argentina.subNav li:first-child li:first-child {
        display: none;
    }


     




    /*3 tabs*/

        .navSecondary .Uganda.subNav li{
        width: 33.3%;
        }
       



}





.navSecondary {
    width: 100%;
    padding: 0px;
    background-color: #e8c01c;
}

.navSecondary ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: +1000;
}

.navSecondary li {
    display: inline-block;
    float: left;
    margin: 0;
}

.navSecondary li a {
    display: block;
    height: 49px;
    text-align: center;
    text-transform: uppercase;
    color: #000;
    background: #deb302;
    text-decoration: none;
    padding: 26px 0px 0px 0px;
}

.navSecondary li:hover a {
    background: #d9af01;
    color: #fff;
}

.navSecondary li:hover > a:after {
    color: #fff;
}

.navSecondary > li:hover > a:after {
    color: #fff;
}

.navSecondary li:hover ul a {
    background: #eabd02;
    color: #fff;
    height: 40px;
    line-height: 40px;
    text-align: left;
}

.navSecondary li:hover ul a:hover {
    background: #d9ae01;
    color: #fff;
}
/*Hide dropdown links until they are needed*/

.navSecondary li ul {
    display: none;
}

.navSecondary li ul li {
    display: block;
    float: none;
    background-color: #eabd02;
    color: #fff;
}
/*Prevent text wrapping*/

.navSecondary li ul li a {
    width: auto;
    min-width: 100px;
    padding: 0 20px;
}
/*Display the dropdown on hover*/

.navSecondary ul li a:hover + .hidden,
.navSecondary .hidden:hover {
    display: block !important;
}
/*Style 'show menu' label button and hide it by default*/

.navSecondary .show-menu {
    text-decoration: none;
    background: #eabe03;
    text-align: left;
    padding: 15px 0;
    text-indent: 20px;
    display: none;
    color: #000;
    font-size: 13px;
    text-transform: uppercase;
    width: 100%;
}
/*Hide checkbox*/

.navSecondary input[type=checkbox] {
    display: none;
}
/*Show menu when invisible checkbox is checked*/

.navSecondary input[type=checkbox]:checked ~ #secondaryMenu {
    display: block;
}









/*Responsive Styles*/

@media screen and (min-width: 1380px) {
    .navSecondary {
        width: 90%;
    }
}






@media screen and (min-width: 1260px) {
    .navSecondary {
        width: 96%;
    }

    .navSecondary li a {
        font-size: 16px;
    }

    .navSecondary {
        display: block;
        clear: both;
        overflow: visible;
        height: 90px;
        padding: 0px;
        position: relative;
        margin: 0px auto;
    }

    .navSecondary li:hover ul a {
        font-size: 11px;
    }
}



@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

    /*Removes Special offers tab on portrait FOr Antarctica & Arctic*/

    .navSecondary .Arctic.subNav li.offerItinNav,
    .navSecondary .Antarctica.subNav li.offerItinNav {
        display: none;
    }

    /*re-sets width on lis when specila offer tab removed*/
    .navSecondary .Antarctica.subNav li,
    .navSecondary .Arctic.subNav li,
    .navSecondary .Galapagos.subNav li {
        width: 16.66%;
    }




    .navSecondary li ul li a {
        height: auto !important;
        font-size: 10px;
        padding: 0 8px;
        letter-spacing: normal !important;
    }

    .has-children ul li a:after {
        display: none !important;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .navSecondary li a {
        font-size: 11px !important;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .navSecondary li a {
        font-size: 12px !important;
    }

    .navSecondary {
        overflow: visible !important;
    }
}





@media screen and (min-width: 760px) {
    .navSecondary li a {
        font-size: 14px;
    }

    .navSecondary {
        height: 70px;
    }

    .navSecondary li > a:after {
        content: "";
        width: 14px;
        height: 14px;
        background: url(/content/images/triangle-down.svg) no-repeat;
        background-size: contain;
        margin-left: 4%;
        display: inline-block;
        vertical-align: sub;
    }

    .navSecondary > li > a:after {
        content: "";
        width: 14px;
        height: 14px;
        background: url(/content/images/triangle-down.svg) no-repeat;
        background-size: contain;
        margin-left: 2%;
        display: inline-block;
        vertical-align: sub;
    }

    .navSecondary li > a:only-child:after {
        margin-left: 0;
        content: '';
        background: none;
    }
}




@media screen and (max-width: 760px) {
    /*Make dropdown links appear inline*/

    .navSecondary ul {
        position: static;
        display: none;
    }
    /*Create vertical spacing*/

    .navSecondary li {
        margin-bottom: 1px;
    }
    /*Make all menu links full width*/

    .navSecondary ul li,
    .navSecondary li a {
        width: 100%;
        text-align: left;
        text-indent: 20px;
        font-size: 10px;
    }

    .navSecondary li a {
        padding: 10px 0px 5px 0px !important;
        height: 28px !important;
    }
    /*Display 'show menu' link*/

    .navSecondary .show-menu {
        display: block;
    }

    .navSecondary li > a:before,
    .navSecondary .show-menu:before {
        content: "";
        width: 14px;
        height: 14px;
        background: url(/content/images/triangle-down.svg) no-repeat;
        background-size: contain;
        margin-right: 10px;
        display: inline-block;
        vertical-align: sub;
    }

    .navSecondary > li > a:before {
        content: "";
        width: 14px;
        height: 14px;
        background: url(/content/images/triangle-down.svg) no-repeat;
        background-size: contain;
        margin-right: 10px;
        display: inline-block;
        vertical-align: sub;
    }

    .navSecondary li > a:only-child:before {
        margin-left: 0;
        content: '';
        background: none;
    }
}



/*ADD MORE BUTTON ON DESTINATION PAGES FOR REGIONS WHICH HAVE MORE INFORMATION*/

.moreDestinationContent {
    display: none !important;
}

.antarctica .moreDestinationContent,
.arctic .moreDestinationContent,
.russia .moreDestinationContent,
.namibia .moreDestinationContent,
.ecuador .moreDestinationContent,
.falklands .moreDestinationContent,
.ecuador .moreDestinationContent {
    display: inline-block !important;
}




/*ADD DAVID LINDO GRAPHIC TO ITINERARY PAGE*/
.itinerary-ID-4195 .davidLindoHero-alternative {
    display: none !important;
}


.itinerary-ID-3398 .davidLindoHero,
.itinerary-ID-3398 .davidLindoItin,
.itinerary-ID-4174 .davidLindoHero,
.itinerary-ID-4174 .davidLindoItin,
.itinerary-ID-4195 .davidLindoItin {
    display: none !important;
}

.davidLindoHero,
.davidLindoHero-alternative {
    background-color: #271149;
    color: white;
}

.heroImage .davidLindoHero img,
.heroImage .davidLindoHero-alternative img {
    display: none !important;
}

.davidLindoHero h2,
.davidLindoHero-alternative h2 {
    font-size: 14px;
    line-height: 30px;
    margin-bottom: 0px;
}

.davidLindoHero h2 span,
.davidLindoHero-alternative h2 span {
    color: #43AA8B;
}

.davidLindoHero,
.davidLindoItin,
.davidLindoHero-alternative {
    display: none !important;
}

@media screen and (max-width: 650px) {
    .davidLindoHero,
    .davidLindoHero-alternative {
        padding: 25px 15px 0px 0px;
        text-align: center;
        overflow: hidden;
    }

    .heroImage .davidLindoHero img,
    .heroImage .davidLindoHero-alternative img {
        position: initial;
        width: 40%;
        max-width: 40%;
        float: left;
        margin-top: -10px;
    }
}

@media screen and (min-width: 650px) {
    .davidLindoHero,
    .davidLindoHero-alternative {
        overflow: visible;
        position: relative;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .davidLindoHero,
    .davidLindoHero-alternative {
        padding: 5px 0px 5px 0px;
    }

    .davidLindoHero h2,
    .davidLindoHero-alternative h2 {
        padding: 26px 0px 0px 157px;
        width: 67%;
        font-size: 24px !important;
    }

    .heroImage .davidLindoHero img,
    .heroImage .davidLindoHero-alternative img {
        width: 120px !important;
        max-width: 120px !important;
        position: absolute;
        bottom: 0px;
        left: 5px;
    }
}

@media screen and (min-width: 1260px) {
    .davidLindoHero,
    .davidLindoHero-alternative {
        padding: 15px 15px 15px 28px;
        bottom: 0px;
        right: 0px;
        overflow: visible !important;
        width: 284px;
        position: absolute !important;
    }

    .davidLindoHero img,
    .davidLindoHero-alternative img {
        position: absolute !important;
        top: -66px;
        left: -188px;
        width: 80% !important;
        max-width: 80%;
    }
}

@media screen and (min-width: 1500px) {

    .davidLindoHero,
    .davidLindoHero-alternative {
        bottom: 60px !important;
        right: 0px;
        width: 400px !important;
        padding: 15px 15px 15px 100px !important;
    }

    .davidLindoHero img,
    .davidLindoHero-alternativeimg {
        position: absolute !important;
        top: -130px;
        left: -235px;
        width: 100% !important;
        max-width: 100% !important;
    }

    .davidLindoHero h2,
    .davidLindoHero-alternative h2 {
        font-size: 18px;
    }
}



.davidLindoItin h3 {
    font-size: 1.6rem;
}



.modal-day-head .dayHeadContent strong {
    display: none;
}


/*DAVID LINO ON HOME PAGE*/


.davidLindoHomePromo .imgCol img {
    margin-top: -85px;
    margin-bottom: 0px;
    vertical-align: bottom;
}

.davidLindoHomePromo h2,
.promo h2 {
    color: #ffffff;
    font-size: 23px;
    padding: 1rem 0rem 0rem 0rem;
    margin-bottom: 10px;
}

.davidLindoHomePromo h2 span,
.promo h2 span {
    color: #2e174d;
}

.davidLindoHomePromo {
    overflow: visible;
    padding-bottom: 0px;
}




@media screen and (min-width: 768px) {

    .davidLindoHomePromo .container,
    .promo .container {
        padding: 0px;
    }

    .davidLindoHomePromo .imgCol img {
        margin-left: -20px;
    }
}


@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

    .davidLindoHomePromo .imgCol img {
        margin-left: -50px;
        margin-top: 0px;
    }

    .davidLindoHomePromo h2,
    .promo h2 {
        font-size: 18px;
    }

    .davidLindoHomePromo p,
    .promo p {
        line-height: 24px;
        font-size: 90%;
    }

    .davidLindoHomePromo .seven,
    .promo .seven {
        width: 65%;
        margin-left: 13%;
    }

    .davidLindoHomePromo .two {
        width: 65%;
        margin-left: 13%;
        padding: 20px;
    }

    .promo .two {
        margin-left: 17%;
    }

    .promo img {
        width: 150%;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {

    .davidLindoHomePromo .two,
    .promo .two {
        width: auto;
        margin-left: 11%;
    }

    .davidLindoHomePromo .two .button,
    .promo .two .button {
        padding: 7px 12%;
    }

    .davidLindoHomePromo .imgCol img {
        margin-left: 30px;
        margin-top: -50px;
    }

    .promo .two {
        margin-left: 13%;
        margin-top: 10px;
    }
}

@media screen and (min-width: 1280px) {

    .davidLindoHomePromo .columns,
    .promo .columns {
        margin-left: 2%;
    }

    .davidLindoHomePromo .button,
    .promo .button {
        margin-top: 10px;
    }
}


/*INDIA WILDLIFESOS PROMO - ONLY ON INDIA ITINEARY PAGES */

.itinerary-region-India .indiaWildlifesosPromo {
    display: block !important;
    margin-bottom: 40px;
}

.indiaWildlifesosPromo {
    display: none;
}









/*HEADER NUMBER*/

.headerNumber {
    color: #43AA8B;
}

.headerNumber a {
    color: #43AA8B;
}





/*PUSH ITINERARY STYLING*/

.pushItin h3 {
    color: #43AA8B;
    font-size: 15px;
}

.pushItin h2 {
    font-size: 30px;
    margin: 20px 0px 20px 0px;
}

.pushItin .price {
    color: #43AA8B;
}

.pushItin .six.columns {
    margin-left: 0px;
}

.pushItin .six.columns .button {
    margin-top: 10px;
}

.destinationHeroBg.pushItin {
    padding: 150px 0px !important;
}

@media screen and (min-width: 1024px) {

    .positionLeft {
        float: left;
    }

    .positionRight {
        float: right;
    }
}

@media screen and (max-width: 650px) {
    .pushItin .six.columns.alignRight {
        text-align: center !important;
    }

    .destinationHeroBg.pushItin .columns {
        float: none !important;
        width: 100% !important;
    }
}



@media (min-width: 650px) and (max-width: 1024px) {
    .destinationHeroBg.pushItin .columns.bgWhite {
        width: 100% !important;
        padding: 5%;
        margin-top: 115px !important;
        background-color: #F4F4F0;
    }

    .destinationHeroBg.pushItin .columns {
        float: left !important;
        width: 48% !important;
        margin: 10px auto 0px auto !important;
    }
}

/* SPECIAL OFFER HACK*/



@media screen and (max-width: 650px) {
    .panelSpecOfferInner h2 {
        font-size: 120%;
        margin: 10px 0px 10px 0px;
        padding: 0px;
    }

    .panelSpecOfferInner p {
        font-size: 80%;
    }

    .panelSpecOfferInner h4 {
        font-size: 100%;
        line-height: 20px;
        margin: 0px;
        padding: 0px;
    }
}


.panelSpecOfferInner h2 {
    text-transform: uppercase;
}





/* - Uncomment when special offer becomes available
.namibiaSpecOffer,panelSpecOffer
.botswanaSpecOffer,
.russiaSpecOffer,
.galapagosSpecOffer,
.ecuadorSpecOffer,
.antarcticaSpecOffer,
.falklandsSpecOffer,
.arcticSpecOffer,
.argentinaSpecOffer
{

    display:none;
}*/





/* - Uncomment when special offer becomes available
.namibia .panelSpecOffer.namibiaSpecOffer,
.botswana .panelSpecOffer.botswanaSpecOffer,
.russia .panelSpecOffer.russiaSpecOffer,
.galapagos .panelSpecOffer.galapagosSpecOffer,
.ecuador .panelSpecOffer.ecuadorSpecOffer,
.india .panelSpecOffer.indiaSpecOffer,
.antarctica .panelSpecOffer.antarcticaSpecOffer,
.falklands .panelSpecOffer.falklandsSpecOffer,
.arctic .panelSpecOffer.arcticSpecOffer,
.argentina .panelSpecOffer.argentinaSpecOffer
{

    display:block!important;
}
 */




/* - Uncomment when special offer becomes available

.namibia .panelSpecOffer,
.botswana .panelSpecOffer,
.russia .panelSpecOffer,
.galapagos .panelSpecOffer,
 .ecuador .panelSpecOffer,
.antarctica .panelSpecOffer,
.falklands .panelSpecOffer,
.arctic .panelSpecOffer,
.argentina .panelSpecOffer
{

    display:none!important;
}

*/






/*COMMUNITY PAGE */


.charitySponsersList img {
    max-width: 100%;
    width: 100%;
}


/*QUARK NOTICE TO BE REMOVED 11th NOV */

.noneQuarkVessel {
    display: none;
}

/*
.noneQuarkVessel.quarkVessel-ocean-diamond,
.noneQuarkVessel.quarkVessel-island-sky,
.noneQuarkVessel.quarkVessel-sea-adventurer,
.noneQuarkVessel.quarkVessel-ocean-endeavour,
.noneQuarkVessel.quarkVessel-m-v-ocean-nova
 {
    display:block!important;
    font-size: 120%;
    background-color: #e95c53!important;
    padding:10px;
    text-align: center;
    color: #fff;
    margin-bottom: 20px!important;

}


@media screen and (min-width: 1280px) {

.noneQuarkVessel.quarkVessel-ocean-diamond,
.noneQuarkVessel.quarkVessel-island-sky,
.noneQuarkVessel.quarkVessel-sea-adventurer,
.noneQuarkVessel.quarkVessel-ocean-endeavour,
.noneQuarkVessel.quarkVessel-m-v-ocean-nova
 {
  
    margin-top:-50px!important;
}
}*/


/*INSPIRATION CALENDAR */





.inspiratioCalender .resultItem h2 {
    height: 70px !important;
}

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

    .inspiratioCalender .resultItem h2 {
        height: 50px !important;
    }

    .inspiratioCalender .resultItem .resultContent {
        padding: 3px 30px 0px;
    }

    .inspiratioCalender .resultList strong {
        font-size: 0.6rem;
    }

    .inspiratioCalender .resultItem .resultContent {
        margin: 67% auto 0% auto;
    }

    .section.inspiratioCalender {
        padding: 0rem 0rem;
    }

    .inspiratioCalender .resultItem h2 a:after {
        content: ">";
        display: inline;
        margin-left: 10px;
        font-size: 70%;
        text-decoration: none;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .inspiratioCalender .resultItem .resultContent {
        margin: 59% auto 0% auto !important;
    }

    .inspiratioCalender .resultList h2 {
        font-size: 1.8rem;
    }
}

@media screen and (max-width: 450px) {
    .inspiratioCalender .resultItem .resultContent {
        margin: 55% auto 0% auto !important;
    }

    .inspiratioCalender .resultItem h2 a:after {
        content: ">";
        display: inline;
        margin-left: 10px;
        text-decoration: none;
    }
}


/*EXHIBITION LIST*/

.bgGreen.exhibitionList .twelve h4,
.bgGreen.exhibitionList .twelve p {
    color: #fff !important;
    text-align: center;
}

.bgGreen.exhibitionList .resultContent p {
    color: #e95c53;
    font-size: 0.75em;
}




/*ARCTIC LAND BASED SUB NAV HACK */


/*REMOVES ARCTIC NAV FROM ALL OTHER PAGES*/
.arcticlandBasedNav {
    display: none !important;
}

/*DISPLAYS NEW LAND BASED ARCTIC NAV ON ALL ARCTIC PAGES*/
.arctic-subnav .arcticlandBasedNav {
    display: block !important;
}

.arctic-subnav .landBasedNav {
    display: none;
}

/*FACEBOOK PROMO */

#itinerary .facebookPromo {
    display: none;
}

#itinerary.itinerary-ID-3942 .facebookPromo,
#itinerary.itinerary-ID-3943 .facebookPromo,
#itinerary.itinerary-ID-3842 .facebookPromo,
#itinerary.itinerary-ID-3923 .facebookPromo,
#itinerary.itinerary-ID-4260 .facebookPromo,
#itinerary.itinerary-ID-3864 .facebookPromo,
#itinerary.itinerary-ID-4008 .facebookPromo,
#itinerary.itinerary-ID-3843 .facebookPromo,
#itinerary.itinerary-ID-4212 .facebookPromo,
#itinerary.itinerary-ID-3939 .facebookPromo,
#itinerary.itinerary-ID-3950 .facebookPromo,
#itinerary.itinerary-ID-2966 .facebookPromo,
#itinerary.itinerary-ID-3949 .facebookPromo,
#itinerary.itinerary-ID-4213 .facebookPromo,
#itinerary.itinerary-ID-3948 .facebookPromo,
#itinerary.itinerary-ID-3944 .facebookPromo,
#itinerary.itinerary-ID-3945 .facebookPromo,
#itinerary.itinerary-ID-3946 .facebookPromo,
#itinerary.itinerary-ID-3947 .facebookPromo,
#itinerary.itinerary-ID-4293 .facebookPromo,
#itinerary.itinerary-ID-4314 .facebookPromo,
#itinerary.itinerary-ID-4315 .facebookPromo,
#itinerary.itinerary-ID-4316 .facebookPromo,
#itinerary.itinerary-ID-4317 .facebookPromo {
    display: block !important;
}

.facebook-tc p {
    font-size: 90%;
}

















/*VESSEL PAGE - VIDEO */



.vessleVideoHolder {
    display: none;
}

.vessleVideoHolder {
    margin: 0px 0px 30px 0px !important;
}

.vessleVideoHolder h2 {
    text-align: center;
    display: block;
    width: auto;
    margin: 0px 0px 30px 0px;
}

.vessleVideoHolder h4 {
    margin-bottom: 1rem;
}

.videoItem {
    position: relative;
    height: 0;
    padding-top: 25px;
    padding-bottom: 67.5%;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
}

img.videoBg {
    margin-top: 20px;
    margin-bottom: 10px;
    width: 100%;
}

.singleVideo p {
    width: 70%;
    margin: auto;
}

.video-responsive {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
    margin-bottom: 20px;
}

.video-responsive iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}

.videoItem a.videoBtn {
    position: absolute;
    background: url(http://wildfoottravel.com/content/images/arrow-right-white.svg) center center no-repeat;
    font-size: 0;
    line-height: 0;
    display: block;
    border-radius: 50%;
    behavior: url(PIE.htc);
    width: 28px;
    height: 28px;
    padding: 8px;
    border: 2px solid #fff;
    color: #fff;
    text-align: center;
    font-size: 18px;
    text-align: center;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}



/*VESSEL PAGE - MEET THE TEAM */


.meetTheTeam {
    display: none;
}


.meetTheTeam h2 {
    text-align: center;
}


.meetTheTeam ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.meetTheTeam ul li {
    margin: 0px 0px 30px 0px;
    padding: 0px;
    overflow: hidden;
}

.meetTheTeam ul li span {
    display: block;
    color: #43aa8b;
    margin-bottom: 10px;
    font-size: 110%;
    font-weight: bolder;
}

.meetTheTeam ul li span em {
    color: #2e174d;
    font-style: normal;
}

.meetTheTeam ul li img {
    float: left;
    margin: 5px 10px 0px 0px;
}

@media screen and (min-width: 700px) {
    .meetTheTeam ul li p {
        display: block;
        overflow: hidden;
    }
}






/*PRICE DROP ON ITINERARY PAGE */

.priceDrop {
    display: none;
}

.priceDrop {
    /* display: block;*/
    box-sizing: content-box;
    overflow: hidden;
    background-image: url(/Content/images/design/price-drop.png);
    background-position: 6px 13px;
    background-repeat: no-repeat;
    background-color: #e95c53;
    background-size: 46px;
}

.priceDrop a {
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    display: block;
    line-height: 50px;
    padding: 10px;
    font-size: 10px;
}

@media screen and (min-width: 700px) {
    .priceDrop a {
        font-size: 16px;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .priceDrop a {
        font-size: 13px;
    }

    .priceDrop {
        background-position: 6px 18px;
        background-size: 37px;
    }
}

@media screen and (min-width: 1280px) {
    .priceDrop a {
        font-size: 13px;
    }

    .priceDrop {
        background-position: 6px 18px;
        background-size: 37px;
    }
}

@media screen and (min-width: 1500px) {
    .priceDrop a {
        font-size: 16px;
    }
}




/*PRICE DROP POPUP */



.priceDropPopUp .detailsTop {
    background-color: #ea5d54;
    padding: 30px;
    color: #fff;
    text-align: center;
}

.priceDropPopUp .detailsTop h2 {
    margin-top: 10px;
}



/*SOLO TRAVELLER*/

.singleCabinsAvailable {
    margin: 10px auto;
    background-color: #e6e8de;
    padding: 1em 0.8em;
    width: 80%;
}

.singleCabinsAvailable img {
    vertical-align: middle;
    margin: 0px 10px 0px 0px;
}

.singleCabinsAvailable em {
    text-transform: uppercase;
    color: #271248;
    font-size: 13px;
    font-style: normal;
}

.singleSpecialDetails {
    color: #e95c53;
    font-size: 14px;
    display: block;
    padding-top: 10px;
}

#itinerary .singleCabinsSpecial em,
#itinerary .singleCabinsAvailable em {
    font-size: 16px;
}


.singleCabinsAvailable .singleSpecialDetails .tripIntro .price {
    font-size: inherit !important;
}





/*NEW JOURNAL STYLES*/

.journal .resultContent img {
    display: none;
}

.journal .resultContent {
    color: #fff;
}

.journal .resultContent p.journalDesc {
    font-size: 14px;
    line-height: 18px;
}

.journal .resultContent strong {
    font-size: 0.6rem;
}

.journal .resultContent h2 {
    font-size: 1.4rem;
    min-height: 80px;
}

@media screen and (min-width: 700px) and (max-width:1024px) {
    .journal .three.columns {
        width: 48%;
    }
    /*REMOVE
    .journal div.resultContent {
        min-height: 180px;
        height: auto !important;
        height: 280px;
    }*/

    .bgPurple.journal .resultItem:nth-child(3) {
        margin-left: 0px;
    }

    .journal .resultContent h2 {
        font-size: 1.3rem;
        min-height: 50px;
    }
}

@media screen and (min-width: 1280px) {
    /*REMOVE
        .journal div.resultContent {
        min-height: 245px;
        height: auto !important;
        height: 245px;
    }*/
}



/* TO ADD FULLSCREEN VIDEO INTO INFORMATION LANDING PAGES*/


.costa-rica.community-news.informationPage .cmsContainer .six.columns:first-child,
.costa-rica.community-news-kerry.informationPage .six.columns:first-child,
.antarctica.greg-mortimer.informationPage .six.columns:first-child,
.antarctica.video-expedition-emperor-penguin.informationPage .six.columns:first-child,
.botswana.chobe-game-lodge.informationPage .six.columns:first-child,
.botswana.botswana-video.informationPage .six.columns:first-child,
.falklands.visit-the-falklands.informationPage .six.columns:first-child,
.galapagos.aboard-the-mary-anne.informationPage .six.columns:first-child,
.antarctica.aboard-le-boreal.informationPage .six.columns:first-child,
.uganda.uganda-video.informationPage .six.columns:first-child,
.arctic.polar-video.informationPage .six.columns:first-child,
.arctic.hookpod.informationPage .six.columns:first-child,
.arctic.hookpod.informationPage .six.columns:first-child,
.arctic.sea-endurance.informationPage .six.columns:first-child,
.antarctica.the-whale-science-voyage.informationPage .six.columns:first-child,
.namibia.chris-packham-africat.informationPage .six.columns:first-child,
.botswana.mobile-safari.informationPage .six.columns:first-child {
    display: none;
}

.costa-rica.community-news.informationPage .cmsContainer .six.columns,
.antarctica.greg-mortimer.informationPage .six.columns,
.costa-rica.community-news-kerry.informationPage .six.columns,
.antarctica.video-expedition-emperor-penguin.informationPage .six.columns,
.botswana.chobe-game-lodge.informationPage .six.columns,
.botswana.botswana-video.informationPage .six.columns,
.falklands.visit-the-falklands.informationPage .six.columns,
.galapagos.aboard-the-mary-anne.informationPage .six.columns,
.antarctica.aboard-le-boreal.informationPage .six.columns,
.uganda.uganda-video.informationPage .six.columns,
.arctic.polar-video.informationPage .six.columns,
.arctic.sea-endurance.informationPage .six.columns,
.antarctica.the-whale-science-voyage.informationPage .six.columns,
.namibia.chris-packham-africat.informationPage .six.columns,
.botswana.mobile-safari.informationPage .six.columns {
    width: 100%;
    margin-left: 0px;
}



/*SITE SEARCH STYLING*/

#addsearch-results {
    font-family: Arial, Helvetica, sans-serif;
}

.searchSiteResults #addsearch-results .addsearch-result-item-sub h2 a {
    font-weight: normal !important;
    font-size: 1rem;
    color: #43AA8B !important;
}

.searchSiteResults #addsearch-results p {
    font-size: 1.1rem;
    line-height: 1.2rem;
}

input.addsearch {
    width: 70%;
    min-width: 300px;
    background-image: url(/content/images/search-green.svg);
    background-position: 98% 58%;
    background-size: 27px;
    background-repeat: no-repeat;
}


.searchSiteResults #addsearch-results .addsearch-result-item-sub p span em {
    font-size: 0.9rem;
    line-height: 1.2rem;
    letter-spacing: 0.125em;
    text-transform: uppercase;
}

.searchSiteResults #addsearch-results .addsearch-result-item-container {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.section.generalContent.searchSiteResults {
    padding-top: 0rem;
}

#addsearch-logo {
    display: none !important;
}

@media screen and (min-width: 1280px) and (max-width:1530px) {
    .searchSiteHeder .container {
        max-width: none;
        margin: 0 2em 0 2em;
        padding: 50px 100px !important;
    }
}

@media screen and (min-width: 1024px) and (max-width:1279px) {
    #dds.get-in-touch {
        margin-right: 60px;
        min-width: unset !important;
        width: 160px;
    }
}

@media screen and (min-width: 700px) and (max-width:1023px) {
    #dds.get-in-touch {
        margin-right: 20px;
        min-width: unset !important;
        width: 120px;
    }
}

@media screen and (max-width:550px) {
    .section.generalContent.searchSiteResults #addsearch-results .addsearch-result-item-sub div {
        width: auto !important;
        margin-top: 0px;
        min-height: 154px;
        padding: 0 14px 0 10px;
    }

    .section.generalContent.searchSiteResults #addsearch-results .addsearch-result-item-sub-active {
        background-image: none !important;
    }

    .searchSiteResults #addsearch-results .addsearch-result-item-container,
    .searchSiteResults #addsearch-results .addsearch-result-item-sub {
        background-image: none !important;
        background-position: -300px 0px;
    }
}

.nhbs div {
    text-align: center;
}

.nhbs div p {
    display: block;
    padding: 2rem;
}

.nhbs div img,
.nhbs div iframe {
    width: auto;
    margin: auto;
}

@media screen and (max-width:450px) {
    .nhbs div img,
    .nhbs div iframe {
        width: 90% !important;
    }
}




/*BROCHURE DOWNLOAD on Brochure Page*/




.uganda .journal-container,
.rwanda .journal-container {
    display: none;
}


@media screen and (max-width:699px) {
    .brochure .six img {
        width: 100%;
        margin: 2em auto;
    }
}


/*BROCHURE DOWNLOAD on popup*/
.brochureDownloadPopup #newsletter-outcome-container,
.brochureDownloadPopup .ctaNewsletter {
    color: #353535;
}

.brochureDownloadPopup #newsletter-outcome-container p {
    margin-bottom: 2em;
}

.brochureDownloadPopup .u-full-width,
#destination-brochure-popup.brochureDownloadPopup .u-full-width {
    width: 94%;
}

.brochureDownloadPopup .u-full-width,
#destination-brochure-popup.brochureDownloadPopup .u-full-width {
    width: 94%;
}

.brochureDownloadPopup .two.columns {
    width: 20.333%;
}

.brochureDownloadPopup .two.columns .button {
    margin-top: 14px;
}


#destination-brochure-popup.brochureDownloadPopup .ctaNewsletter {
    background-color: #fff;
    color: #353535;
}

#destination-brochure-popup.brochureDownloadPopup .ctaNewsletter .eight.columns {
    width: 100%;
}

#destination-brochure-popup.brochureDownloadPopup .ctaNewsletter .four.columns {
    display: none;
}

#destination-brochure-popup.brochureDownloadPopup #newsletter-outcome-container p {
    color: #353535 !important;
    font-weight: normal;
}

#destination-brochure-popup .ctaNewsletter .titleblock{
    display:none;
}

#destination-brochure-popup .newsletterSignupForm div:first-child input,
#destination-brochure-popup .newsletterSignupForm div:nth-child(2) input {
    color: #353535 !important;
    font-weight: normal;
}



#destination-brochure-popup .newsletterSignupForm input[type="text"] {
    height: 50px;
    padding: 5px 10px 5px 15px;
    background-color: #fff;
    border: 1px solid #6bbd9f;
    border-radius: 4px;
    box-shadow: none;
    box-sizing: border-box;
    font-size: 1em;
    font-family: 'brandon_grotesque_regularRg', sans-serif;
    font-style: normal;
    color: #353535;
}

#destination-brochure-popup .ctaNewsletter .newsletterSignupForm label {
    text-indent: 0px;
    position: relative;
    overflow: initial;
    color: #353535;
    font-weight: normal;
}

#destination-brochure-popup .brochureDownloadPopup #newsletter-outcome-container p {
    margin-bottom: 0px;
}

#destination-brochure-popup .newsletterSignupForm input.button-primary {
    color: #FFF;
    background-color: #3c947c;
    border-color: #3c947c;
    display: inline-block;
    height: 50px;
    padding: 5px 7%;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    line-height: 35px;
    letter-spacing: .1rem;
    text-transform: uppercase;
    text-decoration: none;
}

.brochureLink {
    display: block;
    margin-bottom: 20px;
}

@media screen and (max-width:700px) {
    #destination-brochure-popup .container,
    #destination-brochure-popup .container .section,
    .callBackRequest.brochureDownloadPopup .detailsBottom {
        padding: 0px 1% 0px 1%;
    }

    #destination-brochure-popup .newsletterSignupForm div.five {
        margin-bottom: 0px;
    }

    .brochureDownloadPopup #newsletter-outcome-container p {
        margin-bottom: 8px;
        padding-bottom: 0px;
    }
}

@media screen and (min-width:1024px) {
    #destination-brochure-popup .five.columns {
        width: 35.333%;
    }

    #destination-brochure-popup .two.columns {
        width: 20.333%;
    }

    #destination-brochure-popup .container .section,
    .callBackRequest.brochureDownloadPopup .detailsBottom {
        padding: 0px;
    }

    #destination-brochure-popup .newsletterSignupForm input.button-primary {
        margin-top: 54px;
    }
}



/*POPUPS*/

/*INSURANCE*/
.insuranceDetails .button{
    display:block;
    clear: left;
    margin-top:3rem;
}
.insurancePopup{
    font-size: 0.9em;
    padding-bottom:4rem;
}

.insurancePopup h3{
color:#43AA8B;
padding-bottom:0px;
margin-bottom:1rem;
}




.insurancePopup .insurance-logo{
    max-width:265px;
}





/*GUEST EXPERTS POPUPS ON ITINERARIES*/


.tripIntro .teamBio,
.insurance-details{
    display: none;
}

.tripIntro .teamBio img,
.guestExpertPopup img {
    float: left;
    margin-right: 1.5em;
}

.tripIntro .teamBio h2,
.guestExpertPopup h2 {
    font-size: 1.5em;
    color: #43AA8B;
    margin-bottom: 10px;
}

.tripIntro .teamBio h3,
.guestExpertPopup h3 {
    font-size: 1.3em;
}

.guestExpertPopup {
    padding: 2em;
}


.itinerary-ID-4922 .tripIntro .teamBio.toniHart,
.itinerary-ID-4924 .tripIntro .teamBio.toniHart,
.itinerary-ID-4885 .tripIntro .teamBio.jennyLuxton,
.itinerary-ID-5679 .tripIntro .teamBio.chrisCoe,
.itinerary-ID-5685 .tripIntro .teamBio.andyPollard,
.itinerary-ID-5854 .tripIntro .teamBio.dougAllan,
.itinerary-ID-6405 .tripIntro .teamBio.chrisWeston,
.itinerary-ID-6459 .tripIntro .teamBio.chrisWeston
{
    display: block;
    margin-top: 10px;
}


.btn-open-toni-bio,
.btn-open-jennyLuxton-bio,
.btn-open-chris-bio,
.btn-open-andy-bio,
.btn-open-dougAllan-bio,
.btn-open-chrisWeston-bio,
.btn-open-insurance,
.btn-open-exhibition-info
{
    cursor: pointer;
}









@media screen and (max-width:350px) {
    .tripIntro .teamBio img {
        width: 34px;
    }
}

@media screen and (max-width:550px) {
    .guestExpertPopup img {
        margin-bottom: 2em;
    }
}






/*DESTINATION INFO*/

/*REMOVE DISPLAY NONE TO PUT LIVE

.additionaDestInfo{
  
}
    */


.top5visit {
    color: #fff;
    text-align: center;
    padding: 4em 0em 6em 0em;
    margin-bottom: -4em;
    z-index: -1;
    display: block;
    position: relative;
    background-repeat: no-repeat;
    background-position-y: bottom;
    background-position-x: center;
}


/*
.antarctica .top5visit {
    background-image: url('../images/destination/destination-info-antarctica.jpg');
}

.arctic .top5visit {
    background-image: url(../images/destination/destination-info-arctic.jpg);
}

.russia .top5visit {
    background-image: url(../images/destination/destination-info-russia.jpg);
}

.falklands .top5visit {
    background-image: url(../images/destination/destination-info-falklands.jpg);
}

.namibia .top5visit {
    background-image: url(../images/destination/destination-info-namibia.jpg);
}

.botswana .top5visit {
    background-image: url(../images/destination/destination-info-botswana.jpg);
}

.zambia .top5visit {
    background-image: url(../images/destination/destination-info-zambia.jpg);
}

.zimbabwe .top5visit {
    background-image: url(../images/destination/destination-info-zimbabwe.jpg);
}

.chile .top5visit {
    background-image: url(../images/destination/destination-info-chile.jpg);
}

.costa-rica .top5visit {
    background-image: url(../images/destination/destination-info-costa-rica.jpg);
}

.brazil .top5visit {
    background-image: url(../images/destination/destination-info-brazil.jpg);
}

.argentina .top5visit {
    background-image: url(../images/destination/destination-info-argentina.jpg);
}

.ecuador .top5visit {
    background-image: url(../images/destination/destination-info-ecuador.jpg);
}

.galapagos .top5visit {
    background-image: url(../images/destination/destination-info-galapagos.jpg);
}

.india .top5visit {
    background-image: url(../images/destination/destination-info-india.jpg);
}

    */

.top5visit h1 {
    text-align: center;
    display: block;
    margin: auto;
    width: auto;
}

.top5visit ul li {
    display: inline-block;
    width: 80%;
    padding: 1em;
    margin: 1em;
}

.top5visit ul li:before {
    background: #fff;
    border-radius: 0.8em;
    -moz-border-radius: 0.8em;
    -webkit-border-radius: 0.8em;
    color: #43AA8B;
    display: block;
    font-weight: bold;
    line-height: 1.6em;
    margin: auto;
    text-align: center;
    width: 1.6em;
    font-size: 1.9em;
}

.top5visit ul li:first-child:before {
    content: '1';
}

.top5visit ul li:nth-child(2):before {
    content: '2';
}

.top5visit ul li:nth-child(3):before {
    content: '3';
}

.top5visit ul li:nth-child(4):before {
    content: '4';
}

.top5visit ul li:nth-child(5):before {
    content: '5';
}

.destHealthVisa div {
    padding: 1em;
    margin-bottom: 1em;
    text-align: center;
}

.destHealthVisa div h2 {
    color: #43aa8b;
}

.destHealthVisa .twelve {
    margin-top: 1em;
    clear: left;
}

.undetermined-number {
    display: none;
}

@media screen and (min-width:1024px) {
    .destHealthVisa div {
        padding: 2em;
    }

    .destHealthVisa .twelve {
        margin-top: 2em;
    }

    .top5visit ul li {
        width: 24%;
        vertical-align: top;
    }

    .top5visit {
        padding: 3em 0em 5em 0em;
        margin-bottom: -2em;
    }
}

@media screen and (min-width:1350px) {
    .destHealthVisa div {
        padding: 3em;
    }
}



.charitySponsers .columns {
    text-align: center;
}

@media screen and (min-width:1025px) {
    .ugandaCompetition .col2 {
        padding-top: 5em;
    }
}



/*TRIP TYPE & SEARCh*/
.searchIntro h1,
.searchIntro h2 {
    color: #43AA8B;
}

@media screen and (min-width:1025px) {
    .searchIntro h1,
    .searchIntro h2 {
        color: #43AA8B;
        font-size: 2.0rem;
        line-height: 40px;
    }
}

@media screen and (max-width:1024px) {
    .searchIntro h1,
    .searchIntro h2 {
        font-size: 1.5rem;
        line-height: 30px;
    }
}

/*COMPETION POPUP
*/
.compPopup #mc_embed_signup .mc-field-group uk {
    overflow: hidden;
    margin: 1em 0.5em 2em 0.5em;
}

.compPopup #mc_embed_signup .mc-fie.destinationLanding .h1ld-group.input-group input {
    margin-right: 1em;
}

.compPopup #mc_embed_signup .mc-field-group.input-group ul {
    margin: 0;
    padding: 20px 0 !important;
    list-style: none;
}

.compPopup #mc_embed_signup .mc-field-group {
    padding-bottom: 1%;
}


@media screen and (min-width:760px) and (max-width:1024px) {

    .tripIntro div.compIntro .ten.columns {
        width: 90% !important;
        margin: auto !important;
        float: none !important;
    }
}

@media screen and (min-width:1025px) {

    .compPopup #mc_embed_signup .mc-field-group.input-group strong {
        font-size: 1.4em !important;
    }

    .compPopup #mc_embed_signup .mc-field-group li {
        width: 45%;
        display: block;
        float: left;
        overflow: hidden;
        padding-right: 1em;
    }

    .tripIntro div.compIntro > .row {
        width: 64% !important;
    }

    .tripIntro div.compIntro .ten.columns {
        width: auto !important;
    }
}

@media screen and (max-width:500px) {
    .compUganda img {
        left: -250px;
        position: relative;
    }
}











/*
    -------------------DESTINATION LANDING PAGE RESTYLE---------------------------------*/





@media screen and (max-width:759px) {
}

@media screen and (min-width:760px) and (max-width:1024px) {
}

@media screen and (min-width:1024px) {
}

@media screen and (min-width: 1024px) and (max-width:1279px) {
}

@media screen and (min-width:1280px) {
}

@media screen and (min-width: 1280px) and (max-width:1529px) {
}

@media screen and (min-width:1530px) {
}


/*FONT STYLES*/


.destinationLanding .headlineContent span,
.destinationLanding h1,
.destinationLanding .destinationIntroContent h4,
.destinationExpert h2,
.destinationExpert p,
.destinationAnchors ul li a,
.itineraryLanding h1{
    font-family: 'brandon_grotesquebold', sans-serif;
}



/*FONT SIZES*/

.destinationLanding h1,
.itineraryLanding h1{
    font-size: 1.3em;
}





@media screen and (max-width:759px) {
    .destinationLanding .destinationIntroContent h4,
    .destinationExpert h2,
    .destinationExpert p {
        font-size: 1.1em;
    }

    .heroHomeContent strong{
        font-size: 1.8em;
    }
           /*SWAP h1 / Span */
    .destinationLanding .headlineContent h1{
        margin-bottom:0.5rem;
        font-size: 1.7em;
    }
    .destinationLanding .headlineContent span{
        margin-bottom:1rem;
          font-size: 1.1em;
    }
}

@media screen and (min-width:760px) and (max-width:1023px) {
         /*SWAP h1 / Span */
    .destinationLanding .headlineContent h1{
        margin-bottom:0.5rem;
         font-size: 1.8em;
    }
    .destinationLanding .headlineContent span{
        margin-bottom:2rem;
    }
}

@media screen and (max-width:1023px) {
    .destinationAnchors ul li a {
        font-size: 0.6em;
    }

    .itineraryLanding .headlineContent span {
        font-size: 1.4em;
    }
}

@media screen and (min-width: 1024px) and (max-width:1279px) {
    .destinationExpert p {
        font-size: 2rem;
    }
}

@media screen and (min-width:1024px) {
    .destinationAnchors ul li a {
        font-size: 0.8em;
    }
}

@media screen and (min-width: 1280px) and (max-width:1529px) {

    .destinationExpert p {
        font-size: 2rem;
    }
}

@media screen and (min-width:1530px) {

    .destinationLanding .destinationIntroContent h4,
    .destinationExpert h2,
    .destinationExpert p {
        font-size: 2.2em;
    }
}












/*ICONS*/

/*ARROWS*/
.resultItem .priceButton:after,
.destinationExpert .button:after,
.quickLinks ul li:after {
    content: "";
    width: 17px;
    height: 12px;
    background: url(/content/images/triangle-arrow.svg) no-repeat;
    background-size: contain;
    display: inline-block;
    vertical-align: middle !important;
    margin-bottom: 4px;
    position: absolute;
    top: 40%;
    right: 1%;
}



#destinationLandingContainer .quickLinks ul li:after{
    display:none;

}

#destinationLandingContainer .quickLinks ul li a{
    padding: 0px 0%;
    color: #2e174d;
}

@media screen and (min-width:1024px) {
    #destinationLandingContainer .quickLinks ul li {
        display: inline-block;
        margin: 0px 0% 0% 0em;
        padding: 0px;
        width: 22%;
        color: #2e174d;
    }
}
@media screen and (min-width:760px) and (max-width:1350px) {

    #destinationLandingContainer .quickLinks ul li a {
        font-size: 0.9em;
        padding: 0;
    }
}
@media screen and (max-width:789px) {
    #destinationLandingContainer .quickLinks ul li {
        display: block;
        width: 100%;
        text-align: left;
    }
}





.destinationLanding .headlineContent .button.btn-trip:after {
    background: url(/content/images/triangle-arrow-green.svg) no-repeat;
}



/*DESTINATION HERO*/

.destinationLanding h1,
.itineraryLanding h1{
    color: #fff;
    text-transform: uppercase;
}

.btn-trip {
    background-color: #fff;
    color: #2e174d;
}

.btn-trip:hover {
    background-color: #2e174d;
    color: #fff;
}



@media screen and (max-width:700px) {

    .destinationHero {
        background-size: 350%;
        background-position-x: center;
    }

    .destinationHero .headlineContent .button {
        float: none;
        display: block;
        clear: left;
        max-width: 162px;
        margin-bottom: 1em;
        padding: 7px 4%;
    }
}

@media screen and (min-width:700px) and (max-width:1279px) {
    .destinationHero .headlineContent .button {
        min-width: 190px !important;
        margin-right: 0.6em;
        padding: 6px 3%;
    }
}

@media screen and (min-width:1280px) {
    .destinationHero .headlineContent .button {
        min-width: 209px !important;
        margin-right: 1em;
    }
}




/*ANCHOR LINKS*/
.destinationAnchors {
    position: relative;
}

.destinationAnchors .itin-container, #destinationLandingContainer > .destinationAnchors > .container {
    padding: 0px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 10;
    width: 100%;
}

/*
@media screen and (max-width:374px) {
    .destinationAnchors .itin-container,
    #destinationLandingContainer > .destinationAnchors > .container {
        top: -14vw;
    }
}
    */


@media screen and (min-width: 300px) and (max-width: 700px) {
     /*REMOVE
    .destinationLanding .heroHome {
        height: 460px !important;
    }*/
}




.destinationAnchors .itin-container,
#destinationLandingContainer > .destinationAnchors > .container {
    top: -30px;
}




.destinationAnchors .row {
    padding: 1em;
}

.destinationAnchors ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.destinationAnchors ul li {
    display: inline-block;
    margin-right: 2em;
    margin-bottom: 0px;
}

.destinationAnchors ul li a {
    color: #b9b4bb;
    text-transform: uppercase;
}

.destinationAnchors ul li a:hover {
    color: #2e174d;
}

#destinationLandingLinksContainer.destination-links-scrolled {
    -webkit-box-shadow: 1px 3px 25px -18px #000;
    -moz-box-shadow: 1px 3px 25px -18px #000;
    box-shadow: 1px 3px 25px -18px #000;
}


@media screen and (max-width:1023px) {
    .destinationAnchors .row {
        padding: 0.5em;
    }
}


@media screen and (min-width:1380px) {
    #destinationLandingContainer #destinationLandingLinksContainer.destination-links-scrolled {
        max-width: unset;
        width: 100%;
        border-radius: unset;
    }

    #destinationLandingContainer #destinationLandingLinksContainer.destination-links-scrolled {
        max-width: unset;
        width: 100%;
        background-color: #F4F4F0
    }

    #destinationLandingContainer #destinationLandingLinksContainer.destination-links-scrolled .row {
        max-width: 1380px;
        margin: auto;
    }
}




/*DESTINATION INTRO SNIPPET*/
.destinationLanding .destinationIntroContent h4 {
    text-transform: uppercase;
    line-height: 1.4em;
}

@media (max-width: 760px) {
    .destinationLanding #destination-snippet.destinationIntroContent {
        margin: 14% 4% -1% 4% !important;
    }
}

@media (max-width: 1025px) {
    .destinationLanding #destination-snippet.destinationIntroContent {
        background-color: #fff;
        padding: 20% 6% !important;
    }
}

@media (min-width: 1025px) and (max-width:1529px) {
    .destinationLanding #destination-snippet.destinationIntroContent {
        margin: 3% 6% !important;
        padding: 9% 0% !important
    }
}

@media (min-width: 1530px) {
    .destinationLanding #destination-snippet.destinationIntroContent {
        margin: 3% 6% !important;
        padding: 5% 9% !important;
    }
}




/*CMS DESTINATION INTRO*/

.destinationIntroContent {
    margin: 3% 6% !important;
    padding: 6% 9% !important;
}


/*VIDEO*/
.cta.video.ctaAdvert{
  

}
.cta.video.ctaAdvert .container {
     position: relative;
    background-color: #2e174d;
    min-height:500px;
}
.cta.video.ctaAdvert .image {
    background-repeat: no-repeat;
    opacity:0.8;
    width:100%;
    height:100%;
    position:absolute;
    top:0px;
    left:0px;
    background-size: cover;
    
}
.cta.video.ctaAdvert .container .row{
    position:relative;
    z-index:2;
}

.cta.video.ctaAdvert h4 {
    position: relative;
    z-index: 2;
    width:auto;
    margin:auto;
    text-align:center;
    padding:2rem;
}

.cta.video.ctaAdvert #btn-play-video{
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 88.5 88.5"> <path d="M44.25 80.45c20 0 36.2-16.21 36.2-36.2s-16.2-36.2-36.2-36.2-36.2 16.2-36.2 36.2 16.21 36.2 36.2 36.2Zm0 8.05c24.44 0 44.25-19.81 44.25-44.25S68.69 0 44.25 0 0 19.81 0 44.25 19.81 88.5 44.25 88.5Z" fill-rule="evenodd" fill="%23fff"/> <path d="M60.34 44.25 36.2 61.67V26.83l24.14 17.42Z" fill="%23fff"/></svg>');
    width:90px!important;
    height:90px!important;
    float: unset;
    text-indent: -987654px;
    background-repeat: no-repeat;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    border: 0px;
    padding: 0px;
}


@media (min-width: 900px) {

    .cta.video.ctaAdvert .container {
    min-height:700px;
    max-width: 1024px;
}
}



/*DESTINATION INFO BLOCK CARDS*/



.infoBlocks .button {
    font-size: 0.6em !important;
    width: auto;
    padding: 1px 6%;
    padding-top: 1px;
    padding-right: 6%;
    padding-bottom: 1px;
    padding-left: 6%;
    line-height: 27px;
    min-width: unset !important;
    border-radius: 5px;
}

.infoBlocks .twelve h4,
.infoBlocks .twelve p {
    color: #1E0F3A;
}

.infoBlocks .threeColResult .countryInfoBlock {
    margin-top: 2em;
}

.infoBlocks .resultItem {
    text-align: left;
}

.infoBlocks {
    overflow: hidden !important;
}

.infoBlocks .infoBody {
    margin-bottom: 1rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.ie11 .infoBlocks .infoBody {
    white-space: nowrap;
    text-overflow: ellipsis;
}

.infoBlocks .infoBody p {
    display: none;
}

.infoBlocks .infoBody p:first-child {
    overflow: hidden;
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.ie11 .infoBlocks .infoBody p:first-child {
    white-space: nowrap;
    text-overflow: ellipsis;
}

.infoBlocks h2.infoBlockTitle {
    text-transform: capitalize;
}

.infoBlocks .resultItem .resultContent {
    padding: 0.8rem;
}

@media (max-width: 1279px) {

    .infoBlocks .infoBlockImage {
        height: 290px !important;
        width: unset !important;
    }

    #discover-destination.wildCards.infoBlocks .resultItem img {
        height: 290px !important;
        width: unset !important;
    }
}



@media (max-width: 1279px) {

    .infoBlocks.section {
        padding: 4rem 0rem 2rem 0rem;
    }

    .infoBlocks h4 {
        margin: 0px;
    }

    .infoBlocks .threeColResult .countryInfoBlock {
        width: 290px;
    }

    .infoBlocks .threeColResult .countryInfoBlock p {
        padding: 0px 0px 0px 0px !important;
        font-size: 0.9em;
    }

    .infoBlocks .countryInfoBlock .resultContent {
        margin: 83% auto 0% auto;
    }
}

@media (min-width: 1280px) {

    .infoBlocks.section {
        padding: 6rem 0rem 2rem 0rem;
    }

    .infoBlocks .resultList.threeColResult .resultItem {
        width: 23.2% !important;
    }

    .infoBlocks .resultItem .resultContent {
        margin: 80% auto 0% auto;
        padding: 0.8rem;
    }
}







/*INFO BLOCK MODAL*/
#info-block-modal {
    padding: 3em 1em 2em 1em;
}

#info-block-modal h2 {
    display: block;
}

#info-block-modal .button {
    display: inline-block;
    width: auto;
    max-width: unset;
    min-width: unset;
}

#info-block-modal .six img {
    width: 100%;
}

#info-block-modal .six {
    margin: 0em;
}

#info-block-modal .twelve {
    border-top: 3px solid #2e174d;
    margin-top: 2em;
    padding-top: 2em;
}

#info-block-modal #info-block-modal-image {
    border-radius: 0px;
}

.modalCloseBtn {
    position: absolute;
    top: 1em;
    right: 1em;
    width: 20px !important;
    height: 20px !important;
}

@media (max-width: 1280px) {
    #info-block-modal .six img {
        max-width: 320px !important;
    }
}



@media (min-width: 760px) {
    #info-block-modal .six:nth-child(3n) {
        padding-left: 1.5em;
    }
}







/*DESTINATION EXPERT BLOCK*/
.destinationExpert h2,
.destinationExpert p {
    text-transform: uppercase;
}

.destinationExpert .personal-staff-insights {
    background-color: #43AA8B;
    padding: 0px;
    box-sizing: content-box;
}

.destinationExpert .personal-staff-insights .four.columns,
.destinationExpert .personal-staff-insights .eight.columns {
    display: none;
}

.destinationExpert .personal-staff-insights p a,
.destinationExpert h2 {
    color: #2e174d;
}

.destinationExpert .button {
    border: 1px solid #fff;
    position: relative;
    min-width: 209px !important;
    margin-right: 1em !important;
    text-align: left;
    padding-left: 25px;
    padding-right: 41px;
}

@media (max-width: 1023px) {

    .destinationExpert .button {
        width: auto !important;
        min-width: unset;
    }
}

@media (min-width: 1280px) {

    .destinationExpert.section {
        padding: 6rem 0rem 4rem 0rem;
    }
}


/*QUICK LINKS BLOCK*/

.quickLinks ul {
    list-style-type: none;
    display: block;
    margin: 0px;
    padding: 0px;
}

.quickLinks ul li {
    display: block;
    padding: 0px;
    position: relative;
}

.quickLinks ul li a {
    width: 100%;
    text-align: left;
    padding: 5px 8%;
}

.quickLinks h2 {
    margin-bottom: 2em;
}

@media screen and (max-width:759px) {
    .quickLinks ul li {
        display: block;
        width: 100%;
        text-align: left;
    }

    .quickLinks ul li a {
        text-align: left;
        padding: 5px 5%;
    }
}

@media screen and (min-width:760px) and (max-width:1024px) {
    .quickLinks ul li {
        display: inline-block;
        margin: 0px 2% 2% 0em;
        padding: 0px;
        width: 30%;
    }
}

@media screen and (min-width:760px) and (max-width:1350px) {

    .quickLinks ul li a {
        font-size: 0.6em;
        padding: 5px 5%;
    }
}

@media (min-width: 1024px) {
    .quickLinks ul li {
        display: inline-block;
        margin: 0px 2% 2% 0em;
        padding: 0px;
        width: 22%;
    }
}

@media (min-width: 1280px) {

    .quickLinks.section {
        padding: 6rem 0rem 4rem 0rem;
    }
}








/*DESTINATION ABOUT*/

@media (max-width: 1279px) {

    #destination-about.section {
        padding: 4rem 0rem 5rem 0rem;
        margin: 0% 6% !important;
    }
}

@media (min-width: 1024px) {
    .destinationLanding #destination-about.destinationIntroContent p {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 40px;
        -moz-column-gap: 40px;
        column-gap: 40px;
    }
}


@media (min-width: 1025px) and (max-width:1529px) {
    #destination-about.destinationIntroContent {
        margin: 3% 6% !important;
        padding: 9% 0% !important
    }
}

@media (min-width: 1530px) {
    #destination-about.destinationIntroContent {
        margin: 3% 6% !important;
        padding: 5% 9% !important;
    }
}





@media (max-width: 650px) {
    .numberCircle {
        width: 50px;
        height: 50px;
    }
}









/*JOURNAL

.journal .resultItem p {
    display: none;
}

    */


/* PLUGINS */
html.fancybox-lock {
    overflow: visible !important;
}

@media (max-width: 1024px) {
    .fancybox-skin {
        border-radius: 0 !important;
    }
}



/*GOOGLE REVIEWS*/

.gr-link{
    color: unset;
}
.google-reviews{
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    text-align:unset;
    align-items: center;
}
.google-reviews
.google-reviews img.google-logo{
    width:142px;
    height:146px;
}
.google-reviews .gr-data{
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}
.google-reviews .gr-score{
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    font-size: 36px;
   font-family: 'brandon_grotesquebold', sans-serif;
    letter-spacing: 0.04em;
     align-items: center;
}
.google-reviews .gr-score .gr-stars{
    display:flex;
    flex-direction:row;
    justify-content:space-between;
}
.google-reviews .gr-score .gr-stars svg {
    fill:#fbbc04;
}
.google-reviews .gr-reviews{
    text-transform: uppercase;
    font-size: 21px;
     font-family: 'brandon_grotesquebold', sans-serif;
    letter-spacing: 0.04em;
}


@media (min-width: 900px) {
    .google-reviews{  
        flex-direction:row;
    }
}




/*GOOGLE REVIEWS*/

.reviews-icons{
    display:flex!important;
    justify-content: space-between;
}
.google-review-link{
    width:160px;
    padding-right:30px;
}
.google-review-link svg{
    margin-top:3px;
}
.reviews-icons .google-review-link a{
    margin-left:0px!important;
}


@media (min-width: 1024px) {
#master-wrapper.header-small #siteNav #admin-icons{
    right: 162px;
}
}





@media (min-width: 850px) and (max-width:1220px){
    #master-wrapper.header-small .destination-select ul#destinations > li{
        font-size: 14px;
    }
    #master-wrapper.header-small .destination-select ul#destinations > li {
        width: 15%!important;
    }
    #master-wrapper.header-small .destination-select ul#destinations > li.specOfferInNav {
        width: 12%!important;
    }
    
    #master-wrapper.header-small .destination-select ul#destinations{
        height: 65.6px!important;
    }
}

@media screen and (max-width: 1023px) {
.mainBar{
    display:flex;    
}
.nav-top {
    display:flex;
    justify-content:end;
   margin-left: 14px;
}
.google-review-link{
    width:130px;
    margin-right:5px;
}
.google-review-link svg{
    margin-top:7px;
}
.nav-top .hamburger{
    top:4px;
}
.mainBar .logo img, .mainBar .logo {

}
.mainBar .logo img, .mainBar .logo svg{
    padding-top:0px;
    width:100%;
}
}


/*TRUSTPILOT /  GOOGLE REVIEWS*/


#trustPilot {
    display: none;
}

.tp-Logo-a,
.tp-stars-a{
    fill: #21AC79;
}

.tp-Logo-b,
.tp-stars-b{
    fill: #FFF;
}


@media (min-width: 1280px) {
    #trustPilot {
        display: block;
        position: fixed;
        top: 224px;
        right: 0;
        width: 60px;
        padding: 12px 0;
        text-align: center;
        background: #F4F4F0;
        -webkit-transition-duration: 0.8s;
        -moz-transition-duration: 0.8s;
        -o-transition-duration: 0.8s;
        transition-duration: 0.8s;
        z-index: 1001;
    }

    #trustPilot_inner {
        position: fixed;
        top: 224px;
        right: -250px;
        background: #F4F4F0;
        width: 250px;
        padding: 22px;
        height: 360px;
        -webkit-transition-duration: 0.8s;
        -moz-transition-duration: 0.8s;
        -o-transition-duration: 0.8s;
        transition-duration: 0.8s;
        text-align: center;
    }

    #trustPilot_inner span {
        color: #364652;
        font-weight: 600;
        font-size: 1.2em;
        letter-spacing: 0.025em;
    }

    #trustPilot_inner a {
        color: #00b67a;
        text-transform: uppercase;
        text-decoration: underline;
        font-size: 0.7em;
    }

    .tpQuote {
        width: 100%;
        margin: 10px auto 10px auto;
        background: #fff;
        padding: 15px 15px 15px 15px;
        text-align: center;
        color: #000;
        font-size: 0.8em;
        position: relative;
        -moz-box-shadow: 2px 2px 2px 0px #ccc;
        -webkit-box-shadow: 2px 2px 2px 0px #ccc;
        box-shadow: 2px 2px 2px 0px #ccc;
    }

    .tpQuote p {
        margin: 0px;
        padding: 0px;
    }

    .tpQuote:before {
        content: "";
        width: 0px;
        height: 0px;
        position: absolute;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #fff;
        border-top: 10px solid transparent;
        left: 85px;
        top: -20px;
    }

    #trustPilot:hover {
        right: 250px;
    }

    #trustPilot:hover #trustPilot_inner {
        right: 0;
    }




}


/*DESTINATION HERO H1 Changes*/
@media (min-width: 1025px) and (max-width:1580px) {
    .heroImage.destHero.staticHero .heroContent h1 {
        font-size: 3.4rem !important;
    }
}


















/*ITINERARY REWORK*/


@media screen and (max-width:759px) {

    .itineraryLanding .destinationHero {
        background-size: 308%;
    }

    .itineraryLanding .destinationHero {
        background-color: #f4f4f0 !important;
    }
}

@media screen and (min-width:650px) and (max-width: 1280px) {
    .itineraryLanding .headlineContent span {
        line-height: 1.2em;
        padding-top: 22%;
        padding-bottom: 1em;
    }
}

@media screen and (min-width:650px) and (max-width: 800px) {

    .itineraryLanding .headlineContent.eight {
        display: none;
    }
}



/*ITINERARY ANCHOR LINKS*/

.itineraryLanding .destinationAnchors ul li a {
    color: #786c90;
}

.itineraryLanding .destinationAnchors ul li a:hover {
    color: #ffffff;
}

.itineraryLanding .destinationAnchors .itin-container {
    position: unset;
    top: 0px;
}

.itineraryLanding .destinationAnchors .container {
    padding: 0;
}

.itineraryLanding .destinationAnchors .row {
    padding: 0.5em 1em;
}

/*ITINERARY CARD */
.itineraryLanding .heroHomeContent {
    position: relative;
}

.itinCard {
    background-color: #fff;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px; /* future proofing */
    -khtml-border-radius: 8px; /* for old Konqueror browsers */
}

.itinCard .columns {
    padding-left: 20px;
    padding-right: 20px;
}

@media screen and (max-width:650px) {
  

    .heroHomeContent .itinCard {
        float: left;
    }
    .itineraryLanding .itinCard{
        margin-bottom:2rem;
    }
    .itinSpecOffer {
        clear: both;
    }

    .destinationHero {
        background-size: 308%;
        background-position-x: center;
    }
}

@media screen and (min-width:650px) and (max-width: 1023px) {

    .itinCard.four.columns {
        width: 357px;
        float: right;
    }

    .itineraryLanding .headlineContent.eight.columns {
        width: 43.333%
    }
}

@media screen and (min-width:650px) and (max-width: 1280px) {
    #trustPilot {
        right: -25px;
    }
}

@media screen and (min-width:1024px) and (max-width: 1280px) {
    .itineraryLanding .headlineContent.eight.columns {
        width: 49.333%;
    }
}



@media screen and (min-width:1024px) {
    .itinCard {
        max-width: 400px;
        min-width: 350px;
        float: right;
     
    }
}

@media screen and (min-width: 1280px) and (max-width:1600px) {
    .itineraryLanding .headlineContent.eight.columns {
        width: 59.333%;
    }


}

@media screen and (min-width:1600px) { 

    .itineraryLanding .headlineContent.eight.columns {
        width: 59.333%;
    }
}











.itinShortlist {
    padding-top: 10px;
    border-bottom: 1px solid #F4F4F0;
    padding-bottom: 10px;
}

.itinCard #btn-add-shortlist {
    padding-left: 20px;
    position: relative;
    text-transform: uppercase;
    color: #2e174d;
    font-size: 0.8em;
}

.itinCard #btn-add-shortlist:before {
    content: "";
    width: 20px;
    height: 16px;
    background: url(/content/images/heart-green.svg) no-repeat;
    background-size: auto;
    background-size: contain;
    vertical-align: middle !important;
    margin-bottom: 4px;
    position: absolute;
    left: -2px;
    top: 3px;
}

.itintrustPilotIcon {
    max-width: 100px;
    float: right;
    padding-top: 5px;
}

















.itinTitle h2 {
    text-transform: uppercase;
    color: #353535;
    text-align:center;
}

.itinPriceOffer {   
    padding-top: 10px;
}

.itinPriceOffer .itinPrice,
.itinPriceOffer .itinOffer {
    padding-left: 0px;
    padding-right: 0px;
}
.itinPrice {
    text-align: center;
}
.itinPrice em {
    font-size: 15px;
    font-style: normal;
    font-weight:bold;
    color: #43AA8B;
    text-transform:uppercase;    
}

.itinPrice span {
    color: #43AA8B;
    font-size: 2em;
    display: block;
    margin-top: -15px;
}

.itinPrice span em {
    color: #43AA8B;
    font-size: 0.6em;
    font-style: normal;
}

.itinOffer {
    position: relative;
    width: 100%;
    height: 85px;
    color: #fff;
}

.itinOffer h4 {
    padding: 0.3em;
    text-align: center;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px; /* future proofing */
    -khtml-border-radius: 8px; /* for old Konqueror browsers */
    background-color: #e95c53;
    color: #fff !important;
}




@media (max-width: 650px) {

    .itinPriceOffer {
        overflow: hidden;
    }
    .itinOffer h4 {
        font-size: .7em;
        position: absolute;
        top: 2%;
    }
}

@media (min-width: 700px) {
    .itinOffer h4 {
        position: absolute;
        top: 15%;
        right: 2%;
        width: 90%;
    }
}


@media screen and (min-width:650px) and (max-width: 1280px) {
    .itinPrice span {
        font-size: 1.5em;
    }

    .itinTitle h2 {
        padding-top: 10px;
        margin-bottom: 10px;
    }

    .itinOffer h4 {
        font-size: .7em;
    }
}

@media (max-width: 1279px) {

    .itinTitle h2 {
        padding-top: 12px;
        font-size: 0.9em;
    }

    .itinPriceOffer {
        padding-top: 8px;
    }

    .itinOffer {
        height: 73px;
    }
}

@media (min-width: 1280px) {
    .itinOffer h4 {
        font-size: .8em;
    }

    .itinTitle h2 {
        padding-top: 20px;
        font-size: 1.1em;
        margin-bottom:0px;
    }
}

.itinDates{
    text-align:center;
}


.itinDates .tripDates {
    color: #2e174d;
    font-size: 1em;
    font-style: normal;
    font-weight:600;
    text-align:center;
}







/*SHORTLIST BTN */
.itinCard #itinerary-shortlisted {
    font-size: 0.8em;
    line-height: 39px;
    min-width: 139px !important;
    background-color: #fff !important;
    color: #ea5b53 !important;
    display: inline;
    position: relative;
    padding-left: 0% 0% 0% 20px;
    letter-spacing: normal;
}

.itinCard #itinerary-shortlisted.button {
    padding: 5px 5% !important;
    border: none !important;
}

.itinCard #itinerary-shortlisted:hover {
    border: none;
}

.itinCard #itinerary-shortlisted:before {
    content: "";
    width: 20px;
    height: 16px;
    background: url(/content/images/heart-red.svg) no-repeat;
    background-size: auto;
    background-size: auto;
    background-size: contain;
    vertical-align: middle !important;
    margin-bottom: 4px;
    position: absolute;
    left: -3px;
    top: 9px;
}





.itinEnqBtn { 
    position: relative;
    padding-top:20px;
    padding-bottom:20px;

 }

.itinEnqBtn a {
    color: #fff;
    width:100%;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 50px;
    padding-left:20px;
    border-radius:8px;
     -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    display:block;
    box-sizing: border-box;
    position:relative
}

.itinEnqBtn a:after {
    content: "";
    width: 20px;
    height: 17px;
    background: url(/content/images/triangle-arrow.svg) no-repeat;
    background-size: auto;
    background-size: contain;
    display: inline-block;
    vertical-align: middle !important;
    margin-bottom: 4px;
    position: absolute;
    right: 15px;
    top: 18px;
}








/*TRIP INTRO*/



@media screen and (max-width:650px) {
    .itineraryLanding .tripIntro {
        overflow: unset;
    }

    .itineraryLanding .tripIntro .leftIntroCol h2 {
        padding-top: 3em;
    }
}



/*TELEPHONE PANEL*/

#telephone-numbers-container .personal-staff-insights {
    background-color: #F4F4F0 !important;
}




/*SVG WORK*/
.featuredIn .four {
    text-align: center;
    background-color: #fff;
}
.homeFeature .threeColResult{
        margin-bottom:2rem;
    }
@media screen and (max-width:1023px) {
    #feature-bbc,
    #birdflife-mag,
    #lonely-planet {
        max-height: 80px;
        margin: auto;
    }

    .homeFeature.featuredIn .columns {
        padding-top: 2em !important;
        padding-bottom: 2em !important;
    }
}

@media screen and (min-width:1024px) {

    #feature-bbc,
    #birdflife-mag,
    #lonely-planet {
        max-height: 120px;
        margin: auto;
    }

    .homeFeature.featuredIn .columns {
        padding-top: 2em !important;
        padding-bottom: 2em !important;
    }
    
}

/*SVG STYLES*/

/*IE FIXES*/

.logoWF-svg{
    height:34px;
}
.logo-abta{
    height:34px;
}
.logo-atol{
    height:39px;
}
.footerLogo{
    height:18px;
}

.footer .logo-atol{
    height:68px;
}
.footer .abtaLogo{
    height:40px;
}
.footer .socialMedia svg{
     height:40px;
}
.footer .atta-logo{
    height:70px;
}
.tpLogo{
    height:115px;
}
.tpStars{
     height:44px;
}















.british-airways-a {
    fill: #2E5C99;
}

.brit-airways svg {
    max-width: 80%;
}

.bbc,
.birdfair-b,
.dest-a,
.logoWF-footer,
.social-white {
    fill: #FFF;
}

.social-black {
    fill: #1a1a1a;
}


.bbc-b {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #171715;
}

.bl-mag,
.lonplanet-a,
.bbc-a {
    fill: #171715;
}

.lonplanet-b {
    fill: none;
}


/*EXHIBITIONS*/
.photo-a {
    fill: #00A4B4;
}

.photo-b {
    fill: #F4F5F5;
}

.birdfair-a {
    fill: #FFF;
}

.birdfair-c {
    fill: none;
    stroke-width: 0.4;
    stroke: #000;
}


/*HEADER ATOL ABTA*/

.logoWF {
    fill: #420C5C;
}

.logoWF-svg {
}



.abta-a,
.atol-a {
    fill: #4B4949;
}

.mainBar .atolAbta svg.logo-abta {
    width: 80px;
    max-width: 80px;
}

.mainBar .atolAbta svg.logo-atol {
    width: 40px;
    max-width: 40px;
}


/*FOOTER SVGS*/

.footer .socialMedia svg {
    max-width: 40px;
    margin-right: 10px;
}

.atta-a {
    fill: #fff;
}

.atta-b {
    fill: #038cb9;
}
.atta-logo{
    max-width:70%;
}





/*SEARCH LISTING */




/*BESTDEALS*/


/*.bestDeals.section,
.wildCards.section {
    padding: 8rem 0rem 6em 0em !important;
}

.bestDeals h4 {
    text-transform: uppercase;
}*/

.priceButton {
    display: block;
    background-color: #43AA8B;
    overflow: hidden;
    color: #fff;
    padding: 0.4em 0.8em;
    width: 100%;
    position: relative;
}

.priceButton span,
.priceButton em {
    font-size: 1em;
    text-align: center;
    color: #fff !important;
}

.bestDeals .resultItem {
    white-space: normal;
}

.priceButton .price {
    font-size: 1.6em !important;
    font-weight: bold;
    text-align: center;
    color: #fff;
}

.resultItem .resultContent {
    padding: 20px 0px 0px 0px;
    overflow: visible;
}

.bestDeals .resultItem .specOfferTitle,
.alternativeItins.wildCards .specOfferTitle{
    background-color: #e95c53;
    color: #fff !important;
    font-size: 0.8em;
    width: 61%;
    margin: -36px auto 15px;
    display: block;
    min-height: 33px;
    line-height: 26px;
}

@media (max-width: 760px) {

    .bestDeals.section,
    #related-trips.section {
        padding: 4rem 0rem 4rem 0rem !important;
    }

    #best-deal-results .resultItem {
        width: 290px;
    }

    .bestDeals .resultItem .specOfferTitle,
    .alternativeItins.wildCards .specOfferTitle{
        margin: -36px auto 10px auto;
    }

    .priceButton {
        padding: 0.2em 0.8em;
    }

    #best-deal-results .resultItem span.date {
        margin: 4px 0px 11px 0px;
        font-size: 14px;
    }

    .priceButton .price {
        font-size: 1.4em !important;
    }

    .priceButton:after {
        right: 4%
    }

    #best-deal-component-outer.bestDeals .container,
    #discover-destination.infoBlocks .container {
        padding-right: 0px;
    }
 
}
@media (max-width: 1000px) {
    #best-deal-component-outer.bestDeals .titleblock.columns {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100% !important;
        flex-direction: column;
    }
}


 #best-deal-component-outer.bestDeals .resultContent h2{
    display:flex;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
 
    }
    #best-deal-component-outer.bestDeals .resultContent h2 a{   
        display:flex;
    }

@media (max-width: 700px) {





  #best-deal-component-outer.bestDeals .resultContent h2{
    display:flex;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    min-height:72px;
    }
    #best-deal-component-outer.bestDeals .resultContent h2 a{
        font-size: 1.2rem;
        display:flex;
    }
    #best-deal-component-outer.bestDeals .resultContent .itin-brief{
        display:none;
    }
    #best-deal-component-outer.bestDeals .side-scrolling-list .resultItem{
        width: 280px;
        margin-right: 1.2rem!important;
    }
    #best-deal-component-outer.bestDeals .side-scrolling-list .priceButton a{
        display: flex;
      align-items: center;
      justify-content: center;
      padding: 10px 10px;
    }
    #best-deal-component-outer.bestDeals .side-scrolling-list .priceButton a span{
        margin-right:10px;
        font-size: 14px;
    }
}


@media (min-width: 700px) and (max-width:1279px) {

    .bestDeals.section,
    #related-trips.section {
        padding: 4rem 0rem 2rem 0rem;
    }
}

@media (min-width: 1280px) {

    .bestDeals.section,
    #related-trips.section {
        padding: 8rem 0rem 4rem 0rem;
    }
}


/* Best deals and info blocks scroll mode */
@media (max-width: 1024px) {
    .side-scrolling-list {
        overflow-x: auto;
        white-space: nowrap;
    }

    .side-scrolling-list .resultItem {
        display: inline-block;
        margin-right: 1.5rem;
        float: none;
        overflow: hidden;
        white-space: normal;
    }
}

.resultItem .itin-brief{
    font-size: 14px;
    line-height: 1.2em;
    padding: 0px 1rem;
}

 .destsvg{
     display:flex!important;
     justify-content:center;
     padding:0.5rem;

 }
 .destsvg img{
    max-height: 12px;
     position:unset!important;
     flex-wrap:wrap;
     padding:0px 4px;
}

@media screen and (min-width:1024px) {
    .resultItem .itin-brief {
        font-size: 16px;
        line-height: 1.5em;
    }
}


.destsvg {
	display: flex!important;
	justify-content: center;
	padding: .5rem
}

.destsvg img {

	position: unset!important;
	flex-wrap: wrap;
	padding: 0 4px
}

@media screen and (min-width:1024px) {
	.resultItem .itin-brief {
		font-size: 16px;
		line-height: 1.5em
	}
}





/*HOLIDAY PAGE*/


/*HERO*/
.itineraryLanding .headlineContent p {
    color: #fff;
}
@media (max-width: 1024px) {
    .itinCard {
        position: relative;
        z-index: 2;
        margin-top: 5rem;
    }
}
@media screen and (min-width:1024px) {
.itineraryLanding .headlineContent p{
    display:block;
}
}
@media screen and (min-width:700px) and (max-width:1280px) {
    .itineraryLanding .headlineContent p {
            font-size: 1.2rem;
        max-width: 400px;
        text-align:left!important;
    }
}

@media screen and (min-width:1280px) and (max-width:1439px) {
    .itineraryLanding .headlineContent p {
   
        font-size: 1.3rem;
        max-width: 600px;
        text-align:left!important;
    }
}
@media screen and (min-width:1440px) {
    .itineraryLanding .headlineContent p {
        color: #fff;
        font-size: 1.6rem;
    }
}



/*
@media screen and (max-width:768px) {
    .itinerary-ID-6880.itineraryLanding .headlineContent p {
        display:none;
    }
}
*/












/*DAY BY DAY*/

.holiday-day-title.section{
    padding: 4rem 0rem 0rem 0;
}
.holiday-day-title.section .container{
    padding: 0px;
}
.section.itinDaybyDay{
    padding: 0rem 0rem 2rem 0;
}
.section.itinDaybyDay > div{
    text-align:center;
}
.section.itinDaybyDay h3{
    background-color:#43AA8B;
    padding:0.3rem;
    margin: 1rem auto 2rem auto;
    color: #fff;
    font-size: 1.6rem;
    display:inline-block;
}
.itinDaybyDay{
    background-color: #2e174d;
}
.itinDaybyDay .containerExpanded{
    padding:20px;
    margin-top:0px;
}
.itineraryDayContainer:first-child{
    margin-top: 5rem;
}
.itineraryDayContainer{
    margin-bottom:7rem;
    min-height:320px;
    max-width:1200px;
    position:relative;
    margin-top: 0rem;
    margin-left:auto!important;
    margin-right:auto!important;
}

.itineraryDayContainer .daily-indicator{
    /*display: none;*/
    position:absolute;
    top: -3.5rem;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    background-color: #2e174d;
    font-size: 1.5rem;
     width:100%;
}
.itineraryDayContainer .daily-indicator:before{
  content: '';
  background-image: url(/content/images/design/dashed-line.svg);
  width: 2px;
  height: 118px;
  display: block;
  position: absolute;
  left: 50%;
  top:50%;
  transform: translate(-50%, -50%);
  z-index:1;
}



.itineraryDayContainer.resultItem h2{
    text-transform: uppercase;
    font-size: 1.1em;
     font-family: 'brandon_grotesquebold', sans-serif;
    letter-spacing: 0.04em;
 }
.itineraryDayContainer .dayContent {
    min-height: 128px;
    padding-left: 1rem;
    padding-right: 1rem;
}
.itineraryDayContainer a{
    text-transform:uppercase;
    font-size: 0.8em;
    font-family: 'brandon_grotesquebold', sans-serif;
    padding: 1.5rem;
    display:block;
}
.itinDaybyDay strong em{
    font-style:normal;
    line-height: 1.7em;
    padding-right: 10px;
    font-size: 18px;
}
.itinDaybyDay strong{
    background-color: #43aa8b;
    color: #fff;
    padding:5px;
    min-width:150px;
    display:flex;
    flex-direction:row-reverse;
    justify-content:center;
    font-size: 18px;
    text-transform:uppercase;
    max-width:150px;
    margin: 20px auto;
    line-height: 1.5em;
}
.itinDaybyDay .resultItem .resultContent {
    display: block;
    overflow: hidden;
    width:100%;
    z-index: 1;
    position: relative;
    box-sizing: border-box;    
    padding: 0px 0px 0px 0px !important;
    box-shadow: 0 3px 10px rgb(0 0 0 / 0.1);
    position:relative;
    z-index:3;
}
.dayContent.cappedHeight:after {
   /* content: "";*/
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: +10;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+74,ffffff+100&amp;0+52,1+100 */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 52%, rgba(255, 255, 255, 0.46) 74%, rgba(255, 255, 255, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(52%, rgba(255, 255, 255, 0)), color-stop(74%, rgba(255, 255, 255, 0.46)), color-stop(100%, rgba(255, 255, 255, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 52%, rgba(255, 255, 255, 0.46) 74%, rgba(255, 255, 255, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 52%, rgba(255, 255, 255, 0.46) 74%, rgba(255, 255, 255, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 52%, rgba(255, 255, 255, 0.46) 74%, rgba(255, 255, 255, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 52%, rgba(255, 255, 255, 0.46) 74%, rgba(255, 255, 255, 1) 100%);
    /* W3C */
}

.itineraryDayImage{
    object-fit:cover;
}

@media screen and (max-width:768px) {
    .holiday-day-title .titleblock h2 {
        font-size: 1.5rem;
    }
     .holiday-day-title .titleblock h2 strong{
        display:block;
        font-weight:normal;
        font-size: 2rem;
        max-width:85%;
        margin:auto;
    }
     .itineraryDayContainer .daily-indicator{
         font-size: 1.2rem;
         width:100%;
     }
}

@media screen and (min-width:768px) and (max-width:1279px) {
    .itinDaybyDay .resultItem .resultContent {
        min-width: 50%;
        width:50%;
        min-height: 320px;
    }
    .itinDaybyDay .containerExpanded .row {
        margin: auto;
        width: 90%;
    }
}

@media screen and (min-width:768px) {

    .itineraryDayContainer {
        margin-bottom: 4.3rem;
        margin-top: 5rem;
    }

    .itineraryDayContainer .daily-indicator {
        top: -3.5rem;
    }
    .itinDaybyDay .resultItem .resultContent {
        width: 50%;
        margin: 30px 0px 0px 0px;
    }

    .itineraryDayImage {
        max-width: 580px !important;
        min-height: 365px;
        max-height:386px;
        position: relative;
        z-index: 2 !important;
    }
    /*ODD DIVS - DISPLAY IMAGE LEFT*/
    .itinDaybyDay div.resultItem:nth-child(2n+1) .resultContent {
        float: right;
    }

    /*EVEN DIVS - DISPLAY IMAGE RIGHT*/
    .itinDaybyDay div.resultItem:nth-child(2n) .resultContent {
        float: left;
    }

    .itinDaybyDay div.resultItem:nth-child(2n) img {
        left: unset;
        right: 0px;
    }
}


@media screen and (min-width:1280px) {
    .itinDaybyDay .resultItem .resultContent {
        min-width: 580px;
        min-height: 320px;
    }
    .itinDaybyDay .containerExpanded{
    padding:0px!important;
    }
}



/*IMAGE GALLERY*/
.imageGallery .row{
    position:relative;
}
.imageGallery .containerExpanded{
    padding:0rem 0rem!important;
}
.imageGallery h2{
    position: absolute;
    top: 1rem;
    z-index: 10;
    left: 50%; /* Position X halfway in */
    transform: translate(-50%,-50%); /* Move it halfway back(x,y) */
}

.imageGallery .containerExpanded .row {
    width: 100%;

}
 .imageGallery ul li{
        margin-bottom:0px;
    }
@media screen and (max-width:1360px) {
    .section.imageGallery{
        padding-bottom:0px!important;
    }
}


@media screen and (max-width:768px) {
    .imageGallery.section,
    .section.tripItin{
        padding-bottom:0px;
    }
   
    .imageGallery li img {
    vertical-align: bottom;
    min-height: 400px;
    object-fit: cover;

    }
    .imageGallery .containerExpanded {        
        background-color: transparent;
    }
    .imageGallery .containerExpanded .gallery {
        padding-top: 3rem;
    }
    .imageGallery .containerExpanded h2{
    font-size: 1.5rem;
    }
    .imageGallery .containerExpanded h2 strong{
    font-size: 2rem;
    }
}
@media screen and (min-width:1024px) {
    .imageGallery .containerExpanded .row {
        padding: 3rem;
    }

    .imageGallery h2 {
        top: 2.5rem;
    }
}





/*SUGGESTED ITINERARIES / WILDCARDS ON HOLIDAY PAGE*/

.alternativeItins.wildCards .resultItem .destsvg img
{
  height: 10px!important;
  width:unset!important;
}
.alternativeItins.wildCards .resultItem p, 
.alternativeItins.wildCards .resultItem .itin-brief {
  margin-bottom: 1rem;
}

.alternativeItins.wildCards .resultItem .specOfferDetail{
    display:none;
}

 .alternativeItins.wildCards .resultItem h2 {
        padding-left: 1rem;
        padding-right: 1rem;
}

 @media (min-width: 700px) and (max-width:1024px) {
    .alternativeItins.wildCards .resultItem h2,
    .alternativeItins.wildCards .resultItem h2 a{
        font-size: 14px;
        line-height:1.2em;
    }
    .alternativeItins.wildCards .specOfferTitle {
        font-size: 0.7em;
        width: 83%;
        line-height: 19px;
    }
    .alternativeItins.wildCards .titleblock h2 strong {
      display: block;
      font-size: 3rem!important;
    }
}

@media (min-width: 1280px) {
    .alternativeItins.wildCards .resultItem h2 {
        height: 85px;
    }
}

.reveal-limited-link {
    display: block;
    margin-bottom: 10px;
    cursor: pointer;
}




/*FALBACK REMOVALS*/

.itineraryLanding .headlineContent p,
.holiday-intro-title,
.holiday-intro-strapline,
.guestGuide,
.resultItem span.daily-indicator,
.section.reviews,
.holiday-accomodation .resultItem strong{
    /*display:none;*/
}


/*SET TO NOT DISPLAY UNTIL CALENDY LINK IS ACTIVE*/
.ctaContact .itemCTA.ctaConsultation,
#enquiry-form-view1 .cta-contact-enquire .itemCTA.ctaConsultation{
    display:none;
}



/*VESSEL INCLUSION*/

.itineraryLanding #itin-vessel{
    background-color: #2e174d;
}

.itineraryLanding #itin-vessel .resultList {
    padding-bottom: 3rem;
}
.itineraryLanding #itin-vessel .resultList:last-child {
    padding-bottom: 6rem;
}



/*GALLERY SLICK SLIDER*/
.gallery{
    position:relative;
}
.gallery .slick-slider:first-child{
    padding-top:0rem;
}
.gallery .slick-slider:last-child{
    padding-top:1rem;
}
.gallery .slick-slider:first-child img {
    width: 100%;
}

.gallery .slick-slider:last-child img {
    width: 95%;
    text-align: center;
    margin: auto;
}

.gallery button.slick-next.slick-arrow,
.gallery button.slick-prev.slick-arrow {
    position: absolute;
    display: block;
    z-index: 100;
    text-indent: -9876543px;
    padding: 0px;
    background-color: #2e174d;
    border: 0px;
}

.gallery button.slick-prev.slick-arrow:after,
.gallery button.slick-next.slick-arrow:after{
    content:'';
    top: 40%;
    left: 26%;
    width: 40px; 
    height: 100px; 
    background-repeat:no-repeat;
    position: absolute; 
}
.gallery button.slick-prev.slick-arrow:after{
    background-image:url(/Content/images/arrow-left-white.svg);    
}
.gallery button.slick-next.slick-arrow:after{
    background-image:url(/Content/images/arrow-right-white.svg);
      
}
@media (max-width: 700px) {
     .imageGallery .container {
        max-width: 95%;
    }
     .gallery .slick-next, 
     .gallery .slick-prev{
         display:block!important;
     }
     .gallery .slick-slider:last-child{
        display:none;
    }
    .gallery button.slick-prev.slick-arrow {
	    top: 37%;	
	    width: 30px;	
	    height: 50px;
	    min-width: 30px !important;	
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px;
    }
    .gallery button.slick-next.slick-arrow{
	    top: 37%;	
        right:0px;
	    width: 30px;	
	    height: 50px;
	    min-width: 30px !important;
           border-top-left-radius: 6px;
        border-bottom-left-radius: 6px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
    }
}

@media (min-width: 700px) and (max-width:1279px) {
    .imageGallery .container {
        max-width: 90%;
    }
    .gallery button.slick-next.slick-arrow,
    .gallery button.slick-prev.slick-arrow{
        display:none;
    }
}

@media (min-width: 1000px) {
    .gallery button.slick-prev.slick-arrow {
        bottom: -112px;
        width: 40px;
        height: 100px;
        min-width: 40px !important;
    }

    .gallery button.slick-next.slick-arrow {
        bottom: -112px;
        right: 0px;
        width: 40px;
        height: 100px;
        min-width: 40px !important;
    }

    .gallery button.slick-prev.slick-arrow:after,
    .gallery button.slick-next.slick-arrow:after {
        content: '';
        top: 40%;
        left: 26%;
        width: 40px;
        height: 100px;
        background-repeat: no-repeat;
        position: absolute;
    }
}

















/*COMMON STYLES*/

.destinationLanding .section.noPadding{
    padding:0px;
}
.destinationLanding div.container{
    padding-top:0px;
    padding-bottom:0px;
}
.bgYellow{
    background-color:#eabe03;

}

.container-full{
    width:100%;
    box-sizing:border-box;
   
}
.flex-row{
    display:flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}
.col-left,
.col-right{
    width:100%;
}

.destinationLanding .section {
    padding: 5rem 0 5rem 0;
}
@media (min-width:1024px) {
.col-left,
.col-right{
    width:50%;
}
.flex-row{  
    flex-direction: row;
}
}







/*TITLES - FONT - STYLES*/

.destTestimonials h2:after,
.destInspire h2:after,
.destVideo h2:after,
.destStaff h2:after,
.destInfo h2:after,
.destinationLanding .destinationIntroContent h2:after,
.journal h2:after,
.googleMapContainer h2:after,
#itin-vessel .vesselList .titleblock h2:after,
.holiday-accomodation .title-block h2:after,
.brochure h2:after,
.imageGallery h2:after,
.ctaContact h2:after,
.bestDeals .titleblock h2:after,
.guestGuide h2:after,
#related-trips.alternativeItins .titleblock h2:after,
.holiday-day-title .titleblock h2:after,
.reviews .reviewTitle h2:after,
.ctaNewsletter h2:after,
.holidayDetails .highlights-included h2:after,
.destinationVideoIntro h2:after,
.wildfoot-brochure h2:after,
.formTitle h2:after,
.aboutIntro h2:after,
.WHIntro h2:after{
 content:' ';
 display:block;
 border:3px solid #fff;
 width: 150px;
 margin: 0.5rem Auto;
}


#enquiry-form-view1 .cta-contact-enquire h2:after,
#enquiry-form-container h2:after{
     content:' ';
 display:block;
 border:3px solid #43aa8b;
 width: 150px;
 margin: 0.5rem Auto;
}


/*NON CENTER -LEFT ALIGNED*/
.destinationVideoIntro h2:after,
.wildfoot-brochure h2:after,
.formTitle h2:after{
    margin: 0.5rem 0;
}




.destVideo h2:after,
.destStaff h2:after,
#related-trips.alternativeItins .titleblock h2:after,
.holiday-day-title .titleblock h2:after,
.destInfo h2:after,
.imageGallery h2:after,
.brochure h2:after,
.destJournal.journal h2:after,
.googleMapContainer h2:after,
#itin-vessel .vesselList .titleblock h2:after,
.holiday-accomodation .title-block h2:after,
.holidayDetails .highlights-included h2:after,
.destinationVideoIntro h2:after,
.aboutIntro h2:after{
    border:3px solid #eabe03!important;
}

.holidayDetails .highlights-included h2:after{
     margin: 0.5rem 0;
}

.wildfoot-brochure h2:after,
.formTitle h2:after,
.WHIntro h2:after{
    border:3px solid #43aa8b!important;
}



/*TITLES - FONT - STYLES*/

/*BRANDON BOLD */
.destTestimonials h2,
.destInspire h2,
.destIntro h2,
.inspireContent,
.destVideo h2,
.destStaff h2,
.destInfo h2,
.destInfo h3,
.destinationVideoIntro h2,
.destinationLanding .destinationIntroContent h2,
.journal h2,
.itemJournal h3,
.brochure h2,
.ctaContact h2,
.guestGuide h2,
.itemCTA,
.bestDeals .titleblock h2,
.resultItem h2 a,
.resultItem .date,
.googleMapContainer h2,
#itin-vessel .vesselList .titleblock h2,
.holiday-accomodation .title-block h2,
.guestGuide h3,
.imageGallery h2,
#enquiry-panel h2,
.ctaNewsletter h2,
#related-trips.alternativeItins .titleblock h2,
.holiday-day-title .titleblock h2,
.holidayDetails h2,
.holidaySpecials h2,
.holidaySpecialBanner h2,
.reviews .reviewTitle h2,
.review-item span,
.wildfoot-brochure h2,
.aboutIntro h2:after,
.WHIntro h2,
.formTitle h2
{
    font-weight: normal;
    font-family:'brandon_grotesquebold',sans-serif;
    letter-spacing:.04em;
}

/*BRANDON BOLD UPPERCASE*/
.destTestimonials h2,
.destInspire h2,
.destIntro h2,
.inspireContent,
.destVideo h2,
.destStaff h2,
.destinationVideoIntro h2,
.itemStaff strong,
.destInfo h2,
.destInfo h3,
.destinationLanding .destinationIntroContent h2,
.journal h2,
.itemJournal h3,
.brochure h2,
.ctaContact h2,
.ctaNewsletter h2,
.guestGuide h2,
.itemCTA,
.bestDeals .titleblock h2,
.resultItem h2 a,
.googleMapContainer h2,
#itin-vessel .vesselList .titleblock h2,
.holiday-accomodation .title-block h2,
.imageGallery h2,
#related-trips.alternativeItins .titleblock h2,
.holiday-day-title .titleblock h2,
.holidayDetails h2,
.holidaySpecials h2,
.holidaySpecialBanner h2,
.review-item span,
.reviews .reviewTitle h2,
.wildfoot-brochure h2,
.WHIntro h2,
.formTitle h2
{
    text-transform: uppercase;

}

.destTestimonials h2,
.destInspire h2,
.destVideo h2,
.destStaff h2,
.destInfo h2,
.destinationLanding .destinationIntroContent h2,
.journal h2,
.googleMapContainer h2,
#itin-vessel .vesselList .titleblock h2,
.holiday-accomodation .title-block h2,
.itemJournal h3,
.brochure h2,
.ctaContact h2,
.ctaNewsletter h2,
.guestGuide h2,
.bestDeals .titleblock h2,
.imageGallery h2,
#related-trips.alternativeItins .titleblock h2,
.holiday-day-title .titleblock h2,
.holidaySpecials h2,
.WHIntro h2{
    text-align:center;
}





/*BRANDON REGULAR*/
.destIntro h3{
    font-family:'brandon_grotesque_regularRg',sans-serif;
    font-style:normal
}

.destTestimonials h2 strong,
.destInspire h2 strong,
.destStaff h2 strong,
.bestDeals .titleblock h2{
    display:block;
    font-size: 3rem;
}
.destIntro h2{
    font-size: 2.5rem;
    margin-bottom:1rem;
}
.reviewTitle h2 strong{
    font-size: 2.5rem;
}


.itemCTA strong,
.guestGuide h2
{
    font-size: 1.5rem;
}
.destTestimonials h2, 
.destInspire h2, 
.destIntro h2,
.destStaff h2,
.ctaContact h2,
.ctaNewsletter h2,
#related-trips.alternativeItins .titleblock h2,
.reviewTitle h2,
.wildfoot-brochure h2{
        font-size: 1.25rem;
}
.titleblock p
{
    font-size: 1.2rem;
}
.itemInfoBlock h3,
.resultItem h2 a

{
    font-size: 1.4rem;
} 
.itemJournal h3,
.ctaContact .itemCTA p{
    font-size: 1rem;
}

@media (min-width:768px) {
.destInfo h2,
.brochure h2,
.ctaContact h2,
.ctaNewsletter h2,
#enquiry-form-container h2,
.guestGuide h2{
    position: relative;
    max-width: 80%;
    margin: auto;
}
}


.destInfo h2,
.brochure h2
{
     top: -1rem;
     position:relative;
}
    
    


@media (min-width:1024px) {
    
    .destTestimonials h2, 
    .destInspire h2,
    .destStaff h2,
    .journal h2,
    .googleMapContainer h2,
    #itin-vessel .vesselList .titleblock h2,
    .ctaContact h2,
    .ctaNewsletter h2,
    .holiday-accomodation .title-block h2,
    #related-trips.alternativeItins .titleblock h2,
    .holiday-day-title .titleblock h2,
    .reviews .reviewTitle h2
    {
        font-size: 2.1875rem;
}
    .destIntro h2 strong{
        font-size: 5rem;
    }   
    .destTestimonials h2 strong,
    .destInspire h2 strong,
    .destStaff h2 strong,
    .bestDeals .titleblock h2,
    #related-trips.alternativeItins .titleblock h2 strong,
    .holiday-day-title .titleblock h2 strong
    {
        display:block;
        font-size: 4rem;
    }   
    .destIntro h2,
    .reviews .reviewTitle h2 strong{
        font-size: 3.438rem;
    }  
    .destStaff h2 strong,
    .guestGuide h2{
        font-size: 2.75rem;
    }   

    .ctaContact h2,
    #enquiry-form-container h2,
    .ctaNewsletter h2{
        font-size: 1.6rem;
    } 
    .ctaContact h2 strong,
    #enquiry-form-container h2 strong,
    .ctaNewsletter h2 strong{
        font-size: 2.25rem;
    } 
    .imageGallery h2 strong{
        font-size: 3rem;
    }
    .titleblock p{
        font-size: 1.5rem;
    }  
}








/*CONTENT - WHITE*/

.destTestimonials h2,
.destInspire h2 strong,
.destInspire .titleblock p,
.destIntro h3,
.destinationLanding .destinationIntroContent h2,
.journal h2,
.googleMapContainer h2,
#itin-vessel .vesselList .titleblock h2,
.bestDeals .titleblock h2,
.holiday-accomodation .title-block h2,
#related-trips.alternativeItins .titleblock h2,
.holiday-day-title .titleblock h2,
.ctaNewsletter h2{
    color: #fff;
}


/*CONTENT - PURPLE*/

.destInspire h2,
.destInspire.infoBlocks .button,
.destIntro h2,
.destIntro p,
.inspireContent a,
.destVideo h2,
.video-quote,
.destStaff h2,
.destStaff .titleblock p,
.destInfo h2,
.imageGallery h2,
.destJournal .itemJournal h3 a,
.brochure h2,
.ctaContact h2,
.resultItem .date,
.guestGuide h2,
#cta-Contact.ctaContact a,
#enquiry-form-view1 a,
.holidayDetails h2,
.destinationVideoIntro h2,
.wildfoot-brochure h2,
.WHIntro h2,
.formTitle h2{
    color: #2e174d;
}

/*CONTENT - GREEN*/
.destTestimonials  em,
.itemStaff strong,
.itemStaff em{
    color: #43aa8c;
}




/*DESTINATION Hero*/

.hero-block{
    background-color: #2e174d;
    position:relative;

}
#destination-hero-img{
    background-repeat: no-repeat;
    background-size: 200%;
    background-position: top center;
 }

.destinationLanding .headlineContent h1,
.itineraryLanding .headlineContent h1{
    font-size: 1.8rem;
    text-align:center;
}

.destinationLanding .headlineContent strong {
    margin-bottom: 0rem;
    font-size: 2.3rem;
    font-weight:normal;
    display:block;
}
.hero-content{
    padding: 5rem 2rem 2rem 2rem;
}
.searchbox{
    margin-top:5rem;
    max-width:400px;
    margin-left:auto;
    margin-right:auto;
}




/* SEO ADD BACKGROUND GRADIENT TO DESTINATION HERO*/
.destinationLanding #destination-hero-img.row.hero-block{
    position:relative;
}

.destinationLanding #destination-hero-img.row.hero-block:before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 0;
}
.destinationLanding #destination-hero-img.row.hero-block .hero-content{
    position:relative;
    z-index: 1;
}

.destinationLanding #destination-hero-img.row.hero-block .hero-content h1{
    font-size: 2rem;
    position:relative;
    font-family: 'brandon_grotesquebold', sans-serif;
    letter-spacing: 0.04em;
    position:relative;
}
.destinationLanding #destination-hero-img.row.hero-block .hero-content h1:after {
    border: 3px solid #eabe03 !important;
    margin: 0.5rem auto;
    content: ' ';
    display: block;
    width: 100px;
}
.destinationLanding #destination-hero-img.row.hero-block .hero-content h2{
    font-size: 1.2rem;
    line-height:28px;
    text-transform:initial;
    color: #fff;
    font-family:'brandon_grotesque_regularRg',sans-serif;
    text-align:center;
}


@media (max-width:768px) {
    .destinationLanding #destination-hero-img.row.hero-block {
        background-repeat: no-repeat;
        background-size: 767px;
        background-position: top center;
    }

    .destinationLanding #destination-hero-img.row.hero-block .hero-content h2 { 
        max-width:500px;
        margin:auto;
    }
    .destinationLanding #destination-hero-img.row.hero-block .hero-content {
        padding: 16rem 2rem 2rem 2rem;
    }

     .destinationLanding #destination-hero-img.row.hero-block .hero-content h1{
         margin-bottom:3rem;
     }
    .destinationLanding #destination-hero-img.row.hero-block:after{
      background-image: linear-gradient(0deg,rgba(46, 23, 77,1) 0%,rgba(0,0,0,0.0) 100%) !important;
        content: '';
        position: absolute;
        top: 150px;
        left: 0px;
        width: 100%;
        height: 170px;
        z-index: 0;
    }
}


@media (min-width:768px) {
    .destinationLanding #destination-hero-img.row.hero-block .hero-content .searchbox{
    padding: 0px;
    margin:0px;
}
   .destinationLanding #destination-hero-img.row.hero-block .hero-content .headlineContent{
        width:50%;
    }
   .destinationLanding #destination-hero-img.row.hero-block .hero-content h1:after {
        margin: 0.5rem 0;
        width: 150px;
   }
    .destinationLanding #destination-hero-img.row.hero-block .hero-content h2 {
        text-align:left;
    }
    .destinationLanding #destination-hero-img.row.hero-block:before {
        background-image: linear-gradient(90deg,rgba(0,0,0,0.4) 20%,rgba(0,0,0,0.07) 50%) !important;
    }
}

@media (min-width:768px) and (max-width:1280px) {
     .destinationLanding #destination-hero-img.row.hero-block .hero-content h1 {
        font-size: 2.5rem;
    }
    .destinationLanding #destination-hero-img.row.hero-block .hero-content h2 {
        font-size: 1.6rem;
        line-height: 32px;
    }  
    
}

@media (min-width:1280px) {
    
     .destinationLanding #destination-hero-img.row.hero-block .hero-content h1 {
        font-size: 3.25rem;
    }
    .destinationLanding #destination-hero-img.row.hero-block .hero-content h2 {
        font-size: 1.8rem;
        line-height: 38px;
    }  
}

@media (min-width: 768px) and (max-width: 1400px){
    .destinationLanding #destination-hero-img.row.hero-block .hero-content {
        padding-left:2rem;
    }
}
@media (min-width: 768px) and (max-width: 1530px){
    .destinationLanding #destination-hero-img.row.hero-block .hero-content {
        padding-right:4rem;
    }
}
@media (min-width: 1400px) and (max-width: 1530px){
    .destinationLanding #destination-hero-img.row.hero-block .hero-content {
        padding-left:0px;
    }
}

@media (min-width: 1400px) and (max-width: 1530px) {
    .destinationLanding #destination-hero-img.row.hero-block .hero-content .headlineContent{
        width:40%!important;
    }
}
@media (min-width:1530px) {
    .destinationLanding #destination-hero-img.row.hero-block .hero-content .headlineContent{
        width:40%;
    }
}




/*H1 TITLES FOR ACTIVITY PAGES*/


.generalContent.searchIntro h1#intro-title {
    padding-top:3rem;
    padding-bottom:1rem;
    font-size: 2rem;
    position:relative;
    font-family: 'brandon_grotesquebold', sans-serif;
    letter-spacing: 0.04em;
    position:relative;
    text-transform: uppercase;
    color: #271248;
}
.generalContent.searchIntro h1#intro-title:after {
    border: 3px solid #eabe03 !important;
    margin: 1.5rem Auto;
    content: ' ';
    display: block;
    width: 100px;
}
@media (min-width:768px) {
    .generalContent.searchIntro h1#intro-title:after {       
        width: 150px;
    }
}
@media (min-width:768px) and (max-width:1280px) {
    .generalContent.searchIntro h1#intro-title {
        font-size: 2.5rem;
    }
}

@media (min-width:1280px) {    
     .generalContent.searchIntro h1#intro-title {
        font-size: 3.25rem!important;
    }

}








@media (max-width:768px) { 
    
    .hero-content{
        padding: 12rem 2rem 2rem 2rem;
    }
    .destinationLanding .searchbox {
        margin-top: 3rem;
    }
    .destinationLanding .hero-block .headlineContent h1{
        position:relative;
        z-index:10;
    }
    .hero-block .gradient{
        position: absolute;
        top: 30%;
        left: 0px;
        width: 100%;
        height: 150px;
        background: rgb(2,0,36);
        background: linear-gradient(180deg, rgba(2,0,36,0) 0%, rgba(46,23,77,0.7791317210477942) 20%, rgb(46, 23, 77) 60%);
        z-index: 1;
    }
    .searchbox{
        position:relative;
        z-index:2;
    }
    .itineraryLanding .headlineContent p{
        position: relative;
        z-index: 1000;
        font-size: 17px;
        text-align: center;
        padding-top: 1rem;
        line-height: 1.5em;
    }
  
}
@media (min-width:430px) and (max-width: 550px) {
    .hero-block .gradient {
        top: 40%!important;
         height: 170px;
    }
}@media (min-width:551px) and (max-width: 650px) {
    .hero-block .gradient {
        top: 55%!important;
         height: 190px;
    }
}
 @media (min-width:651px) and (max-width: 768px) {
    .hero-block .gradient {
        top: 75%!important;
         height: 210px;
    }
}

@media (min-width:768px) {
    .hero-block .gradient{
        display:none;
    }
    .destinationLanding .headlineContent h1,
    .itineraryLanding .headlineContent h1{
        font-size: 1.3rem;
        text-align:left;
    }
 
    .destinationLanding .headlineContent strong,
    .itineraryLanding .headlineContent h1 strong{
        margin-bottom: 0rem;
        font-size: 2.8rem;
        font-weight:normal;
        display:block;
    }
    .hero-content{
        display:flex;
        justify-content:space-between;        
        max-width:1350px;
        margin:auto;
        align-items:center;
        min-height:620px;
        padding:0px;
    }
    
    .hero-content .homeSearchBox{
        max-width:300px;
        min-width:300px;
    }
     #destination-hero-img{
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
     }
     
}

@media (min-width:1024px) {
    .headlineContent,
    .searchbox {
        width:50%;
        margin:0px;       
    }    
    .hero-content .homeSearchBox{
        margin:0px;
        max-width:400px;
        min-width:300px;
        float:right;
     } 
     .destinationLanding .headlineContent h1{
        font-size: 2.3rem;        
    }     
    
    .destinationLanding .headlineContent strong,
    .itineraryLanding .headlineContent h1 strong{
        font-size: 3.4rem;
    }
     .itineraryLanding .headlineContent h1{
        font-size: 2.5rem;        
    }
}

@media (min-width:768px) and (max-width:1530px) {
    .hero-content{
        padding: 0px 2rem;
    }
}

@media (min-width:1280px) {
    .hero-content{
        min-height:780px;
    }
}




/*DESTINATION Hero Serach Box*/

.homeSearchSelect{
    margin-bottom: 0.5rem;
    height:40px;
}
.homeSearchSelect select{
    height:40px;
}
.homeSearchBox .button{
    padding: 1px 5%;
    ine-height: 47px;
}
.homeSearchBox .button:after {
    top: 19px; 
}




/*DESTINATION INTRO - ADD TO PROJECT*/

.destIntro .flex-row{
    position:relative; 
}
.destIntro img{
    display:block;
    object-fit: cover;
}

.destIntro .padded-multiline { 
    line-height: 1.4; 
    padding: 0px 0;     
}
.padded-multiline span { 
    background-color: #eabe03;
    color: #fff; 
    display: inline;
    padding:0.25rem;    
    /* Needs prefixing */
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
  }
  .destIntro p{
    padding: 0rem 0 2rem 0;
   font-style:normal;
    font-weight:unset;
}
.destIntro .col-right{
    padding-left: 3rem ;
}
.destIntro img.scenery{
        width:100%;
}
.destIntro .dest-staff{   
    position:absolute;
    bottom:0px;
    left:22%;
    pointer-events: none;
}
.destIntro img.dest-staff-img{   
    object-fit:contain;
}



@media (max-width:1023px) {
    .destIntro .flex-row{
        flex-direction: column-reverse;
    }
    .destIntro .col-right{
        padding:2rem;
    }
    .destIntro .col-left{
        padding: 2rem;
    }   
    .destIntro img.dest-staff-img{  
        max-width:80%;
    }
    .destIntro h3 {
        font-size: 1.5rem;
    }
    .destIntro img.scenery{
        width:100%;
        min-height:400px;
    }
    .destIntro h2{
        line-height:2rem;
    }
    .destIntro h2 strong{
        font-size: 3rem;
    }
}

@media (min-width:1024px) and (max-width: 1600px ) {
    .destIntro .col-right{
        padding: 2rem;
    }   
}

@media (min-width:1024px) {
    .destIntro .col-left {
        padding: 2rem;
    }
    .destIntro img.dest-staff-img{  
        max-width:60%;
    }
    .destIntro h3 {
        font-size: 1.5rem;
    }
    .destIntro .col-left{        
        width:55%;    
    }  
    .destIntro.col-right{
        width:45%;
    }
    .destIntro h2 {
        line-height: 3rem;
        font-size: 2.5rem;
    }
    .destIntro h2 strong {
        font-size: 4rem;
    }    
    .destIntro img.dest-staff-img{  
        max-width:50%; 
    }
    .destIntro p{
        font-size: 1.3rem;
    }
    .destIntro .dest-staff.zoe,
     .destIntro .dest-staff.amy,
    .destIntro .dest-staff.mike{ 
        left:26%;
    }
    .destIntro img.scenery{
       
        min-height:600px;
    }
    .holidayDetails h2{
        line-height: 2.5rem;
        font-size: 1.8rem;
    }
     .holidayDetails h3{
        line-height: 1.4;
        font-size: 2rem;
    }

}

@media (min-width:1280px) {
  
    .destIntro img.dest-staff-img{  
        max-width:70%;
    }    
    .holidayDetails h2{
        font-size: 1.8rem;
    }
}
@media (min-width:1350px) {
    .destIntro .col-left{
        padding: 3rem;   
    }
    .destIntro h3{
        font-size: 2rem;        
    }
   .destIntro p {
    font-size: 1.4rem;
    line-height: 1.5em;
   

  }
    .destIntro h2 {
        line-height: 4rem;
    }
   
}
@media (min-width:1440px) {
    .holidayDetails h2 {
        font-size: 2rem;
    }
}




@media (min-width:1530px) {

    .destIntro .col-left{
        padding: 5rem 5rem 5rem 5rem;   
    }
    .destIntro img.dest-staff-img{  
        max-width:85%;
    }
    .destIntro h3{
        max-width:85%;
    }
    .destIntro p,
    .destIntro h2{
        max-width:90%;
    }
    .destIntro h2 strong {
        font-size: 5rem;
    }

}
@media (min-width:1750px) {   
    .destIntro img.dest-staff-img{  
        max-width:100%;
    }
    .destIntro h3{
        max-width:70%;
    }
    .destIntro p,
    .destIntro h2{
        max-width:80%;
    }
}






/*TITLEBLOCKS*/

.titleblock p{
    text-align:center;
}

@media (min-width:1024px) {
    .titleblock p{
        max-width: 850px;
        text-align:center;
        margin:auto;
        line-height:1.2em;
    }
    
}



/*DESTINATION TESTIMONIALS*/

.testimonialContent{
    width:92%;
    margin-top: -4rem;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:2rem;
    text-align:center;
    position:relative;
    z-index:1;
    min-height: 185px;
}
.testimonialContent em{
    font-size: 1.625rem;
    font-style: italic;
    line-height: 1em;   
    font-weight:bold;
    
}
.destTestimonials .testimonialContent{
    padding: 30px 10px 30px 10px;
}

.destTestimonials .row{
    display: flex;  
    flex-direction: column;

}
.destTestimonials .itemTestimonial{
    overflow:hidden;
}
.destTestimonials .itemTestimonial .testimonialContent span{
    text-transform:uppercase;
    font-size:0.6em;
    display:block;
    clear:both;
    padding:0.8rem 0.5rem 0 0.5rem;
}


@media (min-width:768px){
    .destTestimonials .row{
        display: flex;
        flex-direction:row;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    
    }
    .destTestimonials .itemTestimonial{
        flex: 1 1 30%; /*grow | shrink | basis */   
        margin-left:15px;
        margin-right: 15px;
    }
}
@media (min-width:768px) and (max-width:1279px) {
    .destTestimonials h2{
        max-width:75%;
        margin:auto;
    }
}
@media (min-width:1280px) and (max-width:1440px) {
    .destTestimonials h2{
        max-width:60%;
        margin:auto;
    }
}

@media (min-width:1220px) {
        #destination-testimonials .resultItem:nth-child(3n+1) {
        clear:left;
        margin-left:0;
    }
}



/*DESTINATION INSPIRATION INFO BLOCKS*/
.destInspire{
    position:relative
}
.destInspire .titleblock p{
    text-align:center;
    padding: 1rem 1rem 2rem 1rem;
}
.destInspire .row{
    display: flex;  
    flex-direction: column;
}
.destInspire .itemInspire{
    overflow:hidden;
    curson: pointer;
    
}
.destInspire .itemInspire img{
   width:100%;
   display:block;
   opacity:1;
   -webkit-transition: opacity 0.5s ease-out;
   -moz-transition: opacity 0.5s ease-out;
   -o-transition: opacity 0.5s ease-out;
   transition: opacity 0.5s ease-out;
}
.inspireContent{
    text-align:center;
    font-size: 16px;
    width:92%;
    margin-top: -1.5rem;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:2rem;
    position:relative;
    z-index:1;
    min-height:50px;
    display:flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    line-height: 1em;
}

.itemInspire .inspireimg{
    position:relative;
    background-color: #2e174d;
    box-sizing:border-box;
}
.itemInspire:hover .inspireimg img{
    opacity: 0.2;
    -webkit-transition: opacity 0.5s ease-out;
    -moz-transition: opacity 0.5s ease-out;
    -o-transition: opacity 0.5s ease-out;
    transition: opacity 0.5s ease-out;
}
.itemInspire:hover .inspireimg span{
    opacity: 1;
    transition:opacity 0.5s ease-out;
    curson: pointer;
}
.itemInspire:hover .inspireContent{
    background-color: #2e174d;
    color: #fff;
}
.itemInspire .inspireimg span{
    position:absolute;
    top:0rem;
    left:0rem;
    width:90%;
    color: #fff;
    height:100%;
    padding:1rem;
    display:block;
    text-align:center;
    opacity:0;
    font-size: 20px;
    line-height:1.3em;
}



@media (min-width:768px){
    .destInspire .row{
        display: flex;
        flex-direction:row;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        margin-left:-20px;
        margin-right:-20px;
    }
    .destInspire .itemInspire{
       
        margin-left:10px;
        margin-right: 10px;
        min-width: 316px;
        max-width: 320px;
        flex: 1 1 10%;
    }
}



@media (max-width:760px) {
    .destInspire .dest-contours {
        width: 200px;
    }
}
@media (min-width:760px) and (max-width:1279px){ 
   .destInspire .dest-contours {
        width: 250px;
    }
}
@media (min-width:1280px) {
    .destInspire .dest-contours {
        width: 350px;
    }
}








/*VIDEO*/


.destVideo .row{
    padding: 1rem 0;
}
.destVideo h2 {
    top: -2.5rem;
    position: relative;
    max-width: 80%;
    margin: auto;
}
.destVideo .five{
   padding: 4rem 1rem;
   text-align:center;
}


.destVideo .seven{
    position:relative;
    overflow: hidden;
}
.destVideo .seven img{
    width:100%;
    object-fit:cover;
}
@media (max-width:768px) {
       .destVideo .seven img{
    min-height:300px;
}
}
@media (min-width:768px) {
    .destVideo .seven img {
        min-height: 400px;
    }
}
@media (min-width:1530px) {
    .destVideo .seven img {
        width: 100%;
        min-height: 500px;
    }
}




.destVideo #btn-play-video.video-button{
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index:2;
    width:50px!important;
}
.destVideo .video-quote {
    font-family:'brandon_grotesque_regularRg',sans-serif;
    font-style:italic;   
    font-size: 2rem;
    line-height:2rem;
    position:relative;
    vertical-align:middle;
    display:block;

}
.destVideo .video-quote span{
    font-size: 2.8rem;
    text-transform:uppercase;
    font-weight: normal;
    font-family:'brandon_grotesquebold',sans-serif;
    display:block;
}
.destVideo .video-quote:before{
    content: '\201C';
    display:block;
    font-size: 100px;
    position:absolute;
    top:-30px;
    left:0;
    font-style: normal;

}
.destVideo .video-quote:after{
    content: '\201D';
    display:block;
    font-size: 30px;
    position:absolute;
    right:0px;
    bottom:-50px;
    font-style: normal;

}
.destVideo a {
    text-indent: -98765px;
    position: absolute;
    width: 50px;
    height: 50px;
    padding: 9px;
    border: 3px solid #fff;
}
.video-button {
    background: url(/content/images/arrow-right-white.svg) center center no-repeat;
    font-size: 0;
    line-height: 0;
    display: block;
    margin-left: -50px;
    border-radius: 50%;
    behavior: url(PIE.htc);
    width: 28px;
    height: 28px;
    padding: 8px;
    border: 2px solid #fff;
    color: #fff;
    text-align: center;
    font-size: 18px;
    margin: 5% auto;
    text-align: center;
}

@media (min-width:768px){
     .destVideo h2{
        top: -1rem;
        position:relative;
    }
    .destVideo .row{
        display:flex; 
        align-items: center;
    }
    .destVideo .five{
        padding: 0rem 0rem;
        text-align:left;
     }
}


@media (min-width:1530px){
    .destVideo .video-quote { 
        font-size: 3.125rem;
        line-height:3.4rem;
    }
    .destVideo .video-quote span{
        font-size: 5rem;
    }
    .destVideo .video-quote:before{
        content: '\201C';
        font-size: 145px;
        top:-30px;    
    }
    .destVideo .video-quote:after{
        content: '\201D';
        font-size: 50px;
 
}
}





/*DESTINATION VIDEO */
#destination-about.section.destinationVideoIntro{
    padding: 0rem 0 0rem 0;
}

.destinationVideoIntro h2{
    position:relative;
}
.destinationVideoIntro .video-dest{
    position:relative;
    background-color:#2e174d;
}
.destinationVideoIntro .video-dest img.video-image{
    width:100%;
    opacity:0.8;
    padding:0px;
    margin:0px;
    display:block;
}
.destinationVideoIntro .video-dest .dest-video-button{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.destinationVideoIntro .col-left {
      padding: 2rem 0rem 0rem 0rem;      
      width: 100%;
      position:relative;
}
.destinationVideoIntro .col-left .about-inner{
    background-color: #fff;
    padding-right:0rem;
    padding-top:2rem;
}
.destinationVideoIntro .col-left .about-inner .button-more{
    padding: 7px 0%;
    min-width:unset!important;
    border: 0px!important;
}
.destinationVideoIntro .col-left .about-inner .button-more:hover{
    background-color: #fff;
    color:#2e174d;
    border: 0px!important;
}

.destinationVideoIntro .col-right {
      padding: 3rem 0rem 2rem 0rem;
      width: 100%;
      position:relative;
}

.destinationVideoIntro .col-right .dest-video-button#btn-play-video,
.landing-page-video .dest-video-button#btn-play-video{
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 88.5 88.5"> <path d="M44.25 80.45c20 0 36.2-16.21 36.2-36.2s-16.2-36.2-36.2-36.2-36.2 16.2-36.2 36.2 16.21 36.2 36.2 36.2Zm0 8.05c24.44 0 44.25-19.81 44.25-44.25S68.69 0 44.25 0 0 19.81 0 44.25 19.81 88.5 44.25 88.5Z" fill-rule="evenodd" fill="%23fff"/> <path d="M60.34 44.25 36.2 61.67V26.83l24.14 17.42Z" fill="%23fff"/></svg>');
    width:90px!important;
    height:90px!important;
    float: unset;
    text-indent: -987654px;
    background-repeat: no-repeat;
}

@media (min-width:768px) {
    #destination-about.section.destinationVideoIntro {
        padding: 0rem 0 0rem 0;
        margin:unset!important;
    }
     .destinationVideoIntro .col-left {
        padding: 2rem;
        
     }
       .destinationVideoIntro .col-right {
        padding: 2rem;
       
    }
    .destinationVideoIntro h2 {
        padding-top: 2rem;
    }
    #destination-about.section.destinationVideoIntro .flex-row{
        align-items: center;
    }
}

@media (min-width:1024px) {
    .destinationVideoIntro .col-left { 
      padding: 3rem 0rem 3rem 3rem;
      width: 50%;
      position:relative;
      z-index:10;
   
    }
     .destinationVideoIntro .col-right {
        padding: 3rem 3rem 3rem 0rem;
        width: 50%;

    }
     .destinationVideoIntro .col-right img {
        object-fit: cover;
        height: 640px;
    }
     .destinationVideoIntro .col-left .about-inner{
        padding-top:1rem;
        padding-right:3rem;
    }
      #destination-about.section.destinationVideoIntro .flex-row {
    align-items: start!important;
  }
}



@media (min-width:1530px) {
    .destinationVideoIntro .col-left {
        padding: 5rem 0rem 5rem 5rem;
    }
    .destinationVideoIntro .col-right {
        padding: 5rem 5rem 5rem 0rem;
    }
     .destinationVideoIntro .col-left .about-inner{
        padding-right:5rem;
    }
}


@media (min-width: 2000px) {
.destinationLanding .destinationVideoIntro .container-full,
.destinationLanding .destIntro .container-full{
  max-width: 1920px!important;
  margin: auto!important;
}
 
}









/*DESTINATION STAFF*/

.itemStaff strong,
.itemStaff em{
    display:block;
    font-size: 16px;
    font-weight:bold;
}
.itemStaff p{   
    font-size: 19px;
    line-height: 1.2em;
}
.itemStaff div{
    padding: 0 0.5rem;
}



.destStaff .row.col-3{
    margin:3rem 0 1rem 0;
    display: flex;
    flex-direction:column;
    align-items: center;
    justify-content: center;

}
.destStaff .itemStaff{   
    display:flex; 
    flex-direction: column; 
    align-items: center;  
    text-align:center;
    margin-bottom: 2rem;
}
.destStaff .itemStaff img{
    max-width:120px; 
    margin:auto;
    min-width:154px;
     max-width:154px;
}

.destinationLanding .section.destStaff {
          padding: 5rem 0 0rem 0;
        }
@media (min-width:768px) and (max-width: 1279px){
    .destStaff .row.col-3{
        margin:4rem 0 4rem 0;
        flex-direction:row;
    }
    .destStaff .itemStaff{        
        flex-direction: column;         
        text-align:center;
    }
    .destStaff .itemStaff img{
        width:130px; 
        margin:auto;
    }
}
@media (min-width:1280px){
    
    .destStaff .row.col-3{
        margin:4rem 0 0rem 0;
        flex-direction:row;
    }
    .destStaff .itemStaff{
        flex: 1 1 30%; /*grow | shrink | basis */   
        margin-left:15px;
        margin-right: 15px;
        display:flex; 
        flex-direction: row; 
        align-items: center;  
        text-align:left;
    }
    .destStaff .itemStaff img{
     
        width:100%;
       
    }
}

/*DESTINATION INFO BLOCKS*/




.itemInfoBlock hr{
    display: block;
    height: 1px;
    border: 0;
    border-top: 2px solid #323232;
    margin: 0.5em 0;
    padding: 0;
}
.itemInfoBlock h3{
    margin: 0px;
    text-align:center;
} 
.itemInfoBlock p{
    text-align: justify;
    line-height:1.2em;
}
.itemInfoBlock span{
    display:block;
    text-align: right;
    padding:0.5rem 0 0.5rem 0;

}
.itemInfoBlock img{
    width:100%;
}
.itemInfoBlock a{
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    line-height: 1em;
    position:relative;
} 
.itemInfoBlock a:after{
    content: '>';
    position:absolute;
    right: -10px;
    top: 0px;
    line-height: 1em;
    padding: 0 0 0em 0.5em;
    vertical-align: middle;
}





@media (min-width:1024px){
    .destInfo .row.col-3{    
        margin-top:0rem;   
        display: flex;        
        flex-direction:row;  
      
    }
    .destInfo .infoCol{ 
        flex: 1 1 33%; /*grow | shrink | basis */   
        margin-left:15px;
        margin-right: 15px;
    }
    .itemInfoBlock{
    margin-top: 2rem;
}

}

@media (min-width:1350px){
  
    .destInfo .infoCol{  
        margin-left:30px;
        margin-right: 30px;
    }
}









/*EXPANDED BLOCKS*/

@media (max-width:1000px){
.destinationLanding div.containerExpanded{
    margin-left: 2rem;
    margin-right: 2rem;
}
}




#destinationLandingContainer div.containerExpanded .row {
    width: 100%;
    padding: 1rem 0;
}

@media (min-width:768px){
    #destinationLandingContainer div.containerExpanded {
        padding: 0px 2rem 2rem 2rem !important;
}
}

@media (min-width:1024px){
    #destinationLandingContainer div.containerExpanded {
        
        margin-left:1.5rem;
        margin-right:1.5rem;
    }
}

@media (min-width:1280px) and (max-width:1440px){
    #destinationLandingContainer div.containerExpanded {
        max-width: 100%;
        margin-left:3rem;
        margin-right:3rem;
    }
}
@media (min-width:1440px){
    #destinationLandingContainer div.containerExpanded {
        margin:auto;
    }
}




/*DESTINATION INTRO CONTENT*/
#destination-about.destinationIntroContent{
    margin:0px!important;
    padding: 4rem 0 5rem 0!important;
    position:relative;
}
.destinationIntroContent .container .row .columns{
    margin:auto;
    float: none;
    clear: left;
    padding: 2rem;
}
.dest-contours{
  position:absolute;
   top:0px;
   left:0px;
    opacity: 0.5;
}

@media (max-width:760px) {
    #destination-about.destinationIntroContent {
        padding: 8rem 0 6rem 0 !important;
    }
    .destinationIntroContent .dest-contours {
        width: 200px;
    }
}

@media (min-width:760px) and (max-width:1279px){ 
   .destinationIntroContent .dest-contours {
        width: 250px;
    }
   .destinationIntroContent .container .row .columns {
        max-width: 85%;
    }
    .destinationIntroContent .container .row .columns{ 
    padding-left: 3rem;
    padding-right: 3rem
    }
}
@media (min-width:1280px) {
    .destinationIntroContent .dest-contours {
        width: 350px;
    }
}

@media (min-width:1280px) and (max-width:1440px){
    .destinationIntroContent .container .row .columns{ 
    padding-left: 3rem;
    padding-right: 3rem
    }
    .destinationIntroContent .container .row .columns {
        max-width: 75%;
    }
}

@media (min-width:1440px) and (max-width:1750px) {
    .destinationIntroContent .container .row .columns {
        max-width: 85%;
    }
}




/*JOURNAL*/

.itemJournal h3{
    margin: auto;  
}

.resultItem h3 a:after {
    content: ">";
    display: block;
    font-size: 90%;
    text-decoration: none;
}
.destJournal .row.resultList{
    padding-top:1rem;
    padding-bottom:1rem;
}

.itemJournal .resultContent{
    min-height:136px;
    height:136px;
    display:flex;
    align-items: center;
    margin: 45% auto 0% auto;
}

@media (min-width:1280px){
    .itemJournal.three.columns {
        width: 23%;
        margin-left: 2%;
    }
    .itemJournal h3{
    padding: 0 0.5rem;
}
}


/*brochure*/

.brochure div.containerExpanded .row{
    max-width: 1220px;
    margin: 2rem auto;
}
.brochure div.containerExpanded .row .columns{
    width:100%;
}
.brochure div.containerExpanded .row .columns:first-child{
   text-align:center;
}
.brochure div.containerExpanded .row .columns img{
    max-width:100%;
}


.brochure div.containerExpanded .row .columns:last-child{
    padding-top:2rem;
    margin-left:0rem;
}

.brochure .button{
    margin-top:2rem;
}

@media (min-width:1024px){
    .brochure div.containerExpanded .row .columns{
        width:50%;
    }
}




/*CONTACT CTA*/


#cta-Contact.ctaContact{
margin: 0px 30px;
}


.ctaContact h2 strong,
#enquiry-form-container h2 strong,
.imageGallery h2 strong,
.ctaNewsletter h2 strong{
    display:block;
    font-weight:normal;
}

.ctaContact h2
{
    top: -2.5rem;
    position: relative;
    max-width: 80%;
    margin: auto;
}

.ctaContact .row.col-5{
  
    display: flex;
    flex-direction:column;
    align-items: center;
    justify-content: center;

}
.ctaContact .itemCTA{   
    display:flex; 
    flex-direction: column; 
    align-items: center;  
    text-align:center;
    align-content: space-between;
    margin-bottom: 2rem;
    color:#2e174b;
    height:200px;
}

.ctaContact .itemCTA .enquiry-icon{
    width:52px;
    height:52px;
    fill: #2D1F4D;
}

#enquiry-panel .itemCTA .enquiry-icon{
    width:52px;
    height:52px;
    fill: #43aa8b;
}




.ctaContact .itemCTA p{
    line-height:1.75rem;
    height:80px;

}
.ctaContact .itemCTA.ctaCallus p{
    height:130px;
}

.ctaContact .itemCTA p{
    display:flex; 
    flex-direction: row; 
    align-items: center;  
    text-align:center;
}
.ctaContact .itemCTA p strong{
    font-weight:normal;
}
.ctaContact .itemCTA button{
    border: 1px solid #2e174b;
    border-radius: 8px;
    width: 80px;
    height:40px;      
    color:#2e174b;
    min-width:unset!important;
    display:flex;        
    align-items: center;  
    text-align:center;
    justify-content: center;
    padding:0px!important;
}

.sectionPadding{
    margin-top:5rem;
    margin-bottom:5rem;
}

.section.ctaContact{
    overflow:visible;
}

@media (min-width:768px){

    


    #cta-Contact.ctaContact {
        max-width:1280px;
        margin:auto 2rem;
    }
    .ctaContact .row.col-5{    
        flex-direction:row;
        flex-wrap: wrap;
    }
    .ctaContact .itemCTA{
        flex: 1 1 30%; /*grow | shrink | basis */   
        margin-left:15px;
        margin-right: 15px;
        display:flex;        
        align-items: center;  
        text-align:center;
    }
}


@media (min-width:1280px){

    #cta-Contact.ctaContact {
        max-width:1280px;
        margin:auto;
    }
    .ctaContact .row.col-5{
        flex-wrap: nowrap;
    }
   
}

@media (min-width:768px){
  
    .ctaContact h2{
        top: -3.25rem;
        position:relative;
    }

}



/*BEST DEALS*/

.bestDeals .titleblock p{
    color: #fff;
    max-width: 90%;
    margin-bottom:3rem;
    padding-left: 1rem;
}

@media (min-width:768px){
    .bestDeals .titleblock p{      
        margin-bottom:3rem;
        max-width: 80%;
    }
}

.searchResultListing .resultItem h2, 
.bestDeals .resultItem h2{
    display:flex; 
    flex-direction: row; 
    align-items: center;  
    text-align:center;
}


/*GUEST GUIDE BIO*/
.guestGuide{
    text-align:center;
    padding:2rem;
}
.guestGuide h2 {
    top: -3rem;
    position:relative;
    max-width:70%;
    margin:auto;
}
.guestGuide h2,
.guestGuide h3, 
.guestGuide h4,
.guestGuide a{
    color: #2e174d;
}
.guestGuide h3{
    font-size:1.5rem;
    text-transform:uppercase;
    margin-bottom:0px;
}
.guestGuide h4{
    font-size:1.4rem;
    margin-bottom:0px;
    line-height: 1.4em;
}
.guestGuide .row.col-2{  
    display: flex;
    flex-direction:column;
    justify-content:start;
    padding-left:2rem;
    padding-right:2rem;
}
.guestGuide a{
    font-size:1.1rem;
    text-transform:uppercase;
}

.guestGuide .guestbrief{  
    display: flex;
    flex-direction:column;
    justify-content:start;
  
}
.guestGuide .guestbrief img {
    width: 150px;
   margin:auto;
    border-radius: 150%; 
        height: 150px;

 
}




@media (min-width:768px) {

    .guestGuide .row.col-2 .guestbrief,
    .guestGuide .row.col-2 .guestdetails {
        width: 50%;
    }

    .guestGuide .row.col-2 {
        flex-direction: row;
    }

    .guestGuide .guestbrief {
        flex-direction: row;
        padding-right: 2rem;
    }

    .guestGuide {
        text-align: left;
    
    }

    .guestGuide .guestbrief img {
        align-self: flex-start;
        margin:-1rem 2rem 2rem 0;
    }
}



/*ACCOMODATION RESULTS*/
@media screen and (min-width: 768px) and (max-width: 1279px) {
    #accomodation-results .resultItem:nth-child(2n+1) {
        clear: left;
        margin-left: 0px;
    }

    #accomodation-results.resultList.threeColResult .resultItem {
        width: 48%;
    }
}


@media screen and (min-width: 1220px) {
    #accomodation-results .resultItem:nth-child(3n+1) {
        clear: left;
        margin-left: 0px;
    }
    #accomodation-results.resultList{
        padding-bottom:7rem;
    }
}

@media screen and (max-width: 760px) {
    #accomodation-results .resultItem {
        width: 100%;
    }

    .holiday-accomodation .resultItem h2 {
        padding-left: 2rem;
        padding-right: 2rem
    }
}


.holiday-accomodation{
    background-color: #2e174d;
}
.holiday-accomodation .resultItem h2{
    text-transform: uppercase;
    font-size: 1em;
    font-family: 'brandon_grotesquebold', sans-serif;
    letter-spacing: 0.04em;
    padding:0.5rem 1rem;
 
 }
 .holiday-accomodation .resultItem strong{
    font-size: 1.1em;
    font-family: 'brandon_grotesque_regularRg', sans-serif;
    color:#2e174d; 
    text-transform:none;
    letter-spacing: 0px;
 }
 .holiday-accomodation .resultItem .introContent p{
    font-size: 0.9em;
    padding:1rem;
 }
 .holiday-accomodation .resultItem div + p{
     width:90%;
     background-color: #fff;
     margin:auto;
 }
 .holiday-accomodation .resultItem p a{
     padding: 0.5rem;
    display: block;
 }


 /*WILDCARDS -ALTERNATIVE ITINERARIES*/

 #related-trips.alternativeItins{
    background-color: #2e174d;
 }

 /*HOLIDAY DETAILS*/

.holidayDetails .button.button-white {
    color: #4aa88d;
    padding: 0;
    background-color: transparent;
    border: 0px;
    transition: all 0.3s ease 0s;
    display: unset;
}
.holidayDetails .vessel-list{
    text-transform:uppercase;
    padding-bottom:1rem;
}

.holidayDetails .vessel-list a:nth-child(2),
.holidayDetails .vessel-list a:nth-child(3),
.holidayDetails .vessel-list a:nth-child(4),
.holidayDetails .vessel-list a:nth-child(5){
    border-left: 2px solid #2e174d;
    padding-left:0.3rem;
}

.holidayDetails .button.button-white:hover {
    background-color: transparent;
    border: 0px;
}

.holiday-intro-title h2 strong {
    margin-bottom: 0rem;
    font-size: 2.3rem;
    font-weight: normal;
    display: block;
}

.holidayDetails ul li {
	list-style-type: none;
	font-size: 1.1rem;
	line-height: 1.2em;
    margin-bottom:1.5rem;
}
.holidayDetails .highlights-included ul li span{
    text-transform:uppercase;
    font-size: 1rem;
    display:inline!important;
}


@media (max-width:768px) {
    h3.holiday-intro-strapline {
      font-size: 1.5rem;
    }
    .holiday-intro-title h2 {
        line-height: 1.7em;
    }
    .holiday-intro-title h2 strong {
        font-size: 1.9em;
    }
    .highlights-included .six.columns{
        margin-top:3rem;
    }
}

@media (min-width:768px) {

    .holiday-intro-title h2 strong {
        margin-bottom: 0rem;
        font-size: 2.8rem;
        font-weight: normal;
        display: block;
    }
}

@media (min-width:650px) and (max-width: 1279px ) {
    .holiday-intro-title h2 strong{
        font-size: 3.8rem;
    }
     h3.holiday-intro-strapline {
      max-width:70%;
    }

    .holidayDetails .six{
        width:100%;
        margin-left:0px;
    }
     .holidayDetails .six.highlights-included .six{
        width:50%!important;
        margin-left:0px;
        margin-top:3rem;
        padding-right:1rem;
    }
}

@media (min-width:1024px) {
    .holiday-intro-title h2 {
        line-height: 1.2em;
    }
    .holiday-intro-title h2 strong {
        font-size: 2.5em;
    }
    .section.holidayDetails{
        padding: 5rem 0rem 2rem 0rem;
    }
}



/*HOLIDAY SPECIAL OFFERS*/
.holidaySpecials{
    text-align:center;
    margin-bottom:3rem;
}
.holidaySpecialOffer{
    margin-bottom:3rem;
}
.holidaySpecials .offerImage{
   padding-bottom:0.5rem;
    display:block;
    margin:auto;
    width:auto;
    max-height:50px;
}
.holidaySpecials h2{
    clear:both;
    background-color:#e95b51;
    color:#fff;
    display:inline-block;
    font-size: 1rem;
    margin: 0rem auto;
    max-width:300px;
    padding:0.5rem 2rem;
}
.holidaySpecials .offerDetail {
    font-size: 1.2rem;
    padding:1rem 0;
}
.holidaySpecials .offerDate,
.holidaySpecials .offerCondition{
    font-size: 1rem;
  
}
.holidaySpecials .offerCondition{
    font-size: 0.9rem;
    color:#4aa88d;
}
.holidaySpecials div.containerExpanded {
        padding: 50px 50px!important;
}

@media (max-width:999px) {

    .holidaySpecialOffer{
    max-width: 500px;
    margin: 0 auto 4rem;
}
}

@media (min-width:1000px) {
    .holidaySpecials,
    .holidaySpecialOffer{
        margin-bottom: 0rem;
    }
    .holidaySpecials div.containerExpanded {
        padding: 30px 50px !important;
        box-sizing: content-box;
        margin: 30px auto;
        max-width: 1230px;
    }

    .holidaySpecials div.containerExpanded .row {
        margin: auto;
        width: 100%;
    }

    .holidaySpecials .row {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: start;
        justify-content: center;
        margin-left: -20px;
        margin-right: -20px;
    }

    .holidaySpecials .holidaySpecialOffer{
        margin-left: 2rem;
        margin-right: 2rem;
        flex: 1 1 10%;
    }
}

/*HOLIDAY SPECIAL BANNER*/

.holidaySpecialBanner{
    text-align:center;
    position:relative;
    overflow:unset;
    cursor: pointer;
}

.holidaySpecialBanner:after {
    content:'';
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    bottom: -35px;
    border-top: 35px solid #2e174d;
    border-left: 35px solid transparent;
    border-right: 35px solid transparent;
}



.holidaySpecialBanner .holidaySpecialOffer {
    margin-bottom: 2rem;
}

.holidaySpecialBanner .container {
    padding: 0px;
}

.holidaySpecialBanner .offerImage {
    display: inline-block;
    width: auto;
    max-height: 50px;
}

.holidaySpecialBanner h2 {
    color: #fff;
    font-size: 1rem;
    margin: 0px 0px 0px 1rem;
}


@media (min-width:800px) and (max-width: 1279px ) {
    .holidaySpecialBanner .row {
        padding: 0 2rem 0 2rem;
    }
}

@media (min-width:1000px) {
    .holidaySpecialBanner .holidaySpecialOffer {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        position: relative;
        flex: 1 1 10%;
        padding: 0px 1.5rem;
        margin-bottom: 0rem;
    }
    .holidaySpecialBanner .holidaySpecialOffer:nth-child(2),
    .holidaySpecialBanner .holidaySpecialOffer:nth-child(3){
        justify-content: start;
    }
     .holidaySpecialBanner .holidaySpecialOffer:nth-child(2):last-child{
         justify-content: center;
     }

    .holidaySpecialBanner .holidaySpecialOffer:after {
        content: '';
        position: absolute;
        width: 0;
        right: 0;
        height: 69px;
        border-right: 1px solid #eeba0f;
    }

    .holidaySpecialBanner .holidaySpecialOffer:last-child:after {
        content: '';
        border-right: 1px solid #eeba0f;
        display: none;
    }
    .holidaySpecialBanner h2 {
        text-align: left;
    }

    .holidaySpecialBanner .row {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: start;
        justify-content: space-between;
    }

 }



/*HOLIDAY REVIEWS*/
.reviews{
    position:relative;
    background-color: #43AA8B;
    overflow:visible;
}
.reviewTitle{
    background-color: #fff;
    color: #2e174d;

    text-align:center;
    display:flex;
    flex-direction: column;
    position:relative;
    z-index:2;
    margin:-4rem auto 0 auto;
    max-width:90%;
    padding:1.5rem;
}

.reviews .reviewTitle h2{
        margin-bottom:0px;
}
.reviews .reviewTitle h2 strong{
    display:block;

}
.reviewTitle img.tp-logo{
    width: 80%;
    margin:auto;
}

.reviews .dest-contours {
  width: 350px;
  left:unset;
  z-index:1;
}
.reviews .row{
    position:relative;
    z-index:2;
}

.review-item{
    color: #2e174d;    
    margin-bottom:2rem;
}
.review-item div{
    background-color: #fff;
    padding: 1.5rem;   
}
.review-item p,
.review-item span
{
    color: #2e174d;
}
.review-item span{
    font-size: 1rem;
}
.review-item.review-1 p,
.review-item.review-3 p{
    font-size: 1.3rem;
    font-style:italic;
    line-height:1.5em;
    padding: 1rem 0;
}
.review-item.review-2 p{
    font-size: 2.2rem;
    font-style:italic;
    line-height:1em;
}

.review-item img{
    width:100%;
    display:block;
}

.review-item p{
    position:relative;
}
.review-item p:before {
    content: '';
    width: 30px;
    height: 25px;
    position: absolute;
    top: -2.3rem;
    left: 0rem;
    background-image:url(../images/design/quote.svg)

}
.review-item.review-2 p {
    font-weight: normal;
    font-family: 'brandon_grotesquebold',sans-serif;
}

@media (min-width:700px) and (max-width: 900px) {
    .reviewTitle img.tp-logo {
        width: 40%;
        margin: auto;
    }
}


@media (min-width:700px) {

    .review-item{
           position:relative;
    }
    .review-item div {
        position:relative;
        z-index:0;
    }
    .review-item img {
        width: 100%;
        position:absolute;
        z-index:1;
    }
    
   
}

@media (min-width:900px) {
    .reviewTitle {
        flex-direction: row;
        justify-content: space-around;
        align-content: center;
        margin: -8rem auto 4rem auto;
        padding: 3rem 3rem 1.5rem 3rem;
        text-align: left;
    }

    .reviewTitle img.tp-logo {
        width: 460px;
        height: 150px;
    }

    .reviews {
        padding-bottom: 5rem;
    }

    .reviews .container .row {
        max-width: 1100px;
        margin: auto;
    }
}


@media (min-width:768px) and (max-width:1024px) {
     .reviewTitle {
        max-width: 96%;
    }
     .review-item.review-1 div{
       width:63%; 
       padding-right:5%;
    }
    .review-item.review-1 img {
  max-width: 300px;
  bottom: 2rem;
  right: 0px;
}
    .review-item.review-2 p {
        font-size: 2.7rem;
        line-height: 1.2em;
    }
     .review-item.review-3{
         margin-top:4rem;
     }
    .review-item.review-3 div{
       width:66%; 
       padding-left:5%;
       float:right;
    }
    .review-item.review-3 img{
        max-width: 270px;
        top:-2rem;
        left:0px;
    }
}
@media (min-width:1024px) and (max-width:1280px) {
    .review-item.review-1 div {
        padding-right: 10% !important;
    }

    .reviews .reviewTitle h2 {
        font-size: 1.188rem !important;
    }

    .destIntro h2, .reviews .reviewTitle h2 strong {
        font-size: 2.438rem;
    }
}

@media (min-width:1024px) {
   .review-item.review-1 div{
       width:67%; 
       padding-right:5%;
    }
    .review-item.review-1 img {
        max-width: 390px;
        top:-2rem;
        right:0px;        
    }
    .review-item.review-2 p {
        font-size: 2.7rem;
        line-height: 1.2em;
    }
     .review-item.review-3{
         margin-top:4rem;
     }
    .review-item.review-3 div{
       width:75%; 
       padding-left:5%;
       float:right;
    }
    .review-item.review-3 img{
        max-width: 287px;
        top:-2rem;
        left:0px;
    }

}




@media (min-width:1400px) {
    .reviewTitle {
        max-width: 1320px;
    }
}










/*ENQUIRY PANEL*/




#close-panel-header {
	color: #2e174d;
	font-size: .8em;
	font-weight: 600;
	text-transform: uppercase;
    min-height:40px;
}

#enquiry-panel-container #close-panel-header {
    top: 0;
    left: unset;
    right:0px;
    width: 50px;
}

#enquiry-panel-container .additionalVisitorInfo {
	display: none!important
}

#enquiry-panel-container .enquiryForm {
	padding: 0;
	margin: 0
}

#enquiry-panel-container .moreDetails {
	width: 100%;
 }
#enquiry-panel-container .section{
    padding: 0px;
}

#enquiry-panel-container .generalDetails {

	width: 100%;
	margin: 0
}

#enquiry-panel h2{
    margin-bottom:2rem;
}
#enquiry-panel h2 span{
    font-size: 1.8rem;
    display:block;
}

.field-phone-number{
clear: both;
width: 48%;
}



#enquiry-panel-container input[type="email"], 
#enquiry-panel-container input[type="number"], 
#enquiry-panel-container input[type="search"], 
#enquiry-panel-container input[type="text"], 
#enquiry-panel-container input[type="tel"], 
#enquiry-panel-container input[type="url"], 
#enquiry-panel-container input[type="password"], 
#enquiry-panel-container textarea, 
#enquiry-panel-container select,
#enquiry-panel-container .selectBg{
    border: 0px!important;
}

#enquiry-panel-container six.alignRight {
	width: 80%
}

#enquiry-panel-container .moreDetails h2,
#enquiry-panel-container .generalDetails h2,
#request-callback-container .callBackRequest h2,
#enquiry-form-view1 .titleblock h2{
    color: #2e174d;
	text-transform: uppercase;
    text-align:center;
}

#enquiry-panel-container .enquiryForm label,
#enquiry-panel-container .expandEnquiry a {
	font-size: .7em;
    text-transform:uppercase;
    font-weight:bold;
    color:#2e174d;
}

#enquiry-panel-container .expandEnquiry {
    text-align:right;
}

#enquiry-panel-container #btn-toggle-more-info:before {
	margin-right: 15px;
	margin-left: 20px;
}

#enquiry-panel-container .six.columns.form-footer {
	width: 100%;
	padding: 2em
}

#enquiry-panel-container .six.columns.alignRight.newsletterAccept {
	margin: 0
}
#enquiry-panel-container .newsletterAccept.labelCheckbox{
    padding-top: 10px;
}

.newsletterAccept.labelCheckbox label span,
#enquiry-panel-container .form-interests .labelCheckbox label span{
    height: 48px;
    width: 48px;
    border: none;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    margin-right: 10px;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #6bbd9f
}
#enquiry-panel-container .form-interests .labelCheckbox label span {
    height: 30px;
    width: 30px;
}

#enquiry-panel-container .newsletterAccept.labelCheckbox label span,
#enquiry-panel-container .form-interests .labelCheckbox label span{
    border:0px;
}


.newsletterAccept.labelCheckbox [type="checkbox"]:checked + span:before{
    content: '✔';
    position: absolute;
    top: 0px;
    left: 10px;  
    font-size: 2rem;
}

#enquiry-panel-container .form-interests .labelCheckbox [type="checkbox"]:checked + span:before{
    content: '✔';
    position: absolute;
    top: 0px;
    left: 4px;  
    font-size: 1.2rem;
}

#enquiry-panel-container .newsletterAccept.labelCheckbox [type="checkbox"]:checked + span::before,
#enquiry-panel-container .form-interests .labelCheckbox [type="checkbox"]:checked + span:before{
  color: #2e174d;
}



#enquiry-panel-container .form-footer-button input[type="submit"].button-green,
#request-callback-container .detailsBottom .button-green
{
    width: 100%;
    background-color: #2e174d;
    border:0px;
}


/*CALL BACK REQUEST*/

#request-callback-container .callBackRequest .detailsTop,
#request-callback-container .callBackRequest .detailsBottom{
    background-color:transparent;

}

#request-callback-container .detailsTop .three.columns{
    display:none;
}
#request-callback-container .nine.columns{
    width:100%;
}
#request-callback-container .nine.columns p{
    text-align: center;
    color: #fff;
}
#request-callback-container .section.generalContent.detailsBottom{
    padding: 0 2em 2em 2em;
}



#enquiry-form-view1 .itemCTA{
     color:#2e174d;
}

#enquiry-form-view1 .itemCTA strong{
    font-weight:normal;   
}
#enquiry-form-view1 .itemCTA.ctaCallus{
    text-transform:none;
}
#enquiry-form-view1 .itemCTA.ctaCallus strong{
    text-transform:uppercase!important;
}
#enquiry-form-view1 .itemCTA p span{
    line-height:1.2em;
    font-size: 1rem;
}
#enquiry-panel-container #request-callback-container .detailsTop{
		padding: 2.1em 2em 1em 2em
}
#enquiry-panel-container #enquiry-form-container textarea{
    min-height: 100px;
}




@media screen and (max-width:1023px) {
	#enquiry-panel-container #enquiry-panel {
		padding-right: 0
	}
	#enquiry-panel-container .generalContent {
		padding-top: 0
	}
   

	#enquiry-panel-container .moreDetails {
		padding: 2em 1em 1em 1em
	}
	#enquiry-panel-container .generalDetails {
		padding: 1em 1em 0em 1em;
	}
	#enquiry-panel-container .enquiry-detailed br {
		display: none!important
	}
	#enquiry-panel-container .moreDetails h2,
	#enquiry-panel-container .generalDetails h2,
    #request-callback-container .callBackRequest h2,
    #enquiry-form-view1 .titleblock h2
    {
		font-size: 1em
	}
	#enquiry-panel-container .six.columns.form-footer {
		width: 100%;
		padding: 1em 2em 1em 2em
	}

	#enquiry-panel-container .form-footer-button input[type="submit"].button-green {
		width: 100%;
		margin-top: 2em
	}
}

@media screen and (min-width:1024px) {
    #enquiry-panel-container #request-callback-container .detailsTop{
		padding: 1.9em 2em 1em 2em;
}

	#enquiry-panel-container .moreDetails,
    #request-callback-container .detailsTop{
		padding: 1.9em 2em 1.25em 2em
	}

     #enquiry-panel-container .generalDetails{
		padding: 0em 2em 0em 2em
	}

	
	#enquiry-panel-container .moreDetails h2,
	#enquiry-panel-container .generalDetails h2,
    #request-callback-container .callBackRequest h2,
    #enquiry-form-view1 .titleblock h2{
		font-size: 1em
	}
	#enquiry-panel-container .form-footer-button {
		padding-right: 4em
	}


	#enquiry-panel-container .six.columns.form-footer {
		padding: 0em 0 2em 0
	}
	.newsletterAccept {
		padding-top: 30px;
	}
	#enquiry-panel-container .newsletterAccept {
		float: none;
        padding:0px;
	}
	.six.columns.form-footer {
		float: right
	}
	#enquiry-panel-container .six.columns.form-footer {
		float: unset
	}
}


/*VIEW 1*/

#enquiry-form-view1 .section .container{
    padding: 0px;
}
#enquiry-form-view1 .cta-contact-enquire .itemCTA{  
     margin:auto;
     flex-direction: row; 
     justify-content: space-between;
     align-items:center;
     height: 70px;
     display:flex;
}
#enquiry-form-view1 .cta-contact-enquire .itemCTA p{
     text-align:left;
     flex-grow: 1;
    
}
#enquiry-form-view1 .cta-contact-enquire .itemCTA img,
#enquiry-panel .itemCTA .enquiry-icon{
     margin-right:15px;
  
}
#enquiry-form-view1 .cta-contact-enquire h2{
    top:10px;
    position:relative;
}
#enquiry-form-view1 .titleblock{
    padding-bottom:1.5rem;
    padding-top:2rem;
    padding-left:1rem;
    padding-right:1rem;
}

#enquiry-form-view1 .itemCTA button{
    border: 1px solid #2e174b;
    border-radius: 8px;
    width: 80px;
    height:40px;      
    color:#2e174b;
    min-width:unset!important;
    display:flex;        
    align-items: center;  
    text-align:center;
    justify-content: center;
    padding:0px!important;
}

@media screen and (max-width:500px) {
    #enquiry-form-view1 .cta-contact-enquire .itemCTA {
        padding-left:1rem;
        padding-right:1rem;
        height: 90px;
    }
}

@media screen and (min-width:500px) {
    #enquiry-form-view1 .cta-contact-enquire .itemCTA {
        max-width: 400px;
        height: 100px;
    }
}

@media screen and (min-width:768px) {

    #enquiry-form-view1 .titleblock{
        padding-top:0px;
    padding-bottom:3rem;
}
    #enquiry-panel h2 span {
        font-size: 2.2rem;
    }

    #enquiry-form-view1 .cta-contact-enquire .itemCTA img,
    #enquiry-panel .itemCTA .enquiry-icon{
        margin-right: 30px;
    }

    #enquiry-form-view1 .cta-contact-enquire .itemCTA {
        max-width: 400px;
        height: 100px;
    }


    #enquiry-form-view1 .cta-contact-enquire h2{
    top:34px;
}
     #enquiry-panel-container #enquiry-form-container.enquiry-tab input,
    #enquiry-panel-container #request-callback-container.enquiry-tab input{
        margin-bottom:1rem;
    }
}


/*VERY SMALL PHONES*/
@media screen and (max-width:380px) {

    #enquiry-form-view1 .titleblock h2 {
        font-size: 0.8rem;
    }

    #enquiry-panel h2 span {
        font-size: 1.7rem;
    }

    #enquiry-panel .itemCTA strong {
        font-size: 1.3rem;
    }

    #enquiry-form-view1 .cta-contact-enquire .itemCTA {
        height: 82px !important;
    }

    #enquiry-form-view1 .titleblock {
        padding-bottom: 0.5rem !important;
    }
    #enquiry-panel-container #enquiry-form-container.enquiry-tab input,
    #enquiry-panel-container #request-callback-container.enquiry-tab input{
        margin-bottom:0.5rem;
    }
    #enquiry-panel-container .six.columns.form-footer{
        padding: 1em 2em 3em 2em;
    }
}











/*HIDE PLACHOLDERS*/

 #enquiry-panel-container ::-webkit-input-placeholder { /* WebKit browsers */
    color:    #fff;
}
  #enquiry-panel-container:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #fff;
   opacity:  1;
}
 #enquiry-panel-container ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #fff;
   opacity:  1;
}
 #enquiry-panel-container :-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #fff;
}





 /*FOOTER*/
 
.currency,
.footerCol2 strong{
    font-weight: normal;
    font-family: 'brandon_grotesquebold',sans-serif;
}
.currency {
	float: right;
	clear: left;
	display: block;
	width: 100%;
	color: #fff;
}
.currency strong{
    text-transform: uppercase;
    font-size: 14px;
    font-weight: normal;
}
.currency ul {
	list-style-type: none;
	margin: 0.5em 0 2.5em 0;
	padding: 0
}
.currency ul li {
	list-style-type: none;
	margin: 0 10px 3px 10px;
	padding: 0;
	float: left;
	display: inline
}
.currency ul li a {
	display: block;
	background-image: url(/content/images/design/flags.jpg);
	background-repeat: no-repeat;
	width: 50px;
	font-size: 70%;
	height: 14px
}

.currency ul li#currencyPound a {
	background-position: 10px 0
}

.currency ul li#currencyUSDollar a {
	background-position: 10px -13px
}

.currency ul li#currencyEuro a {
	background-position: 10px -28px
}

.currency ul li#currencyAUDollar a {
	background-position: 10px -42px
}
.atta-logo {
	max-width: 90%
}



.footer {
	background-color: #1a1a1a;
   
}
.footer p {
	color: #656363;
	font-size: 70%
}
.footerCol1 ul {
	list-style-type: none;
	font-size: 14px;
    display:block;
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
    margin: 1rem 0;
  }
.footer ul li{
    margin-bottom:0.25em;
}
.footer ul li a {
	color: #fff;
	text-decoration: none;
    text-transform: uppercase;
}



.line {
	border-top: 1px solid #656363;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 20px auto 20px;
	width: 99%;
	position: relative
}

.line:before {
	left: -12px
}

.line:before,
.line:after {
	content: "";
	width: 10px;
	height: 10px;
	background: transparent;
	border-radius: 5px;
	position: absolute;
	top: -6px;
	border: 1px solid #656363
}

.line:after {
	right: -10px
}




.footerCol2 {
    text-align:center;
}
.footerCol2 .row{  
    margin:auto;
    display: flex;
    flex-direction:row;   
    align-items: center;
    justify-content: center;
    margin-bottom:1rem;
}
.footerCol2 p{
    text-align:center;
    clear: both;
    display:block;
}
.footerCol2 a{    
    color:#999999;
}


.footerCol2 strong{
    text-align:left;
    font-weight: normal;
    text-transform:uppercase;
    font-size: 12px;
    color:#999999;
   
}
.footerCol2 .abta-a,
.footerCol2 .atol-a {
	fill: #999999;
}


.footerCol2,
.footerCol3 {
	margin-top: 30px
}


.footer .seo-landing-links ul {
	font-size: .8rem!important;
	display: flex;
	justify-content: flex-end
}

.footer .seo-landing-links ul li {
	display: inline-block
}

.footer .seo-landing-links a {
	color: #fff;
	text-decoration: none;
	border-right: 1px solid #fff;
	text-transform: none;
	padding: 0 1rem
}

.footer .footerLogo {
    height:unset;
}
.footerCol3 ul li{
    padding-bottom:1rem;
}

@media screen and (max-width:1279px) {
.footer .footerCol1 .socialMedia svg {
    max-width: 32px;
}
}

@media screen and (max-width:800px) {
    .footerCol2 strong{
        max-width:225px;
    }
    .footerCol2, .footerCol3 {
        margin-top: 80px;
    }
    .footer .atta-logo {
        height: 54px;
    }
}


@media screen and (min-width:768px) and (max-width:1023px) {
    .footer .three.columns.footerCol1 {
        width:100%;
    }
    .footer .three.columns.footerCol2,
    .footer .three.columns.footerCol3, {
        width:50%;
    }
    .footer .footerLogo {
        width: 280px;
    }
}

@media screen and (min-width:800px) and (max-width:1279px) {
	
    .footer .three.columns {
        width: 20%;
        margin-left: 2%;
    }
    .footerCol2 .row{
        max-width: 450px;
    }
    .footerCol2 strong{
        max-width:210px;
    }
   
  
}



@media screen and (min-width:1280px) and (max-width:1349px) {
    .footer .three.columns {
        width: 23%;
        margin-left: 1%;
    }
    .footerCol2 .row{
        max-width: 500px;
    }
    .footerCol2 strong{
        max-width:260px;
    }
    .footer .footerLogo {
        width: 280px;
    }
  
}

@media screen and (min-width:1350px) {
    .footer {
        min-width:1300px;
    }
    .footerCol2 strong{
        max-width:250px;
    }
    .footerCol2 .row{
        max-width: 420px;
    }
}


/*SLICK SLIDER - HOLIDAY GALLERY*/


/*COMPETITION FORM*/

#mc_embed_signup .mc-field-group.input-group label{
         padding-left:10px;
     }
.compPopup #mc_embed_signup .mc-field-group {
  padding-bottom: 0%;

}
.compPopup #mc_embed_signup .button {
	background-color: #3c947c!important;
}


@media screen and (min-width:1350px) {
    .col-50 {
        width: 50%;
    }

    .col-100 {
        width: 100%;
    }
    .form-2-col{
        display:flex;
        justify-content: space-between;
        flex-direction:row;
        width:96%;
    }
     .form-2-col .col-50:first-child{
        padding-right:1rem;
    }

     .input-group .form-2-col{
        display:flex;
        justify-content:flex-start;
        flex-direction:row;
        width:50%;
        padding-top:1rem;
    }
     
}



/*EXHIBITION LIST HOMEPAGE - REMOVE DISPLAY FLEX WHEN ONLY 2/3 EXHIBITIONS */

.exhibitionList .row.resultList.threeColResult .bgGray.resultContent h2,
    .exhibitionList .row.resultList.threeColResult .bgGray.resultContent h2 a {
        font-size: 1rem;
        line-height: 1.2em;
        padding-bottom:1rem;   
}

.exhibitionList .row.resultList.threeColResult .bgGray.resultContent {
    padding: 20px 20px 20px 20px;
}

.exhibitionList .row.resultList.threeColResult .resultItem.logo-image{
    text-align:center;
}
.exhibitionList .row.resultList.threeColResult .resultItem.logo-image img.logo-hws{
    max-width:250px!important;
    height:auto!important;
    margin:auto!important; 
    top: 20%;
  left: 50%;
  transform: translate(-50%, -20%);
}

@media (min-width:650px) and (max-width:1024px) {
    .exhibitionList .row.resultList.threeColResult .resultItem.logo-image img.logo-hws {
        max-width: 80% !important;
         top: 15%!important;
    }
}





@media screen and (min-width:1000px) {

    .exhibitionList .row.resultList.threeColResult {
        display: flex;
    }    
}


/*TRAVEL AWARDS*/

.vote-for-us{
    background-color: #2e174d;
    width:100%;
    overflow:visible;
    padding-top:1rem;
    padding-bottom:1rem;
    margin-bottom:3rem;
}
.vote-for-us .container{
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    align-items:flex-start;
}
.titleVote{
    width: 100%;
}
.contentVote{
    width: 100%;
}
.btnVote{
    width: 100%;
    position:relative;
     text-align:center;
}
.vote-for-us h2{
    font-family: 'brandon_grotesquebold', sans-serif;    
    font-size: 1.4rem;
    line-height: 1.1em;
    color: #fff;
    text-transform: uppercase;
    font-weight: normal;
    margin-bottom:20px;
    text-align:center;
}

.vote-for-us p{
    font-size: 1rem;
    line-height: 1.1em;
    color: #fff;
    text-align:center;

}
.btnVote img{
   max-width:257px;
   width:80%;
   margin:auto;
   margin-top:20px;
}




@media screen and (min-width:700px) {
    .vote-for-us .container {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-direction: row;
    }

    .titleVote {
        max-width: 400px;
        width: 30%;
    }

    .contentVote {
        width: 45%;
    }

    .btnVote {
        width: 25%;
        position: relative;
    }

    .btnVote img {     
        max-width: 180px;
        width: 100%;
        margin:unset;
    
    }

    .vote-for-us h2 {
        font-size: 1.4rem;
        line-height: 1.1em;
        margin-bottom: 0px;
        text-align: left;
        padding-right:1rem;
    }

    .vote-for-us p {
        font-size: 1rem;
        line-height: 1.2em;
        text-align: left;
        padding-right:1rem;
    }
    .btnVote img {
        position: absolute; 
        max-width: 200px;
        width: 100%;
        margin:unset;
        left: 50%;
        top: 15%;
        transform: translate(-50%,-15%);
    }
}
@media screen and (min-width:1000px) {
       .vote-for-us h2 {
        font-size: 1.8rem;
        line-height: 1.2em;
        padding: unset;

    }

    .vote-for-us p {
        font-size: 1.1rem;
        line-height: 1.4em;
          padding: unset;
    }
    .btnVote img {
     
        max-width: 257px;        
        left: 50%;
        top: 25%!important;
        transform: translate(-50%,-25%)!important;
    }
       
}



/*HERO IMAGES ON MOBILE*/

  @media screen and (max-width: 1560px){
      .staticHero.heroImage .row img {
      object-fit: cover;
      height: 400px;
    }
      .section.introContent {
      padding-top: 0rem!important;
    }
      .section.introContent .containerExpanded{
          margin-top:0px;
      }
        .section.introContent .six.columns img{
             max-width: 100%;
        }

     
 }




/*MAP IMAGE ON ITINERARIES */

.googleMapContainer .google-maps-scroll-prevent-cover{
    text-align: center;
}
@media screen and (max-width:700px) {
   .googleMapContainer .google-maps-scroll-prevent-cover img{
    width:100%
    }    
}



/* MailChimp Form Embed Code - Classic - 12/17/2015 v10.7 */
#mc_embed_signup form {display:block; position:relative; text-align:left; padding:10px 0 10px 3%}
#mc_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
#mc_embed_signup input {border: 1px solid #ABB0B2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {border-color:#333;}
#mc_embed_signup .button {clear:both; background-color: #aaa; border: 0 none; border-radius:4px; transition: all 0.23s ease-in-out 0s; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; font-weight: normal; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding: 0 22px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;}
#mc_embed_signup .button:hover {background-color:#777;}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}

#mc_embed_signup .mc-field-group {clear:left; position:relative; width:96%; padding-bottom:3%; min-height:50px;}
#mc_embed_signup .size1of2 {clear:none; float:left; display:inline-block; width:46%; margin-right:4%;}
* html #mc_embed_signup .size1of2 {margin-right:2%; /* Fix for IE6 double margins. */}
#mc_embed_signup .mc-field-group label {display:block; margin-bottom:3px;}
#mc_embed_signup .mc-field-group input {display:block; width:100%; padding:8px 0; text-indent:2%;}
#mc_embed_signup .mc-field-group select {display:inline-block; width:99%; padding:5px 0; margin-bottom:2px;}

#mc_embed_signup .datefield, #mc_embed_signup .phonefield-us{padding:5px 0;}
#mc_embed_signup .datefield input, #mc_embed_signup .phonefield-us input{display:inline; width:60px; margin:0 2px; letter-spacing:1px; text-align:center; padding:5px 0 2px 0;}
#mc_embed_signup .phonefield-us .phonearea input, #mc_embed_signup .phonefield-us .phonedetail1 input{width:40px;}
#mc_embed_signup .datefield .monthfield input, #mc_embed_signup .datefield .dayfield input{width:30px;}
#mc_embed_signup .datefield label, #mc_embed_signup .phonefield-us label{display:none;}

#mc_embed_signup .indicates-required {text-align:right; font-size:11px; margin-right:4%;}
#mc_embed_signup .asterisk {color:#e85c41; font-size:150%; font-weight:normal; position:relative; top:5px;}     
#mc_embed_signup .clear {clear:both;}

#mc_embed_signup .mc-field-group.input-group ul {margin:0; padding:5px 0; list-style:none;}
#mc_embed_signup .mc-field-group.input-group ul li {display:block; padding:3px 0; margin:0;}
#mc_embed_signup .mc-field-group.input-group label {display:inline;}
#mc_embed_signup .mc-field-group.input-group input {display:inline; width:auto; border:none;}

#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%; margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}

#mc-embedded-subscribe {clear:both; width:auto; display:block; margin:1em 0 1em 5%;}
#mc_embed_signup #num-subscribers {font-size:1.1em;}
#mc_embed_signup #num-subscribers span {padding:.5em; border:1px solid #ccc; margin-right:.5em; font-weight:bold;}

#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {display:inline-block; margin:2px 0 1em 0; padding:5px 10px; background-color:rgba(255,255,255,0.85); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size:14px; font-weight:normal; z-index:1; color:#e85c41;}
#mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error {border:2px solid #e85c41;}




/*POWR GAP AT TOP OF BROWSER*/

#powrIframeLoader{
    position:absolute;
    top:-30px;
}













/*HEADINGS*/
.promoLanding .intro h2,
.promoCta h2{
    text-transform: uppercase;
    font-weight: normal;
    font-family: 'brandon_grotesquebold',sans-serif;
    letter-spacing: .04em;  
}

.promoLanding .intro h2{
    color:#422d66;
    margin-bottom:2.5rem;
}

.promoLanding .intro h2:after,
.promoLanding.robert-sg #itin-about .holiday-intro-title h2:after{
    border:3px solid #43aa8b!important;
    margin: 2rem 0;
    content: '';
    display: block;
    width: 150px;
}

.promoLanding.robert-sg .highlights-included h2:after{
    border:3px solid #43aa8b!important;
    margin: 0.5rem 0;
    content: '';
    display: block;
    width: 150px;
}
.promoLanding.robert-sg #itin-about .holiday-intro-title h2{
    position:relative;
     margin-bottom:3rem;   
}
.promoLanding.robert-sg #itin-about h3{
    text-transform: uppercase;
    font-size: 1.4rem;
    line-height: 1.8rem;
    color: #43AA8B;
    font-family: 'brandon_grotesquebold', sans-serif;
}

















/*HERO SECTION*/

.promoLanding .heroImage img {
    width:100%;
    object-fit: cover;
    height: 360px;
}
@media (max-width:600px){

    .promoLanding  .heroImage .heroContent h1 {
        font-size: 2.6rem !important;
    }      
}
@media (min-width: 900px) {
    .promoLanding .heroImage img {   
        height: 600px!important;
    }
}
@media (min-width: 1350px) {
    .promoLanding .heroImage img {   
        height: 800px;
    }
}





/*INTRO SECTION*/
.promoLanding .intro img{
    width:100%;
    max-width:615px;
    margin:auto;
}
.promoLanding .intro{
    background-image: linear-gradient(180deg,#ffffff 80%,#43aa8b 20%) !important;

}

.promoLanding .intro .container{
    padding: 0rem 1.5rem;
    box-sizing: content-box;
    margin: 30px auto;
    background-color: #F4F4F0;
}
.promoLanding .intro .container .row .six{
    padding: 3rem 0;
}


@media (max-width:1000px){
    .promoLanding .intro .container,
    .promoLanding .intro.section{
        margin-top:0px;
    }
    .promoLanding .intro.section{
        padding-top:0px;
    }
    .promoLanding .intro .six.columns{
        width: 100%;
        margin-left:0;
    }
}
@media (min-width: 700px) {
    .promoLanding .intro .container{
        padding: 0rem 3rem;

    }
}

@media (min-width: 1530px) {
    .promoLanding .intro .container{
        padding: 0rem 5rem;
    }
    .promoLanding .intro .container .row .six{
        padding: 5rem 0;
    }
}





/*PROMOCTA*/
.section.promoCta{
    padding: 0rem 0 0rem 0;
}
.promoCta .container{
    width:100%;
    max-width:1520px;
    padding:0px;
}
.promoCta h2{
    font-size: 30px;
    color: #fff;
    text-transform:  uppercase;
    margin-bottom: 0px;
}
.promoCta h2 span{
    font-size: 18px;
    color: #422d66;
    display:block;
}
.promoCta strong{
    font-size: 20px;
}

.promoCta .button:hover{
    border: 1px solid #2e174d;
    background-color:#2e174d;
    color: #fff;
}
    .promoCta strong{
    font-size: 24px;
}
@media (min-width:1000px){
    
    .promoCta .columns.five{
        margin-left:2%;
        width: 41.333%;
    
    }
    .promoCta h2 span{
        font-size: 22px;
    }
    .promoCta .hideDesktop{
        display:none;
    }


}
@media (max-width:1000px){
    .promoCta .columns.five{
        margin-left:2%;
        width: 41.333%;
    
    }
    .promoCta .container .columns{
        width: 100%;
        margin-left:0;
        padding: 0rem 0 1rem 0;
    }
    .promoCta .container .columns.alignRight{
        text-align:left;
    }
}


@media (min-width:1024px){
    .section.promoCta{
        padding: 2rem 0 4rem 0;
    }
}



@media (max-width: 1530px) {
    .promoCta .container{
        padding:2rem;
    }
}

@media (min-width: 1530px) {
    .promoItin .container{
        width:100%;
        max-width:1520px;
        padding:0px;
    }
    .promoCta h2{
        font-size: 40px;        
    }
    .promoCta .button{
        width: 90%;
        max-width:290px;
        font-weight:600;
    }
   
}



/*PROMOITIN*/
.promoItin{
    background-image: linear-gradient(180deg,#2e174d 86%,#fff 14%) !important;
}
.robert-landing .promoItin{
    background-image: none!important;
    background-color: #2e174d;
}

.promoItin h2,
.promoItin h4{
  text-transform:uppercase;
  padding-top:3rem;
  color:#43aa8b;
  font-size: 18px;
  letter-spacing: 0.125em;
  font-family: 'brandon_grotesquebold', sans-serif;
}
.promoItin h3{
    text-transform:uppercase;
    color:#fff;
    font-size: 36px;
    letter-spacing: 0.025em;
    font-family: 'brandon_grotesquebold', sans-serif;
  }
  .meetRobert h3{
    text-transform:uppercase;
    color:#2e174d;
    font-size: 36px;
    letter-spacing: 0.025em;
    font-family: 'brandon_grotesquebold', sans-serif;
  }
  .meetRobert .button{
    margin: 3rem auto 1rem auto;
  }

  @media (min-width: 1280px) {
  .promoItin h3,
  .meetRobert h3{
    font-size: 50px;
  }
    .promoItin h2,
    .promoItin h4{
    font-size: 24px;
    }
}






  .promoItin h3:after,
  .meetRobert h3:after{
    border:3px solid #43aa8b!important;
    margin: 0.5rem auto;
    content: ' ';
    display: block;
    width: 150px;

}

.promoItin .itinDetails{
    color:#fff;

}
.promoItin .itinDetails h4{
    color:#fff;
    font-size: 20px;
}
.promoItin .itinDetails h4 span,
.promoItin .itinDetails h5{
    display:block;
    color:#43aa8b;
}
.promoItin .itinDetails .button{
    margin:2rem 0 4rem 0;
    padding: 0.5rem 2rem 0.5rem 2rem!important;
}

.promoItin .itinDetails .googleMapItin {
    width: 100%;
    min-height: 480px;
    margin-top: -68px;
}

@media (max-width: 700px) {
    .promoItin .itinDetails .googleMapItin.kerry-spitz {
        width: 100%;
        max-height: 480px;
        margin-top: -68px;
    }
}

@media (min-width: 1000px) {
.promoItin .itinDetails{
    padding-top:3rem;
}
}




/*MAIN ROBERT PAGE*/
.robert-landing .promoItin{
    margin-bottom:4rem;
    padding-bottom: 5rem;
}

.robert-landing .promoItin .itinDetails h4{
    font-size: 20px;
    margin:0px;
    padding: 0rem 0 0 0;
    line-height: 26px;
}
.robert-landing .promoItin .itinDetails h5 {
    font-size: 18px;
    text-transform:uppercase;
    font-family: 'brandon_grotesquebold', sans-serif;
    letter-spacing: 0.125em;
    font-weight: normal;
    font-style: normal;
}
.robert-landing .googleMapItin {
    height: 350px;
}
@media (max-width:999px) {
    .robert-landing .promoItin .seven,
    .robert-landing .promoItin .five {
        width: 100%;
        text-align:center;
        margin: 2rem 0px 0px 0px;
    }
}


@media (min-width: 1000px) {
    .robert-landing .promoItin .itinDetails h4 {
        font-size: 22px;
        padding: 2rem 0 0 0;
        line-height: 30px;
    }

    .robert-landing .promoItin .itinDetails h5 {
        font-size: 20px;
    }
    .robert-landing .promoItin .itinDetails div:first-child {
    padding-right:5%;
}
    .robert-landing .googleMapItin {
    height: 595px;
}
}















/*MEET ROBERT*/

.meetRobert{
    padding-top:2rem;
}




/*ROBERT TESTIMONIAL*/
.robertTestimonial{
    padding-top:3rem;
}

.robertTestimonial .col-right{
    background-color: #f4f4f0;
    padding: 3rem 3rem 5rem 3rem;
    width: 100%;
    z-index: 9;
}
.robertTestimonial p em{
    text-transform:uppercase;    
    color:#341b5b;
    font-size: 20px;
    line-height:28px;
    font-family: 'brandon_grotesquebold', sans-serif;
    position:relative;
    padding-top:4rem;
    font-style: normal;
    display:block;
}
.robertTestimonial p em:before{
    content: open-quote;
    position:absolute;
    top:0px;
    color: #43aa8b;
    font-size: 10rem;
    line-height: 8rem;
}
.robertTestimonial p strong{
    display:block;
    color: #43aa8b;
    text-transform: normal;
    font-size: 20px;
    margin-top:2rem;
}
.robertimage{
    object-fit: cover;
    height: 440px;
    width: 100%;
    padding: 0px;
    margin: 0px;
    display: block;
}


@media (min-width: 1024px) {
    .robertTestimonial{
        padding-top:3rem;
        margin-bottom:3rem;
    }
    .robertTestimonial .col-left{
        margin-right:-5rem;
    }
    .robertTestimonial .col-right{
        width: 55%;
        margin-right: -5%;
    }
    .robertimage{
        height: 740px;

    }
}

@media (min-width: 1280px) {

    .robertTestimonial{
        padding-right:5rem;
        padding-top:5rem;
        margin-bottom:5rem;
    }
        .robertTestimonial p em{
            font-size: 24px;
            line-height:34px;
    }
}


/*PROMO POPUP*/
#promo-newsletter-signup,
#promo-register-interest{
    background-color: #f4f4f0;
    height: 100%;
    border-radius: 30px;
}
#promo-newsletter-signup #mc_embed_signup,
#promo-register-interest #mc_embed_signup{
  background: #f4f4f0;
  border-radius: 30px;
  width:100%;
}

#promo-newsletter-signup #mc_embed_signup form,
#promo-register-interest #mc_embed_signup form{
    margin: 0px;
    background: unset;
}
#promo-newsletter-signup #mc_embed_signup form input[type="text"],
#promo-register-interest #mc_embed_signup form input[type="text"]
{
    height:36px;
    margin-bottom:0.7rem;
}
@media (max-width: 700px) {
   #promo-newsletter-signup #mc_embed_signup,
   #promo-register-interest #mc_embed_signup{
        padding: 1rem;
    }
}



    #promo-register-interest.compPopup #mc_embed_signup .mc-field-group li {
    width: 100%!important;
    font-size: 12px;
    }
    #promo-register-interest.compPopup #mc_embed_signup .mc-field-group li input {
        margin-bottom: 0px !important;
    }





/*DISABLE DESTINATION BUTTON LOAD MORE HOLIDAYS ON MOBILE*/
@media (max-width: 700px) {
    .mobileOnlyDestButton a.button {
        max-width: 290px!important;
    }
}
@media (max-width: 1280px) {
    .mobileOnlyDestButton {
        display: block;
        width: 100%;
        padding-bottom:2rem!important;
    }
    .mobileOnlyDestButton a.button {
        max-width: 350px;
    }
    
    .bestDeals.section, #related-trips.section {
        padding: 4rem 0rem 1rem 0rem !important;
    }
    a#btn-load-more-best-deals {
        display: none;
    }
}

@media (min-width: 1280px) {
    .container.mobileOnlyDestButton {
       max-width:unset;
        width:100%;
    }
    .mobileOnlyDestButton{
        display:none;
    }
}




/*thankyouRobert*/

.thankyouRobert .heroImage{
    max-height:500px;
}
.thankyouRobert  .heroImage img{
    object-fit:cover;
}

.thankyouRobert h2{

    padding: 0rem;

}

.thankyouRobert .ps{
   background-color: #F4F4F0;
    border-radius:20px;
    padding:3rem;
    margin: 3rem auto 3rem auto;
    max-width:1000px;
    text-align:left;
}
.thankyouRobert .ps .socialMedia{
    padding-top:2rem;
}
 .thankyouRobert .bta-vote{
     display:block;
}
@media (min-width: 700px) {
    .thankyouRobert .bta-vote {
        float: right;
        display:inline-block;
    }
    .thankyouRobert h2{
    max-width:1000px;
    padding: 2rem;
    margin:auto;
}
}

.thankyouRobert .ps .socialMedia svg {
      max-width: 40px;
      margin-right: 10px;
      height: 40px;
}



/*LATEST NEWS*/
 .new-post .rightCol {
        padding-top: 1rem;
    }
@media (min-width: 600px) {
    .new-post .rightCol {
        padding-top: 7rem;
    }
}



















/*ROBERT SOUTH GEORGIA PROMO*/

.promo-hero .hero-content {
     z-index:1;
     position:relative;
}
.promo-hero .itinCard{
    position:relative;
    padding-top:20px;
    text-align:center;
    margin-top:0px;
}
.promo-hero .itinCard h2{
      color: #422d66;
      text-transform: uppercase;
      font-weight: normal;
      font-family: 'brandon_grotesquebold',sans-serif;
      letter-spacing: .04em;
      font-size: 20px;
      max-width: 300px;
      margin-bottom:20px;
      padding-bottom:0px;
}
.promo-hero .itinCard span{
      color: #3aab8d;
      text-transform: uppercase;
      font-weight: normal;
      font-family: 'brandon_grotesquebold',sans-serif;
      letter-spacing: .04em;
      font-size: 18px;
      margin-bottom:10px;
      padding-bottom:0px;
      display:block;
}
.promo-hero .itinCard span em{
    font-size: 14px;
    font-style: normal;
}

.promo-hero .itinCard p{

}
.desktoptitle{
        display:none;
}

@media screen and (max-width: 450px) {
.hero-block.promo-hero#destination-hero-img {
    background-size: 183%!important;
    background-position: -67px 0px!important;
  }
    .promoLanding.robert-sg .hero-block.promo-hero .col-1{
       display: flex;
       flex-direction: column;
  }
      .promoLanding.robert-sg .hero-block.promo-hero .col-1 img{
       max-width:140px;
       margin:auto;
  }
    .promoLanding.robert-sg .hero-block.promo-hero .col-1 img {
        order: 2;
        margin-bottom:20px;
    }
    .promoLanding.robert-sg .hero-block.promo-hero .col-2 span span{
        display:block;
    }   
    .promoLanding.robert-sg .hero-block.promo-hero .col-2 span span em{
        display:none;
    }
    .promoLanding.robert-sg .hero-block.promo-hero .col-2 span span{
        font-size: 2rem;
    }
}
@media screen and (min-width: 450px) {
    .promoLanding.robert-sg .hero-block.promo-hero .col-2 span span{
        display:inline-block;
    } 
}



@media screen and (max-width: 650px) {
    .hero-block.promo-hero{
        padding:0 1rem 0 1rem;
    }
    .hero-block.promo-hero#destination-hero-img {      
        background-size: 241%;
    }
    .hero-block.promo-hero .hero-content{
        padding: 0px;
    }
    .hero-block.promo-hero .itinCard{
        margin-top:250px;
    }
    .hero-block.promo-hero .hero-content h2{
        margin:1rem auto 1rem;
    }
    .hero-block.promo-hero .itinEnqBtn{
        text-align:left;
    }
}
@media screen and (min-width: 650px) and (max-width: 768px) {

    .hero-block.promo-hero .hero-content{
        padding-top:300px;
    }
    .hero-block.promo-hero .itinCard {
      margin-top: 0px;
    }
}


@media screen and (min-width: 650px) and (max-width: 1023px){
     .hero-block.promo-hero#destination-hero-img {
      background-repeat: no-repeat;
      background-position: top center;
      background-size: 110%!important;
    }
   .hero-block.promo-hero .itinCard.four.columns {
      width: 100%;
      float: unset;
      display:flex;
      flex-direction: row;
      margin-left:0px;
      margin-right: 0px;
    }
    .hero-block.promo-hero .itinCard.four.columns .twelve.columns {
      display:flex;
    }
     .hero-block.promo-hero .itinCard.four.columns .twelve.columns div.col-1,
     .hero-block.promo-hero .itinCard.four.columns .twelve.columns div.col-2{
       width:50%;
    }

   .hero-block.promo-hero .hero-content h2{
        margin:1rem auto 1rem;
    }
   
  }

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .hero-block.promo-hero .itinCard{
        margin-top:300px;
    }
}





@media screen and (min-width: 1023px) {
    .desktoptitle{
        display:block;
    }
    .promo-hero .overlay {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
        background-color: #000;
        opacity: 0.2;
        z-index: 0;
    }
    .promo-hero .itinCard .robert-image {
        position: absolute;
        top: -5rem;
        right: 0px;
    }
    .promo-hero .itinCard{
    text-align:left;

    }
}


  @media screen and (min-width: 1024px){
    .promo-hero .itinCard {
        max-width: 450px;
        min-width: 350px;
        float: right;
    }
    .promoLanding.robert-sg  .promo-hero .itinCard {
        max-width: 450px;
        min-width: 450px;
    }
    .mobiletitle{
        display:none;
    }
  }






@media (max-width: 768px) {
    .promoLanding.robert-sg .section.holidayDetails{
        padding-top:4rem;
    }
    .promoLanding.robert-sg .holiday-intro-title h2 {
        line-height: 1.2em;
    }

    .promoLanding.robert-sg .holidayDetails.section#itin-highlights {
        padding: 0px;
    }

    .promoLanding.robert-sg .highlights-included .four {
        padding:4rem 0 3rem 0rem;
    }
    .promoLanding .intro .container .row .six.promoVideo{
        padding-top:0rem;
    }
}


/*ITINERARY BRIEF*/
 .promoLanding.robert-sg #itin-about .intro-image  {
        padding-top: 2rem;  

}
  .promoLanding.robert-sg #itin-about .intro-image img {

        width:100%;
}

@media (min-width: 1280px) {
    .promoLanding.robert-sg #itin-about .intro-image {
        padding-top: 110px;
    }
}


@media (min-width: 768px) and (max-width:1279px) {
    .promoLanding.robert-sg .highlights-included .eight,
    .promoLanding.robert-sg .highlights-included .four{
        width:100%;
        margin-left:0;
    }
}


@media (min-width: 1024px){
   .promoLanding.robert-sg .holiday-intro-title h2 {
    line-height: 1.2em;
   }
   .promoLanding.robert-sg .section.holidayDetails {
      padding: 2rem 0rem 0rem 0rem;
    }
   .promoLanding.robert-sg #itin-about.section.holidayDetails{
       padding-top:4rem;
   }
}

@media (max-width: 1000px) {
    .itindesc.desktop {
        display: none;

    }
}
@media (min-width: 1000px) {
   .itindesc.mobile {
        display: none;
    }
}






/*HIGHLIGHTS*/
.promoLanding.robert-sg .highlights-included li{
   font-size: 1.2rem;
   position:relative;
   padding-left:2rem;
}

.promoLanding.robert-sg .highlights-included li:before {
   content: "•";
    color: #43aa8b;
    font-size: 3rem;
    position: absolute;
    left: 0rem;
    top: 0px;
    line-height: 12px;
}


.promoLanding.robert-sg .intro{
       background-image: linear-gradient(180deg,#ffffff 80%,#43aa8b 20%) !important;
}

/*TESTIMONIAL*/
.robert-sg-Testimonial{
    margin-top:3rem;
}

.robert-sg-Testimonial p em{   
    color:#341b5b;
    font-size: 24px;
    line-height:30px;
    position:relative;
    padding-top:1rem;
    font-style: italic;
    display:block;
    padding-left:4.5rem;
}
.robert-sg-Testimonial p em:before{
    content: open-quote;
    position:absolute;
    top:0px;
    color: #43aa8b;
    font-style: normal;
    font-size: 10rem;
    line-height: 8rem;
    font-family: 'brandon_grotesquebold', sans-serif;
    left:0;
}
.robert-sg-Testimonial p strong{
    display:block;
    color: #43aa8b;
    text-transform: normal;
    font-size: 20px;
    margin-top:2rem;
    margin-left:4.5rem;
}



/*VIDEO*/
.promoVideo img.video-image{
    width:100%;
    opacity:0.8;
    padding:0px;
    margin:0px;
    display:block;
    max-width:unset;
}
.promoVideo .dest-video-button{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.promoVideo.destinationVideoIntro .video-dest {
    position: relative;
    background-color: #000;
}

.promoVideo.destinationVideoIntro .dest-video-button#btn-play-video{
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 88.5 88.5"> <path d="M44.25 80.45c20 0 36.2-16.21 36.2-36.2s-16.2-36.2-36.2-36.2-36.2 16.2-36.2 36.2 16.21 36.2 36.2 36.2Zm0 8.05c24.44 0 44.25-19.81 44.25-44.25S68.69 0 44.25 0 0 19.81 0 44.25 19.81 88.5 44.25 88.5Z" fill-rule="evenodd" fill="%23fff"/> <path d="M60.34 44.25 36.2 61.67V26.83l24.14 17.42Z" fill="%23fff"/></svg>');
    width:90px!important;
    height:90px!important;
    float: unset;
    text-indent: -987654px;
    background-repeat: no-repeat;
}

@media (max-width: 768px) {
    .promoLanding.robert-sg .destinationVideoIntro.promoVideo{
        padding-bottom:2rem!important;
    }
    .promoLanding.robert-sg .promoVideo img.video-image{
        object-fit: cover;
        height: 400px;
     }
}

@media (min-width: 768px){
    .promoLanding.robert-sg .promoVideo img.video-image{
        object-fit: cover;
        height: 620px;
    }
}



/*CTA*/

@media (max-width: 768px) {
    .promoLanding.robert-sg .promoCta {
        padding: 0rem 0 3rem 0;
    }
}
.promoLanding.robert-sg .promoCta h2 {
   font-size: 32px;
}

/*
.btn-chat{
    display:flex;
    justify-content:space-around;
    align-items:center;
    font-size: 24px;
    padding: 1rem 1rem 1rem 1rem;
}
.btn-chat svg{
    width:50px;
    height:auto;
}*/



/*DAY BY DAY*/

.promoLanding.robert-sg .twelve.columns.resultItem.itineraryDayContainer.last-item{
    display:block!important;
}
@media (max-width: 768px) {
    .promoLanding.robert-sg .twelve.columns.resultItem.itineraryDayContainer.last-item {
        margin-bottom:0px;
    }
}

/*VESSELS*/

.promoLanding.itineraryLanding #itin-vessel .resultList:last-child {
    padding-bottom:0px;
}
@media (max-width: 768px) {
    .promoLanding.itineraryLanding #itin-vessel .resultContent{
        padding:2rem;
    }
}


/*CABINS*/

.promoLanding .intro.accommodation-cabins .container {
        padding: 3rem 1rem;
}
.promoLanding.robert-sg .section.intro.accommodation-cabins{
    background-image: linear-gradient(180deg, rgba(46,23,77,1) 12%, rgba(255,255,255,1) 12%, rgba(255,255,255,1) 90%, rgba(67,170,139,1) 90%)!important;}

.cabin-notice{
    text-align:center;
    max-width:900px;
    margin: 3rem auto 2rem;
    padding-left:1rem;
    padding-right:1rem;
}
@media (min-width: 700px) {
    .promoLanding .intro.accommodation-cabins .container {
        padding: 3rem 2rem;
}
    .promoLanding .intro.accommodation-cabins h2 {
        text-align: center;
        position:relative;
        max-width:500px;
        margin: 0 auto 3rem auto;
    }
    .promoLanding.robert-sg .intro.accommodation-cabins h2:after{
         content:' ';
         display:block;
         border:3px solid #fff;
         width: 150px;
         margin: 0.5rem Auto;
        }
}
@media (min-width: 1280px) and (max-width: 1529px) {
    .promoLanding .intro.accommodation-cabins .container {
        padding: 4rem 0rem;
}
}
 @media (min-width: 1530px){
      .promoLanding .intro.accommodation-cabins .container {
        padding: 4rem 5rem;
   }
}


.cabin-rates{
    display:flex;
    justify-content: space-between;
    flex-direction:column;
    margin: 0 0px;
}
.cabin-rates .cabin{
    width:100%;
    display:flex;
    flex-direction:column;
    justify-content: space-between;
    margin-bottom:2rem;
}
.cabin-rates .cabin .image{
    width:100%;
}
.cabin-rates .cabin .image img{
    object-fit:cover;
    height:100%;
}
.cabin-rates .cabin .detail{
    width:100%;
    padding:0px;
    font-size: 16px;
    line-height:20px;
}
.cabin-rates .cabin .detail div:first-child{
    background-color: #fff;
    padding:20px;
}
.cabin-rates .cabin .detail h3{ 
    color: #2e174d;
    padding:0px;
    margin:0px 0px 10px 0px;
    font-size: 21px;
    line-height:26px;
}
.cabin-rates .cabin .detail .cabin-price{
    font-size: 13px;
    text-transform:uppercase;
    margin-top:1rem;
     display: flex;
     flex-direction: row;
     justify-content:flex-end;
     align-items:flex-start;
     font-family: 'brandon_grotesquebold',sans-serif;
}
.cabin-rates .cabin .detail .cabin-price em{
        font-style:normal;
        padding: 0px 5px 0px 0px;
     
}
.cabin-rates .cabin .detail .cabin-price em span{
       position:relative;
}
.cabin-rates .cabin .detail .cabin-price em span:before{
content: '';
width: 107%;
height: 1px;
position: absolute;
left: -2px;
top: 9px;
background-color: #353535;
display: inline-block;

}
.cabin-rates .cabin .detail .now-price{
     display: flex;
     flex-direction: row;
     justify-content:flex-end;
     align-items:flex-start;
     color:#43aa8b;
}
.cabin-rates .cabin .detail .now-price strong {
    font-style:normal;
    font-weight:normal;
    font-size: 28px;
    line-height:32px;

}

@media (max-width:1099px) {
     .cabin-rates .cabin .detail{
        padding:0px 20px 0px 20px;
        margin: -20px auto 0 auto;
        width:100%;               
    }
}
@media (min-width: 600px) and (max-width:1099px) {
    .cabin-rates {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
        margin: 0 -15px;
    }
    .cabin-rates .cabin {
        padding: 15px;
        width: 50%;
        flex-direction:column;        
        margin-bottom:0rem;
    }
   

}



@media (min-width: 1100px) {
    .cabin-rates {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
        margin: 0 -20px;
    }
    .cabin-rates .cabin {
        padding:20px;
        width: 50%;
        flex-direction:row;
        align-items:center;
        margin-bottom:0rem;
    }
    .cabin-rates .cabin .image{
        width: 55%;
        height: 100%;
    }
    .cabin-rates .cabin .detail{
        padding:20px 0 20px 0;
        width: 100%;        
    }
    .cabin-rates .cabin .detail{
        width: 55%;
        margin-left:-5%;
    }   
}




@media (min-width: 1280px) and (max-width:1549px) {
    .accommodation-cabins .twelve.columns{ 
        padding-left:2rem;
        padding-right:2rem;
    }
}


@media (min-width: 1530px) {
    .cabin-rates {
        margin: 0 -30px;
    }
    .cabin-rates .cabin {
        padding: 30px;
    }
}





/*SPECIAL OFFER*/



.promoCta.promoOffer img{
    max-width: 250px;
}
.promoCta.promoOffer strong{
  color: #fff;
}
.button.btn-promo-enquire{
    font-size: 18px;
    height:60px;
    border: 2px solid #fff;
    display:flex;
    align-items: center;
    justify-content:center;
    max-width:230px;
}
@media (max-width: 700px) {
    .promoLanding.robert-sg .cta.holidaySpecialBanner{
        padding-top:0px;
}
    .promoLanding.robert-sg .promoCta p {
        padding: 1rem 0 2rem 0;
    }
    .promoLanding.robert-sg .cta.holidaySpecialBanner .holidaySpecialOffer {
  margin-bottom: 0rem;
}
}

@media (min-width: 1024px){
    .promoLanding.robert-sg .section.promoCta {
      padding: 0rem 0 2rem 0;
    }
    .button.btn-promo-enquire{
    font-size: 24px;
    height:100px;
    border: 2px solid #fff;
    display:flex;
    align-items: center;
    justify-content:center;
    max-width:unset;
}
  }



/*IMAGE GALLERY*/

@media  (max-width: 700px) {
    .promoLanding.robert-sg .imageGallery.section {
        padding: 6rem 0rem 3rem 0!important;
    }
}
@media (min-width: 700px) and (max-width: 1279px) {
    .promoLanding.robert-sg .imageGallery.section {
        padding: 6rem 0rem!important;
    }
}



/*ENQUIRY*/

.promo-enquiry.intro .container {
    background-color: #Fff;
}
.contact-number{
    display:flex;
    justify-content: flex-start;
    align-items: center;
    max-width:364px;
    margin-top:4rem;
}
.contact-number svg{
    fill:#43AA8B;
    margin-right:20px;
    width: 56px;
    height: 100%;
}
.contact-number em{
    font-family: 'brandon_grotesquebold',sans-serif;
    font-size: 16px;
    font-style: normal;
    line-height: 24.5px; /* 153.125% */
    letter-spacing: 1.12px;
    text-transform: uppercase; 
    display:block;
    color:#43AA8B;
}


.contact-number strong{
    font-family: 'brandon_grotesquebold',sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: normal;
    line-height: 24.5px; /* 76.563% */
    letter-spacing: 1.6px;
    text-transform: uppercase; 
    display:block;
    color:#43AA8B;
}


.contact-number em{
    font-family: 'brandon_grotesquebold',sans-serif;
    font-size: 16px;
    font-style: normal;
    line-height: 24.5px; /* 153.125% */
    letter-spacing: 1.12px;
    text-transform: uppercase; 
    display:block;
    color:#43AA8B;
}
 .contact-number em span{
        display:block;
        clear:left;
}


 @media (min-width: 400px) {
    .contact-number em span{
        display:inline-block;
        clear:none;
    }
    .contact-number {
        display: flex;
        justify-content: space-between;
    }
}
@media (min-width: 768px) {
    .promo-enquiry.intro .container .row .six.col-content {
        padding-right: 3rem;
    }
    .contact-number em span{
        display:inline-block;
        clear:none;
    }
    .contact-number {
        display: flex;
        justify-content: space-between;
    }

}




@media (max-width: 1000px) {
    .contact-number.mobile{
        display:flex!important;
    }
    .contact-number.desktop{
        display:none!important;
    }
}

@media (min-width: 1000px) {
    .contact-number.mobile{
        display:none!important;
    }
    .contact-number.desktop{
        display:flex!important;
    }
}




/*ENQUIRY form*/
.promoLanding.robert-sg .promo-enquiry .col-enquire {
    padding-top:0px!important;
}
.promo-enquiry .col-enquire .mc-field-group{
    padding-bottom:0px;
}
.promo-enquiry #mc_embed_signup form{
    padding: 0px;
}
.promo-enquiry .form-cols{
    display:flex;
    flex-wrap: wrap;
    justify-content:space-between;
}
.promo-enquiry #mc_embed_signup .form-cols .mc-field-group{
    width:100%;
}
.promo-enquiry #mc_embed_signup .form-cols .mc-field-group.col-50{
    width:100%;
}
.promo-enquiry .col-enquire label{
    text-transform: uppercase;
    font-family: 'brandon_grotesquebold',sans-serif;
    color: #422d66;
    font-size: 16px;
}
.promo-enquiry .col-enquire input,
.promo-enquiry .col-enquire select{
    border: none!important;
    background-color:#f8f8f6;
    margin-bottom:0px!important;
    font-size: 1rem;
}
.promo-enquiry #mc_embed_signup .mc-field-group{
    padding-bottom: 20px;
}
.promo-enquiry #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error{
    margin: 2px 0 0em 0;
    padding: 5px 0px;
}
.promo-enquiry #mc_embed_signup div#mce-responses {
  float: unset;
  top: -1.4em;
  padding: 0;
  overflow: hidden;
  width: 100%;
  margin: 10px 0px;
  clear: both;


}
.promo-enquiry #mc_embed_signup #mce-error-response{
      background-color:#2e174d;
      color: #fff;    
      width:100%;
      display:block;
  
}
.promo-enquiry #mc_embed_signup #mce-success-response.response{
      background-color:#2e174d;
      color: #fff;
      padding:1rem;
      width:100%;
      border-radius:6px;
      font-size: 18px;
      font-weight:normal;
}
.promo-enquiry .col-enquire .asterisk {
    color: #43aa8b!important;
}

.promo-enquiry #mc_embed_signup .button {
    clear: both;
    background-color: #43aa8b;
    border: 0 none;
    border-radius: 4px;
    transition: all 0.23s ease-in-out 0s;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    font-weight: normal;
    height: 50px;
    text-transform:uppercase;
    line-height: 32px;
    margin: 0 0px 0px 0;
    margin-bottom: 10px;
    padding: 0 22px;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
    white-space: nowrap;
    width: auto;
}

.promoLanding.robert-sg .promo-enquiry.intro {
  background-image: none !important;
}
@media (min-width: 768px) {
    .promo-enquiry #mc_embed_signup .form-cols .mc-field-group.col-50{
         width:48%;
    }
}



















/*DESTINATIONS PAGE*/



.destinations-row{
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 -20px;
}

.destinations-row .destination{
    width:100%;
    padding: 20px;
}
.destinations-row .destination img {
    width: 100%;
    object-fit: cover;
    height:300px;
}
.destination-content{
    background-color: #f4f4f0;
    text-align:center;
    flex-direction: column;
    display:flex;
    justify-content: center;
    align-items: center;
     min-height: 120px;
    width: 80%;
    margin: -4rem auto 0 auto;
    z-index: 1;
    position: relative;
    padding:0px 1rem;
    letter-spacing: 0.125em;
    text-transform: uppercase;
    font-size: 1.2rem;
    font-family: 'brandon_grotesquebold', sans-serif;
}
.destination-content strong{
    display:none;
}

@media (min-width: 600px) {
    .destinations-row .destination {
        width: 50%;
    }

    .destinations-row .destination img {
        height: 200px;
    }
     .destinations-row {
        margin: 0 -15px;
    }
    .destinations-row .destination {
        padding: 15px;
    }
}

@media (min-width: 1000px) {
    .destinations-row .destination {
        width: 33.3333%;
    }

}

@media (min-width: 1280px) {
    .destinations-row .destination img {
        height: 300px;
    }

    .destinations-row {
        margin: 0 -30px;
    }
    .destinations-row .destination {
        padding: 30px;
    }
}





/*STATIC HEROS FOR DESTINATIONS AND EXPERIENCES*/

.hero-static{
    max-height:600px;
}
.hero-static img{
   object-fit:cover;
   object-position: center center;
   height:600px;
}

@media screen and (max-width: 749px){
     .heroImage.hero-static img {
          max-width: 100%;
          width: 100%;
        }
  }





/*EXPERIENCES FILTER*/
.experiences .title-block h2{
    text-align:center;
}
.filterTypes{  
       margin:auto;
}
ul#filterOptions {
    display:flex;
    flex-direction: row;
    width:100%;
    justify-content: space-evenly;
    list-style-type: none;
     margin: 0 -4px;
}

#filterOptions li a{
  width:100%;
  height: 40px;
  background-color: #f4f4f0;
  text-align: center;
  flex-direction: column;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 0px 0.8rem;
  letter-spacing: 0.025em;
  text-transform: uppercase;
  font-size: 0.8rem;
  font-family: 'brandon_grotesquebold', sans-serif;
  border-radius: 4px;
}
#filterOptions li.active a{
    background-color: #43AA8B;
    color: #fff;
}




@media (min-width: 450px){
    #filterOptions li a {      
        min-height: 40px;
        padding: 0px 1rem;
        letter-spacing: 0.125em;
        font-size: 0.9rem;
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .filterTypes {       
    }
    ul#filterOptions {
        margin: 0 -5px;
    }

    #filterOptions li {
        width: 25%;
        padding: 5px;
    }
}


@media (min-width: 1024px) {
    .filterTypes {
        max-width: 880px;
    }
    ul#filterOptions {
        margin: 0 -20px;
    }

    #filterOptions li {
        width: 25%;
        padding: 20px;
    }
}



/*UGANDA NOTICE
.notice-Uganda .destination-notice{
    display:block;
}
.destination-notice{
    display:none;
}

.notice-Uganda .destination-more-content{
    display:none;
}
*/

/*GOOGLE REVIEW WIDGET*/
.g-reviews-widget .google-reviews {
    display: flex;
    flex-direction: row;
    justify-content:center;
    margin-bottom:20px;
}
.g-reviews-widget .google-reviews .gr-reviews {
   font-size: 17px;
}

.g-reviews-widget .google-logo{
    max-width: 80px;
}
.g-reviews-widget{
    padding:20px;
    font-family: arial,sans-serif;
}
.gr-review-single{
    display:flex;
    justify-content: start;
    border-radius:8px;
    padding:10px;
    margin-bottom:10px;
    background-color: #fff;

}
.gr-cust-image{
    margin-right:10px;
}
.gr-cust-image .no-image{
    display:flex;
    justify-content:center;
    align-items:center;
    font-size: 24px;
    border-radius:100px;
    background-color: brown;
    color: #fff;
    width:40px;
    height: 40px;
}

.gr-cust-image .no-image.cust-blue{
    background-color: blue;
}
.gr-cust-image .no-image.cust-red{
    background-color:crimson;
}
.gr-cust-image .no-image.cust-green{
    background-color:darkcyan;
}
.gr-cust-image .no-image.cust-orange{
    background-color:coral;
}

.gr-name{
    font-size: 13px;
    font-weight: bold;
}
.gr-desc{
    color: #70757a;
  display: inline-block;
  font-size: 13px;
  display:block;
}
.gr-star-update{
    display:flex;
    justify-content: start;
    align-items: center;
    margin-top:8px;
}
.gr-star-update .gr-stars{
    display:flex;
    flex-direction:row;
    justify-content:space-between;
}
.gr-star-update .gr-stars svg {
    fill:#fbbc04;
}
.gr-star-update .gr-stars svg.grey-star {
    fill:#dadce0;
}
.gr-star-update .gr-update {
    color: #70757a;
  font-size: 13px;
  padding-left:10px;
}

.gr-review{
    margin-top:8px;
    line-height:18px!important;
}
.gr-review p{
    font-size: 13px;
    display:inline;
}
.gr-review br{
    display:none;
}
.gr-review .button.button-white.button-more{
    padding: 0 0!important;
    line-height: 18px!important;
    min-width:unset!important;
    border: 0px!important;
    min-height:unset!important;
       text-transform: lowercase!important;
       font-weight: normal!important;
      font-size: 13px!important;
      font-family: arial,sans-serif!important;
      letter-spacing: 0px!important;
}
.gr-review .button.button-white.button-more:after{
    display:none;
}
.gr-review .button.button-white.button-more:hover{
    padding: 0 0!important;
    line-height:18px!important;

    margin:0px!important;
    background-color:#ffffff!important;
    color:#4aa88d;
    border: 0px!important;
    text-transform: lowercase;
      font-weight: normal;
          font-size: 13px;
}






/*ROBERT FULLER AFRICA LANDING PAGE*/

.rb-africa .six.columns.alignCenter.landing-page-video{
    padding:0px 0px 2rem 0;
}


#promo-newsletter-signup.compPopup #mc_embed_signup .helper_text{
    background-color: transparent!important;
}
#promo-newsletter-signup #mc_embed_signup h2{

    font-family: 'brandon_grotesque_regularRg', sans-serif;
    color: #43aa8b;
    font-size: 1.9em;
    font-weight:400;
}
#promo-newsletter-signup #mc_embed_signup p{
    font-family: 'brandon_grotesque_regularRg', sans-serif;
    color: #353535;
    font-size: 1.2em;
}
.rb-africa .promoItin{
    background-image: none!important;
}


/*VIDEO*/
.landing-page-video{
    position:relative;
}

.landing-page-video .video-dest img.video-image{
    width:100%!important;
    opacity:0.8;
    padding:0px;
    margin:0px;
    display:block;
    max-width:unset;
    object-fit: cover;
    height: 500px;
}
.landing-page-video .video-dest .dest-video-button{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.rf-quote{
    background-color:#fff;
    padding:2rem;
    border-radius:10px;
    margin-top: 3rem;
    margin-bottom:2rem;
    width: 100%;
    z-index: 10;
    position: relative;
    display:block;
}
.rf-quote svg{
    fill: #422d66;
    position: absolute;
    top:-20px;
    left:20px;
}
.rf-quote p{
    color: #43aa8b;
    font-size: 20px;
    line-height: 30px;
    position:relative;
}
.rf-quote p a{
    text-decoration:underline;
    font-weight: 600;
}
.rf-quote p span{
    color: #422d66;
    font-size: 16px;
    text-transform: uppercase;
    font-weight:600;
    display:block;
    margin-top:10px;
}
.rf-quote p:before {
  content: open-quote;
  position: absolute;
  top: -60px;
  color: #43aa8b;
  font-size: 10rem;
  line-height: 8rem;
}


/*SAFARI EXPERIENCE CAOUSEL*/
.safari-experience{
    max-width:1340px;
    margin:auto;
    position:relative;
}
.safari-experience .item h3{
    text-transform: uppercase;
    color: #43aa8b;
    letter-spacing: 0.125em;
  font-family: 'brandon_grotesquebold', sans-serif;
   font-size: 18px;
}
.safari-experience .item p{
    color: #fff;
}
.safari-experience .item h3:after{
    content: unset;
}





.safari-experience .item{
    display:flex;
    justify-content:space-between;
    align-items: center;
    flex-direction: column;
}
.safari-experience .item .carousel-img{
    width:100%;
   padding:0rem;
}

.safari-experience .item .carousel-img img{
    width:100%;
    min-height:320px;
    max-height:320px;
    object-fit: cover;
}
.safari-experience .item .carousel-content{
    width:100%;
    padding:2rem 0rem;
}


.safari-experience button {
    border-radius: 100%;
    width: 50px;
    height: 50px;
    background-color: #43aa8b;
    color: #fff;
    border: none;
    text-indent:-98762px;
    min-width:unset!important;
    max-width:50px;
    position:relative;
    padding: 0px;
}
.safari-experience button:hover{
    background-color:#339175;
}
.safari-experience button:after{
   content: '';
  background-repeat: no-repeat;
  width: 14px;
  height: 20px;
  position: absolute;
  top: 16px;
}


.safari-experience button.slick-prev:after{
  background-image: url(/content/images/icons/slick-arrow-left.svg);
    left: 20px;
 }
.safari-experience button.slick-next:after{
  background-image: url(/content/images/icons/slick-arrow-right.svg);
    left: 21px;
 }
.safari-experience button{
    top:140px;
    z-index:10;
    position:absolute; 
}
.safari-experience button.slick-prev{
    left:-1.1rem;
    display:block!important;
}
.safari-experience button.slick-next{       
    right:-1.1rem;  
    display:block!important;
}


@media (min-width: 700px) {
    .safari-experience .item h3 {

        font-size: 24px;
    }
    .safari-experience button {   
        width: 60px;
        height: 60px;
        min-width: unset !important;
        max-width: 60px;
        top:40%;
    }
    .safari-experience button:after{
      width: 19px;
      height: 28px;
      top: 16px;
    }

    .safari-experience .item {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: row;
    }
    .safari-experience .item .carousel-img {
        width: 50%;
        padding: 1rem;
    }

.safari-experience .item .carousel-img img{
    width:100%;
    min-height:540px;
    object-fit: cover;
}
.safari-experience .item .carousel-content{
    width:50%;
    padding:2rem;
}
.safari-experience button.slick-prev{
    left:-1rem;
    display:block!important;
}
.safari-experience button.slick-next{       
    left:45%;  
    display:block!important;
}
.safari-experience button.slick-next:after{
    left: 26px;
 }
}

@media (min-width: 1280px) {
    .safari-experience .item .carousel-img,
    .safari-experience .item .carousel-content{
       padding:3rem;
    }
    .safari-experience button{
        top:45%;
    }
    .safari-experience button.slick-prev{
        left:1rem;
    }
    .safari-experience button.slick-next {
        left: 44%;
    }
}






@media (min-width: 1024px) {
    .rb-africa .six.columns.alignCenter.landing-page-video{
    padding:3rem 0;
}
    .rf-quote {
        width: 130%;
        z-index: 10;
        position: relative;
        display: block;
    }
    .landing-page-video .video-dest img.video-image{
    height: 700px;
}
}
























/*ENQUIRY TAB*/

#enquiry-panel-container .cta-contact-enquire .itemCTA.ctaCallus p span{
    font-weight:400;
    font-family: 'brandon_grotesque_regularRg',sans-serif;
}
#enquiry-panel-container .cta-contact-enquire .itemCTA.ctaCallus p span strong{
    font-family: 'brandon_grotesquebold',sans-serif;
}



#enquiry-panel-container .enquiryForm label {
    font-weight:400;
    padding-bottom:8px;
}
#enquiry-panel-container .enquiry-tab.active-tab .selectBg select{
  border: none !important;
  background-color: #f8f8f6;
  margin-bottom: 0px !important;

}
#enquiry-panel-container #enquiry-form-container textarea,
#enquiry-panel-container .newsletterAccept.labelCheckbox label span, 
#enquiry-panel-container .form-interests .labelCheckbox label span{
    background-color: #f8f8f6;   
}
#enquiry-panel-container ::placeholder{
    color: #f8f8f6;
}
#enquiry-panel-container .enquiry-tab.active-tab input,
.newsletterAccept.labelCheckbox label span{
    background-color: #f8f8f6;
}
#enquiry-panel-container .enquiry-tab.active-tab input::placeholder {
         color: transparent;
}
#enquiry-panel-container .enquiry-tab.active-tab .selectBg{
    position:relative;
}
#enquiry-panel-container .enquiry-tab.active-tab .selectBg:after {
content: '';
  background-image: url(/content/images/triangle-down.svg);
  background-repeat: no-repeat;
  width: 14px;
  height: 11px;
  position: absolute;
  right: 10px;
  top: 18px;

}



/*KERRY NEWELL LANDING PAGE*/

@media screen and (min-width: 1023px) {
    .kerry-newell .promo-hero .overlay {
        opacity: 0.2;
    }
}
.kerry-newell h2{
    color: #fff;
}
.kerry-newell .rf-quote{

    background-color:transparent;
    position:relative;
    z-index:10;
}
.kerry-newell .rf-quote:before {
content:'';
background-color: #422d66;
width:100%;
height:100%;
opacity:0.6;
position:absolute;
left:0px;
top:0px;
z-index:-1;
border-radius:10px;
}
.kerry-newell .rf-quote .chris{
    border-radius:8px;
    float:left;
    margin-right:12px;
    max-width:76px;
}
.kerry-newell .rf-quote p{
   color: #ffffff;
  font-size: 20px;
  line-height: 30px;
  position: relative;    
  text-align:left;
}


.kerry-newell .rf-quote p:before{
    left:0px;
}

.kerry-newell .rf-quote p em {
  color: #43aa8b;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 600;
  display: block;
  margin-top: 10px;
}

@media screen and (max-width: 1023px) {
    .kerry-newell .hero-content {
        display: flex;
        flex-direction: column;
    }
    .kerry-newell .hero-content .headlineContent{
        order:2;
    }
    .kerry-newell .hero-content .itinCard{
        order:1;
    }
    .kerry-newell .desktopH2title{
        text-transform:uppercase;
        text-align:center;
        padding-left:1.5rem;
        padding-right:1.5rem;
        
    }
}
@media screen and (min-width: 700px) and (max-width: 1023px) {
     .kerry-newell .rf-quote {
        max-width: 500px;
        margin: 4rem auto!important;
    }
       .hero-block.promo-hero .hero-content h2 {
    margin: 4rem auto 1rem;
    max-width:500px;
    padding
  }
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {

      .kerry-newell .hero-content {
        display: flex;
        flex-direction: row;
    }
  .kerry-newell.itineraryLanding .hero-block.promo-hero .itinCard.four.columns {
    width: 100%;
    float: unset;
    display: flex;
    flex-direction: row;
    margin-left: 0px;
    margin-right: 0px;
  }
   .kerry-newell.itineraryLanding .headlineContent h1 {
    font-size: 2rem;
  }

    .kerry-newell.itineraryLanding .headlineContent h2 {
    font-size: 1.6rem;
  }
}

@media screen and (min-width: 700px) and (max-width: 1024px) {
    .kerry-newell.itineraryLanding .headlineContent p {
        max-width: unset;
    }
}
@media screen and (min-width: 700px) {

    .kerry-newell .rf-quote {
        max-width: 500px;
    }
}










/*Brochure Page*/
.wildfoot-brochure .container{
    display:flex;
    justify-content: space-between;
    flex-direction:column;
}
.wildfoot-brochure .container .eight-col,
.wildfoot-brochure .container .four-col{
    width:100%;
}


.wildfoot-brochure .content h2{
    font-size: 26px;
}

.wildfoot-brochure .container .four-col .image a span{
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24.5px; /* 153.125% */
    letter-spacing: 1.12px;
    text-transform: uppercase; 
    border-bottom:2px solid #43aa8b;
    padding: 2rem 0 0px 0;
    display:inline-block;
    width:auto;
    margin:auto;
}
.wildfoot-brochure .container .four-col .image a{
    display:flex;
    flex-direction:column;
}
.wildfoot-brochure .container .four-col .image img,
.brochure-news .container .six .image img{  
    width:100%;
    margin:auto;
    max-width:352px;
    box-shadow: 0px 1px 24px 12px rgba(0, 0, 0, 0.04); 
    transition: all .2s;
}
.wildfoot-brochure .container .four-col .image a:hover,
.brochure-news .container .six .image a:hover{
    border-radius:8px;
    transition: all .2s;
}
.wildfoot-brochure .container .four-col .image a:hover img,
.brochure-news .container .six .image a:hover img{
    box-shadow: 0px 1px 24px 12px rgba(0, 0, 0, 0.2); 
}

@media screen and (min-width: 700px) and (max-width:900px) {
    
}



@media screen and (min-width: 900px) {
    .wildfoot-brochure .container {
        max-width: 1340px;
        flex-direction: row;
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    .wildfoot-brochure .container .eight-col {
        width: 68%;
        padding-right: 5rem;
    }

    .wildfoot-brochure .container .four-col {
        width: 32%;
        text-align: center;
    }


    .wildfoot-brochure .content h2 {
        font-size: 32px;
        max-width: 580px;
        padding-top: 2rem;
    }
     .wildfoot-brochure .content p{       
        padding-right: 8%;
    }

}





/*ENQUIRY form*/

.mailchimpForm .col-enquire .mc-field-group{
    padding-bottom:0px;
}
.mailchimpForm #mc_embed_signup form{
    padding: 0px;
    margin:4rem 0;
}
.mailchimpForm .form-cols{
    display:flex;
    flex-wrap: wrap;
    justify-content:space-between;
}

.mailchimpForm .mc-address-group{
     display:flex;
    flex-wrap: wrap;
    justify-content:space-between;
}
.mailchimpForm #mc_embed_signup .form-cols .mc-field-group{
    width:100%;
}
.mailchimpForm #mc_embed_signup .form-cols .mc-field-group.col-50{
    width:100%;
}
.mailchimpForm .form-cols label{
    text-transform: uppercase;
    font-family: 'brandon_grotesquebold',sans-serif;
    color: #422d66;
    font-size: 16px;
}
.mailchimpForm .form-cols input,
.mailchimpForm .form-cols select{
    border: none!important;
    background-color:#f8f8f6;
    margin-bottom:0px!important;
    font-size: 1rem;
}
.mailchimpForm #mc_embed_signup .mc-field-group{
    padding-bottom: 20px;
}

.mailchimpForm #mc_embed_signup .mc-field-group input.mce_inline_error{
    border:1px solid #43aa8b!important;
}

.mailchimpForm #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error{
    position: absolute;
   bottom: -20px;
    right:0px;
    color: #43aa8b!important;
    background-color: transparent!important;
}


.mailchimpForm #mc_embed_signup div#mce-responses {
  float: unset;
  top: -1.4em;
  padding: 0;
  overflow: hidden;
  width: 100%;
  margin: 10px 0px;
  clear: both;


}
.mailchimpForm #mc_embed_signup #mce-error-response{
      background-color:#2e174d;
      color: #fff;    
      width:100%;
      display:block;
  
}
.mailchimpForm #mc_embed_signup #mce-success-response.response{
      background-color:#2e174d;    
      padding:1rem;
      width:100%;
      border-radius:6px;
      font-size: 18px;
      font-weight:normal;
      top:unset;
}
.mailchimpForm .asterisk {
    color: #43aa8b!important;
}

.mailchimpForm #mc_embed_signup .button {
    clear: both;
    background-color: #43aa8b;
    border: 0 none;
    border-radius: 4px;
    transition: all 0.23s ease-in-out 0s;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-weight: normal;
    height: 50px;
    text-transform:uppercase;
    margin: 0 0px 0px 0;
    margin-bottom: 10px;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
    white-space: nowrap;
    width: auto;
    padding: 7px 5%;
    font-size: 15px;
    font-weight: 600;
  line-height: 35px;
  letter-spacing: .1rem;
  font-family: 'brandon_grotesque_regularRg', sans-serif;
}
.mailchimpForm #mc_embed_signup .button:hover{
    background-color:#2e174d;
}
.mailchimpForm #mc_embed_signup #mce-success-response.response{
    color:#2e174d;
    position:relative;
}
.mailchimpForm #mc_embed_signup #mce-success-response.response:before{
    content:'Thank you for submitting your details - keep a look out for our brochure in the post!';
    display:inline;
    color: #fff;
    width:100%;
    font-size: 20px;
}

.mailchimpForm #mc_embed_signup .mc-address-fields-group {
    width: 100%;
}

.mailchimpForm #mc_embed_signup .form-cols .asterisk {
    color: #e85c41;
    font-size: 90%;
    font-weight: normal;
    position: relative;
    top: -3px;
}


/*OPTIN CHECKBOX*/
.mailchimpForm #mc_embed_signup .mc-field-group.input-group ul li{
    display: flex;
    flex-direction: row;
    align-items:center;
}
.mailchimpForm #mc_embed_signup .optin-check input{
  position: absolute;
  opacity: 0;
  height: 0;
  width: 0;

}
.mailchimpForm #mc_embed_signup .mc-field-group.input-group ul li label{
   text-transform:none;
   font-weight:normal;
   font-family: 'brandon_grotesque_regularRg', sans-serif;
   line-height:20px;

}
.mailchimpForm #mc_embed_signup .mc-field-group.input-group ul li label {
  position: relative;
  display: block;
  padding-left: 70px;
  cursor: pointer;
}
.mailchimpForm #mc_embed_signup .mc-field-group.input-group ul li label:before {
  content: '';
  position: absolute;
  top: 0%;
  margin-top: 0px;
  left: 0%;
  display: block;
  height: 50px;
  width: 50px;
  background-color: #f8f8f6;
  border-radius:8px;

}
.mailchimpForm #mc_embed_signup .mc-field-group.input-group ul li label:after {
  content: '✔';
  font-size: 2rem;
  position: absolute;
  left: 10px;
  top: 12px;
  width: 5px;
  height: 10px;
  opacity: 0;
}
.mailchimpForm #mc_embed_signup .optin-check input:checked + label:after {
  opacity: 1!important;
}



 .mailchimpForm #mc_embed_signup .mc-address-fields-group {
        display: flex;
        flex-direction: column;
    }

@media (min-width: 768px) {
    .mailchimpForm #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
        bottom: -10px;
    }

    .mailchimpForm #mc_embed_signup .form-cols .mc-field-group {
        padding-bottom: 32px;
    }

    .mailchimpForm #mc_embed_signup .form-cols .mc-field-group.col-50 {
        width: 48%;
    }

    .mailchimpForm #mc_embed_signup .form-cols .mc-address-group {
        padding: 6px 0 6px 0;
    }

    .mailchimpForm #mc_embed_signup .form-cols .mc-address-fields-group .mc-field-group {
        padding-bottom: 32px;
    }

    .mailchimpForm #mc_embed_signup .mc-address-fields-group {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .mailchimpForm #mc_embed_signup .mc-field-group.input-group ul li label {
        line-height: 26px;
    }

    .mailchimpForm #mc_embed_signup .mc-field-group {
        clear: unset;
        position: relative;
        width: unset;
        padding-bottom: unset;
        min-height: unset;
        display: unset;
    }

    .mailchimpForm #mc_embed_signup .mc-address-fields-group.address-fields .mc-field-group.col-town,
    .mailchimpForm #mc_embed_signup .mc-address-fields-group.address-fields .mc-field-group.col-county {
        width: 100% !important;
        padding-right: 15px;
    }
}




/*NEW ENQUIRY*/


@media (min-width: 980px) {
  .newEnquiryForm .eight.columns {
    width: 62.333%;
  }
   .newEnquiryForm .four.columns {
    width: 32.667%;
  }
}

@media (min-width: 650px) and (max-width: 979px){
  .newEnquiryForm .eight.columns,
  .newEnquiryForm .four.columns{
    width: 100%
  }
}

.newEnquiryForm .formTitle{
    padding-bottom:2rem;
}
.newEnquiryForm .formTitle h2 {
  font-size: 26px;
}


.newEnquiryForm label{
    text-transform: uppercase;
    font-family: 'brandon_grotesquebold',sans-serif;
    color: #422d66;
    font-size: 14px;
}


@media screen and (min-width: 900px) {
.newEnquiryForm .formTitle h2 {
    font-size: 32px;
    padding-top: 2rem;
  }
.newEnquiryForm label{
    font-size: 16px;
}
}
.newEnquiryForm input[type="email"], 
.newEnquiryForm input[type="number"], 
.newEnquiryForm input[type="search"], 
.newEnquiryForm input[type="text"], 
.newEnquiryForm input[type="tel"], 
.newEnquiryForm input[type="url"], 
.newEnquiryForm input[type="password"]{
    display: block;
    width: 100%;
    padding: 8px 0;
    text-indent: 2%;
    border-radius: 3px;
    border: none !important;
    background-color: #f8f8f6;
    margin-top:0px;
    margin-bottom: 18px !important;
    font-size: 1rem;
    height:40px;
}
.newEnquiryForm .selectBg {
  background: url(/content/images/triangle-down.svg) 97% center no-repeat #f8f8f6;
  overflow: hidden;
  width: 100%;
  border-radius: 4px;
  border: 1px solid #f8f8f6;
  margin-bottom: 1.5rem;
  margin-top:10px;
}

.newEnquiryForm .selectBg select{
    border-radius: 0px;
    border: 0px solid #f8f8f6 !important;
     
}
.newEnquiryForm textarea {
  display: block;
  width: 100%;
  padding: 8px 0;
padding:16px;
  border-radius: 3px;
  border: none !important;
   margin-top:10px;
  background-color: #f8f8f6;
  margin-bottom: 18px !important;
  font-size: 1rem;
}

.newEnquiryForm input::placeholder,
.newEnquiryForm textarea::placeholder {
  opacity: 1;
}

@media screen and (min-width: 768px) {
    .newEnquiryForm input[type="email"],
    .newEnquiryForm input[type="number"],
    .newEnquiryForm input[type="search"],
    .newEnquiryForm input[type="text"],
    .newEnquiryForm input[type="tel"],
    .newEnquiryForm input[type="url"],
    .newEnquiryForm input[type="password"] {
        height: 50px;
        margin-top: 10px;
    }
}


/*enquiryRightCol*/
#enquiry-panel .enquiryRightCol{
    display:none;
}

 .enquiryRightCol{
    padding-top:3rem;
}

.enquiryRightCol .enq-contact{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;  
  gap: 10px;
  padding-bottom: 1rem;
}

.enquiryRightCol .enq-contact .call-us{
  text-align: center;   
}
.enquiryRightCol .enq-contact .call-us .number{
    display:block;
}
.enquiryRightCol p{
    text-align: center;
}


.call-us{
    font-family: 'brandon_grotesquebold',sans-serif;
    font-style: normal;
    font-weight: 450;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: #2E174D;
}
.call-us a.local-number {
    font-size: 30px;
    line-height: 40px;
}

@media screen and (min-width: 1280px) {
    .enquiryRightCol .enq-contact{
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
    gap:10px;
    padding-bottom:1rem;
}
    .enquiryRightCol .enq-contact .call-us{
     text-align: left;   
}
.enquiryRightCol .enq-contact .call-us .number{
    display:inline;
}
.enquiryRightCol p{
    text-align: left;
}
}
















/*CHECKBOXES*/
.newEnquiryForm .five{
    margin-left:0px;
}
/* Layout + typography */
.labelCheckbox label{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  flex-wrap: nowrap;
  font-family: 'Brandon Grotesque', 'brandon_grotesque_regularRg', sans-serif;
  font-style: normal;
  font-weight: 390;
  font-size: 20px;
  line-height: 157%;
  letter-spacing: 0.005em;
  color: #2E174D !important;

  text-transform: none !important;
}

/* If anything else forces uppercase on children, this wins */
.labelCheckbox label *{
  text-transform: none !important;
}

/* Hide native checkbox (optional but usually required for custom box UI) */
.labelCheckbox input[type="checkbox"]{
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

/* The visual checkbox box */
.labelCheckbox .checkboxBox{
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  box-sizing: border-box;

  border: 1px solid #6bbd9f;
  border-radius: 5px;
  background-color: #fff;

  display: inline-block;
  position: relative;
}

/* The tick */
.labelCheckbox input[type="checkbox"]:checked + .checkboxBox::before{
  content: '✔';
  position: absolute;
  top: 8px;
  left: 10px;
  font-size: 2rem;
  color: #2e174d;
}

/* Text area */
.labelCheckbox .checkboxText{
  flex: 1 1 auto;
  min-width: 0;
  white-space: normal;      /* IMPORTANT: keeps it beside checkbox & wraps nicely */
  border: 0px;
}
.newsletterAccept.labelCheckbox label .checkboxText{
  background: transparent !important;
  border: 0 !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  border-radius: 0 !important;
  font-size: 16px;
  line-height:22px;
}

@media screen and (min-width: 900px) {
    .newsletterAccept.labelCheckbox label .checkboxText{
  font-size: 18px;

}
}

.newEnquiryForm .newsletterAccept{
    padding-top:20px;
}
.newEnquiryForm .newsletterAccept.labelCheckbox label span{
    border: 0px!important
}


/*RECAPTCHA + SUBMIT*/

.enquiryFooter{
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    padding-top:2rem;
}
.enquiryFooter .button-container{
    margin-top:2rem;
}
@media screen and (min-width: 900px) {
    .enquiryFooter {
        flex-direction: row;
    }
    .enquiryFooter .button-container{
    margin-top:0rem;
}
}



/*NEW ENQUIRY IN DESTINATION/ITINERARY PAGES*/

.enquiry-tab .newEnquiryForm .formTitle p,
.enquiry-tab .newEnquiryForm .enquiryCheckbox{
    display:none;
}
.enquiry-tab .newEnquiryForm .formTitle {
  padding-bottom: 0rem;
}

.enquiry-tab .newEnquiryForm input[type="text"],
.enquiry-tab .newEnquiryForm input[type="tel"],
.enquiry-tab .newEnquiryForm input[type="email"]{
    margin-top: 0px;
    margin-bottom: 10px !important;
}
#enquiry-panel-container .newEnquiryForm label {
  padding-bottom: 5px!important;
}
#enquiry-panel-container .enquiry-tab.active-tab input.button.button-green{
    background-color:#3c947c;

}

@media screen and (min-width: 768px) {
  #enquiry-panel .formTitle h2 span {
    font-size: 1.8rem;
  }
}




























/*BROCHURE COMPONENT*/

.brochure-component .button-container{
    padding: 2rem 0 2rem 0;
    display:flex;
    justify-content: center;
    flex-direction:column;
}

.brochure-component a{
    display:flex;
    justify-content:center;
    align-items:center;
    margin-bottom:2rem;
}
.brochure-component a span,
.brochure-news a span{
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 24.5px;
  letter-spacing: 1.12px;
  text-transform: uppercase;
  border-bottom: 2px solid #43aa8b;

  display: inline-block;
  width: auto;
  margin: auto 2rem;
}

@media screen and (min-width: 900px) {

    .wildfoot-brochure.brochure-component .container .eight-col {
    width: 68%;
    padding-right: 0rem;
  }
    .brochure-component a{

    margin-bottom:0rem;
}
    .brochure-component .container {
        align-items: center;
        justify-content: start;
        flex-direction:row;
}
      .brochure-component .button-container {
        align-items: center;
        justify-content: start;
        flex-direction:row;
}
}
@media screen and (min-width: 1280px) {
       .wildfoot-brochure.brochure-component .container .eight-col {

    padding-right: 5rem;
  }
}





/*PRIVACY NOTE*/
.privacy-note{
    width:100%;
    display:flex;
    justify-content:flex-start;
    flex-direction:row;
    background-color:#f1eaf4;
    padding:0.5rem;
    align-items: center;
    border-radius:8px;

}
.privacy-note .svg-icon{
    width: 80px;
    padding:10px;
    display:flex;
    justify-content:center;
     align-items: center;
    flex-direction:row;
}
.privacy-note .svg-icon svg{
    width:30px;
    height:30px;
    color: #472656;
}
.privacy-note p{
    color:#472656;
    font-size: 14px;
    line-height:20px;
}
.privacy-note p a{
    color:#472656;
    text-decoration:underline;
}

@media screen and (min-width: 1280px) {
    .privacy-note p{
    font-size: 14px;
    line-height:24px;
}
    .privacy-note{

    padding:0.25rem;
}
    .privacy-note .svg-icon svg{
    width:40px;
    height:40px;

}
}





/*SEO UGANDA LAnding page*/


.navSecondary{
         background-color: #43aa8b!important;
}
.navSecondary li a{
          background-color: #43aa8b!important;
          color: #fff;
      }
 .navSecondary li a:hover{
          background: #359b7c!important;
          color: #fff;
      }
      .navSecondary .bgYellow{
          background-color: #43aa8b!important;
      }
      .navSecondary li ul li {
          background-color: #43aa8b!important;
          color: #fff;
       }
      .navSecondary li ul li a{
          background-color: #43aa8b!important;
          color: #fff;
      }
      .navSecondary li:hover ul a:hover {
          background: #359b7c!important;
          color: #fff;
      }
      .navSecondary li.has-children > a:after {
        content: "";
        background: url(/content/images/triangle-down-white.svg) no-repeat;
      }
    .navSecondary li > a::after {        
        content: "";    
       background: url(/content/images/triangle-down-white.svg) no-repeat;
    }
    .navSecondary li > a:only-child::after {
        margin-left: 0;
        content: '';
        background: none;
    }
     .navSecondary{
         background-color: #43aa8b!important;
    }
    .navSecondary .Uganda.subNav li.offerItinNav{
         display:none;
     }

@media screen and (max-width: 760px) {
  .section.navSecondary li a {
    padding: 10px 0px 9px 0px !important;
    height: 39px !important;
  }
  .navSecondary .show-menu{
      background-color: #43aa8b!important;
      color:#fff;
  }
  .navSecondary .show-menu:before {
    content: "";
    background: url(/content/images/triangle-down-white.svg) no-repeat;
  }
  
  .navSecondary li > a:only-child::after {
        margin-left: 0;
        content: '';
        background: none;
    }
}















/*ROBERT RECOMMENDS LANDING PAGE*/


.robert-recommends .site-hero h1 {
    font-size: 28px;
    line-height: 2.4rem;
}
.robert-recommends .site-hero h2{
      font-size: 20px;
      padding-top: 1rem;
}

.robert-recommends .promoItin.bgWhite h2{
      padding-top: 1rem;
}

.robert-recommends .promoItin.bgWhite {
    background-color: #ffffff;
    margin-bottom: 0rem;
    padding-bottom: 0rem;
}

.robert-recommends .promoItin.bgWhite h3{
    color: #271248;
}
.recommends-title h3{
    max-width:800px;
    margin:auto;
}








.robert-recommends .resultList{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
}
.robert-recommends .promo-enquiry.intro{
    background-image:none!important;
}
.promoLanding.robert-recommends .intro{
    padding:0px;
}
.promoLanding.robert-recommends .intro .container .row .six {
    padding: 0rem 0 5rem 0;
    padding-right: 0px;
}

@media (max-width: 1024px) {
    .robert-recommends .searchResultListing .resultItem h2 a {
        font-size: 1.1rem;
        width: 100%;
        padding-left:1rem;
        padding-right:1rem;
    }
}
@media only screen and (min-width: 470px) and (max-width: 899px) {
  .robert-recommends .searchResultListing .columns {
    width: 100%!important;
  }
}
@media (min-width: 700px) {
      .robert-recommends .site-hero .site-hero-content  {
        max-width: 65%;
      }
      .robert-recommends .promoItin {   
        padding-bottom: 0rem;
    }
    .robert-recommends .site-hero h1 {
        font-size: 23px;
        line-height: 2rem;
        margin-bottom: 0.5rem;
    }
}

@media only screen and (min-width: 700px) and (max-width: 980px) {
  .robert-recommends .resultList .columns {
    width: 48% !important;
  }
  .robert-recommends .searchResultListing .resultItem img.resultImage {
    height: 280px;
    width: 100%;
    object-fit:cover;
  }
  .robert-recommends .searchResultListing .resultItem h2 a{
      font-size: 1.1rem;
      width:100%;
  }
  .robert-recommends .resultList {
    padding-top: 0%!important;
  }
}

@media only screen and (min-width: 980px) and (max-width: 1100px) {
  .robert-recommends .resultList .columns {
    width: 48% !important;
  }
  .robert-recommends .searchResultListing .resultItem img.resultImage {
    height: 340px;
    width: 100%;
    object-fit:cover;
  } 
  .robert-recommends .searchResultListing .resultItem h2 a{
      font-size: 1.1rem;
      width:100%;
  }
}


@media (min-width: 900px) {
  .robert-recommends .site-hero h2 {
    font-size: 22px;
    max-width: 737px;
  }
}
@media (min-width: 1280px) {
  .robert-recommends .site-hero h1 {
    font-size: 40px;
    line-height: 3.2rem;
    margin-bottom: 2.5rem;
    padding-top: 2rem;
  }
   .robert-recommends .promoItin {   
        padding-bottom: 2rem;
    }
}




/*RF RECOMENDS
    .itinerary-ID-3783
    .itinerary-ID-4171
    .itinerary-ID-4194
    .itinerary-ID-6742
    .itinerary-ID-4196
    .itinerary-ID-6605
*/


.itinerary-ID-3783 .headlineContent h1,
.itinerary-ID-4171 .headlineContent h1,
.itinerary-ID-4194 .headlineContent h1,
.itinerary-ID-6742 .headlineContent h1,
.itinerary-ID-4196 .headlineContent h1,
.itinerary-ID-6605 .headlineContent h1{
  z-index:11;
}

.itinerary-ID-3783 .headlineContent,
.itinerary-ID-4171 .headlineContent,
.itinerary-ID-4194 .headlineContent,
.itinerary-ID-6742 .headlineContent,
.itinerary-ID-4196 .headlineContent,
.itinerary-ID-6605 .headlineContent{
  display:flex;
  flex-direction:column;
}

.itinerary-ID-3783 .headlineContent > p,
.itinerary-ID-4171 .headlineContent > p,
.itinerary-ID-4194 .headlineContent > p,
.itinerary-ID-6742 .headlineContent > p,
.itinerary-ID-4196 .headlineContent > p,
.itinerary-ID-6605 .headlineContent > p
{
  display:none;
}


@media (max-width:470px){
.itinerary-ID-3783 .hero-block .gradient,
.itinerary-ID-4171 .hero-block .gradient,
.itinerary-ID-4194 .hero-block .gradient,
.itinerary-ID-6742 .hero-block .gradient,
.itinerary-ID-4196 .hero-block .gradient,
.itinerary-ID-6605 .hero-block .gradient{
    top: 42%!important;
    height: 170px;
  }
}

@media (min-width:470px) and (max-width: 550px) {
  .itinerary-ID-3783 .hero-block .gradient,
    .itinerary-ID-4171 .hero-block .gradient,
    .itinerary-ID-4194 .hero-block .gradient,
    .itinerary-ID-6742 .hero-block .gradient,
    .itinerary-ID-4196 .hero-block .gradient,
  .itinerary-ID-6605 .hero-block .gradient{
      top: 60%!important;
      height: 170px;
  }
}
@media (min-width:551px) and (max-width: 650px) {
    .itinerary-ID-3783 .hero-block .gradient,
    .itinerary-ID-4171 .hero-block .gradient,
    .itinerary-ID-4194 .hero-block .gradient,
    .itinerary-ID-6742 .hero-block .gradient,
    .itinerary-ID-4196 .hero-block .gradient,
    .itinerary-ID-6605 .hero-block .gradient{
      top: 68%!important;
      height: 190px;
  }
}
@media (min-width:651px) and (max-width: 768px) {
    .itinerary-ID-3783 .hero-block .gradient,
    .itinerary-ID-4171 .hero-block .gradient,
    .itinerary-ID-4194 .hero-block .gradient,
    .itinerary-ID-6742 .hero-block .gradient,
    .itinerary-ID-4196 .hero-block .gradient,
    .itinerary-ID-6605 .hero-block .gradient{
      top: 75%!important;
      height: 210px;
  }
}

@media screen and (min-width: 650px) and (max-width: 1023px) {

    .itinerary-ID-3783 .itinCard.four.columns,
    .itinerary-ID-4171 .itinCard.four.columns,
    .itinerary-ID-4194 .itinCard.four.columns,
    .itinerary-ID-6742 .itinCard.four.columns,
    .itinerary-ID-4196 .itinCard.four.columns,
    .itinerary-ID-6605 .itinCard.four.columns{
        width: 357px;
        min-width:316px;
        float: unset!important;
        margin:auto;
        display:flex;
        flex-direction:column;
      }

    .itinerary-ID-3783 .hero-content,
    .itinerary-ID-4171 .hero-content,
    .itinerary-ID-4194 .hero-content,
    .itinerary-ID-6742 .hero-content,
    .itinerary-ID-4196 .hero-content,
    .itinerary-ID-6605 .hero-content
    {
        min-height:700px;
     }
}



@media (min-width: 768px) {
    .itinerary-ID-3783 .section.holidayDetails,
    .itinerary-ID-4171 .section.holidayDetails,
    .itinerary-ID-4194 .section.holidayDetails,
    .itinerary-ID-6742 .section.holidayDetails,
    .itinerary-ID-4196 .section.holidayDetails,
    .itinerary-ID-6605 .section.holidayDetails{
        padding: 8rem 0rem 2rem 0rem;
    }

    .itinerary-ID-3783 .headlineContent,
    .itinerary-ID-4171 .headlineContent,
    .itinerary-ID-4194 .headlineContent,
    .itinerary-ID-6742 .headlineContent,
    .itinerary-ID-4196 .headlineContent,
    .itinerary-ID-6605 .headlineContent{
        display: flex;
        flex-direction: column-reverse;
        padding-right: 2rem;
    }
}



@media (min-width: 1280px) {
    .itinerary-ID-3783 .headlineContent,
    .itinerary-ID-4171 .headlineContent,
    .itinerary-ID-4194 .headlineContent,
    .itinerary-ID-6742 .headlineContent,
    .itinerary-ID-4196 .headlineContent,
    .itinerary-ID-6605 .headlineContent
    {  
        padding-right:0rem;
      }
}





.hero-content{
    position:relative;
}
.robert-image-testimonial{
    width:80px;
    height:80px;
}
.RF-Itin-Testimonial{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items:center;
    flex-direction: column;
    position:relative;
    margin-bottom:0rem;
    z-index:10;   
}
.RF-Itin-Testimonial blockquote{
    color:#fff;
    position:relative;
    font-size: 17px;
    line-height:24px;
}
.RF-Itin-Testimonial blockquote:before{
  content: open-quote;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
  color: #fff;
  font-size: 36px
}
.RF-Itin-Testimonial blockquote:after{
    content: close-quote;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em;
    color: #fff;
    font-size: 36px
}
.RF-Itin-Testimonial .image-title{
    display:flex;
    justify-content:space-between;
    flex-direction:column;
    text-align:center;
}
.RF-Itin-Testimonial h2{     
    color: #ffffff;
    font-size: 18px;
    text-transform:uppercase;
    padding-bottom:8px;
    margin-bottom:0px;
    padding-top:10px;
}

@media (min-width: 600px) {
    .RF-Itin-Testimonial {
        width: 100%;
        background-color: rgba(46, 23, 77, 0.4);
        border-radius: 8px;
        padding: 1rem;
    }
}


@media (min-width: 768px) {
  .RF-Itin-Testimonial .image-title{
    text-align:left;
  }
  .robert-image-testimonial{
    width:100px;
    height:100px;
    padding-right:1rem;
}
  .RF-Itin-Testimonial{
    margin-top:-164px;
    margin-bottom:2rem;  
  }
  .RF-Itin-Testimonial{
    width: 100%;
    background-color: rgba(46, 23, 77, 0.4);
    border-radius: 8px;
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    padding: 1rem 1rem 1rem 1rem;
    position:relative;
    margin-bottom:2rem;
  }  
  .RF-Itin-Testimonial h2{     
    font-size: 20px;
    padding-top:0px;
  }
}

@media (min-width: 1280px) {
  .RF-Itin-Testimonial{
    width: 100%;
  }
  .RF-Itin-Testimonial{
    margin-top:-320px;
  }
}



/*TO FIX ISSUE WITH HACKED DIV ON SEARCH RESULTS*/

#best-deal-results .itin-brief{
    display:none;
}

   .resultList .itinerary-ID-3783 .itin-brief,
   .resultList .itinerary-ID-4171 .itin-brief,
   .resultList .itinerary-ID-4194 .itin-brief,
   .resultList .itinerary-ID-6742 .itin-brief,
   .resultList .itinerary-ID-4196 .itin-brief,
   .resultList .itinerary-ID-6605 .itin-brief{
    display:none;
}



#best-deal-results .resultContent h2{
    min-height:130px;
}
#best-deal-results .resultItem span.date {
    padding-bottom:1.5rem;
}





.resultItem .RF-Itin-Testimonial{
    background-color: transparent!important;
    border-radius: 0px;
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    padding: 0;
    position: relative;
    margin-bottom: 0rem;
    margin-top:0px;
}
.resultItem .RF-Itin-Testimonial h2{    
    text-transform:unset;
    font-family: 'brandon_grotesque_regularRg', sans-serif;
    color: #353535;
}
.resultItem .RF-Itin-Testimonial h2{
    font-size: 14px;
    line-height: 1.2em;
    padding: 0px 1rem;
}
@media (min-width: 1024px) {
    .resultItem .RF-Itin-Testimonial h2 {
       font-size: 18px;
        padding-top: 0px;
        min-height: 88px;
        line-height: 1.5em;
    }
}



.resultItem .robert-image-testimonial,
.resultItem .RF-Itin-Testimonial blockquote{
    display:none;
}




/*ROBERT FULLER PROMOTION FINISHED*/

.promo-finished{
    width:100%;
    min-height: 700px;
    display:flex;
    justify-content: center;
    text-align:center;
    flex-direction:column;
    align-items: center;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.promo-finished {
      max-width:600px;
      margin:auto;
}

.itineraryLanding .promo-finished h1{
  text-transform: uppercase;
  font-size: 2.4rem;
  line-height: 2.8rem;
  color: #43AA8B;

}

.itineraryLanding .promo-finished p{
  font-size: 1.5rem;
  line-height: 1.8rem;
  padding-bottom:2rem;
}

@media (min-width: 700px) {

    .itineraryLanding .promo-finished h1 {
        font-size: 3.4rem;
        line-height: 3.8rem;
    }

    .itineraryLanding .promo-finished p {
        font-size: 1.8rem;
        line-height: 2.2rem;
    }
}




/*ITINERARY PAGE FOR MOBILE*/
@media (min-width: 648px) {
    .itin-main.itineraryLanding #destination-hero-img.row.hero-block img{
        display:none;
    }
}
@media (max-width: 648px) {
    .itin-main.itineraryLanding #destination-hero-img.row.hero-block {
        background-repeat: no-repeat;
        background-size: 250%;
        background-position: top center;
        background-image: none !important;
    }

    .itin-main.itineraryLanding #destination-hero-img.row.hero-block img {
        width: 100%;
        min-height: 400px;
        object-fit: cover;
        object-position: center;
    }

    .itin-main.itineraryLanding .hero-content {
        padding: 4rem 0rem 2rem 0rem;
    }

    .itin-main.itineraryLanding .hero-content h1 {
        padding: 0 1.5rem 1rem 1.5rem;
        font-size: 1.6rem;
    }

    .itin-main.itineraryLanding .hero-content h1:after {
        border: 3px solid #eabe03 !important;
        margin: 0.5rem auto;
        content: ' ';
        display: block;
        width: 100px;
    }

    .itin-main.itineraryLanding .itinCard {
        margin: 1rem auto 0rem auto;
        width: 90%;
        float: none;
        overflow: auto;
    }

    .itin-main.itineraryLanding .itinShortlist {
        display: none;
    }

    .itin-main.itineraryLanding .itinTitle {
        display: none;
    }

    .itin-main.itineraryLanding .itinPriceOffer {
        padding-top: 24px;
    }
    .mobileItinhero{
        position:relative;
    }
    .mobileItinhero:after {
        background-image: linear-gradient(0deg,rgba(0,0,0,0.0) 0%,rgba(46, 23, 77,1) 100%) !important;
        content: '';
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 170px;
        z-index: 0;
    }
}


.aboutIntro h2{
    color: #2e174d;
text-transform: uppercase;
position: relative;
font-weight: normal;
font-family: 'brandon_grotesquebold',sans-serif;
letter-spacing: .04em;
}
.aboutIntro h3{
    color: #2e174d;
font-size: 26px;
font-weight: normal;


}
.aboutIntro h2:after{
margin: 0.5rem 0;
}

@media screen and (max-width: 600px) {
    .section.introContent.aboutIntro {
        padding-top: 4rem!important;
        padding-left:0px!important;
        padding-right: 0px!important;
    }
}

@media (min-width: 600px) and (max-width: 1279px) {
    .section.introContent.aboutIntro {
        padding-top: 4rem!important;
        padding-left:0px!important;
        padding-right: 0px!important;
    }
}

/*ASSOCIATIONS*/
 .associations .container h4{
     margin-bottom:4rem;
     display: block; 
     width: auto; 
     text-align: center;
 }
 .associations .container img,
  .associations .container svg{
     max-height:100px;

 }
@media screen and (min-width: 1580px) {

    .associations .container {
        max-width: 80% !important;
    }
}

@media screen and (min-width: 1024px) {

    .associations .container {
        max-width: 75%;
    }
}

@media screen and (max-width: 700px) {
    .associations .container img {
        max-width: 100%;
    }
     .associations .container img,
    .associations .container svg{
       max-width:200px;
 }
}




/*ABOUT PAGE NEW UPDATES*/


.max-1086px{
    max-width: 1086px;
    margin:0px auto 0px auto;
}
.teamMember{
    margin: 40px 0px 80px 0px;
    border-bottom: 1px solid #D9D9D9;
    padding: 0px 0px 80px 0px;
}
.teamImgDetail{
    display:flex;
    flex-direction:row;
    gap:20px;
    align-items: center;
    margin-bottom:30px;
}
.teamImgDetail img{
    max-width:100px;
}
.teamImgDetail p{
    font-family: 'brandon_grotesque_regularRg';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0.005em;
    color: #43AA8B;

    text-align:Left;
}

.teamImgDetail p strong{
    text-transform: uppercase;
    color: #353535;
    display:block;
}



@media screen and (min-width: 650px) {

      .teamImgDetail{
        display:flex;
        flex-direction:column;
         margin-bottom:0px;
    }
    .teamImgDetail img,
    .teamImgDetail{
        max-width:244px;
    }
    .teamImgDetail p{
        text-align:center;
         font-size: 20px;
         line-height: 28px;
             margin-top:30px;
    }
    .teamImgDetail p strong {
        margin-bottom: 16px;
    }
}

@media screen and (min-width: 1280px) {

    .teamMember .eight.columns {
        width: 72.333%;
        padding-left: 5%;
    }
}





/*WILD HORIZONS*/

.WHIntroArchive .archive-item{
    display:flex;
    flex-direction: column;
    justify-content:center;
    align-content:center;
    margin-bottom:2rem;
    gap:2rem;
}
.WHIntroArchive .archive-item img{
    width: 100%;
    max-width:352px;
    margin:auto;
    display: flex;
   justify-content: center;

}

.WHIntroArchive .archive-item a:hover img {
  box-shadow: 0px 1px 13px 6px rgba(0, 0, 0, 0.2);
  transition: all .2s;
}

.WHIntroArchive .archive-content{
    display:flex;
    flex-direction: column;
    justify-content:center;
}

.WHIntroArchive .archive-content h3{
         font-family: 'brandon_grotesque_regularRg', sans-serif;
          font-family: 'brandon_grotesquebold', sans-serif;
        font-style: normal;
        font-weight: 450;
        font-size: 21px;
        line-height: 24px;
        letter-spacing: 0.07em;
        text-transform: uppercase;
        color: #43AA8B;
}

.WHIntroArchive .archive-content a{
         font-family: 'brandon_grotesque_regularRg', sans-serif;
font-style: normal;
font-weight: 450;
font-size: 16px;
line-height: 24px;
/* or 153% */
letter-spacing: 0.07em;
text-transform: uppercase;
color: #43AA8B;
text-decoration:underline;
display:block;
margin-top:1rem;

}


@media screen and (min-width: 768px) {

   .WHIntroArchive .archive-item{
    flex-direction: row;
    justify-content:center;
    align-content:center;
    margin-bottom:2rem;
    gap:4rem;
}
   .WHIntroArchive .archive-item img{
    width: 255px;
}

}



/*REMOVES YELLOW 'QUICK LINKS' BAR BAR FROM SOME DESTINATIONS*/

.destinationLanding-botswana .quickLinks,
.destinationLanding-indianocean .quickLinks,
.destinationLanding-namibia .quickLinks,
.destinationLanding-republicofcongo .quickLinks,
.destinationLanding-rwanda .quickLinks,
.destinationLanding-uganda .quickLinks,
.destinationLanding-southafrica .quickLinks,
.destinationLanding-tanzania .quickLinks,
.destinationLanding-zambia .quickLinks,
.destinationLanding-zimbabwe .quickLinks,
.destinationLanding-argentina .quickLinks,
.destinationLanding-belize .quickLinks,
.destinationLanding-brazil .quickLinks,
.destinationLanding-chile .quickLinks,
.destinationLanding-costarica .quickLinks,
.destinationLanding-ecuador .quickLinks,
.destinationLanding-galapagos .quickLinks,
.destinationLanding-panama .quickLinks,
.destinationLanding-mexico .quickLinks,
.destinationLanding-borneo .quickLinks {
    display: none;
}
.zopim
{
    right: 40px !important;
}
.meshim_widget_components_chatButton_Button .button_bar {
    background-color: #efc206;
}



@media (min-width: 1000px) {
    #siteNav .button {
        display: none;
    }

 
}



/* Only apply the fixed dynamic header on desktop */
@media (min-width: 1024px) {

    #siteNav{
    position:relative;
     transition: background 0.5s;
    z-index:1002;
    }

    .browser-overlay{
        display:none;
        background:rgba(0, 0, 0, 0);
      
    }
     .browser-overlay.visible{
        display:block;
        background:rgba(0, 0, 0, 0.6);
      
        width:100%;
        height:100%;
        z-index: 1000;
        position:absolute;
        top:0px;
     
    }

    #master-wrapper {
        position: relative;
        z-index: 1000;
    }

    #siteNav.page-head-scrolled {
        position: fixed;
        top: 0;
        z-index: 1002;
    }

    .header-small .mainBar .button {
        bottom: 5px !important;

    }

    /* padding top matches height of header to prevent overlap 
    #body-container {
        padding-top: 163px;
    }

    #master-wrapper #site-header .top-bar {
        z-index: 3;
        position: relative;
    }*/

    /* Add a gray border to header */
    #master-wrapper.header-small #site-header #siteNav {
        border-bottom: solid 1px #ccc;
    }
    
    #master-wrapper.header-small #site-header .top-bar div.container {
        padding: 8px 20px 8px 0 !important;
    }
    
    #master-wrapper #site-header strong img {
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }

    #master-wrapper.header-small #site-header strong img {
        margin-top: 4px;
        max-width: 80% !important;
    }

    #master-wrapper.header-small a.menu-toggle {
        top: 26px;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }


    #master-wrapper.header-small #siteNav .button {
        float: right;
        display:block;
         padding: 0.1em;
        font-size: 0.6em;
        position: absolute;
        top: 10px;
        right: 1%;
        min-width: 140px !important;
        line-height: 40px!important;
    }
   


    .header-small .headerNumber {
        top: 1px;
        -webkit-transition: all 0.7s;
        -moz-transition: all 0.7s;
        -ms-transition: all 0.7s;
        -o-transition: all 0.7s;
    }
}

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}