﻿/* RESPONSIVE STYLES FOR AKDMC - May 2015 - CYBER MEDIA SOLUTIONS */

/* FONTS ONLY
================================================================================ */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');

/* NAVIGATION
================================================================================ */
@import url('nav-off-canvas.css');


html, body, h1, h2, h3, h4, h5, h6, p, a, li, th, td, form, table, button, #cse, #cse *, #search input, .search .gsc-search-box input.gsc-input, .button, ul.off-canvas-list li a, .left-submenu .back > a {
    font-family: Arial, Helvetica, sans-serif !important;
}

/* GENERAL
================================================================================ */
html {
    font-size: 16px; /* match foundation.css */
    color: #000;
}

body {
    background-color: #ffffff;
    font-size: 0.875rem;
}

h1, h2, h3, h4, h5, p, li, th, td, form, button, label {
    font-size: 0.875rem;
    line-height: 1.75; /* relative to computed font-size  */
    padding: 0;
    color: #666;
}

.blue_text {
    color: #0b3868;
}

h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;
    margin: 0.9375rem 0;
}

    h1 strong, h2 strong {
        font-weight: 900;
    }

h1 {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.33; /* relative to computed font-size  */
    color: #0b3868;
}

h2 {
    font-size: 1.125rem;
    font-weight: 600;
    color: #0b3868;
}

h3 {
    font-size: 1.0rem;
    font-weight: 600;
}

h4 {
    font-size: 0.875rem;
    font-weight: 600;
}

h5 {
    font-size: 0.875rem;
    font-weight: 400;
}

p {
    margin: 0.625rem 0;
}

    p.large_text {
        font-size: 0.875rem;
    }

ul, ol {
    margin-top: 0.625rem;
    margin-bottom: 0;
}

ul {
    margin-left: 0;
    list-style: none;
}

    ul li, ol li {
        font-size: 0.875rem;
        margin-bottom: 0.625rem;
    }

    ul.bullet li, .bullets ul li {
        padding-left: 22px;
        position: relative;
    }

        ul.bullet li:before, .bullets ul li:before {
            content: '';
            display: inline-block;
            border-radius: 50%;
            margin-right: 0.625rem;
            height: 6px;
            width: 6px;
            background-color: #666;
            position: absolute;
            top: 7px;
            left: 0;
        }

    ul.nostyle {
        margin: 0;
        padding: 0;
    }

        ul.nostyle li {
            margin: 0;
            padding: 0;
            background: none;
        }

    ul.inline li {
        float: left;
        margin-right: 1.25rem;
    }

    ul.icons li {
        position: relative;
        padding-left: 23px;
    }

        ul.icons li:before {
            content: '';
            display: inline-block;
            width: 16px;
            height: 16px;
            position: absolute;
            top: 3px;
            left: 0;
        }

        ul.icons li.tel:before {
            background: url(../images/res/icon_phone.png);
        }

        ul.icons li.mob:before {
            background: url(../images/res/icon_mob.png);
        }

        ul.icons li.fax:before {
            background: url(../images/res/icon_fax.png);
        }

        ul.icons li.email:before {
            background: url(../images/res/icon_email.png);
        }

        ul.icons li.tel_tollfree:before {
            background: url(../images/res/icon_tollfree.png);
        }

a {
    color: #0b3868;
    outline: none;
    text-decoration: none;
}

    a:hover, a:focus, a.hover {
        color: #f28a21;
        outline: none;
    }
    /* offset anchor points for fixed header */
    a[name]:not([href]) {
        display: block;
        position: relative;
        visibility: hidden;
        top: -70px;
    }

hr {
    width: auto;
    margin: 0.9375rem 0;
    border: none;
    border-bottom: solid 1px #859bb3;
    clear: both;
}

img {
    margin-left: auto;
    margin-right: auto;
}

    img.fill {
        width: 100%;
    }

    img.img_shadow {
        border: solid 5px #ffffff;
        box-shadow: 0 5px 10px rgba(0,0,0,0.15);
    }


blockquote {
    margin: 0;
    padding: 0;
    border: none;
}

/* Useful misc classes */
.orange {
    color: #f28a21;
}

.centre {
    text-align: center;
}

.center_small {
    text-align: center;
}

.vert_centre {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.text_center h1, .text_center h2, .text_center h3, .text_center h4, .text_center p {
    text-align: center;
}

.relative {
    position: relative;
}

.visible {
    visibility: visible;
}

.hidden {
    visibility: hidden;
    display: none !important;
}

.clear {
    clear: both;
}

.clear_right {
    clear: right;
}

.clear_left {
    clear: left;
}

.right_small {
    float: right;
}

.left_small {
    float: left;
}

/* Margins */
.no_marg_top {
    margin-top: 0 !important;
}

.no_marg_bot {
    margin-bottom: 0 !important;
}

.no_marg_left {
    margin-left: 0 !important;
}

.no_marg_right {
    margin-right: 0 !important;
}

.no_marg {
    margin: 0 !important;
}

.no_marg_small {
    margin: 0 !important;
}
/* Paddings */
.no_pad_top {
    padding-top: 0 !important;
}

.no_pad_bot {
    padding-bottom: 0 !important;
}

.no_pad_left {
    padding-left: 0 !important;
}

.no_pad_right {
    padding-right: 0 !important;
}

.no_pad {
    padding: 0 !important;
}

.no_pad_small {
    padding: 0 !important;
}

.marg_top {
    margin-top: 0.9375rem;
}

p.alert {
    font-size: 1rem;
    padding: 0.625rem;
    background: #cdedff;
    color: #29739d;
    border: solid 1px #29739d;
}

/* FOUNDATION ELEMENTS
================================================================================ */
.row, .top-bar-section {
    max-width: 1074px;
}

.flex-video {
    margin-bottom: 0;
}

.reveal-modal, dialog {
    border: none;
    min-height: 0;
    min-width: 400px
}

    .reveal-modal .close-reveal-modal, dialog .close-reveal-modal {
        width: 20px;
        height: 20px;
        display: block;
        background: #0b3868;
        border-radius: 50%;
        position: absolute;
        top: 7px;
        right: 7px;
        color: #ffffff;
        font-weight: normal;
        cursor: pointer;
        text-align: center;
        font-size: 1.5rem;
        line-height: 0.8;
        z-index: 9999;
    }

        .reveal-modal .close-reveal-modal:hover, dialog .close-reveal-modal:hover {
            background: #f28a21;
        }

.reveal-modal-bg {
    background: rgba(255,255,255,0.75);
}

[class*="column"] + [class*="column"]:last-child {
    float: left;
}

/* HEADER
================================================================================ */
.tab-bar {
    height: 70px;
    line-height: 70px;
    background: #ffffff;
    border-bottom: solid 1px #859bb3;
}

    .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;
        font-family: 'Open Sans', Arial, Helvetica, Helvetica Neue, sans-serif;
        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: #f28a21;
            border-color: #f28a21;
        }

/* 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;
                }

.page_banner {
    position: relative;
    width: 100%;
    max-height: 460px;
    overflow: hidden;
}

    .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;
            }

/* BREADCRUMB
================================================================================ */

ul.breadcrumb {
    margin: 18px 0;
}

    ul.breadcrumb li {
        padding: 0;
        display: inline;
        background: none;
    }

    ul.breadcrumb .current {
    }

/* MAIN CONTENT
================================================================================ */

.main-section {
    padding-bottom: 70px;
}

p.swipe {
    height: 30px;
    line-height: 30px;
    padding-left: 30px;
    background: url(../images/res/icon_swipe.png) 0 0 no-repeat;
    white-space: nowrap;
}

.map_pad img {
    margin-top: 62px;
}

/* TABS
================================================================================ */

ul.tabs {
    list-style: none;
    margin: 0.9375rem 0 !important;
    padding: 0;
    clear: both;
}

    ul.tabs li {
        margin: 0;
        padding: 0;
        background: none;
        border-bottom: solid 1px #a5a5a5;
        float: left;
        width: 50%;
    }

.tab_3 ul.tabs li {
    width: 33.333%;
}

.tab_4 ul.tabs li {
    width: 25%;
}

ul.tabs li.active {
    border-top: solid 1px #a5a5a5;
    border-left: solid 1px #a5a5a5;
    border-right: solid 1px #a5a5a5;
    border-bottom: none;
}

ul.tabs li a, ul.tabs li.tab-title > a {
    display: block;
    color: #666;
    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: #fff;
}

    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: #f47f37;
        background-color: #fff;
    }

.tabs-content > .content {
    padding: 0;
}


/* SUBNAV ===================================================================== */
p.sub_nav_link_con:after {
    content: '';
    display: block;
    clear: both;
}

a.sub_nav_link {
    font-family: 'Open Sans', Arial, Helvetica, Helvetica Neue, sans-serif !important;
    padding-right: 1.875rem;
    position: relative;
    white-space: nowrap;
}

    a.sub_nav_link:after {
        content: '';
        display: block;
        position: absolute;
        width: 20px;
        height: 20px;
        background: url(../images/res/icon_subnav_link.png) center top no-repeat;
        right: 5px;
        top: 4px;
    }

    a.sub_nav_link:hover:after {
        background-position: center -30px;
    }

    a.sub_nav_link.active {
        color: #f28a21;
    }

        a.sub_nav_link.active:after {
            background-position: center -60px;
        }

.sub_nav {
    clear: both;
}

    .sub_nav ul {
        margin: 0 0 0.9375rem 0;
    }

        .sub_nav ul li {
            padding: 0;
            margin: 0;
            border-bottom: solid 1px #f0f0f0;
            border-right: solid 1px #f0f0f0;
        }

            .sub_nav ul li:nth-child(even) {
                border-right: none;
            }

            .sub_nav ul li a {
                display: block;
                text-align: center;
                padding: 0.625rem;
                font-family: 'Open Sans', Arial, Helvetica, Helvetica Neue, sans-serif !important;
            }

                .sub_nav ul li a.active {
                    color: #f28a21;
                }

/* REGION SUB NAV ===================================== */
ul.region_nav {
}

    ul.region_nav li {
        background: none;
        padding-left: 0;
    }

        ul.region_nav li a {
            color: #666666;
            font-family: 'Open Sans',Arial,Helvetica,Helvetica Neue,sans-serif !important;
            font-weight: 600;
            line-height: 1.125rem;
            font-size: 0.875rem;
        }

            ul.region_nav li a span {
                display: inline-block;
                width: 15px;
                height: 15px;
                background: url(../images/res/small-arrow.png) 0 0 no-repeat;
            }

            ul.region_nav li a:hover {
                color: #0b3868;
            }

                ul.region_nav li a:hover span {
                    background-position: 0 -15px;
                }

#quote_link.arrow_link.active:after {
    background-image: url(../../images/res/btn_close_sm.png);
}

#client_link.arrow_link.active:after {
    background-image: url(../../images/res/btn_close_sm.png);
}

/* TABLES
================================================================================ */
table {
    width: 100%;
    margin: 0.625rem 0;
    font-weight: 300;
}

    table thead {
        background: #859bb3;
    }

        table thead tr th {
            padding: 0.5625rem 0.625rem;
            color: #fff;
        }

    table tbody {
    }

        table tbody tr td {
            padding: 0.5625rem 0.625rem;
        }

/* FORMS
================================================================================ */
/*form {
	margin: 0.625rem 0;
}*/
fieldset {
    padding: 0.4687rem 0;
    border: none;
}

form fieldset:nth-child(2n) {
    background: #fafafa;
}

/* Labels */
label, p.lbl {
    cursor: default;
    font-size: 0.875rem;
    margin: 0 0 0.3125rem 0;
    line-height: 2.31rem;
}

    label .required, p.lbl .required {
        display: inline-block;
        margin-left: 0.3125rem;
        font-size: 0.6875rem;
        background: #859bb3;
        color: #fff;
        padding: 0.1875rem 0.3125rem;
        line-height: 1.14;
        border-radius: 3px;
        text-transform: uppercase;
        font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;
    }

/* Text fields */
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"],
input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
    border: 1px solid #bcbcbc;
    margin: 0 0 0.9375rem 0;
}

    input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus,
    input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus,
    input[type="time"]:focus, input[type="url"]:focus, input[type="color"]:focus, textarea:focus {
        background: #ffffff;
    }

/* Checkboxes and Radios */
input[type="checkbox"], input[type="radio"] {
    margin: 0.5625rem 0;
}

    input[type="checkbox"] + label, input[type="radio"] + label {
        margin-bottom: 0.9375rem;
        line-height: 1.8;
        float: right;
        width: calc(100% - 40px);
        margin-top: 5px;
    }

ul li input[type="checkbox"] + label, ul li input[type="radio"] + label {
    margin-bottom: 0;
    line-height: 2.31;
}

/* Custom checkboces and radios */
.custom_check input[type="checkbox"], .custom_radio input[type="radio"] {
    display: none;
    visibility: hidden;
}

    .custom_check input[type="checkbox"] + label, .custom_radio input[type="radio"] + label {
        display: inline-block;
        padding: 0.25rem 1.5625rem;
        margin-left: 0;
        margin-right: 0.9375rem;
        background-color: transparent;
        border: 2px solid #96b4c2;
        color: #96b4c2;
        font-size: 0.875rem;
        line-height: 1.79;
    }

        .custom_check input[type="checkbox"] + label:hover, .custom_radio input[type="radio"] + label:hover,
        .custom_check input[type="checkbox"] + label.active, .custom_radio input[type="radio"] + label.active {
            background-color: #96b4c2;
            color: #fff;
            cursor: pointer;
            -webkit-transition: background-color 300ms ease-out, color 300ms ease-out;
            -moz-transition: background-color 300ms ease-out, color 300ms ease-out;
            transition: background-color 300ms ease-out, color 300ms ease-out;
        }

/* Select fields */
select {
    margin: 0 0 0.9375rem 0;
    background-color: #fff;
    border: 1px solid #bcbcbc;
}

    select:hover {
        background-color: #fff;
        border-color: #ccc;
    }

/* Custom select fields */
.select_con {
    overflow: hidden;
    margin: 0 0 0.9375rem 0;
    background-color: #fff;
    border: 1px solid #bcbcbc;
    position: relative;
    padding-right: 30px;
}
    /* Handles drop-down arrow - remove if using image instead */
    .select_con:after {
        border-color: #aaaaaa rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
        border-image: none;
        border-right: 5px inset rgba(0, 0, 0, 0);
        border-style: solid inset inset;
        border-width: 5px;
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        right: 0.9375em;
        margin-top: -3px;
    }

    .select_con:hover:after {
        border-color: #222222 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    }

    .select_con select {
        width: calc(100% + 50px);
        background: transparent none;
        margin: 0;
        border: none;
        height: auto;
    }

/* Error messages */
/*p.error {
	margin: -0.3125rem 0 0.9375rem 0;
	padding: 7px 0 0 0;
	background: url(../images/style/error_bg.html) 10px 0 no-repeat;	
}
	p.error span {
		padding: 0.3125rem 0.625rem;
		color: #fff;
		background: #c60f13;
		display: block;	
	}
input.error, textarea.error {
    background: #f4cfd0;
    border-color: #c60f13;
}*/

/* Form buttons */
form button {
    margin: 30px 0;
    min-width: 200px;
}

form .postfix.button {
    line-height: 2.75;
    background: #96b4c2;
    color: #fff;
    margin-top: 0;
}

    form .postfix.button:focus, form .postfix.button:hover {
        background: #57C8EB;
    }

/* BUTTONS
================================================================================ */
.button, button {
    display: inline-block;
    padding: 0.25rem 1.5625rem;
    margin: 1.25rem 0;
    background-color: transparent;
    border: 1px solid #0b3868;
    color: #0b3868;
    font-size: 0.875rem;
    line-height: 2;
    -webkit-transition: background-color 300ms ease-out, color 300ms ease-out;
    -moz-transition: background-color 300ms ease-out, color 300ms ease-out;
    transition: background-color 300ms ease-out, color 300ms ease-out;
}

    button.disabled, button[disabled], .button.disabled, .button[disabled] {
        background-color: #ffffff;
        border-color: #aaaaaa;
        color: #aaaaaa;
    }

    .button:hover, button:hover, .button:focus, button:focus {
        background-color: #0b3868;
        color: #fff;
        -webkit-transition: background-color 300ms ease-out, color 300ms ease-out;
        -moz-transition: background-color 300ms ease-out, color 300ms ease-out;
        transition: background-color 300ms ease-out, color 300ms ease-out;
    }

    button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
        background-color: #ffffff;
        color: #aaaaaa;
    }

    .button.button_filled {
        background-color: #0b3868;
        border: none;
        color: #fff;
    }

        .button.button_filled:hover {
            background-color: #f28a21;
        }

    .button .icon {
        display: block;
        width: 35px;
        height: 35px;
        float: right;
        background-color: #fff;
        background-position: 0 0;
        margin-left: 10px;
        margin-right: 5px;
        margin-top: -6px;
        margin-bottom: -6px;
        position: relative;
        text-indent: -9999px;
    }

        .button:hover .icon:not(.plane), .button.hover .icon, .button .icon.hover {
            background-position: 0 -35px;
        }

    .button.small .icon {
        width: 25px;
        height: 25px;
        margin-right: 0;
        margin-top: -1px;
    }

    .button.small:hover .icon, .button.small.hover .icon {
        background-position: 0 -25px;
    }


    .button.carrot {
        border: none;
        display: block;
        float: right;
        width: 35px;
        padding: 0;
        margin-top: 10px;
        margin-right: 0px;
        text-indent: -9999px;
    }

        .button.carrot:hover, .button.carrot.hover {
            background-color: transparent;
        }

        .button.carrot .icon {
            margin: 0;
        }

        .button.carrot.small {
            width: 25px;
            margin-top: 15px;
        }

.carrot_text {
    float: left;
    width: calc(100% - 50px);
}

    .carrot_text.small {
        width: calc(100% - 50px);
    }
/* ARROW LINKS ================================================ */

.arrow_link {
    display: block;
    font-size: 1rem;
    line-height: 1.25;
    padding: 0.9375rem 0;
    border-bottom: solid 1px #859bb3;
}

    .arrow_link:focus {
        color: #0b3868;
    }

    .arrow_link:hover {
        border-bottom: solid 1px #859bb3;
        color: #f28a21
    }

    .arrow_link:after {
        content: "";
        display: block;
        width: 25px;
        height: 25px;
        background-image: url(../images/res/btn_arrow_sm.png);
        float: right;
        margin-top: -2.5px;
    }

    .arrow_link:hover:after {
        background-position: bottom;
    }


/* DESTINATION TEMPLATES
================================================================================ */

.img_newsletter {
    display: inline-block;
    margin-top: 0.9375rem;
    margin-right: 0.625rem;
    margin-bottom: 0.625rem;
    float: left;
}

.download {
    clear: both;
}

.download_img {
    display: inline-block;
    margin-right: 0.625rem;
    margin-bottom: 0.625rem;
    float: left;
    max-width: 120px;
}

.download_details {
}

    .download_details h2 {
    }

/* ITINERARY
================================================================================ */

.map_img_small {
    margin-bottom: 0.9375rem;
}

.map_img_large {
    float: right;
    max-width: 33.333333%;
    margin-left: 0.93675rem;
    margin-bottom: 0.9375rem;
}

/* LISTINGS
================================================================================ */

/* Filter Bar */

#filter_wrap.fixed {
    position: fixed;
    top: 70px;
    background: #fff;
    max-width: 1024px;
    padding: 0.625rem 0.9375rem 0 0.9375rem;
}

    #filter_wrap.fixed .row hr {
        margin-bottom: 0;
    }

#filter_bar {
}

    #filter_bar h3 {
        margin: 0 0 0.625rem 0;
        font-size: 0.875rem;
        color: #0b3868;
        display: block;
        position: relative;
        width: 100%;
    }

        #filter_bar h3 .results {
            font-size: 0.75rem;
            color: #424242;
            margin-left: 0.9375rem;
        }

            #filter_bar h3 .results#resultCount {
                margin-left: 0;
            }

        #filter_bar h3 .expand_filters {
            content: "";
            position: absolute;
            width: 55px;
            height: 55px;
            background-image: url(../images/res/filter_arrow_down.png);
            background-repeat: no-repeat;
            background-position: center;
            top: -15px;
            right: -15px;
        }

            #filter_bar h3 .expand_filters.active {
                background-image: url(../images/res/filter_arrow_up.png);
            }

    #filter_bar .filters {
        clear: both;
        display: none;
        border: none;
    }

.filter {
    display: block;
    color: #666;
    font-size: 0.875rem;
    padding: 0.625rem 0;
    background-image: url(../images/res/orange_arrow_down.png);
    background-repeat: no-repeat;
    background-position: center right 7px;
    clear: both;
}

    .filter.expanded {
        background-image: url(../images/res/orange_arrow_up.png);
    }

    .filter:hover, .filter:focus {
        color: #666;
    }

    .filter span {
        color: #f28a21;
    }

        .filter span.unselected {
            color: #CCC;
            font-size: 0.75rem;
        }

.paginationjs-pages li {
    margin-bottom: 5px;
    padding: 5px 10px;
    display: inline;
    font-size: 100%
}

    .paginationjs-pages li.active a {
        color: #f28a21;
        outline: none;
    }

/* Filters */

#dest_filter_mob, #type_filter_mob, #days_filter_mob, #theme_filter_mob {
    display: none;
    padding: 0;
}

#dest_filter_mob {
    max-height: 250px;
    z-index: 0 !important;
    overflow-y: scroll !important;
}

#filter_bar h4 {
    clear: both;
}


a.expand_dest {
    padding-left: 25px;
    background: url(../images/res/filter_arrow_down.png) left center no-repeat;
}

    a.expand_dest:hover {
        color: #f28a21;
    }

    a.expand_dest.active {
        background-image: url(../images/res/filter_arrow_up.png);
    }

a.checklist {
    padding-left: 25px;
    background: url(../images/res/fliter_check.png) left center no-repeat;
}

    a.checklist:hover {
        color: #f28a21;
    }

    a.checklist.active {
        background-image: url(../images/res/filter_checked.png);
        color: #f28a21;
    }

.filter_list {
    font-size: 0;
}

    .filter_list li {
        width: 50%;
        display: inline-block;
    }

        .filter_list li a {
            padding-left: 22px;
            background-image: url(../images/res/fliter_check.png);
            background-position: left center;
            background-repeat: no-repeat;
            color: #666;
        }

            .filter_list li a:hover, .filter_list li a:focus, .filter_list li a.checked {
                color: #f28a21;
            }

            .filter_list li a.checked {
                background-image: url(../images/res/filter_checked.png);
            }

#dest_filter .filter_list li {
    width: 50%;
    display: inline-block;
}

/* Listing Grid */

.listing_grid {
    margin: 0.3125rem -0.3125rem 0;
}

.listing {
}

    .listing a {
        display: block;
        border: 1px solid #eceff3;
        border-bottom: 2px solid #0b3868;
        margin-bottom: 0.625rem;
        background-image: url(../images/res/btn_arrow_r_sm_indi.png);
        background-position: bottom 0.375rem right 0.625rem;
        background-repeat: no-repeat;
    }

        .listing a:hover {
            background-image: url(../images/res/btn_arrow_r_sm_hover.png);
        }

    .listing img {
    }

    .listing .equal {
        display: block;
        overflow: hidden;
    }

    .listing .h3, .listing .p {
        display: block;
        margin: 1.25rem 0.625rem;
    }

    .listing .h3 {
        font-size: 1rem;
        font-weight: 600;
        color: #0b3868;
    }

    .listing .p, .listing .days {
        font-size: 0.75rem;
        color: #666;
    }

    .listing .days {
        display: block;
        margin: 0 0.625rem;
        padding: 0.625rem 0;
        padding-left: 1.875rem;
        border-top: 1px solid #eceff3;
        background-image: url(../images/res/icon_clock.png);
        background-position: left center;
        background-repeat: no-repeat;
    }

        .listing .days.loc {
            background-image: url(../images/res/icon_loc.png);
            padding-left: 1.5rem;
            background-position: -3px center;
        }

.pagi_next {
    background: url(../images/res/pagi_next.png) right center no-repeat;
    padding-right: 0.9375rem;
    font-family: 'Open Sans',Arial,Helvetica,Helvetica Neue,sans-serif !important;
}

    .pagi_next:hover, .pagi_next:focus {
        background-image: url(../images/res/pagi_next_hover.png);
    }

.pagi_prev {
    background: url(../images/res/pagi_prev.png) left center no-repeat;
    padding-left: 0.9375rem;
    font-family: 'Open Sans',Arial,Helvetica,Helvetica Neue,sans-serif !important;
}

    .pagi_prev:hover, .pagi_prev:focus {
        background-image: url(../images/res/pagi_prev_hover.png);
    }

/* OFFER LISTING
================================================================================ */

.advert.exclusive {
    position: relative;
    padding-bottom: 25px !important;
}

    .advert.exclusive:before {
        content: "";
        position: absolute;
        right: 0;
        height: 35px;
        width: 35px;
        background-image: url(../images/res/dmc-exclusive.png);
        background-position: top right;
    }

/* SOCIAL
================================================================================ */
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: 30px;
            height: 30px;
            border-radius: 15px;
            background-color: #666666;
            text-indent: -9999px;
            background-repeat: no-repeat;
            background-position: center center;
        }

        ul.social li.link {
            display: block;
            width: 30px;
            height: 30px;
            border-radius: 15px;
            background-color: #666666;
            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/res/icon_fb.png);
        }

        ul.social li a.icon_twit {
            background-image: url(../images/res/icon_twit.png);
        }

        ul.social li a.icon_pin {
            background-image: url(../images/res/icon_pin.png);
        }

        ul.social li a.icon_inst {
            background-image: url(../images/res/icon_inst.png);
        }

        ul.social li .stButton .stLarge {
            width: 30px;
            height: 30px;
            background-repeat: no-repeat;
            background-position: center center;
            background-size: 20px 20px;
        }

        ul.social li .st_twitter_large .stLarge {
            background-image: url(../images/res/icon_twit.png) !important;
        }

        ul.social li .st_pinterest_large .stLarge {
            background-image: url(../images/res/icon_pin.png) !important;
        }

        ul.social li .st_facebook_large .stLarge {
            background-image: url(../images/res/icon_fb.png) !important;
        }

        ul.social li a:hover {
            background-color: #0b3868;
        }


/* MISC
================================================================================ */
.square_box {
    position: relative;
    width: 50%; /* desired width */
}

    .square_box:before {
        content: "";
        display: block;
        padding-top: 100%; /* initial ratio of 1:1*/
    }

    .square_box .content {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }

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-outt;
            -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%;
            top: 0;
            left: 0;
            text-align: center;
            color: #ffffff;
            font-family: 'Open Sans', Arial, Helvetica, sans-serif;
            font-size: 1.875rem;
            font-weight: 600;
            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;
                top: 0;
                left: 0;
                width: 100%;
                height: auto;
            }

        ul.photo_links li a:hover span.title {
            letter-spacing: 1px;
            font-size: 2rem;
        }

/* FOOTER
================================================================================ */
#footer {
}

ul.footer_links {
    margin: 0;
    list-style: none;
    text-align: center;
}

    ul.footer_links li {
        background: none;
        display: inline-block;
        border-right: solid 1px #666666;
        padding: 0 0.625rem;
        font-size: 0.75rem;
        margin: 0;
    }

        ul.footer_links li:last-child {
            border: none;
        }

        ul.footer_links li a {
            color: #666666;
        }

            ul.footer_links li a:hover {
                color: #f28a21;
            }


/* ACTION BAR ================================================================== */
#action-bar {
    position: fixed;
    width: 100%;
    height: 50px;
    z-index: 9999;
    background: #0b3868;
    bottom: 0;
    left: 0;
}

    #action-bar ul {
        text-align: center;
        margin: 0;
        padding: 0;
    }

        #action-bar ul li {
            display: inline-block;
            margin: 0;
            padding: 0;
            width: 50px;
            background: none;
            font-size: 12px;
            height: 30px;
        }

            #action-bar ul li a {
                display: block;
                width: 30px;
                height: 30px;
                border-radius: 25px;
                border: solid 1px #ffffff;
                text-indent: -9999px;
                background-position: -1px -1px;
                background-color: #0b3868;
                margin: 10px auto;
                background-position: 50% 0; /* Sets reference point to scale from */
                background-size: cover; /* Sets background image to cover entire element */
            }

                #action-bar ul li a.icon_con {
                    background-image: url(../images/res/icon_contact.png);
                }

                #action-bar ul li a.icon_pay {
                    background-image: url(../images/res/icon_payment.png);
                }

                #action-bar ul li a.icon_news {
                    background-image: url(../images/res/icon_news.png);
                }

                #action-bar ul li a.icon_phil {
                    background-image: url(../images/res/icon_phil.png);
                }

                #action-bar ul li a.icon_form {
                    background-image: url(../images/res/icon_form.png);
                }

                #action-bar ul li a.icon_book {
                    background-image: url(../images/res/icon_book.png);
                }

                #action-bar ul li a:hover {
                    background-position: 50% 100%;
                    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 {
    font-size: 11px;
    clear: both;
    float: right;
    color: #666666;
}

#google_translate_element {
    float: right;
}


/* SMALL (up to 640px)
==================================================================================================================================
=============================================================================================================================== */
@media only screen and (max-width: 40.063em) {
    #dest_filter, #type_filter, #days_filter, #theme_filter {
        display: none !important;
    }

    ul.social li.link {
        margin: 0 auto !important;
        margin-bottom: 10px !important;
    }
}

/* MEDIUM (640px up)
==================================================================================================================================
=============================================================================================================================== */
@media only screen and (min-width: 40.063em) {

    /* GENERAL
================================================================================ */
    h1 {
        font-size: 1.5rem;
    }

    h2 {
        font-size: 1.125rem;
    }

    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.75rem;
    }

    .no_pad_small {
        padding: 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;
    }
    /* FOUNDATION ELEMENTS
================================================================================ */

    /* HEADER
================================================================================ */
    #header {
        height: 90px;
    }

    .logo {
        margin-top: 0.9375rem;
    }

    form.frm_search {
        margin-top: 1.25rem;
    }

    .page_banner .banner_video span.vid_text, .banner .banner_video span.vid_text {
        font-size: 1.125rem;
    }

    /* BREADCRUMB
================================================================================ */

    /* MAIN CONTENT
================================================================================ */
    /* offset anchor points for fixed header */
    a[name]:not([href]) {
        top: -130px;
    }

    /* TABS
================================================================================ */
    ul.tabs {
        margin: 1.875rem 0 !important;
    }

        ul.tabs li a, ul.tabs li.tab-title > a {
            text-align: left;
            font-size: 1rem;
        }

    /* SUBNAVIGATION =============================================================== */
    .sub_nav_link_con {
        margin: 0.625rem 0 0 0;
    }

        .sub_nav_link_con.active {
            background: url(../images/res/sub_nav_fade.png) right bottom no-repeat;
        }

        .sub_nav_link_con:after {
            content: '';
            display: block;
            clear: both;
        }

    a.sub_nav_link {
        display: inline-block;
        font-size: 0.875rem;
        padding: 0.625rem 1.875rem 0.625rem 0.9375rem;
        border-top: solid 1px #ffffff;
        border-left: solid 1px #ffffff;
        border-right: solid 1px #ffffff;
        background-color: #ffffff;
    }

        a.sub_nav_link:after {
            top: 13px;
        }

        a.sub_nav_link.active {
            border-color: #f0f0f0;
        }

    .sub_nav ul li {
        padding-top: 0.9375rem;
        padding-bottom: 0.9375rem;
    }

        .sub_nav ul li:nth-child(even) {
            border-right: solid 1px #f0f0f0;
        }

        .sub_nav ul li:nth-child(9), .sub_nav ul li:nth-child(10), .sub_nav ul li:nth-child(11), .sub_nav ul li:nth-child(12) {
            border-bottom: none;
        }

        .sub_nav ul li:nth-child(4n+0) {
            border-right: none;
        }


    /* FORMS
================================================================================ */
    form fieldset:nth-child(2n) {
        background: #ffffff;
    }

    ul li.checkbox {
        float: left;
        width: 50%;
    }

    ul li.checkbox(odd) {
        clear: both;
    }
    /* BUTTONS
================================================================================ */

    /* LISTINGS
================================================================================ */

    /* Filter Bar */

    #dest_filter_mob, #type_filter_mob, #days_filter_mob, #theme_filter_mob {
        display: none !important;
    }

    #dest_filter, #type_filter, #days_filter, #theme_filter {
        display: none;
    }

    #filter_wrap.fixed {
        top: 130px;
        left: auto;
        padding: 0;
        max-width: calc(100% - 30px);
    }

        #filter_wrap.fixed .row .columns.hide {
            display: block;
        }

        #filter_wrap.fixed .row .hide hr {
            margin-bottom: 0.9375rem;
        }

    #filter_bar {
        position: relative;
    }

        #filter_bar h3 {
            font-size: 1rem;
            width: auto;
            margin: 0 0 0.9375rem 0;
        }

            #filter_bar h3 .results {
                line-height: 2.42;
                float: right;
            }

                #filter_bar h3 .results#resultCount {
                    margin-left: 0.9375rem;
                }

            #filter_bar h3 .expand_filters {
                display: none;
            }

        #filter_bar .filters {
            display: inline-block !important;
            width: 100%;
            right: 1.5625rem;
            text-align: right;
            position: absolute;
        }

    .filter {
        display: inline-block;
        padding: 0 0.9375rem 0 0;
        background-position: center right;
        margin-left: 1.25rem;
        line-height: 2;
    }

    #dest_filter {
        padding-bottom: 2.1875rem;
    }

        #dest_filter .filter_list {
            margin: 0;
        }

            #dest_filter .filter_list li {
                width: 25%;
                margin-bottom: 0.9375rem;
            }

                #dest_filter .filter_list li.full {
                    margin-bottom: 0;
                }

    /* Filters */

    .filter_list {
        font-size: 0;
        margin: 2.1875rem 0 1.25rem;
        0;
    }

        .filter_list li {
            width: 25%;
            margin-bottom: 1.875rem;
        }

            .filter_list li.full {
                width: 100%;
            }

                .filter_list li.full ul {
                    margin: 0;
                    margin-top: 0.9375rem;
                    font-size: 0;
                }

            .filter_list li a {
                font-size: 0.875rem;
            }

                .filter_list li a.checked {
                }

    /* Listing Grid */

    .listing_grid {
        margin: 1.5625rem -1.5625rem 0;
        font-size: 0;
    }

    .listing {
        width: 33.333333%;
        display: inline-block;
        padding: 0 1.5625rem;
    }

        .listing a {
            margin-bottom: 3.125rem;
            background-image: url(../images/res/btn_arrow_indi.png);
        }

            .listing a:hover {
                background-image: url(../images/res/btn_arrow_hover.png);
            }

        .listing img {
        }

        .listing .h3, .listing .p {
        }

        .listing .h3 {
        }

        .listing .p, .listing .days {
        }

        .listing .days {
            padding: 0.9375rem 0;
            padding-left: 1.875rem;
        }

    /* OFFER LISTING
================================================================================ */

    .advert.exclusive {
    }

        .advert.exclusive:before {
            right: 0.9375rem;
        }

    /* SOCIAL
================================================================================ */

    /* MISC
================================================================================ */
    .vert_centre_med {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }

    .highlights {
        padding-top: 1.875rem;
        padding-bottom: 1.875rem;
    }

    img.aligned_image {
        position: absolute;
        right: 0;
        top: 50%;
        max-width: 40%;
    }

    img.small_width {
        max-width: 90%;
    }

    .swap img.small_width {
        float: right;
    }

    .swap img.aligned_image {
        left: 0;
        right: auto;
    }

    hr.light {
        border-color: #e6ebf0;
        margin-left: auto;
        margin-right: auto;
        max-width: 50%;
    }
    /* FOOTER

================================================================================ */
    ul.social {
        text-align: left;
    }

        ul.social li {
            display: block;
            float: left;
            margin: 0.625rem 0.625rem 0.625rem 0;
            font-size: 0.75rem;
            line-height: 2.5;
        }

    ul.footer_links {
        text-align: right;
        margin-top: 0.625rem;
    }

    /* ACTION BAR */
    #action-bar {
        height: 70px;
    }

        #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;
                    }
}

/* Large (1020px 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 25px !important;
    }

    /* 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-left: 25px;
        padding-right: 25px;
        float: left;
    }

    .columnswhatwedo {
        position: relative;
        padding-left: 51px;
        padding-right: 51px;
        float: left;
    }

    /* HEADER
================================================================================ */


    /* NAVIGATION
================================================================================ */
    #nav {
        padding: 0 25px;
    }

    /* BREADCRUMB
================================================================================ */

    /* MAIN CONTENT
================================================================================ */

    /* SUBNAVIGATION =============================================================== */
    /*.sub_nav ul li:nth-child(7), .sub_nav ul li:nth-child(8) {
	border-bottom: none;	
}*/
    .sub_nav ul li:nth-child(4n+0) {
        border-right: solid 1px #f0f0f0;
    }
    /*.sub_nav ul li:nth-child(6n+0) {
	border-right: none;
}*/


    /* FORMS
================================================================================ */

    /* BUTTONS
================================================================================ */

    /* LISTINGS
================================================================================ */

    /* Filter Bar */

    #filter_wrap.fixed {
        max-width: 1024px;
    }

    #dest_filter .filter_list li {
        width: 20%;
    }

        #dest_filter .filter_list li.full {
            width: 100%;
        }

    /* OFFER LISTING
================================================================================ */

    .advert.exclusive {
    }

        .advert.exclusive:before {
            right: 25px;
        }

    /* SOCIAL
================================================================================ */

    /* MISC
================================================================================ */
    .highlights {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    img.aligned_image {
        position: absolute;
        max-width: 30%;
    }

    /* FOOTER
================================================================================ */

}

@media only screen and (min-width: 1250px) {
    /* ACTION BAR */
    #action-bar {
        position: fixed;
        width: 90px;
        height: 380px;
        z-index: 999;
        padding-top: 25px;
        top: 100px;
        left: calc((100% - 1074px)/2 + 1074px);
        background: url(../images/res/rhs_tabs_bg.png) center left no-repeat;
    }

        #action-bar ul {
            text-align: center;
            margin: 0;
            padding: 0;
        }

            #action-bar ul li {
                display: inline-block;
                margin: 10px 20px;
                padding: 0;
                height: auto;
                width: 70px;
            }

                #action-bar ul li a {
                    display: block;
                    width: 70px;
                    height: 70px;
                    border-radius: 0;
                    border: none;
                    text-indent: 0;
                    background-color: #ffffff;
                    color: #666666;
                    padding-top: 60px;
                    line-height: 18px;
                    text-align: center;
                }


                    #action-bar ul li a span {
                        display: none;
                    }

                    #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-position: center top;
                        background-repeat: no-repeat;
                    }

                    #action-bar ul li a.icon_con {
                        background-image: url(../images/res/icon_contact_lg.png);
                    }

                    #action-bar ul li a.icon_pay {
                        background-image: url(../images/res/icon_payment_lg.png);
                    }

                    #action-bar ul li a.icon_news {
                        background-image: url(../images/res/icon_news_lg.png);
                    }

                    #action-bar ul li a.icon_phil {
                        background-image: url(../images/res/icon_phil_lg.png);
                    }

                    #action-bar ul li a.icon_form {
                        background-image: url(../images/res/icon_form_lg.png);
                    }

                    #action-bar ul li a.icon_book {
                        background-image: url(../images/res/icon_book_lg.png);
                    }

                    #action-bar ul li a:hover {
                        background-position: center -100px;
                        background-repeat: no-repeat;
                        background-color: transparent;
                        border-color: transparent;
                        color: #0b3868;
                    }
}


/* 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
    }
}


.toggle {
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.toggle__checkbox {
    display: none
}

.toggle__inner {
    background-color: #efefef;
    border: 1px solid #aeb0af;
    border-radius: 19px;
    cursor: pointer;
    display: inline-block;
    height: 19px;
    position: relative;
    width: 36px;
    margin-left: .25rem;
    margin-right: .25rem;
    -webkit-transform: translateY(25%);
    -ms-transform: translateY(25%);
    transform: translateY(25%)
}

.toggle--large .toggle__inner {
    border-radius: 34px;
    height: 34px;
    width: 72px
}

.toggle__handle {
    background-color: #01437d;
    border-radius: 50%;
    height: 15px;
    left: 1px;
    top: 1px;
    position: absolute;
    width: 15px;
    -webkit-transition: left .2s ease;
    transition: left .2s ease
}

.toggle__checkbox[disabled] ~ .toggle__inner .toggle__handle {
    background-color: #888 !important
}

.toggle--large .toggle__handle {
    height: 30px;
    width: 30px
}

.toggle__label {
    display: inline-block;
    font-weight: 700;
    line-height: 19px;
    text-transform: uppercase
}

@media screen and (min-width: 0px) and (max-width:479px) {
    .toggle__label {
        font-size: .5688888889rem;
        margin-bottom: 0
    }
}

@media screen and (min-width: 480px) and (max-width:767px) {
    .toggle__label {
        font-size: .6044444444rem;
        margin-bottom: 0
    }
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .toggle__label {
        font-size: .6044444444rem;
        margin-bottom: 0
    }
}

@media screen and (min-width: 1024px) and (max-width:1439px) {
    .toggle__label {
        font-size: .6755555556rem;
        margin-bottom: 0
    }
}

@media screen and (min-width: 1440px) and (max-width:1899px) {
    .toggle__label {
        font-size: .6755555556rem;
        margin-bottom: 0
    }
}

@media screen and (min-width: 1900px) and (max-width:9998px) {
    .toggle__label {
        font-size: .7111111111rem;
        margin-bottom: 0
    }
}

.toggle .toggle__label--checked, .toggle__checkbox:checked ~ .toggle__label--unchecked {
    color: #01437d
}

.toggle .toggle__label--unchecked, .toggle__checkbox:checked ~ .toggle__label--checked {
    color: #adaeb0
}

.toggle__checkbox:checked ~ .toggle__inner .toggle__handle {
    left: -webkit-calc(100% - 15px - 1px);
    left: calc(100% - 15px - 1px)
}

.toggle--large .toggle__checkbox:checked ~ .toggle__inner .toggle__handle {
    left: -webkit-calc(100% - 30px - 1px);
    left: calc(100% - 30px - 1px)
}

.toggle__checkbox[disabled]:checked ~ .toggle__label--unchecked, .toggle__checkbox[disabled] ~ .toggle__label--checked {
    color: rgba(136,136,136,.5)
}

.toggle__checkbox[disabled]:checked ~ .toggle__label--checked, .toggle__checkbox[disabled] ~ .toggle__label--unchecked {
    color: rgba(136,136,136,.25)
}

.toggle__checkbox[disabled] ~ .toggle__inner {
    background-color: rgba(239,239,239,.5);
    border: 1px solid rgba(174,176,175,.5);
    cursor: not-allowed
}

    .toggle__checkbox[disabled] ~ .toggle__inner .toggle__handle {
        opacity: .5
    }

.buttonUmbForm {
    background-color: #ffffff !important;
    border-color: #aaaaaa !important;
    color: #aaaaaa !important;
}

.cookie-bar {
    position: fixed;
    position: -webkit-sticky;
    //position: sticky;
    bottom: 0;
    background-color: #01437d;
    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: .7444444444rem;
    margin-bottom: 0;
    width: -webkit-calc(100% - 16rem);
    width: calc(100% - 16rem);
    padding-right: 2rem;
    line-height: 170%;
}

.cookie-bar__title {
    font-size: 1.2194444444rem;
    margin-bottom: .6555555556rem;
    font-weight: 700;
    color: #df9158;
}

.cookie-bar__actions {
    width: 16rem;
}

.cookie-bar__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;
    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: #fff;
        text-decoration: underline;
        text-transform: uppercase;
    }

.cookie-bar__info a {
    color: #df9158;
    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%;
    }
}
