/* RESKIN FOR AKDMC MICE AND AKDMC CRUISE - NOVEMBER 2024 - PERRITO MEDIA */


/* FONTS ONLY
================================================================================ */

@font-face {
    font-family: 'ArgentCF';
    src: url('/fonts/Argent CF/ArgentCF-Light.ttf') format('truetype'), url('/fonts/Argent CF/ArgentCF-Light.woff2') format('woff2'), url('/fonts/Argent CF/ArgentCF-Light.woff') format('woff');
    font-weight: 300; /* Light */
    font-style: normal;
}

@font-face {
    font-family: 'ArgentCF';
    src: url('/fonts/ArgentCF/ArgentCF-LightItalic.ttf') format('truetype'), url('/fonts/Argent CF/ArgentCF-LightItalic.woff2') format('woff2'), url('/fonts/Argent CF/ArgentCF-LightItalic.woff') format('woff');
    font-weight: 300; /* Light */
    font-style: italic;
}

@font-face {
    font-family: 'ArgentCF';
    src: url('/fonts/ArgentCF/ArgentCF-Regular.ttf') format('truetype'), url('/fonts/Argent CF/ArgentCF-Regular.woff2') format('woff2'), url('/fonts/Argent CF/ArgentCF-Regular.woff') format('woff');
    font-weight: 400; /* Regular */
    font-style: normal;
}

@font-face {
    font-family: 'ArgentCF';
    src: url('/fonts/ArgentCF/ArgentCF-RegularItalic.ttf') format('truetype'), url('/fonts/Argent CF/ArgentCF-RegularItalic.woff2') format('woff2'), url('/fonts/Argent CF/ArgentCF-RegularItalic.woff') format('woff');
    font-weight: 400; /* Regular */
    font-style: italic;
}

@font-face {
    font-family: 'ArgentCF';
    src: url('/fonts/ArgentCF/ArgentCF-Thin.ttf') format('truetype'), url('/fonts/Argent CF/ArgentCF-Thin.woff2') format('woff2'), url('/fonts/Argent CF/ArgentCF-Thin.woff') format('woff');
    font-weight: 200; /* Thin */
    font-style: normal;
}

@font-face {
    font-family: 'ArgentCF';
    src: url('/fonts/ArgentCF/ArgentCF-ThinItalic.ttf') format('truetype'), url('/fonts/Argent CF/ArgentCF-ThinItalic.woff2') format('woff2'), url('/fonts/Argent CF/ArgentCF-ThinItalic.woff') format('woff');
    font-weight: 200; /* Thin */
    font-style: italic;
}

@font-face {
    font-family: 'McQueen';
    src: url('/fonts/McQueen/McQueen-Light.woff2') format('woff2'), url('/fonts/McQueen/McQueen-Light.woff') format('woff');
    font-weight: 300; /* Light */
    font-style: normal;
}

@font-face {
    font-family: 'McQueen';
    src: url('/fonts/McQueen/McQueen-LightItalic.woff2') format('woff2'), url('/fonts/McQueen/McQueen-LightItalic.woff') format('woff');
    font-weight: 300; /* Light */
    font-style: italic;
}

@font-face {
    font-family: 'McQueen';
    src: url('/fonts/McQueen/McQueen-Regular.woff2') format('woff2'), url('/fonts/McQueen/McQueen-Regular.woff') format('woff');
    font-weight: 400; /* Regular */
    font-style: normal;
}

@font-face {
    font-family: 'McQueen';
    src: url('/fonts/McQueen/McQueen-Italic.woff2') format('woff2'), url('/fonts/McQueen/McQueen-Italic.woff') format('woff');
    font-weight: 400; /* Regular */
    font-style: italic;
}

@font-face {
    font-family: 'McQueen';
    src: url('/fonts/McQueen/McQueen-Medium.woff2') format('woff2'), url('/fonts/McQueen/McQueen-Medium.woff') format('woff');
    font-weight: 500; /* Medium */
    font-style: normal;
}

@font-face {
    font-family: 'McQueen';
    src: url('/fonts/McQueen/McQueen-MediumItalic.woff2') format('woff2'), url('/fonts/McQueen/McQueen-MediumItalic.woff') format('woff');
    font-weight: 500; /* Medium */
    font-style: italic;
}

@font-face {
    font-family: 'McQueen';
    src: url('/fonts/McQueen/McQueen-SemiBold.woff2') format('woff2'), url('/fonts/McQueen/McQueen-SemiBold.woff') format('woff');
    font-weight: 600; /* Semi Bold */
    font-style: normal;
}

@font-face {
    font-family: 'McQueen';
    src: url('/fonts/McQueen/McQueen-SemiBoldItalic.woff2') format('woff2'), url('/fonts/McQueen/McQueen-SemiBoldItalic.woff') format('woff');
    font-weight: 600; /* Semi Bold */
    font-style: italic;
}

/* NAVIGATION
================================================================================ */
.header {
}

.header-container {
    /*    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
*/


display:none}

    .header-container > * {
        margin-bottom: 0;
    }

/*.logo-container {
    display: flex;
    justify-content: center;*/ /* Horizontally centers the logo */
/*align-items: center;*/ /* Vertically centers the logo (if needed) */
/*height: 100%;*/ /* Adjust height as needed */
/*width: 85%;
    float:left;
    text-align:center;
    border:1px dotted purple;
}*/

.search-container {
    /*    position: absolute;
    right: 290px;
    top: 20px;
    display: flex;
    align-items: center;*/
    xfloat: left;
    font-family: "McQueen";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    color: #000;
}

/* Search Container Styling */
.search-container {
    position: absolute;
    top: 46px; /* Vertically centers the search box relative to the header */
    transform: translateY(-50%);
    right: 85px; /* The search box will sit 290px from the right edge */
    display: flex;
    align-items: center;

}

.search-box {
    width: 187px; /* Fixed width for the search box */
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 4px;
    outline: none;
}

.search-box1 {
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 4px;
    outline: none;
}

.search-btn1 {
    background: none;
    border: none;
    cursor: pointer;
    margin-left: 5px;
    font-size: 16px;
}

form.frm_search {
    background: #fff !important;
}

.logo img {
    xwidth: 100%;
    xheight: auto;
    xmax-width: 383px;
}


.logo img {
    max-width: 380px; /* Adjust as per your logo size */
    height: auto;
}

/*.fixed_nav_spacing {
    padding-top: 50px;
}*/

.fixed {
    top: 20px
}


.fixed_nav_spacing {
    position: relative;

}



#nav {
    margin: 60px 0 0 0;
    padding: 0;
}

    #nav ul li a {
        text-align: center;
        display: block;
        text-transform: uppercase;
        font-family: 'McQueen', sans-serif !important;
        font-size: 14px;
        font-weight: 500;
        color: #000;
        line-height: 0;
    }

.topNav {
    width: 100%;
    display: flex;
}

/* Navigation Styling */
.topNav {
    width: 100%;
    display: flex;
    justify-content: center; /* Centers the navigation items */
}

    .topNav ul {
        list-style: none;
        display: flex;
        gap: 20px; /* Adjust the spacing between navigation links */
        padding: 0;
    }

        .topNav ul li a {
            text-decoration: none;
            color: #000;
            font-weight: bold;
            text-transform: uppercase;
            transition: color 0.3s;
        }


.no_pad_small {
    padding: 0 !important;
}

/*.navtest {
    margin-top: 20px;
}

    .navtest ul {
        list-style: none;
        display: flex;
        gap: 30px;
    }

        .navtest ul li a {
            text-decoration: none;
            color: #000;
            font-weight: bold;
            transition: color 0.3s;
        }

            .navtest ul li a:hover {
                color: #007bff;
            }*/

ul.tabs li a, ul.tabs li.tab-title > a {
    display: block;
    color: #000;
    font-family: 'Open Sans', Arial, Helvetica, Helvetica Neue, sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0.9375rem;
    text-align: center;
    background-color: #F5F2EB;
}

    ul.tabs li.active a, ul.tabs li a:hover, ul.tabs li.tab-title > a:hover, ul.tabs li.tab-title.active > a {
        color: #000;
        background-color: #F5F2EB;
    }


/* HEADER
================================================================================ */
.tab-bar {
    border: none;
    background-color: #F5F2EB;
}


    .tab-bar-section, .tab-bar section {
        height: 70px;
    }

.left-small {
    border-right: none;
}

.right-small {
    border-left: none;
}

a#logo {
    display: inline-block;
}

a#search-link {
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    background: url(../images/res/icon_search.png) 0 0 no-repeat;
    margin: 1.25rem 0.625rem;
}

    a#search-link:hover, a#search-link.active {
        background-position: 0 -30px;
    }

#mob-search-area {
    display: none;
    background: #859bb3;
    padding: 0 0.625rem;
}

form.frm_search {
    border-radius: 3px;
    overflow: hidden;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.15);
    background: #f4f4f4;
    margin: 0.625rem 0;
}

    form.frm_search input[type="text"] {
        background: transparent;
        border: none;
        float: left;
        width: calc(100% - 30px);
        height: 30px;
        line-height: 30px;
        box-shadow: none;
        margin: 0;
    }

    form.frm_search input.btn_search {
        background: url(../images/res/search_btn.png) transparent no-repeat 5px 5px;
        width: 30px;
        height: 30px;
        border: none;
        text-indent: -9999px;
        margin: 0;
    }

p.mice_link {
    float: right;
    text-align: right;
    max-width: 240px;
    line-height: 18px;
    margin-top: 20px;
}

    p.mice_link a {
        display: block;
        color: #0b3868;
        font-family: 'Open Sans', Arial, Helvetica, Helvetica Neue, sans-serif !Important;
        font-weight: 600;
        font-size: 0.875rem;
        padding: 5px 10px;
        border: solid 1px #0b3868;
    }

        p.mice_link a:hover {
            color: #000;
            border-color: #000;
        }

/* Region selector and modals */
ul.select_region_list {
    list-style: none;
    margin: 0;
    padding: 0;
}

    ul.select_region_list li {
        padding: 5px 0;
        margin: 0;
        background: none;
        left: auto;
    }

        ul.select_region_list li a {
            display: block;
        }

            ul.select_region_list li a span {
                float: left;
            }

                ul.select_region_list li a span.abbr {
                    width: 30px;
                }

                ul.select_region_list li a span.img {
                    padding-right: 10px;
                }



/* BREADCRUMB
================================================================================ */

ul.breadcrumb {
    margin: 18px 0;
}

    ul.breadcrumb li {
        padding: 0;
        display: inline;
        background: none;
    }

        ul.breadcrumb li a {
            text-decoration: underline;
            color: #000
        }

    ul.breadcrumb .current {
    }

/* SLIDER
================================================================================ */
.slider_wrap, .video .video_ampersand {
    height: 100%;
    width: 100%;
    border: 1.789px solid #000;
}

/* PAGE BANNER

================================================================================ */

.page_banner {
    position: relative;
    width: 100%;
    max-height: 100%;
    overflow: hidden;
    border: 5px solid #000;
}

    .page_banner .amp {
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 9;
    }

    .page_banner .banner_video, .banner .banner_video {
        position: absolute;
        right: 0.9375rem;
        bottom: 0.9375rem;
        height: 85px;
        z-index: 10;
    }

.banner .banner_video {
    right: 2.5rem;
}

    .page_banner .banner_video span.vid_text, .banner .banner_video span.vid_text {
        color: #FFFFFF;
        font-size: 114%;
        font-family: 'Open sans';
        font-weight: 600;
        padding: 0 1.25rem 0 0;
        text-shadow: 0px 0px 5px #000000;
        display: inline-block;
    }

    .page_banner .banner_video span.vid_img, .banner .banner_video span.vid_img {
        border: 1px solid #FFFFFF;
        position: relative;
        transition: border-color 200ms ease-in;
    }

        .page_banner .banner_video span.vid_img span, .banner .banner_video span.vid_img span {
            display: block;
            text-align: center;
            background-color: #FFFFFF;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            position: absolute;
            left: calc(50% - 20px);
            top: calc(50% - 20px);
            transition: background-color 200ms ease-in;
        }

            .page_banner .banner_video span.vid_img span:after, .banner .banner_video span.vid_img span:after {
                content: "";
                display: block;
                left: calc(50% - 6px);
                top: calc(50% - 10px);
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 10px 0 10px 15px;
                border-color: transparent transparent transparent #0B3868;
                -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
                position: absolute;
                transition: border-color 200ms ease-in;
            }

    .page_banner .banner_video a:hover span.vid_img, .banner .banner_video a:hover span.vid_img {
        border: 1px solid #F47F37;
    }

        .page_banner .banner_video a:hover span.vid_img span, .banner .banner_video a:hover span.vid_img span {
            background: #F47F37;
        }

            .page_banner .banner_video a:hover span.vid_img span:after, .banner .banner_video a:hover span.vid_img span:after {
                border-color: transparent transparent transparent #FFFFFF;
            }


/* CONTACT US
================================================================================ */

h2.contactus {
    padding: 24px 0
}

h2:not(:first-of-type).contactus {
    border-top: 1px solid #000
}

.contactusContainer h6 {
    font-family: ArgentCF;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px; /* 133.333% */
}

.contactusContainer p {
    text-align: left;
    font-family: McQueen;
    width: 80%;
}
/* GENERAL
================================================================================ */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

a {
    color: #000;
    outline: none;
    text-decoration: none;
}

    a:hover, a:focus, a.hover {
        color: #000;
        outline: none;
    }


body {
    background-color: #F5F2EB;
    font-family: McQueen !important;
}

p {
    font-size: 14px;
    line-height: 18px;
    font-family: "McQueen";
    font-weight: 400;
    color: #1F212D;
    text-align: left;
}

.text_center h1, .text_center h2, .text_center h3, .text_center h4, .text_center p {
    text-align: left;
}


/* Default styles for mobile devices */
h1 {
    font-family: 'ArgentCF', sans-serif !important;
    font-size: 24px; /* Smaller font size for mobile */
    line-height: 30px; /* Adjust line height for readability */
    font-weight: 300;
    color: #000;
}

.akdmc-mice-main-section, .akdmc-cruise-main-section {
    padding: 90px 0 70px 0;
}

    .akdmc-mice-main-section .itinerary-rich-area, 
    .akdmc-cruise-main-section .itinerary-rich-area 
    {
        padding: 10px 0 34px 0;
    }

        .akdmc-mice-main-section .cs_control.CS_Element_Custom .small-12.medium-6.columns ul li, .akdmc-mice-main-section .cs_control.CS_Element_Custom .small-12.medium-6.columns ul li, .akdmc-mice-main-section .itinerary-rich-area ul li, .akdmc-cruise-main-section .cs_control.CS_Element_Custom .small-12.medium-6.columns ul li, .akdmc-cruise-main-section .cs_control.CS_Element_Custom .small-12.medium-6.columns ul li, .akdmc-cruise-main-section .itinerary-rich-area ul li {
            position: static;
            padding-left: 0;
            list-style: inside;
            margin-left: 20px;
            text-indent: -20px;
        }

        .akdmc-mice-main-section .cs_control.CS_Element_Custom .small-12.medium-6.columns ul li:before, .akdmc-mice-main-section .cs_control.CS_Element_Custom .small-12.medium-6.columns ul li:before,
        .akdmc-mice-main-section .itinerary-rich-area ul li:before, .akdmc-cruise-main-section .cs_control.CS_Element_Custom .small-12.medium-6.columns ul li:before, .akdmc-cruise-main-section .cs_control.CS_Element_Custom .small-12.medium-6.columns ul li:before,
        .akdmc-cruise-main-section .itinerary-rich-area ul li:before {
            content: '';
            display: none;
        }

/**/
ul.bullet {
    line-height: 18px;
    font-size: 14px;
    font-family: 'McQueen';
    margin: 25px 0 0 0;
}


.reveal-modal, dialog {
    border: none;
    min-height: 0;
    min-width: 400px;
    background: var(--Warm-Sand, #C3AA84);
}

    .reveal-modal .close-reveal-modal, dialog .close-reveal-modal {
        width: 20px;
        height: 20px;
        display: block;
        background: var(--Warm-Sand, #C3AA84);
        border-radius: 50%;
        position: absolute;
        top: 7px;
        right: 7px;
        color: #fff;
        font-weight: normal;
        cursor: pointer;
        text-align: center;
        font-size: 1.5rem;
        line-height: 0.8;
        z-index: 9999;
        font-family: McQueen;
    }

        .reveal-modal .close-reveal-modal:hover, dialog .close-reveal-modal:hover {
            background: #000;
        }

.reveal-modal-bg {
    xbackground: rgba(255,255,255,0.75);
}



/* FOOTER

================================================================================ */
#footer {
    margin-top: 72px;
    font-family: McQueen, sans-serif !important;
    font-size: 10px; /* Smaller font size for mobile */
}


    ul.footer_links li {
        background: none;
        display: inline-block;
        border: none;
        padding: 0 1.5rem;
        font-size: 0.75rem;
        margin: 0;
    }



ul.footer_links {
    text-align: center;
    text-transform: uppercase;
    font-family: McQueen;
        display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

/* ACTION BAR */


.action-bar {
    display: flex;
    flex-direction: column; /* Stack items vertically */
    align-items: center; /* Center items horizontally */
    position: relative;
    right: -90px;
    top: 6px;
}

    .action-bar ul {
        list-style: none; /* Remove bullet points */
        padding: 0;
        margin: 0;
    }

    .action-bar li {
        margin-bottom: 35px; /* Add space between items */
        text-align: center; /* Center-align text and icons */
        width: 100px;
    }

    .action-bar a {
        text-decoration: none; /* Remove underline from links */
        color: inherit; /* Use current text color */
        display: inline-block; /* Ensure proper alignment */
    }

    .action-bar .icon {
        display: block; /* Treat the image as a block element */
        width: 24px; /* Set icon width */
        height: 24px; /* Set icon height */
        margin: 0 auto; /* Center the image horizontally */
        object-fit: contain; /* Ensure the image fits within the given dimensions */
    }



    .action-bar .text {
        margin-top: 8px; /* Add space between the icon and the text */
        font-size: 14px; /* Adjust text size */
        display: block; /* Ensure the text is treated as a block element */
    }








/*#action-bar1 {
    xheight: 70px;
    position: fixed;
    right: 0;
    top: 50px;
}
*/

/*   #action-bar ul li {
        width: auto;
        margin-left: 10px;
        margin-right: 10px;
        height: 50px;
    }

        #action-bar ul li a {
            width: auto;
            border-radius: 0;
            border: none;
            background: none;
            text-indent: 0;
            text-align: right;
            line-height: 50px;
            font-family: Open Sans;
            color: #ffffff;
        }

            #action-bar ul li a.icon_con, #action-bar ul li a.icon_pay, #action-bar ul li a.icon_news, #action-bar ul li a.icon_phil, #action-bar ul li a.icon_form, #action-bar ul li a.icon_book {
                background: none;
            }

            #action-bar ul li a span {
                display: block;
                width: 50px;
                height: 50px;
                border-radius: 25px;
                border: solid 1px #ffffff;
                background-position: -1px -1px;
                background-color: #0b3868;
                float: right;
                margin: 0 10px;
            }

            #action-bar ul li a.icon_con span {
                background-image: url(../images/res/icon_contact.png);
            }

            #action-bar ul li a.icon_pay span {
                background-image: url(../images/res/icon_payment.png);
            }

            #action-bar ul li a.icon_news span {
                background-image: url(../images/res/icon_news.png);
            }

            #action-bar ul li a.icon_phil span {
                background-image: url(../images/res/icon_phil.png);
            }

            #action-bar ul li a.icon_form span {
                background-image: url(../images/res/icon_form.png);
            }

            #action-bar ul li a.icon_book span {
                background-image: url(../images/res/icon_book.png);
            }

            #action-bar ul li a:hover {
                color: #ffffff;
            }

                #action-bar ul li a:hover span {
                    background-position: -1px -51px;
                    background-color: #ffffff;
                }*/
/* GOOGLE TRANSLATE
========================================= */
.google_translate {
    margin-top: 10px;
}

.translate_label {
    line-height: 30px;
    float: right;
    color: #666666;
    font-size: 12px;
    margin-right: 10px;
}

.translate_disc {
    clear: both;
    text-align: center;
}

#google_translate_element {
    float: right;
}

/* SOCIAL
================================================================================ */

ul.social {
    text-align: center;
    margin: 28px 0 51px 0 !important;
}

/*    ul.social li {
        display: inline-block;
        xfloat: left;
        xmargin: 0.625rem 0.625rem 0.625rem 0;
        margin: 0;
        font-size: 0.75rem;
        line-height: 2.5;
    }*/

.social {
    display: flex;
    justify-content: center; /* Horizontally center the icons */
    list-style: none; /* Remove default list styling */
    padding: 0;
    margin: 0;
}

    .social li {
        margin: 0 9px; /* Add padding between icons (adjust as needed) */
    }

    .social a {
        display: inline-block;
        width: 24px; /* Resize icon width */
        height: 24px; /* Resize icon height */
    }

        .social a.icon_fb {
            background: url('../images/icons/icon-social-facebook.png') no-repeat center;
            background-size: 24px 24px; /* Resize the background image */
        }

        .social a.icon_inst {
            background: url('../images/icons/icon-social-instagram.png') no-repeat center;
            background-size: 24px 24px; /* Resize the background image */
        }

        .social a.icon_twit {
            background: url('../images/icons/icon-social-x.png') no-repeat center;
            background-size: 24px 24px; /* Resize the background image */
        }

        .social a.icon_link {
            background: url('../images/icons/icon-social-in.png') no-repeat center;
            background-size: 24px 24px; /* Resize the background image */
        }

    /* Hide the text in the link (optional, if you only want icons visible) */
    .social a {
        text-indent: -9999px;
        overflow: hidden;
    }



/*ul.social {
    list-style: none;
    text-align: center;
    margin: 0;
}

    ul.social li {
        background: none;
        display: inline-block;
        margin: 0.625rem;
    }

        ul.social li a {
            display: block;
            width: 24px;
            height: 24px;
            border-radius: 15px;
            text-indent: -9999px;
            background-repeat: no-repeat;
            background-position: center center;
        }

        ul.social li.link {
            display: block;
            width: 24px;
            height: 24px;
            border-radius: 15px;
            overflow: hidden;
        }

            ul.social li.link:last-child {
                margin-right: 0;
            }

        ul.social li .stButton {
            margin: 0;
        }

        ul.social li a.icon_fb {
            background-image: url(../images/icons/icon-social-facebook.png);
        }

        ul.social li a.icon_twit {
            background-image: url(../images/icons/icon-social-x.png);
        }

        ul.social li a.icon_link {
            background-image: url(../images/icons/icon-social-in.png);
        }

        ul.social li a.icon_inst {
            background-image: url(../images/icons/icon-social-instagram.png);
        }*/

/*        ul.social li .stButton .stLarge {
            width: 24px;
            height: 24px;
            background-repeat: no-repeat;
            background-position: center center;
            background-size: 20px 20px;
        }

        ul.social li .st_twitter_large .stLarge {
            background-image: url(../images/icons/icon-social-x.png) !important;
        }

        ul.social li .st_instagram_large .stLarge {
            background-image: url(../images/icons/icon-social-instagram.png) !important;
        }

        ul.social li .st_facebook_large .stLarge {
            background-image: url(../images/icons/icon-social-facebook.png) !important;
        }

*/
/*ul.social li a:hover {
            background-color: #0b3868;
        }*/

ul.photo_links {
}

    ul.photo_links li {
        position: relative;
        overflow: hidden;
        margin: 0;
    }

        ul.photo_links li a {
            display: block;
            position: relative;
        }

        ul.photo_links li img {
            position: relative;
            z-index: 1;
            -webkit-filter: grayscale(0.7);
            filter: grayscale(0.7);
            opacity: 0.6;
            -webkit-transition: opacity 300ms ease-out;
            -moz-transition: opacity 300ms ease-out;
            transition: opacity 300ms ease-out;
        }

        ul.photo_links li a:hover img {
            -webkit-filter: grayscale(0);
            filter: grayscale(0);
            opacity: 1;
        }

        ul.photo_links li span.title {
            display: block;
            position: absolute;
            z-index: 2;
            width: 100%;
            height: 100%;
            bottom: 0;
            left: 0;
            text-align: center;
            color: #F5F2EB;
            font-family: ArgentCF;
            font-size: 30px;
            font-weight: 300;
            text-shadow: 0px 2px 4px rgba(0,0,0,0.3);
            box-shadow: inset 0px 0px 50px rgba(0,0,0,0.15);
            letter-spacing: 0px;
            -webkit-transition: letter-spacing 200ms ease-out 100ms, font-size 200ms ease-out 100ms;
            -moz-transition: letter-spacing 200ms ease-out 100ms, font-size 200ms ease-out 100ms;
            transition: letter-spacing 200ms ease-out 100ms, font-size 200ms ease-out 100ms;
        }

            ul.photo_links li span.title span {
                position: absolute;
                bottom: 35px;
                left: 0;
                width: 100%;
                height: auto;
            }

        ul.photo_links li a:hover span.title {
            letter-spacing: 1px;
            font-size: 2rem;
        }


/* Cookie settings page*/
.cookie-preferences__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .cookie-preferences__row:not(:first-child) {
        margin-top: 2rem
    }

.cookie-preferences__type-title {
    width: 100%
}

.cookie-preferences__control-cell {
    width: 33.3333333333%;
    text-align: center
}

.cookie-preferences__description-cell {
    width: 66.6666666667%
}

.cookie-preferences__footer {
    margin-top: 2rem;
    text-align: center
}

.cookie-preferences__button {
    background-color: #df9158;
    border: none;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    letter-spacing: 1px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: background .35s ease,color .35s ease;
    transition: background .35s ease,color .35s ease;
    padding: 1rem 4rem
}

    .cookie-preferences__button:hover {
        background-color: #db8343;
        color: #e6e5e5
    }

    .cookie-preferences__button:focus {
        background-color: #d7752d;
        color: #e0e0e0
    }

    .cookie-preferences__button--disabled, .cookie-preferences__button:disabled {
        cursor: not-allowed;
        color: #fff !important;
        background-color: #888 !important;
        opacity: .5
    }

@media screen and (max-width: 767px) {
    .cookie-preferences__control-cell, .cookie-preferences__description-cell, .cookie-preferences__type-title {
        text-align: center
    }

    .cookie-preferences__control-cell, .cookie-preferences__description-cell {
        width: 100%
    }

    .cookie-preferences__description-cell {
        margin-top: 1rem
    }

    .cookie-preferences__button {
        background-color: #df9158;
        border: none;
        border-radius: 3px;
        color: #fff;
        cursor: pointer;
        display: inline-block;
        letter-spacing: 1px;
        text-decoration: none;
        text-transform: uppercase;
        -webkit-transition: background .35s ease,color .35s ease;
        transition: background .35s ease,color .35s ease;
        padding: 1rem 4rem
    }
}

@media screen and (max-width: 767px) and (min-width:0px) and (max-width:479px) {
    .cookie-preferences__button {
        padding: 1rem .25rem;
        text-align: center;
        width: 100%
    }
}

@media screen and (max-width: 767px) {
    .cookie-preferences__button:hover {
        background-color: #db8343;
        color: #e6e5e5
    }

    .cookie-preferences__button:focus {
        background-color: #d7752d;
        color: #e0e0e0
    }

    .cookie-preferences__button--disabled, .cookie-preferences__button:disabled {
        cursor: not-allowed;
        color: #fff !important;
        background-color: #888 !important;
        opacity: .5
    }
}

.cookie-bar {
    position: fixed;
    position: -webkit-sticky;
    bottom: 0;
    background: var(--Warm-Sand, #C3AA84);
    color: #fff;
    overflow: hidden;
    max-height: 100vh;
    width: 100%;
    -webkit-transition: max-height .5s ease;
    transition: max-height .5s ease;
    z-index: 99999;
}

.cookie-bar__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: .5rem 1rem;
}

.cookie-bar__info {
    font-size: 14px;
    margin-bottom: 0;
    width: -webkit-calc(100% - 16rem);
    width: calc(100% - 16rem);
    padding-right: 2rem;
    line-height: 18px;
    color: #1F212D;
    font-family: "McQueen";
}

.cookie-bar__title {
    font-size: 24px;
    margin-bottom: .6555555556rem;
    font-weight: 300;
    line-height: 30px;
    color: #1F212D;
    font-family: "Argent CF";
}

.cookie-bar__actions {
    width: 16rem;
}

.cookie-bar__button {
    border-radius: 5px;
    border: 1px solid rgba(245, 242, 235, 0.15);
    background: var(--Onyx, #000);
    color: #fff;
    cursor: pointer;
    display: inline-block;
    letter-spacing: 1px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: background .35s ease,color .35s ease;
    transition: background .35s ease,color .35s ease;
    padding: 1rem 4rem;
    width: 100%;
    padding: .5rem;
    margin-bottom: .5rem;
}

.cookie-bar__icon {
    font-size: 1.0555555556rem;
    margin-bottom: 1.0555555556rem;
    margin-right: .5rem;
    font-size: 1rem;
    vertical-align: middle;
}

.cookie-bar__link {
    color: #fff;
}

    .cookie-bar__link a {
        font-size: .6755555556rem;
        margin-bottom: 1.0555555556rem;
        color: #000;
        text-decoration: underline;
        text-transform: uppercase;
        font-family: McQueen
    }

.cookie-bar__info a {
    color: #000;
    text-decoration: underline;
}

.test {
    display: none;
}

@media screen and (max-width: 1023px) {
    .cookie-bar {
        margin: 0;
    }
}

@media screen and (max-width: 1023px) {
    .cookie-bar__inner {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 1023px) {
    .cookie-bar__actions:nth-child(1n+1), .cookie-bar__info:nth-child(1n+1) {
        margin-left: 0;
    }
}

@media screen and (max-width: 1023px) {
    .cookie-bar__actions, .cookie-bar__info {
        width: -webkit-calc((99.99% - 0rem));
        width: calc((99.99% - 0rem));
        padding-right: 0;
    }
}

@media screen and (max-width: 479px) and (min-width: 0px) {
    .cookie-bar__info {
        font-size: .6111111111rem;
        margin-bottom: 0;
    }
}

@media screen and (max-width: 1023px) {
    .cookie-bar__actions:nth-child(1n+1), .cookie-bar__info:nth-child(1n+1) {
        margin-left: 0;
    }
}

@media screen and (max-width: 1023px) {
    .cookie-bar__actions {
        margin-left: 0;
        margin-top: 0.3rem;
    }
}

@media screen and (max-width: 1023px) {
    .cookie-bar__actions, .cookie-bar__info {
        width: -webkit-calc((99.99% - 0rem));
        width: calc((99.99% - 0rem));
        padding-right: 0;
    }
}

@media screen and (max-width: 479px) and (min-width: 0px) {
    .cookie-bar__button {
        padding: 1rem .25rem;
        text-align: center;
        width: 100%;
    }
}

/* FOUNDATION ELEMENTS
================================================================================ */

.row, .row2 {
    max-width: 64.5rem !important
}

.row, .row2, .top-bar-section {
    max-width: 1030px;
}

.row-full {
    max-width: 85rem !important
}

.row-full, .top-bar-section {
    max-width: 1360px;
}


/*.row .row2 {
    width: auto;*/
    /*margin-left: -0.9375rem;
    margin-right: -0.9375rem;
    margin-top: 0;
    margin-bottom: 0;*/
    /*xmax-width: none;
    margin-top: 0;
    margin-bottom: 0;
}*/

.row .contactusContainer .row{
    margin-left:0;
    margin-right: 0;
}

hr {
    width: auto;
    margin: 0.9375rem 0;
    border: none;
    border-bottom: solid 1px #000;
    clear: both;
}
/* Large (1024px up)
==================================================================================================================================
=============================================================================================================================== */
@media only screen and (min-width: 64.063em) {
    .medium-4.columns.no_pad_small.advert.exclusive {
        height: 300px
    }
    /* GENERAL
================================================================================ */
    .no_pad_small {
        padding: 0;
    }

    /* FOUNDATION ELEMENTS
================================================================================ */
    .row .row {
        margin-left: -25px;
        margin-right: -25px;
    }

        .row .row.no_marg_small {
            margin-left: -25px !important;
            margin-right: -25px !important;
        }

    .column, .columns {
        position: relative;
        padding: 0;
        float: left;
    }

    .columnswhatwedo {
        position: relative;
        padding-left: 51px;
        padding-right: 51px;
        float: left;
    }
}



/* MEDIUM (640px up)
==================================================================================================================================
=============================================================================================================================== */
@media only screen and (min-width: 40.063em) {

    /* HOMEPAGE
================================================================================ */

    .home-intro-block {
        margin: 20px 140px;
    }

        .home-intro-block p {
            padding: 15px 0;
            text-align: center;
        }



    /* GENERAL
================================================================================ */
    /*    h1 {
        font-size: 1.5rem;
    }

*/ h1 {
        font-family: 'ArgentCF', sans-serif;
        font-size: 30px; /* Larger font size for desktop */
        line-height: 36px; /* Line height is adjusted accordingly */
        line-height: 36px; /* Line height is adjusted accordingly */
        font-weight: 300;
        color: #000;
    }


    h2 {
        font-size: 1.45rem;
        font-family: 'Argent CF';
    }

    h3 {
        font-size: 1rem;
    }

    h4 {
        font-size: 0.875rem;
    }

    h5 {
        font-size: 0.875rem;
    }

    p, ul li, ol li, table tr td, label, p.lbl, input[type=text], input[type=checkbox], input[type=radio], input[type=email], textarea, select {
        font-size: 0.85rem;
    }

    .no_pad_small {
        xpadding: 0 0.9375rem !important;
    }

    .center_small {
        text-align: left;
    }

    .no_pad_medium_up {
        padding: 0 !important;
    }

    .row .row.no_marg_small {
        margin-left: -0.9375rem !important;
        margin-right: -0.9375rem !important;
    }

    .akdmc-mice-main-section, .akdmc-cruise-main-section {
        padding: 0 0 70px 0;
    }

    img.fill {
        width: 80%;
    }


    /* NAVIGATION
================================================================================ 
    ================================================================================ */
    .slider_wrap, .video .video_ampersand {
        height: 100%;
        width: 100%;
        border: 5px solid #000;
    }

    .fixed
    { 
        top:0
    }

    .fixed_nav_spacing {
        position: relative;
        margin-top: -40px;
    }




    .tab-bar {
        background-color: #F5F2EB;
        border-bottom: solid 1px #859bb3;
    }

    #nav {
        z-index: 999;
        position: relative;
        text-align: justify;
        padding: 0;
        font-family: "McQueen";
    }

        #nav ul {
            padding: 0 9px;
            margin: 0;
            display: inline;
        }


        #nav #nav-just {
            display: inline-block;
            position: relative;
            width: 100%;
            height: 0;
        }

        #nav ul li {
            padding: 0;
            width: auto;
            float: left;
            position: relative;
            height: 40px;
            background: none;
        }

        #nav ul > li {
            display: inline-block;
            float: none;
            height: 40px;
            vertical-align: top;
        }

        #nav ul li a {
            text-align: center;
            display: block;
            text-transform: uppercase;
            font-weight: 500;
            height: 40px;
        }

        #nav ul > li.separator {
            padding: 0;
        }

        #nav ul li:hover a, #nav ul li a.active {
            color: #000;
        }

        #nav ul li div.drop_nav {
            position: absolute;
            display: none;
        }

        #nav ul li:hover div.drop_nav, #nav ul li:hover div.drop_nav:hover {
            display: block;
            background: var(--Warm-Sand, #C3AA84);
            width: 250px;
            top: 38px;
            padding: 20px 15px;
            background-image: url(../../images/res/nav_arrow.png);
            background-repeat: no-repeat;
            background-position: center top;
        }

        #nav ul li div.drop_nav.destinations, #nav ul li div.drop_nav.destinations:hover {
            width: 1000%;
            padding: 0 15px 20px 15px;
            background-position: calc((((100% - 20px)/12) - 10px)) 0;
            left: 0;
            margin: -14px 0 0 0;
        }

        #nav ul li div.drop_nav a, #nav ul li div.drop_nav span.title {
            text-align: left;
            font-weight: 400;
            height: auto;
            color: #000;
            text-transform: none;
        }

            #nav ul li div.drop_nav a:hover {
                text-decoration: underline;
            }

        #nav ul li div.drop_nav ul {
            padding: 0;
        }

            #nav ul li div.drop_nav ul li {
                float: none;
                height: auto;
                width: 100%;
                padding: 2px 10px;
                display: list-item;
            }

        #nav ul li div.drop_nav.destinations ul li {
            width: 20%;
        }

        #nav ul li div.drop_nav ul li.nav1 {
            left: 0;
            padding: 0 10px;
        }

        #nav ul li div.drop_nav ul li.nav2 {
            left: 20%;
            padding: 0 10px;
        }

        #nav ul li div.drop_nav ul li.nav3 {
            left: 40%;
            padding: 0 10px;
        }

        #nav ul li div.drop_nav ul li.nav4 {
            left: 60%;
            padding: 0 10px;
        }

        #nav ul li div.drop_nav ul li.nav5 {
            left: 80%;
            padding: 0 10px;
        }

        #nav ul li div.drop_nav.destinations ul li span.title {
            display: block;
        }

        #nav ul li div.drop_nav.destinations ul li a, #nav ul li div.drop_nav.destinations ul li span.title {
            text-transform: uppercase;
            border-bottom: 1px solid #000;
            margin-top: 20px;
            background: none;
            padding: 2px 0;
            line-height: 1.75;
            font-size: 0.875rem;
        }

        #nav ul li div.drop_nav ul li ul {
            width: 100%;
            float: none;
        }

        #nav ul li div.drop_nav.destinations ul li ul li {
            padding: 2px 0;
            width: 100%;
            margin-bottom: 0;
        }

            #nav ul li div.drop_nav.destinations ul li ul li a {
                text-transform: none;
                font-weight: 400;
                border: none;
                margin-top: 0;
                padding: 0;
            }

        #nav ul li.separator span {
            display: block;
            background-color: #666666;
            width: 4px;
            height: 4px;
            border-radius: 2px;
            line-height: 6px;
            text-indent: -9999px;
            margin-top: 18px;
        }


    .header-container {
        /*    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
*/

        display:block;
        position: relative;
        text-align: center; /* Centers the logo */
        padding: 40px 0 0 0; /* Padding to provide spacing around the logo */
    }

    ul.footer_links {
        margin: 0;
        list-style: none;
        text-align: center;
        text-transform: uppercase;
        font-family: McQueen;
        display:block;
    }

}