/* The Datepickers were being overlap by the other elements */
#ui-datepicker-div
    {
        z-index: 99999 !important;
    }
/* top-header */
    #top-header .divFormTopBar{
        display: inline-block;
        margin-top: -6px;
        position: relative;
        max-width: 200px;
    }
    #top-header .divFormTopBar .bs-callout {
        pointer-events: none;
        width: 200px;
        line-height: 25px;
    }
    #top-header .divFormTopBar .bs-callout:not(.hidden) + .newsletter-form .newsletter_email{
        color: transparent !important;
    }

    #top-header .input-group-sm>.form-control,
    #top-header .input-group-sm button{
        height: 22px;
        padding: 2px 10px;
        line-height: 1em;
    }
    #top-header .input-group-sm button{
        background-color: #888;
    }

    #top-header .input-group-sm button:hover,
    #top-header .input-group-sm button:focus{
        outline:  none;
    }
    #top-header .input-group-sm>.input-group-btn{
        cursor:  pointer;
    }
    #top-header .parsley-errors-list{
        z-index: 9;
        right: 32px;
        bottom: 6px;
    }

/* Main title overlapping the social Icons on Resort Pages */
.single-itg_resort .standard-header h1.entry-title{
    pointer-events: none;
}

/* Jumbo menu */
    .nav li.jumbo-menu ul{
        width: 100% !important;
        position: fixed !important;
        right: 0;
        max-height: 250px;

        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;

        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;

        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;

        -ms-align-items: flex-start;
        align-items: flex-start;

        align-content: flex-start;
        justify-content: flex-start;

    }
    .nav li.jumbo-menu ul li{
        max-width: 25% !important;
        flex-basis: 25%;
        box-sizing: border-box;
        align-self: flex-start !important;
    }

/* Define the number of images shown on the images galleries */
.packages-gallery a:nth-child(n+5)
  {

    display: none;

  }

/* Package Highlights Lists */
.customized-list-items table,
.customized-list-items td
    {
        border: none !important;
    }
.customized-list-items
    {
        list-style: none !important;
    }
.customized-list-items li span i
    {
        font-size: x-large;
    }

/* Gallery showing only 4 images*/
.packages-gallery a
    {
        display: inline-block;
        position: relative;
        width: 100%;
        padding-right: .5%;
    }
.packages-gallery a:last-child
    {
    padding-right: 0;
    }
.packages-gallery a:nth-of-type(4) ~ a
    {
        display: none;
    }
.packages-gallery a:hover
    {
        background-color: none !important;
    color: transparent !important;
    }
.packages-gallery img
    {
        height: 200px;
        transition: .3s all;
    }
.packages-gallery img:hover
    {
        -o-transform: scale(1.02, 1.02); /* IE 9 */
        -ms-transform: scale(1.02, 1.02); /* IE 9 */
        -moz-transform: scale(1.02, 1.02); /* IE 9 */
        -webkit-transform: scale(1.02, 1.02); /* Safari */
        transform: scale(1.02, 1.02);
        box-shadow: 0 0 6px rgba(0,0,0,.5);
    }

/* Carousels Perfect Holidays */
.itg-brand-packages-session-label
    {
        border-top: 1px solid #fff;
    }
.itg-brand-packages-session-label h2
    {
        color: #fff;
    }
.itg-brand-packages-session-label #brand_id /* Select Brand */
    {
        width: 300px;
        border-radius: 6px;
        padding: 5px 10px;
    }

/* Customized filter-button-group on Hot Deal's page */
.filter-button-group button
    {
        border: 1px solid #e1e1e1;
        border-radius: 6px;
        margin: 3px;
        padding: 5px 10px;
        display: inline-block;
    }
.filter-button-group button[data-filter="*"].active,
.filter-button-group button[data-filter="*"]:hover
    {
        color:  white;
        background-color: #333;
    }
.filter-button-group button[data-filter=".my-maldives"].active,
.filter-button-group button[data-filter=".my-maldives"]:hover
    {
        color:  white;
        background-color: #00ACBE;
    }
.filter-button-group button[data-filter=".my-new-caledonia"].active,
.filter-button-group button[data-filter=".my-new-caledonia"]:hover
    {
        color:  white;
        background-color: #00ACBE;
    }
.filter-button-group button[data-filter=".my-hawaii"].active,
.filter-button-group button[data-filter=".my-hawaii"]:hover
    {
        color:  white;
        background-color: #00ACBE;
    }
.filter-button-group button[data-filter=".my-vanuatu"].active,
.filter-button-group button[data-filter=".my-vanuatu"]:hover
    {
        color:  white;
        background-color: #00ACBE;
    }
.filter-button-group button[data-filter=".my-fiji"].active,
.filter-button-group button[data-filter=".my-fiji"]:hover
    {
        color:  white;
        background-color: #00ACBE;
    }
.filter-button-group button[data-filter=".my-queensland"].active,
.filter-button-group button[data-filter=".my-queensland"]:hover
    {
        color:  white;
        background-color: #00ACBE;
    }
.filter-button-group button[data-filter=".my-dubai"].active,
.filter-button-group button[data-filter=".my-dubai"]:hover
    {
        color:  white;
        background-color: #00ACBE;
    }

/* CCustomized Items on Package's page */
.btn-call-action-packages
    {
        background-color: #ff6600;
        border: none;
        max-width: 100%;
        padding: 10px;
        transition: all ease 0.3s;
        margin-bottom: 10px !important;
    }
.btn-call-action-packages:hover
    {
        text-decoration: none;
        background-color: #01b7f2;
        cursor: pointer;
  }

/* Input */
.package-selectbox select
    {
        width: 100%;
    }

/* Accordion on Package's page*/
.et_pb_accordion .et_pb_toggle
    {
        margin-bottom: 0 !important;
        border: none !important;
        border-bottom: 1px solid #e1e1e1 !important;
    }
.et_pb_accordion .et_pb_toggle:last-of-type
    {
        border-bottom: none !important;
    }
.et_pb_accordion .et_pb_toggle_content
    {
        margin-top: 15px;
    }
.et_pb_accordion .et_pb_toggle_title::before
    {
        right: inherit !important;
        left: 0 !important;
    }
.et_pb_accordion .et_pb_toggle_title
    {
        padding-left: 30px !important;
        transition: all .2s;
    }
.et_pb_accordion .et_pb_toggle_open .et_pb_toggle_title
    {
        padding-left: 0 !important;
    }



/* Footer */
.sectionFooter .et_pb_widget ul li::before
    {
        content: "\f04b";
        font-family: FontAwesome;
        font-size: 0.5em;
        margin-right: 5px;
        vertical-align: bottom;
    }
.sectionFooter .et_pb_widget ul li
    {
        margin-bottom: 1.2em !important;
        /*border-bottom: 1px solid rgba(255,255,255,0.1) !important;*/
    }
.sectionFooter .customized-list-items
    {
        line-height: 2.3em;
    }
.sectionFooter .btn.btn-default
    {
        border: none;
        color: white;
        margin-top: -1px;
    }
.sectionFooter .btn.btn-default:hover
    {
        border: none !important;
        color: black !important;
        background-color: white !important;
        font-weight: bold;
    }
.sectionFooter img
    {
        float: none;
    }
.sectionFooter .et_pb_social_media_follow li
    {
        margin-top: 30px;
        float: right;
    }
.sectionFooter .et_pb_social_media_follow li.et-social-youtube a:hover
    {
        background-color: #a82400 !important;
    }
.sectionFooter .et_pb_social_media_follow li.et-social-facebook  a:hover
    {
        background-color: #3b5998 !important;
    }
.sectionFooter .et_pb_social_media_follow li.et-social-google-plus a:hover
    {
        background-color: #dd4b39 !important;
    }
.sectionFooter .australia-owned svg
    {
        width: 100px;
        float: right;
    }

/* Brands Page */
.brand-logo
    {
        position: relative;
        background-color: white;
        background-color: rgba(255,255,255,.5);
        margin-top: -40px;
    }
.brand-logo img
    {
        max-height: 25px;
        margin: 12px auto 10px;
        transition: ease 0.3s;
    }
.terms-conditions-header
    {
        background-attachment: fixed;
        height: 90% !important;
    }
.terms-conditions-content
    {
        margin-top: -210px;
        background-color: white;
        box-shadow: 1px 2px 4px rgba(0,0,0,.3);
    }

/* Experiences */
.page-id-17218 .et_pb_section_7.et_pb_section
    {
        background-color: #f5f5f5 !important;
    }
    /*
.item-tile.experience
    {
        background-color: #fff;
        margin: 0.5%;
        width: 32%;
        float: left;
    }
.item-tile.experience .thumb
    {
        width: 100%;
        height: 180px;
        overflow: hidden;
    }
.item-tile.experience .thumb img
    {
        width: 100%;
    }
.item-tile.experience h4
    {
        color: black !important;
        padding: 5px;
    }
.item-tile.experience .excerpt
    {
        padding: 5px;
    }
*/

/* Responsive tables */
.table-responsive
    {
        margin-top: 30px;
        overflow-x: auto;
    }
::-webkit-scrollbar {
    display: block;
    background-color: transparent;
}
::-webkit-scrollbar-thumb {
    background-color: lightgray;
}
.table-responsive .table
    {
        margin: 0 auto;
        width: 100%;
        margin: 0;
        padding: 0;
    }
.table-responsive .table th
    {
        text-align: center;
        line-height: 2.5rem;
        background-color: darkgray;
        color: white;
    }
.table-responsive .table td
    {
        line-height: 2.5rem;
    }

/* hiding the Resorts submenu on mobiles */
/* #top-menu li a[href*="resorts"] + ul.sub-menu
    {
        width: 100%;
        left: 0;
        position: fixed;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;

        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
    }
#top-menu li a[href*="resorts"] + ul.sub-menu li
    {
        flex-grow: 0;
        width: 33% !important;
    }
#top-menu li a[href*="resorts"] + ul.sub-menu li a::before
    {
        content: "\f005";
        font-family: Fontawesome;
        padding-right: 5px;
        font-size: 0.8em;
        vertical-align: middle;
    }
#top-menu li a[href*="resorts"] + ul.sub-menu li a:hover::before
    {
        content: "\f006";
    }
 */
/* hiding the Resorts submenu on mobiles */
#mobile_menu li a + ul.sub-menu
    {
        display: none !important;
    }


@media (max-width:1024px) {
}
@media (max-width:480px) {
    .btn-call-action-packages
        {
            width: 100%;
        }
    .packages-testimonial-carousel
        {
            font-size: .8em;
        }
    .table-responsive
        {
            overflow-x: scroll !important;
        }
    .et_mobile_device .et_pb_row
        {
            width: 95%;
        }
}

/* Fixed Menu for Mobiles */
@media (max-width: 1024px) {
    .et_pb_row{
        width: 95% !important;
    }
    .element-item{
        width: 33.3%;
    }
}
@media (max-width: 980px) {
    .et_non_fixed_nav ‪#‎main‬-header,
    .et_non_fixed_nav ‪#‎top‬-header,
    .et_fixed_nav #main-header,
    .et_fixed_nav #top-header {
        position: fixed !important;
    }
    .element-item{
        width: 50%;
    }
}
@media (max-width: 480px) {

    .element-item{
        width: 100%;
    }

}

/* NEW STYLES */
.slick-slider {
	max-height:548px !important;
	overflow:hidden !important;
}
#logo {
	max-height: 80% !important;
}
.et_pb_svg_logo #logo,
.et_pb_svg_logo.et_header_style_split .et-fixed-header .centered-inline-logo-wrap #logo {
	height: 80% !important;
}
.footer-brands {

}
.footer_brands .et_pb_code_inner {
	text-align:center;
}
.footer-brands .et_pb_code_inner a {
	display: inline-block;
}
.footer-brands .et_pb_code_inner a img {
	display: block;
	height: 30px;
	margin: 0 0.5em !important;
	padding: 0 !important;
}

@media (min-width: 1600px){
	.footer-brands .et_pb_code_inner a img {
		height: 40px;
	}
}