/** ======================== TYPOGRAPHY ======================== **/
/* FOR:  Font family, font weight, colour */
/* COLOURS: very pale grey tint:#fbfdfb  dark grey:#1d1d1d  dark green:#6e786e  orange:#     red:#aa2616  */

/*COLOURS*/
body {
    background: #fbfdfb;
    /* color: #0f1e0f; changed by John*/
    /* color:#0c0c0c; too dark*/
    /* color: #1d1d1d; too pale*/
    color: #101010;
}

/*Text and lines*/
.black {
    color: #101010;
    /*color:#0c0c0c;*/
}

.dark-red {
    color: #aa2616;
}

.green {
    color: #7bc143;
}

.standout {
    color: #aa2616;
}

/*Fills*/
.palegreyfill {
    /*background-color: #F6F6F0; JT replaced 17Dec16*/
    background-color:#e3e5e3;

    /*background-color:#fffbfb; same as menu panel*/
    /*background-color: #e3e5e3; same as tabs*/
}

.light {
    color: #6e786e;
}

.mapoceanfill {
    background-color: rgb(208,233,249);
    /*matches QN1*/
}


/** ======================== LAYOUT ======================== **/
.content-wrapper {
    /*margin-top: 135px;*/
    /*margin-top: 98px;*/ /*  JT 02Jun15: gives correct position for tour pages     */
    /*margin-top: 88px;*/ /*  JT 02Jun15: gives correct position for section pages  */
    margin-top: 85px; /*  JT 02Jun15: compromise                                */
}

.content {
    /*margin-top: 50px;*/  
    margin-top: 20px;  /*JT Jan 22:  smaller top margin to avoid excess white space for better scrolling experience */
}

.relative-pane {
    position: relative;
}



/* gallery on homepage (first on the page) */
.home-gallery img {
    padding: 0;
}
/* white semitransparent panel on home gallery (can be used in different places) */
/*061115 JT added hotel-pane*/

.white-pane .action-pane {
    position: absolute;
    z-index: 150;
    display: block;
}

.action-pane {
    position: absolute;
    display: block;
    background-color: rgba(255,255,255,0.85);
    z-index: 150;
    width: 550px;
    height: 200px;
    bottom: 15%;
    left: 7%;
    padding: 20px;
    line-height: 22px;
}

@media (max-width:1499px) {
    .action-pane {
        bottom: 3%;
    }
}

.white-pane .action-pane .action {
    font-size: 23px;
}

.act-lhs, .act-rhs {
    background-repeat: no-repeat;
    background-position: 0px 100%;
    position: absolute;
    bottom: 0;
    width: 275px;
    font-size: 26px;
    padding-top: 15px;
    padding-bottom: 20px;
}

.act-lhs {
    left: 0;
    padding-left: 20px;
    background-image: url(/_images/icons/act-lhs-lg.png);
    background-size: 275px 70px;
}

.act-rhs {
    right: 0;
    width: 275px;
    padding-left: 70px;
    background-image: url(/_images/icons/act-rhs-lg.png);
    background-size: 275px 70px;
}

@media (min-width: 1200px) and (max-width: 1499px) {
    .act-lhs, .act-rhs {
        font-size: 24px;
    }

    .act-lhs {
        background-image: url(/_images/icons/act-lhs-lg.png);
    }

    .act-rhs {
        background-image: url(/_images/icons/act-rhs-lg.png);
    }
}


.left-pane {
    bottom: 20%;
    left: 10%;
    padding: 10px 20px;
    width: 400px;
    line-height: 22px;
    display: block;
}

.white-pane .left-pane .heading {
    margin-bottom: 25px;
}

.white-pane .left-pane span {
    margin-bottom: 20px;
    display: block;
    color: #6e786e;
}

.white-pane .left-pane .call-us {
    color: #6e786e;
    margin-bottom: 30px;
    margin-top: 30px;
}

    .white-pane .left-pane .call-us span {
        display: inline;
        margin-bottom: 0;
        padding: 0;
    }

.white-pane .top-pane {
    top: 0;
    margin-left: 15px;
    padding: 10px 20px;
    color: #0f1e0f;
    font-family: 'alegreya_sanslight', sans-serif;
    width: 400px;
    line-height: 22px;
    display: block;
}

.inspired-row {
    margin-bottom: 20px;
}

.view-guide-wrapper {
    overflow: hidden;
}
/* height:auto; JT 16112033*/
    .view-guide-wrapper .view-guide-img > img,
    .inspired-row img {
        width: 100%;
        height: auto;
    }

.book-wrapper a {
    display: block;
    clear: both;
    width: 100%;
    padding: 10px 0;
}

.book-wrapper span {
    display: inline-block;
    font-family: 'alegreya_sanslight', sans-serif;
}

    .book-wrapper span strong {
        font-family: 'alegreya_sansbold';
    }

/*backgrounds for wrappers */

.white-box {
    background: #fff;
}

    .white-box.gray-b {
        border: 1px solid #6e786e;
    }

.single-type {
    border-top: 1px solid #e3e5e3;
    padding: 20px 0;
}

    .single-type:first-child {
        border-top: 0;
    }

.pink-wrapper {
    background: #f0f0f0; /*JT19Oct15 was #fffbfb*/
    color: #0c0c0c;
    margin-bottom: 20px;
}

    .pink-wrapper p {
        font-family: 'alegreya_sanslight';
    }
        
    .pink-wrapper .designers-notes p {
        font-size: 16px;
    }

    .pink-wrapper .author {
        font-family: 'alegreyaitalic';
    }



/** TOUR - PAGES - LEAF Wrapper with text and slider (for example on galapagos/galapagos-boats/athala page) **/
.leaf-wrapper {
    background: url("../_images/leaves.png") no-repeat 0 0;
    max-height: 614px;
    overflow: hidden;
}

@media (min-width:600px) and (max-width:800px) and (orientation: portrait) {
   .leaf-wrapper { max-height: 614px; }
    }

.boat-wrapper {
    background: url("../_images/ocean-blue.png") no-repeat 0 0;
    max-height: 614px;
    overflow: hidden;
}

/* Edited by TB on 06/11/15 to get rid of margin beneath wrapper */

.leaf-wrapper, .boat-wrapper {
    color: #fff;
    margin-bottom: -30px;
}

    .leaf-wrapper h1 {
        color: #cb6b27;
        margin-top: 30px;
    }

    .leaf-wrapper .info-price {
        color: #cb6b27;
    }

    .leaf-wrapper .rating {
        margin-left: 5px;
    }

.boat-wrapper {
    color: #fff;
    margin-top: 25px;
    margin-bottom: -30px;
}

    .boat-wrapper h1 {
        color: #cb6b27;
        margin-top: 20px;
    }
    .boat-wrapper h6 {
        color: #ffffff;
        margin-top: 20px;
        font-size:14px;
    }

    .boat-wrapper .info-price {
        color: #cb6b27;
    }

    .boat-wrapper .rating {
        margin-left: 5px;
    }

.plain-wrapper h1,
.plain-wrapper h2,
.plain-wrapper h3,
.plain-wrapper h4 {
    color: #aa2616; /*color: #aa2616; color: #cb6b27;*/
}



.view-guide-overlay { /*JT: copied from assets/ThirdParty/WOWSlider/style.css line134 */
    position: absolute;
    z-index: 150;
    background-color: #d6d0cc;
    right: 0;
    bottom: 10%;
    right: 15px;
    padding: 10px 20px;
    color: #0f1e0f;
    width: 40%;
    line-height: 22px;
    display: block;
}




.inspired-row h4 {
    text-transform: uppercase;
}

/* SIMPLE */

/*div.simple h1 {
   font-family: 'playfair_displayregular', serif;
   margin-bottom: 10px;
}
div.simple h2, 
div.simple h3, 
div.simple h4, 
div.simple h5, 
div.simple h6 { 
    font-family: 'alegreya_sanslight', sans-serif;
    margin: 0;
}

div.simple p,
div.simple ol,
div.simple ul,
div.simple li,
div.simple a {
    font-family: Alegreya; serif;
    margin: 0;
}
div.simple h2 {
    font-size: 2.2em;
    font-size: 2.4vw;
    margin-top: 30px;
}
div.simple h3 {
    font-size: 1.6em;
    font-size: 1.8vw;
    margin-top: 15px;
}
div.simple h4 {
    font-size: 1.2em;
    font-size: 1.3vw;
    margin-top: 10px;
}
div.simple h5 {
    font-size: 1.0em;
    font-size: 1.0vw;
}
div.simple h6 {
    font-size: 0.8em;
    font-size: 0.9vw;

}
div.simple p, div.simple ol, div.simple ul {
    font-size: 1.0em;
    font-size: 1.4vw;
    margin-top: 0.5em;
}*/











/* MULTICOLUMN LAYOUT - NOW DISUSED */

.multicolumn-wrapper .column {
    padding-left: 15px;
    padding-right: 15px;
}

    .multicolumn-wrapper .column.first {
        padding-left: 0;
    }

    .multicolumn-wrapper .column.last {
        padding-right: 0;
    }




/* TOUR PAGES - MAPS */
.maps-wrapper {
    position: relative;
    width: 100%;
}

.map,
.map img {
    width: 100%;
}

.map {
    z-index: 1;
}

.tour-map {
    z-index: 100;
    position: absolute;
    top: 0;
}


/** ======================== BROCHURE ======================== **/

/* order a brochure div */
.brochure img {
    margin-top: -10px;
}

.brochure .links a {
    display: block;
    color: #e60032;
    font-family: 'alegreya_sanslight', sans-serif;
    text-transform: uppercase;
    word-spacing: 2px;
    letter-spacing: 1px;
    padding: 10px 0;
    clear: both;
}

    .brochure .links a:hover {
        display: block;
        color: #7bc143;
    }

    .brochure .links a span,
    .brochure .links a label {
        display: block;
        float: left;
        margin-right: 5px;
        line-height: 25px;
    }

/* brochure list on request a brochure page */
.brochure-list h3 a, .brochure-list h3 {
    color: #CB6B27;
    font-family: 'alegreya_sanslight', sans-serif;
    margin-bottom: 10px;
    margin-top: 0;
}

.brochure-list .radio, .brochure-list .checkbox {
    margin: 0;
}

    .brochure-list .download-brochure label,
    .brochure-list .radio label, .brochure-list .checkbox label {
        display: block;
        color: #E60032;
        font-family: 'alegreya_sanslight', sans-serif;
        text-transform: uppercase;
        word-spacing: 2px;
        letter-spacing: 1px;
        line-height: 20px;
        margin-top: 15px;
    }

.brochure-list .download-brochure,
.brochure-list .download-brochure a,
.brochure-list .download-brochure label,
.brochure-list .download-brochure span {
    cursor: pointer;
}

    .brochure-list .download-brochure label,
    .brochure-list .download-brochure span {
        display: block;
        float: left;
    }

    .brochure-list .download-brochure label {
        margin-top: 5px;
        margin-left: 40px;
    }

    .brochure-list .download-brochure span.down-arr {
        margin-top: 10px;
        margin-left: 10px;
    }

.brochure-list .download:hover label,
.brochure-list .radio label:hover, .brochure-list .checkbox label:hover {
    color: #7bc143;
}

.brochure-list .download:hover span.down-arr {
    background-position: -34px -283px;
}

.brochure-list input[type="radio"], .brochure-list input[type="checkbox"] {
    margin-top: 3px;
}


/** ======================== COOL GRID (eg DESTINATIONS page) ======================== **/
/*
COOL-ROW displays text as overlay 
*/

.cool-row {
    margin: 0;   
    padding-left: 1px; /*space between cells horizontally*/
    padding-right:1px;
    padding-bottom: 0px;
    padding-top: 0px;
}

.cool-item {
    position: relative;
    overflow: hidden /*JT 14Nov24*/
}
.cool-item:hover .overlay{
    opacity: 1;
}
.cool-item .overlay {
    position: absolute;
    top:50%;
    bottom:0;
    left:0;
    right:0;
    height:43%;
    width:100%;
    opacity:0;
    transition: .5s ease;
    /*background-color: #7bc143;*/
    background: rgba(0, 0, 0, 0.4);
}

/*.cool-item .header {
    position: absolute;
    top:5%;
    bottom:0;
    left:0;
    right:0;
    height:60px;
    width:100%;
    background: rgba(0, 0, 0, 0.4);
}*/
.cool-item img {
    width: 100%;
    height: auto;
}
.cool-item h6 {
    position: absolute;
    top: 25%;
    width:100%;
    text-transform:uppercase;
    text-align: center;
    color:white;
}
.cool-item h4 span {
    position: absolute;
    top:36%;
    width:100%;
    font-size:1.1em;
    text-align: center;
    color: white;
    text-transform:uppercase;
}
.cool-item p {
    position: absolute;
    top: 5px;
    margin-left:20px;
    margin-right:20px;
    text-align: center;
    color: white;
}

/* For xs screens (below 576px) */
/*@media (max-width: 575.98px) {
    .cool-item h6 span {
        font-size: 0.8em
    }
    .cool-item h4 span {
        font-size: 0.7em;
    }
    .cool-item overlay sans p {
        font-size: 0.8em;
    }
    .cool-more overlay sans span {
        font-size: 0.8em;
    }
}*/

.cool-item div.cool-more {
    position: absolute;
    bottom: 10px;
    right: 40px;
    color: white;
}

/*======= Grid cards that flow correctly on rows as high as the tallest card =======*/
/* (This is the CSS for 'Bootstrap-only Equal-height grid' - from ChatGPT)*/
/* Make the Bootstrap row a flex container that wraps */
.cards-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

/* Each Bootstrap column is a flex item AND a flex container */
    .cards-row > [class*="col-"] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

/* Card fills the column height so all cards in a row match tallest */
.holiday-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
}

/* Let the content stretch; CTA/label can sit at the bottom */
.holiday-card .morelink {
    display: -webkit-box;
    display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        text-decoration: none;
        color: inherit;
    }

    .holiday-card .sans {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }

/* Image sanity */
.cool-item img {
    display: block;
    width: 100%;
    height: auto;
}



/** ======================== SINGLE HOLIDAY / INSPIRED ROW / SINGLE SEARCH RESULT ======================== **/
/*
SINGLE HOLIDAY (for example on brazil-holidays page in carousel-inner below "some favourites" heading) 
INSPIRED-ROW (for example on costa-rica-holidays page below "what type of holiday would suit you best" heading) 
SINGLE-SEARCH-RESULT (for example on search results page in "tailor-made designs" tab)
COOL-ROW displays text as overlay 
*/

.single-holiday,
.module {
    background: #E3E5E3;
    display: block;
}

    .single-type a,
    .inspired-row a,
    .single-holiday a,
    .module a {
        display: block;
    }

    .single-type:hover,
    .inspired-row:hover,
    .single-holiday:hover,
    .module:hover {
        /*JT comment out: opacity change on hover: 
        -ms-opacity: 0.5;
    opacity: 0.5;
   */
    }

    .single-type a:hover,
    .inspired-row a:hover,
    .single-holiday a:hover,
    .module a:hover {
        color: #0f1e0f;
    }

    a.more.red-more:hover,
    .single-type .more:hover,
    .inspired-row .more:hover,
    .single-holiday .more:hover,
    .module .more:hover {
        color: #7bc143;
    }

    .single-holiday .top-details,
    .module .top-details {
        padding: 15px;
        height: 110px; /*JT 20/2/15 */
        overflow: hidden; /*JT 20/2/15 */
    }

    .single-holiday .bottom-details,
    .module .bottom-details {
        padding: 10px 15px 15px;
    }

    .single-holiday h4,
    .module h4 {
        margin-top: 6px; /* JT 28May to correct*/
        margin-bottom: 4px;
    }

    .single-search-result h5,
    .single-holiday p span,
    .single-holiday h5,
    .module h5 {
        text-transform: uppercase;
        word-spacing: 2px;
        letter-spacing: 1px;
        font-family: 'alegreya_sanslight', sans-serif;
        margin-bottom: 5px;
    }

    .module .standard-price {
        font-family: Alegreya, serif;
    }




.single-search-result h3 a:hover {
    color: #7bc143;
}

.single-search-result h3 a,
.single-search-result h3 {
    color: #cb6b27;
    font-family: 'alegreya_sanslight', sans-serif;
    margin-bottom: 10px;
    margin-top: 0;
}

.single-search-result h5 {
    margin-bottom: 10px;
}

.single-search-result h6 {
    text-transform: uppercase;
    word-spacing: 2px;
    letter-spacing: 2px;
    font-family: 'alegreya_sans', sans-serif;
    margin-bottom: 5px;
}

.single-search-result {
    padding: 20px 0;
}

    .single-search-result:last-child {
        border-bottom: 1px solid #fff;
    }

    .single-search-result.small-single-result {
        padding: 0;
    }


/** ======================== TOURSETS (/MODULES) ======================== **/
@media screen {
    .notscreen {
        display: none;
    }
}
.markanchor:before {
    /*display: block; 
    content: " ";*/
    /*margin-top: -200px;*/   /*was 100px*/
    /*padding-top: 100px;*/
    /*height: 200px;*/
}
.stepbox, .stepbox-side {
    border: solid 1px;
    border-radius: 20px;
    border-color: #73AD21;
    margin-top:15px;
    padding: 0px 15px 15px 15px;
    height: auto;

}
/*.stepbox {
    margin: 1%;
    padding: 1%;
    width:22%;
}*/
.stepbox-side {
    margin-top:20px;
    margin-bottom:20px;
    margin-right: 10px;
    overflow:hidden;
}
    .stepbox .count {
        margin-right: 7px;
        line-height: 20px;
    }
.stepbox-side span.count {
    margin-top:2px;
    line-height: 20px;
}
.tourinsert {
    padding: 0;
    /*border: solid 1px;*/
    border-color: #73AD21;
}
.tourinsertheader {
    margin-left:0;
    padding:0;
    /*background-color: #f7fbf4;*/ 
    /*border-bottom: solid 1px #7bc143;*/
}

.rbl-tourname input {
    margin-top: 20px;
    margin-bottom: 20px;
}
    .rbl-tourname input[type="radio"] {
        float:left;
        margin-right: 8px;
    }
.rbl-tourname label {
    margin-top:13px;
    display: block;
    font-size: 20px;
    /*color: #aa2616;*/
}
    
#prettycheckboxlist input[type="checkbox"] {
    display: none;
}
#prettycheckboxlist input[type="checkbox"] {
    display: none;
}
    #prettycheckboxlist input[type='checkbox'] + label:before {
        font-family: 'icomoon';
    }
    #prettycheckboxlist input[type="checkbox"] + label:before {
        content: "\e73c"; /* Checkbox Unchecked */
    }
    #prettycheckboxlist input[type="checkbox"]:checked + label:before {
        content: "\e6fb"; /* Checkbox Checked */
    }


#prettycheckboxlistdual input[type="radio"] {
    /*display: none;*/
}

#prettycheckboxlistdual input[type="checkbox"] {
    display: none;
}
    #prettycheckboxlistdual input[type='checkbox'] + label::after {
        font-family: 'icomoon';
    }
    #prettycheckboxlistdual input[type="checkbox"] + label::after {
        content: "\e73c"; /* Checkbox Unchecked */
    }
    #prettycheckboxlistdual input[type="checkbox"]:checked + label::after {
        content: "\e6fb"; /* Checkbox Checked */
    }

.tourset-build-selected {
    background-color: rgba(0, 0, 0, 0.2);
}

.tourset-tourname {
    display: block;
    font-size: 20px;
    font-weight:800;
    text-transform: none;
    margin-left: 26px;
    margin-top: -18px;
}
.tourset-tourprice {
    display: block;
    font-size: 16px;
    color: black;
    text-transform: none;
    margin-left: 20px;
    margin-top: -10px;
}

#tourset-container {
    position: relative;
    width: 100%;
    height: 430px;
    left:0;
}
#tourset-panel {
    width: 24%;
    /*height: 400px;*/
    position: absolute;
    top:30px;
    left: 15px;
    background-color:rgba(51, 51, 0, 0.5);
    z-index: 100;
}
    #tourset-panel h3, #tourset-panel .light,  #tourset-panel p {
        opacity: 0;
    }

#tourset-text {
    width: 22%;
    /*height: 400px;*/
    position: absolute;
    top: 45px;
    left: 25px;
    opacity: 1;
    color:white !important;
}    

.transparent {
	background: rgba(26, 13, 0, 0.6);
    border-radius: 25px;
}


}
    #tourset-text h3, #tourset .light {
        opacity: 1;
        color:white;
    }

#tourset-wow {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}

div#prettycheckboxlistdual table tr td.titicacaException {
padding-top: 20px;
padding-bottom: 0px;
}

.day-place {
    margin-top: -2px;
    margin-left: 30px;
    display:block;
}
@media (min-width: 1199px) {
    .tourset-tourname {
        margin-left: 26px;
        margin-top: -21px;
    }
    .tourset-tourprice {
        margin-left: 26px;
        margin-top: -15px;
    }
}

.tourschematic {
    width: 100%; 
    border: solid 1px #7bc143;
    margin-left: 15px;
}

.tourset-tourlist-tourname,
.tourset-tourlist-intro {
    font-family: 'alegreya_sanslight', sans-serif;
    margin-top: 0px;
    margin-bottom: 10px;
    font-size: 16px;
    color: #aa2616;
}
.tourset-tourlist-tourname {
    margin-left:10px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 20px;
    color:#101010;
   
}

.tourset-upgradetable {
    border-collapse: collapse;
    /*width:100%;*/
}
    .tourset-upgradetable input {
        color: red;
    }
.tourset-upgradetable-tourname {
    font-family: 'alegreya_sanslight', sans-serif;
    margin-top: 10px;
    margin-bottom: 30px;
    font-size: 23px;
    color: #aa2616;
}
.tourset-upgradetable-description {
    margin-top: 5px;
    margin-bottom: 5px;
}

    .tourset-upgradetable .price-display, .stepbox-side .price-display {
        padding-left: 30px;
        font-weight: 600;
    }
.tourset-upgradetable-label {
    display: block;
    margin-top: -18px;
    margin-left: 20px;
}

.tourset-upgradetable-noshow {
    display: none;
}

#tourset-text p {
    margin-right: 10px;
}

#tourset-text h1 {@media (min-width: 1024px) and (max-width: 1100px) {
#tourset-text h1 {
    font-size: 130%;
}
#tourset-text h2 {
    font-size: 110%;
}

#tourset-text p {
    font-size: 55%;
}
}

@media (min-width: 1101px) and (max-width: 1189px) {

#tourset-text p {
    margin-right: 10px;
    font-size: 55%;
}
}

@media (min-width: 1190px) and (max-width: 1220px) {

#tourset-text p {
    margin-right: 10px;
    font-size: 60%;
}
}

@media (min-width: 1221px) and (max-width: 1289px) {

#tourset-text p {
    margin-right: 10px;
    font-size: 65%;
}
}

@media (min-width: 1290px) and (max-width: 1349px) {

#tourset-text p {
    margin-right: 10px;
    font-size: 70%;
}
}

@media (min-width: 1350px) and (max-width: 1399px) {

#tourset-text p {
    margin-right: 10px;
    font-size: 75%;
}
}

@media (min-width: 1400px) and (max-width: 1549px) {
#tourset-text h1 {
    font-size: 140%;
}

#tourset-text h2 {
    font-size: 120%;
    color: #cb6b27;
}

#tourset-text p {
    margin-right: 10px;
    font-size: 80%;
}
}
    font-size: 130%;
    margin-top: 10px;
    margin-bottom: 0px;
}

#tourset-text h2 {
    margin-left: 20px;
    color: #cb6b27;
    font-size:110%
}

@media (min-width: 1024px) and (max-width: 1100px) {
#tourset-text h1 {
    font-size: 130%;
}
#tourset-text h2 {
    font-size: 110%;
}

#tourset-text p {
    font-size: 55%;
}
}

@media (min-width: 1101px) and (max-width: 1189px) {

#tourset-text p {
    margin-right: 10px;
    font-size: 55%;
}
}

@media (min-width: 1190px) and (max-width: 1220px) {

#tourset-text p {
    margin-right: 10px;
    font-size: 60%;
}
}

@media (min-width: 1221px) and (max-width: 1289px) {

#tourset-text p {
    margin-right: 10px;
    font-size: 65%;
}
}

@media (min-width: 1290px) and (max-width: 1349px) {

#tourset-text p {
    margin-right: 10px;
    font-size: 70%;
}
}

@media (min-width: 1350px) and (max-width: 1399px) {

#tourset-text p {
    margin-right: 10px;
    font-size: 75%;
}
}

@media (min-width: 1400px) and (max-width: 1549px) {
#tourset-text h1 {
    font-size: 140%;
}

#tourset-text h2 {
    font-size: 120%;
    color: #cb6b27;
}

#tourset-text p {
    margin-right: 10px;
    font-size: 80%;
}
}

@media (min-width: 1550px) and (max-width: 1684px) {
#tourset-text h1 {
    font-size: 180%;
}

#tourset-text h2 {
    font-size: 160%;
}

#tourset-text p {
    margin-right: 10px;
    font-size: 85%;
}
}

@media (min-width: 1685px) {
    #tourset-text p {
    font-size: 100%;
}

#tourset-text h1 {
    font-size: 200%;
}

#tourset-text h2 {
    font-size: 160%;
}

}


div#viewselections {
    padding: 0px;
}

div#viewselections {
    padding: 0px;
}

div#udpViewTrip {
    padding-top: 10px;
}

div.stepbox-side div#sendtrip, div.stepbox-side div#udpSubmit div#address {
    padding-top: 20px;
}

p.extraSections {
    font-size: 14px;
    font-weight: bold;
}

div#viewselections .container {
    width:100%;
    padding-top: 10px;
}

div#viewselections p span.day-no {
    color: #7bc143;
    font-family: 'alegreya_sanslight';
    text-transform: uppercase;
    word-spacing: 2px;
    letter-spacing: 1px;
    display: inline-block;
        width: 22px;
        height: 22px;
        border: 1px solid #7bc143;
        -ms-border-radius: 100%;
        border-radius: 100%;
        margin-right: 0;
        text-align: center;
        line-height: 15px;
}

p span#lblSubheading {

    font-family: 'alegreya_sanslight';
   color: #cb6b27;
   font-size: 21px;
   padding-left: 5px;

}

.btn-info {
    background-color: #7bc143 !important;
}

.btn-info:hover {
    background-color: #55ad0e !important;
}



/** ======================== FORMS ======================== **/
/** ======================== WATCH OUT - MAY BE SEARCH FORM TOO!! ======================== **/
/* buttons, forms, inputs */

.required {
    color: #cb6b27;
    font-family: 'alegreyaregular';
}

.requiredsans {
    color: #cb6b27;
    font-family: 'Alegreya Sans';
    line-height: 16px;
}
.multiselect.btn,
.form-control {
    -ms-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 0 0;
    -ms-box-shadow: 0 0 0;
    box-shadow: 0 0 0;
    font-family: 'alegreya_sansregular', sans-serif;
    color: #6e786e;
}

.multiselect.btn,
.input-sm, .form-horizontal .form-group-sm .form-control {
    padding: 3px 10px;
}

.form-group {
    font-family: 'alegreya_sanslight', sans-serif;
    margin-top: 5px;
    margin-bottom: 5px;
}

    .form-group .lowercase {
        text-transform: lowercase;
    }

    .form-group .checkbox {
        padding-left: 0px;
        margin-bottom: 0;
        font-weight: normal;
        cursor: pointer;
    }
.form-group-mini {
    font-family: 'alegreya_sanslight', sans-serif;
    margin-top: 0px;
    margin-bottom: 0px;
}

    .form-group-mini .lowercase {
        text-transform: lowercase;
    }

    .form-group-mini .checkbox {
        padding-left: 0px;
        margin-bottom: 0;
        font-weight: normal;
        cursor: pointer;
    }


.checkbox label {
    font-family: 'alegreya_sanslight', sans-serif;
    padding-left: 0px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 15px;
}



.form-control::-moz-placeholder {
    color: #b7bcb7;
    -ms-opacity: 1;
    opacity: 1;
}

.form-control:-ms-input-placeholder {
    color: #b7bcb7;
}

.form-control::-webkit-input-placeholder {
    color: #b7bcb7;
}

.btn-group,
.multiselect.btn {
    width: 100%;
    text-align: left;
}

    .multiselect.btn .caret {
        margin: 0;
        top: 12px;
        padding: 0;
        right: 10px;
        position: absolute;
    }

    .multiselect.btn-default:hover,
    .multiselect.btn-default:focus,
    .multiselect.btn-default:active,
    .multiselect.btn-default.active,
    .open > .multiselect.dropdown-toggle.btn-default,
    .multiselect.btn:hover,
    .multiselect.btn:focus,
    .form-control:hover {
        background: #FFFFFF;
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px #000000, 0 0 8px #66afe9;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
        -ms-box-shadow: inset 0 1px 1px #000000, 0 0 8px #66afe9;
        box-shadow: inset 0 1px 1px #000000, 0 0 8px #66afe9;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    }

.form-horizontal .control-label {
    text-align: left;
}

    .form-horizontal .control-label.text-right {
        text-align: right;
    }

.btn {
    -ms-border-radius: 0;
    border-radius: 0;
    border: 0;
}

    .btn.multiselect {
        border: 1px solid #CCC;
    }

.btn-search:active,
.btn-clear:active {
    color: #ffffff;
}

.btn-search,
.btn-clear {
    background: #e60032;
    color: #ffffff;
    height: 36px;
}

    .btn-search:hover,
    .btn-clear:hover {
        background: #7bc143;
        color: #ffffff;
    }

.btn-search {
    background: #cb2424 /*changed 19/12/18 from #e60032;*/ 
}

.btn-clear {
    background: #6e786e;
}
.btn-cruise-enquiry {
    background: #66afe9;
    color: #ffffff;
    height: 32px;
}

.btn-dhotel-enquiry {
    background: #e60032;
    color: #ffffff;
    height: 32px;
}
    .btn-dhotel-enquiry :hover {
        background: #7bc143;
        color: #ffffff;
    }

.btn span {
    float: left;
    display: block;
    text-transform: uppercase;
    word-spacing: 2px;
    letter-spacing: 1px;
}

    .btn span.right-arr {
        background-position: -13px -133px;
    }
.btn-100pc {
    width: 100%;
}


textarea {
    min-height: 100px;
}

.form-inline .label {
    font-family: 'alegreya_sanslight';
}

/** request a brochure form last step **/
.step-3 .checkbox label, .step-3 .form-group label {
    font-family: 'alegreya_sanslight';
    margin-bottom: 0;
    margin-top: 0;
    padding-left: 0px;
}

.step-3 .checkbox, .step-3 .form-group {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 20px;
}




/* TOUR PAGES 0 - TABS*/
.tab-content {
    border: 1px solid #cb6b27;
    border-top-width: 3px;
    padding: 30px 14px 14px;  /*JTMar18. Padding reduced from 15px to 14px to take account of border 1px*/
}

    .tab-content.steps-content {
        border: 0;
        padding: 0;
    }

.tabs-wrapper .nav-tabs {
    border-bottom: 1px solid #cb6b27;
}

    .tabs-wrapper .nav-tabs > li {
        margin-bottom: 0;
    }

        .tabs-wrapper .nav-tabs > li > a {
            border: 1px solid #e3e5e3;
            background: #e3e5e3;
            /* color: #6e786e; */
            color: rgb(5,8,5) ;
            -ms-border-radius: 0;
            border-radius: 0;
            font-family: 'alegreya_sanslight', sans-serif;
            -moz-min-width: 110px;
            -ms-min-width: 110px;
            -o-min-width: 110px;
            -webkit-min-width: 110px;
            min-width: 110px;
            text-align: center;
        }

            .tabs-wrapper .nav-tabs > li.active > a,
            .tabs-wrapper .nav-tabs > li.active > a:hover,
            .tabs-wrapper .nav-tabs > li.active > a:focus,
            .tabs-wrapper .nav-tabs > li > a:hover,
            .tabs-wrapper .nav-tabs > li > a:focus {
                border: 1px solid #cb6b27;
                background: #cb6b27;
                color: #ffffff;
            }

    .tabs-wrapper .nav-tabs.nav-justified > li > a {
        padding: 10px 2px;
    }

    .tabs-wrapper .nav-tabs.nav-justified > li > a,
    .tabs-wrapper .nav-tabs.nav-justified > li.active > a,
    .tabs-wrapper .nav-tabs.nav-justified > li.active > a:hover,
    .tabs-wrapper .nav-tabs.nav-justified > li.active > a:focus {
        border-left: 1px solid #fff;
        border-right: 1px solid #fff;
        -ms-border-radius: 1px;
        border-radius: 1px;
    }

    .tabs-wrapper .nav-tabs.nav-justified > li:first-child > a {
        border-left: 1px solid #e3e5e3;
    }

    .tabs-wrapper .nav-tabs.nav-justified > li.active:first-child > a,
    .tabs-wrapper .nav-tabs.nav-justified > li.active:first-child > a:hover,
    .tabs-wrapper .nav-tabs.nav-justified > li.active:first-child > a:focus {
        border-left: 1px solid #cb6b27;
    }

.tab-pane hr {
    border: 0;
    border-bottom: 1px solid #7bc143;
    height: 0;
    width: 100%;
}

.info-icons {
    padding-top: 15px;
}

    .info-icons img {
        text-indent: -9999px;
        width: 45px;
        height: 45px;
        margin: 1px;
    }



@media (min-width: 767px) {
    .collapse.tab-collapse {
        display: block;
    }

    .current-tab-title {
        display: none;
    }
}


/*TOUR PAGES - TAB 1 - TOUR HIGHLIGHTS AND SUMMARY DAY-BY-DAY LIST JT 151015*/
.tour-highlight h3 a:hover,
.tour-day-by-day h3 a:hover {
    color: #7bc143;
}

.tour-highlight h3 a,
.tour-highlight h3,
.tour-day-by-day h3 a,
.tour-day-by-day h3 {
    color: #cb6b27;
    font-family: 'alegreya_sanslight', sans-serif;
    margin-bottom: 3px;
    margin-top: 0;
}

.tour-highlight h5,
.tour-day-by-day h5 {
    text-transform: uppercase;
    word-spacing: 2px;
    letter-spacing: 1px;
    font-family: 'alegreya_sanslight', sans-serif;
    margin-bottom: 5px;
}

h5.tour-hotel-location,
h5.tour-hotel-photo-caption {
    text-transform: uppercase;
    word-spacing: 2px;
    letter-spacing: 1px;
    font-family: 'alegreya_sanslight', sans-serif;
    margin-bottom: 5px;
}

.tour-highlight h5,
.tour-day-by-day h5 {
    margin-bottom: 10px;
}

.tour-highlight h6,
.tour-day-by-day h6 {
    text-transform: uppercase;
    word-spacing: 2px;
    letter-spacing: 2px;
    font-family: 'alegreya_sans', sans-serif;
    margin-bottom: 5px;
}

.tour-highlight,
.tour-day-by-day {
    padding: 5px 0;
}

    .tour-highlight :last-child,
    .tour-day-by-day :last-child {
        border-bottom: 1px solid #fff;
    }

.boat-itinerary {
    border: none 0px transparent;
}

.boat-itinerary-header,
.boat-itinerary-rows {
    color: #101010;
    font-size: 14px;
    font-family: 'alegreya_sanslight';
    text-transform: uppercase;
    word-spacing: 2px;
    letter-spacing: 1px;
    float: none;
    vertical-align:top;
    padding-top:10px;
    height:24px;
}

.boat-itinerary-header,
.boat-itinerary-day-no {
    color: #7bc143 ;
    font-size: 14px;
    font-family: 'alegreya_sanslight';
    vertical-align:top;
    text-align:center; 
}

.boat-itinerary-day-no {
    font-weight: bold;
    border-top:1px solid #7bc143;
}
.boat-itinerary-site {
    padding-left:10px; 
}
.boat-itinerary-new-day {
    
}

/*.boat-itinerary p,
.boat-itinerary a,
.boat-itinerary th,
.boat-itinerary td {
    color: #7bc143 ;
    font-size: 14px;
    font-family: 'alegreya_sanslight';
    text-transform: uppercase;
    word-spacing: 2px;
    letter-spacing: 1px;
    float: none;
    vertical-align:top;
}*/



.boat-itinerary-day-no-x {
    font-family: 'alegreya_sanslight';
    text-transform: uppercase;
    word-spacing: 2px;
    letter-spacing: 1px;
    float: none;
    color: #7bc143;
    width: 22px;
    height: 22px;
    border: 1px solid #7bc143;
    -ms-border-radius: 22px;
    border-radius: 22px;
    margin-right: 10px;
    margin-top: 0px;
    text-align: center;
    /*line-height: 15px;*/
    float: left;
}



/* TOUR PAGES TAB 2 - DAY BY DAY - NUMBERS IN CIRCLE; DAY OF TRIP AND FOOD INFO*/
.days-list,
.boat-days-list {
    margin-bottom: 20px; /*JT 12Oct15 was 20px*/
}
    .days-list li,
    .boat-days-list li {
        color: #7bc143;
        line-height: 22px;
        margin-bottom: 0px; /*JT 12Oct15 new */
    }
.days-list li {
            padding: 5px 0;
}
.boat-days-list li {
            padding: 0;
}
        .days-list li span,
        .boat-days-list li span {
            color: #0f1e0f;
            font-family: 'alegreya_sanslight';
            text-transform: uppercase;
            word-spacing: 2px;
            letter-spacing: 1px;
            display: block;
            float: none;
        }
            .days-list li span.day-no,
            .boat-days-list li span.day-no {
                color: #7bc143;
                width: 22px;
                height: 22px;
                border: 1px solid #7bc143;
                -ms-border-radius: 22px;
                border-radius: 22px;
                margin-right: 10px;
                text-align: center;
                line-height: 15px;
                float: left;
            }
            .days-list li span.spacer,
            .boat-days-list li span.spacer {
                opacity: 0;
            }


.days-count {
    text-align: right;
    margin-top: 5px;
}

@media (max-width:991px) {
    .days-count {
        text-align: left;
    }
}

.days-count.text-left {
    text-align: left;
}

.days-count span {
    color: #7bc143;
    font-family: 'alegreya_sanslight';
    text-transform: uppercase;
    word-spacing: 2px;
    letter-spacing: 1px;
    display: inline-block;
    margin-right: 5px;
}

    .days-count span.day-no {
        color: #7bc143;
        width: 22px;
        height: 22px;
        border: 1px solid #7bc143;
        -ms-border-radius: 100%;
        border-radius: 100%;
        margin-right: 0;
        text-align: center;
        line-height: 15px;
    }

.food-info {
    text-align: right;
    margin-top: 3px;
}

    .food-info span {
        color: #cb6b27;
        font-family: 'alegreya_sanslight';
        text-transform: uppercase;
        word-spacing: 2px;
        letter-spacing: 1px;
        display: inline-block;
        margin-right: 0;
    }

        .food-info span.icomoon {
            color: #b7bcb7;
            font-family: 'icomoon';
            margin-right: 5px;
        }


/** TOURS - PRICE TABLES**/
.table > thead > tr > th,
.table > tbody > tr > td {
    vertical-align: top;
}

.table > thead > tr > th {
    background: #cb6b27;
    color: #ffffff;
    font-family: 'alegreya_sansregular';
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    border: 0;
    font-weight: normal;
}

.table > thead > tr,
.table > tbody > tr,
.table > tfoot > tr {
    border: 0;
}

    .table > tbody > tr > td {
        font-family: 'alegreyaregular';
    }

        .table > tbody > tr > td.price {
            font-family: 'alegreya_sansregular';
            color: #cb6b27;
        }

.table.teble-sans > tbody > tr > td {
    font-family: 'alegreya_sansregular';
}
.table > thead > tr > th.center,
.table > tbody > tr > td.center,
.table > thead > tr > th.price,
.table > tbody > tr > td.price,
.table > tbody > tr > th.nights,
.table > tbody > tr > td.nights {
    text-align: center;
}

.table > thead > tr > th.right,
.table > tbody > tr > td.right {
    text-align: right;
}

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #FFFFFF;
}

.table-striped > tbody > tr:nth-child(even) > td,
.table-striped > tbody > tr:nth-child(even) > th {
    background-color: #E3E5E3;
}

.full-width-table {
    width: 100%;
}




/** TOUR PAGES TAB 4 - REVIEWS / RATINGS ======================== **/

/* REVIEWS */
.reviews-wrapper {
    border-top: 1px solid #7bc143;
}

    .reviews-wrapper a.more {
        margin-top: 10px;
    }

.review-wrapper:before {
    content: "";
    float: left;
    width: 35px;
    height: 25px;
    margin: 0;
    background: url("../_images/sprite.png") no-repeat;
    background-position: -75px -75px;
}

.review-wrapper strong,
.review-wrapper span {
    display: block;
    padding-left: 40px;
    line-height: 1.5;
}

.review-wrapper span {
    font-family: 'alegreyaitalic';
}

.review-wrapper strong {
    font-family: 'alegreyabold';
    margin: 10px 0;
}

.single-review p.sans.small label {
    color: #cb6b27;
}

.single-review {
    margin-top: 20px;
}

    .single-review .review {
        display: block;
        line-height: 1.5;
        padding-left: 55px;
        min-height: 75px;
        margin: 0;
        background: url("../_images/quote-md.png") no-repeat;
        background-position: 0 0;
    }

@media (max-width: 1499px) {
    .single-review .review {
        background: url("../_images/quote-md.png") no-repeat;
    }
}

@media (max-width: 1199px) {
    .single-review .review {
        background: url("../_images/quote-sm.png") no-repeat;
    }
}




/* RATINGS */
.single-review .rating {
    margin-right: 20px;
}

.average-rating h2 {
    margin-bottom: 0;
}

.average-rating h1 {
    color: #7bc143;
    margin-bottom: 20px;
}

.big-rating {
    margin-top: 10px;
}

    .big-rating .star {
        width: 45px;
        height: 45px;
    }

    .big-rating .full-star {
        background-position: -49px -206px;
    }

    .big-rating .part-star {
        background-position: 0 -206px;
    }

    .big-rating .empty-star {
        background-position: -100px -206px;
    }

.single-trip-hotel .rating {
    margin: 20px 0 5px 0;
}

.single-trip-hotel p.average-rating {
    margin-bottom: 12px;
    color: #6e786e;
}

.single-trip-hotel h4 {
    text-transform: uppercase;
    word-spacing: 2px;
    letter-spacing: 1px;
    font-family: 'alegreya_sanslight', sans-serif;
}

.single-trip-hotel .basic-info p {
    margin-bottom: 5px;
}

.single-trip-hotel .basic-info a {
    display: block;
    color: #CB6B27;
    font-family: 'alegreya_sanslight', sans-serif;
    margin-bottom: 10px;
    margin-top: 0;
}

.single-trip-hotel .basic-info img {
    margin: 10px 0;
}

.count {
    display: block;
    width: 30px;
    height: 30px;
    color: #CB6B27;
    border: 1px solid #CB6B27;
    -ms-border-radius: 30px;
    border-radius: 30px;
    line-height: 24px;
    margin: 8px 5px 0 0;
    text-align: center;
    float: left;
}

/* TOUR PAGES TAB 5 - WHEN TO GO - CLIMATE CHARTS */

/*Possible we don't need it - begin*/
.rain-bar-wrapper {
    width: 150px;
    display: inline-block;
    height: 10px;
    border: 1px solid #cb6b27;
    background: #fff;
}

.rain-bar {
    display: block;
    height: 8px;
    background: #cb6b27;
}

.rain-val {
    display: inline-block;
}
/*Possible we don't need it - end*/
.trip-map > a {
    display: block;
    margin-top: 20px;
}



/*HOTEL PAGES*/
.map_container {
    position: relative;
    width: 100%;
    padding-bottom: 100%; /* Ratio 16:9 ( 100%/16*9 = 56.25% ) */
}

    .map_container .map_canvas {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: 0;
        padding: 0;
    }

.hotel-list-min li span {
    font-family: 'alegreya_sanslight', sans-serif;
    margin-top: 0;
    margin-bottom: 3px;
}

.hotel-list-min a {
    color: #cb6b27;
    font-family: 'alegreya_sanslight', sans-serif;
    margin-top: 0;
    margin-bottom: 0;
}

.tour-list-min li {
    line-height: 1.1em;
    margin-bottom: 6px;
}

    .tour-list-min li span {
        font-family: 'alegreya_sanslight', sans-serif;
        margin-top: 0;
        margin-bottom: 3px;
    }

.tour-list-min a {
    color: #cb6b27;
    font-family: 'alegreya_sanslight', sans-serif;
    margin-bottom: 3px;
    margin-top: 0;
}

.destination-list .checkbox {
    padding-left: 20px;
}

.controls {
    font-family: 'alegreya_sanslight', sans-serif;
}

    .controls .next {
        float: right;
        padding-left: 50px;
    }



/**/
.col-sm-4.inspired-row:nth-child(3n+1) {
    clear: left;
}

.col-sm-3.inspired-row:nth-child(4n+1) {
    clear: left;
}

/* Fixes issues with bullet points appearing before large header images and centres the image correctly - TB 091015 */

.ws_images ul li {
    list-style-type: none;
    margin-left: -15px;
}

/*JT30Oct15 fixes margins above and below hr rule not wanted on phones */
@media (max-width: 1199px) {
    hr {
        clear: both;
        margin: -7px 0;
        display: block;
    }
}

/* DESTINATION HOTELS PAGES */
.dhotel-intro h2 {
}

.dhotel-body h2 {
}

.dhotel-body ul {
    padding: 0;
    margin: 0;
}

.dhotel-body ul, .dhotel-body li {
    list-style: none;
}

.dhotel-body ul, .dhotel-body li, .dhotel-body img {
    cursor: pointer;
    border: 1px solid #fff;
}

/* Bumps right hand destination column up a bit - TB 061115 */

.destinationlocation {
    margin-top: -35px;
}

/* Styles text size specifically on Brochure and Quote pages, once divs have been added in the header sections - TB 061115 */

.brochurePage p, .brochurePage .form-group label, .quotePage p, .quotePage .form-group label {
    font-size: 100% !important;
}

#map_canvas img {
    max-width: none;
}

/*http://stackoverflow.com/questions/24590222/bootstrap-3-grid-with-different-height-in-each-item-is-it-solvable-using-only*/
.themes > .clearme:nth-child(4n)::before {
    content: '';
    display: table;
    clear: left;
}

/* ---- Search inputs ---- */
.searchinput {
    color: #494949;
    margin-left:0px;
    margin-bottom: 15px;
    margin-right:-10px;
    vertical-align:top;
}
.searchinput label {
    display:inline-block;
    vertical-align:top;
    width:90%;
    margin-left:5px;
    margin-right:-10px;
    margin-bottom: 10px;
    font-family: alegreya_sansregular, sans-serif;
    font-size: 16px; /* 14px / 16px */
    letter-spacing: 0.5px;
    line-height:20px;
}

/* ---- Destinations Map  ----- */

.SelectDestinations label {
    margin-left: 0.7em;
}

.countrycheckboxlist input,
.typecheckboxlist input {
    color: #494949;
    margin-bottom: 7px;
    margin-top: 7px;
    margin-right: 5px !important;
    /*visibility:hidden;*/
}

.countrycheckboxlist label,
.typecheckboxlist label {
    font-family: alegreya_sansregular, sans-serif;
    font-size: 16px; /* 14px / 16px */
    letter-spacing: 0.5px;
    display: inline;
}

.utilitycheckboxlist label {
    font-family: alegreya_sansregular, sans-serif;
    font-size: 14px;
    letter-spacing: 0.5px;
    display: block;
    margin-right:10px;
}

.destinationsmap h3 {
    font-size: 35px;
    font-size: 1.8vw;
    margin-top: 0;
}

.destinationsmap h6 {
    font-family: alegreya_sansregular, sans-serif;
    font-size: 15px; /* 14px / 16px */
    letter-spacing: 0.5px;
    margin: 16px 0 0 0;
}

.destinationsmap {
    font-family: alegreya_sansregular, sans-serif;
    font-size: 15px; /* 14px / 16px */
    letter-spacing: 0.5px;
    margin: 8px 0;
}

p.destinationcountry {
    text-transform: uppercase;
    font-family: alegreya_sansregular, sans-serif;
    font-size: 11px; /* 14px / 16px */
    letter-spacing: 0.5px;
    margin: 0;
}

a.destinationlocation {
    font-size: 16px;
}


ul.countrylist, li.countrylist {
    font-family: alegreya_sansregular, sans-serif;
    font-size: 16px; /* 14px / 16px */
    letter-spacing: 0.5px;
    margin: 10px 0;
    padding: 0;
    list-style-type: none;
    cursor: pointer;
}

@media (max-width: 767.98px) {
    ul.countrylist, li.countrylist {
        margin: 5px 0; /* Adjusted margin for xs screens */
    }
}

    li.countrylist:hover {
        text-decoration: underline;
        color: #7bc143;
    }

/* Datapager - for search results */
.datapager {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.datapagerbutton {
    font-family: 'alegreya_sanslight', sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    padding-left: 10px;
    padding-right: 10px;
}

.datapagernumber {
    font-family: 'alegreya_sanslight', sans-serif;
    font-size: 24px;
    font-weight: bold;
    color: #aa2616;
    padding-left: 4px;
    padding-right: 4px;
}



/** ======================== PAGINATION ======================== **/
/* was used to page through reviews - removed - see archives */

/* Our People */
/* Styles for the Our People page at all  */


img.ourPeople {
    margin-bottom: 10px;
}

.Gillian h2 { margin-bottom: 0px; padding-bottom: 0px;}
.Gillian h4 { padding-top: 0px; margin-top: 0px;}
.Gillian img {padding-top: 5px;}

@media (max-width: 414px) {
  
  div.ourPeople {
  width:100%; float: left;
  }

  img.ourPeople {
  width: 100%;
}
}

@media (min-width: 415px) {
  
  div.ourPeople {
  width:50%; float: left; padding:10px;
  }
}

@media (min-width:415px) and (max-width:1439px) {
    img.ourPeople {
  width: 75%;
}
}

@media (min-width: 1440px) {
    img.ourPeople {
  width: 70%;
  }
}


@media (min-width:415px) {
.Tenille img {padding-top:15px;}
}

/* Styling for Geodyssey Traveller signup page - TB 16062017 */

div#mc_embed_signup input {
 margin: 10px 0px;
 border: 1px solid #ccc;   
}

div#mc_embed_signup input.button {
    background: #e60032; 
    color: #ffffff; height: 36px;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
	border:none;
	float: right;
}

div#mc_embed_signup select {
margin: 10px 0px;
width: 100%;
 border: 1px solid #ccc;  
}

.hide-text {
    display: none;
}

/* Brochure Page */

.brochurePage .btn {
    font-size: inherit;
}

.brochurePage h2 {
    margin-left: 15px;
}

.brochurePage #UpdatePanel1 input {
    font-size: inherit;
}