.opacity-none
{
  opacity: 0;
}
#enquiryForm {
    width: 100%;
}
.checkbox-group .checkbox-inline {
    padding-left: 10px;
    margin-bottom: 15px;
    margin-left: 0px;
    font-size: 16px;
    font-weight: 500;
    padding-right: 20px;
}
.checkbox-group .checkbox-inline input {
    position: relative;
    display: inline-block;
    vertical-align: sub;
    margin: 0 10px 0 0;
    height: 22px;
    width: 22px;
}
.rowed .form-group {
    padding-right: 35px;
    position: relative;
}
.rowed .input-group-tick {
    position: absolute;
    right: 0;
    top: 50%;
    width: 22px;
    height: 22px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.rowed .input-group-tick input {
    margin: 0px;
    width: 22px;
    height: 22px;
    display: block;
}
.multi {
    text-transform: capitalize;
}

@media (max-width: 767px)
{
    /*GENERAL*/
    
    .container-fluid
    {
        padding-right: 5px;
        padding-left: 5px;
    }

    .row
    {
        margin-right: -5px;
        margin-left: -5px;
    }

    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-xs-1,
    .col-xs-10,
    .col-xs-11,
    .col-xs-12,
    .col-xs-2,
    .col-xs-3,
    .col-xs-4,
    .col-xs-5,
    .col-xs-6,
    .col-xs-7,
    .col-xs-8,
    .col-xs-9
    {
        padding-right: 5px;
        padding-left: 5px;
    }

    /*OFFER CATEGORIES*/

    .offerCategoriesList[data-columns]::before
    {
        content: '1 .column.size-1of1';
    }

    .offerCategoriesList .size-1of1
    {
        width: 100%;
        padding: 0 15px;
    }

    .mainContent .offerCategoriesList .size-1of1
    {
        padding: 0;
    }

    .offerCategoriesList .btn
    {
        display: none;
    }

    .offerActions > div
    {
        width: 100%;
    }

    /*POSTCARD*/

    .postcard .form
    {
        padding: 0;

        border: 0;
    }
    .slider-alsoLike {
        width: 96%;
        margin: 0 auto;
    }
}






@media (min-width: 1024px) {
    .captchaContainer {
        float: right;
    }
}
@media (min-width: 1200px) and (max-width: 1600px) {
    .menuIcon span {
        display: none;
    }
    body .menuSearchIcon {
        right: 95px;
    }
    body .header .phone {
        right: 135px;
    }
}



@media (min-width: 479px) and (max-width: 767px)
{
    .offersList > li
    {
        width: 50%;
    }
}









@media (min-width: 768px) and (max-width: 992px)
{
    /*POSTCARD CONTACT FORM*/

    .postcard .form
    {
        padding: 0 20px 0 0;
    }
}
@media all and (max-width: 991px)
{
    .BlogPostGallerySlider
    {
        min-height: 150px;
    }
    body .BlogPostGallerySlider img
    {
        /* opacity: 1!important; */
        float: left !important;

        min-height: 150px;
    }
    .flyout {
        right: -300px;
    }
    .flyout .btn-toggle {
        left: -25px;
    }

}










@media (max-width: 992px)
{
    .copy img
    {
        display: block;
        float: none !important;

        max-width: 100% !important;
        height: auto !important;
        margin: 10px auto;
    }

    .holidaySearch h2 br
    {
        display: none;
    }

    /*POSTCARD CONTACT FORM*/

    .postcard
    {
        padding: 40px 0 40px;
    }

    .postcard .container-fluid
    {
        padding: 0;
    }

    .postcard .contact
    {
        padding: 0;
    }

    .postcard .line
    {
        font-size: 18px;

        padding: 5px 0 4px;
    }

    .postcard .contact .fa
    {
        font-size: 16px;
    }

    .postcard .contact span
    {
        padding-left: 10px;
    }
}







@media (min-width: 768px)
{
    /*BANNER*/
    body.honeymoon-pageClass .header h1 img{
        max-width: none;
    }
    .banner.transparent .text
    {
        top: 10%;
        bottom: auto;
        left: 5%;
    }

    .banner.transparent h2
    {
        font-size: 80px;
        line-height: 70px;

        margin: 25px 0 20px 20px;
    }

    .banner.transparent .text .btn
    {
        margin-left: 70px;
        padding: 14px 40px;
    }

    /*MAIN CONTENT*/

    .mainContent > .container-fluid > .row
    {
        display: -webkit-flex;
        display:         flex;

        -webkit-align-items: stretch;
                align-items: stretch;
    }

    .mainContent .content
    {
        min-height: 400px;
        padding-top: 30px;
        padding-right: 30px;
        padding-left: 30px;
    }

    .sidebar
    {
        height: auto;
        padding-top: 30px;

        -webkit-order: 2;
                order: 2;
    }

    section:not(.offerDetail) .sidebar
    {
        padding-top: 15px;

        background: #eee;
    }

    .collapseSidebar
    {
        display: none;
    }

    /*FEATURED CONTENT*/

    .featuredContent
    {
        display: -webkit-flex;
        display:         flex;

        -webkit-align-items: stretch;
                align-items: stretch;
    }

    .featuredContent .text
    {
        float: left;

        width: 50%;
        padding: 30px;
    }
    .featuredContent .text.blue a {
        color:white;
    }
    .featuredContent .text.blue a:focus,
    .featuredContent .text.blue a:hover {
        color:white;
    }

    .featuredContent .image
    {
        float: left;

        width: 50%;
        min-height: 0;
    }

    .featuredContent.map .text
    {
        width: 40%;
    }

    .featuredContent.map .image
    {
        width: 60%;
    }

    .featuredContent h2
    {
        font-size: 60px;
        line-height: 55px;
    }

    .featuredContent.inverted .image
    {
        flex-order: 1;

        order: 1;
    }

    .featuredContent.inverted .text
    {
        flex-order: 2;

        order: 2;
    }

    .featuredContent li a
    {
        font-size: 50px;
    }

    /*OFFERS*/

    .offerCategoriesList[data-columns]::before
    {
        content: '2 .column.size-1of2';
    }

    .offerCategoriesList .column
    {
        padding: 0 15px;
    }

    .offerCategoriesList .size-1of2
    {
        width: 50%;
    }

    .offerCategoriesList .inner
    {
        margin-bottom: 30px;
        padding-bottom: 110%;
    }

    .offerCategoriesList li.odd .inner
    {
        padding-bottom: 85%;
    }

    .offersList > li
    {
        margin-bottom: 30px;
    }

    .offerSummary .badge
    {
        font-size: 16px;
        font-weight: normal;
        line-height: 20px;

        right: 10px;
        bottom: -10px;

        width: 160px;
        height: 160px;
    }


    /*BLOG OR ARTICLES*/

    .articleList li:nth-child(2n+3)
    {
        clear: left;
    }

    body ul.blogInfo li
    {
        display: inline;
    }


    /*TEXT BLOCKS*/

    .textBlock.columns .columns
    {
        padding: 0;

        text-align: left;

        -webkit-columns: 2;
           -moz-columns: 2;
                columns: 2;
           -moz-column-fill: balance;
        -webkit-column-fill: balance;
                column-fill: balance;
        -webkit-column-gap: 40px;
           -moz-column-gap: 40px;
                column-gap: 40px;
    }

    /*
	.copy.columns {
		margin: 40px auto;
	}

	.textBlock p {
		font-size: 18px;
		line-height: 28px;
		color: #888;
	}*/

    /*.copy.columns {
		-webkit-columns: 2;
		-moz-columns: 2;
		columns: 2;
		-moz-column-fill: balance;
		-webkit-column-fill: balance;
		column-fill: balance;
		-webkit-column-gap: 40px;
		-moz-column-gap: 40px;
		column-gap: 40px;
		padding: 0;
	}*/

    .textBlock .columns
    {
        padding: 0;

        text-align: center;

        -webkit-columns: auto;
           -moz-columns: auto;
                columns: auto;
    }

    .textBlock .borderedTitle + .columns
    {
        margin-top: -10px;
    }


    .textBlock .columns p
    {
        font-size: 22px;
        font-weight: 300;
        line-height: 34px;

        margin-top: 0;

        color: #333;
    }

    /*HIGHLIGHT*/

    .highlight .text
    {
        padding-top: 0;
        padding-left: 100px;
    }

    .highlight .bgImage .text
    {
        padding-left: 0;
    }

    /*CONTENT LIST*/

    .contentList .inner
    {
        margin-bottom: 30px;
    }

    .offer .contentList .inner
    {
        overflow: hidden;

        height: 0;
        padding-bottom: 50%;
    }

    .offer .contentList .text
    {
        padding: 10px;
    }

    .offer .contentList h3
    {
        font-size: 3vw;
        line-height: .9;
    }

    .offer .contentList p
    {
        font-size: 13px;
        line-height: 1.1;

        margin: 4px 0 0;
    }

    /*TEAM PROFILES ADD ON*/

    .dccom_gdStaffProfiles.container
    {
        margin: 0 -15px;
    }

    .dccom_gdStaffProfiles .item_team
    {
        width: 50%;
        margin: 0 0 30px;
        padding: 0 15px;
    }

    .dccom_gdStaffProfiles .item_team:nth-child(2n+3)
    {
        clear: left;
    }

    /*BLOG*/

    body ul.blogList
    {
        display: -webkit-flex;
        display:         flex;
                flex-direction: row;

        -webkit-align-items: stretch;
        -webkit-flex-direction: row;
        -webkit-flex-wrap: wrap;
                align-items: stretch;
                flex-wrap: wrap;
    }

    body ul.blogList > li
    {
        display: -webkit-flex;
        display:         flex;

        width: 50%;

        -webkit-align-items: stretch;
                align-items: stretch;
    }

    /*PROMOTED CONTENT*/

    .banner + .promotedContent
    {
        margin-top: -100px;
    }

    .promotedContent
    {
        padding-right: 0;
        padding-left: 0;
    }

    .promotedContent .item
    {
        left: auto;

        margin-top: 0;

        transition: .3s ease;
    }

    .promotedContent .slick-track:hover .item {
        -webkit-transform: translate3d(-50px,0,0);
        -ms-transform: translate3d(-50px,0,0);
        -o-transform: translate3d(-50px,0,0);
        transform: translate3d(-50px,0,0);
    }
    .promotedContent .slick-track:hover .item:hover {

        -webkit-transform: scale(1.15) translate3d(0,0,0);
        -ms-transform: scale(1.15) translate3d(0,0,0);
        -o-transform: scale(1.15) translate3d(0,0,0);
        transform: scale(1.15) translate3d(0,0,0);

    }
    .promotedContent .item:hover ~ .item {
        -webkit-transform: translate3d(50px,0,0);
        -ms-transform: translate3d(50px,0,0);
        -o-transform: translate3d(50px,0,0);
        transform: translate3d(50px,0,0);
    }

    /*.promotedContent .item:nth-child(2)
    {
        right: auto;
        left: auto;
    }
*/
    /*OFFER DETAIL*/

    .panel-body
    {
        padding: 15px 30px 30px;
    }

    .content .panel h4
    {
        line-height: 1.5;

        /* float: left;
        clear: left;

        width: 25%; */
        padding-right: 20px;
    }

    .content .panel h4 + p
    {
        font-size: 14px;
        line-height: 1.5;

        float: left;
        clear: none;

        width: 75%;
    }

    /*REMODALS*/

    .remodal
    {
        font-size: 16px;
        line-height: 26px;

        padding: 35px;
    }

    .remodal .close
    {
        width: 50px;
        height: 50px;
    }

    .remodal .logo
    {
        margin-top: 15px;
        margin-bottom: 10px;
    }

    .remodal .colourBlock
    {
        margin: 20px -35px 30px;
        padding: 10px 35px;
    }

    .remodal .colourBlock h2
    {
        font-size: 70px;
    }

    .remodal .buttons
    {
        margin: 30px auto 10px;
    }

    .remodal .buttons .btn
    {
        font-size: 22px;

        padding: 15px 0;
    }

    .remodal h2
    {
        font-size: 60px;
    }

    /*BLOG*/

    #addComment
    {
        display: inline-block;
    }

    #blog-post-replyForm
    {
        padding: 0 1% 3% 2%;
    }


    #blog-post-replyForm div
    {
        float: left;

        width: 50%;
        padding: 0 1% 0 0;
    }

    #blog-post-replyForm textarea
    {
        width: 99%;
    }

    #blog-post-replyForm .button
    {
        width: 50%;
    }

    /*FORMS*/

    #enquiryForm .form-group.col-sm-6.col-md-6:nth-child(2n+3)
    {
        /* clear: left; */
    }

    #enquiryForm .form-group label.error
    {
        font-size: 15px;
        font-weight: 400;
        font-style: italic;

        padding: 2px 10px 2px 8px;

        background: #f0470e;
    }

    #enquiryForm .form-group label.error:before
    {
        font-family: 'FontAwesome';
        font-style: normal;

        padding-right: 5px;

        content: '\f0aa';
    }

    #enquiryForm .form-group select.error,
    #enquiryForm .form-group textarea.error
    {
        color: #f0470e;
    }

    #enquiryForm .form-group .error::-webkit-input-placeholder
    {
        color: #f0470e;
    }

    #enquiryForm .form-group .error:-moz-placeholder
    {
        color: #f0470e;
    }

    #enquiryForm .form-group .error::-moz-placeholder
    {
        color: #f0470e;
    }

    #enquiryForm .form-group .error:-ms-input-placeholder
    {
        color: #f0470e;
    }
}


@media (max-width: 767px)
{
    .highlight.blockImgOverlay .text{
        padding-top: 0;
        padding-left: 90px;
    }
}
@media (max-width: 480px)
{
    .highlight.blockImgOverlay .text{
        padding-top: 115px;
        padding-left: 0px;
    }
}










@media (min-width: 992px)
{
    /*GENERAL*/

    body.fixed
    {
        overflow: auto;
    }

    body.active
    {
        -webkit-transform: translateX(-250px);
            -ms-transform: translateX(-250px);
                transform: translateX(-250px);
    }

    .slideOutMenu
    {
        width: 250px;
    }

    .container-fluid.gutter
    {
        max-width: 930px;
        margin-right: auto;
        margin-left: auto;
    }

    .copy > p > img,
    .copy > img
    {
        max-width: 100% !important;
        height: auto !important;
        margin: 10px;
    }

    /*SUPPORT WIDGET*/

    .supportWidget .supportWidgetBtn
    {
        right: 50px;
        bottom: 40px;
        top: auto;
        cursor: pointer;
    }

    .supportWidget .supportWidgetBtn .fa
    {
        font-size: 32px;

        width: 70px;
        height: 70px;
        padding-top: 15px;

        transition: .3s ease;

        border: 5px solid #fff;
        border-radius: 50%;
        box-shadow: 0 0 5px rgba(0,0,0,.3);
    }

    .supportWidget .supportWidgetBtn:hover .fa
    {
        transform: scale(1.05);
    }

    .supportWidget .supportWidgetBtn .btn{
        display: block;
    }


    .supportWidget .supportWidgetContent
    {
        z-index: 10010;
        top: auto;
        right: 45px;
        bottom: 130px;
        left: auto;

        overflow-x: visible;

        max-width: 350px;

        border-radius: 6px;
        background: rgba(255,255,255,.9);
        box-shadow: 8px 8px 15px rgba(0,0,0,.2);
    }

    .supportWidget .supportWidgetContent:after
    {
        position: absolute;
        right: 30px;
        bottom: -10px;

        display: inline-block;

        content: '';

        border-top: 10px solid rgba(255,255,255,.9);
        border-right: 10px solid transparent;
        border-left: 10px solid transparent;
    }

    .supportWidgetContent .inner
    {
        padding: 30px 20px 20px;
    }

    /*header top nav*/

    .header .topNav
    {
        padding: 0;

        list-style: none;

        text-align: center;
    }

    .header .topNav > li
    {
        display: inline-block;

        margin: 0;
        padding: 0;
    }

    .header .topNav > li > a
    {
        font-size: 16px;
        font-weight: 700;
        line-height: 16px;

        position: relative;

        display: inline-block;

        height: 100px;
        padding: 44px 13px 0 15px;

        text-transform: uppercase;

        color: #000;
    }

    .header .topNav > li.haschildren > a:after
    {
        font-family: 'FontAwesome';

        margin: 0 0 0 8px;

        content: '\f107';
    }

    .header .topNav > li > a:hover,
    .header .topNav > li > a:focus,
    .header .topNav > li > a:active
    {
        text-decoration: none;

        color: #fff;
    }

    .header .topNav > li.onPath > a,
    .header .topNav > li:hover > a,
    .header .topNav > li:hover > a:focus,
    .header .topNav > li:hover > a:active
    {
        color: #fff;
        background: #e31936;
    }

    .header .topNav > li:nth-child(2).onPath > a,
    .header .topNav > li:nth-child(2):hover > a,
    .header .topNav > li:nth-child(2):hover > a:focus,
    .header .topNav > li:nth-child(2):hover > a:active
    {
        background: #f0470e;
    }

    .header .topNav > li:nth-child(3).onPath > a,
    .header .topNav > li:nth-child(3):hover > a,
    .header .topNav > li:nth-child(3):hover > a:focus,
    .header .topNav > li:nth-child(3):hover > a:active
    {
        background: #005daa;
    }

    /* .header .topNav > li:nth-child(4).onPath > a,
    .header .topNav > li:nth-child(4):hover > a,
    .header .topNav > li:nth-child(4):hover > a:focus,
    .header .topNav > li:nth-child(4):hover > a:active
    {
        color: #000;
        background: #e8e031;
    }
 */
    .header .topNav > li.navluxury-tours:hover > a {
        background: #D1B471;
    }

    /*MAIN CONTENT*/

    #content
    {
        padding-top: 100px;
    }

    .contentWrap
    {
        padding-bottom: 70px;
    }

    .contentWrap section,
    .contentWrap .dccom_gdholidayWrap section
    {
        margin-top: 70px;
    }

    .mainContent section
    {
        margin-top: 30px;
    }

    .mainContent section.highlight.rectBox {
        margin-top: 70px;
        margin-bottom: 25px;
    }

    /*
	.mainContent .content {
		padding-left: 0;
		padding-top: 25px;
		padding-right: 40px;
	}
	*/

    /*BREADCRUMB PATH*/

    .breadcrumb
    {
        margin-top: -25px;
    }

    /*COPY*/

    .borderedTitle
    {
        font-size: 30px;

        padding: 0 20px 10px;
    }

    .borderedTitle span:before,
    .borderedTitle span:after
    {
        top: 18px;
    }

    #pageTitle.borderedTitle
    {
        font-size: 50px;

        padding: 35px 20px 10px;
    }

    #pageTitle.borderedTitle span:before,
    #pageTitle.borderedTitle span:after
    {
        top: 27px;
    }

    /*HEADER*/

    .header
    {
        min-height: 100px;
        padding: 0 50px;
    }

    .header h1
    {
        position: absolute;
        z-index: 10;
        left: 50px;

        margin-top: 14px;
    }

    .header h1 img
    {
        height: auto;
        max-width: 245px;
    }

    .menuIcon
    {
        position: absolute;
        z-index: 20;
        top: 19px;
        right: 50px;
    }

    .menuIcon .fa
    {
        font-size: 20px;

        width: 48px;
        height: 48px;
        margin-left: 7px;
        padding-top: 13px;
    }

    .header .phone
    {
        font-size: 15px;
        line-height: 20px;

        position: absolute;
        /* top: 18px; */
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        /*right: 160px;*/
        right: 245px;

        padding: 0;
    }

    .header .phone a
    {
        font-size: 16px;
    }
    #luxury .header .phone__number.version a {
        letter-spacing: 3.2px;
    } 
    @media (min-width: 1200px) and (max-width: 1600px) {
        .header .phone__number span {
            display: none;
        }

    }
    @media (min-width: 1200px) and (max-width: 1350px) {
        .header .topNav > li > a {
            font-size: 14px;
            padding-left: 10px;
            padding-right: 10px;
        }
        .header .phone {
            font-size: 13px;
            right: 240px;
        }
        .header .phone a {
            font-size: 13px;
        }
        #luxury .header .phone__number.version a {
            letter-spacing: 2.2px;
        } 

    }

    /*BANNER*/

    .banner
    {
        position: relative;
    }

    .banner .text
    {
        position: absolute;
        z-index: 20;
        bottom: 0;
        left: 50%;

        width: 640px;
        margin-left: -320px;

        transition: .5s ease;

        opacity: .9;
        background: #e31936;
    }

    .banner.start .text
    {
        bottom: 160px;

        text-align: center;
    }

    .banner.start.medium .text
    {
        bottom: 0;

        text-align: center;
    }

    .banner.collage .text
    {
        bottom: 50%;

        min-height: 300px;
        margin-bottom: -150px;

        text-align: center;
    }

    .banner .text:hover
    {
        opacity: 1;
    }

    .banner .text a,
    .banner .text a:visited,
    .banner .text a:hover,
    .banner .text a:active
    {
        min-height: 302px;
        padding: 30px;
    }

    .banner.medium .text a,
    .banner.medium .text a:visited,
    .banner.medium .text a:hover,
    .banner.medium .text a:active
    {
        min-height: 100px;
        padding-bottom: 0;
    }

    .banner .preHeading,
    .offerSummary .preHeading
    {
        font-size: 18px;
    }

    .banner.start .preHeading
    {
        padding-top: 15px;
    }

    .banner.collage .preHeading
    {
        padding-top: 25px;
    }

    .banner h2,
    .offerSummary h2
    {
        font-size: 80px;
        line-height: 70px;

        min-height: 140px;
        margin: 20px 0 20px;
    }

    .banner.start h2,
    .banner.collage h2
    {
        font-size: 100px;
        line-height: 85px;

        min-height: 20px;
        max-height: 85px;
        margin: 30px 0 20px;
    }

    .banner.transparent h2
    {
        font-size: 20px;

        min-height: 0;
    }

    .banner .price,
    .offerSummary .price
    {
        font-size: 35px;

        float: left;

        padding: 12px 0 0;
    }

    .banner .btn
    {
        font-size: 18px;

        padding: 10px 16px;
    }

    .banner.featuredOffers .btn,
    .offerSummary .btn
    {
        float: right;
    }

    .banner .image,
    .banner .videoBanner
    {
        height: 600px;
    }
    /*
	.banner .image img {
		position: static;
		height: auto;
		width: 100%;
		max-width: 100%;
	}*/

    .banner.collage .image img
    {
        width: 50%;
    }

    .banner.collage .image img:nth-of-type(1)
    {
        border-right: 1px solid #fff;
        border-bottom: 0;
    }

    .banner.collage .image img:nth-of-type(3)
    {
        margin-top: -2px;

        border-top: 1px solid #fff;
        border-left: 0;
    }

    .banner .buttons .bannerLogo
    {
        max-width: 127px;
    }

    /*banner tags*/

    .tags
    {
        position: absolute;
        z-index: 50;
        right: 0;
        bottom: 90px;
        left: 0;

        display: block;
        overflow: hidden;

        height: 46px;
    }

    .tags .container-fluid
    {
        padding: 0;
    }

    .tags ul
    {
        display: table;

        width: 100%;
    }

    .tags li
    {
        display: table-cell;

        text-align: center;
    }

    .tags li a
    {
        font-weight: 700;

        display: block;

        margin-right: 1px;
        padding: 12px 5px;

        transition: .5s ease;
        text-decoration: none;
        text-transform: uppercase;

        opacity: .9;
    }

    .tags li a:hover
    {
        opacity: 1;
    }

    /*arrow down*/

    .banner .arrowDown
    {
        font-size: 40px;
        line-height: 40px;

        position: absolute;
        z-index: 30;
        bottom: 130px;
        left: 50%;

        display: block;

        width: 50px;
        height: 50px;
        margin-left: -25px;

        transition: .5s ease;
        text-align: center;

        color: #fff;
        border: 3px solid #fff;
        border-radius: 50%;
        background: rgba(0,0,0,.2);
    }

    .banner .arrowDown:hover
    {
        background: rgba(0,0,0,.5);
    }

    /*banner search*/

    .banner .mini-search
    {
        top: auto;
        bottom: 190px;
        left: 50%;

        width: 440px;
        margin-left: -220px;
    }

    .banner .mini-search .form-control
    {
        font-size: 20px;

        height: 60px;

        border: 0;
        box-shadow: inset 3px 3px 3px rgba(0,0,0,.1);
    }

    .banner.transparent h2
    {
        font-size: 100px;
        line-height: 70px;

        margin: 35px 0 25px 20px;
    }

    .banner.transparent .text .btn
    {
        margin-left: 70px;
        padding: 18px 45px;
    }

    /*banner buttons*/

    .banner .buttons
    {
        top: 100px;
        right: 50px;
    }

    /*HOLIDAY SEARCH*/

    .holidaySearch .text
    {
        padding: 20px 0 20px 40px;
    }

    .holidaySearch .text h2
    {
        font-size: 80px;
        line-height: 70px;
    }


    /*FEATURED CONTENT*/

    .featuredContent
    {
        min-height: 360px;
    }

    .featuredContent .text
    {
        padding: 50px;
    }

    .featuredContent h2
    {
        font-size: 80px;
        line-height: 70px;
    }

    /*OFFER CATEGORIES*/

    .offerCategoriesList[data-columns]::before
    {
        content: '3 .column.size-1of3';
    }

    .offerCategoriesList .size-1of3
    {
        width: 33.333%;
    }

    .offerCategoriesList .text
    {
        padding: 30px 20px 0;
    }

    .offerCategoriesList h3
    {
        font-size: 50px;
        line-height: 1;
    }

   /* .offerCategoriesList .price
    {
        margin-bottom: 30px;
    }*/

    /*HIGHLIGHT*/
    .highlight {
        min-height: 280px;
    }

    .highlight .bgImage .row
    {
        padding-top: 15px;
        padding-bottom: 10px;
    }

    .highlight .text
    {
        padding-left: 260px;
    }

    .highlight .bg
    {
        font-size: 170px;
        line-height: 170px;

        position: absolute;
        top: 20px;
        left: 30px;

        opacity: .2;
    }

    .highlight .image
    {
        position: absolute;
        top: -30px;
        left: 40px;

        max-width: 240px;

        opacity: 1;
    }

    .highlight.blockImgOverlay.right .image
    {
        right: 40px;
        left: auto;
    }

    .highlight .image img
    {
        display: block;

        border: 5px solid #fff;
        border-radius: 50%;
    }

    .highlight .bg.fa-phone
    {
        font-size: 220px;

        left: 60px;
    }

    .highlight p
    {
        font-size: 24px;
        line-height: 30px;
    }

    .highlight .big
    {
        font-size: 60px;
    }

    .highlight .bgImage .big
    {
        font-size: 40px;

        margin-bottom: 10px;
    }

    /*.highlight.rectBox .image
    {
        top: -50%;
    } */
    .highlight.rectBox .image img
    {
        border-radius: 0;
    }


    /*OFFERS LIST*/

    .offersList .image
    {
        position: relative;
    }

    .offersList .image:before
    {
        position: absolute;
        z-index: 10;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;

        content: '';

        box-shadow: inset 0 0 60px rgba(0,0,0,.2);
    }

    .offersList .text
    {
        padding: 20px 15px 0;
    }

    /*OFFER OR HOLIDAY TYPE*/

    .offerTop
    {
        display: -webkit-flex;
        display:         flex;

        -webkit-align-items: stretch;
                align-items: stretch;
    }

    .offerSummary
    {
        padding: 50px;
    }

    .offerActions a
    {
        border-right: 1px solid #fff;
    }

    .offerActions div:last-child
    {
        border-right: 0;
    }

    .offerActions div
    {
        border-bottom: 1px solid #fff;
    }

    .sidebar .offerActions > div
    {
        width: 50%;
    }

    .offerExtra
    {
        margin: 30px 0 0 0;
        padding: 15px 40px;
    }

    .offerExtra h3
    {
        font-size: 24px;
        line-height: 26px;
    }

    .offerExtra .fa
    {
        font-size: 28px;

        top: -20px;
        right: -20px;

        width: 55px;
        height: 55px;
        padding-top: 12px;
    }

    /*ARTICLES*/

    .articleList li:nth-child(2n+3)
    {
        clear: none;
    }

    .articleList li:nth-child(3n+4)
    {
        clear: left;
    }

    .articleList .text
    {
        min-height: 175px;
    }

    /*TEAM PROFILES ADD ON*/

    .dccom_gdStaffProfiles .item_team
    {
        width: 33.3333333334%;
    }

    .dccom_gdStaffProfiles .item_team:nth-child(2n+3)
    {
        clear: none;
    }

    .dccom_gdStaffProfiles .item_team:nth-child(3n+4)
    {
        clear: left;
    }

    /*BLOG*/

    body ul.blogList > li
    {
        width: 33.3333333334%;
    }


    /*ITINERARY*/

    .itinerary .header
    {
        height: 60px;
        min-height: 60px;
    }

    .itinerary .header h1
    {
        top: 0;
    }

    .itinerary .header .topNav > li > a
    {
        font-size: 16px;
        line-height: 16px;

        height: 60px;
        padding-top: 23px;
    }

    .itinerary .menuIcon
    {
        top: 0;
    }

    .menuIcon
    {
        font-size: 14px;
        line-height: 14px;
    }

    .menuIcon .fa
    {
        font-size: 14px;

        width: 34px;
        height: 34px;
        margin-left: 7px;
        padding-top: 8px;
    }

    .itinerary .banner,
    .itinerary .banner .image,
    .itinerary .banner .slick-slider,
    .itinerary .banner .slick-list,
    .itinerary .banner .slick-track,
    .itinerary .banner .slick-slide
    {
        position: absolute !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;

        height: 100%;
    }

    .itinerary .banner .itineraryPerson
    {
        top: 100px;
        right: auto;
        left: 40px;
    }

    .itinerary .banner h2
    {
        font-size: 40px;
        line-height: 35px;
    }

    .itinerary .banner p
    {
        font-size: 15px;

        margin: 5px 0 10px;

        color: #fff;
    }

    .itinerary .itineraryText
    {
        position: absolute;
        z-index: 20;
        right: 40px;
        bottom: 40px;
        left: 40px;

        padding: 10px 20px 25px;

        background: rgba(240,71,14,.8);
    }

    .itinerary .itineraryText h3
    {
        font-size: 70px;

        margin: 10px 0 -10px;
    }

    .itinerary .itineraryText p
    {
        font-size: 18px;

        margin: 0 200px 0 0;
    }

    .itinerary .itineraryText br
    {
        display: none;
    }

    .itinerary .itineraryText .separator
    {
        padding: 0 20px;
    }

    .itinerary .itineraryText .btn
    {
        position: absolute;
        right: 20px;
        bottom: 20px;

        margin-top: 0;
        padding: 14px 30px;
    }

    .itinerary .itineraryText .separator:first-of-type
    {
        display: inline-block;
    }

    /*content*/

    .itinerary .contentWrap .mainContent
    {
        padding-top: 40px;
    }

    .itinerary .contentWrap > section:first-child
    {
        padding-top: 50px;
    }

    .itinerary .mainContent .content
    {
        padding-right: 40px;
    }

    .itinerary .mainContent .panel-group,
    .itinerary .mainContent .panel
    {
        margin-top: 0;
    }

    /*BLOG*/

    #blog-post-replyForm
    {
        overflow: hidden;

        max-width: 800px;
    }

    #blog-post-replyForm input[type='text'],
    #blog-post-replyForm input[type='email'],
    #blog-post-replyForm select
    {
        height: 40px;
        margin-top: 20px;
    }

    #blog-post-replyForm textarea
    {
        float: left;

        margin-top: 20px;
    }

    #blog-post-replyForm .button
    {
        float: left;

        margin: 25px 0 0 0;
    }

    .blogPostWrap .image
    {
        display: -webkit-flex;
        display:         flex;

        background: #f0470e;

        -webkit-align-items: center;
                align-items: center;
    }

    .blogPostWrap .image img
    {
        width: 50%;
        /* float: right; */

        -webkit-order: 2;
                order: 2;
    }

    .blogPostWrap .image h3
    {
        font-size: 50px;
        line-height: 50px;

        float: left;

        width: 100%;
        padding: 0 30px;

        -webkit-order: 1;
                order: 1;
    }

    /*BLOCKQUOTES IN COPY*/

    .copy .quoteBlock
    {
        display: -webkit-flex;
        display:         flex;

        margin-right: -30px;
        margin-left: -30px;

        -webkit-align-items: stretch;
                align-items: stretch;
    }

    .copy blockquote.contentBlock
    {
        width: 46%;
        margin: 20px 2%;
        padding: 20px 40px 30px 70px;
    }

    .copy blockquote:nth-of-type(1),
    .copy blockquote:nth-of-type(2)
    {
        margin-top: 40px;
    }

    .copy blockquote:nth-of-type(2n+3)
    {
        clear: left;
    }

    .copy p
    {
        clear: left;
    }

    /*MISC*/

    .contentList li:nth-child(3n+4)
    {
        clear: left;
    }

    /*CONTENT LIST*/

    .offer .contentList h3
    {
        font-size: 2.3vw;
    }

    /*FLYOUT*/

    .flyout
    {
        top: 20%;
        right: -480px;
    }

    .flyout .inner
    {
        display: -webkit-flex;
        display:         flex;

        width: 480px;

        -webkit-align-items: stretch;
                align-items: stretch;
    }

    .flyout h2
    {
        font-size: 40px;

        color: #e31936;
    }

    .flyout .inner .btn
    {
        margin-top: 10px;
    }

    .flyout .text
    {
        float: left;

        width: 50%;
        padding: 10px 10px 20px 10px;
    }

    .flyout .image
    {
        display: block;
        float: left;

        width: 50%;

        background-size: cover;
    }

    /*CONTENT BADGE*/

    .contentBadge
    {
        font-size: 26px;

        width: 180px;
        height: 180px;
    }
}
















@media (min-width: 1200px)
{
    /*GENERAL*/

    .container-fluid.gutter
    {
        max-width: 970px;
    }


    /*MEGA MENU*/

    .topNav li .wrap
    {
        position: absolute;
        z-index: 100;
        top: 100px;
        right: 0;
        left: 0;

        overflow: hidden;

        max-height: 0;

        transition: all .5s ease .3s;
    }

    .topNav li:hover .wrap
    {
        top: 100px;

        max-height: 600px;

        transition: all .5s ease .1s;
    }

    .topNav li .subNavList1
    {
        position: relative;

        min-height: 410px;
        margin: 0 auto;
        padding: 50px 25% 50px 50px;

        text-align: left;

        background: #e31936;
        box-shadow: 5px 5px 5px rgba(0,0,0,.2);
    }

    .topNav li:nth-child(2) .subNavList1
    {
        background: #f0470e;
    }

    .topNav li:nth-child(3) .subNavList1
    {
        background: #005daa;
    }
    .topNav li:nth-child(4) .subNavList1,
    .topNav li.navluxury-tours .subNavList1 {
        background: rgba(178,147,56,1);
    }
    .topNav .subNavList1 li
    {
        float: left;

        width: 33.3333333334%;
        padding: 0 30px 0 0;
    }

    .topNav .subNavList1 li:not(.featuredPage) a
    {
        font-size: 26px;
        font-weight: bold;
        line-height: 30px;

        position: relative;

        display: block;

        padding: 10px 10px 10px 20px;

        vertical-align: top;
        text-decoration: none;
        letter-spacing: 1px;

        color: #fff;
    }

    .topNav .subNavList1 a:before
    {
        font-family: FontAwesome;
        font-size: 18px;
        font-weight: normal;
        font-style: normal;

        position: absolute;
        top: 8px;
        left: 5px;

        display: inline-block;

        content: '\f105';
        text-decoration: inherit;

        color: inherit;
    }
    /*
	.topNav .subNavList1 li:nth-last-child(2) a {
		background: #fff;
		color: #e31936;
		display: block;
		padding: 10px 15px;
	}

	.topNav li:nth-child(2) .subNavList1 li:nth-last-child(2) a {
		color: #f0470e;
	}

	.topNav li:nth-child(3) .subNavList1 li:nth-last-child(2) a {
		color: #005daa;
	}

	.topNav .subNavList1 li:nth-last-child(2) a:before {
		content:"\f178";
		font-size: 24px;
		top: 10px;
		left: auto;
		right: 15px;
	}
	*/

    /*featured page*/

    .topNav  .subNavList1 > li.featuredPage
    {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;

        width: 25%;
        padding: 10px 30px 0;

        background: rgba(0,0,0,.1);
    }

    .topNav .subNavList1 > li.featuredPage:before
    {
        padding: 0;

        content: '';
    }

    .topNav  .subNavList1 > li.featuredPage a
    {
        padding: 0;

        color: #fff;
    }

    .topNav  .subNavList1 > li.featuredPage a:before
    {
        padding-right: 0;

        content: '';
    }

    .topNav  .subNavList1 > li.featuredPage img
    {
        width: 100%;
        height: auto;
    }

    .topNav  .subNavList1 > li.featuredPage h3
    {
        font-size: 26px;
        font-weight: 700;
        line-height: 30px;

        margin: 20px 0 10px;
    }

    .topNav  .subNavList1 > li.featuredPage p
    {
        font-size: 14px;
        line-height: 20px;

        margin-bottom: 15px;

        color: #fff;
    }

    .topNav  .subNavList1 > li.featuredPage p.more
    {
        display: block;
    }

    .topNav  .subNavList1 > li.featuredPage .more a
    {
        font-size: 14px;

        display: inline-block;

        padding: 5px 12px 4px;

        text-decoration: none;
        text-transform: uppercase;

        color: #000;
        background: #e8e031;
    }

    .topNav  .subNavList1 > li.featuredPage .more a:after
    {
        font-family: FontAwesome;
        font-size: 12px;
        font-weight: normal;
        font-style: normal;

        padding-left: .5em;

        content: '\f178';
        text-decoration: inherit;

        color: inherit;
    }

    /*PROMOTED CONTENT*/

    .banner + .promotedContent
    {
        margin-top: -240px;
    }

    /*arrow down*/

    .banner .arrowDown
    {
        bottom: 270px;
    }

    /*FLYOUT*/

    .flyout
    {
        top: 20%;
        right: -520px;
    }

    .flyout .inner
    {
        width: 520px;
    }
     .slider-alsoLike h4 {
      font-size: 18px;
    }
    .header .topNav {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        justify-content: center;
    }
}














@media (min-width: 1400px)
{
    .container-fluid.gutter
    {
        max-width: 1200px;
    }

    .banner .image,
    .banner .videoBanner
    {
        height: 700px;
    }

    .banner.medium .image
    {
        height: 450px;
    }

    .topNav li .subNavList1
    {
        min-height: 450px;
    }

    .banner.transparent h2
    {
        font-size: 130px;
        line-height: 110px;

        margin: 25px 0 30px 20px;

        text-shadow: 0 0 40px rgba(0,0,0,1);
    }

    .banner.transparent .preHeading
    {
        font-size: 22px;
    }

    .banner.transparent .text .btn
    {
        font-size: 22px;

        margin-left: 110px;
        padding: 22px 55px;
    }

    /*HEADER*/

    .header h1
    {
        top: 0;
    }
    /*
	.header h1 img {
		position: absolute;
		top: -5000em;
		left: -5000em;
		height: 1px;
		width: 1px;
		text-align: left;
		overflow: hidden;
	}

	.header h1 a {
		display: block;
		width: 301px;
		height: 63px;
		background: transparent url('../../images/layout/logo_m.png') left center no-repeat;
		background-size: 100% auto;
	}
	*/

    .contentList .text
    {
        padding: 20px;
    }

    .blogPostWrap .image h3
    {
        font-size: 60px;
        line-height: 60px;
    }
}



















@media (min-width: 1600px)
{
    .container-fluid.gutter
    {
        max-width: 1500px;
    }

    .topNav li .subNavList1
    {
        min-height: 500px;
    }

    .blogPostWrap .image h3
    {
        font-size: 70px;
        line-height: 70px;
    }
}




/******************************************

New layout by Granite Digital (summer 2017)

******************************************/


/*
Main : Global wrap to apply padding to the site;
*/
@media all and (min-width: 768px)
{
    main.global
    {
        padding: 0 5%;
    }
}
@media all and (min-width: 1200px)
{
    main.global
    {
        padding: 0 10%;
    }
}

/*
Search-banner : Search form on the banner;
*/

.search-banner
{
    position: absolute;
    z-index: 10000;
    right: 0;
    bottom: 0;
    left: 0;

    margin: 0 15px 15px;

    text-align: center;
}
.search-banner__container
{
    background: rgba(227, 25, 54, .8);
}
.search-text h1
{
    font-family: 'ostrich_sansmedium', 'Arial Narrow', Arial, sans-serif;
    font-size: 28px;

    margin: 0 auto;
    padding: 15px 0;

    text-align: center;
    text-transform: uppercase;

    color: #fff;
}
.search-form
{
    padding-bottom: 15px;

    text-align: center;
}
.search-form input,
.search-form button,
.search-form select
{
    width: 75%;
    margin-bottom: 5px;
    padding: 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: solid 1px #fff;
}

.megaSearch .search-form input,
.megaSearch .search-form button,
.megaSearch .search-form select{
    min-width: 100px;
}
.search-form button
{
    padding: 15px;

    text-transform: uppercase;

    color: #fff;
    border: 0;
    background: #000;
}
@media all and (min-width: 768px)
{
    .search-banner
    {
        width: 80%;
        margin: 30px auto;
    }
    .search-form
    {
        display: flex;

        padding: 15px;
    }
    .search-form *
    {
        margin-right: 15px;
    }
    .search-form *:last-child
    {
        margin-right: 0;
    }
}
@media all and (min-width: 1200px)
{
    .search-banner__container
    {
        display: flex;

        justify-content: space-between;
        align-items: center;
    }
    .search-form
    {
        padding: 20px;
    }
    .search-text
    {
        width: 25%;
    }
    .search-text h1
    {
        font-size: 32px;

        max-width: 75%;
        padding-left: 15px;

        text-align: left;
    }
    form
    {
        width: 75%;
    }
}
@media all and (min-width: 1440px)
{
    .search-text h1
    {
        font-size: 42px;

        max-width: 60%;
    }
    /*.search-form
    {
        padding: 40px 60px;
    }*/
}


/*
Page-pills : Tabs that are directed by pills;
*/

.page-pills
{
    padding: 15px;
}
.page-pills .tab-content
{
    padding: 0;
    padding-top: 15px;
}
.page-pills .nav-pills > li.active > a,
.page-pills .nav-pills > li.active > a:focus,
.page-pills .nav-pills > li.active > a:hover
{
    color: #e31936;
    border: 1px solid #e31936;
    border-radius: 0;
    background: #fff;
}
.page-pills .nav-pills > li.active > a:after
{
    position: absolute;
    right: 0;
    bottom: 8px;
    left: 0;

    width: 15px;
    height: 2px;
    margin: 0 auto;

    content: '';

    background: red;
}
.page-pills .nav-pills > li > a
{
    font-family: 'ostrich_sansmedium', 'Arial Narrow', Arial, sans-serif;
    font-size: 18px;

    text-align: center;
    text-transform: uppercase;

    color: #fff;
    border: 1px solid transparent;
    border-radius: 0;
    background: #e31936;
}
.page-pills .nav-pills > li > a:hover,
.page-pills .nav-pills > li > a:focus
{
    background: #e31936;
}
.page-pills .nav-pills > li
{
    float: none;

    width: calc(50% - 2px);
}
.page-pills .nav-pills > li + li
{
    margin-left: 0;
}
.page-pills .nav-pills
{
    display: flex;

    flex-flow: row wrap;
    justify-content: center;
}
.page-pills .fa-angle-down
{
    font-size: 28px;

    width: 100%;
    padding: 0 15px 15px;

    text-align: center;
}
.page-pills .copy .blurb
{
    font-size: 1.2em;
}
@media all and (min-width: 768px)
{
    .page-pills .fa-angle-down
    {
        display: none;
    }
}
@media all and (min-width: 992px)
{
    .search-banner
    {
        bottom: 100px;

        max-width: 1100px;
    }
    .page-pills .nav-pills > li:first-child
    {
        margin-left: 0;
    }
    .page-pills .nav-pills > li:last-child
    {
        margin-right: 0;
    }
    .page-pills .nav-pills > li
    {
        width: 25%;
    }
    .page-pills .nav-pills
    {
        position: relative;
        z-index: 1001;

        justify-content: space-between;
    }
    .page-pills .nav-pills > li > a
    {
        font-size: 32px;
    }
    .page-pills .nav-pills > li.active > a,
    .page-pills .nav-pills > li.active > a:focus,
    .page-pills .nav-pills > li.active > a:hover,
    .page-pills .nav-pills > li > a
    {
        border: 0;
    }
}
@media all and (min-width: 1200px)
{
    .page-pills .nav-pills > li.active > a:after
    {
        height: 0;
    }
    .page-pills .nav-pills > li > a
    {
        font-size: 24px;
    }
    .page-pills .nav-pills > li
    {
        width: calc(25% - 10px);
    }
    .page-pills .nav-pills > li:first-child,
    .page-pills .nav-pills > li + li
    {
        margin-right: 5px;
    }
    .page-pills .nav-pills
    {
        top: -69px;

        width: calc(80% + 20px);
        max-width: 1100px;
        margin: 0 auto;
    }
}
@media all and (min-width: 1440px)
{
}
@media all and (min-width: 1600px)
{
    .page-pills .nav-pills > li > a
    {
        font-size: 36px;
    }
    .page-pills .nav-pills
    {
        top: -86px;
    }
}
/*
Breadcrumbs
*/

.breadcrumb
{
    margin-top: 0;

    text-align: left;

    background: #f5f5f5;
}
.breadcrumb li a
{
    font-weight: 600;
}
.breadcrumb li
{
    display: none;
}
.breadcrumb li:first-child,
.breadcrumb li:last-child
{
    display: inline-block;
}
@media all and (min-width: 768px)
{
    .breadcrumb li
    {
        display: inline-block;
    }
}


.cta-bottom
{
    padding: 15px;
}
.cta-text
{
    padding: 15px 5%;
}
.call-to-action::before
{
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';

    background: rgba(0, 0, 0, .5);
}
.call-to-action
{
    position: relative;
    z-index: 0;

    padding: 15px;

    background-image: url('contentFiles/default.jpg');
    background-position: center;
    background-size: cover;
}
.call-to-action h2,
.call-to-action h3
{
    color: #fff;
}
.call-to-action h2
{
    font-family: 'ostrich_sansmedium', 'Arial Narrow', Arial, sans-serif;
    font-size: 28px;

    text-align: center;
    text-transform: uppercase;
}
.call-to-action h3
{
    font-size: 20px;
    font-weight: 600;

    margin: 15px 0;

    text-align: center;
    text-transform: uppercase;
}
.call-to-action--links
{
    display: flex;

    justify-content: center;
}
.call-to-action--links a
{
    color: #fff;
}
.call-to-action--links .link
{
    display: flex;

    flex-flow: column wrap;
}
.call-to-action--links .social-name
{
    text-align: center;
}
.call-to-action--links .mail,
.call-to-action--links .phone
{
    display: flex;

    width: 44px;
    height: 44px;
    margin: 10px 15px;

    border-radius: 100%;
    background: #e31936;

    justify-content: center;
    align-items: center;
}
@media all and (min-width:768px)
{
    .cta-text
    {
        padding: 30px 10%;
    }
    .call-to-action
    {
        margin: 0 10px;
    }
}
@media all and (min-width:992px)
{
    .call-to-action h2
    {
        font-size: 48px;
    }
    .call-to-action h3
    {
        font-size: 32px;
    }
    .call-to-action
    {
        padding: 40px;
    }
    .call-to-action--links .mail,
    .call-to-action--links .phone
    {
        font-size: 24px;

        margin: 15px 40px;
    }
}
@media all and (min-width:1200px)
{
    .call-to-action
    {
        padding: 80px;
    }
}


/*
New Offer page layout by Granite Digital (summer 2017)
*/

/*
bootstrap tab reset
*/
.nav
{
border:0;
}
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover,
.nav-tabs>li>a,
.nav-tabs>li>a:focus,
.nav-tabs>li>a:hover
{
  border:0;
  border-radius:0;
  background:transparent;
}
.nav-tabs>li
{
  margin-bottom:0;
}
.nav>li>a:focus,
.nav>li>a:hover
{
  background:transparent;
}
/*
Slick slider related changes
*/



/****************************************/
/*FIX : space between the top and the first element*/
.banner--offers
{
    padding-top: 93px;
}



{
  .banner--offers .image
  {
    height: 420px;
  }
  body .bigSearch button {
    top: 0px;
    right: 0px;
  }
}
@media all and (min-width: 324px)
{
    .banner--offers
    {
        padding-top: 60px;
    }
}
@media all and (min-width: 992px)
{
    .banner--offers
    {
        padding-top: 100px;
    }
}
/*FIX : end*/
/****************************************/

.banner--offers .slick-prev,
.banner--offers .slick-next
{
    top: auto;
    right: 50%;
    bottom: 50px;
    left: auto;
}
.banner--offers .slick-prev
{
    right: calc(50% + 50px);
    z-index: 1;
}
.banner--offers .image:after
{
    z-index: 0;

    background: transparent;
}

/*
Offer component
*/
.banner--offers .contentBadge
{
    display: none;
}
.offer-details
{
    position: absolute;
    z-index: 1;

    width: 100%;
    height: 100%;

    text-align: center;

    color: #fff;
    background: rgba(227, 25, 54, .8);
}
.offer-title h2
{
    min-height: 0;
    margin: 0;
    padding: 15px 0;
}
.offer-category h3
{
    font-size: 14px;

    text-transform: uppercase;
}
.offer-button:hover
{
    color: #fff;
    background: #005daa;
}
.offer-button
{
    font-family: 'ostrich_sansmedium', 'Arial Narrow', Arial, sans-serif;
    font-size: 24px;

    /* position: absolute; */
    right: 0;
    cursor: pointer;
    bottom: 0;
    left: 0;

    display: inline-block;

    margin: 0 auto;
    padding: 15px;

    text-transform: uppercase;

    color: #fff;
    background: #005daa;
}
.offer-presentation
{
    padding: 10px;

    background: #960217;
}
.offer-presentation .price
{
    display: flex;

    justify-content: space-around;
}
.offer-presentation .price > *,
.price--now__wrap
{
    display: flex;

    flex-flow: column wrap;
}
.offer-presentation .price--was
{
    justify-content: center;
    align-items: center;
}
.offer-details .price
{
    position: relative;

    float: none;

    padding-bottom: 0;

    border-bottom: 1px solid rgba(255, 255, 255, .3);
}

.banner--offers .imageBanner img {
    width: 100%;
}

.banner--offers .imageBanner {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 450px;
}

@media all and (min-width: 992px) {
    .banner--offers .image {
        background-size: 50%;
        background-repeat: no-repeat;
        background-position: left;
        height: 500px;
    }
    .banner--offers .imageBanner {
        width: 50%;
        position: absolute;
        left: 0;
        height: 100%;
    }
}
@media all and (min-width: 1200px) {
    .banner--offers .image {
        height: 600px;
    }
}
@media all and (max-width: 1199px) {
    .offer-details .offer-presentation .price {
        padding-top: 0;
    }
    .banner--offers.offers--adventure .offer-title h2 {
        font-size: 50px;
        line-height: 50px;
        padding-top: 5px;
    }
    .banner--offers.offers--adventure .offer-button {
        padding: 10px 40px;
    }
}
@media all and (max-width: 991px) {
    .banner--offers.offers--adventure .offer-details {
        position: relative;
        padding: 10px 10px 20px;
    }
    .banner--offers.offers--adventure .price em {
        font-size: 42px;
    }
    .banner--offers.offers--adventure .offer-title h2 {
        padding: 5px 0;
        font-size: 34px;
    }
    .banner--offers.offers--adventure .offer-button {
         padding: 5px;
    }
}
@media all and (max-width: 767px) {
    .banner--offers.offers--adventure .offer-details {
        padding: 10px 0 20px;
    }

    .banner.banner--offers.offers--adventure .image {
        height: auto;
    }
    .banner--offers.banner ul.slick-dots {
        bottom: -9px;
    }
    .banner--offers.offers--adventure .offer-button {
        position: relative;
        display: block;
        padding: 5px 10px;
    }
}
 @media all and (max-width: 500px) {
    /* .banner--offers.banner .image {
        height: 450px;
    } */
    .banner--offers .imageBanner {
        height: 350px;
    }
}


/*.price::before
{
    position: absolute;
    top: 50%;
    left: 50%;

    width: 1px;
    height: 80%;

    content: '';
    transform: translateY(-50%);

    background: rgba(255, 255, 255, .3);
}*/
.price em::before
{
    font-size: .5em;

    position: relative;
    top: -15px;
    left: -5px;

    content: '€';
}
.price--now em::after
{
    font-size: .5em;

    position: relative;
    right: -5px;
    bottom: 0;

    content: 'PP';
}
.price--save em::after
{
    font-family: 'FontAwesome';
    font-size: .5em;

    position: relative;
    right: -5px;
    bottom: 10px;

    content: '\f00c';

    color: #41ac48;
}
.price span
{
    text-align: left;
}
.price em
{
    font-family: 'ostrich_sansmedium', 'Arial Narrow', Arial, sans-serif;
    font-size: 52px;
    font-weight: 900;
    font-style: normal;

    position: relative;
}

.price--was
{
    position: relative;

    color: rgba(255,255,255,.8);
}
.price--was::after
{
    position: absolute;
    top: 50%;
    left: 0;

    width: 100%;
    height: 2px;

    content: '';
    transform: rotate(-15deg);
    transform-origin: center center;

    background: rgba(255, 255, 255, 1);
}
.price--was span
{
    font-size: 14px;
}
.price--was em
{
    font-size: 24px;
}
.offer-departure,
.offer-duration
{
    display: flex;

    justify-content: flex-start;
}
.offer-date p
{
    width: 70%;
    padding-left: 15px;

    text-align: left;
}
.offer-date h3
{
    font-size: 16px;

    width: 30%;

    text-align: left;
    text-transform: uppercase;

    color: yellow;
}
@media all and (min-width: 520px)
{
    .offer-presentation .price--now
    {
        flex-flow: row nowrap;
    }
    .price--now__wrap
    {
        width: 100%;
    }
    .offer-presentation .price--was
    {
        display: flex;

        width: 100px;

        flex-flow: column wrap;
    }
}
@media all and (min-width: 768px)
{
    .banner--offers .contentBadge
    {
        font-size: 15px;

        display: flex;

        width: 120px;
        height: 120px;
        margin-top: -25px;

        border: none;
    }
    .offer-date
    {
        display: flex;

        justify-content: space-around;
    }
    .offer-departure,
    .offer-duration
    {
        width: 50%;
        padding-left: 15px;
    }
    .offer-details
    {
        padding: 15px;

        text-align: left;
    }
    .offer-button
    {
        position: relative;

        margin: 15px 0 ;
        padding: 15px 50px;
    }
}
@media all and (min-width:992px)
{
    .offer-details
    {
        right: 0;

        width: 50%;
    }
    .offer-departure,
    .offer-duration
    {
        flex-flow: column wrap;
    }
    .offer-date h3
    {
        width: auto;
    }
    .offer-date p
    {
        width: auto;
        padding-left: 0;
    }
}
@media all and (min-width:1200px)
{
    .offer-details
    {
        padding: 20px;
    }
    .offer-date h3
    {
        font-size: 18px;
    }
    .price--now__wrap em,
    .price--save em
    {
        font-size: 64px;
    }
    .banner--offers .contentBadge
    {
        font-size: 18px;

        width: 150px;
        height: 150px;
        margin-top: -25px;
    }
}
@media all and (min-width:1440px)
{
    .offer-details
    {
        padding: 25px;
    }
    .price--now__wrap em,
    .price--save em
    {
        font-size: 82px;
    }
    .price--was::after
    {
        top: 55%;
    }
    .offer-button
    {
        font-size: 32px;

        padding: 15px 60px;
    }
    .banner--offers .contentBadge
    {
        font-size: 20px;

        width: 160px;
        height: 160px;
    }
}
@media all and (min-width:1600px)
{
    .offer-details
    {
        padding: 30px;
    }
    .price--now__wrap em,
    .price--save em
    {
        font-size: 100px;
    }
}


















/*.reservation
  {
    display: none;
  }*/

.reservation__container
{
  padding: 15px;
}
.reservation-category,
.reservation-close
{
  text-transform: uppercase;
}
.reservation-category
{
  color: #777;
  display: none;
}
.reservation-close
{
  font-family: 'ostrich_sansmedium', 'Arial Narrow', Arial, sans-serif;
  padding: 10px 0;
  font-size: 30px;
  color: #e31936;
  text-align: right;
}
.reservation-content
{
  color: #005daa;
  text-align: center;
}
.reservation-content h1,
.reservation-content h2,
.reservation-content h3
{
  margin: 0;
  text-transform: uppercase;
}
.reservation-content h1,
.reservation-content h3
{
  font-family: 'ostrich_sansmedium', 'Arial Narrow', Arial, sans-serif;
}
.reservation-content h1{font-size: 48px; padding-bottom: 10px;}
.reservation-content h2{font-size: 16px; font-weight: 900}
.reservation-content h3{font-size: 20px;}


.reservation-content .tab_container
{
  margin-top: 25px;
}
.reservation-content .nav-tabs>li>a
{
  z-index: 1;
}
.reservation-content .nav-tabs>li.active>a,
.reservation-content .nav-tabs>li.active>a:focus,
.reservation-content .nav-tabs>li.active>a:hover,
.reservation-content .nav-tabs>li>a,
.reservation-content .nav-tabs>li>a:focus,
.reservation-content .nav-tabs>li>a:hover
{
  border-radius: 100%;
  background: #fff;
  color: #e31936;
  border: 1px solid #e31936;
}
.reservation-content .nav-tabs>li.active>a,
.reservation-content .nav-tabs>li.active>a:focus,
.reservation-content .nav-tabs>li.active>a:hover
{
  background: #e31936;
  color: #fff;
}
.reservation-content .nav-tabs>li:not(:last-child)
{
  margin-right: 15px;
}
.reservation-content .nav.nav-tabs
{
  display: flex;
  justify-content: center;
  position: relative;
}
.reservation-content .nav-tabs::after{
  content: '';
  position: absolute;
  z-index: 0;
  width: 50%;
  margin: 0 auto;
  left: 0;
  right: 0;
  height: 1px;
  background: #e31936;
  top: 50%;
}

@media all and (min-width: 768px)
{
  .reservation_wrap
  {
    border: 1px solid #eee;
    padding: 25px;
  }
  .reservation-category
  {
    position: absolute;
    display: block;
    text-align: center;
  }
  .reservation-content .nav-tabs>li:not(:last-child)
  {
    margin-right: 65px
  }
}
@media all and (min-width: 992px)
{
  .reservationIsActive
  {
    background: #fafafa;
  }
  .reservation_wrap
  {
    background: #fff;
    max-width: 750px;
    margin: 0 auto;

  }
  .reservation-close
  {
    font-size: 34px;
  }
  .reservation-content h1
  {
    font-size: 72px;
  }
  .reservation-content h2
  {
    font-size: 20px;
  }
  .reservation-content h3
  {
    font-size: 30px;
  }
}
@media all and (min-width: 1200px)
{
  .reservation_wrap
  {
    max-width: 950px;
  }
  .reservation-content .nav-tabs::after
  {
    width: 40%;
  }
}
@media all and (min-width: 1440px)
{
  .reservation_wrap
  {
    max-width: 1170px;
  }
  .reservation-content .nav-tabs::after
  {
    width: 30%;
  }
}



.bootstrap-touchspin
{
  position: relative;
  width: 100%;
  max-width: 200px;
  margin: 0 auto;
  margin-bottom: 15px;
}
.bootstrap-touchspin input.spin
{
  text-align: center;
  font-size: 18px;
  width: 100%;

  position: relative;
  float: none;
  padding: 10px;
  border: 1px solid #ddd;
}
.bootstrap-touchspin .btn
{
  background: transparent;
  color:#005daa;
  font-size: 32px;
  position: relative;
  outline: none !important;
  box-shadow: none;
  transition: all .3s ease;
}
.bootstrap-touchspin .btn:active{
    font-weight: 600;
}
.bootstrap-touchspin .input-group-btn
{
  position: absolute;
  z-index: 5;
  width: 100%;
  top: 30px;
}
.bootstrap-touchspin .btn--less
{
  right: 50px
}
.bootstrap-touchspin .btn--more
{
  left: 50px
}
.bootstrap-touchspin label
{
  text-transform: uppercase;
  color: #000;
  font-size: 14px;
  background: #ffffff;
  top: 20px;
  padding: 5px 15px;
  z-index: 6;
  position: relative;
}
/*.bootstrap-touchspin .spin-month
{
  visibility: hidden;
}*/
@media all and (min-width: 768px)
{
  .bootstrap-touchspin
  {
    display: inline-block;
  }
}













.map__container
{
    padding: 15px;
}
.map-google
{
    width: 100%;
    height: 400px;
}

.inner_wrapper
{
  border-left: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
    background: #fafafa;
}

.enquire-now__container
{
    padding: 15px;
}
.enquire-now
{
    padding: 15px;

    text-transform: uppercase;

    color: #fff;
    background: #e31936;
}
.enquire-now h2,
.enquire-now h3,
.enquire-now p
{
    margin: 0 auto;
}
.enquire-now h2
{
    padding: 10px 0;
}
.enquire-now h3
{
    padding: 10px 0 5px 0;
}
.enquire-now-heading
{
    border-bottom: 1px solid #fff;
}
.enquire-now-heading h2
{
    font-family: 'ostrich_sansmedium', 'Arial Narrow', Arial, sans-serif;
    font-size: 24px;
    font-weight: 100;

    margin: 0;
}
.enquire-now-heading p
{
    font-size: 10px;
    font-style: italic;

    display: inline-block;

    padding-bottom: 15px;
}
.enquire-now-body h3
{
    font-size: 14px;
    font-weight: 600;
}
.enquire-now-body
{
    position: relative;
}
.enquire-now-body p
{
    font-size: 12px;
}
.enquire-now-action a
{
    font-weight: 600;

    display: inline-block;

    width: 100%;
    margin-top: 15px;
    padding: 15px;

    text-align: center;
    text-decoration: none;

    color: #fff;
    background: #960217;
}
.enquire-now-action i
{
    padding-left: 10px;
}
@media all and (min-width: 768px)
{
    .enquire-now-heading h2
    {
        font-size: 30px;

        display: inline-block;
    }
    .enquire-now-heading p
    {
        font-size: 14px;

        padding-left: 15px;
    }
    .enquire-now-body::after
    {
        position: absolute;
        top: 15px;
        right: 10px;
        left: 0;

        width: 1px;
        height: calc(100% - 30px);
        margin: 0 auto;

        content: '';

        background: rgba(255, 255, 255, .3);
    }
    .enquire-now-body ul
    {
        column-count: 2;
        column-gap: 20px;
    }
}

@media all and (min-width: 992px)
{
    .enquire-now
    {
        padding: 20px;
    }
    .enquire-now-body
    {
        padding-top: 15px;
    }
    .enquire-now-body h3
    {
        font-size: 16px;

        padding: 10px 0;
    }
    .enquire-now-body p
    {
        font-size: 14px;

        padding: 5px 0 15px 0;
    }
}
@media all and (min-width: 992px)
{
    .map-google
    {
        height: 600px;
    }
}
@media all and (min-width:1440px)
{
    .enquire-now-action a
    {
        font-size: 18px;
    }
    .enquire-now
    {
        padding: 40px;
    }
    .enquire-now-body h3
    {
        font-size: 18px;

        padding: 15px 0;
    }
}
.offer-tabs
{
    padding: 0 15px;
}
.offer-tabs > a
{
    width: 100%;
    margin-bottom: 20px;
}
.offer-tabs .panel-heading
{
    background: transparent;
}
.offer-tabs .panel-title
{
    position: relative;
}
.offer-tabs .panel-title > a
{
    z-index: 1;

    display: inline-block;

    width: 100%;
    height: 100%;
    padding: 20px;
}
.offer-tabs .panel-group .panel
{
    background: transparent;
}
.offer-tabs .panel-title a::after
{
    font-family: 'Lato';
    font-size: 32px;
    font-weight: normal;

    position: absolute;
    z-index: 0;
    top: 50%;
    right: 15px;

    content: '+';
    transition: .2s all;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);

    color: #ff0048;
}
.offer-tabs .panel-title a[aria-expanded='true']::after
{
    -webkit-transform: translateY(-50%) rotate(-135deg);
            transform: translateY(-50%) rotate(-135deg);
}
.offer-tabs .panel-heading
{
    padding: 0;
}
.offer-tabs .panel-heading a
{
    font-family: 'ostrich_sansmedium', 'Arial Narrow', Arial, sans-serif;
    font-weight: normal;

    color: #e31936;
    border-bottom: 1px solid #dedede;
    background: transparent;
}
.offer-tabs .offer-tabs-highlights
{
    position: relative;

    padding: 15px;

    background: #fff;
}
.offer-tabs .offer-tabs-highlights b
{
    font-style: italic;
}
.offer-tabs .offer-tabs-highlights ul
{
    padding-top: 15px;
}
.offer-tabs .offer-tabs-highlights li
{
    position: relative;
}
.offer-tabs .offer-tabs-highlights li::before
{
    font-family: 'FontAwesome';
    font-size: 14px;

    position: absolute;
    left: -5px;

    content: '\f00c';

    color: #41ac48;
}
.offer-tabs .offer-tabs-highlights li
{
    padding-left: 15px;
}
.offer-tabs .offer-tabs-highlights li:not(:last-child)
{
    padding-bottom: 25px;
}

#itinerary-tabs span
{
    font-weight: 600;

    color: #000;
}
#itinerary-tabs .day
{
    font-weight: normal;

    padding-right: 20px;

    color: #e31936;
}
.offer-tabs #itinerary-tabs .panel
{
    border: 1px solid rgba(100, 100, 100, .3);
    background: #fff;
}
.offer-includes .item
{
  padding: 10px 0;
}
.suggestions__container
{
  padding: 15px;
}
.suggestions .item
{
  background-position: center;
  background-size: cover;
  padding: 15px;
  z-index: 0;
  position: relative;
  color: #fff;
  font-family: 'ostrich_sansblack';
  margin-bottom: 5px;
  min-height: 125px;
}
.suggestions .item::before
{
  z-index: -1;
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0,0,0,0.6);
  background: -moz-linear-gradient(left, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0.6)), color-stop(100%, rgba(0,0,0,0)));
  background: -webkit-linear-gradient(left, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
  background: -o-linear-gradient(left, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
  background: -ms-linear-gradient(left, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
  background: linear-gradient(to right, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );
}
.suggestions .item h2
{
  width: 50%;
  font-size: 24px;
  margin: 0;
  padding: 5px 0;
  color: white;
}
.suggestions .item h3
{
  padding: 5px 0;
  font-size: 20px;
  margin: 0;
    color: white;
}
.suggestions .price
{
  position: relative;
  padding: 0 10px;
  font-size: 18px;
}
.suggestions .price::after{
  content: "pp";
  right: 0;
  font-size: .8em;
  text-transform: uppercase;
}
.suggestions .price::before{
  content: "€";
  font-size: .8em;
  left: 0;
  text-transform: uppercase;
}
@media all and (min-width: 768px)
{
  .suggestions
  {
    display: flex;
  }
  .suggestions .item:not(:last-child)
  {
    margin-right: 5px;
  }
}
.modal-enquire-offer
{
  position: relative;
  padding: 10px;
  border: 0;
  background: #960217;
}
.modal-enquire-offer h2
{
  color: #fff;
  font-weight: 600;
  font-size: 20px;
  margin: 0;
  padding: 10px 0 15px 0;
  font-family: 'ostrich_sansmedium', 'Arial Narrow', Arial, sans-serif
}
.modal-enquire-offer button,
.book-adventure-traveller-form button{

  width: 100%;
  border: 0;
  background: #e31936;
  font-family: 'ostrich_sansmedium', 'Arial Narrow', Arial, sans-serif;
  font-size: 18px;
  color: #fff;
  padding: 10px;
  margin-top: 10px;
  display: inline-block;
}
.modal-enquire-offer .close{
top: 0;
right: 0;
}
.enquire--input
{
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin: 3px 0;
}
.enquire--input label
{
  width: 100%;
  padding-top: 5px;
  font-size: 12px;
  color: #fff;
  text-align: left;
  text-transform: capitalize;
}
.enquire--input input,
.enquire--input textarea
{
  width: 100%;
  padding: 2px;
}
@media all and (min-width: 768px)
{

  .enquire--input label
  {
    font-size: 14px;
  }

  .modal-enquire-offer form
  {
    display: flex;
    justify-content: flex-start;
    flex-flow: row wrap;
  }
  .enquire--input
  {
    padding: 0 10px;
    width: 50%;
    flex-flow: row wrap;
  }
  .enquire--input input,
  .enquire--input textarea
  {
    padding: 5px;
  }
  .enquire--input.wide
  {
    width: 100%;
  }
  .book-adventure-traveller-wrap
  {
    display: flex;
    flex-flow: row wrap;
  }
}
@media all and (min-width: 1200px)
{
  .modal-enquire-offer
  {
    padding: 50px;
  }
  .enquire--input label
  {
    font-size: 16px;
    padding-left: 10px;
  }
  .modal-enquire-offer form
  {
    width: 100%
  }
  .enquire--input textarea
  {
    min-height: 150px;
  }
  .modal-enquire-offer h2
  {
    font-size: 42px;
    text-align: left;
    padding-left: 15px;
  }
  .modal-enquire-offer button
  {
    font-size: 32px;
    font-weight: 900;
  }
}



/*
Responsive table
*/
.rwd-table
{
    width: 100%;
    margin: 1em 0;
}
.rwd-table tr
{
    background: #fff;
    border: 1px solid #ddd;
}
/*.rwd-table tr:nth-child(2n)
{
    background: #f5f5f5;
}*/
.rwd-table th
{
    display: none;
}
.rwd-table td
{
    display: block;
}
.rwd-table td:first-child
{
    padding-top: .5em;
}
.rwd-table td:last-child
{
    padding-bottom: .5em;
}
.rwd-table td:before
{
    font-weight: bold;

    display: inline-block;

    width: auto;

    content: attr(data-th) ': ';
}
.rwd-table td.reservation-td::before{
  content: ''
}
@media (min-width: 768px)
{
    .rwd-table td:before
    {
        display: none;
    }
    .rwd-table tr
    {
      border-right: 0;
      border-left: 0;
    }
    .rwd-table tr:first-child
    {
      border-top: 0
    }
}
.rwd-table th,
.rwd-table td
{
    text-align: left;
}
@media (min-width: 768px)
{
    .rwd-table th,
    .rwd-table td
    {
        display: table-cell;

        padding: .25em .5em;
    }
    .rwd-table th:first-child,
    .rwd-table td:first-child
    {
        padding-left: 0;
    }
    .rwd-table th:last-child,
    .rwd-table td:last-child
    {
        padding-right: 0;
    }
    .rwd-table
    {
      overflow: hidden;
    }
}
.rwd-table
{
    color: #000;
}

.rwd-table th,
.rwd-table td
{
    margin: .5em 1em;
}
@media (min-width: 768px)
{
    .rwd-table th,
    .rwd-table td
    {
        padding: 1em !important;
    }
}
.rwd-table th,
.rwd-table td:before
{
    font-size: .9em;
    letter-spacing: 2px;
    font-weight: 600;
    text-transform: uppercase;
    color: #000;
}
.reservation-table-departure,
.reservation-table-ends
{
  margin-bottom: 15px;
}
.reservation-table-departure p,
.reservation-table-ends p
{
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 2px;
  margin-bottom: 0;
  text-transform: uppercase;
}
.reservation-table-departure span,
.reservation-table-ends span
{
  font-size: 12px;
  color: #777777;
}
.reservation-table-price .promo em
{
  font-size: 42px;
  font-family: 'ostrich_sansmedium', 'Arial Narrow', Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  margin-top: -5px;
  margin-bottom: -5px;
}
.reservation-table-price em::before
{
  content: '€'
}
.reservation-table-price .promo::before{
  color:#e31936;
  content: 'our price';
  text-transform: uppercase;
  font-size: 10px;
  position: relative;
  top: 10px;
  display: block;
}
.reservation-table-price .promo span
{
  color:#e31936;
  font-size: 10px;
  display: block;
  position: relative;
  bottom: 10px;
  text-decoration: line-through;
}
.reservation-table-price .promo span::before
{
  content: 'was €';
  text-transform: uppercase;
}
.reservation-table-availability p
{
  font-family: 'ostrich_sansmedium', 'Arial Narrow', Arial, sans-serif;
  font-size: 42px;
}
.reservation-table-availability p::after
{
  content: 'spaces left';
  position: relative;
  bottom: 10px;
  font-size: 24px;
  display: block;
}
.reservation-td a
{
  text-align: center;
  display: block;
  font-family: 'ostrich_sansmedium', 'Arial Narrow', Arial, sans-serif;
  background: #005daa;
  padding: 10px;
  border-radius: 10px;
  color:#fff;
  text-decoration: none;
  font-size: 20px;
}
.book-adventure-headings
{
  margin: 25px auto;
}
.book-adventure-headings h1
{
  font-family: 'ostrich_sansblack', 'Arial Narrow', Arial, sans-serif;
  font-size: 32px;
  font-weight: 900;
}
.book-adventure-headings h2
{
  font-family: 'ostrich_sansmedium', 'Arial Narrow', Arial, sans-serif;
  font-size: 32px;
  font-weight: 100;
}
@media all and (min-width: 768px)
{
  .book-adventure-headings
  {
    text-align: left;
  }
  .book-adventure-headings h1,
  .book-adventure-headings h2
  {
    font-size: 42px;
  }
}
.book-adventure-traveller:not(:nth-last-child(2))
{
  margin-bottom: 50px;
}
.book-adventure-traveller h1
{
  font-size: 20px;
  font-weight: 900;
  font-family: 'Lato';
  color: red;
}
.book-adventure-traveller .enquire--input label
{
  color: #999999
}
.book-adventure-traveller-form button
{
  background: #005daa
}
@media all and (min-width: 768px)
{
  .book-adventure-traveller h1
  {
    text-align: left
  }
}
.book-adventure-details
{
  margin-top: 15px;
  background: #005daa;
  color: #fff;
}
.book-adventure-details > *
{
  padding: 15px;
}
.book-adventure-details > *:not(:last-child)
{
  border-bottom: 1px solid #fff;
}
.book-adventure-details .book-adventure-details-name h1
{
  font-size: 24px;
  margin: 0;
  font-weight: 900;
  padding-top: 15px;
  padding-bottom: 0
}
.book-adventure-details .book-adventure-details-name p
{
  margin-top: 0
}
.book-adventure-details-date--begins .info,
.book-adventure-details-date--ends .info
{
  text-align: left;
  display: flex;
  align-items: center;
}
.book-adventure-details-date--begins .info p,
.book-adventure-details-date--ends .info p
{
  padding: 10px;
}
.book-adventure-details-date--begins h2,
.book-adventure-details-date--ends h2
{
  text-align: left;
  width: 100%;
}
@media all and (min-width: 768px)
{
  .book-adventure-details-date
  {
    display: flex;
    justify-content: center;
  }
  .book-adventure-details-date--ends .info,
  .book-adventure-details-date--begins .info
  {
    flex-flow: row wrap;
  }
  .book-adventure-details-date--begins .info p,
  .book-adventure-details-date--ends .info p
  {
    width: 100%;
    padding: 0;
  }
}
.book-adventure-details-price p
{
  margin: 0;
  padding: 15px;
}
.book-adventure-details-price .normal
{
  display: flex;
  align-items: center;
}
.book-adventure-details-price .normal p:last-child
{
  text-decoration: line-through;
}
.book-adventure-details-price .discount h2
{
  font-size: 18px;
}
.book-adventure-details-price .discount h2:last-child,
.book-adventure-details-total h2:last-child
{
  padding-top: 10px;
}
@media all and (min-width: 768px)
{
  .book-adventure-details-price .normal
  {
    justify-content: center;
  }
}





/*
Reservation sliding fest
*/

.reservation
{
  display: none;
}
.reservation__container
{
  background: #fff
}
@media all and (min-width: 992px)
{
 .reservationIsActive .slideOutMenu
 {
   left: calc(200% + 4px)
 }
  .reservationIsActive .reservation__container
  {
    position: relative;
    top: -600px;
    padding-top: 100px;
  }
  .reservationIsActive .inner_wrapper
  {
    transform: translateX(-95%);
  }
  .reservationIsActive .reservation{
    transform: translateX(100%);
  }
  .reservationIsActive .reservation-content .tab_container
  {
    max-width: 1170px;
    margin: 25px auto;
  }
  .inner_wrapper
  {
    transition: .5s all
  }
}
@media all and (min-width: 1400px)
{
  .reservationIsActive .reservation__container
  {
    top:-700px;
  }
}