/*
Theme Name: World Journeys AU
Theme URI: http://www.soaptheme.com/html/travelo/index.html
Author: Ian Fraser - Pacific Shack
Author URI: http://www.pacificshack.co.nz
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Date amended: 10 Dec 2015

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* --- Override theme styles --- */
/* --- Index --- */
/* ---
	0. Mobile specific
	1. General
	2. Header
	3. Navigation and breadcrumbs
	4. Footer
	5. Home
	6. Destinations
	7. Region
	8. Banners
	9. Product
	10. About
	11. Brochure
	12. Forms
	13. Contact
	14. Search results
	15. Maps
	16. Blog
	17. Listings
	18. Careers
	19. Cloud fonts
	XX. Specific Pages


--- */



/******************************************************* 0. Mobile specific *******************************************************/
@media screen and (max-width: 400px) {
    .headerSocial i.soap-icon-phone {
        display: none !important;
    }
}

@media screen and (max-width: 480px) {
    .pageHomeSearchContainer {
        max-height: 250px !important;
    }

    .pageHomeSearchContainer>table {
        width: 90% !important;
    }

    .pageHomeSearchContainer>table .pageHomeSearchContainerText h3 {
        font-size: 1.2em !important;
    }

    .pageHomeSearchContainer>table .pageHomeSearchContainerForm form input.input-text {
        height: 40px !important;
        font-size: 1.0em !important;
    }

    .pageHomeBannerVerticalNavContainer {
        display: none;
    }

    .tparrows {
        display: none;
    }

    .headerSearch input.input-text {
        width: 60% !important;
        margin-right: 8px !important;
    }

    .headerSearch .button {
        padding: 0 10px !important;
    }

    .headerSocial>span {
        font-size: 14px !important;
        padding-top: 7px !important;
    }

    .sectionHome .sectionHomeText p {
        font-size: 1.5em !important;
    }

    .hotel-list span.price {
        font-size: 0.9em;
    }

    .hotel-list span.price small {
        font-size: 0.6em;
    }

    .tabWhereWeGo {
        display: none;
    }

    #WhereWeGo {
        display: none;
    }

    a.btnNewsletterDesktop {
        display: none !important;
    }

    a.btnNewsletterMobile {
        display: inline-block !important;
    }

    .excerpt-container .gallery dl.gallery-item {
        display: block;
        float: none !important;
        width: 100% !important;
    }
}

@media screen and (min-width: 481px) {
    a.btnNewsletterDesktop {
        display: inline-block !important;
    }

    a.btnNewsletterMobile {
        display: none !important;
    }

    .excerpt-container .gallery dt img {
        width: 100%;
        height: auto;
    }
}

@media screen and (min-width: 481px) and (max-width: 800px) {
    .pageHomeSearchContainer>table {
        width: 70% !important;
    }

    .pageHomeSearchContainer>table .pageHomeSearchContainerText h3 {
        font-size: 1.5em !important;
    }

    .pageHomeSearchContainer>table .pageHomeSearchContainerForm form input.input-text {
        height: 40px !important;
        font-size: 1.3em !important;
    }

    .hotel-list span.price {
        font-size: 1.2em !important;
        letter-spacing: 0;
    }

    .hotel-list span.price small {
        font-size: 0.8em !important;
    }

}

@media screen and (max-width: 800px) {
    .pageHomeSearchContainer>table .pageHomeSearchContainerBase {
        height: 100px !important;
    }

    .pageHomeSearchContainer>table .pageHomeSearchContainerForm {
        height: 40px !important;
        bottom: 40px !important;
    }

    .pageHomeSearchContainer>table .pageHomeSearchContainerForm form button {
        height: 40px !important;
        font-size: 1.3em !important;
    }

    .pageHomeSearchContainer>table .pageHomeSearchContainerFormBase {
        height: 40px !important;
        bottom: 40px !important;
    }

    .headerSocial {
        margin-top: 0 !important;
    }

    .headerSocial .social-icons {
        display: none;
    }

    .headerLogoSocial {
        padding-bottom: 0 !important;
    }

    .headerLogoSocial .pull-right {
        margin-top: 8px !important;
        margin-right: 60px !important;
        width: 60% !important;
    }

    .headerSearchMobile {
        display: block;
        padding: 10px 0 20px 0px;
    }

    .headerSearchMaster {
        display: none;
    }

    .banner .big-caption {
        font-size: 4.2em;
        letter-spacing: -5px;
        line-height: 1.0em;
    }

    ul.social-icons {
        margin-top: 8px !important;
    }

    .headerSearch label {
        display: none;
    }

    .staffContainer figure>div>img.wp-post-image {
        height: auto !important;
    }

    .staffContainer {
        min-height: inherit !important;
    }

    .staffContainer>div.details {
        min-height: inherit !important;
    }

    .brochureContainer {
        min-height: inherit !important;
    }

    .brochureContainer .details {
        min-height: inherit !important;
    }

    .brochureContainer figure>div>img.wp-post-image {
        height: auto !important;
    }

    div.md-section {
        padding-top: 10px !important;
        padding-bottom: 0 !important;
    }

    div.md-section h2 {
        margin-bottom: 0 !important;
    }

    div.md-section p {
        margin-bottom: 0 !important;
    }

    .productTitlePrice>.col-sm-9 h2 {
        font-size: 3.0em;
        line-height: 1.2em;
        margin-top: -5px;
    }
}

@media screen and (min-width: 800px) {
    .brochureContainer {
        min-height: 470px !important;
    }

    .brochureContainer .details {
        min-height: 320px !important;
    }

    .banner .big-caption {
        font-size: 8.2em;
        letter-spacing: -4px;
        line-height: 0.9em;
    }

    .headerSearchMobile {
        display: none;
    }

    .headerSearchMaster {
        display: block;
    }

    .productTitlePrice>.col-sm-9 h2 {
        font-size: 3.0em;
        line-height: 1.2em;
        margin-top: -5px;
    }
}

@media screen and (min-width: 800px) and (max-width: 1024px) {
    .headerSocial .social-icons {
        display: none;
    }

    .headerLogoSocial .pull-right {
        margin-top: 2px !important;
        margin-right: 60px !important;
        width: 28% !important;
    }

    .headerSearchMaster {
        width: 47% !important;
    }

    .pageHomeSearchContainer>table {
        width: 45% !important;
    }

    .pageHomeSearchContainer>table .pageHomeSearchContainerText h3 {
        font-size: 1.5em !important;
    }

    .pageHomeSearchContainer>table .pageHomeSearchContainerForm form input.input-text {
        font-size: 1.3em !important;
    }
}


@media screen and (max-width: 1025px) {
    #slideshow {
        height: auto !important;
    }

    #slideshow>div {
        margin-top: 0 !important;
    }

    .pageHomePBackground {
        min-height: 50px !important;
    }

    .fullwidthbanner-container {
        margin-top: 0 !important;
    }

    .home-banner-details h4 {
        font-size: 2.0em !important;
        margin-bottom: -3% !important;
    }

    .home-banner-details .pageHomePContainer,
    .home-banner-details .pageHomePText {
        display: none;
    }

    .destinationsMobile {
        padding-top: 0;
    }

    .mobile-menu-toggle {
        z-index: 999;
    }

    .travelo-google-map {
        display: none;
    }

    .destinationsCol {
        min-height: inherit !important;
    }
}

@media screen and (min-width: 1025px) {
    .pageHomeSearchContainer>table .pageHomeSearchContainerForm form input.input-text {
        font-size: 1.3em !important;
    }

}

@media screen and (max-width: 1200px) {
    .sidebar aside.widget_search #searchsubmit {
        margin-left: 0 !important;
        margin-top: 10px !important;
    }
}


/******************************************************* 1. General *******************************************************/
body {
    color: #444;
    font-family: Rockwell;
    font-weight: 400;
    font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #302f2f;
    font-family: Rockwell;
    font-style: normal;
    letter-spacing: -1px;
}

h1,
h2,
h3 {
    font-weight: 700;
}

h4,
h5,
h6 {
    font-weight: 400;
}

label {
    font-family: Rockwell;
    font-weight: 700;
    font-style: normal;
}


.skin-color {
    color: #6E5F52;
}

.button {
    font-family: Rockwell;
    font-weight: 700;
    font-style: normal;
}

a.button {
    background: #aaa;
}

a.sky-blue2:hover {
    background: #207cca;
}

.page-title-container {
    background-color: #6E5F52;
}

label {
    font-size: 1.0em;
    padding: 2px 6px 2px 6px;
    color: white;
}

label.yellow {
    background: #C49F46;
}

label.red {
    background: red;
}

label.orange {
    background: orange;
}

label.green {
    background: #739E73;
}

label.blue {
    background: #57889C;
}

a.blue {
    background: #57889C;
}

a.blue:hover {
    background: #406675;
}

.alert-success {
    background: #88c529 !important;
}

.alert-warning {
    padding: 15px;
}

.alert-warning:before {
    display: none;
}

.alert-warning {
    color: #8A6D3B !important;
}

.price {
    color: #4d4d4f;
    font-family: Rockwell;
    font-weight: 400;
    font-style: normal;
}

.page-title-container .breadcrumbs li.active {
    color: #aaa !important;
}

.hover-effect:after {
    background-color: rgba(0, 0, 0, 0.6);
}

.box-title {
    line-height: 1.2em;
}

.image-box .box,
.image-box.box {
    min-height: 430px;
}

.destinations .image-box .box,
.image-box.box {
    min-height: 300px;
}

.image-box .box .box-title,
.image-box.box .box-title {
    color: #000;
}


/******************************************************* 2. Header *******************************************************/
/* ============== NEW ============== */
.headerLogoSocial {
    padding-bottom: 20px;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
    font-family: Rockwell;
    font-weight: 700;
    font-style: normal;
}

#searchFormPage {
    padding-bottom: 20px;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
    font-family: Rockwell;
    font-weight: 700;
    font-style: normal;
}


.headerSearch {
    position: relative;
    margin-top: 11px;
}

.headerSearch input.input-text {
    width: 70%;
    margin-right: 8px;
}

.headerSearch .button {
    min-width: 80px;
    position: relative;
    background: #98CE44;
    font-weight: bold;
    height: 32px;
    padding: 0 24px;
    line-height: 28px;
    font-size: 0.9167em;
    white-space: nowrap;
    text-align: center;
    border: none;
    color: #FFF;
    cursor: pointer;
    letter-spacing: 0.04em;
}

.headerSearch .button:hover {
    background: #7fb231;
}

.headerSearch form em {
    margin-top: 2px;
    color: red;
    display: block;
}

.headerSocial {
    position: relative;
    float: right;
    padding-top: 6px;
    margin-top: 32px;
    overflow: visible;
    min-height: 32px;
}

.headerSocial>span {
    float: left;
    margin-right: 20px;
    font-size: 18px;
}

.headerSocial>span>span {
    font-weight: bold;
}

.headerSocial>ul {
    float: left;
}

.social-icons li a {
    background-color: #1283C9;
}

.header-newsletter-container {
    position: absolute;
    width: 250px;
    overflow: hidden;
    padding: 15px;
    background: white;
    z-index: 999;
    right: 112px;
    top: 32px;
    border: 1px solid #aaa;
}

.header-newsletter-block {
    position: relative;
    overflow: hidden;
    display: block;
}

.header-newsletter-close {
    color: #428BCA;
    text-decoration: underline;
    font-weight: 500;
    font-size: 0.9em;
    float: right;
    padding-top: 3px;
    cursor: pointer;
}


/* ============== OVERRIDE ============== */
#header .logo img {
    height: 75px;
    width: auto;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 100;
    -khtml-opacity: 100;
    opacity: 100;
}

@media (max-width: 991px) {
    #header .logo img {
        height: 30px;
        width: auto;
        filter: alpha(opacity=0) !important;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
        -moz-opacity: 100 !important;
        -khtml-opacity: 100 !important;
        opacity: 100 !important;
    }
}

.chaser .logo img {
    height: 25px;
    width: auto;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 100;
    -khtml-opacity: 100;
    opacity: 100;
}

#main-menu ul.menu,
.chaser ul.menu {
    float: right;
}

#header .logo a,
#footer .logo a,
.chaser .logo a {
    background: none;
}




/******************************************************* 3. Navigation and breadcrumbs *******************************************************/
/* ============== NEW ============== */
#main-menu ul.menu {
    font-family: Rockwell;
    font-weight: 700;
    font-style: normal;
}

#main-menu ul.menu>li.standard-menu>ul {
    margin-top: 2px;
}

#main-menu ul.menu>li.standard-menu>ul>li {
    border: none;
}

#main-menu ul.menu>li.standard-menu>ul>li>a {
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 100;
    -khtml-opacity: 100;
    opacity: 100;
    text-transform: none;
    font-weight: 600;
    padding: 6px;
}

#menu-top-menu {
    font-family: Rockwell;
    font-weight: 700;
    font-style: normal;
}

#menu-top-menu>li>ul {
    margin-top: 2px;
}

#menu-top-menu>li>ul>li {
    border: none;
}

#menu-top-menu>li>ul>li>a {
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 100;
    -khtml-opacity: 100;
    opacity: 100;
    text-transform: uppercase;
    font-weight: 600;
    padding: 12px;
}



.megamenu-menu>.megamenu-wrapper {
    width: 1060px !important;
    display: block !important;
    left: -277px !important;
    overflow: visible !important;
}

.megamenu-menu>.megamenu-wrapper ul.megamenu {
    margin-top: 2px;
}

.megamenu-menu>.megamenu-wrapper ul.megamenu>li {
    padding-left: 0;
    padding-bottom: 10px !important;
}

.megamenu-menu>.megamenu-wrapper ul.megamenu>li>a {
    padding-bottom: 5px !important;
}

.megamenu-menu>.megamenu-wrapper ul.megamenu li>a {
    padding-left: 10px !important;
    padding-right: 10px !important;
    font-size: 11px !important;
}

.megamenu-menu>.megamenu-wrapper ul.megamenu li>ul>li {
    padding: 0 !important;
    width: 100% !important;
}

.megamenu-menu>.megamenu-wrapper ul.megamenu li>ul>li>a {
    padding-bottom: 5px !important;
    padding-top: 5px !important;
    border-bottom: none !important;
    font-size: 12px !important;
}

.megamenu-menu>.megamenu-wrapper ul.megamenu li>ul>li>a:before {
    display: none !important;
}

.megamenu-menu>.megamenu-wrapper-caret {
    top: -20px;
    left: 9%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #444;
    border-width: 10px;
    z-index: 1;
}

.megamenu-menu>.megamenu-wrapper ul.megamenu .regionAfrica {
    width: 12% !important;
}

.megamenu-menu>.megamenu-wrapper ul.megamenu .regionNorthAfrica {
    width: 14% !important;
}

.megamenu-menu>.megamenu-wrapper ul.megamenu .regionEurope {
    width: 10% !important;
}

.megamenu-menu>.megamenu-wrapper ul.megamenu .regionIndia {
    width: 14% !important;
}

.megamenu-menu>.megamenu-wrapper ul.megamenu .regionAsia {
    width: 12% !important;
}

.megamenu-menu>.megamenu-wrapper ul.megamenu .regionCanadaAlaska {
    width: 15% !important;
}

.megamenu-menu>.megamenu-wrapper ul.megamenu .regionCentralAmerica {}

.megamenu-menu>.megamenu-wrapper ul.megamenu .noCol {
    margin-top: 20px;
}

.megamenu-menu>.megamenu-wrapper ul.megamenu .noCol>a {
    text-transform: uppercase;
    font-weight: bold;
    filter: alpha(opacity=100) !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
    -moz-opacity: 100 !important;
    -khtml-opacity: 100 !important;
    opacity: 100 !important;
}

.megamenu-menu>.megamenu-wrapper ul.megamenu .noCol>a:hover {
    background: #444444 !important;
}

.headerImageBlock {
    width: 100%;
    height: 12px;
    background-image: url(../assets/header-ribbon.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

#header .mobile-menu {
    font-family: Rockwell;
    font-weight: 700;
    font-style: normal;
}


/* ============== OVERRIDE ============== */
.chaser .logo {
    margin-right: 12px;
}

#main-menu ul.menu>.megamenu-menu ul.megamenu,
.chaser ul.menu>.megamenu-menu ul.megamenu {
    background: #6E5F52;
}

#main-menu ul.menu>li,
.chaser ul.menu>li {
    padding-left: 15px;
    padding-right: 15px;
}

#main-menu ul.menu>li:first-child,
.chaser ul.menu>li:first-child {
    padding-left: 15px;
}

#main-menu ul.menu>li:last-child,
.chaser ul.menu>li:last-child {
    padding-right: 15px;
}

#main-menu ul.menu>li:hover,
.chaser ul.menu>li:hover {
    background-color: #efefef;
}

#main-menu ul.menu>li:hover>a,
.chaser ul.menu>li:hover>a {
    color: #333;
}

#main-menu ul.menu>.megamenu-menu ul.megamenu>li>a:hover,
.chaser ul.menu>.megamenu-menu ul.megamenu>li>a:hover {
    background: #444444 !important;
}

#menu-top-menu>li.current_page_item {
    background-color: #efefef;
}

#menu-top-menu>li.current_page_item>a {
    color: #333;
}

.page-title-container .breadcrumbs {
    font-family: Rockwell;
    font-weight: 700;
    font-style: normal;
}

.page-title-container .breadcrumbs li:after {
    color: #aaa;
}


/******************************************************* 4. Footer *******************************************************/
/* ============== NEW ============== */
#menu-footer-menu {
    font-family: Rockwell;
    font-weight: 400;
    font-style: normal;
}

#menu-footer-menu>li.current-menu-item>a {
    color: #000000;
}

#menu-footer-menu>li.current-menu-item>a:hover {
    color: #222222;
}

span.contact-phone {
    font-family: Rockwell;
    font-weight: 700;
    font-style: normal;
    letter-spacing: -1px;
    color: #000 !important;
}

span.contact-phone2 {
    font-size: 14px;
    margin-top: 10px;
    display: block;
    margin-bottom: 0;
    overflow: hidden;
    padding: 0 !important;
    font-family: Rockwell;
    font-weight: 700;
    font-style: normal;
}

span.contact-phone2>i {
    float: left;
    margin-right: 4px;
    font-size: 14px;
    width: 13px;
}

span.contact-phone2>span {
    float: left;
    width: 90%;
}

span.contact-fax {
    font-size: 14px;
    margin-top: 10px;
    display: block;
    margin-bottom: 0;
    overflow: hidden;
    font-family: Rockwell;
    font-weight: 700;
    font-style: normal;
}

span.contact-fax i {
    margin-right: 4px;
    margin-bottom: 20px;
}

span.contact-email {
    font-size: 14px;
    margin-top: 10px;
    display: block;
    margin-bottom: 0;
    overflow: hidden;
    padding: 0 !important;
}

span.contact-email i {
    float: left;
    margin-right: 4px;
    width: 13px;
}

span.contact-email>a {
    float: left;
    padding: 0 !important;
    font-size: 14px !important;
    line-height: 14px !important;
}

span.contact-address {
    font-size: 0.9em;
    margin-top: 10px;
    display: block;
    margin-bottom: 0;
    overflow: hidden;
    padding: 0 !important;
}

span.contact-address>i {
    float: left;
    margin-right: 4px;
    font-size: 14px;
    width: 13px;
}

span.contact-address>span {
    float: left;
    width: 90%;
}

.contact-details {
    font-family: Rockwell;
    font-weight: 400;
    font-style: normal;
}

.copyright p {
    font-family: Rockwell;
    font-weight: 400;
    font-style: normal;
    font-size: 0.8em;
}


/* ============== OVERRIDE ============== */
#footer .logo img {
    height: 30px;
    width: auto;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 100;
    -khtml-opacity: 100;
    opacity: 100;
}

#footer ul.travel-news div.description p {
    margin-bottom: 8px;
}

#footer .footer-wrapper {
    padding: 40px 0;
}








/******************************************************* 5. Home *******************************************************/
/* ============== NEW ============== */
.sectionHome div.snib {
    position: relative;
    width: 80px;
    height: 3px;
    margin-bottom: 20px !important;
}

.sectionHome div.snibCenter {
    margin: 0 auto;
    background: #333;
}

.sectionHome div.snibLeft {
    background: #888;
}

.sectionHome h2 {
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 2px;
    font-size: 2.0em;
    padding-bottom: 10px;
}

.sectionHome .sectionHomeText {
    padding-top: 40px;
    padding-bottom: 20px;
}

.sectionHome .sectionHomeText img {
    width: 100%;
    height: auto;
    background: #bbb;
}

.sectionHome .sectionHomeText .imgLeft {
    padding-bottom: 20px;
}

.sectionHome .sectionHomeText h3 {
    font-family: Rockwell;
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
    font-size: 2.4em;
    letter-spacing: -1px;
}

.sectionHome .sectionHomeText p {
    font-family: Rockwell;
    font-weight: 400;
    font-style: normal;
    font-size: 1.8em;
    letter-spacing: -1px;
}

.sectionHome .sectionHomeText a {
    font-family: Rockwell;
    font-weight: 900;
    font-style: normal;
    text-transform: uppercase;
    font-size: 1.2em;
    letter-spacing: 2px;
}

.sectionHome .sectionHomeText a i {
    padding-left: 10px;
    padding-top: 7px;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    width: 33px;
    height: 33px;
}


.destinationsMobile {
    padding-top: 40px;
}

.homeFeatured .imageTopTitle {
    position: absolute;
    z-index: 99;
    left: 2%;
    top: 2%;
}

.homeFeatured .box-title small {
    margin-top: 8px;
}

.homeFeatured .price {
    width: 35%;
}

.homeFeatured label.red {
    font-size: 1.2em;
    position: relative;
    display: block;
    float: left;
    margin-top: -6px;
    text-align: center;
    padding: 2px 8px;
}

.homeFeatured label.orange {
    font-size: 1.2em;
    position: relative;
    display: block;
    float: left;
    margin-top: -6px;
    text-align: center;
    padding: 2px 8px;
    margin-right: 2px;
}

.homeFeatured label.yellow {
    font-size: 1.2em;
    position: relative;
    display: block;
    float: left;
    margin-top: -6px;
    text-align: center;
    padding: 2px 8px;
    margin-right: 2px;
}

.homeFeatured label.blue {
    font-size: 1.2em;
    position: relative;
    display: block;
    float: left;
    margin-top: -6px;
    text-align: center;
    padding: 2px 8px;
    margin-right: 2px;
}


.homeRegion figure img {
    min-height: 205px;
}

.homeRegion .details {
    min-height: 140px !important;
}

.homeRegion .details small {
    font-size: 0.8em;
    line-height: 1.5em;
}

.homeRegion .details small>a {
    text-transform: none;
}

.homeRegion .details small>span:last-child {
    display: none;
}

.homeCountry figure img {
    min-height: 190px;
}

.homeCountry .details {
    min-height: 40px !important;
}

.home-banner-container {
    position: absolute;
    z-index: 30;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.home-banner-details {
    position: absolute;
    margin-left: 10%;
    margin-right: 10%;
    bottom: 7%;
    width: 80%;
}

.home-banner-details h4 {
    color: white;
    font-size: 6.0em;
    margin-bottom: 0;
    text-shadow: 1px 1px 4px rgba(50, 50, 50, 1);
    font-family: Rockwell;
    font-weight: 700;
    font-style: normal;
}

.pageHomePContainer {
    position: relative;
    overflow: hidden;
    min-height: 100px;
}

.pageHomePText {
    position: absolute;
    z-index: 2;
    padding-top: 12px;
}

.pageHomePBackground {
    position: absolute;
    z-index: 1;
    background: black;
    opacity: 0.5 !important;
    filter: alpha(opacity=50);
    width: 100%;
    min-height: 140px;
    bottom: 0;
}

.home-banner-details p {
    color: white;
    font-size: 1.8em;
    margin: 0;
    line-height: 1.4em;
    font-family: Rockwell;
    font-weight: 400;
    font-style: normal;
}

.home-banner-details .button {
    margin-top: 1%;
    min-width: 80px !important;
    position: relative !important;
    background: #98CE44 !important;
    font-weight: bold !important;
    height: 32px !important;
    padding: 0 24px !important;
    line-height: 28px !important;
    font-size: 1.1em !important;
    white-space: nowrap !important;
    text-align: center !important;
    border: none !important;
    color: #FFF !important;
    cursor: pointer !important;
    letter-spacing: 0.04em !important;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    text-shadow: none !important;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    font-family: inherit;
}

.home-banner-details .button:hover {
    background: #7fb231 !important;
}

.pageHomeBannerVerticalNavContainer {
    position: absolute;
    z-index: 50;
    width: 100%;
    bottom: 0;
    text-align: center;
}

.pageHomeBannerVerticalNavContainer .pageHomeBannerVerticalNav {
    background: #F5F5F5;
    width: 100px;
    height: 100px;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    position: relative;
    margin: 0 auto;
    margin-bottom: -50px;
    padding-top: 20px;
}

.pageHomeBannerVerticalNavContainer .pageHomeBannerVerticalNav a {
    font-size: 2.5em;
    cursor: pointer
}

.pageHomeSearchContainer {
    position: absolute;
    width: 100%;
    display: block;
    max-height: 500px;
    height: 500px;
    z-index: 30;
}

.pageHomeSearchContainer>table {
    width: 38%;
    height: 100%;
    border: 0;
    text-align: center;
    margin: 0 auto;
}

.pageHomeSearchContainer>table .pageHomeSearchContainerInner {
    position: relative;
    width: 100%;
    height: 130px;
}

.pageHomeSearchContainer>table .pageHomeSearchContainerText {
    width: 100%;
    height: 130px;
    position: absolute;
    z-index: 2;
    padding-top: 15px;
}

.pageHomeSearchContainer>table .pageHomeSearchContainerText h3 {
    color: white;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 1.8em;
}

.pageHomeSearchContainer>table .pageHomeSearchContainerBase {
    width: 100%;
    height: 130px;
    background: black;
    opacity: 0.5 !important;
    filter: alpha(opacity=50);
    position: absolute;
    z-index: 1;
}

.pageHomeSearchContainer>table .pageHomeSearchContainerFormBase {
    position: absolute;
    bottom: 15px;
    z-index: 3;
    width: 84%;
    height: 54px;
    background: white;
    margin-left: 8%;
    margin-right: 8%;
}

.pageHomeSearchContainer>table .pageHomeSearchContainerForm {
    position: absolute;
    bottom: 15px;
    z-index: 4;
    width: 84%;
    height: 54px;
    margin-left: 8%;
    margin-right: 8%;
}

.pageHomeSearchContainer>table .pageHomeSearchContainerForm form {
    margin: 0;
    padding: 0;
}

.pageHomeSearchContainer>table .pageHomeSearchContainerForm form input.input-text {
    float: right;
    width: 82%;
    border: none;
    background: none;
    height: 54px;
    font-size: 1.6em;
    font-family: Rockwell;
    font-weight: 400;
    font-style: normal;
}

.pageHomeSearchContainer>table .pageHomeSearchContainerForm form input.input-text::-webkit-input-placeholder {
    color: #444;
}

.pageHomeSearchContainer>table .pageHomeSearchContainerForm form input.input-text:-moz-placeholder {
    color: #444;
}

.pageHomeSearchContainer>table .pageHomeSearchContainerForm form input.input-text::-moz-placeholder {
    color: #444;
}

.pageHomeSearchContainer>table .pageHomeSearchContainerForm form input.input-text:-ms-input-placeholder {
    color: #444;
}

.pageHomeSearchContainer>table .pageHomeSearchContainerForm form button {
    float: left;
    width: 18%;
    height: 54px;
    border: none;
    background: #7d7d7d;
    font-size: 2.0em;
}

.buttonBannerVerticalScroll {
    cursor: pointer;
}


/* ============== OVERRIDE ============== */
.global-map-area {
    background: url(../World Journeys Australia, luxury travel_files/assets/images/world/background-pattern-grey.png) no-repeat;
    background-repeat: no-repeat;
    background-size: cover;
}

.image-box .box>.details,
.image-box.box>.details {
    min-height: 90px;
}







/******************************************************* 6. Destination *******************************************************/
/* ============== NEW ============== */
ul.triangle li div.destinationsRegion:before {
    content: "\f04b";
    margin-right: 10px;
    color: #d9d9d9;
    display: block;
    float: left;
    font-size: 7px;
    margin-bottom: 30px;
}

ul.triangle li div.destinationsRegion a h5 {
    color: #000000;
}

ul.triangle li div.destinationsRegion a h5:hover {
    color: #222222 !important;
}

ul.triangle li div.destinationsRegion div {
    margin-left: 14px;
    margin-bottom: 20px;
}

.independentCountry {
    min-height: inherit !important;
}

.independentCountry figure a {
    min-height: 120px !important;
    background: #ccc;
}

.independentCountry figure img {
    min-height: 120px !important;
}

.independentCountry .details {
    min-height: 60px !important;
}

.independentCountry h4 {
    font-family: Rockwell;
    font-weight: 700;
    font-style: normal;
    letter-spacing: -1px;
}

/* ============== OVERRIDE ============== */
.destinations>div>div>h2 {
    font-size: 2.5em;
}

.destinations>div>div>p {
    font-size: 1.3em;
    line-height: 1.8em;
}

.destinationsCol:before {
    display: none !important;
}








/******************************************************* 7. Regions and Countries *******************************************************/
/* ============== NEW ============== */
.regionContainer {
    min-height: inherit !important;
}

.regionContainer h4 {
    margin-bottom: 4px;
    font-family: Rockwell;
    font-weight: 700;
    font-style: normal;
}

.regionContainer p {
    margin-bottom: 4px !important;
}

.regionContainer figure>a {
    width: 250px !important;
    height: 178px !important;
    background: #ddd;
    display: block;
}

.regionContainer figure img {
    width: 250px !important;
    height: 178px !important;
}

.moreRegions li:before {
    margin-bottom: 30px;
}

.moreRegions li {
    min-height: 290px;
}

.moreRegions li>a h5 {
    color: #000000;
}

.moreRegions li>a:hover {
    text-decoration: underline;
}

.moreRegions li h5 {
    font-size: 18px;
    margin-bottom: 5px;
}

.moreRegions li div {
    position: relative;
    overflow: hidden;
    line-height: 18px;
}

.moreRegions li small {
    font-size: 14px;
    margin-right: 5px;
}

.moreRegions li small:last-child span {
    display: none;
}

.otherCountries figure {
    margin-bottom: 10px;
}

.otherCountries figure>a {
    width: 100% !important;
    height: auto !important;
    min-height: 150px;
    background: #ddd;
    display: block;
}

.otherCountries figure img {
    width: 100% !important;
    height: auto !important;
    min-height: 150px;
}

.otherCountries .details h4 {
    margin-bottom: 5px;
}

.otherCountries .details p {
    margin-bottom: 5px;
    font-family: Rockwell;
    font-weight: 400;
    font-style: normal;
}


#whenToGo table tr {
    vertical-align: top;
}

#whenToGo table td {
    line-height: 1.5em;
    font-size: 1.0833em;
    width: 45%;
}

#whenToGo table td:first-child {
    padding-right: 5%;
}

#staffExperiences h2>p {}

#staffExperiences table tr {
    vertical-align: top;
}

#staffExperiences table td {
    line-height: 1.5em;
    font-size: 1.0833em;
    width: 45%;
}

#staffExperiences table td:first-child {
    padding-right: 5%;
}

#quickFacts table tr {
    vertical-align: top;
}

#quickFacts table td {
    line-height: 22px;
    font-size: 16px;
    width: 33%;
}

#quickFacts table td p {
    line-height: 22px;
    font-size: 16px;
}

#quickFacts table td:nth-child(2) {
    padding-left: 2%;
    padding-right: 2%;
}

#quickFacts table td b {
    display: block;
    margin-top: 20px;
}

.labelsContainer {
    position: relative;
    margin-top: 3px;
}

.trans-style ul {
    font-family: Rockwell;
    font-weight: 400;
    font-style: normal;
}

.trans-style .tab-content p {
    font-family: Rockwell;
    font-weight: 400;
    font-style: normal;
}

.trans-style .tab-content h2>p {
    font-family: Rockwell;
    font-weight: 400;
    font-style: normal;
}

#FellowTravellers .col-sm-12 img {
    width: 100%;
    height: auto;
    border: 0;
}

#FellowTravellers h3>img {
    width: 32px;
    height: auto;
    border: 0;
    margin-left: 6px;
    margin-top: -3px;
}

#HowWeTravel .col-sm-2 img {
    width: 100%;
    height: auto;
    border: 0;
    margin-bottom: 10px;
}

#WhereWeGo .whereWeGoContainer {
    width: 100%;
    overflow: hidden;
}

#WhereWeGo .whereWeGoContainerMapPositionals {
    position: absolute;
    z-index: 1;
    width: 100%;
}

#WhereWeGo .mapMarker {
    position: absolute;
    z-index: 2;
    background: white;
    padding: 1px 5px;
    border: 1px solid #333;
    font-family: Rockwell;
    font-weight: 700;
    font-style: normal;
    letter-spacing: -1px;
}

#WhereWeGo .mapMarker:hover {
    background: #eee;
}

#WhereWeGo .mapMarker a:hover {
    color: #08c;
}

#WhereWeGo .whereWeGoContainerMapBase {
    position: relative;
    z-index: 0;
    width: 100%;
    overflow: hidden;
    pointer-events: none;
}

#WhereWeGo .whereWeGoContainerMapBase img {
    width: 100%;
    height: auto;
    border: 0;
}


/* ============== OVERRIDE ============== */
.banner .big-caption {
    text-transform: uppercase;
    text-shadow: none;
    font-weight: bold;
}

.image-box.style2 .details {
    padding: 12px 20px 10px 270px;
}

.single .details {
    margin-bottom: 0;
}

.hotel-list article figure .noImage img {
    background: #eee;
    height: 190px;
}

.hotel-list .details .pull-left,
.hotel-list .details .pull-right {
    min-height: 80px;
}

.hotel-list .details .pull-left {
    width: 70%;
}

.hotel-list .details .pull-left h4 {
    font-size: 1.5em;
    line-height: 1.5em;
}

.hotel-list .details .pull-left h4 label {
    margin-left: 0;
    margin-right: 5px;
    font-size: 0.5em !important;
    padding: 0 8px;
}

.hotel-list .details .pull-left h4 {
    font-family: Rockwell;
    font-weight: 700;
    font-style: normal;
    letter-spacing: -1px;
}

.hotel-list .details .pull-left h4,
.hotel-list .details .pull-left p {
    display: block;
    width: 100% !important;
    position: relative;
    text-align: left !important;
    border-bottom: 0 !important;
    padding-left: 0 !important;
    margin: 0;
    overflow: hidden;
}

.hotel-list .details .pull-left p.description {
    padding-bottom: 0 !important;
}

.hotel-list .details .pull-right {
    width: 30% !important;
}

.hotel-list .details .pull-right span.price {
    padding-right: 0 !important;
    display: block;
    position: relative;
    overflow: hidden;
    text-align: left;
    width: 100% !important;
    margin-bottom: 5px;
}

.hotel-list .details .pull-right span.price>small {
    margin-bottom: 5px;
}

.hotel-list .details .pull-right a {
    padding: 0 !important;
    display: block;
    position: relative;
    overflow: hidden;
    text-align: center;
    width: 100% !important;
    margin-right: 0 !important;
    margin-top: 10px;
}

.hotel-list .details .listingsInformation {
    display: block;
    overflow: hidden;
    position: relative;
}

.hotel-list .details .listingsInformation>p {
    font-size: 0.9em;
}

.hotel-list .details .listingsInformation>p.intro {
    font-size: inherit;
    margin-top: 3px;
}

.hotel-list .details .listingsInformation p {
    display: block;
    width: 100% !important;
    padding: 0;
    text-align: left;
    margin-bottom: 0;
    margin-top: 5px;
}

.hotel-list .details .listingsInformation p span {
    margin-right: 20px;
}

.hotel-list .details .listingsInformation p.intro a {
    color: #4d4d4f;
}

span.highlight {
    margin: 0 !important;
    background: yellow;
}

.hotel-list .details .listingsInformation p {
    font-family: Rockwell;
    font-weight: 400;
    font-style: normal;
    line-height: 1.5em;
}

.hotel-list .details .listingsInformation p.intro {
    font-family: Rockwell;
    font-weight: 400;
    font-style: normal;
}

.hotel-list .details .listingsInformation div.intro {
    font-family: Rockwell;
    font-weight: 400;
    font-style: normal;
    padding: 0;
    width: 100%;
    text-align: left;
}

.hotel-list .details .listingsInformation div.intro>p {
    font-family: Rockwell;
    font-weight: 400;
    font-style: normal;
    display: inline;
}

.listing-style3.hotel .details>*:first-child>* {
    padding-bottom: 5px;
}




/******************************************************* 8. Banners *******************************************************/
/* ============== NEW ============== */



/* ============== OVERRIDE ============== */
#sectionBanner {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

#sectionBanner h2 {
    font-size: 1.5em;
}

.tab-wrapper .tab-content h2 {
    font-size: 14px;
}









/******************************************************* 9. Product *******************************************************/
/* ============== NEW ============== */
.productTitlePrice {
    padding: 15px 15px 0 15px;
    margin-bottom: 0;
}

.productTitlePrice h2 {
    overflow: hidden;
    position: relative;
    margin-bottom: 6px;
}

.productTitlePrice>.col-sm-9>div>span {
    font-size: 1.5em;
}

.productTitlePrice h2 span.price {
    font-size: 1.2em;
    line-height: 1.2em
}

.productTitlePrice h2 span.name {
    float: left;
}

.productTitlePrice label.red {
    position: relative;
    margin-bottom: 20px;
    margin-top: 10px;
    padding: 5px 10px;
    font-size: 1.3em;
}

.productTitlePrice label.orange {
    position: relative;
    margin-bottom: 20px;
    margin-top: 10px;
    padding: 5px 10px;
    font-size: 1.3em;
}

.productTitlePriceBottom {
    padding: 15px;
    margin-bottom: 0;
}

.productTitlePriceBottom .shareFacebook {}

.productTitlePriceBottom .shareTwitter {}

.productTitlePriceBottom .shareLinkedIn {
    min-width: 90px;
}

.productTitlePriceBottom .shareGoogle {}

.productTitlePriceBottom .sharePinterest {}

.productSideCTA {
    margin-bottom: 30px;
}

.productSideCTA h4 {
    font-family: Rockwell;
    font-weight: 700;
    font-style: normal;
}

.productSideCTA img {
    max-width: 90% !important;
    height: auto !important;
}

.productSideCTA h2 {
    line-height: 1.3em;
}

.productSideCTA label.red {
    font-size: 0.5em;
    padding: 5px 4px;
    display: inline;
    position: relative;
}

.productSideCTA label.orange {
    font-size: 0.5em;
    padding: 5px 4px;
    display: inline;
    position: relative;
}

.productSideCTA a.btn-make-enquiry {
    font-size: 1.1em !important;
    padding: 4px 24px !important;
    height: 36px !important;
}


.moreProducts {
    min-height: inherit !important;
}

.moreProducts .details {
    padding-top: 0 !important;
}

.moreProducts .details h5 {
    margin-bottom: 5px !important;
    font-family: Rockwell;
    font-weight: 700;
    font-style: normal;
    font-size: 1.3em;
}

.moreProducts .details h5 a {
    line-height: 1.3em;
}

.moreProducts .details p {
    margin-bottom: 5px !important;
}

.moreProducts .details .price-wrapper {
    padding: 0 !important;
}

.moreProducts .details .price-wrapper .price-per-unit {
    padding-left: 5px !important;
    padding-right: 0 !important;
    color: #4D4D4F;
}

.moreProducts label.red {
    font-size: 0.8em;
    padding: 0 5px;
}

.moreProducts label.orange {
    font-size: 0.8em;
    padding: 0 5px;
}

.sidebar .image-box.style14 .box {
    border-bottom: 1px solid #ddd;
}

.social-icons-product li {
    margin-right: 10px;
}

.itinerary ul {
    list-style-type: disc;
    padding-left: 15px;
}

/* ============== OVERRIDE ============== */
.page-title-container {
    min-height: 40px;
    height: auto;
}

.page-title-container div.pull-left {
    width: 50%;
}

.page-title-container div.pull-left h2 {
    line-height: 1.4em !important;
    padding: 2% 0;
}

.page-title-container div.pull-right {
    width: 50%;
}

.image-carousel ul.slides>li {
    width: 106px !important;
    height: 70px !important;
}

.photo-gallery ul.slides>li .imageTitleBackground {
    position: absolute;
    width: 100%;
    height: 8%;
    bottom: 0;
    background: black;
    opacity: 0.5 !important;
    filter: alpha(opacity=50);
    z-index: 99;
}

.photo-gallery ul.slides>li .imageTitleText {
    position: absolute;
    z-index: 100;
    color: white;
    left: 2%;
    bottom: 2.5%;
    font-size: 120%;
}

.tab-container ul.tabs li a {
    background: #bbb;
    padding: 0 12px;
}

.tab-container ul.tabs {
    font-family: Rockwell;
    font-weight: 400;
    font-style: normal;
}

.mapContainer {
    position: relative;
    display: block;
    overflow: hidden;
    max-width: 870px;
    padding: 20px;
    min-height: 580px;
    max-height: 580px;
    text-align: center;
}

.mapContainer table {
    width: 100%;
    height: 100%;
    min-height: 540px;
}

.mapContainer img {
    max-width: 100%;
    width: auto;
    height: auto;
    max-height: 540px;
}

.videoContainer {
    position: relative;
    display: block;
    overflow: hidden;
    max-width: 870px;
    padding: 20px;
    min-height: 580px;
    max-height: 580px;
    text-align: center;
}

.videoContainer table {
    width: 100%;
    height: 100%;
    min-height: 540px;
}


#hotel-features {
    margin-top: 0 !important;
}

#hotel-features .tab-pane .long-description>div>p {
    font-size: 1.2833em;
    line-height: 1.8666;
}

#hotel-features .tab-pane .long-description>p {
    font-size: 1.2833em;
    line-height: 1.1;
}

#hotel-features .tab-pane .long-description p {
    white-space: pre-wrap;
    margin-bottom: 10px;
}

#hotel-features .tab-pane .long-description>div {
    margin-bottom: 20px;
}

#hotel-features .tab-pane .long-description>div strong {
    margin-right: 10px;
}

#hotel-features .tab-pane .long-description>div.departs>p {
    white-space: inherit;
}

#hotel-features .tab-pane .long-description>div.departs>p strong {
    margin-top: 10px;
    display: block;
}

#hotel-features .tab-pane .long-description>div a.termsLink {
    color: #4d4d4f;
}

#hotel-features .tab-pane .long-description>div a.termsLink:hover {
    text-decoration: underline;
}

#hotel-features .tab-pane .long-description div.specialOffer {
    padding-bottom: 10px;
}

#hotel-features .tab-pane .long-description div.specialOffer p {
    font-size: 1.2833em;
    line-height: 1.8666;
}

#hotel-features .tab-pane .long-description div.specialOffer p.header {
    font-weight: bold;
    margin-bottom: 0;
}

#hotel-features .tab-pane .long-description div.specialOffer p.date {
    font-size: 1.0em;
    margin-bottom: 0;
}

#hotel-features .tab-pane .itinerary p {
    margin-bottom: 15px !important;
}

#hotel-features .tab-pane .long-description div.pricing p {
    margin-bottom: 10px;
}

#hotel-features .tab-pane .long-description div.pricing table {
    width: 100%;
    border-bottom: 1px solid #ccc;
}

#hotel-features .tab-pane .long-description div.pricing table thead th:nth-child(1) {
    min-width: 30%;
}

#hotel-features .tab-pane .long-description div.pricing table thead th,
#hotel-features .tab-pane .long-description div.pricing table tbody td {
    padding: 5px 10px 5px 10px;
    min-width: 90px;
}

#hotel-features .tab-pane .long-description div.pricing table tbody td:nth-child(1) {
    padding-right: 0 !important;
}

#hotel-features .tab-pane .long-description div.pricing table tbody td:nth-child(2) {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

#hotel-features .tab-pane .long-description div.pricing table tbody td:nth-child(3) {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

#hotel-features .tab-pane .long-description div.pricing table thead th {
    background: #aaa;
    color: white;
}

#hotel-features .tab-pane .long-description div.pricing table tbody td p {
    margin-top: 5px;
    margin-bottom: 5px;
    min-height: 22px;
}

#hotel-features .tab-pane .long-description div.pricing table tbody td p.firstP {
    display: none;
}

#hotel-features .tab-pane .long-description div.pricing table tbody td p>strong {
    height: inherit;
    margin: 0;
}

#hotel-features .tab-pane .long-description div.pricing table em {
    font-weight: bold;
}

#hotel-features .tab-pane .long-description div.pricing table strong {
    display: inline-block;
    height: 30px;
    margin-top: 10px;
}

#hotel-features .tab-pane .long-description div.pricing table div {
    border-bottom: 1px solid #f1f1f1;
    line-height: 32px;
}

#hotel-features .tab-pane .long-description div.pricing table div.priceBlock {
    display: block;
    color: white;
}



#hotel-features .sectionPanelIntroduction {}

#hotel-features .sectionPanelIntroduction ul {
    list-style: disc;
    margin-left: 16px;
    font-size: 1.2833em;
    line-height: normal;
}

#hotel-features .sectionPanelItinerary {}

#hotel-features .sectionPanelItinerary ul {
    list-style: disc;
    margin-left: 16px;
    font-size: 1.2833em;
    line-height: 1.2;
}

#hotel-features .sectionPanelIncludes {}

#hotel-features .sectionPanelIncludes ul {
    list-style: disc;
    margin-left: 16px;
    font-size: 1.2833em;
    line-height: 1.8666;
}

#hotel-features .sectionPanelAbout {}

#hotel-features .sectionPanelAbout ul {
    list-style: disc;
    margin-left: 16px;
    font-size: 1.2833em;
    line-height: 1.8666;
}

#hotel-features .sectionPanelPricing {}

#hotel-features .sectionPanelPricing ul {
    list-style: disc;
    margin-left: 16px;
    font-size: 1.0833em;
    line-height: 1.6666;
}

.tab-container .tab-content .tab-pane {
    padding: 10px 20px 20px 20px;
}





/******************************************************* 10. About *******************************************************/
/* ============== NEW ============== */
.staffContainer figure div {
    position: relative;
    width: 100%;
    min-height: 270px;
    background: #CCC;
}

.staffContainer figure img {
    height: 270px !important;
}

.staffContainer .details {
    min-height: 500px !important;
}

.staffContainer .details h4 p {
    display: inline-block;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
}

.team .details {
    text-align: left;
}

.charityContainer figure div {
    position: relative;
    width: 100%;
}

.charityContainer figure img {
    height: auto !important;
}

.charityContainer .details {
    min-height: 200px !important;
}

.charityContainer .details h4 p {
    display: inline-block;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
}


.page_about_new_row {}

.page_about_new_row .col-sm-6 {
    background: white;
    margin-right: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
    width: 49.1%;
    min-height: 260px;
}

.page_about_new_row .col-sm-6:last-child {
    margin-right: 0;
}

.page_about_new_row .col-sm-4 {
    background: white;
    margin-right: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
    width: 32.2%;
    min-height: 520px;
}

.page_about_new_row .col-sm-4:last-child {
    margin-right: 0;
}

.page_about_new_row .col-sm-4 img {
    width: 100%;
    height: auto;
}

.page_about_new_row .col-sm-4 a i {
    border: 1px solid #333;
    padding: 5px;
    padding-left: 10px;
    padding-top: 7px;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    width: 30px;
    height: 30px;
}

.page_about_new_row p {
    font-family: Rockwell;
    font-weight: 400;
    font-style: normal;
}

.large-block {}

p {
    font-family: Rockwell;
    font-weight: 400;
    font-style: normal;
}


/* ============== OVERRIDE ============== */








/******************************************************* 11. Brochures *******************************************************/
/* ============== NEW ============== */
.brochureContainer h4 {
    font-family: Rockwell;
    font-weight: 700;
    font-style: normal;
}

.brochureContainer figure div {
    position: relative;
    width: 100%;
    min-height: 180px;
    background: #CCC;
}

.brochureContainer figure img {
    height: 180px !important;
}

.brochureContainer .details h4 p {
    display: inline-block;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
}

.brochureContainer .details .button {
    margin-bottom: 10px;
    margin-top: 10px;
    min-width: 200px;
    display: block;
    position: relative;
}

/* ============== OVERRIDE ============== */





/******************************************************* 12. Forms *******************************************************/
/* ============== NEW ============== */
.mailChimpForm .button {
    margin-bottom: 10px;
    margin-top: 10px;
    min-width: 100px;
    display: block;
    position: relative;
    background: #AAA;
    font-weight: bold;
    height: 28px;
    padding: 0 24px;
    line-height: 28px;
    font-size: 0.9167em;
    white-space: nowrap;
    text-align: center;
    border: none;
    color: #FFF;
    cursor: pointer;
    letter-spacing: 0.04em;
}

.mailChimpForm .button:hover {
    background: #777;
}

.mailChimpForm .icon-check {
    padding-right: 0 !important;
    margin-bottom: 10px;
}

.mailChimpForm .icon-check:after {
    display: none;
}



/* ============== OVERRIDE ============== */







/******************************************************* 13. Contact *******************************************************/
/* ============== NEW ============== */
.pageContactImageContainer {
    position: relative;
    width: 100%;
    min-height: 400px;
    max-height: 500px;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.pageContact p {
    font-size: 1.2833em;
    line-height: 1.8666;
}

.pageContact form label {
    color: inherit;
}

.pageContact form em {
    margin-top: 5px;
    color: red;
    display: block;
}

.contact-us-box h4 {
    font-family: Rockwell;
    font-weight: 700;
    font-style: normal;
}

.travelo-box.contact-us-box .contact-address li {
    padding-left: 40px;
}

.travelo-box.contact-us-box .contact-address li p {
    text-transform: inherit;
    font-family: Rockwell;
    font-weight: 400;
    font-style: normal;
    font-size: 1.0333em;
}

/* ============== OVERRIDE ============== */
.realperson-regen {
    text-align: left;
    margin-bottom: 5px;
}

input.input-text,
select,
textarea,
span.custom-select {
    border: 1px solid #c5c5c5;
}

.contact-form label {
    color: #302F2F;
}







/******************************************************* 14. Search results *******************************************************/
/* ============== NEW ============== */
.searchAgain {
    position: relative;
    margin-top: 22px;
}

.searchAgain input.input-text {
    width: 70%;
    margin-right: 8px;
}

.searchAgain .button {
    min-width: 80px;
    position: relative;
    background: #98CE44;
    font-weight: bold;
    height: 32px;
    padding: 0 24px;
    line-height: 28px;
    font-size: 0.9167em;
    white-space: nowrap;
    text-align: center;
    border: none;
    color: #FFF;
    cursor: pointer;
    letter-spacing: 0.04em;
}

.searchAgain .button:hover {
    background: #7fb231;
}

.searchAgain form em {
    margin-top: 2px;
    color: red;
    display: block;
}

.searchResultsBlock {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    margin-bottom: 20px;
}

.regionsCountries {
    line-height: 0.8em;
    padding-bottom: 5px;
}


/* ============== OVERRIDE ============== */









/******************************************************* 15. Maps *******************************************************/
/* ============== NEW ============== */
.googleMapsContainerCountry {
    width: 100%;
    overflow: hidden;
    height: 330px;
    pointer-events: none;
}

.googleMapsContainerCountry>iframe {}

/* ============== OVERRIDE ============== */






/******************************************************* 16. Blog *******************************************************/
/* ============== NEW ============== */
.sidebar aside.widget {
    background: #FFF;
    padding: 20px;
    margin-bottom: 30px;
}

.sidebar aside.widget .widget-title {
    margin-bottom: 15px;
    letter-spacing: 0.04em;
    line-height: 1em;
    color: #302F2F;
    font-size: 1.1666em;
    letter-spacing: -1px;
}

.sidebar aside.widget form {
    margin: 0;
}

.sidebar aside.widget input {
    border: 1px solid #C5C5C5;
    background: #F5F5F5;
    height: 34px;
    padding-left: 15px;
}

.sidebar aside.widget_search #s {
    width: 154px;
    max-width: 155px;
}

.sidebar aside.widget_search label {
    display: none;
}

.sidebar aside.widget_search #searchsubmit {
    background-color: #98CE44 !important;
    border: 1px solid #98CE44;
    color: white;
    padding-right: 15px;
    margin-left: -5px;
    font-family: Rockwell;
    font-weight: 700;
    font-style: normal;
}

.dpe-flexible-posts li {
    margin-bottom: 15px;
}

.dpe-flexible-posts li:last-child {
    margin-bottom: 0;
}

.dpe-flexible-posts li div.title {
    font-family: Rockwell;
    font-weight: 700;
    font-style: normal;
}

.dpe-flexible-posts li img {
    width: 100%;
    height: auto;
}



/* ============== OVERRIDE ============== */
.entry-author .author-avatar {
    float: left;
    display: inline;
    margin-right: 10px;
}

.entry-author .author-avatar img {
    width: 28px;
    height: 28px;
    float: left;
}

.entry-author span {
    float: left;
    display: inline;
}

.entry-author a {
    float: left;
    display: inline;
}
















/******************************************************* 17. Listings *******************************************************/
/* ============== NEW ============== */
.listingsInformation>div.introText {
    width: 100% !important;
    padding: 0 !important;
}

.listingsInformation>div.introText>p {
    float: left;
    display: inline !important;
    margin: 0 !important;
}

.listingsInformation>div.introText>span {
    float: left;
    display: inline !important;
    margin: 0 !important;
}

.listingsInformation>div.introText>a {
    float: left;
    display: inline !important;
    margin: 0 !important;
}

.listingsInformation>div.introText>pre {
    display: none !important;
}

.otherCountriesTypes h4 {
    font-family: Rockwell;
    font-weight: 700;
    font-style: normal;
}

.otherCountriesTypes>h4 {
    font-size: 1.5333em;
}

.tab-content-listings h3 {
    margin-bottom: 4px;
    text-transform: uppercase;
}

/* ============== OVERRIDE ============== */
.listing-style3.hotel .details {
    padding: 10px 0 15px 20px;
}




/******************************************************* 18. Careers *******************************************************/
#whr_embed_hook>ul {
    margin-bottom: 20px;
    padding: 0;
    overflow: hidden;
}

#whr_embed_hook ul li {
    list-style: none;
    margin-bottom: 10px;
}

#whr_embed_hook li.whr-item {
    float: left;
    width: 45%;
    background: #ddd;
    padding: 12px;
    margin-right: 2%;
}

#whr_embed_hook li.whr-item h3 {
    font-size: 14px;
    margin-bottom: 10px;
}

#whr_embed_hook li.whr-item h3 a {
    color: #064c9d;
    text-decoration: underline;
}

#whr_embed_hook li.whr-item h3 a:hover {
    text-decoration: none;
}

#whr_embed_hook li.whr-item {
    font: normal 12px 'Verdana', Arial, sans-serif;
    line-height: 20px;
}

#whr_embed_hook li.whr-item .whr-date {
    margin-bottom: 0;
}

#whr_embed_hook li.whr-item ul.whr-info span {
    min-width: 100px;
    float: left;
}






/******************************************************* 19. Fonts iCloud *******************************************************/
.GothamBook {
    font-family: Rockwell;
    font-weight: 400;
    font-style: normal;
}

.GothamBookItalic {
    font-family: Rockwell;
    font-weight: 400;
    font-style: italic;
}

.GothamBold {
    font-family: Rockwell;
    font-weight: 700;
    font-style: normal;
}

.GothamBoldItalic {
    font-family: Rockwell;
    font-weight: 700;
    font-style: italic;
}


.MercuryBook {
    font-family: Rockwell;
    font-weight: 400;
    font-style: normal;
}

.MercuryBookItalic {
    font-family: Rockwell;
    font-weight: 400;
    font-style: italic;
}

.MercuryBold {
    font-family: Rockwell;
    font-weight: 700;
    font-style: normal;
}

.MercuryBoldItalic {
    font-family: Rockwell;
    font-weight: 700;
    font-style: italic;
}





@media (max-width: 991px) {
    .image-box.style2 figure {
        display: block;
        width: 100% !important;
    }

    .image-box.style2 figure a {
        width: 100% !important;
        height: auto !important;
    }

    .image-box.style2 figure a img {
        width: 100% !important;
        height: auto !important;
    }

    .image-box.style2 .details {
        padding: 20px !important;
    }

    .image-box.style2 .details p {
        margin-bottom: 20px !important;
    }
}



/******************************************************* XX. Specific Pages *******************************************************/
/* ============== NEW ============== */
.page-payment-express img {
    padding: 10px;
    background: white;
    width: 25%;
    height: auto;
}

/* ==============AFRICA PROMO============== */
/*Promotion Popup CSS**/

.promo-form {
    width: 1024px;
    height: 90vh;
    background-image: url('');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.promo-form .frm_form_fields {
    width: 65%;
    margin: 0 auto;
    height: 98%;
    padding-top: 2%;
}

.promo-form fieldset {
    height: 91%;
    background-color: rgba(255, 255, 255, 0.4);
    padding-top: 10%;
    text-align: center;
}

.promo-form input[type="text"],
.promo-form input[type="email"],
.promo-form input[type="url"],
.promo-form input[type="password"],
.promo-form input[type="search"],
.promo-form textarea {
    padding: 10px 10px;
    border: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 75%;
    font-family: Rockwell;
    margin-top: 30px;
}

.promo-form button,
.promo-form input[type="button"],
.promo-form input[type="reset"],
.promo-form input[type="submit"] {
    background-color: #CA9933;
    width: 39%;
    font-family: Rockwell;
    font-size: 34px;
    padding: 14px;
    margin-top: 10px;
}

.promo-form img.frm_ajax_loading {
    display: none;
}

.promo-form .frm_submit {
    text-align: center;
}

.promo-form h1 {
    color: #ffffff;
    text-shadow: 1px 1px 1px #333333;
    font-family: Rockwell;
    text-align: center;
    font-size: 54px;
    line-height: 54px;
}

.promo-form h1 span {
    font-size: 38px;
}

.promo-form h2 {
    font-family: Rockwell;
    font-size: 16px;
    margin-top: 0px;
}

.promo-form label {
    font-family: Rockwell;
    font-size: 12px;
}

.promo-form h3 {
    font-family: Rockwell;
    font-size: 12px;
    width: 75%;
    margin: 0 auto;
    padding-top: 20px;
}

.promo-form input#field_terms-0 {
    -webkit-appearance: none;
    background-color: #ffffff;
    padding: 12px;
    display: inline-block;
    position: relative;
    height: 10px;
    width: 10px;
    margin-top: 30px;
}

.promo-form input#field_terms-0:checked:after {
    content: '\2714';
    font-size: 25px;
    position: absolute;
    top: 0px;
    left: 8px;
    color: #99a1a7;
}

.promo-form label.frm_primary_label {
    display: none;
}

.promo-form select#field_package {
    margin-top: 30px;
    padding: 10px 10px;
    font-family: Rockwell;
    width: 75%;
    box-sizing: border-box;
    border: none;
}

.promo-form::-webkit-input-placeholder {
    -webkit-appearance: none;
    font-family: 'GothamBook';
}

.promo-form::-moz-placeholder {
    -moz-appearance: none;
    font-family: 'GothamBook';
}

/* firefox 19+ */
.promo-form:-ms-input-placeholder {
    -ms-input-appearance: none;
    font-family: 'GothamBook';
}

/* ie */

/**Promo Responsive**/
/* Smartphones (portrait and landscape) ----------- */
@media screen and (min-device-width : 320px) and (max-device-width : 480px) {

    /* Styles */
    .promo-form {
        width: 240px;
        height: auto;
    }

    .promo-form h1 {
        font-size: 30px;
        line-height: 40px;
    }

    .promo-form h1 span {
        font-size: 20px;
    }

    .promo-form .frm_form_fields {
        width: 100%;
    }

    .promo-form h2 {
        font-size: 18px;
        margin-top: 0;
    }

    .promo-form input[type="text"],
    .promo-form input[type="email"],
    .promo-form input[type="url"],
    .promo-form input[type="password"],
    .promo-form input[type="search"],
    .promo-form textarea {

        font-size: 15px;
        margin-top: 15px;
    }

    .promo-form select#field_package {
        margin-top: 15px;
        font-size: 15px;
    }

    .promo-form button,
    .promo-form input[type="button"],
    .promo-form input[type="reset"],
    .promo-form input[type="submit"] {
        width: 75%;
        font-size: 22px;
        padding: 10px;
        margin-top: 10px;
    }

    .promo-form fieldset {
        height: 100%;
        padding-top: 0;
    }
}

/* iPads (portrait) ----------- */
@media screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

    /* Styles */
    .promo-form {
        width: 700px;
        height: auto;
    }

    .promo-form .frm_form_fields {
        width: 90%;
    }
}

/* Desktops and laptops ----------- */
@media screen and (min-width : 1025px) {

    /* Styles */
    .promo-form {
        width: 720px;
        height: 720px;
        /* max-height: 720px; */
    }
}

.promo-form .frm_error {
    color: #ffffff;
    font-family: 'GothamBook';
    font-size: 14px;
}

/**Thank You Page**/
.promo-container {
    width: 720px;
    height: 720px;
}

/* Reset */
.promo-container h1,
.promo-container p,
.promo-container a,
.promo-container div,
.promo-container section {
    margin: 0;

}

/* Basic */
.promo-container {
    font-family: GothamBold, sans-serif;
    color: #ffffff;
}

.promo-container h1 {
    color: #FFF;
    text-transform: uppercase;
    font-size: 100px;

}

.promo-container a {
    color: #ffffff;
    text-decoration: none;
}

.promo-container p {
    margin: 0 0 15px 0;
}

.promo-container #p-3 {
    color: black;
    margin-bottom: 10%;
}

.promo-container strong {
    font-weight: 700;
}


.promo-container .inner {
    position: relative;
    margin: 0 auto;
    text-align: center;
}


.promo-container {
    display: table;
    width: 100%;
}

div.main-content {

    background-color: rgba(255, 255, 255, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.4);
    margin-left: 18%;
    margin-right: 18%;

}

.promo-container .menu-bar p {
    font-size: 20px;
    background-color: #C56B1E;
    margin-left: 113px;
    margin-right: 113px;
    margin-bottom: 25px;
    padding-top: 1%;
    padding-bottom: 1%;
}


.promo-container .menu-bar p:last-child {

    margin-bottom: 15%;
}

.promo-container .content {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

/* Special */
.promo-container .sub-title {
    margin: 50px auto;
    font-size: 29px;
    text-transform: uppercase;
    margin-top: -14px;
}

/* Styles for the Modal */
.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    display: none;
    /* Initially hide the modal */
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.modal-content {
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    width: 90%;
    max-width: 600px;
    position: relative;
    text-align: center;
}

.close-btn {
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 24px;
    font-weight: bold;
    cursor: pointer;
    color: #aaa;
}

.close-btn:hover {
    color: #333;
}

.modal-content h3 {
    margin-bottom: 20px;
}

.tour-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: left;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    overflow: hidden;
    font-size: 18px;
}

.tour-image {
    width: 100%;
    height: auto;
    display: block;
}

.tour-details {
    padding: 20px;
    font-size: 18px;
}

.tour-details h4 {
    margin: 0 0 10px 0;
    font-size: 20px;
}

.tour-actions {
    display: flex;
    justify-content: space-around;
    margin-top: 15px;
}

.view-tour-btn,
.book-tour-btn {
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-weight: bold;
    transition: background-color 0.3s ease;
}

.view-tour-btn {
    background-color: #5a5858;
    color: #fff;
}

.view-tour-btn:hover {
    background-color: #3b3b3b;
}

.book-tour-btn {
    background-color: #4CAF50;
    color: #fff;
}

.book-tour-btn:hover {
    background-color: #45a049;
}

/* Media Queries */

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

    .promo-container h1 {
        font-size: 95px;
        margin-top: 50px;
    }

    div.main-content {

        margin-left: 5%;
        margin-right: 5%;
    }


    .promo-container .sub-title {
        margin: -14px auto 30px;

    }

    .promo-container #p-3 {
        font-size: 18px;
        margin-bottom: 20%;
    }


    .promo-container .menu-bar p {
        font-size: 16px;
        background-color: #CA9933;
        margin-left: 130px;
        margin-right: 130px;
        margin-bottom: 10px;

    }



}



@media only screen and (min-width: 310px) and (max-width: 359px) {

    div.main-content {

        margin-left: 5%;
        margin-right: -100%;
    }

    .promo-container {

        display: block;
        vertical-align: baseline;
        margin: -80px auto;
        padding: 80px 0 0 0;
    }

    .promo-container .menu-bar p {
        font-size: 15px;
        margin-left: 24%;
        margin-right: 10%;
        margin-bottom: -5px;
    }


    .promo-container h1 {
        font-size: 35px;

        margin-top: 63px;
    }


    .promo-container #p-3 {

        font-size: 13px;

    }

    .promo-container .content {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }



    .promo-container .sub-title {
        margin: -20px auto 15px;
        font-size: 15px;
        padding-top: 14px;
    }

    .promo-container p {
        max-width: 150px;
        margin: 0 auto;
        font-size: 15px;
        line-height: 20px;
    }

    .promo-container {
        height: auto;
    }
}


div#fancyboxID-1 {
    background-image: url('');
    background-size: cover;
    width: 720px;
    height: 720px;
    background-position: center;
}

.promo-container a {
    color: #ffffff;
    text-decoration: none;
    background-color: #CA9933;
    padding: 12px;
    margin: 10px 10px;
    line-height: 80px;
}