@charset "utf-8";
/* CSS Document */

:root {
    --main-color: #2A3077;
    --lightBG: #FAFAFB;
    --borderColor: #B8B8B8;
    --borderColor2: #000000;
    --linkcolor: #337AB7;
    --font-size-h1: 36px;
    --font-size-h2: 32px;
    --font-size-mob-h2: 30px;
    --font-size-h3: 26px;
    --font-size-mob-h3: 21px;
    --font-size-h4: 22px;
    --font-size-mob-h4: 14px;
    --font-size-mob-h5: 18px;
    --font-size-h5: 20px;
    --font-size-h6: 16px;
    --font-size-title: 19px;
    --font-size-base--alt: 17px;
    --font-size-base: 16px;
    --font-size-s: 14px;
    --font-size-xs: 12px;
    --font-light: 300;
    --font-regular: 400;
    --font-medium: 500;
    --font-awesome: 'FontAwesome', sans-serif;
    --main-font: "Roboto", sans-serif;
    --font-semi-bold: 600;
    --font-bold: 700;
    --font-bolder: 800;
    --color-primary: #2c3690;
    --color-primary--hover: #1B2159;
    --color-secondary: #028226;
    --color-secondary-hilight: #005117;
    --color-tertiary: #fcf8e3;
    --color-quaternary: var(--color-secondary);
    --color-primary-hover: #2571CC;
    --color-primary-selected: rgba(20, 110, 245, .12);
    --color-primary-lightest: color-mix(in srgb, var(--color-primary) 10%, white);
    --color-primary-whitelight: color-mix(in srgb, var(--color-primary) 5%, white);
    --color-secondary-white: #F5F6FF;
    --color-secondary-white--border: #E3E4F4;
    --color-primary-light: color-mix(in srgb, var(--color-primary) 80%, white);
    --color-primary-dark: color-mix(in srgb, #000 40%, var(--color-primary));
    --color-secondary-dark: color-mix(in srgb, #000 20%, var(--color-secondary));
    --color-secondary-lightest: color-mix(in srgb, var(--color-secondary) 10%, white);
    --color-secondary-dark: #259f55;
    /* static fallback for iOS 15 and older */
    --color-secondary-lightest: #eafaf1;
    /* static fallback for iOS 15 and older */
    --color-focus-outer: var(--color-secondary-hilight);
    --color-focus-inner: var(--color-neutral-10);
    --color-red-lightest: #faeaea;
    --color-red-lighter: #ffeef1;
    --color-red-light: #ffedd4;
    --color-red: #c92a2a;
    --color-red-text: #BB3326;
    --color-red-dark: #ab2424;
    --color-sales: #E10613;
    --color-teal: #087f5b;
    --color-green-success: #2C9C54;
    --color-blue-lighter: #a3c9ea;
    --color-blue-light: #F3F3FB;
    --color-blue: #1a79cb;
    --color-neutral-0: #ffffff;
    --color-neutral-1: #f8f9fa;
    --color-neutral-2: #f1f3f5;
    --color-neutral-3: #e9ecef;
    --color-neutral-4: #dee2e6;
    --color-neutral-5: #ced4da;
    --color-neutral-6: #adb5bd;
    --color-neutral-7: #6a7178;
    --color-neutral-8: #4f575e;
    --color-neutral-9: #333333;
    --color-neutral-10: #000000;
    --color-error-light: #fceaea;
    --color-error: #DE3E2B;
    --color-caution: #FED742;
    --pill-color: #9D7B12;
    --color-success: #32CD32;
    --color-accents: #ed4898;
    --overlay-background: rgba(0, 0, 0, .25);
    --space-xs: 5px;
    --space-s: 8px;
    --space-base-s: 10px;
    --space-base: 16px;
    --space-base-tab: 45px;
    --space-sm: 20px;
    --space-m: 25px;
    --space-l: 32px;
    --space-dbl-l: calc(2 * var(--space-l));
    --space-xl: 40px;
    --space-xxl: 48px;
    --space-xxl--alt: 50px;
    --space-100: 100%;
    --space-90: 90%;
    --space-94: 94%;
    --space-95: 95%;
    --space-97: 97%;
    --space-88: 88%;
    --space-80: 80%;
    --space-70: 70%;
    --space-60: 60%;
    --space-55: 55%;
    --space-48: 48%;
    --space-15: 15%;
    --space-40: 40%;
    --space-35: 35%;
    --space-25: 25%;
    --space-20: 20%;
    --space-5: 5%;
    --space--7: -7%;
    --space--5: -5%;
    --space--10: -10px;
    --space--21: -21px;
    --space--3: -3%;
    --space-half: 50%;
    --space-step-height: calc(var(--space-2x-lg) + var(--space-xs));
    --border-radius-soft: var(--space-xs);
    --column-width-s: 100px;
    --select-box-height: 125px;
    --border-radius-circle: 100%;
    --border-size-s: 1px;
    --border-size-m: 2px;
    --border-size-l: 3px;
    --border-size--l: -3px;
    --border-size-xl: 5px;
    --shadow-none: none;
    --shadow-s: 0 2px 4px rgba(0, 0, 0, .1);
    --shadow-l: 0 6px 8px rgba(0, 0, 0, .1);
    --shadow-2: 0 2px 4px rgba(0, 0, 0, 0.16);
    --tool-tip-shadow: 2.1px 2.1px 4px 0.3px var(--color-primary);
    --header-color: #ffffff;
    --color-background-body: #ffffff;
    --color-background-footer: #eeeeee;
    --header-size: 121.43px;
    --mob-tab-height: 100px;
    --mob-screen-size: 414px;
    --tab-screen-size: 820px;
    --tab-land-container-size: 1180px;
    --desk-screen-size: 1377px;
    --desk-container-size: 1000px;
    --bottom-bar-size: 56px;
    --justify-left: flex-start;
    --button-min-width-sm: 135px;
    --column-size: 150px;
    --sales-banner: 122px;
    --column-size-l: 233px;
    --column-size-xl: 297px;
    --input-space-ml: 180px;
    --footer-width: 1030px;
    --input-space-s: 10%;
    --input-space-base: 22%;
    --input-space-m: 46%;
    --input-space-l: 400px;
    --tri-column-width: 33%;
    --dropdown--hover: #D4D8FF;
    --helptext-relative-left-val: 140%;
    --helptext-relative-top-val: -7px;
    --notice-box-background: #F6F7FF;
    --notice-box-color: #2A3077;
    --notice-box-border: #2E367B;
    --progress-bar-background: #F6F7FF;
    --progress-bar-active: var(--color-primary);
    --primary-button-color: #028226;
    --primary-button-color--hover: #005117;
    --primary-button-colour--inactive: #EEEEEE;
    --color-quarternary: var(--color-primary);
    --color-placeholder: #AAAAAA;
}


/* layout */


html {
    height: 100%;
}

body {
    /*background:#F5F5F5;*/
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: 'Roboto', sans-serif;
    font-size: 17px;
    color: #000;
    line-height: 1.8;
}

.extend {
    max-width: 100% !important;
}

.spacingReset {
    margin: 0px;
    padding: 0px;
}

.stretch {
    align-items: stretch;
}

.base-vertical-space {
    margin-bottom: var(--space-base);
}

.base-large-space {
    margin-bottom: var(--space-l);
}

h3 {
    font-size: 21px;
    color: #000;
    font-family: 'Roboto', serif !important;
    font-weight: 400;
    margin: 0 0 10px 0;
}

h4 {
    /* font-family: 'roboto'; */
    font-weight: 400;
    color: #000;
    font-size: 17px;
    margin: 0px;
}

.pageContainer {
    max-width: 1000px;
    /*margin: 20px;*/
    margin: auto;
}

.section_gap {
    margin-top: 20px;
    margin-bottom: 20px;
    border-top: 2px solid #eeeeee;
}

.site-inner {
    clear: both;
    padding-top: 40px;
    display: none !important;
}


::-webkit-input-placeholder {
    padding-left: 5px;
}

:-moz-placeholder {
    /* Firefox 18- */
    padding-left: 5px;
}

::-moz-placeholder {
    /* Firefox 19+ */
    padding-left: 5px;
}

:-ms-input-placeholder {
    padding-left: 5px;
}



/*---------------------HELP BOX-----------------------*/

.big_tick_help {
    background-color: #d9edf7;
    border: 3px solid #abd3e7;
    width: 100%;
    /* height: 100px; */
    border-radius: 10px;
    padding: 25px 10PX 10PX 10PX;
    position: relative;
    /* MARGIN: AUTO; */
    OVERFLOW: hidden;
    margin: 40PX 0PX 20PX;
    box-sizing: border-box;
}

.big_tick_help img {
    float: right;
    position: absolute;
    right: 0;
    top: -3px;
}

.big_tick_help p {
    width: 74%;
    font-size: 18px;
}

/*---------------------End HELP BOX-----------------------*/

/* ==================== HEADER ELEMENTS START ==================== */
/* All styles related to the header/nav section */

/* Header Container */

#headerDIVouter {
    height: var(--header-size);
    padding: 10px 0px;
    display: flex;
    width: 100%;
    max-width: 1200px;
    background: #fff;
    margin: auto;
    flex-direction: row;
    justify-content: space-between;
}

/* Header Logo */
img.top-logo {
    height: 38px;
    display: block;
    float: none;
    margin-bottom: 10px;
}

@media only screen and (min-width: 769px) {
    img.top-logo {
        height: auto;
        width: 240px;
    }
}

/* Header Box Container */
.header-box {
    float: left;
    display: flex;
    flex-direction: row;
    align-items: center;
}

/* Call Box */
.call-box {
    width: 35%;
    float: right;
    display: none;
}

@media only screen and (min-width: 769px) {
    .call-box {
        display: flex;
        width: 100%;
        justify-content: flex-end;
    }
}

/* Number Box */
.number-box {
    line-height: 1.2;
    float: right;
}

.number-box .dropdown-content {
    padding: 20px 30px;
}











#ex014-call a::before {
    content: url("https://res.cloudinary.com/dttwa61aq/image/upload/v1762773034/Project-Unicorn/phone.svg")
}

#ex014-call a::after {
    content: var(--ex014-call-cta-label);
    font-family: Roboto;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0
}
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(67, 202, 116, 0.4)
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(67, 202, 116, 0)
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(67, 202, 116, 0)
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(67, 202, 116, 0.4);
        box-shadow: 0 0 0 0 rgba(67, 202, 116, 0.4)
    }

    70% {
        -moz-box-shadow: 0 0 0 10px rgba(67, 202, 116, 0.2);
        box-shadow: 0 0 0 10px rgba(67, 202, 116, 0.2)
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(67, 202, 116, 0);
        box-shadow: 0 0 0 0 rgba(67, 202, 116, 0)
    }
}

.ex014-open {
    clear: both;
    font-weight: 500;
    font-size: 18px;
    text-align: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    column-gap: 10px;
    padding-top: 2px
}

@media (min-width: 810px) {
    .ex014-open {
        padding-top: 0
    }
}

.ex014-open__cta {
    display: none;
    font-weight: 600 !important
}

@media (min-width: 810px) {
    .ex014-open__cta {
        display: flex;
        align-items: center;
        column-gap: 9px
    }
}

@media (max-width: 809px) {
    .ex014-open__content {
        max-width: var(--ex014-open-content-max-width, initial)
    }
}

@media (max-width: 809px) {
    .ex014-open [role] {
        display: none
    }
}

.ex014-open span {
    font-family: Roboto;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 0;
    text-align: right
}

@media (min-width: 810px) {
    .ex014-open span {
        font-size: 16px;
        line-height: 24px
    }
}

.ex014-open__pulse {
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #43CA74;
    cursor: pointer;
    -webkit-box-shadow: 0 0 0 rgba(67, 202, 116, 0.4);
    box-shadow: 0 0 0 rgba(67, 202, 116, 0.4);
    -webkit-animation: pulse 1.5s cubic-bezier(0, 0.41, 0.35, 0.97) 1s infinite;
    animation: pulse 1.5s cubic-bezier(0, 0.41, 0.35, 0.97) 1s infinite;
    transform: scale(0.5);
    transform-origin: right center
}



@media (min-width: 375px) {
    .number-bar1>.wrap::after {
        margin-left: 8px
    }
}

@media (min-width: 810px) {
    .number-bar1>.wrap::after {
        margin-left: 15px
    }
}

@media (max-width: 378px) {
    #ex014-closed {
        --ex014-font-size: 11px
    }

    .number-bar1>.wrap::after {
        display: none;
    }

    .ex014-open span {
        text-align: center;
    }

    .header-box.logo {
        margin-right: 10px;
    }
}







/* No Strap Text */
.nostrap {
    text-align: right;
    color: #212529;
    font-size: 16px;
}

@media only screen and (max-width: 767px) {
    .nostrap {
        display: none;
    }
}

@media only screen and (max-width: 862px) {
    .nostrap {
        margin-left: 0px !important;
    }
}

@media only screen and (min-width: 660px) {
    .nostrap {
        font-size: 18px;
        width: 100%;
    }
}

/* Cover Pill - Inline pill for short header texts */
.cover-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 272px;
    height: 24px;
    border-radius: 16px;
    padding: 4px 12px;
    margin-right: 8px;
    color: var(--color-neutral-0, #ffffff);
    box-sizing: border-box;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: var(--pill-color, #9D7B12);
    font-style: italic;
    font-size: 14px;
    /* small to fit in 24px height */
    line-height: 16px;
    /* content fits inside height */
}

.section .cover-pill {
    margin: 0 auto var(--space-base) auto;
    display: flex;
    height: 32px;
    font-style: normal;
}

.section .cover-pill span::before {
    content: '';
    display: inline-block;
    height: 24px;
    width: 22px;
    margin: 0 7px 0px 0;
    background-image: url(https://res.cloudinary.com/dttwa61aq/image/upload/v1765296040/Project-Unicorn/icons/renewal-icon.svg);
    background-size: 22px 24px;
    background-repeat: no-repeat;
    vertical-align: middle;
}


/* Phone Number Styles */
span.sw-number2 {
    text-align: left;
    float: right;
    padding-left: 0px;
    font-size: var(--font-size-h1);
    font-weight: 900;
    position: relative;
    font-style: inherit;
    top: 2px;
    color: #2d3995;
    font-family: roboto;
}

span.sw-number2 a {
    color: #2d3995;
    text-decoration: none;
    margin-right: 0%;
    font-size: var(--font-size-h1);
}

span.sw-number2 a:hover {
    color: #2c3690 !important;
    text-decoration: underline;
}

@media only screen and (min-width: 660px) {
    span.sw-number2 {
        text-align: left;
        float: right;
    }
}

span.sw-number3 {
    text-align: right;
    padding-left: 11px;
    padding-right: 0px;
    font-size: 40px;
    font-weight: 600;
    position: relative;
    font-style: inherit;
    top: 2px;
    color: #2d3995;
    font-family: 'Roboto', serif;
    margin-right: 5px;
    margin-left: -2%;
}

@media only screen and (min-width:1024px) and (max-width:1033px) {
    span.sw-number3 {
        text-align: right;
        padding-left: 11px;
        padding-right: 0px;
        font-size: 40px;
        font-weight: 600;
        position: relative;
        font-style: inherit;
        top: 2px;
        color: #2d3995;
        font-family: 'Roboto', serif;
        margin-right: 5px;
        margin-left: -2%;
    }
}

/* Dropdown Menu Styles */
.dropbtn {
    font-size: 16px;
    color: #4285f4;
    border: none;
    text-decoration: underline;
}

.dropdown {
    position: relative;
    display: block;
    text-align: right;
}

/* Dropdown content: initially hidden via max-height + opacity for smooth slide effect */
.dropdown-content {
    max-height: 0;
    opacity: 0;
    position: absolute;
    text-align: left;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 11111111;
    right: 0;
    overflow: hidden;
    padding: 0 30px;
    /* collapsed padding */
    transform: translateY(-8px);
    transition: max-height 0.35s ease, opacity 0.25s ease, transform 0.25s ease, padding 0.25s ease;
}

.dropdown-content li {
    padding-bottom: 5px;
    list-style-type: disc;
    margin-left: -19px;
    font-size: 18px;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {
    background-color: #ddd;
}

.dropdown:hover .dropdown-content,
.dropdown.open .dropdown-content {
    max-height: 420px;
    /* large enough to show content; adjust if needed */
    opacity: 1;
    transform: translateY(0);
    padding: 20px 30px;
}

@media only screen and (max-width: 660px) {
    .dropdown {
        text-align: right;
    }
}

/* Telephone Hours */
.telephonehours {
    -webkit-margin-before: 0.83em;
    -webkit-margin-after: 0.83em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: 500 !important;
    font-size: 24px;
    margin: 0px;
    display: block;
    font-family: 'Roboto', serif !important;
}

/* Call Free Button (Mobile) */
.call-free-btn {
    width: fit-content;
    height: fit-content;
    background: #43CA74;
    border: none;
    padding: 8px 10px;
    border-radius: 4px;
    display: block;
    margin-right: var(--space-base);
}

.call-free-text {
    color: #ffffff;
    text-align: center;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
}

.call-free-text svg {
    width: 20px;
    height: 20px;
    padding-right: var(--space-base);
}

.call-free-text,
.call-free-text svg {
    vertical-align: middle;
    display: inline-block;
}

@media only screen and (min-width: 769px) {
    .call-free-btn {
        display: none;
    }
}

/* Additional Header Styles */
.trip-details-toolbar {
    padding: 5px 0px;
    text-align: right;
    overflow: hidden;
}

.partnership {
    float: left;
    text-align: left;
    font-size: 12px;
    padding-top: 8px;
}

.small-logo {
    max-width: 150px;
    margin: 0px 0px 0px 0px !important;
    float: left;
}

.r-button {
    border-radius: 10px;
    background: transparent;
    width: 160px;
    text-align: center;
    padding: 10px;
    float: right;
    border: 1px solid #979797;
    margin-right: 10px;
    margin-bottom: 5px;
}

span.r-text {
    padding: 0px 18px;
    position: relative;
    top: 11px;
}

.cover-text {
    display: block;
    text-align: right;
    clear: both;
    margin-right: 10px;
    padding-bottom: 4px;
    font-weight: 500;
}


/* HTML Overflow Fix for Specific Screen Sizes */
@media only screen and (min-width:800px) and (max-width:861px) {
    html {
        overflow-x: hidden;
    }
}

/* ==================== HEADER ELEMENTS END ==================== */


#wrapperDIV {
    margin: 0px auto;
    padding: 0;
    max-width: 100%;
    background: none;
    clear: both;
}

#headerDIV {}

#mainContentDIV {
    /* width: 1000px; */
    margin: auto;
}

.mainContentDIVR {
    width: 1300px !important;
}

.test-title {
    text-align: center !important;
}

.test-title:before {
    content: '' !important;
    font-family: fontawesome;
    vertical-align: text-bottom;
}

.testimonial-author {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 16px;
}

.author-avatar {
    content: '';
    background-image: url(https://res.cloudinary.com/dttwa61aq/image/upload/v1765541344/Project-Unicorn/shelia-lowrie-testimonial-thumb.svg);
    display: block;
    width: 50px;
    height: 50px;
    background-size: cover;
    border-radius: 50%;
    min-width: 50px;
    flex-shrink: 0;
}

.author-info {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.author-name {
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
    color: #333333;
}

.author-since {
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    color: #666666;
}

/* Testimonial Image */
.testimonial-img {
    width: 100%;
}

.testimonial-img img {
    width: 100%;
    height: auto;
    display: block;
}


/* 3 Column Statistics Section */
.stats-container {
    display: flex;
    justify-content: space-around;
    align-items: center;
    gap: 40px;
    max-width: 1200px;
    margin: var(--space-base) auto;
    padding: 0 0 var(--space-m);
    align-items: stretch;
}

.stat-column {
    flex: 1;
    text-align: center;
    gap: 8px;
    opacity: 1;
    border-radius: var(--space-base);
    padding: 24px;
    background-color: var(--color-neutral-0);
    box-shadow: 0px 1px 3px 0px #0000001A;
}

.stat-number {
    font-family: 'Roboto', sans-serif;
    font-size: 48px;
    font-weight: 700;
    color: #2c3690;
    line-height: 1.2;
    margin-bottom: 12px;
}

.stat-text {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    line-height: 1.5;
}

@media only screen and (max-width: 768px) {

    .testimonial-img {
        width: 100vw;
        margin-left: calc(-50vw + 50%);
        padding: 0;
    }

    .testimonial-img img {
        width: 100%;
        padding: 0 15px;
        box-sizing: border-box;
    }

    .stats-container {
        flex-direction: column;
        gap: 30px;
        margin: 40px auto;
        padding: 0 var(--space-base);
    }

    .stat-number {
        font-size: 36px;
    }

    .stat-text {
        font-size: 14px;
    }

    #headerDIVouter {
        align-items: center;
        height: auto;
    }
}

/* Speak to Someone Section */
.speak-section {
    background: linear-gradient(180deg, #2C3E8F -0.06%, #1F2D6B 95%);
    padding: 60px 20px;
    color: #fff;
}

.speak-container {
    max-width: 1200px;
    margin: 0 auto;
}

.speak-content {
    display: flex;
    gap: 60px;
    align-items: center;
}

.speak-left {
    flex: 1;
}

.speak-right {
    flex: 1;
}

.speak-title {
    font-family: 'Roboto', sans-serif;
    font-size: 29px;
    font-weight: 700;
    margin: 0 0 16px 0;
    color: #fff;
    line-height: 1.2;
}

.speak-subtitle {
    font-size: 18px;
    margin: 0 0 40px 0;
    opacity: 0.95;
    line-height: 1.5;
}

.speak-phone-box {
    display: flex;
    flex-direction: column;
    gap: 0;
    background: rgba(255, 255, 255, 0.1);
    padding: 0;
    border-radius: 12px;
    margin-bottom: 32px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    overflow: hidden;
}

.phone-row {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 24px;
}

.phone-icon {
    background: var(--color-neutral-0);
    width: 64px;
    height: 64px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.phone-details {
    display: flex;
    flex-direction: column;
}

.phone-label {
    font-size: 16px;
    opacity: 0.9;
}

.phone-number {
    font-size: 32px;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    letter-spacing: 1px;
    line-height: var(--space-l);
}

.phone-number:hover {
    opacity: 0.9;
}

.speak-features {
    display: flex;
    gap: 24px;
    padding: 24px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    background: rgba(255, 255, 255, 0.05);
}

.feature-item {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    flex: 1;
}

.feature-icon {
    flex-shrink: 0;
    margin-top: 2px;
}

.feature-text {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.feature-text strong {
    font-size: 14px;
    font-weight: 600;
}

.feature-text span {
    font-size: 13px;
    opacity: 0.85;
    line-height: 1.4;
}

.help-title {
    font-size: 20px;
    font-weight: 500;
    margin: 0 0 16px 0;
}


h3.help-title {
    color: var(--color-neutral-0);
}

.help-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.help-list li {
    display: flex;
    gap: 12px;
    align-items: flex-start;
}

.check-icon {
    flex-shrink: 0;
    margin-top: 2px;
}

.help-list strong {
    display: block;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 4px;
}

.help-list p {
    font-size: 14px;
    margin: 0;
    opacity: 0.85;
    line-height: 1.5;
}

.speak-image-wrapper {
    position: relative;
    border-radius: 20px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
}

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

.speak-stats {
    position: absolute;
    bottom: 32px;
    left: 32px;
    right: 32px;
    background: #fff;
    padding: 24px 20px;
    border-radius: 16px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    gap: 20px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    transform: translateY(60px);
}

.stat-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    flex: 1;
}

.stat-value {
    font-size: 28px;
    font-weight: 700;
    color: #2C3690;
    line-height: 1.2;
    margin-bottom: 4px;
}

.stat-label {
    font-size: 11px;
    color: #666;
    line-height: 1.3;
}

@media only screen and (max-width: 992px) {
    .speak-content {
        flex-direction: column;
        gap: 40px;
    }

    .speak-title {
        font-size: 30px;
    }

    .phone-number {
        font-size: 28px;
    }

    .speak-features {
        flex-direction: column;
        gap: 16px;
    }
}

@media only screen and (max-width: 768px) {
    .speak-section {
        padding: 40px 20px;
    }

    .speak-title {
        font-size: 26px;
    }

    .speak-subtitle {
        font-size: 16px;
    }

    .phone-number {
        font-size: 24px;
    }

    .speak-phone-box {
        padding: 20px;
    }

    .phone-icon {
        width: 56px;
        height: 56px;
    }

    .speak-stats {
        flex-direction: column;
        gap: 12px;
        padding: 16px;
    }

    .stat-value {
        font-size: 20px;
    }
}

/* Are You Struggling Section */
.struggling-section {
    padding: 60px 20px;
}

.struggling-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 40px;
    background: transparent;
    background: #F0EDF8;
}

.struggling-title {
    font-family: 'Roboto', sans-serif;
    font-size: 28px;
    font-weight: 500;
    line-height: 1.4;
    color: #2A3077;
    margin: 0 0 24px 0;
}

.struggling-text {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    color: #2A3077;
    margin: 0 0 16px 0;
}

.struggling-text:last-child {
    margin-bottom: 0;
    color: #333333;
}

@media only screen and (max-width: 768px) {
    .struggling-section {
        padding: 40px 16px;
    }

    .struggling-container {
        padding: 24px;
    }

    .struggling-title {
        font-size: 22px;
    }

    .struggling-text {
        font-size: 15px;
    }
}


#container {
    max-width: 1000px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    padding-left: 1em;
    padding-right: 1em;
    margin-top: 50px;
    -webkit-border-radius: 5px;
    margin: auto;
}





#leftContentDIV {}

#centerContentDIV {
    /* width: 1000px; */
    margin-bottom: 25px;
}

#rightContentDIV {
    display: none;
}


.core-footer2b9 {
    display: flex;
    gap: 7px;
}

#footerDIVouter {
    margin-top: -10px;
}

#quoteBoxBtm {
    display: none;
}

#quoteBoxTop {
    display: none;
}

.clearBoth {
    clear: both;
    padding: 0;
    margin: 0;
    height: 0;
}

#clearBoth {
    clear: both;
    padding: 0;
    margin: 0;
    height: 0;
}

/* extras page inline styles below */

.endorse_quote008 {
    text-align: right;
    padding: 0px 20px;
    border-radius: 5px;
    border: 1px solid #999;
    display: inline-block;
    border-radius: 5px;
    color: white;
    cursor: pointer;
    text-decoration: none;
    background-color: #2c3690;
    margin-top: 10px;
}

.endorse_quote008:before {
    font-family: 'fontAwesome';
}

.endorse_quotecanx008 {
    text-align: right;
    padding: 0px 20px;
    border-radius: 5px;
    border: 1px solid #999;
    display: inline-block;
    border-radius: 5px;
    color: white;
    cursor: pointer;
    text-decoration: none;
    background-color: #2c3690;
    margin-top: 10px;
    width: 23%;
    text-align: center;
}

.endorse_quotecanx008:before {
    font-family: 'fontAwesome';
}

.endorse_add_quote008:before {
    content: '\f067';
    padding-right: 5px;
}


.endorse_rmv_quote008:before {
    content: '\f057';
    padding-right: 5px;
}

.active_quote008 {
    background: #2ecc71;
    color: #FFF;

}

.active_quote008:before {
    content: '\f00c';
    padding-right: 5px;
}


.trav_quote008:before {
    content: '\f007';
    padding-right: 5px;
}

.travnot_quote008 {
    color: #999;
}

.travnot_quote008:before {
    content: '\f007';
    padding-right: 5px;
}

.grey2_quote008 {
    color: #999;
}

.grey_quote008 {
    color: #999;
}

.grey_quote008:before {
    content: '\f067';
    padding-right: 5px;
}

@media screen and (min-width:804px) {
    .quote001_nodisplay {
        display: none;
    }
}

@media screen and (min-width:527px) {
    .quote001_nodisplay {
        height: 8px;
    }
}

@media screen and (min-width:527px) {
    .quote008_nodisplay {
        display: none;
    }
}

@media screen and (max-width:526px) {
    .quote008_nodisplay {
        height: 8px;
    }

    .quote001_nodisplay {
        display: none;
    }
}





/*---------------------MARKETING PERMS-----------------------*/

label.css-label-radio-001-marketall {
    background: url(/images/alc/alv7-market-ALL.png) no-repeat center #fff;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

label.css-label-radio-001-post {
    background: url(/images/alc/alv7-market-POST2.png) no-repeat center #fff;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

label.css-label-radio-001-email {
    background: url(/images/alc/alv7-market-EMAIL2.png) no-repeat center #fff;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

label.css-label-radio-001-sms {
    background: url(/images/alc/alv7-market-SMS2.png) no-repeat center #fff;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

}

label.css-label-radio-001-tele {
    background: url(/images/alc/alv7-market-PHONE2.png) no-repeat center #fff;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.Markhead2 {
    font-size: 21px;
    color: #000 !important;
    font-family: 'Roboto', serif !important;
    font-weight: 400;
    margin: 0 0 10px 0;
    width: 80%;
    float: left;
}

@media screen and (max-width: 627px) {

    label.css-label-radio-001-marketall {
        background: url(/images/alc/alv7-market-ALL.png) no-repeat center #fff;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        width: 50%;
    }

    label.css-label-radio-001-post {
        background: url(/images/alc/alv7-market-POST2.png) no-repeat center #fff;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        width: 48%;
    }

    label.css-label-radio-001-email {
        background: url(/images/alc/alv7-market-EMAIL2.png) no-repeat center #fff;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        width: 48%;
    }

    label.css-label-radio-001-sms {
        background: url(/images/alc/alv7-market-SMS2.png) no-repeat center #fff;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        width: 48%;
    }

    label.css-label-radio-001-tele {
        background: url(/images/alc/alv7-market-PHONE2.png) no-repeat center #fff;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        width: 48%;
    }

    .MarketingFloat1 {
        width: 23.076923076923077%;
        height: 110px !important;
        display: inline-block;
        border-radius: 11px;
        border: 3px solid #ddd;
        position: relative;
        float: left;
        /* margin-right: 15px; */
        box-sizing: border-box;
        overflow: hidden;
        margin-top: 2.564102564102564%;
        margin-left: 2% !important;
        margin-right: 0px;
    }

    .MarketingFloat2 {
        width: 23.076923076923077%;
        height: 110px !important;
        display: inline-block;
        border-radius: 11px;
        border: 3px solid #ddd;
        position: relative;
        float: left;
        /* margin-right: 15px; */
        box-sizing: border-box;
        overflow: hidden;
        margin-top: 2.564102564102564%;
        margin-left: 2% !important;
        margin-right: 0px;
    }

    .MarketingFloat3 {
        width: 23.076923076923077%;
        height: 110px !important;
        display: inline-block;
        border-radius: 11px;
        border: 3px solid #ddd;
        position: relative;
        float: left;
        /* margin-right: 15px; */
        box-sizing: border-box;
        overflow: hidden;
        margin-top: 2.564102564102564%;
        margin-left: 2% !important;
        margin-right: 0px;
    }

    .MarketingFloat4 {
        width: 23.076923076923077%;
        height: 110px !important;
        display: inline-block;
        border-radius: 11px;
        border: 3px solid #ddd;
        position: relative;
        float: left;
        /* margin-right: 15px; */
        box-sizing: border-box;
        overflow: hidden;
        margin-top: 2.564102564102564%;
        margin-left: 2% !important;
        margin-right: 0px;
    }

    .MarketPad {
        height: 0px;
    }


}



@media screen and (max-width: 999px) {

    .MarketingFloat1 {
        width: 23.076923076923077%;
        height: 110px !important;
        display: inline-block;
        border-radius: 11px;
        border: 3px solid #ddd;
        position: relative;
        float: left;
        /* margin-right: 15px; */
        box-sizing: border-box;
        overflow: hidden;
        margin-top: 2.564102564102564%;
        margin-right: 0px;
    }

    .MarketingFloat2 {
        width: 23.076923076923077%;
        height: 110px !important;
        display: inline-block;
        border-radius: 11px;
        border: 3px solid #ddd;
        position: relative;
        float: left;
        /* margin-right: 15px; */
        box-sizing: border-box;
        overflow: hidden;
        margin-top: 2.564102564102564%;
        margin-left: 2.564102564102564%;
        margin-right: 0px;
    }

    .MarketingFloat3 {
        width: 23.076923076923077%;
        height: 110px !important;
        display: inline-block;
        border-radius: 11px;
        border: 3px solid #ddd;
        position: relative;
        float: left;
        /* margin-right: 15px; */
        box-sizing: border-box;
        overflow: hidden;
        margin-top: 2.564102564102564%;
        margin-left: 2.564102564102564%;
        margin-right: 0px;
    }

    .MarketingFloat4 {
        width: 23.076923076923077%;
        height: 110px !important;
        display: inline-block;
        border-radius: 11px;
        border: 3px solid #ddd;
        position: relative;
        float: left;
        /* margin-right: 15px; */
        box-sizing: border-box;
        overflow: hidden;
        margin-top: 2.564102564102564%;
        margin-left: 2.564102564102564%;
        margin-right: 0px;
    }

    .MarketPad {
        height: 20px;
    }

}

@media screen and (min-width: 1000px) {

    .MarketingFloat1 {
        width: 23.076923076923077%;
        height: 110px !important;
        display: inline-block;
        border-radius: 11px;
        border: 3px solid #ddd;
        position: relative;
        float: left;
        /* margin-right: 15px; */
        box-sizing: border-box;
        overflow: hidden;
        margin-top: 2.564102564102564%;
        margin-right: 0px;
    }

    .MarketingFloat2 {
        width: 23.076923076923077%;
        height: 110px !important;
        display: inline-block;
        border-radius: 11px;
        border: 3px solid #ddd;
        position: relative;
        float: left;
        /* margin-right: 15px; */
        box-sizing: border-box;
        overflow: hidden;
        margin-top: 2.564102564102564%;
        margin-left: 2.564102564102564%;
        margin-right: 0px;
    }

    .MarketingFloat3 {
        width: 23.076923076923077%;
        height: 110px !important;
        display: inline-block;
        border-radius: 11px;
        border: 3px solid #ddd;
        position: relative;
        float: left;
        /* margin-right: 15px; */
        box-sizing: border-box;
        overflow: hidden;
        margin-top: 2.564102564102564%;
        margin-left: 2.564102564102564%;
        margin-right: 0px;
    }

    .MarketingFloat4 {
        width: 23.076923076923077%;
        height: 110px !important;
        display: inline-block;
        border-radius: 11px;
        border: 3px solid #ddd;
        position: relative;
        float: left;
        /* margin-right: 15px; */
        box-sizing: border-box;
        overflow: hidden;
        margin-top: 2.564102564102564%;
        margin-left: 2.564102564102564%;
        margin-right: 0px;
    }

    .MarketPad {
        height: 20px;
    }

}


input[type=checkbox]#noMarketCheck:checked+label.css-radio-001-marketall {
    border: 3px solid #3498db;
}


input[type=checkbox]#nopostCheck:checked+label.css-radio-001-post {
    border: 3px solid #3498db;
}

input[type=checkbox]#noemailCheck:checked+label.css-radio-001-email {
    border: 3px solid #3498db;
}

input[type=checkbox]#nophoneCheck:checked+label.css-radio-001-tele {
    border: 3px solid #3498db;
}

input[type=checkbox]#notextCheck:checked+label.css-radio-001-sms {
    border: 3px solid #3498db;
}

.disabled {
    background-color: #DDD;
    color: #999;
    border: 3px solid #3498db;
}

.disabled:hover {
    background-color: #DDD;
    color: #999;
    border: 3px solid #3498db;
}


/*---------------------END MARKETING PERMS-----------------------*/



/* Start Footer Styles */
@media screen and (min-width: 1100px) {
    #footerDIVouterRow1 {
        width: 100%;
        overflow: auto;
        background: #535353;
    }

    #footerDIVouterRow1center {
        margin: 0px auto;
        background: #535353;
        padding: 0;
    }

    #footerType2row1 {
        width: 100%;
        height: auto;
        background: #535353;
        padding: 30px 0;
    }

    #footerType2row1content {
        margin: 0px auto;
        width: 1160px;
        height: auto;
        overflow: auto;
    }


    .footerMain {
        margin: 0px auto;
        font-family: 'open_sansregular';
        font-size: 14px;
        color: #999999;
        width: 900px;
        text-align: center;
        padding-bottom: 45px;
    }

    #homeMain-Col1 {
        float: left;
        width: 50%;
        padding-right: 22px;
    }

    #homeMain-Col2 {
        float: left;
        width: 45%;
    }

    #regMain-Col1 {
        float: left;
        width: 500px;
        border-right: solid 1px #add5e7;
    }

    h2 {
        font-weight: 400;
        font-size: 30px;
        margin: 0px;
    }

    #homeChk {
        width: 400px;
    }


}

@media screen and (min-width: 768px) and (max-width: 1099px) {
    #footerDIVouterRow1 {
        width: 100%;
        overflow: auto;
        background: #535353;
    }

    #footerDIVouterRow1center {
        margin: 0px auto;
        background: #535353;
        padding: 0;
    }

    #footerType2row1 {
        width: 100%;
        height: auto;
        background: #535353;
        padding: 30px 0;
    }

    #footerType2row1content {
        margin: 0px auto;
        width: 1160px;
        height: auto;
        overflow: auto;
    }

    .footerMain {
        margin: 0px auto;
        font-family: 'open_sansregular';
        font-size: 14px;
        color: #999999;
        width: 900px;
        text-align: center;
        padding-bottom: 45px;
    }



    #homeMain-Col2 {
        float: left;
        width: 30%;
    }

    #regMain-Col1 {
        float: left;
        width: 500px;
        border-right: solid 1px #add5e7;
    }

    h2 {
        font-weight: 400;
        font-size: 30px;
        margin: 0px;
    }

    #homeChk {
        width: 400px;
    }

    #mainContentDIVtop {
        display: none;
    }

    #mainContentDIVbtm {
        display: none;
    }


}



@media screen and (max-width: 767px) {
    #footerDIVouterRow1 {
        width: 100%;
        overflow: auto;
        background: #535353;
    }

    #footerDIVouterRow1center {
        margin: 0px auto;
        background: #535353;
        padding: 0;
    }

    #footerType2row1 {
        width: 100%;
        height: auto;
        background: #535353;
        padding: 30px 0;
    }

    #footerType2row1content {
        margin: 0px auto;
        width: 1160px;
        height: auto;
        overflow: auto;
    }

    .footerMain {
        margin: 0px auto;
        font-family: 'open_sansregular';
        font-size: 14px;
        color: #999999;
        width: 100%;
        text-align: center;
        padding-bottom: 45px;
    }


    #regMain-Col1 {
        float: left;
        width: 288px;
    }

    h2 {
        font-weight: 400;
        font-size: 30px;
        margin: 0px;
    }

    #homeChk {
        width: 250px;
    }

}


#transparentDIVtop {
    margin: 0px auto;
    width: 893px;
    height: 9px;
    background: url(https://www.allcleartravel.co.uk/images/alc/ren-quotebox-top.png) no-repeat;
}

#transparentDIV {
    width: 883px;
    padding-left: 10px;
    height: auto;
    overflow: auto;
    background: url(https://www.allcleartravel.co.uk/images/alc/ren-quotebox-bkg.png) repeat;
}

#transparentDIVbtm {
    width: 893px;
    height: 9px;
    background: url(https://www.allcleartravel.co.uk/images/alc/ren-quotebox-btm.png) no-repeat;
}


/* buttons */


.MedWarrantbtn {
    width: 280px;
    display: block;
    padding: 10px 0px;
    text-align: center;
    color: #333333;
    background: #ffffff;
    border-radius: 10px;
    border: solid 2px #d0d0d0;
    text-decoration: none;
    font-size: 18px;
    margin-bottom: 30px;
    float: left;
    cursor: pointer;
}

.MedWarrantbtn:before {
    content: '\f078';
    padding-right: 5px;
    font-family: 'fontAwesome';
}


.MedWClosebtn {
    width: 200px;
    display: block;
    padding: 10px 0px;
    text-align: center;
    color: #333333;
    background: #d9eef9;
    border-radius: 15px;
    border: solid 2px #acd4e9;
    text-decoration: none;
    font-size: 18px;
    margin-bottom: 30px;
    float: left;
    cursor: pointer;
}


.MedWClosebtn:before {
    content: '\f057';
    color: #acd4e9;
    padding-right: 5px;
    font-family: 'fontAwesome';
}


a.buttonBack {
    width: 215px;
    display: block;
    padding: 10px 0px;
    text-align: center;
    color: white;
    background: #f49e2e;
    border-radius: 10px;
    text-decoration: none;
    font-size: 18px;
    margin-bottom: 30px;
    margin-top: 15px;
}

a.buttonBack:before {
    content: '\f053';
    padding-right: 5px;
    font-family: 'fontAwesome';
}




/*--progress bar CSS--*/

.progress {
    list-style: none;
    margin: 0;
    padding: 0;
    display: table;
    table-layout: fixed;
    width: 100%;
    color: #849397;
    margin-bottom: 45px;
    margin-top: 45px;
    overflow: initial;
}

.dnone {
    display: initial !important;
}

.progress>li.is-active {
    color: #2c3690;
}

.progress>li.is-complete {
    color: #2ECC71;
}

.progress>li {
    position: relative;
    display: table-cell;
    text-align: center;
    font-size: 0.8em;
}

li.is-complete:before {
    background: #2ecc71 !important;
}

.progress>li:after {
    content: '';
    position: absolute;
    display: block;
    background: #DFE3E4;
    width: 100%;
    height: 0.5em;
    top: 1.25em;
    left: 50%;
    margin-left: 1.5em\9;
    z-index: 0;
}

li.progress__last:After {
    z-index: -1;
    display: none;
}

li.is-complete:after {
    background: #2ecc71 !important;
}

.progress>li.is-active:before {
    color: #FFF;
    background: #2c3690;
}

.progress>li:before {
    content: attr(data-step);
    color: white;
    display: block;
    margin: 0 auto;
    background: #dfe3e4;
    width: 3em;
    height: 3em;
    text-align: center;
    margin-bottom: 0.25em;
    line-height: 3em;
    border-radius: 100%;
    position: relative;
    z-index: 1000;
}

li.progress__last:before {
    background-color: #DFE3E4;
}

#headerContainer {
    margin: 0px auto;
    max-width: 1000px;
    background: #fff;
}


#headerContainerBox1 {
    float: left;
    /* width: 318px; */
    /* height: 101px; */
    /* padding-top: 9px; */
    /* margin-right: 200px; */
}


#headerContainerBox2 {
    float: left;
    width: 55%;
    /* height: 59px; */
    padding-top: 37px;
    display: inline-block;
    float: right;
}


#headerContainerLinks {
    float: left;
    height: 32px;
    padding: 22px 20px 0 20px;
    margin-right: 10px;
}

#headerContainerLinks:hover {
    background: #f9f9f9;
}

#headerContainerLinks a {
    font-size: 16px;
    color: #535353;
    text-decoration: none;
}

/*#headerContainerLinks767,#headerContainerLinks767 a,#headerContainerLinks767inner,#show767menu,#show767menu a { display:none;  } */



#whiteBoxTop {
    height: 44px;
    margin-top: 40px;
    background: #fff;
}

#whiteBoxDivide {
    border-bottom:
        solid 2px #d6a31c;
    width: 80px;
    margin-top: 15px;
    margin-bottom: 15px
}

#whiteBox2 {
    width: 650px;
    margin: 10px 0 65px 0;
}

#whiteBoxBtm {}

#whiteBox p {
    padding: 0;
    margin-bottom: 15px;
}

#warrBox {
    float: left;
    background-color: #565EA6;
    padding: 30px;
    border-radius: 10px;
    margin-bottom: 45px;
    border: 3px solid #232B73;
    color: white;
}

#annualBox {
    float: left;
    background-color: #565EA6;
    padding: 30px;
    border-radius: 10px;
    margin-bottom: 15px;
    border: 3px solid #232B73;
    color: white;
}


#cntryBox {
    float: left;
    background-color: #565EA6;
    padding: 30px;
    border-radius: 10px;
    margin-bottom: 25px;
    border: 3px solid #232B73;
    color: white;
}

#warningBox {
    float: left;
    background-color: #fcf8e3;
    padding: 30px;
    border-radius: 10px;
    margin-bottom: 45px;
    margin-top: 45px;
    border: 3px solid #d5cb95;
}

#whiteBoxHover {
    width: 100%;
    /* margin: 10px 0 0 10px; */
    padding-bottom: 0px;
    clear: both;
}

#whiteBoxHover:hover {
    background-color: #fffbdf;
}

#whiteBoxHover2 {
    width: 700px;
    margin: 10px 0 0 0;
    padding-bottom: 30px;
    clear: both;
    /*--This stop it covering the blue box --*/
}

#whiteBoxHover2:hover {
    background-color: #fffbdf;
}

/* ross1 */

.res-box-001, .trip-box-001 {
    width: 23.076923076923077%;
    height: 115px;
    display: inline-block;
    border-radius: 11px;
    border: 3px solid #ddd;
    position: relative;
    float: left;
    /* margin-right: 20px; */
    overflow: hidden;
    margin-left: 2.564102564102564%;
    box-sizing: border-box;
}


span.radioY {
    float: left;
    margin-right: 10px;
    background: #f9f9f9;
    padding: 18px;
    border: 1px solid #ddd;
    border-radius: 10px 0px;
    DISPLAY: BLOCK;
    WIDTH: 56PX;
    margin-bottom: 15px;
}


span.radioN {
    float: left;
    background: #f9f9f9;
    padding: 18px;
    border: 1px solid #ddd;
    border-radius: 10px 0px;
    DISPLAY: BLOCK;
    WIDTH: 56PX;
}

span.radioROI {
    background: #f9f9f9;
    padding: 18px;
    border: 1px solid #ddd;
    border-radius: 10px 0px;
    DISPLAY: BLOCK;
    WIDTH: 172PX;
    margin-bottom: 15px;
}

span.radioCHI {
    background: #f9f9f9;
    padding: 18px;
    border: 1px solid #ddd;
    border-radius: 10px 0px;
    DISPLAY: BLOCK;
    WIDTH: 172PX;
    margin-bottom: 15px;
}

span.radioIOM {
    background: #f9f9f9;
    padding: 18px;
    border: 1px solid #ddd;
    border-radius: 10px 0px;
    DISPLAY: BLOCK;
    WIDTH: 172px;
    margin-bottom: 15px;
}

div.radioUK {
    background: #f9f9f9;
    padding: 18px;
    border: 3px solid #ddd;
    border-radius: 5px;
    DISPLAY: BLOCK;
    text-align: center;
    margin-bottom: 15px;
}

div.radioEUR {
    background: #f9f9f9;
    padding: 18px;
    border: 3px solid #ddd;
    border-radius: 5px;
    DISPLAY: BLOCK;
    text-align: center;
    margin-bottom: 15px;
}

div.radioEURX {
    background: #f9f9f9;
    padding: 18px;
    border: 3px solid #ddd;
    border-radius: 5px;
    DISPLAY: BLOCK;
    text-align: center;
    margin-bottom: 15px;
}

div.radioWWX {
    background: #f9f9f9;
    padding: 18px;
    border: 3px solid #ddd;
    border-radius: 5px;
    DISPLAY: BLOCK;
    text-align: center;
    margin-bottom: 15px;
}

div.radioWWI {
    background: #f9f9f9;
    padding: 18px;
    border: 3px solid #ddd;
    border-radius: 5px;
    DISPLAY: BLOCK;
    text-align: center;
    margin-bottom: 15px;
}

label {
    cursor: pointer;
}


.select_box_name {
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    padding: 6px 0px;
    background: #eeeeee;
    border-radius: 0px 0px 10px 10px;
    font-size: 20px;
    cursor: pointer;
}

.trip-box-001:hover {
    border: 3px solid #2c3690;
}

.active {
    border: 3px solid #2c3690 !important;
}

.countryFloat1:hover {
    border: 3px solid #2c3690;
}

.traveller-box-001:hover {
    border: 3px solid #2c3690;
}

.traveller-box-001,
.countryFloat1 {
    width: 23.076923076923077%;
    height: 115px;
    display: inline-block;
    border-radius: 11px;
    border: 3px solid #ddd;
    position: relative;
    float: left;
    /* margin-right: 15px; */
    box-sizing: border-box;
    overflow: hidden;
    margin-left: 2.564102564102564%;
    margin-right: 0px;
}

div#searchText {
    margin-top: 35px !important;
    display: block !important;
}



select#DOB, #dobd1, #dobm1, #doby1, #dobd2, #dobm2, #doby2, #dobd3, #dobm3, #doby3, #dobd4,
#dobm4, #doby4, #dobd5, #dobm5, #doby5, #dobd6, #dobm6, #doby6, #dobd7, #dobm7, #doby7,
#dobd8, #dobm8, #doby8, #dobd9, #dobm9, #doby9, #dobd10, #dobm10, #doby10 {
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    height: 40px;
    font-family: 'open_sansregular';
    color: #535353;
    width: 100%;
    margin-right: 2px;
}

/* RADIO wherever states 104=w or 131=h and is half of the whole image */

input, select, textarea {
    background-color: #fff;
    border: 1px solid #b8b8b8 !important;
    color: #333;
    font-size: 18px;
    font-weight: 300;
    padding: 8px 7px;
    /* width: 3%; */
    border-radius: 5px;
    color: #999;
}


input {
    box-sizing: border-box;
}

.showTravellersICFG {}



input[type=radio].css-radio-001-single {
    position: absolute;
    z-index: -1000;
    left: -1000px overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

input[type=radio].css-radio-001-single+label.css-label-radio-001-single {
    /* padding-left: 151px; */
    height: 128px;
    height: 63px !important;
    display: inline-block;
    line-height: 140px;
    background-repeat: no-repeat;
    background-position: center !important;
    background-size: 40px !important;
    vertical-align: middle;
    cursor: pointer;
}




input[type=radio].css-radio-001-single:checked+label.css-label-radio-001-single {
    background-position: 0 -140px;
}

/*
input[type=radio].css-radio-001-single:hover + label.css-label-radio-001-single {
background-position: 0 -140px;
}
*/

label.css-label-radio-001-single {
    background: url(/images/alc/single-globe.png) #fff;
    /*---White added---*/
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    width: 100%;
    user-select: none;
    background-size: 108px;
    background-position: 43px 5px !important;
}



input[type=radio].css-radio-001-annual {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

input[type=radio].css-radio-001-annual+label.css-label-radio-001-annual {
    /* padding-left: 151px; */
    height: 128px;
    height: 63px !important;
    display: inline-block;
    line-height: 140px;
    background-repeat: no-repeat;
    background-position: center !important;
    background-size: 40px !important;
    vertical-align: middle;
    cursor: pointer;
}



input[type=radio].css-radio-001-annual:checked+label.css-label-radio-001-annual {
    background-position: 0 -140px;
}

input[type=radio].css-radio-001-annual:hover+label.css-label-radio-001-annual {
    background-position: 0 -140px;
}

label.css-label-radio-001-annual {
    background: url(/images/alc/annual-globe.png) #fff;
    /*---Added to hide overflow of label---*/
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    background-position: 43px 5px !important;
    background-size: 108px;
}






input[type=radio].css-radio-001-indiv {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

input[type=radio].css-radio-001-indiv+label.css-label-radio-001-indiv {
    /* padding-left: 151px; */
    height: 82px;
    display: inline-block;
    line-height: 140px;
    background-repeat: no-repeat;
    background-position: center !important;
    background-size: 40px !important;
    vertical-align: middle;
    cursor: pointer;
}


input[type=radio].css-radio-001-indiv:checked+label.css-label-radio-001-indiv {
    background-position: 0 -140px;
}

input[type=radio].css-radio-001-indiv:hover+label.css-label-radio-001-indiv {
    background-position: 0 -140px;
}

label.css-label-radio-001-indiv {
    background: url(/images/alc/alv7-individual.png) #fff;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    background-position: 72px 28px !important;
    background-size: 55px;
}




input[type=radio].css-radio-001-couple {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

input[type=radio].css-radio-001-couple+label.css-label-radio-001-couple {
    /* padding-left: 151px; */
    height: 82px;
    display: inline-block;
    line-height: 140px;
    background-repeat: no-repeat;
    background-position: center !important;
    background-size: 70px !important;
    vertical-align: middle;
    cursor: pointer;
}

input[type=radio].css-radio-001-couple:checked+label.css-label-radio-001-couple {

    background-position: 0 -140px;
}

input[type=radio].css-radio-001-couple:hover+label.css-label-radio-001-couple {
    background-position: 0 -140px;
}

label.css-label-radio-001-couple {
    background: url(/images/alc/alv7-couple.png) #fff;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    background-position: 56px 20px !important;
    background-size: 95px;
}



input[type=radio].css-radio-001-family {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

input[type=radio].css-radio-001-family+label.css-label-radio-001-family {
    /* padding-left: 151px; */
    height: 82px;
    display: inline-block;
    line-height: 140px;
    background-repeat: no-repeat;
    background-position: center !important;
    background-size: 70px !important;
    vertical-align: middle;
    cursor: pointer;
}

input[type=radio].css-radio-001-family:checked+label.css-label-radio-001-family {
    background-position: 0 -140px;
}

input[type=radio].css-radio-001-family:hover+label.css-label-radio-001-family {
    background-position: 0 -140px;
}

label.css-label-radio-001-family {
    background: url(/images/alc/alv7-family.png) #fff;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    background-position: 40px 28px !important;
    background-size: 123px;
}

/* Multi-use section partition */
.section-partition {
    border: none;
    border-top: 1px solid #e0e0e0;
    margin: 24px 0;
}

input[type=radio].css-radio-001-group {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

input[type=radio].css-radio-001-group+label.css-label-radio-001-group {
    /* padding-left: 151px; */
    height: 82px;
    display: inline-block;
    line-height: 140px;
    background-repeat: no-repeat;
    background-position: center !important;
    background-size: 70px !important;
    vertical-align: middle;
    cursor: pointer;
}

input[type=radio].css-radio-001-group:checked+label.css-label-radio-001-group {
    background-position: 0 -140px;
}

input[type=radio].css-radio-001-group:hover+label.css-label-radio-001-group {
    background-position: 0 -140px;
}

label.css-label-radio-001-group {
    background: url(/images/alc/alv7-group.png) #fff;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    background-position: 36px 30px !important;
    background-size: 124px;
}



input[type=radio].css-radio-001-france {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

input[type=radio].css-radio-001-france+label.css-label-radio-001-france {
    /* padding-left: 151px; */
    height: 63px !important;
    display: inline-block;
    line-height: 140px;
    background-repeat: no-repeat;
    background-position: center !important;
    background-size: 40px !important;
    vertical-align: middle;
    cursor: pointer;
}

input[type=radio].css-radio-001-france:checked+label.css-label-radio-001-france {
    background-position: 0 -140px;
}

input[type=radio].css-radio-001-france:hover+label.css-label-radio-001-france {
    background-position: 0 -140px;
}

label.css-label-radio-001-france {
    background: url(/images/alc/alv7-france.png) #fff;
    /*---White added---*/
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    width: 100%;
    user-select: none;
    background-size: 108px;
    background-position: 43px 31px !important;
}




input[type=radio].css-radio-001-spain {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

input[type=radio].css-radio-001-spain+label.css-label-radio-001-spain {
    /* padding-left: 151px; */
    height: 63px !important;
    display: inline-block;
    line-height: 140px;
    background-repeat: no-repeat;
    background-position: center !important;
    background-size: 40px !important;
    vertical-align: middle;
    cursor: pointer;
}

input[type=radio].css-radio-001-spain:checked+label.css-label-radio-001-spain {
    background-position: 0 -140px;
}

input[type=radio].css-radio-001-spain:hover+label.css-label-radio-001-spain {
    background-position: 0 -140px;
}

label.css-label-radio-001-spain {
    background: url(/images/alc/alv7-spain.png) #fff;
    /*---White added---*/
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    width: 100%;
    user-select: none;
    background-size: 108px;
    background-position: 43px 31px !important;
}



input[type=radio].css-radio-001-usa {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

input[type=radio].css-radio-001-usa+label.css-label-radio-001-usa {
    /* padding-left: 151px; */
    height: 63px !important;
    display: inline-block;
    line-height: 140px;
    background-repeat: no-repeat;
    background-position: center !important;
    background-size: 40px !important;
    vertical-align: middle;
    cursor: pointer;
}

input[type=radio].css-radio-001-usa:checked+label.css-label-radio-001-usa {
    background-position: 0 -140px;
}

input[type=radio].css-radio-001-usa:hover+label.css-label-radio-001-usa {
    background-position: 0 -140px;
}

label.css-label-radio-001-usa {
    background: url(/images/alc/alv7-usa.png) #fff;
    /*---White added---*/
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    width: 100%;
    user-select: none;
    background-size: 108px;
    background-position: 43px 31px !important;
}



input[type=radio].css-radio-001-other {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

input[type=radio].css-radio-001-other+label.css-label-radio-001-other {
    /* padding-left: 151px; */
    height: 63px !important;
    display: inline-block;
    line-height: 140px;
    background-repeat: no-repeat;
    background-position: center !important;
    background-size: 40px !important;
    vertical-align: middle;
    cursor: pointer;
}

input[type=radio].css-radio-001-other:checked+label.css-label-radio-001-other {
    background-position: 0 -140px;
}

input[type=radio].css-radio-001-other:hover+label.css-label-radio-001-other {
    background-position: 0 -140px;
}

label.css-label-radio-001-other {
    background: url(/images/alc/alv7-other.png) #fff;
    /*---White added---*/
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    width: 100%;
    user-select: none;
    background-size: 108px;
    background-position: 43px 15px !important;
}


input.medicalSearchField {
    border: 1px solid #45758b;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 4px;
    background: #ffffff;
    text-transform: lowercase;
    font-size: 18px;
    text-align: left;
    width: 250px;
}


input[type=text], input[type=email], input[type=password] {
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-family: 'open_sansregular';
    color: #535353;
    width: 100%;
    height: 44px !important;
    /* padding-left: 10px; */
}



input#pcode1, #pcode2, #postCode {
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    height: 40px;
    font-family: 'open_sansregular';
    color: #535353;
    max-width: 115px;
    margin-right: 10px;
    display: inline-block;
    float: left;
}





input[type=number] {
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    height: 44px !important;
    width: 100%;
    -moz-appearance: textfield;
    /* FF not show side scroll on number input */
}


input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Chrome not show side scroll on number input */


input[type=number]#issueNumber {
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    height: 35px;
    font-family: 'open_sansregular';
    font-size: 15px;
    color: #535353;
    width: 100%;
}

input[type=number]#cardSecurity {
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    height: 30px;
    font-family: 'open_sansregular';
    color: #535353;
    width: 100%;
}


select {
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    height: 45px !important;
    font-family: 'open_sansregular';
    color: #535353;
    /* margin-right: 2px; */
    /* width: 192px; */
}



select#titleDrop {
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    line-height: 30px;
    width: 110px;
    height: 40px;
    background: #fff;
}

select#extras {
    border: 1px solid #707070];
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    line-height: 30px;
    height: 53px;
    width: 90%;
}


/* ross2 */

select#cardType {
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    height: 44px !important;
    font-family: 'open_sansregular';
    color: #535353;
    margin-right: 2px;
    width: 100%;
}

/* end */

select#startYear {
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    height: 52px !important;
    font-family: 'open_sansregular';
    color: #535353;
    margin-right: 2px;
    float: left;
    margin-top: 20px;
}


div.renWelcomeBoxCurrentLogoAGP {
    font-weight: bold;
    width: 85%;
    height: 42px;
    padding-top: 20px;
    margin-bottom: 10px;
    background: url(https://www.allcleartravel.co.uk/images/alc/aco_opg_lrg.gif) right no-repeat #fff;
}


div.renWelcomeBoxCurrentLogoAG {
    font-weight: bold;
    width: 85%;
    height: 42px;
    padding-top: 20px;
    margin-bottom: 10px;
    background: url(https://www.allcleartravel.co.uk/images/alc/aco_ops_lrg.gif) right no-repeat #fff;
}

div.renWelcomeBoxCurrentLogoAT {
    font-weight: bold;
    width: 85%;
    height: 42px;
    padding-top: 20px;
    margin-bottom: 10px;
    background: url(https://www.allcleartravel.co.uk/images/alc/aco_traveller_lrg.gif) right no-repeat #fff;
}

div.renWelcomeBoxCurrentLogoATX {
    font-weight: bold;
    width: 85%;
    height: 42px;
    padding-top: 20px;
    margin-bottom: 10px;
    background: url(https://www.allcleartravel.co.uk/images/alc/aco_traveller_lrg_ex.gif) right no-repeat #fff;
}

@media screen and (max-width: 400px) {
    div.renWelcomeBoxCurrentLogoAGP {
        width: 100%;
    }

    div.renWelcomeBoxCurrentLogoAG {
        width: 100%;
    }

    div.renWelcomeBoxCurrentLogoAT {
        width: 100%;
    }

    div.renWelcomeBoxCurrentLogoATX {
        width: 100%;
    }

}


/* CHECKCBOX wherever states 24px is width or height from half the image */

input[type=checkbox].css-checkbox {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

input[type=checkbox].css-checkbox+label.css-label-checkbox {
    padding-left: 41px;
    height: 24px;
    display: inline-block;
    line-height: 24px;
    background-repeat: no-repeat;
    background-position: 0 0;
    vertical-align: middle;
    cursor: pointer;
}


input[type=checkbox].css-checkbox:checked+label.css-label-checkbox {
    background-position: 0 -24px;
}

.css-label-checkbox {
    background-image: url(/images/alc/alv6-input-check-boxes.png);
}


.titletext {
    font-size: 58px;
    line-height: 70px;
}

@media (max-width:962px) {
    .titletext {
        font-size: 48px;
        line-height: 70px;
        text-align: center;
        margin-bottom: 30px;
    }

}


.addinput {
    -webkit-border-radius: 5px !important;
    font-family: 'open_sansregular' !important;
    color: #535353 !important;
    width: 80% !important;
    height: 44px !important;
}


ul.warrantyQs {
    margin: 20px 0 20px 0;
    padding: 0;
}

.warrantyQs li {
    margin: 0 0 25px 20px;
    line-height: 1.8;
    font-family: 'Roboto';
}

a.button {
    width: 215px;
    display: block;
    padding: 10px 0px;
    text-align: center;
    color: white;
    background: #2ecc71;
    border-radius: 10px;
    text-decoration: none;
    font-size: 18px;
    margin-bottom: 30px;
    float: right;
}


a.button:after {
    content: '\f054';
    font-family: 'fontAwesome';
    padding-left: 5px;
}

a.Medcont002-btn {
    width: 48%;
    display: block;
    padding: 10px 0px;
    text-align: center;
    color: white;
    background: #2ecc71;
    border-radius: 10px;
    text-decoration: none;
    font-size: 18px;
    margin-bottom: 30px;
    float: right;
}

a.Medcont002-btn:after {
    content: '\f054';
    font-family: 'fontAwesome';
    padding-left: 5px;
}

a.button-buy008 {
    width: 36%;
    display: block;
    padding: 10px 0px;
    text-align: center;
    color: white;
    background: #2ecc71;
    border-radius: 10px;
    text-decoration: none;
    font-size: 18px;
    margin-bottom: 30px;
    float: right;
}



a.button-buy008:after {
    content: '\f054';
    font-family: 'fontAwesome';
    padding-left: 5px;
}

a.btnReturn {
    width: 180px;
    display: block;
    padding: 10px 0px;
    text-align: center;
    color: #afaebf;
    background: #ffffff;
    border-radius: 10px;
    border: solid 2px #d0d0d0;
    text-decoration: none;
    font-size: 18px;
    margin-bottom: 30px;
    float: left;
}

a.btnReturn:before {
    content: '\f053';
    padding-right: 5px;
    font-family: 'fontAwesome';
}




a.buttonLogin {
    width: 400px;
    display: block;
    padding: 10px 0px;
    text-align: center;
    color: white;
    background: #2ecc71;
    border-radius: 10px;
    text-decoration: none;
    font-size: 18px;
    margin-bottom: 30px;
    float: right;
}

a.buttonLogin:after {
    content: '\f054';
    font-family: 'fontAwesome';
    padding-left: 5px;
}

.buttons_container {
    margin-top: 20px;
}

/* uses a unique class so that it doesnt fire the loader toggle */
a.button090 {
    width: 215px;
    display: block;
    padding: 10px 0px;
    text-align: center;
    color: white;
    background: #3498db;
    border-radius: 10px;
    text-decoration: none;
    font-size: 18px;
    margin-bottom: 30px;
    float: right;
}

a.button090:after {
    content: '\f09d';
    padding-left: 7px;
    font-family: FontAwesome;
}






#declarationBox {
    float: left;
    background-color: #d9edf7;
    padding: 30px;
    border-radius: 10px;
    margin-bottom: 45px;
    border: 3px solid #abd3e7;
    margin-top: 22px;
}

.alt_search_box {
    background: #f5f5f5;
    padding: 20px 1%;
    border-left: 6px solid #ddd;
    overflow: hidden;
    margin-top: 33px;
    box-sizing: content-box;
}


input.med-search {
    max-width: 80% !important;
    display: inline-block;
    border-radius: 30px 30px 30px 30px;
    border-right: 0px;
    float: left !important;
    box-sizing: border-box;
    height: 52px !important;
}



.med-search-submit {
    width: 18% !important;
    display: inline-block;
    float: right;
    padding: 12px 0px;
    border-radius: 10px;
    background-color: #2c3690;
    color: white;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
}



.travMedBoxTop {
    /* float: left; */
    /* width: 815px; */
    background-color: #2c3690;
    padding: 20px;
    margin-top: 20px;
    border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    border: 3px solid #ddd;
    font-size: 21px;
    color: #fff !important;
    font-family: 'Roboto', serif !important;
    font-weight: 400;
}

.travMedBox {
    /* float: left; */
    /* width: 815px; */
    background-color: #fff;
    padding: 20px;
    border-right: 3px solid #ddd;
    border-left: 3px solid #ddd;
    margin: 0;
}


.travMedBoxTitle {
    font-weight: 500;
    font-size: 25px;
    margin-bottom: 0px;
}

span.travMedBoxTitle {
    font-weight: 500;
    font-size: 25px;
}

.travMedBoxDivide {
    float: left;
    border-bottom: solid 3px #ddd;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 32px;
}


.MedBoxDivide {
    /* float: left; */
    border-bottom: solid 1px #ddd;
    /* width: 800px; */
    margin-top: 15px;
    margin-bottom: 1px;
}


.MedDivide {
    border-bottom: solid 3px #ddd;
    /* width: 865px; */
    margin-top: 25px;
    margin-bottom: 25px;
}


.travMedBoxBtm {
    /* float: left; */
    /* width: 815px; */
    background-color: #eee;
    padding: 20px;
    border-radius: 0px 0px 10px 10px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px 0px 10px 10px;
    border: 3px solid #ddd;
    overflow: hidden;
}


.warning:before {
    font-family: FontAwesome;
    content: '\f071';
    padding-right: 5px;
    color: #8a6d3b;
}

.warning {
    background: #fcf8e3;
    padding: 6px 23px;
    border-radius: 30px;
    margin-top: 12px;
}

# {
    float: left;
    width: 200px;
    padding: 5px 0 0 25px;
    height: 40px;
}

.medConditionEdit {
    float: left;
    margin-top: 10px;
    width: 120px;
    height: 40px;
}

.medConditionRmv {
    float: left;
    margin-top: 10px;
    width: 150px;
    height: 40px;
}

.medConditionLinked {
    margin-top: 10px;
    display: blc;
}


.Medadd-btn {
    background-color: #2c3690;
    width: 180px;
    text-align: center;
    text-decoration: none;
    color: white;
    border-radius: 10px;
    padding: 10px;
    cursor: pointer;
    float: right;
}


.Medadd-btn:before {
    font-family: FontAwesome;
    content: '\f067';
    color: white;
    padding-right: 5px;
    text-decoration: none;
}

.Medadd002-btn {
    width: 48%;
    display: inline-block;
    padding: 10px 0px;
    text-align: center;
    color: white;
    background: #2c3690;
    border-radius: 10px;
    text-decoration: none;
    font-size: 18px;
    margin-bottom: 30px;
    /* margin-right: 20px; */
    /* margin-left: 44px; */
}


.Medadd002-btn:before {
    content: '\f067';
    font-family: 'fontAwesome';
    padding-right: 5px;
}

.addCond-btn {
    background-color: #2ecc71;
    width: 180px;
    text-align: center;
    text-decoration: none;
    color: white;
    border-radius: 50px;
    padding: 10px;
    cursor: pointer;
    float: left;
    margin-bottom: 30px;
}


.addCond-btn:before {
    font-family: FontAwesome;
    content: '\f067';
    color: white;
    padding-right: 5px;
    text-decoration: none;
}

.medCont-btn {
    background-color: #3498db;
    width: 180px;
    text-align: center;
    text-decoration: none;
    color: white;
    border-radius: 50px;
    padding: 10px;
    cursor: pointer;
    float: left;
    margin-bottom: 30px;
}


.medCont-btn:after {
    content: '\f054';
    font-family: 'fontAwesome';
    padding-left: 5px;
    text-decoration: none;
}


.medFinish-btn {
    background-color: #2ecc71;
    width: 180px;
    text-align: center;
    text-decoration: none;
    color: white;
    border-radius: 50px;
    padding: 10px;
    cursor: pointer;
    float: left;
    margin-bottom: 30px;
}

.Medsearch-btn {
    background-color: #2c3690;
    width: 180px;
    text-align: center;
    text-decoration: none;
    color: white;
    border-radius: 10px;
    padding: 10px;
    cursor: pointer;
    float: right;
    font-size: 17px !important;
    box-sizing: border-box;
}



.Medsearch-btn:before {
    font-family: FontAwesome;
    content: '\f067';
    color: white;
    padding-right: 5px;
    text-decoration: none;
}

.Mededit-btn {
    background: transparent;
    padding: 6px 23px;
    text-decoration: none;
    color: white;
    border-radius: 10px;
    margin-left: 20px;
    border: 1px solid #999;
    color: #333;
    cursor: pointer;
}

.Mededit-btn:before {
    font-family: FontAwesome;
    content: '\f040';
    padding-right: 5px;
    color: #999;
}

.Medcancel-btn {
    background: #e7b8b8;
    padding: 6px 23px;
    text-decoration: none;
    color: #333;
    border-radius: 10px;
    cursor: pointer;
}

.Medcancel-btn:before {
    font-family: FontAwesome;
    content: '\f057';
    padding-right: 5px;
    color: #884848;
}


.MedicalQtable td {
    width: 100%;
    display: inline-block;
    margin-bottom: 10px;
}

table.MedicalQtable select {
    width: 50%;
}





/* Error box styles */
div.errorMain {
    z-index: 5;
    position: fixed;
    top: 30%;
    left: 30%;
    width: 450px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border: solid 1px #1e5772;
    background: #408dae;
    color: #fff;
    padding: 20px;
    box-shadow: 5px 5px 5px #888888;
}

div.errorTop {
    display: none;
}

div.errorBtm {
    display: none;
}

div.error2 {
    padding: 0 0 5px 22px;
    font-weight: bold;
}

ul.error {
    margin: 0;
    padding-bottom: 25px;
}

li.error {
    margin-bottom: 4px;
    line-height: 1.8;
    font-family: 'Roboto';
}

/* End Error box styles */




#waitDivImg1 {
    width: 400px;
    height: 50px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    font-family: 'Roboto Slab';
    font-size: 24px;
    color: #626262;
    padding: 30px;
    background: #fcf8e3;
    border: 3px solid #d5cb95;
    border-radius: 10px;
    position: fixed;
    display: block;
    display: none;
    top: 5%;
    z-index: 9999;
}

.waitDivImg1 {
    width: 400px;
    height: 50px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    font-family: 'Roboto Slab';
    font-size: 24px;
    color: #626262;
    padding: 30px;
    background: #fcf8e3;
    border: 3px solid #d5cb95;
    border-radius: 10px;
    position: fixed;
    display: block;
    display: none;
    top: 5%;
    z-index: 9999;
}


/* Start Medical Warranty */


#medicalMsg {
    /* background: #faebcc; */
    max-width: 510px;
    min-height: 320px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    border: solid 0px #1e5772;
    padding: 50px 20px 0 20px;
    color: #626262;
    text-align: left;
    cursor: pointer;
    position: relative;
    margin: 10% auto 0px;
    /* top: 271px; */
    /* left: 410px; */
    /* box-shadow: 5px 5px 5px #888888; */
    background: #fcf8e3;
    border: 3px solid #d5cb95;
    border-radius: 10px;
}



div.medicalMsgBox {
    z-index: 9999;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    background: rgba(0, 0, 0, 0.70);
    border-radius: 10px;
    height: 100%;
}

.medicalMsgFloat {
    float: left;
    /* margin: 0 30px 0 40px; */
}


.medicalMsgFloat2 {
    float: left;
}

div.duplicateMsgBox {
    z-index: 5;
    position: absolute;
    top: 30%;
    left: 22%;
    box-shadow: 5px 5px 5px #888888;
}

#duplicateMsg {
    background: #408dae;
    width: 510px;
    min-height: 270px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border: solid 1px #1e5772;
    padding: 50px 20px 0 20px;
    color: #ffffff;
    text-align: center;
}

.duplicateMsgButton {
    padding-left: 225px;
    height: 45px;
}

/* End Medical Warranty */


#waitMsg {
    /* background: #faebcc; */
    width: 510px;

    min-height: 320px !important;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    border: solid 0px #1e5772;
    padding: 50px 20px 20px 20px;
    color: #626262;
    text-align: left;
    cursor: pointer;
    position: relative;
    margin: 10% auto 0px;
    /* top: 271px; */
    /* left: 410px; */
    /* box-shadow: 5px 5px 5px #888888; */
    background: #fcf8e3;
    border: 3px solid #d5cb95;
    border-radius: 10px;
}


div.waitMsgBox {
    z-index: 9999;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    background: rgba(0, 0, 0, 0.70);
    border-radius: 10px;
    height: 100% !important;
}

.waitPad {
    padding: 10px 0 45px 180px;
}

b, strong {
    font-weight: 600;
}



#errorMsg {
    /* background: #faebcc; */
    max-width: 510px !important;
    min-height: 150px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    border: solid 0px #1e5772;
    padding: 20px 20px 0 20px;
    color: #626262;
    text-align: left;
    cursor: pointer;
    position: relative;
    margin: 10% auto 0px;
    /* top: 271px; */
    /* left: 410px; */
    /* box-shadow: 5px 5px 5px #888888; */
    background: #fcf8e3;
    border: 3px solid #d5cb95;
    border-radius: 10px;
}

div.errorMsgBox {
    z-index: 9999;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    background: rgba(0, 0, 0, 0.70);
    border-radius: 10px;
    height: 100%;
}

#loaderMsg {
    /* background: #faebcc; */
    max-width: 510px !important;
    min-height: 100px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    font-family: 'Roboto Slab';
    font-size: 24px;
    color: #626262;
    border: solid 0px #1e5772;
    padding: 20px 20px 0 20px;
    color: #626262;


    text-align: center;
    cursor: pointer;
    position: relative;
    margin: 10% auto 0px;
    /* top: 271px; */
    /* left: 410px; */
    /* box-shadow: 5px 5px 5px #888888; */
    background: #fcf8e3;
    border: 3px solid #d5cb95;
    border-radius: 10px;
}

div.loaderMsgBox {
    z-index: 9999;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    background: rgba(0, 0, 0, 0.70);
    border-radius: 10px;
    height: 100%;
}

#medConditionName {
    float: left;
    width: 200px;
    padding-top: 5px;
    height: 40px;
}

#medConditionLinked {
    font-style: italic;
    color: #5D5D5D;
    padding-top: 5px;
}

.container-name select {
    width: 50%;
}

.buttonDiv {
    background: #f8f8f8;
    padding: 14px 0px;
    border: 1px solid #ddd;
}



.travellersMedicalTable {
    width: 100%;
}

span.qtxtlow {
    color: #777;
    display: block;
    background: url(/images/alc/alv6-medq-tick.png) no-repeat;
    padding: 0 0 10px 25px;
}

span.qtxthigh {
    color: #1d5871;
    display: block;
    background: url(/images/alc/alv6-medq-arrow.png) no-repeat;
    padding: 0 0 1px 35px;
    margin-right: 10px;
}


/* Start Country Checker styles */
/* .overlay box position is set in the jquery within the comp */
/* some of the styles are hardcoded into the _CNTRYCHK component */
@media screen and (min-width: 1100px) {
    a#overlaylaunch-inAbox {}
}

@media screen and (min-width: 768px) and (max-width: 1099px) {
    a#overlaylaunch-inAbox {}
}

@media screen and (max-width: 767px) {
    a#overlaylaunch-inAbox {
        display: none;
    }
}

a#overlaylaunch-inAbox:hover {}

#overlay-inAbox .wrapper {
    text-align: center;
}

.overlay, #overlay-shade {
    display: none;
}

#overlay-shade {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    background-color: #000;
}

.cover-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 272px;
    height: 24px;
    border-radius: 16px;
    padding: 4px 12px;
    margin-right: 8px;
    /* gap between the pill and following text */
    color: var(--color-neutral-0, #ffffff);
    box-sizing: border-box;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: var(--pill-color, #9D7B12);
    font-style: italic;
    font-size: 14px;
    /* small to fit in 24px height */
    line-height: 16px;
    /* content fits inside height */
}

.overlay .wrapper {
    padding: 15px 30px 30px;
}

.overlay .toolbar {
    padding: 8px;
    line-height: 1;
    text-align: right;
    overflow: hidden;
}

.overlay .toolbar a.close {
    display: inline-block;
    *display: inline;
    zoom: 1;
    padding: 5px;
    text-decoration: none;
    line-height: 18px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    color: #fff;
    background: #ffa500;
}

.overlay .toolbar a.close:hover span {
    background-color: #626262;
    color: #fff;
}

.overlaytxt {
    color: #fff;
    padding: 0 0 15px 0;
}

/* End Country Checker styles */



/*Start Summary Styles */

























.quoteFloat1 {
    float: left;
    width: 200px;
}

.retrieveQteFloat {
    float: left;
    width: 180px;
}




@media screen and (min-width: 1100px) {
    .pad2 {
        height: 2px;
    }

    .pad5 {
        height: 5px;
    }

    .pad8 {
        height: 8px;
    }

    .pad10 {
        height: 8px;
    }

    .pad15 {
        height: 15px;
    }

    .pad20 {
        height: 20px;
    }

    .pad25 {
        height: 25px;
    }

    .pad30 {
        height: 30px;
    }

    .pad35 {
        padding: 35px 0 0 0;
    }

    .pad45 {
        padding: 45px 0 0 0;
    }

    .pad45a {
        padding: 45px 0 0 0;
    }

    .pad50 {
        height: 50px;
    }

    .height25 {
        height: 25px;
    }
}


@media screen and (min-width: 768px) and (max-width: 1099px) {
    .pad2 {
        height: 2px;
    }

    .pad5 {
        height: 5px;
    }

    .pad8 {
        height: 8px;
    }

    .pad10 {
        height: 8px;
    }

    .pad15 {
        height: 15px;
    }

    .pad20 {
        height: 20px;
    }

    .pad25 {
        height: 25px;
    }

    .pad30 {
        height: 30px;
    }

    .pad35 {
        padding: 35px 0 0 0;
    }

    .pad45 {
        padding: 45px 0 0 0;
    }

    .pad50 {
        height: 50px;
    }

    .height25 {
        height: 25px;
    }
}


@media screen and (max-width: 767px) {
    .pad2 {
        height: 2px;
    }

    .pad5 {
        height: 5px;
    }

    .pad8 {
        height: 8px;
    }

    .pad10 {
        height: 8px;
    }

    .pad15 {
        height: 15px;
    }

    .pad20 {
        height: 15px;
    }

    .pad25 {
        height: 15px;
    }

    .pad30 {
        height: 15px;
    }

    .pad35 {
        height: 15px;
    }

    .pad45 {
        height: 15px;
    }

    .pad50 {
        height: 15px;
    }

    .height25 {
        height: 15px;
    }
}


@media screen and (max-width: 1200px) {
    #headerContainerBox1 {
        width: 100%;
        margin: auto;
        display: block;
        text-align: center;
    }

    #headerContainerBox2 {
        max-width: 560px;
        display: inline-block;
        text-align: center;
        margin: auto;
        display: block;
        width: 100%;
        float: none !important;
    }
}





.resFloat1 {
    margin-top: 10px;
    padding-top: 8px;
}

.resFloat2 {
    float: left;
    width: 300px;
    margin-top: 10px;
}

.singleFloat1 {
    margin-top: 10px;
    padding-right: 10px;
    padding-top: 8px;
}

.singleFloat2 {
    float: left;
    width: 250px;
    margin-top: 10px;
    padding-top: 8px;
}

.datesFloat {
    margin-top: 10px;
    padding-top: 8px;
}


.travellingFloat1 {
    margin-top: 10px;
    padding-top: 8px;
}


.warrantyFloat1 {
    /* float: left; */
    /* width: 800px; */
    margin-top: 10px;
    padding-top: 8px;
}

.warrantyFloat2 {
    float: left;
    width: 305px;
}

.warrantyFloat3 {
    /* float: left; */
    /* width: 835px; */
}




.warrantyFloat4 {
    float: left;
    width: 850px;
}

.warrantyFloat5 {
    /* float: left; */
    /* width: 680px; */
}



.travsFloat1-5 {
    float: left;
    width: 190px;
    margin-top: 10px;
    /* height: 42px; */
    padding-top: 8px;
    display: inline-block;
    /* margin-right: 1%; */
}

.travsFloat1 {
    float: left;
    /* width: 110px; */
    margin-top: 10px;
    /* height: 42px; */
    padding-top: 8px;
    display: inline-block;
    /* margin-right: 1%; */
}


.travsFloat2 {
    float: left;
    width: 190px;
    margin-top: 10px;
    /* margin-right: 4%; */
    height: 42px;
    padding-top: 8px;
    /* display: inline-block; */
    margin-left: 1%;
    margin-right: 1%;
}






.travsFloat2 input[type=text] {
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    height: 35px;
    font-family: 'open_sansregular';
    color: #535353;
    width: 100%;
    padding-left: 10px;
}

.travsFloat4, .travsFloat3 {
    float: left;
    margin-top: 10px;
    padding-top: 8px;
    /* max-width: 144px; */
    margin-right: 1%;
    display: inline-block;
}



.travsFloat4 select, .travsFloat3 select, .travsFloat1 select {
    /* height: 53px!important; */
    width: 100%;
}


.travsFloat5 {
    float: left;
    width: 250px;
    margin-top: 10px;
    height: 42px;
    padding-top: 8px
}

.travsFloat6 {
    float: left;
    width: 250px;
}

.travsFloat7 {
    margin-top: 10px;
    height: 42px;
    padding-top: 8px;
}

.travsFloat7 input[type=email] {
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    height: 35px;
    font-family: 'open_sansregular';
    color: #535353;
    padding-left: 10px;
    max-width: 325px;
    width: 254px;
}

div#travellersBox h4 {
    margin-bottom: -11px;
    padding-top: 28px;
}

.staying-001 {
    /* float: left; */
    /* width: 820px; */
}


.quesFloat1 {
    float: left;
    width: 110px;
    margin-top: 10px;
    height: 42px;
    padding-top: 8px
}


.cardFloat1 {
    float: left;
    width: 110px;
    margin-top: 10px;
    height: 42px;
    padding-top: 8px
}

.cardFloat2 {
    float: left;
    width: 250px;
    margin-top: 10px;
    height: 50px;
}



.cardFloat4 {
    float: left;
    height: 52px !important;
    width: 48%;
}


.quesFloat1a {
    float: left;
    width: 125px;
    padding-bottom: 15px;
}

.quesFloat1b {
    float: left;
    width: 35px;
    padding-bottom: 15px;
}

.quesFloat1c {
    float: left;
    width: 160px;
    margin-top: 10px;
    /* height: 42px; */
    padding-top: 8px;
}

.quesFloat1d {
    float: left;
    width: 160px;
    margin-top: 10px;
    margin-right: 40px;
    height: 42px;
    padding-top: 8px
}

.quesFloat2 {
    /* float: left; */
    /* width: 250px; */
    margin-top: 10px;
    height: 50px;
}

.quesFloat2a {
    float: left;
    width: 150px;
    padding-bottom: 15px;
}

.quesFloat3 {
    float: left;
    width: 70px;
}

.quesFloat3a {
    float: left;
    width: 200px;
    padding-bottom: 15px;
}

.quesFloat4 {
    float: left;
    width: 550px;
    padding: 3px 0 0 0;
}

.quesFloat5 {
    float: left;
    width: 104px;
}

.quesFloat6 {
    float: left;
    width: 120px;
}

.quesFloat7 {
    float: left;
    width: 60px;
}

.quesFloat8 {
    float: left;
    width: 260px;
}

.quesFloat9 {
    float: left;
    width: 250px;
}

.quesFloat9a {
    float: left;
    width: 220px;
    margin-right: 25px;
}

.quesFloat9b {
    float: left;
    width: 120px;
    padding-right: 20px;
}

.quesFloat10 {
    float: left;
    width: 140px;
}

.quesFloat11 {
    float: left;
    width: 180px;
}

.quesFloat12 {
    float: left;
    width: 20px;
}

.quesFloat13 {
    float: left;
    width: 200px;
}

.quesFloat14 {
    float: left;
    width: 285px;
    padding-bottom: 15px;
}

.quesFloat15 {
    float: left;
    width: 250px;
    margin-top: 10px;
    height: 50px;
}

.quesEmailFloat1 {
    float: left;
    width: 450px;
    margin-top: 10px;
    height: 42px;
    padding-top: 8px;
}

.quesEmailFloat2 {
    float: left;
    width: 450px;
    margin-top: 10px;
    padding-top: 8px;
}

.postCodeFloat {
    margin-top: 10px;
    height: 42px;
    padding-top: 8px;
}

.postCodeFloat input[type=email] {
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    height: 35px;
    font-family: 'open_sansregular';
    color: #535353;
    padding-left: 10px;
    max-width: 325px;
    width: 254px;
}

.quesFloatHelp {
    float: left;
    width: 150px;
    padding: 0 0 0 0;
}

.quesFloatHelp2 {
    float: left;
    width: 50px;
    padding: 25px 0 0 10px;
}

.quesFloatHelp3 {
    float: left;
    width: 50px;
    padding: 45px 0 0 0;
}

.quesFloatHelp4 {
    float: left;
    width: 50px;
    padding: 28px 0 0 0;
}

.tripFloatHelp {
    float: left;
    width: 50px;
    padding: 19px 0 0 0;
    cursor: pointer;
}

.travFloatHelp {
    float: left;
    width: 50px;
    padding: 25px 0 0 0;
    cursor: pointer;
}

.stayingFloatHelp {
    float: left;
    width: 50px;
    cursor: pointer;
}

.warFloatHelp {
    float: left;
    width: 50px;
    padding: 0 0 0;
    cursor: pointer;
}

.warFloatHelp2 {
    float: left;
    width: 50px;
    padding: 5px 0 0 0;
    cursor: pointer;
}

.fa-question-circle {
    font-size: 33px !important;
    color: #2c3690;
    cursor: pointer;
}

.fa-question-circle:before {
    content: "\f059";
    vertical-align: middle;
    padding-left: 6px;
}


/* HELP TEXT STYLES START */


.helptext {
    width: 40%;
    background-color: #fff;
    color: #2c3690;
    text-align: left;
    border-width: 5px;
    border-radius: 0px 5px 5px 5px;
    padding: 15px 15px;
    position: absolute;
    z-index: 1001;
    font-size: 14px;
    -webkit-box-shadow: 3px 3px 5px 6px #ccc;
    -moz-box-shadow: 3px 3px 5px 6px #ccc;
    box-shadow: 3px 3px 6px 0px #2c3690;
}

.helptext::after {
    border-left: 20px solid transparent;
    border-top: 20px solid #2c3690;
    top: 0px;
    content: "";
    position: absolute;
    left: -20px;
}

/* 001 */
#reschk {
    right: 5%;
}

#TripHelp {
    right: 5%;
}

#ADatesHelp {
    right: 5%;
}

#SDatesHelp {
    right: 5%;
}

#SCntryHelp {
    right: 5%;
}

#TravsHelp {
    right: 5%;
}

#dob {
    right: 5%;
}

#CruHelp {
    right: 5%;
}

/* Warranty */
#War1Help {
    right: 10%;
}

#War1Help2 {
    right: 10%;
}

#War1Help3 {
    right: 10%;
}

#War1Help4 {
    right: 10%;
}

/* Panel */
#QteSum1Help {
    right: 22%;
}

/* 008 */
#ExcesswHelp {
    right: 12%;
}

#excessHelp {
    right: 12%;
}

#GadgetHelp {
    right: 12%;
}

#TravdisHelp {
    right: 12%;
}

#winterHelp {
    right: 12%;
}

#golfHelp {
    right: 12%;
}

#waitHelp {
    right: 12%;
}

#travcoHelp {
    right: 12%;
}

#safiHelp {
    right: 12%;
}


@media only screen and (max-width: 650px) {
    #ExcesswHelp {
        right: 4%;
    }

    #GadgetHelp {
        right: 4%;
    }

    #TravdisHelp {
        right: 4%;
    }

    #winterHelp {
        right: 4%;
    }

    #golfHelp {
        right: 4%;
    }

    #waitHelp {
        right: 4%;
    }

    #travcoHelp {
        right: 4%;
    }

    #safiHelp {
        right: 4%;
    }

    #CruHelp {
        right: 4%;
    }

    #reschk {
        right: 4%;
    }

    #War1Help {
        right: 4%;
    }

    #War1Help2 {
        right: 4%;
    }

    #War1Help3 {
        right: 4%;
    }

    #War1Help4 {
        right: 4%;
    }

    #QteSum1Help {
        right: 4%;
    }

    #dob {
        right: 4%;
    }

    #TripHelp {
        right: 3%;
    }


    .helptext {
        width: 90%;
        z-index: 0;
        position: inherit;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .helptext::after {
        display: none;
    }

}


/* HELP TEXT STYLES END */

.inputbox {
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 15px;
    border: 3px solid black;
}

.trustpilotbox {
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 15px;
    margin-top: 15px;
    border: 3px solid black;
}



.helptextSum {
    z-index: 9999;
    background-color: #d9edf7;
    padding: 30px;
    border-radius: 10px;
    margin-bottom: 15px;
    border: 3px solid #abd3e7;
}

.errorText {
    display: block;
    float: left;
    background: #f2dede;
    color: #333;
    font-size: 16px;
    text-decoration: none;
    padding: 5px 20px 5px 20px;
    border: 3px solid #a94442;
    text-align: center;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    margin: 8px 0 0 40px;
}

.errorText:before {
    content: '\F057' !important;
    padding-right: 10px !important;
    color: #ff8d8d !important;
    font-size: 23px !important;
    vertical-align: middle !important;
    font-family: 'fontAwesome' !important;
}

.errorText2 {
    display: block;
    float: left;
    background: #f2dede;
    color: #333;
    font-size: 16px;
    text-decoration: none;
    padding: 5px 20px 5px 20px;
    margin-bottom: 10px;
    border: 3px solid #a94442;
    text-align: center;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.errorText2:before {
    content: '\F057' !important;
    padding-right: 10px !important;
    color: #ff8d8d !important;
    font-size: 23px !important;
    vertical-align: middle !important;
    font-family: 'fontAwesome' !important;
}

.errorText3 {
    display: block;
    float: left;
    background: #f2dede;
    color: #333;
    font-size: 16px;
    text-decoration: none;
    padding: 5px 20px 5px 20px;
    margin-top: 20px;
    border: 3px solid #a94442;
    text-align: center;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.errorText3:before {
    content: '\F057' !important;
    padding-right: 10px !important;
    color: #ff8d8d !important;
    font-size: 23px !important;
    vertical-align: middle !important;
    font-family: 'fontAwesome' !important;
}

.floatw110mt10 {
    float: left;
    width: 110px;
    margin-top: 10px;
    height: 50px;
}

.floatw200mt10 {
    float: left;
    width: 135px;
    margin-top: 10px;
}

.floatw110mt20 {
    float: left;
    width: 110px;
    margin-top: 10px;
    height: 50px;
}

.floatw200mt20 {
    float: left;
    width: 135px;
    margin-left: 20px;
}

.floatw200mt10b {
    float: left;
    width: 186px;
    margin-top: 10px;
}

.emailfield {
    float: left;
    width: 340px;
    margin-top: 10px;
}



.floatw200mt20b {
    float: left;
    width: 186px;

}


.floatw200mt10h150 {
    float: left;
    width: 200px;
    margin-top: 10px;
    height: 150px;
}

.floatw250mt10 {
    float: left;
    width: 250px;
    margin-top: 10px;
    height: 50px;
}

.floatwmt10 {
    float: left;
    margin-top: 10px;
    margin-left: 130px;
    height: 50px;
}

.floatw200mt10noHeight {
    float: left;
    width: 425px;
    margin-top: 10px;
}

.travNumber001 {
    font-weight: bold;
}




@media screen and (max-width: 767px) {
    .ui-datepicker {
        z-index: 1000 !important;
        font-size: 100% !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1099px) {
    .ui-datepicker {
        z-index: 1000 !important;
        font-size: 125% !important;
        width: 60% !important;
    }
}

@media screen and (max-width: 807px) {
    span.edit_quote.quote_adjust_btn {
        width: 49%;
        text-align: center;
    }

    span.edit_quote.quote_adjust_btn {
        width: 49%;
        text-align: center;
        margin-left: 1%;
    }

    span.summary.quote_adjust_btn {
        width: 49%;
        margin-left: 0px;
        text-align: center;
        Margin-top: 10px;
    }

    span.features_explained {
        width: 49%;
        text-align: center;
        Margin-top: 10px;
    }
}

@media screen and (min-width: 807px) {
    .save_quote, .edit_quote, .summary {
        text-align: right;
        /* background: #3498db; */
        /* margin-bottom: 10px; */
        padding: 5px 20px;
        border-radius: 10px;
        border: 1px solid #999;
        /* padding-right: 17px; */
        display: inline-block;
        /* float: right; */
        color: #333333;
        margin-left: 8px;
        cursor: pointer;
    }
}





/* Panel rows */

.quote_cell.btn_title {
    PADDING-TOP: 15PX !important;
    MARGIN: 0PX;

}


.quote_cell.btn_title {
    color: #000 !important;
}

.quote_cell.btn_title {
    background: #f9f9f9 !important;
    border: none !important;
}

.quote_container.quote_header {
    border: none;
    background: #f9f9f9;
    border-radius: 20px 0px 0px 0px;
    height: 109px;
}


.quote_cell.provider_title {
    border-radius: 20px 0px 0px 0;
}

.quote_container.quote_header .quote_cell {
    background: #275f77;
    color: white;
    border: none;
    border-right: 1px solid;
    padding: 39px 0px 42px 0px;
}

.quote_cell.btn_title {
    border: none;
    padding-top: 28px;
}

.quote_cell.provider, .quote_cell.price, .quote_cell.medical, .quote_cell.baggage, .quote_cell.cancellation, .quote_cell.btn {
    height: 96px;
}

.quote_cell {
    background: #f9f9f9;
    text-align: center;
    /* padding: 50px 0px; */
    /* display: inline-block; */
    padding: 48px 0px 0px 0px;
    float: left;
    /* HEIGHT: 104PX; */
    border-right: 1px solid #ddd;
}

.quote_container {
    height: 144px;
    border: 1px solid #ddd;
    border-bottom: 5px solid #ddd;
    margin-bottom: 15px;
    clear: both;
}

.quote_cell.btn {
    border: none;
    float: right;
    display: block;
    margin-right: 15px;
    padding-top: 25px;
}

.quote_cell.price {
    font-size: 27px;
    color: #000;
}

.quote_container {
    background: #f9f9f9;
}

.quote_header .quote_cell, .quote_cell.cancellation, .quote_cell.baggage, .quote_cell.medical, .quote_cell.price, .quote_cell.provider {
    width: 144.6px;
}

.quote_container.quote_header.quote_cell {
    padding: 26px 0px 0px 0px !important;
}

/* Provider row CSS */

.features_explained {
    text-align: right;
    /* background: #3498db; */
    /* margin-bottom: 10px; */
    padding: 5px 20px;
    border: 1px solid #999;
    /* padding-right: 17px; */
    display: inline-block;
    /* float: right; */
    border-radius: 10px;
    color: #333333;
    margin-left: 8px;
    cursor: pointer;
}

.fa-refresh:before {
    content: "\f021";
    color: #333333;
    padding-right: 6px;
}

h3.number_quote:before {
    content: '\f046';
    padding-right: 5px;
    font-family: fontAwesome;
    color: #679442;
    vertical-align: middle;
}

.select_btn {
    background: #2ecc71;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 6px;
    cursor: pointer;
    text-decoration: inherit;
    color: #fff;
    display: block;
    width: 71%;
    margin: auto;
}



a.select_btn:after {
    content: '\f054';
    font-family: 'fontAwesome';
    padding-left: 5px;
    text-decoration: #none;
}

.buy_btn {
    width: 215px;
    display: block;
    padding: 10px 0px;
    text-align: center;
    color: white;
    background: #2ecc71;
    border-radius: 30px;
    text-decoration: none;
    font-size: 18px;
    margin-bottom: 30px;
    float: right;
}


a.buy_btn:after {
    content: '\f054';
    font-family: 'fontAwesome';
    padding-left: 5px;
    text-decoration: #none;
}


.edit_quote008 {
    width: 33%;
    text-align: center;
    /* background: #3498db; */
    /* margin-bottom: 10px; */
    padding: 10px;

    border: 1px solid #999;
    /* padding-right: 17px; */
    display: inline-block;
    /* float: right; */
    border-radius: 10px;
    color: #333333;
    /* margin-left: 8px; */
    cursor: pointer;
    box-sizing: border-box;
    text-decoration: none !important;
}


.edit_quote008:before {
    font-family: 'fontAwesome';
}

a.edit_quote008:before {
    content: '\f044';
    padding-right: 5px;
    text-decoration: none !important;
}



.select_btn_info {
    background: rgba(62, 142, 175, 0.25);
    padding: 2px;
    border-radius: 10px;
    border: 0px solid #ddd;
    margin-bottom: 6px;
    cursor: pointer;
    color: #275f77;
    width: 83%;
    margin: auto;
    margin-top: 10px;
}



.select_btn_info:after {
    font-family: 'FontAwesome';
    content: '\f05a';
    color: rgb(39, 95, 119);
}

.select_btn_info a {
    text-decoration: inherit;
    color: #1b4456;
}

.number_quote {
    background: #dff0d8;
    font-size: 27px;
    border-radius: 10px;
    text-align: center;
    box-sizing: content-box;
    border: 3px solid #ccdcbf;
    /* width: 850px; */
    padding: 3% 1%;
}

/* header number class */
.sw-number2 a {
    text-align: left;
    float: right;
    padding-left: 0px;
    font-weight: 900;
    position: relative;
    font-style: inherit;
    color: #2d3995;
    font-family: roboto;
    margin-right: 10px;
}

.QteSumHelp {
    float: left;
    margin: 10px 10px 10px 0;
}

.features_explained_1 {
    font-style: italic;
}

.change {
    padding-right: 0px;
}

.save_quote,
.edit_quote,
.summary {
    text-align: right;
    /* background: #3498db; */
    /* margin-bottom: 10px; */
    padding: 5px 20px;
    border-radius: 10px;
    border: 1px solid #999;
    /* padding-right: 17px; */
    display: inline-block;
    /* float: right; */
    color: #333333;
    margin-left: 8px;
    cursor: pointer;
}

.save_quote:before,
.edit_quote:before,
.summary:before {
    font-family: 'fontAwesome';
}

.save_quote:before {
    content: '\F0C7';
    padding-right: 5px;
}

.edit_quote:before {
    content: '\f044';
    padding-right: 5px;
}

.save_quote, .edit_quote, .summary, .features_explained {
    box-sizing: border-box;
}


.summary:before {
    content: '\f022';
    padding-right: 5px;
}


pan.btn {
    background: #2ecc71;
    padding: 10px 0px;
    color: white;
    border-radius: 51px;
    box-sizing: border-box;
    margin-bottom: 10px;
    width: 83%;
    display: block;
    margin: 0 auto 10px;
}

pan.btn_info {
    background: rgba(62, 142, 175, 0.25);
    padding: 2px 0px;
    border-radius: 10px;
    border: 0px solid #ddd;
    margin-bottom: 6px;
    cursor: pointer;
    color: #275f77;
    width: 83%;
    margin: auto;
    margin-top: 10px;
}

.panelExcess {
    font-size: 14px;
    color: #28a228;
}

/*--Standard styles for grid---*/

#panelMoreDiv1, #panelMoreDiv2, #panelMoreDiv3, #panelMoreDiv4, #panelMoreDiv5, #panelMoreDiv6, #panelMoreDiv7,
#panelMoreDiv8, #panelMoreDiv9, #panelMoreDiv10, #panelMoreDiv11, #panelMoreDiv12, #panelMoreDiv13,
#panelMoreDiv14, #panelMoreDiv15, #panelMoreDiv16, #panelMoreDiv17, #panelMoreDiv18, #panelMoreDiv19,
#panelMoreDiv20, #panelMoreDiv21, #panelMoreDiv22, #panelMoreDiv23, #panelMoreDiv24, #panelMoreDiv25,
#panelMoreDiv26, #panelMoreDiv27, #panelMoreDiv28, #panelMoreDiv29, #panelMoreDiv30 {
    display: block;
    display: none;
    overflow: auto;
    width: 94%;
    padding: 3%;
    margin-bottom: 40px;
}


div#panelMoreDiv1, div#panelMoreDiv2, div#panelMoreDiv3, div#panelMoreDiv4, div#panelMoreDiv5, div#panelMoreDiv6, div#panelMoreDiv7,
div#panelMoreDiv8, div#panelMoreDiv9, div#panelMoreDiv10, div#panelMoreDiv11, div#panelMoreDiv12, div#panelMoreDiv13, div#panelMoreDiv14,
div#panelMoreDiv15, div#panelMoreDiv16, div#panelMoreDiv17, div#panelMoreDiv18, div#panelMoreDiv19, div#panelMoreDiv20, div#panelMoreDiv21,
div#panelMoreDiv22, div#panelMoreDiv23, div#panelMoreDiv24, div#panelMoreDiv25, div#panelMoreDiv26, div#panelMoreDiv27, div#panelMoreDiv28,
div#panelMoreDiv29, div#panelMoreDiv30, div#panelMoreDiv31, div#panelMoreDiv32, div#panelMoreDiv33, div#panelMoreDiv34, div#panelMoreDiv35 {
    background: #f9f9f9;
    border: 1px solid;
    border: 1px solid #ddd;
    border-bottom: 5px solid #ddd;
}


.panelClose {
    height: 40px;
    padding-top: 20px;
}


.PanelMore {
    /* background: #faebcc; */
    max-width: 900px;
    background-color: #fff;
    border: 1px solid #e5e5e5;



    padding-top: 50px;
    padding-left: 50px;
    padding-right: 50px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    text-align: left;
    position: relative;
    /* position: relative; */
    margin: 6% auto 0px;
    overflow-y: auto;
    max-height: calc(100vh - 210px);
}


div.PanelMoreBox {
    z-index: 9999;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    background: rgba(0, 0, 0, 0.02);
    border-radius: 10px;
    height: 100%;
}

.showing-PanelMore {
    overflow: hidden;
}

.PanelSumDivide {
    float: left;
    border-bottom: solid 1px #ddd;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
}


.panel_close {
    text-align: right;
    /* background: #3498db; */
    /* margin-bottom: 10px; */
    padding: 5px 20px;
    border-radius: 10px;
    border: 1px solid #999;
    /* padding-right: 17px; */
    display: inline-block;
    /* float: right; */
    color: #333333;
    margin-left: 8px;
    cursor: pointer;
}

.panel_close:before {
    font-family: 'fontAwesome';
}

.panel_close:before {
    content: '\f00d';
    padding-right: 5px;
}


.error_close {
    text-align: right;
    /* background: #3498db; */
    /* margin-bottom: 10px; */
    padding: 5px 20px;
    border-radius: 5px;
    border: 1px solid #999;
    /* padding-right: 17px; */
    display: inline-block;
    /* float: right; */
    border-radius: 30px;
    color: #333333;
    margin-left: 8px;
    cursor: pointer;
}

.error_close:before {
    font-family: 'fontAwesome';
}

.error_close:before {
    content: '\f00d';
    padding-right: 5px;
}

.error_closePad {
    padding: 10px 0 25px 380px;
}


.MoreInfoPrem {
    background-color: #dff0d8;
    border: 3px solid #ccdcbf;
    /* width: 873px; */
    /* height: 100px; */
    border-radius: 10px;
    padding: 25px 10px 10px 10px;
    position: relative;
    /* MARGIN: AUTO; */
    OVERFLOW: hidden;
    margin: 40px 0 20px;
}


.question_medical {
    float: left;
    width: 100px;
    font-size: 21px;
    color: #000 !important;
    font-family: 'Roboto', serif !important;
    font-weight: 400;
    margin: 0 10px 10px 0;
}

.question_medical:before {
    float: left;
    content: '\f0fa';
    font-family: fontAwesome;
    padding-right: 5px;
}

.question_cancellation {
    float: left;
    width: 140px;
    font-size: 21px;
    color: #000 !important;
    font-family: 'Roboto', serif !important;
    font-weight: 400;
    margin: 0 10px 10px 0;
}

.question_cancellation:before {
    float: left;
    content: '\f05e';
    font-family: fontAwesome;
    padding-right: 5px;
}

.question_baggage {
    float: left;
    width: 120px;
    font-size: 21px;
    color: #000 !important;
    font-family: 'Roboto', serif !important;
    font-weight: 400;
    margin: 0 10px 10px 0;
}

.question_baggage:before {
    float: left;
    content: '\f0f2';
    font-family: fontAwesome;
    padding-right: 5px;
}

.question_information {
    float: left;
    width: 200px;
    font-size: 21px;
    color: #000 !important;
    font-family: 'Roboto', serif !important;
    font-weight: 400;
    margin: 0 10px 10px 0;
}

.question_infomation:before {
    float: left;
    content: '\f05a';
    font-family: fontAwesome;
    padding-right: 5px;
}

.fa-check:before {
    content: "\f00c";
    color: #28a228;
}

.fa-remove:before, .fa-close:before, .fa-times:before {
    content: "\f00d";
    color: #bb1b1b;
}

.MoreInfoTravel {
    background-color: #f9f9f9;
    padding: 30px;
    border-radius: 1px;
    margin-bottom: 15px;
    border-right: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    border-left: 5px solid #dddddd;
}

.MoreInfoRefund {
    background-color: #565EA6;
    padding: 30px;
    border-radius: 1px;
    margin-bottom: 15px;
    border: 3px solid #232B73;
    color: white;
}

.PanelSumm {
    /* background: #faebcc; */
    width: 900px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    padding-left: 50px;
    padding-right: 50px;
    margin-top: 50px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    text-align: left;
    position: relative;
    position: relative;
    margin: 10% auto 0px;
    overflow: auto;
}


div.PanelSummBox {
    z-index: 9999;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    background: rgba(0, 0, 0, 0.35);
    border-radius: 10px;
    height: 100%;

}

.PanelSummFloat {
    float: left;

    width: 100px;
}

.PanelSummFloat2 {
    float: left;
    width: 200px;
}

.cell_header {
    overflow: hidden;
    margin-bottom: 10px;
    height: 100px;
}

.five-sixths,
.four-sixths,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-sixths,
.two-fourths,
.two-sixths,
.two-thirds {
    float: left;
    margin-left: 2.564102564102564%;
}

.one-half,

.three-sixths,
.two-fourths {
    width: 48.717948717948715%;
}

.one-third,
.two-sixths {
    width: 31.623931623931625%;
}

.four-sixths,
.two-thirds {
    width: 65.81196581196582%;
}

.one-fourth {
    width: 23.076923076923077%;
}

.three-fourths {
    width: 74.35897435897436%;
}

.one-sixth {
    background: #2c3690 !IMPORTANT;
    margin: 0px;
    text-align: center;
    width: 16.66666%;
    border-right: 1px solid #ffffff;
    padding: 36px 0PX !important;
    height: 98px;
    COLOR: WHITE;
    box-sizing: border-box;
}


.five-sixths {
    width: 82.90598290598291%;
}

.first {
    clear: both;
    margin-left: 0;
}

.col-6.cell.final-cell {
    border-right: 0px !important;
}

.quote_cell.btn_title.one-sixth {
    border: 1px solid #ddd !important;
    border-radius: 0px 20px 0px 0px;
}

.cell_header .one-sixth.first {
    border-radius: 20px 0px 0px;
}


.col-2.quad-baby-1.cell.premium {
    background: #2c3690 !important;
    color: white;
    border-bottom: 0px;
    padding-top: 38px;
}

.col-2.quad-baby-1.cell.premium {
    padding-top: 24px;
}

span.prem_price {
    font-size: 30px;
    font-weight: bold;
}

.col-2.quad-baby-1.cell.premium {
    background: #ebebeb;
}



.desk-hide {
    /* font-weight: bold; */
    /* border-bottom: 4px solid #ddd; */
    width: 100%;
    /* margin: auto; */
    background: #2c3690;
    color: white;
    position: absolute;
    top: 0px;
    padding: 6px;
    box-sizing: inherit;
}


.col-2.quad-baby-2.medical-c.cell,
.col-2.quad-baby-3.excess-c.cell,
.col-2.quad-baby-4.cancellation-c.cell {
    padding-top: 18px;
    padding-top: 38px;
}

.cellss {
    border-bottom: 5px solid #ddd;
    margin-bottom: 15px;
    overflow: hidden;
    background: #f9f9f9;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    width: 100%;
}

.cell {
    background: #f9f9f9;
    position: relative;
    /* border-right: 1px solid #ddd; */
    border-bottom: 1px solid #fff;
    padding: 44px 0px 0px 0px;
    height: 131px;
    box-sizing: border-box !important;
}


/*--Column styles--*/

.col-6,
.col-2,
.col-4-6 {
    float: left;
    text-align: center;
}

.col-6 {
    width: 16.666666%;
}

.col-2 {
    width: 50%;
}

.col-4-6 {
    width: 66.666664%
}

div#MedQBox {
    font-size: 20px;
}

input#single-country-selector {
    width: 80%;
}

#FindAddFloat {
    float: left;
    margin-top: 20px;
}

.btn007 {
    float: left;
}

.LoginFloatbtn {
    float: left;
    margin-right: 10px;
}

.LoginFloatbtn2 {
    float: left;
}



@media only screen and (max-width: 420px) {
    body {
        background: #F5F5F5;
        margin: 0;
        padding: 0;
        height: 100%;
        font-size: 14px !important;
        color: #000;
        line-height: 1.8;
    }

    #container {
        max-width: 1000px;
        background-color: #fff;
        border: 1px solid #e5e5e5;
        margin-top: 0 !important;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
    }

    h3 {
        font-size: 1em !important;
        color: #000;
        font-family: 'Roboto', serif !important;
        font-weight: 500;
        margin: 0 0 10px 0;
    }

    h4 {
        /* font-family: 'roboto'; */
        font-weight: 400;
        color: #000;
        font-size: 14px;
        margin: 0px;
    }

    .big_tick_help p {
        width: 100%;
        font-size: 14px !important;
    }

    #warrBox {
        float: left;
        background-color: #565EA6;
        padding: 15px;
        border-radius: 10px;
        margin-bottom: 45px;
        border: 3px solid #232B73;
        color: white;
    }

    #annualBox {
        float: left;
        background-color: #565EA6;
        padding: 15px;
        border-radius: 10px;
        margin-bottom: 15px;
        border: 3px solid #232B73;
        color: white;
    }

    #cntryBox {
        float: left;
        background-color: #565EA6;
        padding: 15px;
        border-radius: 10px;
        margin-bottom: 25px;
        border: 3px solid #232B73;
        color: white;
    }

    #warningBox {
        float: left;
        background-color: #fcf8e3;
        padding: 15px;
        border-radius: 10px;
        margin-bottom: 45px;
        margin-top: 45px;
        border: 3px solid #d5cb95;
    }

    .MoreInfoRefund {
        background-color: #d9edf7;
        padding: 15px;
        border-radius: 1px;
        margin-bottom: 15px;
        border: 3px solid #abd3e7;
    }

    span.radioY {
        background: #f9f9f9;
        padding: 18px;
        border: 1px solid #ddd;
        border-radius: 10px 0px;
        DISPLAY: BLOCK;
        WIDTH: 30%;
        /*margin-bottom: 15px;*/
        margin-right: 10px;
        float: left;
    }

    span.radioN {
        background: #f9f9f9;
        padding: 18px;
        border: 1px solid #ddd;
        border-radius: 10px 0px;
        DISPLAY: BLOCK;
        WIDTH: 30%;
        float: left;
    }

    input[type=radio].css-radio-001-single+label.css-label-radio-001-single {
        /* padding-left: 151px; */
        height: 85px;
        display: inline-block;
        line-height: 140px;
        background-repeat: no-repeat;
        background-position: center !important;
        vertical-align: middle;
        cursor: pointer;
    }

    label.css-label-radio-001-single {
        background: url(/images/alc/single-globe.png) #fff;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        width: 100%;
        user-select: none;
        background-size: 68px;
        background-position: 43px 5px !important;
    }

    .res-box-001, .trip-box-001 {
        width: 23.076923076923077%;
        height: 115px !important;
        display: inline-block;
        border-radius: 11px;
        border: 3px solid #ddd;
        position: relative;
        float: left;
        /* margin-right: 20px; */
        overflow: hidden;
        margin-left: 2.564102564102564%;
        box-sizing: border-box;
    }


    input[type=radio].css-radio-001-annual+label.css-label-radio-001-annual {
        /* padding-left: 151px; */
        height: 85px;
        display: inline-block;
        line-height: 140px;

        background-repeat: no-repeat;
        background-position: center !important;
        vertical-align: middle;
        cursor: pointer;
    }

    label.css-label-radio-001-annual {
        background: url(/images/alc/annual-globe.png) #fff;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        width: 100%;
        user-select: none;
        background-size: 68px;
        background-position: 43px 5px !important;
    }

    .traveller-box-001, .countryFloat1 {
        width: 23.076923076923077%;
        height: 115px !important;
        display: inline-block;
        border-radius: 11px;
        border: 3px solid #ddd;
        position: relative;
        float: left;
        /* margin-right: 15px; */
        box-sizing: border-box;
        overflow: hidden;
        margin-left: 2.564102564102564%;
        margin-right: 0px;
    }

    span.travMedBoxTitle {
        font-weight: 500;
        font-size: 17px;
    }

    #declarationBox {
        float: left;
        background-color: #d9edf7;
        padding: 15px;
        border-radius: 10px;
        margin-bottom: 45px;
        border: 3px solid #abd3e7;
        margin-top: 22px;
    }

    .warning {
        padding: 10px;
        border-radius: 10px;
    }


    span.features_explained {
        margin-bottom: 15px !important;
    }

    .select_btn {
        font-size: 15px;
    }

    span.prem_price {
        font-size: 25px;
        font-weight: bold;
        padding-top: 10px;
        display: block;
    }

    .extrasBox {
        /* float: left; */
        background-color: #d9edf7;
        /* width: 800px; */
        padding: 15px;
        border-radius: 10px;
        margin-bottom: 25px;
        margin-top: 30px;
        border: 3px solid #abd3e7;
    }

    #homeMain-Col1 {
        float: left;
        width: 350px;
    }

    #homeMain-Col2 {
        float: left;
        width: 287px;
    }

    #regMain-Col1 {
        float: left;
        width: 288px;
    }

    h2 {
        font-weight: 400;
        font-size: 30px;
        margin: 0px;
    }

}

@media screen and (min-width: 1100px) {
    .float02a {
        float: left;
    }

    .float02b {
        float: right;
    }
}

@media screen and (min-width: 627px) and (max-width: 1099px) {
    .float02a {
        float: left;
    }

    .float02b {
        float: right;
    }
}

tit @media screen and (max-width: 626px) {
    .float02a {}

    .float02b {}

    a.button {
        width: 100% !important;
        display: block;
        padding: 10px 0px;
        text-align: center;
        color: white;
        background: #2ecc71;
        border-radius: 10px;
        text-decoration: none;
        font-size: 18px;
        margin-top: 30px;
        float: right;
    }

    a.buttonBack {
        width: 100%;
        display: block;
        padding: 10px 0px;
        text-align: center;
        color: white;
        background: #f49e2e;
        border-radius: 10px;
        text-decoration: none;
        font-size: 18px;
        margin-bottom: 30px;
        float: left;
    }
}


@media only screen and (max-width: 523px) {


    #homeMain-Col1 {
        float: left;
        width: 350px;
    }

    #homeMain-Col2 {
        float: left;
        width: 287px;
    }

    #regMain-Col1 {
        float: left;
        width: 288px;
    }

    h2 {
        font-weight: 400;
        font-size: 30px;
        margin: 0px;
    }
}

@media only screen and (max-width: 523px) {
    a.buttonBack:before {
        content: '\f053';
        padding-right: 5px;
        font-family: 'fontAwesome';
    }

    .error_close {
        text-align: center;
        /* background: #3498db; */
        /* margin-bottom: 10px; */
        padding: 5px 0px;
        border-radius: 5px;
        border: 1px solid #999;
        /* padding-right: 17px; */
        display: inline-block;
        /* float: right; */
        border-radius: 30px;
        color: #333333;
        cursor: pointer;
        width: 100%;
    }

    .error_closePad {
        /*blank*/
    }
}


@media only screen and (max-width: 534px) {
    .save_quote, .edit_quote, .summary, .features_explained {
        text-align: center;
        box-sizing: border-box;
        margin: 5px 0px;
    }

    .Medsearch-btn {
        background-color: #2c3690;
        width: 180px;
        text-align: center;
        text-decoration: none;
        color: white;
        border-radius: 10px;
        padding: 10px;
        cursor: pointer;
        width: 100%;
        margin-top: 27px;
        font-size: 17px !important;
        display: block;
    }

    div#MedQBox {
        font-size: 20px;
        text-align: center;
    }
}


@media only screen and (max-width: 540px) {

    .traveller-box-001,
    .countryFloat1 {
        width: 100% !important;
        margin: 20px 0px 0px 0px !important;
    }

    .res-box-001, .trip-box-001,
    .traveller-box-001,
    .countryFloat1 {
        width: 100% !important;
        margin: 20px 0px 0px 0px !important;
    }

    table.MedicalQtable select {
        width: 100%;
    }
}



@media only screen and (max-width: 593px) {
    .travsFloat2 {
        width: 100%;
        margin: 10px 0px;
    }

    .travsFloat1 {
        width: 100%;
    }

    .travsFloat1-5 {
        width: 100%;
        margin: 0px;
    }

    .travsFloat7,
    input#email {
        width: 100% !important;
    }

    .travsFloat4, .travsFloat3 {
        float: left;
        margin-top: 10px;
        padding-top: 8px;
        /* max-width: 144px; */
        margin-right: 1%;
        display: inline-block;
        width: 100%;
    }

    .travsFloat7, input#email {
        width: 100% !important;
        max-width: 100%;
    }


    input#pcode1, #pcode2, #postCode {
        border: 1px solid #e5e5e5;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        height: 40px;
        font-family: 'open_sansregular';
        color: #535353;
        /* max-width: 113px; */
        /* margin-right: 10px; */
        display: inline-block;
        /* float: left; */
        width: 90% !important;
        max-width: 100%;
    }

    select.numberofTravsGroup {
        width: 100%;
    }

    .floatw200mt10b {
        /* float: left; */
        width: 100%;
        margin-top: 10px;
    }

    .findAdd-btn {
        background-color: #3498db;
        width: 100%;
        text-align: center;
        text-decoration: none;
        color: white;
        border-radius: 50px;
        padding: 10px;
        cursor: pointer;
        margin-bottom: 30px;
        box-sizing: border-box;
    }

    #FindAddFloat {
        margin-top: 5px;
    }

    .btn007 {
        margin-top: 5px;
    }

    .LoginFloatbtn {
        margin-right: 10px;
    }

    .LoginFloatbtn2 {
        margin-top: 5px;
    }

    .edit_quote008 {
        width: 100%;
        text-align: center;
        /* background: #3498db; */
        /* margin-bottom: 10px; */
        padding: 10px;
        border: 1px solid #999;
        /* padding-right: 17px; */
        display: inline-block;
        /* float: right; */
        border-radius: 10px;
        color: #333333;
        /* margin-left: 8px; */
        cursor: pointer;
        margin-bottom: 20px;
        box-sizing: border-box;
        text-decoration: none !important;
    }

    a.button-buy008 {
        width: 100%;
        display: block;
        padding: 10px 0px;
        text-align: center;
        color: white;
        background: #2ecc71;
        border-radius: 10px;
        text-decoration: none;
        font-size: 18px;
        margin-bottom: 30px;
        float: right;

    }

    a.buttonBack008 {
        width: 100% !important;
        display: block;
        padding: 10px 0px;
        text-align: center;
        color: white;
        background: #f49e2e;
        border-radius: 10px;
        text-decoration: none;
        font-size: 18px;
        margin-bottom: 30px;
        float: left;
    }


    a.buttonBack008:before {
        content: '\f053';
        padding-right: 5px;
        font-family: 'fontAwesome';
    }

}




@media only screen and (max-width: 594px) {
    input.med-search {
        max-width: 92%;
        display: inline-block;
        border-radius: 30px 30px 30px 30px;
        border-right: 0px;
        float: left !important;
        height: 34px !important;
    }

    .med-search-submit {
        width: 97% !important;
        display: inline-block;
        float: left;
        padding: 18px 0px;
        margin-top: 11px;
        border-radius: 10px;
        background-color: #2c3690;
        font-family: roboto;
        color: white;
        cursor: pointer;
        text-align: center;
    }

    a.button {
        width: 100% !important;
        display: block;
        padding: 10px 0px;
        text-align: center;
        color: white;
        background: #2ecc71;
        border-radius: 10px;
        text-decoration: none;
        font-size: 18px;
        margin-bottom: 30px;
    }

    .error_closePad {
        padding: 5px !important;
    }
}


@media only screen and (min-width: 607px) {
    input.med-search {
        max-width: 80% !important;
        display: inline-block;
        border-radius: 30px 30px 30px 30px;
        border-right: 0px;
        float: left !important;
        height: 53px !important;
    }
}



@media only screen and (max-width: 626px) {
    input[type=checkbox].css-checkbox+label.css-label-checkbox {
        padding-left: 41px;
        height: 24px;
        display: inline-block;
        line-height: 24px;
        background-repeat: no-repeat;
        background-position: 0 0;
        vertical-align: middle;
        cursor: pointer;
        display: block;
        margin-bottom: 4em;
    }


    #waitMsg {
        border-radius: 3px;
        -webkit-border-radius: 3px;
        border: solid 0px #1e5772;
        padding: 5px;
        color: #626262;
        text-align: left;
        cursor: pointer;
        position: relative;
        margin: 10% auto 0px;
        background: #fcf8e3;
        border: 3px solid #d5cb95;
        border-radius: 10px;
        line-height: 19px;
        width: 80%;
        font-size: 15px;
        overflow: auto;
    }



    div.waitMsgBox {
        z-index: 9999;
        position: fixed;
        top: 0%;
        left: 0%;
        width: 100%;
        background: rgba(0, 0, 0, 0.70);
        border-radius: 10px;
        height: 100% !important;
    }

    .waitPad {
        padding: 5px;
    }

    a#closewait {
        margin-top: 8px;
    }

    #waitMsg label {
        margin-bottom: 0px;
    }



    #medicalMsg {
        /* background: #faebcc; */
        max-width: 510px;
        min-height: 320px;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        border: solid 0px #1e5772;
        padding: 5px;
        color: #626262;
        text-align: left;
        cursor: pointer;
        position: relative;
        margin: 10% auto 0px;
        /* top: 271px; */
        /* left: 410px; */
        /* box-shadow: 5px 5px 5px #888888; */
        background: #fcf8e3;
        border: 3px solid #d5cb95;
        border-radius: 10px;
        line-height: 21px;
    }



    div.medicalMsgBox {
        z-index: 9999;
        position: fixed;
        top: 0%;
        left: 0%;
        width: 100%;
        background: rgba(0, 0, 0, 0.70);
        border-radius: 10px;
        height: 100%;
    }


    a.button {
        width: 100%;
        display: block;
        padding: 10px 0px;
        text-align: center;
        color: white;
        background: #2ecc71;
        border-radius: 10px;
        text-decoration: none;
        font-size: 18px;
        margin-top: 30px;
    }
}



@media only screen and (max-width: 650px) {
    .big_tick_help img {
        float: right;
        position: absolute;
        right: 0;
        DISPLAY: NONE;
        top: -3px;
    }

    .big_tick_help p {
        width: 100%;
        font-size: 18px;
    }
}



@media only screen and (max-width: 720px) {

    .col-2.quad-baby-2.medical-c.cell,
    .col-2.quad-baby-3.excess-c.cell,
    .col-2.quad-baby-4.cancellation-c.cell {
        padding-top: 55px;
    }

    .col-6.cell.final-cell {
        margin-top: 0%;
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
        height: 183px;
        padding-top: 20px !important;
    }


    .col-6.cell.first-cell {
        padding-top: 59px !important;
    }


    .col-6.cell.first-cell, .col-6.cell.final-cell {
        padding-top: 29px;
        border-top: 0px solid #ddd;
    }


    .col-2.quad-child-1 {
        border-top: 1px solid #ddd;
        /*  border-bottom: 1px solid #ddd; */
        border-left: 1px solid #ddd;
    }

    .col-2.quad-child-2 {
        border-bottom: 1px solid #ddd;
        border-left: 1px solid #ddd;
    }

    .col-6.cell.final-cell {
        width: 100%;
    }

    .col-4-6.quad-parent,
    .col-6.cell.first-cell {
        width: 100%;
    }

    .col-6.cell.final-cell {
        margin-top: 0%;
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
        height: 183px;
        padding-top: 28px;
    }


    .col-6.cell.first-cell {
        margin-top: 0%;
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
        border-top: 1px solid #ddd;
    }

    .save_quote, .edit_quote, .summary, .features_explained {
        box-sizing: border-box;
        width: 100% !important;
        margin: 5px 0px !important;
        text-align: center;
    }

    span.btn {
        background: #2ecc71;
        padding: 8px 0px;
        color: white;
        border-radius: 10px;
        box-sizing: border-box;
        margin-bottom: 10px;
        width: 83%;
        display: block;
        margin: 0 auto 10px;
        font-size: 30px;
    }


    .select_btn_info {

        background: rgba(62, 142, 175, 0.25);
        padding: 8px 0px;
        border-radius: 10px;
        border: 0px solid #ddd;
        margin-bottom: 6px;
        cursor: pointer;
        color: #275f77;
        width: 83%;
        margin: auto;
    }
}




@media only screen and (max-width: 750px) {
    input.med-search {
        max-width: 100% !important;
        display: inline-block;
        border-radius: 30px 30px 30px 30px;
        border-right: 0px;
        float: left !important;
        height: 53px !important;
    }

    .med-search-submit {
        width: 100% !important;
        display: inline-block;
        margin-top: 19px;
        float: right;
        padding: 12px 0px;
        border-radius: 10px;
        background-color: #2c3690;
        color: white;
        cursor: pointer;
        text-align: center;
        text-decoration: none;
        font-family: roboto;
    }

    select {
        width: 100%;
    }

    #medConditionName {
        float: left;
        width: 100%;
        padding-top: 5px;
        height: 40px;
    }

    .medConditionEdit {
        float: left;
        margin-top: 10px;
        width: 100%;
        height: 40px;
    }

    .medConditionEdit a {
        /* width: 100%!important; */
        display: block;
        text-align: center;
        margin-left: 0px;
    }

    .medConditionRmv {
        float: left;
        margin-top: 10px;
        width: 100%;
        height: 40px;
        display: block;
    }

    .medConditionRmv a {
        width: 100%;
        display: block;
        box-sizing: border-box;
        text-align: center;
        margin-top: 3px;
    }

    #medConditionName {
        float: left;
        width: 100%;
        padding-top: 5px;
        height: 40px;
        font-size: 20px;
    }
}




/*
@media screen and (max-width: 767px) {
#headerContainer { width:100%;  background:#fff; overflow:auto; }

#header-logo { width:190px; height:51px; }

#headerContainerBox1 { float:left; width:200px; height:61px; padding:10px 0 0 10px; }

#headerContainerBox2 { display:none; }

#headerContainerLinks { display:none; }

#headerContainerLinks767 { float:left; height:46px; width:85px; padding:25px 0 0 0; }

#headerContainerLinks767 a { font-family: 'Roboto Slab'; font-size:20px; text-decoration:none; color:#535353;  }

#headerContainerLinks767inner { border: solid 1px #000; background:url(/images/alc/alv6-nav-icon.png) #fff right no-repeat; }

#show767menu { overflow:auto; width:90%; background:#fff; padding:10px; }

#show767menu a { display:block; padding-bottom:10px; font-size:18px; text-decoration:none; color:#535353;  }
}
*/


@media only screen and (max-width: 820px) {

    .trip-box-001.switch-001.annual-001-button,
    .countryFloat1.c_spain {
        width: 49%;
        margin-left: 2%;
    }


    .c_individual,
    .countryFloat1.first.c_france {
        width: 49%;
    }

    .c_couple,
    .countryFloat1.c_spain {
        width: 49%;
        margin-left: 2%;
    }

    .c_family,
    .countryFloat1.c_usa {
        width: 49%;
        margin-left: 0px;
        margin-top: 15px;
    }

    .c_group,
    .countryFloat1.c_other {
        width: 49%;
        margin-left: 2%;
        margin-top: 15px;
    }

    div#tagsbutton,
    .countryFloat1.first.c_france {
        width: 40%;
    }
}



@media only screen and (max-width: 735px) {
    .floatw200mt10b {
        /* float: left; */
        width: 100%;
        margin-top: 10px;
    }

    .emailfield {
        /* float: left; */
        width: 100%;
        margin-top: 10px;
    }

    .floatw200mt20 {
        float: left;
        width: 200px;
        margin-top: 10px;
        margin-left: 0px !important
    }

    .floatw200mt20b {
        /* float: left; */
        width: 100%;
        margin-top: 10px;
    }
}

@media only screen and (min-width: 593px) {
    input#pcode2 {
        margin-left: 1%;
    }
}


@media only screen and (min-width: 838px) {
    .col-6.cell.final-cell {
        padding-top: 21px;
    }

    .cell {
        border-right: 1px solid #ddd;
        border-top: 1px solid #ddd;
        border-bottom: 0px;
    }

    .desk-hide {
        display: none;
    }

    .col-2.quad-baby-1.cell.premium {
        padding-top: 38px;
    }
}



@media only screen and (max-width: 838px) {
    .col-4-6 {
        width: 50%;
    }

    .col-6 {
        width: 25%;
    }

    .cell_header {
        DISPLAY: NONE;
    }

    .col-2.quad-baby-1.cell.premium {
        padding-top: 53px;
    }


    .col-2.quad-baby-2.medical-c.cell, .col-2.quad-baby-3.excess-c.cell, .col-2.quad-baby-4.cancellation-c.cell {
        padding-top: 54px;
        position: relative;
        /* overflow: hidden; */
    }

    .cell {
        height: 125px;
    }

    .quad-child-1,
    .quad-child-2 {
        width: 100%;
        border-top: 0px solid #ddd;
    }

    .col-2.quad-baby-1.cell,
    .col-2.quad-baby-3.cell {
        border-right: 1px solid #ddd;
    }

    .quad-child-1 {
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
    }

    .quad-child-2 {
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
    }

    .col-6.cell.final-cell {
        padding-top: 79px;
        border-top: 1px solid #ddd;
        border-left: 1px solid #ddd;
    }

    .col-6.cell.first-cell {
        padding-top: 118px;
        border-top: 1px solid #ddd;
    }

    span.save_quote.quote_adjust_btn {
        width: 50%;
        text-align: center;
        margin-left: 0px;
    }


    span.edit_quote.quote_adjust_btn {
        width: 49%;
        text-align: center;
        /* margin-left: 1%; */
        float: right;
    }


    span.summary.quote_adjust_btn {
        width: 50%;
        margin-left: 0px;
        text-align: center;
        Margin-top: 10px;
    }

    span.features_explained {
        width: 49%;
        text-align: center;
        /* Margin-top: 7px; */
        float: right;
        margin: 10px 0px 0px -1px;
    }
}



@media only screen and (min-width: 840px) {
    .features_explained {
        margin-top: 11px;
    }
}

@media only screen and (max-width: 860px) {

    .right-sidbar {
        /* float: right; */
        width: 100% !important;
        background: #f9f9f9;
        padding: 0px 20px 20px;
        border: 1px solid #ddd;
        box-sizing: border-box;
        margin-bottom: 33px;
    }

    .left-content {
        float: left;
        width: 100% !important;
        background: #ffffff;
    }

    .right-sidbarPay {
        /* float: right; */
        width: 100% !important;
        background: #f9f9f9;
        padding: 0px 20px 20px;
        border: 1px solid #ddd;
        box-sizing: border-box;
        margin-bottom: 33px;
    }

    .left-contentPay {
        float: left;
        width: 100% !important;
        background: #ffffff;
    }


    .extrasBox {
        /* float: left; */
        background-color: #d9edf7;
        /* width: 800px; */
        padding: 30px;
        border-radius: 10px;
        margin-bottom: 25px;
        margin-top: 30px;
        border: 3px solid #abd3e7;
    }

    .quesFloat1c {
        float: none;
        width: 100%;
        margin-top: 8px;
        /* height: 42px; */
        padding-top: 0px;

    }

    .quesFloat2 {
        /* float: left; */
        /* width: 250px; */
        /* margin-top: 10px; */
        margin-bottom: 17px;
    }

    .quesFloat2 input {
        width: 100% !important;
    }



}



.right-sidbar {
    float: right;
    width: 40%;
    background: #f9f9f9;
    padding: 0px 20px 20px;
    border: 1px solid #ddd;
}

.right-sidbarPay {
    float: right;
    width: 40%;
    background: #f9f9f9;
    padding: 0px 20px 20px;
    border: 1px solid #ddd;
    margin-bottom: 30px;
}

.sidebar-section-2.sidebar-section, .sidebar-section-1.sidebar-section {
    border-bottom: 1px solid #ddd;
    padding: 20px 0px;
}

.siebar-section-3.sidebar-section .left-align-s {
    width: 64%;
}

div#section-4 {
    background: #F6F7FF;
}

span.left-align-s {
    /* width: 100px; */
    /* display: inline-block; */
}

/*Payment page right menu start*/


.cover-align {
    float: left;
    width: 70px;
}

.cover-align2 {
    float: left;
}

.rmenu_from {
    float: left;
    margin-right: 25px;
}

.rmenu_from2 {
    float: left;
    margin-right: 25px;
}

.rmenu_to {
    float: left;
    margin-right: 25px;
}

.rmenu_to2 {
    float: left;
}

.rmenu_Name1 {
    float: left;
    width: 65px;
}

.rmenu_Name2 {

    float: left;
}

.rmenu_Age1 {
    float: left;
    width: 65px;
}

.rmenu_Age2 {
    float: left;
}

.rmenu_AddressNo {
    float: left;
    width: 80px;
}

.rmenu_AddressNo {
    float: left;

}

.rmenu_Address1 {
    float: left;
    width: 80px;
}

.rmenu_Address1 {
    float: left;
}

.rmenu_AddressPC {
    float: left;
    width: 80px;
}

.rmenu_AddressPC {
    float: left;
}

.rmenu_Email {
    float: left;
    width: 80px;
}

@media only screen and (max-width: 440px) {

    .rmenu_from {
        float: left;

        margin-right: 0px;
        width: 58px;
    }

    .rmenu_from2 {
        float: left;
    }

    .rmenu_to {
        clear: both;
        float: left;
        margin-right: 0px;
        width: 58px;
    }

    .rmenu_to2 {
        float: left;
    }

}

@media only screen and (max-width: 420px) {
    .cover-align {
        float: left;
        width: 59px;
    }

    .cover-align2 {
        float: left;
    }
}


.check:before {
    content: '\f00c';
    font-family: 'fontAwesome';
    padding-right: 5px;
    color: #00CC00;
}

span.rmenu_Header1 {
    font-size: 20px;
}

span.rmenu_Header2 {
    font-size: 18px;
}

span.rmenu_prem {
    font-size: 16px;
}

.Pprem {
    font-size: 20px;
}

/*Payment page right menu End*/



span.left-align-provider-pay {
    width: 100%;
    display: inline-block;
}

span.left-align-provider {
    margin-right: 2px;
    display: inline-block;
}

span.right-align-provider {
    display: inline-block;
    white-space: nowrap;
}

span.left-align-medical {
    width: 300px;
    display: inline-block;
}

span.right-align-s {}

.sidebar-trav-divide {
    border-bottom: 1px solid #ddd;
    padding: 20px 0px;
    margin-bottom: 20px;
    width: 100px;
}

.sidebar-section div {
    /* border-bottom: 1px solid #ddd; */
    padding: 5px 0px;
    overflow: hidden;
    word-wrap: break-word;
}

.right-sidebar-Top {
    background: #2c3690;
    margin: -20px -20px 10px;
    color: #fff !important;
    font-size: 21px;
    font-family: 'Roboto', serif !important;
    font-weight: 400;
    padding: 10px 0 10px 20px !important;
}

.div-name:empty {
    display: none;
}

#div-name:empty {
    display: none;
}

.right-sum-title {
    font-weight: 600 !important;
}

#right-sum-title {
    font-weight: 600 !important;
}

.left-content {
    float: left;
    width: 57%;
    background: #ffffff;

}

.extrasBox {
    /* float: left; */
    background-color: #d9edf7;
    /* width: 800px; */
    padding: 30px;
    border-radius: 10px;
    margin-bottom: 45px;
    border: 3px solid #abd3e7;
}

.extrasDivide {
    /* float: left; */
    border-bottom: solid 1px #ddd;
    /* width: 525px; */
}

.extra_h2 {
    font-size: 19px;
}

h2.extra_title:before {
    background: #2c3690;
    display: inline-block;
    /* border-radius: 50%; */
    vertical-align: middle;
    margin-right: 10px;
    font-family: FontAwesome;
    padding: 10px 18px;
    color: white;
    margin-bottom: 20px;
    margin-top: 20px;
    border-radius: 12px 0px;
}


h2.extra_title.gadget:before {
    content: '\f002';
}

h2.extra_title.travel_disruption:before {
    content: '\f273';
}

h2.extra_title.waiting:before {
    content: '\f022';
}

h2.extra_title.waiver:before {
    content: '\f1c2';
}

h2.extra_title.failure:before {
    content: '\F057';
}

h2.extra_title.companion:before {
    content: '\f0c0';
}

h2.extra_title.winter:before {
    content: '\f2dc';
}

h2.extra_title.golf:before {
    content: '\f11e';
}

h2.extra_title.extend:before {
    content: '\f271';
}


.findAdd-btn {
    background-color: #3498db;
    width: 100%;
    text-align: center;
    text-decoration: none;
    color: white;
    border-radius: 50px;
    padding: 10px 40px;
    cursor: pointer;
    float: left;
    margin-bottom: 30px;
    box-sizing: border-box;
}




.findAdd-btn:after {
    content: '\f054';
    font-family: 'fontAwesome';
    padding-left: 5px;
}

.quesFloat2 input {
    width: 50%;
}

.cardFloat2 input {
    width: 50%;
}

.cardFloat3 input {
    width: 50%;
}

.cardFloat4 input {
    width: 50%;
}


.mobileEmail007 {
    font-style: italic;
    font-size: 14px;
    padding: 15px 0 15px 0;
}

.pleaseComp007 {
    font-style: italic;
}

#travcompBox input {
    width: 200px;
}

#travcompBox table, thead, th, tr, td {
    background: none;
    color: #000;
    font-weight: normal;
    text-align: left;
}

.policyPremium {
    color: #f49e2e;
    font-size: 25px;
}

.ccIPT {
    font-size: 14px;
}

#postageBox {
    overflow: auto;
    width: 550px;
    background: none;
    border: solid 1px #333;
    padding: 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

#ShowCCDivImg1 {
    display: block;
    display: none;
}

.enterCard {
    font-weight: bold;
}

.pressOnce {
    color: #f49e2e;
    font-weight: bold;
    font-size: 18px;
    margin: 20px 0 20px 0;
}


.confDivide {
    float: left;
    border-bottom: solid 1px #ddd;
    width: 525px;
}
















/* Only used for max767 - country select styles */

.ms-container {
    width: 320px;
    background: none;
}

.ms-container:after {
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    font-size: 0;
    clear: both;
    min-height: 0;
    visibility: hidden;

}

.selectableHeaderDiv {
    height: 42px;
    width: 150px;
}

/* top of left box  */

.selectionHeaderDiv {
    height: 42px;
    width: 300px;
    margin-top: 20px;
}

/* top of right box - have forced width to go outside of the ms-container   */




/* top of left box  */
.ms-container .ms-selectable, .ms-container .ms-selection {
    background: none;


    width: 127px;

}


.ms-container .ms-selection {}

.ms-container .ms-list {
    border: none;
    position: relative;
    height: 200px;
    padding: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;


}

.ms-container .ms-list.ms-focus {
    border-color: rgba(82, 168, 236, 0.8);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    outline: 0;
    outline: thin dotted \9;
}

.ms-container ul {
    margin: 0;
    list-style-type: none;
    padding: 0;
}

.ms-container .ms-optgroup-container {
    width: 100%;
}

.ms-container .ms-optgroup-label {
    margin: 0;
    padding: 5px 0px 0px 5px;
    cursor: pointer;
    color: #999;
}

.ms-container .ms-selectable li.ms-elem-selectable {
    padding: 4px 10px 4px 5px;
    border-bottom: solid 1px #ccc;
    line-height: 1.8;
    font-family: 'Roboto';
}

.ms-container .ms-selection li.ms-elem-selection {
    padding: 10px 20px 10px 20px;
    margin-bottom: 15px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background: url(/images/alc/alv7-country-x.png) no-repeat;
    color: #74736f;
    line-height: 1.8;
    font-family: 'Roboto';

}

.ms-container .ms-selectable li.ms-hover,
.ms-container .ms-selection li.ms-hover {
    cursor: pointer;
    color: #fff;
    text-decoration: none;
    background-color: #626262;
    line-height: 1.8;
    font-family: 'Roboto';
}

.ms-container .ms-selectable li.disabled,
.ms-container .ms-selection li.disabled {
    background: none;
    color: #aaa;
    cursor: text;
    line-height: 1.8;
    font-family: 'Roboto';
}


.ms-container select {
    background: #f49e2e;
}


/* search box */
#shbox {
    width: 200px;
    margin-bottom: 0px;

}

/* end country select styles */




.toggleHelpClose {
    background: #fff;
    padding: 2px 0 2px 5px;
    margin-bottom: 10px;
    color: #da9e23;
}

#toggleHelp1, #toggleHelp2, #toggleHelp3, #toggleHelp4, #toggleHelp5, #toggleHelp6, #toggleHelp7, #toggleHelp8, #toggleHelp9, #toggleHelp10 {
    z-index: 9999;
    width: 0;
    height: 20px;
    padding: 3px 0 0 22px;
    background: url(/images/alc/alv7-help-icon.gif) no-repeat;
    cursor: pointer;
}

#toggleHelp1_content, #toggleHelp2_content, #toggleHelp3_content, #toggleHelp4_content, #toggleHelp5_content,
#toggleHelp6_content, #toggleHelp7_content, #toggleHelp8_content, #toggleHelp9_content, #toggleHelp10_content {
    z-index: 9999;
    background-color: #d9edf7;
    padding: 30px;
    border-radius: 10px;
    margin-bottom: 15px;
    border: 3px solid #abd3e7;
}







/* Start Login Styles */

.LoginDivide {
    float: left;
    border-bottom: solid 1px #ddd;
    width: 625px;
}

.pCodeFloat {
    float: left;
    width: 160px;
    padding-bottom: 15px;
}

.pCodeFloat1 {
    height: 42px;
}

.accLoginFloat1 {
    float: left;
    width: 100px;
    padding: 3px 0 0 0;
}

.accLoginFloat2 {
    float: left;
    width: 300px;
}

.accLoginFloat3 {
    float: left;
    width: 635px;
    padding-bottom: 15px;
}

.accDetailsFloatPC {
    float: left;
    width: 250px;
    height: 50px;
    margin-left: 10px;
}


#LoginBoxTop {
    width: 1000px;
    height: 27px;
    padding: 3px 0 0 3px;
    background: #408dae;
}

#LoginBoxTop div {
    font-size: 18px;
    color: #fff;
}

#LoginBox {
    width: 1000px;
    padding: 28px 0 0 6px;
    min-height: 150px;
    background: #fff;
}

#LoginBoxBtm {}

#forgotpwordBoxTop {
    width: 1000px;
    height: 27px;
    padding: 3px 0 0 3px;
    background: #408dae;
}

#forgotpwordBoxTop div {
    font-size: 18px;
    color: #fff;
}

#forgotpwordBox {
    width: 1000px;
    padding: 28px 0 0 6px;
    min-height: 150px;
    background: #fff;
}

#forgotpwordBoxBtm {}

.accDetailsFloat1 {
    width: 200px;
    float: left;
}

.accDetailsFloat2 {
    float: left;
    width: 175px;
    padding-bottom: 15px;
}

.accDetailsFloat3 {
    float: left;
    width: 150px;
    padding: 15px 0 15px 0;
}

.accDetailsFloat4 {}


.accpwordFloat1 {
    float: left;
    width: 160px;
    padding-bottom: 20px;
}

.accviewFloat1 {
    float: left;
    width: 80px;
    padding-top: 13px;
}

.qteviewFloat1 {
    float: left;
    width: 400px;
    padding-top: 13px;
}

.accsummaryFloata {
    float: left;
    width: 150px;
    padding: 25px 0 10px 0;
}

.accsummaryFloatb {
    float: left;
    padding: 25px 0 10px 0;
}

.accsummaryFloat1 {
    width: 150px;
    padding: 25px 0 10px 0;
}

.accsummaryFloat2 {
    float: left;
    padding: 25px 0 10px 0;
}

.accsummaryFloat3 {
    float: left;
    width: 200px;
    padding-bottom: 10px;
}

.accsummaryFloat4 {
    float: left;
    padding-bottom: 10px;
}

.accemailFloat1 {
    float: left;
    width: 150px;
}

.accWouldUpdate {
    font-weight: bold;
    background: #e1e1e1;
    display: block;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px
}

.accPassInstruct {
    margin: 10px 0 10px 0;
    font-weight: bold;
}

.accButtonPad {
    margin: 10px 0 10px 0;
}

.accDetailsFloat5 {
    float: left;
    width: 160px;
    padding-bottom: 15px;
}

.accDetailsFloat6 {
    float: left;
}

@media screen and (max-width: 465px) {

    .accDetailsFloat6 {}





}

/* End Login Styles */



























@media screen and (min-width: 1100px) {
    .showMax767 {
        display: none !important;
    }

    #showMax767 {
        display: none !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1099px) {
    .showMax767 {
        display: none !important;
    }

    #showMax767 {
        display: none !important;
    }
}

@media screen and (max-width: 767px) {
    #noShow767 {
        display: none !important;
    }

    .noShow767 {
        display: none !important;
    }
}






#PolinfoBoxTopLong {
    padding: 3px 0 3px 12px;
    background: #408dae;
}

#PolinfoBoxTopLong div {
    font-family: 'Roboto Slab';
    font-size: 20px;
    color: #fff;
}

#PolinfoBoxLong {
    padding: 12px;
    min-height: 150px;
    background: #fff;
    font-size: 14px;
    overflow: auto;
}

#PolinfoBoxLong a {
    color: #408dae;
    text-decoration: none;
}

#PolinfoBoxBtmLong {}

.PolinfoRowCol1 {
    float: left;
    width: 160px;
    height: 65px;
    text-align: center;
}

.PolinfoRowProvider {}

.PolinfoRowCol2 {
    float: left;
    width: 700px;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
}

.PolinfoRowProviderLogo {
    height: 65px;
}

.PolinfoRowProviderPolSum {
    height: 20px;
}




@media screen and (-ms-high-contrast: active) {
    div {
        border: solid 20px #fff;
    }
}


/* registration fields */





#homeMain-Col1-wide {
    float: left;
    width: 550px;
    padding: 180px 20px 0 0;
    margin-left: 55px;
    height: 950px;
    overflow: auto;
    border-right: solid 1px #add5e7;
    background: url(/images/alc/biba2015-home-icon1.gif) top left no-repeat;
}


.homeMain-Col1-field1 {
    height: 20px;
    width: 278px;
    padding-bottom: 8px;
}

.homeMain-Col1-field2 {
    height: 50px;
    width: 278px;

}




#homeMain-Col1-agency {
    height: auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #66accc;
    padding: 5px;
    margin-bottom: 20px;
}

#homeMain-Col1-agency a {
    color: #fff;
}

#homeMain-Col1-agency a:hover {
    background: #00618e;
}


ol.regSteps li {
    margin: 0 0 15px 0;
}

a.buttonHme {
    width: 215px;
    display: block;
    padding: 10px 0px;
    text-align: center;
    color: white;
    background: #2ecc71;
    border-radius: 30px;
    text-decoration: none;
    font-size: 18px;
    /* margin-bottom: 30px; */
    float: right;
    margin-top: 25px;
}



@media screen and (max-width: 300px) {

    a.buttonHme {
        height: 50px !important;
    }

}







@media screen and (max-width: 400px) {

    #mainContentDIVtop {
        display: none;
    }

    #mainContentDIVbtm {
        display: none;
    }


    .headtitle {
        color: #0282be;
        font: normal 40px arial;
        text-align: center;
        margin-top: 25px;
        width: 96%;
    }

    input[type=text], input[type=email], input[type=password] {
        border: 1px solid grey;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        font-family: 'open_sansregular';
        color: #535353;
        width: 100%;
        height: 44px !important;
        /* padding-left: 10px; */
    }

    a.buttonHme {
        width: 215px;
        display: block;
        padding: 10px 0px;
        text-align: center;
        color: white;
        background: #2ecc71;
        border-radius: 30px;
        text-decoration: none;
        font-size: 18px;
        /* margin-bottom: 30px; */
        float: right;
        margin-top: 25px;
    }

    select#DOBR, #dobd1, #dobm1, #doby1, #dobd2, #dobm2, #doby2, #dobd3, #dobm3, #doby3, #dobd4,
    #dobm4, #doby4, #dobd5, #dobm5, #doby5, #dobd6, #dobm6, #doby6, #dobd7, #dobm7, #doby7,
    #dobd8, #dobm8, #doby8, #dobd9, #dobm9, #doby9, #dobd10, #dobm10, #doby10 {
        border: 1px solid grey;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        height: 40px;
        font-family: 'open_sansregular';
        color: #535353;
        width: 29%;
        margin-bottom: 10px;
    }

    .pol1 {
        height: 20px;
        width: 31%;
        padding-bottom: 10px;
        float: left;
    }

    .pol2 {
        height: 50px;
        width: 31%;
        float: left;
    }



    .homeMain-Col1-field1 {
        height: 20px;
        padding-bottom: 8px;
    }

    .homeMain-Col1 {
        float: left;
        width: 100%;
    }

    .homeMain-Col1-field2 {
        width: 100%;
    }

    input#serial {
        border: 1px solid grey;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        font-family: 'open_sansregular';
        color: #535353;
        width: 90%;
        height: 44px !important;
        /* padding-left: 10px; */
    }

    input#pcode1 {
        border: 1px solid grey;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        height: 40px;
        font-family: 'open_sansregular';
        color: #535353;
        width: 95%;
        margin-bottom: 10px;
    }

    input#pcode2 {
        border: 1px solid grey;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        height: 40px;
        font-family: 'open_sansregular';
        color: #535353;
        width: 95%;
        margin-bottom: 10px;
    }



    .discount {
        width: 80%;
    }

    .title2 {
        color: #2c3690;
        font: normal 27px arial;
        margin-top: 20px;
        text-align: center;
        margin-bottom: 20px;
        width: 100%;
        padding-bottom: 10px;
    }

    .right-sidbar {
        width: 100%;
        background: #f9f9f9;
        border: 1px solid #ddd;
    }

    .sidebar-section-2.sidebar-section, .sidebar-section-1.sidebar-section {
        padding: 20px 0px;
        margin-bottom: 50px;
    }

    .siebar-section-3.sidebar-section .left-align-s {
        width: 64%;
    }

    .left-content {
        width: 100%;
        background: #ffffff;
        margin-top: 30px;
    }

    .right-sidebar-Top {
        background: #2c3690;
        margin: -20px -1px 10px;
        color: #fff !important;
        font-size: 21px;
        font-family: 'Roboto', serif !important;
        font-weight: 400;
        padding: 10px 0 10px 20px !important;
    }

    a.button {
        width: 215px;
        display: block;
        padding: 10px 0px;
        text-align: center;
        color: white;
        background: #2ecc71;
        border-radius: 10px;
        text-decoration: none;
        font-size: 18px;
        margin-bottom: 30px;
        float: right !important;
    }


    a.button:after {
        content: '\f054';
        font-family: 'fontAwesome';
        padding-left: 5px;
    }


    .divider {
        border-bottom: solid 1px #ddd;
    }

    a.button2 {
        width: 215px;
        display: block;
        padding: 10px 0px;
        text-align: center;
        color: white;
        background: #2c3690;
        border-radius: 10px;
        text-decoration: none;
         font-size: 18px;
        margin-bottom: 30px;
        float: left;
    }

    a.button2:after {
        content: '\f054';
        font-family: 'fontAwesome';
        padding-left: 5px;
    }


    .renWelcomeBoxCurrentText {
        height: 20px;
        margin-bottom: 10px;
        width: 100%;
    }

    .renquoteBox {
        width: 100%;
        height: auto;
        overflow: auto;
        padding: 10px;
        margin: 0;
    }

}




@media screen and (min-width: 401px) and (max-width: 593px) {


    #mainContentDIVtop {
        display: none;
    }

    #mainContentDIVbtm {
        display: none;
    }


    .headtitle {
        color: #0282be;
        font: normal 40px arial;
        text-align: center;
        margin-top: 25px;
        width: 96%;
    }

    input[type=text], input[type=email], input[type=password] {
        border: 1px solid grey;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        font-family: 'open_sansregular';
        color: #535353;
        width: 100%;
        height: 44px !important;
        /* padding-left: 10px; */
    }

    a.buttonHme {
        width: 215px;
        display: block;
        padding: 10px 0px;
        text-align: center;
        color: white;
        background: #2ecc71;
        border-radius: 30px;
        text-decoration: none;
        font-size: 18px;
        /* margin-bottom: 30px; */
        float: right;
        margin-top: 25px;
    }

    select#DOBR, #dobd1, #dobm1, #doby1, #dobd2, #dobm2, #doby2, #dobd3, #dobm3, #doby3, #dobd4,
    #dobm4, #doby4, #dobd5, #dobm5, #doby5, #dobd6, #dobm6, #doby6, #dobd7, #dobm7, #doby7,
    #dobd8, #dobm8, #doby8, #dobd9, #dobm9, #doby9, #dobd10, #dobm10, #doby10 {
        border: 1px solid grey;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        height: 40px;
        font-family: 'open_sansregular';
        color: #535353;
        width: 29%;
        margin-bottom: 10px;
    }

    .pol1 {
        height: 20px;
        width: 31%;
        padding-bottom: 10px;
        float: left;
    }

    .pol2 {
        height: 50px;
        width: 31%;
        float: left;
    }

    .homeMain-Col1-field1 {
        height: 20px;
        padding-bottom: 8px;
    }

    .homeMain-Col1 {
        float: left;
        width: 100%;
    }

    .homeMain-Col1-field2 {
        width: 100%;
    }

    input#serial {
        border: 1px solid grey;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        font-family: 'open_sansregular';
        color: #535353;
        height: 44px !important;
        /* padding-left: 10px; */
    }

    input#pcode1 {
        border: 1px solid grey;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        height: 40px;
        font-family: 'open_sansregular';
        color: #535353;
        width: 95%;
        margin-bottom: 10px;
    }

    input#pcode2 {
        border: 1px solid grey;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        height: 40px;
        font-family: 'open_sansregular';
        color: #535353;
        width: 95%;
        margin-bottom: 10px;
    }



    .discount {
        width: 80%;
    }

    .title2 {
        color: #2c3690;
        font: normal 27px arial;
        margin-top: 20px;
        text-align: center;
        margin-bottom: 20px;
        width: 100%;
        padding-bottom: 10px;
    }

    .right-sidbar {
        width: 100%;
        background: #f9f9f9;
        padding: 0px 20px 20px;
        border: 1px solid #ddd;
    }

    .sidebar-section-2.sidebar-section, .sidebar-section-1.sidebar-section {
        padding: 20px 0px;
        margin-bottom: 20px;
    }

    .siebar-section-3.sidebar-section .left-align-s {
        width: 64%;
    }

    .left-content {
        width: 100%;
        background: #ffffff;
        margin-top: 30px;
    }

    .right-sidebar-Top {
        background: #2c3690;
        margin: -20px -20px 10px;
        color: #fff !important;
        font-size: 21px;
        font-family: 'Roboto', serif !important;
        font-weight: 400;
        padding: 10px 0 10px 20px !important;
    }

    a.button {
        width: 215px;
        display: block;
        padding: 10px 0px;
        text-align: center;
        color: white;
        background: #2ecc71;
        border-radius: 10px;
        text-decoration: none;
        font-size: 18px;
        margin-bottom: 30px;
        float: right;
    }


    a.button:after {
        content: '\f054';
        font-family: 'fontAwesome';
        padding-left: 5px;
    }


    .divider {
        border-bottom: solid 1px #ddd;

    }


    a.button2 {
        width: 215px;
        display: block;
        padding: 10px 0px;
        text-align: center;
        color: white;
        background: #2c3690;
        border-radius: 10px;
        text-decoration: none;
         font-size: 18px;
        margin-bottom: 30px;
        float: left;
    }


    a.button2:after {
        content: '\f054';
        font-family: 'fontAwesome';
        padding-left: 5px;
    }

    .renquoteBox {
        width: 100%;
        height: auto;
        overflow: auto;
        padding: 10px;
        margin: 0;
    }

}




@media screen and (min-width: 594px) and (max-width: 626px) {


    #mainContentDIVtop {
        display: none;
    }

    #mainContentDIVbtm {
        display: none;
    }


    .headtitle {
        color: #0282be;
        font: normal 40px arial;
        text-align: center;
        margin-top: 25px;
        width: 96%;
    }

    input[type=text], input[type=email], input[type=password] {
        border: 1px solid grey;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        font-family: 'open_sansregular';
        color: #535353;
        width: 90%;
        height: 44px !important;
        /* padding-left: 10px; */
    }

    a.buttonHme {
        width: 215px;
        display: block;
        padding: 10px 0px;
        text-align: center;
        color: white;
        background: #2ecc71;
        border-radius: 30px;
        text-decoration: none;
        font-size: 18px;
        /* margin-bottom: 30px; */
        float: right;
        margin-top: 25px;
    }

    select#DOBR, #dobd1, #dobm1, #doby1, #dobd2, #dobm2, #doby2, #dobd3, #dobm3, #doby3, #dobd4,
    #dobm4, #doby4, #dobd5, #dobm5, #doby5, #dobd6, #dobm6, #doby6, #dobd7, #dobm7, #doby7,
    #dobd8, #dobm8, #doby8, #dobd9, #dobm9, #doby9, #dobd10, #dobm10, #doby10 {
        border: 1px solid grey;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        height: 40px;
        font-family: 'open_sansregular';
        color: #535353;
        width: 29%;
        margin-bottom: 10px;
    }

    .pol1 {
        height: 20px;
        width: 31%;
        padding-bottom: 10px;
        float: left;
    }

    .pol2 {
        height: 50px;
        width: 31%;
        float: left;
    }

    .homeMain-Col1-field1 {
        height: 20px;
        padding-bottom: 8px;
    }

    .homeMain-Col1 {
        float: left;
        width: 100%;
    }

    .homeMain-Col1-field2 {
        width: 100%;
    }

    input#serial {
        border: 1px solid grey;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        font-family: 'open_sansregular';
        color: #535353;
        height: 44px !important;
        /* padding-left: 10px; */
    }

    input#pcode1 {
        border: 1px solid grey;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        height: 40px;
        font-family: 'open_sansregular';
        color: #535353;
        width: 95%;
        margin-bottom: 10px;
    }

    input#pcode2 {
        border: 1px solid grey;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        height: 40px;
        font-family: 'open_sansregular';
        color: #535353;
        width: 95%;
        margin-bottom: 10px;
    }

    .discount {
        width: 80%;
    }

    .title2 {
        color: #2c3690;
        font: normal 27px arial;
        margin-top: 20px;
        text-align: center;
        margin-bottom: 20px;
        width: 100%;
        padding-bottom: 10px;
    }

    .right-sidbar {
        width: 100%;
        background: #f9f9f9;
        padding: 0px 20px 20px;
        border: 1px solid #ddd;
    }

    .sidebar-section-2.sidebar-section, .sidebar-section-1.sidebar-section {
        padding: 20px 0px;
        margin-bottom: 20px;
    }

    .siebar-section-3.sidebar-section .left-align-s {
        width: 64%;
    }

    .left-content {
        width: 100%;
        background: #ffffff;
        margin-top: 30px;
    }

    .right-sidebar-Top {
        background: #2c3690;
        margin: -20px -20px 10px;
        color: #fff !important;
        font-size: 21px;
        font-family: 'Roboto', serif !important;
        font-weight: 400;
        padding: 10px 0 10px 20px !important;
    }

    a.button {
        width: 215px;
        display: block;
        padding: 10px 0px;
        text-align: center;
        color: white;
        background: #2ecc71;
        border-radius: 10px;
        text-decoration: none;
        font-size: 18px;
        margin-bottom: 30px;
    }


    a.button:after {
        content: '\f054';
        font-family: 'fontAwesome';
        padding-left: 5px;
    }


    .divider {
        border-bottom: solid 1px #ddd;

    }


    a.button2 {
        width: 215px;
        display: block;
        padding: 10px 0px;
        text-align: center;
        color: white;
        background: #2c3690;
        border-radius: 10px;
        text-decoration: none;
         font-size: 18px;
        margin-bottom: 30px;
        float: left;
    }


    a.button2:after {
        content: '\f054';
        font-family: 'fontAwesome';
        padding-left: 5px;
    }

    .renquoteBox {
        width: 100%;
        height: auto;
        overflow: auto;
        padding: 10px;
        margin: 0;
    }

}





@media screen and (min-width: 627px) and (max-width: 766px) {


    #mainContentDIVtop {
        display: none;
    }

    #mainContentDIVbtm {
        display: none;
    }

    .homeMain-Col1-field1 {
        height: 20px;
        width: 18%;
        padding-bottom: 8px;
        float: left;
    }

    .homeMain-Col1-field2 {
        height: 50px;
        width: 60%;
        margin: auto;
    }

    .homeMain-Col1 {
        float: left;
        width: 100%;
    }


    .pol1 {
        height: 20px;
        width: 30%;
        padding-bottom: 10px;
        padding-right: 4px;
        float: left;
    }

    .pol2 {
        height: 50px;
        width: 31%;
        float: left;
    }

    input[type=text], input[type=email], input[type=password] {
        border: 1px solid grey;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        font-family: 'open_sansregular';
        color: #535353;
        width: 100%;
        height: 44px !important;
        /* padding-left: 10px; */
    }

    a.buttonHme {
        width: 215px;
        display: block;
        padding: 10px 0px;
        text-align: center;
        color: white;
        background: #2ecc71;
        border-radius: 30px;
        text-decoration: none;
        font-size: 18px;
        /* margin-bottom: 30px; */
        float: right;
        margin-top: 25px;
    }

    select#DOBR, #dobd1, #dobm1, #doby1, #dobd2, #dobm2, #doby2, #dobd3, #dobm3, #doby3, #dobd4,
    #dobm4, #doby4, #dobd5, #dobm5, #doby5, #dobd6, #dobm6, #doby6, #dobd7, #dobm7, #doby7,
    #dobd8, #dobm8, #doby8, #dobd9, #dobm9, #doby9, #dobd10, #dobm10, #doby10 {
        border: 1px solid grey;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        height: 40px;
        font-family: 'open_sansregular';
        color: #535353;
        width: 31%;
        margin-bottom: 10px;
    }

    input#serial {
        border: 1px solid grey;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        font-family: 'open_sansregular';
        color: #535353;
        width: 120%;
        height: 44px !important;
        /* padding-left: 10px; */
    }

    input#pcode1 {
        border: 1px solid grey;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        height: 40px;
        font-family: 'open_sansregular';
        color: #535353;
        width: 99%;
        margin-right: 3px;
        margin-bottom: 10px;
    }

    input#pcode2 {
        border: 1px solid grey;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        height: 40px;
        font-family: 'open_sansregular';
        color: #535353;
        width: 99%;
        margin-bottom: 10px;
    }

    .headtitle {
        color: #0282be;
        font: normal 40px arial;
        text-align: center;
        margin-top: 25px;
    }

    .discount {
        width: 80%;
    }



    .title2 {
        color: #2c3690;
        font: normal 27px arial;
        margin-top: 20px;
        text-align: center;
        margin-bottom: 20px;
        width: 100%;

        padding-bottom: 10px;
    }

    .right-sidbar {
        width: 100%;
        background: #f9f9f9;
        padding: 0px 20px 20px;
        border: 1px solid #ddd;
    }

    .sidebar-section-2.sidebar-section, .sidebar-section-1.sidebar-section {
        padding: 20px 0px;
        margin-bottom: 20px;
    }

    .siebar-section-3.sidebar-section .left-align-s {
        width: 64%;
    }

    .left-content {
        width: 100%;
        background: #ffffff;
        margin-top: 30px;
    }

    .right-sidebar-Top {
        background: #2c3690;
        margin: -20px -20px 10px;
        color: #fff !important;
        font-size: 21px;
        font-family: 'Roboto', serif !important;
        font-weight: 400;
        padding: 10px 0 10px 20px !important;
    }

    a.button {
        width: 215px;
        display: block;
        padding: 10px 0px;
        text-align: center;
        color: white;
        background: #2ecc71;
        border-radius: 10px;
        text-decoration: none;
        font-size: 18px;
        margin-bottom: 30px;
    }


    a.button:after {
        content: '\f054';
        font-family: 'fontAwesome';
        padding-left: 5px;
    }


    .divider {
        border-bottom: solid 1px #ddd;

    }


    a.button2 {
        width: 215px;
        display: block;
        padding: 10px 0px;
        text-align: center;
        color: white;
        background: #2c3690;
        border-radius: 10px;
        text-decoration: none;
        font-size: 18px;
        margin-bottom: 30px;
        float: left;
    }


    a.button2:after {
        content: '\f054';
        font-family: 'fontAwesome';
        padding-left: 5px;
    }

    .renquoteBox {
        width: 100%;
        height: auto;
        overflow: auto;
        padding: 10px;
        margin: 0;
    }

}

.BtnBack090 {
    width: 215px;
    display: block;
    padding: 10px 0px;
    text-align: center;
    color: white;
    background: #f49e2e;
    border-radius: 10px;
    text-decoration: none;
    font-size: 18px;
    margin-bottom: 30px;
    float: left;
}


a.BtnBack090:after {
    content: '\f054';
    font-family: 'fontAwesome';
    padding-left: 5px;
}

.edit_quote090 {
    text-align: right;
    /* background: #3498db; */
    /* margin-bottom: 10px; */
    padding: 10px 40px;
    border-radius: 10px;
    border: 1px solid #999;
    /* padding-right: 17px; */

    display: inline-block;
    /* float: right; */
    color: #333333;
    cursor: pointer;
}

.edit_quote090:before {
    font-family: 'fontAwesome';
}

.edit_quote090:before {
    content: '\f044';
    padding-right: 5px;
}

.edit_quote090 {
    box-sizing: border-box;
}

a.buttonBack008 {
    width: 31%;
    display: block;
    padding: 10px 0px;
    text-align: center;
    color: white;
    background: #f49e2e;
    border-radius: 10px;
    text-decoration: none;
    font-size: 18px;
    margin-bottom: 30px;
    float: left;
}


.right-sidbarPay {
    float: right;
    width: 40%;
    background: #f9f9f9;
    padding: 0px 20px 20px;
    border: 1px solid #ddd;
}


.left-contentPay {
    float: left;
    width: 50%;
    background: #ffffff;
}

.CrdEntF {
    float: right;
    width: 80%;
}

.Pprem {
    font-size: 20px;
}

span.rmenu_Header2 {
    font-size: 18px;
}

span.rmenu_Header1 {
    font-size: 20px;
}

.cover-align {
    float: left;
    width: 70px;
}

.check:before {
    content: '\f00c';
    font-family: 'fontAwesome';
    padding-right: 5px;
    color: #00CC00;
}

.rmenu_Name1 {
    float: left;
    width: 65px;
}

.rmenu_Age1 {
    float: left;
    width: 65px;
}


/*Card details*/
.CrdStrt {
    width: 48%;
    margin-right: 4%;
    float: left;
}

.CrdExp {
    float: left;
    width: 48%;
}

.CrdEntF {
    float: right;
    width: 80%;
}


@media screen and (max-width: 400px) {
    .cardFloat1 {
        width: 100%;
        margin-top: 10px;
    }

    .cardFloat2 {
        float: left;
        margin-right: 4%;
        width: 48%;
    }

    .cardFloat2a {
        float: left;
        width: 30%;
    }

    .cardFloat3 {
        float: left;
        margin-right: 4%;
        width: 48%;
    }

    .cardFloat4 {
        float: left;
        height: 52px !important;
        width: 48%;
    }

    select#cardType {
        border: 1px solid #e5e5e5;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        height: 44px !important;
        font-family: 'open_sansregular';
        color: #535353;
        width: 100%;
    }

    input#issueNumber {
        border: 1px solid #e5e5e5;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        height: 35px;
        font-family: 'open_sansregular';
        color: #535353;
        width: 100%;
        height: 44px !important;
    }

    div#quoteBox select {}


    .PAYgrp {
        float: left;
    }

    .CCgrp {
        float: left;
        margin-left: auto;
    }

    .CCbutton {
        float: left;
        margin-top: 5px;
    }

    .CCimage {
        float: left;
        width: 40%;
    }

    .CCimage {
        width: 150px;
    }

    .CCimage img {
        width: 30%;
    }

    .PPimage {
        width: 44px;
        opacity: 0.5;
        float: left;
    }

    .PPimage img {
        width: 100%;
    }

    .PPgrp {
        float: left !important;
    }


    .PPbutton {
        float: left;
        margin-top: 5px;
    }

    .padlockcol {
        width: 20%;
        float: left;
    }

    .padlock:before {
        content: '\f023';
        font-family: 'fontAwesome';
        padding-right: 5px;
        font-size: 100px;
        padding-left: 10px;
        color: #CCCCCC;
    }

    #cardType {
        padding-top: 0px !important;
        width: 100% !important;
    }

    .CrdEntF {
        float: right;
        width: 100% !important;
    }

    .Spaym:before {
        content: '\f023';
        font-family: 'fontAwesome';
        padding-right: 5px;
        padding-left: 10px;
        color: #CCCCCC;
    }

    .padlockcol {
        display: none;
    }



}


@media screen and (min-width: 401px) and (max-width: 593px) {
    .cardFloat1 {
        width: 100%;
        margin-top: 10px;
    }

    .cardFloat2 {
        float: left;
        margin-right: 4%;
        width: 48%;
    }

    .cardFloat2a {
        float: left;
        width: 48%;
    }

    .cardFloat3 {
        float: left;
        margin-right: 4%;
        width: 48%;
    }

    .cardFloat4 {
        float: left;
        height: 52px !important;
        width: 48%;
    }

    .cardBack {
        width: 40%;
        height: 40%;
    }

    select#cardType {
        border: 1px solid #e5e5e5;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        height: 44px !important;
        font-family: 'open_sansregular';
        color: #535353;
        width: 100%;
    }

    input#issueNumber {
        border: 1px solid #e5e5e5;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        height: 35px;
        font-family: 'open_sansregular';
        color: #535353;
        width: 100%;
        height: 44px !important;
    }

    div#quoteBox select {}


    .PAYgrp {
        float: left;
    }

    .CCgrp {
        float: left;
    }

    .CCbutton {
        float: left;
        margin-top: 5px;
        margin-left: 15px;
    }

    .CCimage {
        float: left;
    }

    .PPbutton {
        float: left;
        margin-top: 5px;
    }

    .PPimage {
        float: left;
        opacity: 0.5;
    }

    .padlockcol {
        width: 20%;
        float: left;
    }

    .padlock:before {
        content: '\f023';
        font-family: 'fontAwesome';
        padding-right: 5px;
        font-size: 100px;
        padding-left: 10px;
        color: #CCCCCC;
    }

    #cardType {
        padding-top: 0px !important;
        width: 100% !important;
    }

    .CCimage {
        width: 150px;
    }

    .CCimage img {
        width: 30%;
    }

    .PPimage {
        width: 44px;
        opacity: 0.5;
    }

    .PPimage img {
        width: 100%;
    }

    .PPgrp {
        float: left !important;
        margin-left: 15px !important;
    }


}



@media screen and (min-width: 594px) and (max-width: 626px) {
    .cardFloat1 {
        width: 100%;
        margin-top: 10px;
    }

    .cardFloat2 {
        float: left;
        margin-right: 4%;
        width: 48%;
    }

    .cardFloat2a {
        float: left;
        width: 48%;
    }

    .cardFloat3 {
        float: left;
        margin-right: 4%;
        width: 48%;
    }

    .cardFloat4 {
        float: left;
        height: 52px !important;
        width: 48%;
    }

    .cardBack {
        width: 40%;
        height: 40%;
    }

    select#cardType {
        border: 1px solid #e5e5e5;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        height: 44px !important;
        font-family: 'open_sansregular';
        color: #535353;
        width: 100%;
    }

    input#issueNumber {
        border: 1px solid #e5e5e5;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        height: 35px;
        font-family: 'open_sansregular';
        color: #535353;
        width: 100%;
        height: 44px !important;
    }




    div#quoteBox select {}


    .PAYgrp {
        float: left;
    }

    .CCgrp {
        float: left;
    }

    .CCbutton {
        float: left;
        margin-top: 14px;
    }

    .CCimage {
        float: left;
    }

    .PPbutton {
        float: left;
        margin-top: 14px;
    }

    .PPimage {
        float: left;
        opacity: 0.5;
    }

    .padlockcol {
        width: 20%;
        float: left;
    }

    .padlock:before {
        content: '\f023';
        font-family: 'fontAwesome';
        padding-right: 5px;
        font-size: 100px;
        padding-left: 10px;
        color: #CCCCCC;
    }

    #cardType {
        padding-top: 0px !important;
        width: 100% !important;
    }

}

@media (min-width:627px) {
    .cardFloat1 {
        float: left;
        width: 110px;
        height: 42px;
        padding-top: 8px
    }

    .cardFloat2 {
        float: left;
        margin-right: 4%;
        width: 48%;
    }

    .cardFloat2a {
        float: left;
        width: 48%;
    }

    .cardBack {
        width: 40%;
        height: 40%;
    }

    .cardFloat3 {
        float: left;
        margin-right: 4%;
        width: 48%;
    }

    .StrMM {
        width: 100%;
    }

    .StrYY {
        width: 100%;
    }

    .cardFloat4 {
        float: left;
        height: 52px !important;
        width: 48%;
    }


    select#cardType {
        border: 1px solid #e5e5e5;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        height: 44px !important;
        font-family: 'open_sansregular';
        color: #535353;
        margin-right: 2px;
        width: 100%;
    }

    input#cardNumber {
        border: 1px solid #e5e5e5;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        height: 35px;
        font-family: 'open_sansregular';
        color: #535353;
        width: 100%;
        height: 44px !important;
    }

    input#issueNumber {
        border: 1px solid #e5e5e5;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        height: 35px;
        font-family: 'open_sansregular';
        color: #535353;
        width: 100%;
        height: 44px !important;
    }

    input#cardSecurity {
        border: 1px solid #e5e5e5;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        height: 35px;
        font-family: 'open_sansregular';
        color: #535353;
        width: 100%;
        height: 44px !important;
    }

    .PAYgrp {
        float: left;
    }

    .CCgrp {
        float: left;
    }

    .CCbutton {
        float: left;
        margin-top: 14px;
    }

    .CCimage {
        float: left;
    }

    .PPbutton {
        float: left;
        margin-top: 14px;
    }

    .PPimage {
        float: left;
        opacity: 0.5;
    }

    .padlockcol {
        width: 20%;
        float: left;
    }

    .padlock:before {
        content: '\f023';
        font-family: 'fontAwesome';
        padding-right: 5px;
        font-size: 100px;
        padding-left: 10px;
        color: #CCCCCC;
    }

    #cardType {
        padding-top: 0px !important;
        width: 100% !important;
    }


}

@media screen and (min-width: 594px) and (max-width: 974px) {

    .CCimage {
        width: 200px;
    }

    .CCimage img {
        width: 30%;
    }

    .PPimage {
        width: 60px;
        opacity: 0.5;
    }

    .PPimage img {
        width: 100%;
    }

    .PPgrp {
        float: left !important;
        margin-left: 15px !important;
    }

}

@media (min-width:975px) {

    .PPgrp {
        float: left !important;
        margin-left: 15px !important;
    }

}


@media screen and (min-width: 767px) {
    .sidebar-section-2.sidebar-section, .sidebar-section-1.sidebar-section {
        padding: 20px 0px;
        margin-bottom: 20px;
    }

}


.travTitle001 {
    font-weight: bold;
    color: #000;
    font-size: 18px;
}

@media (min-width: 801px) {
    input#phoneno {
        background-color: #fff;
        border: 1px solid #b8b8b8 !important;
        color: #333;
        font-size: 18px;
        font-weight: 300;
        padding: 8px 7px;
        width: 350px;
        /* border-radius: 5px; */
        color: #999;
        font-family: 'open_sansregular';
        color: #535353;
        height: 44px;
    }

    input#mobileno {
        background-color: #fff;
        border: 1px solid #b8b8b8 !important;
        color: #333;
        font-size: 18px;
        font-weight: 300;
        padding: 8px 7px;
        width: 350px;
        /* border-radius: 5px; */
        color: #999;
        font-family: 'open_sansregular';
        color: #535353;
        height: 44px;
    }

    input#houseno {
        background-color: #fff;
        border: 1px solid #b8b8b8 !important;
        color: #333;
        font-size: 18px;
        font-weight: 300;
        padding: 8px 7px;
        width: 165px;
        /* border-radius: 5px; */
        color: #999;
        font-family: 'open_sansregular';
        color: #535353;
        height: 43px;
    }

    input#email {
        border: 1px solid #e5e5e5;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        height: 35px;
        font-family: 'open_sansregular';
        color: #535353;
        width: 350px;
        height: 44px !important;
        /* padding-left: 10px; */
    }

    .contact1 {
        float: left;
        width: 350px;
        margin-right: 15px;
    }

    .travsFloat10 {
        float: left;
        width: 165px;
        height: 42px;
    }

    .travsFloat12 {
        float: left;
        height: 44px;
        margin-left: 2px;
    }

    .travsFloat13 {
        float: left;
        padding-top: 10px;
        margin-top: 10px;
    }

    .contact2b {
        float: left;
        margin-right: 15px;
    }



    input#streetwalker {
        background-color: #fff;
        border: 1px solid #b8b8b8 !important;
        color: #333;
        font-size: 18px;
        font-weight: 300;
        padding: 8px 7px;
        width: 415px;
        /* border-radius: 5px; */
        color: #999;
        font-family: 'open_sansregular';
        color: #535353;
        height: 43px !important;
    }

    input#townwalker {
        background-color: #fff;
        border: 1px solid #b8b8b8 !important;
        color: #333;
        font-size: 18px;
        font-weight: 300;
        padding: 8px 7px;
        width: 282px;
        color: #999;
        font-family: 'open_sansregular';
        color: #535353;
        margin-bottom: 10px;
    }

    .travsFloat7a {
        width: 249px;
        height: 42px;
        margin-bottom: 15px;
    }

    .contact3 {
        float: left;
        width: 415px;
        margin-right: 15px;
        margin-top: 14px;
    }

    .contact4 {
        float: left;
        width: 282px;
        margin-top: 14px;
    }



}

.MedicalQtable td {
    width: 100%;
    display: inline-block;
    margin-bottom: 10px;
}

.dobfloat2 {
    float: left;
    width: 30%;
    margin-right: 5%;
}

.dobfloat3 {
    float: left;
    width: 30%;
}

.dobfloat {
    float: left;
    width: 115px;
}

.floatLeft {
    float: left;
    width: 100px;
    margin-right: 5px;
}

/* login page responsive */

@media (min-width: 962px) {

    #homeMain-Col2 {
        /*float: right;*/
        width: 45%;
        margin-top: 15px;
        margin-left: 15px;
    }

    #mainContentDIVtop {
        display: none;
    }

    #mainContentDIVbtm {
        display: none;
    }

    .homeMain-Col1-field1 {
        height: 20px;
        width: 40%;
        padding-bottom: 8px;
        float: left;
    }

    .homeMain-Col1-field2 {
        height: 50px;
        width: 68%;
    }

    .pol1 {
        height: 20px;
        width: 31%;
        padding-bottom: 10px;
        padding-right: 4px;
        float: left;
    }

    .pol1a {
        height: 20px;
        width: 31%;
        padding-bottom: 10px;
        padding-right: 5px;
        float: left;
    }

    .pol2 {
        height: 50px;
        width: 31%;
        float: left;
    }



    #homeMain-Col1 {
        float: left;
        width: 48%;
        padding-right: 22px;
    }


    input[type=text], input[type=email], input[type=password] {
        border: 1px solid grey;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        font-family: 'open_sansregular';
        color: #535353;
        width: 100%;
        height: 44px !important;
        /* padding-left: 10px; */
    }

    a.buttonHme {
        width: 215px;
        display: block;
        padding: 10px 0px;
        text-align: center;
        color: white;
        background: #2ecc71;
        border-radius: 30px;
        text-decoration: none;
        font-size: 18px;
        /* margin-bottom: 30px; */
        float: right;
        margin-top: 25px;
    }

    select#DOBR, #dobd1, #dobm1, #doby1, #dobd2, #dobm2, #doby2, #dobd3, #dobm3, #doby3, #dobd4,
    #dobm4, #doby4, #dobd5, #dobm5, #doby5, #dobd6, #dobm6, #doby6, #dobd7, #dobm7, #doby7,
    #dobd8, #dobm8, #doby8, #dobd9, #dobm9, #doby9, #dobd10, #dobm10, #doby10 {
        border: 1px solid grey;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        height: 40px;
        font-family: 'open_sansregular';
        color: #535353;
        width: 31%;
        margin-bottom: 10px;
        margin-top: 5px;
    }

    input#serial {
        border: 1px solid grey;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        font-family: 'open_sansregular';
        color: #535353;
        width: 100%;
        height: 44px !important;
        /* padding-left: 10px; */
    }


    .headtitle {
        color: #0282be;
        font: normal 40px arial;
        text-align: center;
        margin-top: 25px;
        margin-bottom: 35px;
    }

    .right-sidbar {
        float: right;
        width: 38%;
        background: #f9f9f9;
        padding: 0px 20px 20px;
        border: 1px solid #ddd;
    }

    .title2 {
        color: #2c3690;
        font: normal 27px arial;
        margin-top: 20px;
        text-align: center;
        margin-bottom: 20px;
    }

    .sidebar-section-2.sidebar-section, .sidebar-section-1.sidebar-section {
        padding: 20px 0px;
        margin-bottom: 20px;
    }

    .siebar-section-3.sidebar-section .left-align-s {
        width: 64%;
    }

    .right-sidebar-Top {
        background: #2c3690;
        margin: -20px -20px 10px;
        color: #fff !important;
        font-size: 21px;
        font-family: 'Roboto', serif !important;
        font-weight: 400;
        padding: 10px 0 10px 20px !important;
    }

    a.button {
        width: 215px;
        display: block;
        padding: 10px 0px;
        text-align: center;
        color: white;
        background: #2ecc71;
        border-radius: 10px;
        text-decoration: none;
        font-size: 18px;
        margin-bottom: 30px;
    }


    a.button:after {
        content: '\f054';
        font-family: 'fontAwesome';
        padding-left: 5px;
    }

    .divider {
        border-bottom: solid 1px #ddd;

    }


    a.button2 {
        width: 215px;
        display: block;
        padding: 10px 0px;
        text-align: center;
        color: white;
        background: #2c3690;
        border-radius: 10px;
        text-decoration: none;
        font-size: 18px;
        margin-bottom: 10px;
        float: left;
    }

    a.button2:after {
        content: '\f054';
        font-family: 'fontAwesome';
        padding-left: 5px;
    }


}

@media (max-width: 962px) {

    #homeMain-Col1 {
        float: left;
        width: 100%;
        padding-right: 22px;
    }

    #homeMain-Col2 {
        float: left;
        width: 100%;
        margin-top: 15px
    }

    input#pcode1, #pcode2, #postCode {
        border: 1px solid #e5e5e5;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        height: 43px !important;
        font-family: 'open_sansregular';
        color: #535353;
        display: inline-block;
        max-width: 100%;
        width: 170px;
    }







    #mainContentDIVtop {
        display: none;
    }

    #mainContentDIVbtm {
        display: none;
    }

    .homeMain-Col1-field1 {
        height: 20px;
        width: 40%;
        padding-bottom: 8px;
        float: left;
    }

    .homeMain-Col1-field2 {
        height: 50px;
        width: 68%;
        margin: auto;
    }

    .pol1 {
        height: 20px;
        width: 31%;
        padding-bottom: 10px;
        padding-right: 4px;
        float: left;
    }

    .pol1a {
        height: 20px;
        width: 31%;
        padding-bottom: 10px;
        padding-right: 5px;
        float: left;
    }

    .pol2 {
        height: 50px;
        width: 31%;
        float: left;
    }




    input[type=text], input[type=email], input[type=password] {
        border: 1px solid grey;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        font-family: 'open_sansregular';
        color: #535353;
        width: 100%;
        height: 44px !important;
        /* padding-left: 10px; */
    }

    a.buttonHme {
        width: 215px;
        display: block;
        padding: 10px 0px;
        text-align: center;
        color: white;
        background: #2ecc71;
        border-radius: 30px;
        text-decoration: none;
        font-size: 18px;
        /* margin-bottom: 30px; */
        float: right;
        margin-top: 25px;
    }

    select#DOBR, #dobd1, #dobm1, #doby1, #dobd2, #dobm2, #doby2, #dobd3, #dobm3, #doby3, #dobd4,
    #dobm4, #doby4, #dobd5, #dobm5, #doby5, #dobd6, #dobm6, #doby6, #dobd7, #dobm7, #doby7,
    #dobd8, #dobm8, #doby8, #dobd9, #dobm9, #doby9, #dobd10, #dobm10, #doby10 {
        border: 1px solid grey;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        height: 40px;
        font-family: 'open_sansregular';
        color: #535353;
        width: 31%;
        margin-bottom: 10px;
        margin-top: 5px;
    }

    input#serial {
        border: 1px solid grey;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        font-family: 'open_sansregular';
        color: #535353;
        width: 100%;
        height: 44px !important;
        /* padding-left: 10px; */
    }


    .headtitle {
        color: #0282be;
        font: normal 40px arial;
        text-align: center;
        margin-top: 25px;
        margin-bottom: 35px;
    }

    .right-sidbar {
        float: right;
        width: 38%;
        background: #f9f9f9;
        padding: 0px 20px 20px;
        border: 1px solid #ddd;
    }

    .title2 {
        color: #2c3690;
        font: normal 27px arial;
        margin-top: 20px;
        text-align: center;
        margin-bottom: 20px;
    }

    .sidebar-section-2.sidebar-section, .sidebar-section-1.sidebar-section {
        padding: 20px 0px;
        margin-bottom: 20px;
    }

    .siebar-section-3.sidebar-section .left-align-s {
        width: 64%;
    }

    .right-sidebar-Top {
        background: #2c3690;
        margin: -20px -20px 10px;
        color: #fff !important;
        font-size: 21px;
        font-family: 'Roboto', serif !important;
        font-weight: 400;
        padding: 10px 0 10px 20px !important;
    }

    a.button {
        width: 215px;
        display: block;
        padding: 10px 0px;
        text-align: center;
        color: white;
        background: #2ecc71;
        border-radius: 10px;
        text-decoration: none;
        font-size: 18px;
        margin-bottom: 30px;

    }


    a.button:after {
        content: '\f054';
        font-family: 'fontAwesome';
        padding-left: 5px;
    }

    .divider {
        border-bottom: solid 1px #ddd;

    }


    a.button2 {
        width: 215px;
        display: block;
        padding: 10px 0px;
        text-align: center;
        color: white;
        background: #2c3690;
        border-radius: 10px;
        text-decoration: none;
        font-size: 18px;
        margin-bottom: 30px;
        float: left;
    }

    a.button2:after {
        content: '\f054';
        font-family: 'fontAwesome';
        padding-left: 5px;
    }

}


/*
@media (max-width: 510px) {


	.homeMain-Col1-field2 {
    height: 50px;
    width: 100%;
    clear:both;
}

}
*/
.errorTcontent {
    display: block;
    float: left;
    background: #f2dede;
    color: #333;
    font-size: 16px;
    text-decoration: none;
    padding: 5px 20px 5px 20px;
    border: 3px solid #a94442;
    text-align: center;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    margin: 8px 0 0 40px;
}

@media (max-width: 962px) {
    .containerR {
        max-width: 1000px;
        background-color: #fff;
        border: 1px solid #e5e5e5;
        padding-left: 2em;
        padding-right: 2em;
        margin-top: 50px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        background-image: none;
        background-position: 80% 0% !important;
    }

    .picbox {
        display: none;
    }

    .twentypercent {
        display: none;
    }

}


.pol3 {
    height: 20px;
    width: 50%;
    padding-bottom: 10px;
    padding-right: 5px;
    margin: auto;
}

/* Taken from comp */

.tick {
    font-weight: 400;
    font-size: 18px;
    margin: auto;
    max-width: 950px;
}

/*.tick:before {content: '\f058';font-family: 'fontAwesome';color: #2ecc71;font-size: 20px;}*/


.polA {
    height: 20px;
    width: 30%;
    padding-bottom: 10px;
    padding-right: 5px;
    float: left;
    display: inline-block !important;
}

.polB {
    height: 20px;
    width: 30%;
    padding-bottom: 10px;
    padding-right: 5px;
    float: left;
    display: inline-block !important;
}

/*.wrap {max-width:1810px; margin:auto;} */
.wrap2 {
    display: none;
}

.customers {
    padding-top: 30px;
    padding-left: 10%;
    padding-right: 10%;
    padding-bottom: 64px;
    text-align: center;
    background-image: url(../images/alc/Renewal_Hero_Image.jpg);
    background-size: cover;
    background-position: 70%;
    overflow: auto;
}

.renewing {
    font-weight: 700;
    font-size: 48px;
    line-height: 57pt;
}

.radioAnnualFloat1 {
    float: left;
    width: 20px;
}

.radioAnnualFloat2 {
    float: left;
    width: 135px;
}

.tptitle {
    width: 95%;
    float: left;
    color: #fff;
    font-weight: 700;
    font-size: 22px;
    text-align: center;
}

.tpreview {
    width: 95%;
    float: left;
    color: #fff;
    font-weight: 400;
    font-size: 18px;
    padding-top: 16px;
    text-align: center;
}

.tphead {
    width: 100%;
    text-align: center;
    font-size: 32px;
    margin-top: 25px;
    font-weight: 700;
    color: white;
}

.tpsubhead {
    line-height: normal;
    width: 100%;
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    color: white;
}

.postal {
    float: left;
}

.greentick {
    width: 18px;
    float: left;
    margin-right: 5px;
}

@media only screen and (max-width:500px) {
    .pol1 {
        width: 31% !important;
        padding-left: 0px !important;
    }

    .pol1a {
        width: 31% !important;
    }

    select#DOBR {
        width: 31% !important;
    }

    .homeMain-Col1-field2 {
        width: 100% !important;
    }
}

/*
@media only screen and (max-width:635px) {
.pol3 {width:100% !important; margin-bottom:35px;}
.postal {float:none;}
a.buttonHme {width:100%!important; font-size:16px!important;}
a.buttonHme::after {font-size:16px!important;}
.tick {margin-left:10px!important;}
}
*/

.trusttitle {
    color: #333333;
    line-height: normal;
    margin-top: 20px;
    margin-bottom: 20px;
}

@media only screen and (max-width:750px) {
    .renewing {
        font-size: 40px;
    }

    .loyaltydiscount {
        font-size: 30px !important;
        font-weight: 600 !important;
    }
}

@media only screen and (max-width:450px) {
    .renewing {
        font-size: 35px;
    }

    .loyaltydiscount {
        font-size: 22px !important;
        font-weight: 600 !important;
    }
}

@media only screen and (max-width:1230px) {
    .stars2 {
        display: none;
    }

    .mainleft {
        width: 85% ! important;
        height: unset;
        /* padding-left:40px; */
    }

    .mainright {
        width: 85% ! important;
        height: unset;
        /* padding-left:40px!important; */
        padding-top: 20px !important
    }

    /* .mainright2 {display:block !important; width:100% !important;text-align:center; width:70% !important; margin:0 auto !important; height:auto!important; float:none!important; } */
    #pcode1, #pcode2 {
        width: 100% !important;
    }

    #container {
        max-width: none !important;
    }

    /* .containerR {padding:24px 0px 24px 0px !important; background:none; height:auto!important; color:white; background-position: 80% 0% !important;} */
    .containerR {
        all: unset !important;
    }

    .tick {
        font-size: 18px !important;
    }

    .wrap2 {
        max-width: 800px;
        margin: auto;
        display: block;
    }

    .customers {
        background: #2c3690 !important;
    }

    .renewing {
        line-height: normal;
    }

    /*
.pol1 {width:30% !important;}
.pol1a {width:30% !important;}
.pol3 {width:91% !important;}
*/
    .getquote {
        margin: 0 auto;
    }

    .tpreview {
        font-size: 16px;
    }

    .tptitle {
        font-size: 18px;
    }

    .tphead {
        font-size: 22px;
    }

    .staycov {
        opacity: 0.8;
    }

    .tickdiv {
        opacity: 0.8;
        margin-right: 10px;
    }
}


/*
@media only screen and (max-width:860px) {
.pageContainer {max-width:unset !important; margin:30px!important;}
 .HelpDropD {width:unset !important; height:unset !important;}
.customertp {width:100%!important;}
}
*/

@media only screen and (max-width:700px) {
    .wrap2 {
        max-width: 500px;
        margin: auto;
        display: block;
    }

    .customers {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}


@media only screen and (max-width:500px) {
    .tick {
        font-size: 17px !important;
    }

    .mainright {
        width: 80% !important;
    }

    /*.mainleft {padding-left:0px !important;}*/
    .tickdiv {
        margin-right: 0px !important;
    }
}


@media only screen and (max-width:400px) {
    .customers {
        display: none;
    }
}







/* country styles */

.radioEUR:hover {
    border: 3px solid #232b73;
}

.radioEURX:hover {
    border: 3px solid #232b73;
}

.radioWWX:hover {
    border: 3px solid #232b73;
}

.radioWWI:hover {
    border: 3px solid #232b73;
}

.radioY:hover {
    border: 3px solid #232b73;
}

.radioN:hover {
    border: 3px solid #232b73;
}

@media screen and (min-width:728px) {

    div.radioUK {
        background: #f9f9f9;
        padding: 18px;
        border: 3px solid #ddd;
        border-radius: 5px;
        DISPLAY: BLOCK;
        margin-bottom: 15px;
        text-align: center;
    }

    div.radioEUR {
        background: #f9f9f9;
        padding: 18px;
        border: 3px solid #ddd;
        border-radius: 5px;
        DISPLAY: BLOCK;
        margin-bottom: 15px;
        text-align: center;
    }

    div.radioEURX {
        background: #f9f9f9;
        padding: 18px;
        border: 3px solid #ddd;
        border-radius: 5px;
        DISPLAY: BLOCK;
        margin-bottom: 15px;
        text-align: center;
    }

    div.radioWWX {
        background: #f9f9f9;
        padding: 18px;
        border: 3px solid #ddd;
        border-radius: 5px;
        DISPLAY: BLOCK;
        margin-bottom: 15px;
        text-align: center;
    }

    div.radioWWI {
        background: #f9f9f9;
        padding: 18px;
        border: 3px solid #ddd;
        border-radius: 10px;
        DISPLAY: BLOCK;
        border-radius: 5px;
        DISPLAY: BLOCK;
        margin-bottom: 15px;
        text-align: center;
    }

}

@media screen and (max-width:726px) {
    span.radioEUR {
        background: #f9f9f9;
        padding: 18px;
        border: 3px solid #ddd;
        border-radius: 5px;
        DISPLAY: BLOCK;
        margin-bottom: 15px;
        text-align: center;
    }

    span.radioEURX {
        background: #f9f9f9;
        padding: 18px;
        border: 3px solid #ddd;
        border-radius: 5px;
        DISPLAY: BLOCK;
        margin-bottom: 15px;
        text-align: center;
    }

    div.radioWWX {
        background: #f9f9f9;
        padding: 18px;
        border: 3px solid #ddd;
        border-radius: 5px;
        DISPLAY: BLOCK;
        margin-bottom: 15px;
        text-align: center;
    }

    div.radioWWI {

        background: #f9f9f9;
        padding: 18px;
        border: 3px solid #ddd;
        border-radius: 5px;
        DISPLAY: BLOCK;
        margin-bottom: 15px;
        text-align: center;
    }
}

/* end */



.logoline {
    display: block;
    width: 950px;
}

.mainleft {
    background: #fff;
    /*width:60%;*/
    max-width: 950px;
    /*height:500px;*/
    margin: auto;
    color: #333333;
    text-align: left;
    line-height: normal;
}

.mainright {
    width: 100%;
    /*max-width:950px;*/
    color: #333333;
    margin: auto;
    margin-top: 10px;
    border-top: 2px solid #ddd;
    border-bottom: 2px solid #ddd;
    line-height: normal;
    padding-top: 20px;
    padding-bottom: 20px;
}

.extend {
    max-width: 100% !important;
}

table {
    width: 100%;
}

.containerR {
    /*padding-left:50px;
padding-right:50px;*/
}

.fa-question-circle:before {
    content: "\f059";
    vertical-align: middle;
    padding-left: 6px;
}

.pol1 {
    width: 32%;
    margin-top: 5px;
}

.pol1a {
    width: 32%;
    margin-top: 5px;
}

.loyaltydiscount {
    font-size: 24px;
    font-weight: 700;
}

.homeMain-Col1-field2 {
    width: 100%;
}

select#DOBR {
    width: 50%;
    margin-right: 10px;
}

input#pcode1, #pcode2, #postCode {
    max-width: 100%;
}

.quote-button {
    border-radius: 8px;
    box-shadow: none;
    position: relative;
    color: #fff !important;
    width: 220px;
    height: 60px;
}

.btn-rectangle {
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 8px;
    width: 100%;
    height: 6px;
    background-color: rgb(0, 0, 0, .1);
}

a#utility-btn, button, input[type="button"], input[type="reset"], input[type="submit"], .button {
    background-color: #43ca74;
    border: 0;
    cursor: pointer;
    font-size: 20px;
    font-weight: 700;
    padding: 16px 24px;
    text-decoration: none;
    white-space: normal;
    transition: box-shadow 0.2s cubic-bezier(.4, 0, .2, 1);
    transition-delay: 0.2s;
}

.quote-button span::after {
    content: '\f061';
    padding-left: 8px;
    font-size: 20px;
    font-weight: 100;
    color: #fff;
    font-family: fontawesome;
}

.HomeDOB select#DOBR {
    width: 32%;
    margin-right: 0px;
}

a.buttonHme {
    float: left;
    border-radius: 8px;
    box-shadow: none;
    position: relative;
    color: #fff !important;
    width: 46%;
    height: 25px;
    display: inline-block;
    margin-top: 0px;
    font-size: 20px;
    font-weight: 800;
    line-height: normal;
}

a.buttonHme span::after {
    content: '\f061';
    padding-left: 8px;
    font-size: 20px;
    font-weight: 100;
    color: #fff;
    font-family: fontawesome;
}

.staycov {
    font-weight: 500;
    font-size: 40px;
}

.tickdiv {
    margin-right: 10px;
}

.customertp {
    width: 50%;
    float: left;
    padding-top: 100px;
}

.italics {
    font-style: italic;
}

/*tp section */
.testiomonal {
    text-align: center;
    padding: 60px 0px 0px 0px;
    max-width: 800px;
    margin: auto;
}

.test-title {
    font-size: 25px;
    font-weight: 500;
    color: #2c3690;
}

.test-title:before {
    content: '\f10d';
    font-family: fontawesome;
    vertical-align: text-bottom;
}

.test-quote {
    font-style: italic;
    padding: 10px 0px;
}

.test-time {
    padding-top: 20px;
    font-weight: 400;
    color: #c0c0c0;
    letter-spacing: 2px;
}

img.tp-reviewer {
    width: 150px;
}

.trustWrap {
    padding-left: 15px;
    padding-right: 15px;
}

.svg-icons {
    width: 120px;
    margin: auto;
    display: block;
    margin-bottom: 20px;
}

.center {
    text-align: center;
}

/* Responsive tpwrap */
.tpwrap {
    max-width: 1200px;
    width: 100%;
    padding: 0 15px;
    margin: 0 auto;
    box-sizing: border-box;
}

@media only screen and (max-width: 768px) {
    .tpwrap {
        padding: 0 12px;
    }

    .mosttrustedbar .award-container span {
        letter-spacing: -0.5px;
        font-size: var(--space-base);
    }

}

@media only screen and (max-width: 480px) {
    .tpwrap {
        padding: 0 10px;
    }
}

/* Footer - Modern Mobile-First Layout */

/* Base footer styles */
.footer {
    background: linear-gradient(180deg, #2C3E8F -0.06%, #1F2D6B 95%);
    width: 100%;
    padding: var(--space-xl) var(--space-base);
    color: white;
    box-sizing: border-box;
}

.footercontainer {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: var(--space-xl);
}

/* Footer columns */
.footer1,
.footer2,
.footer3 {
    width: 100%;
    padding: 0;
    margin: 0;
    background-color: transparent;
}

.footer1a {
    width: 100%;
    padding: 0;
}

.footer1b {
    width: 100%;
    padding: 0;
}

.footer1c {
    width: 100%;
}

.footer2a {
    width: 100%;
    color: white;
}

.footer4 {
    width: 100%;
    padding: var(--space-base) 0;
    background-color: transparent;
}

/* Footer typography */
.footertitle {
    font-size: clamp(1.25rem, 2vw, 1.5rem);
    font-weight: 600;
    color: white;
    margin-bottom: var(--space-base);
    display: block;
}

.footertitle2 {
    font-size: 1rem;
    font-weight: 600;
    color: white;
    text-decoration: none;
    display: block;
    margin-bottom: var(--space-s);
    transition: opacity 0.2s ease;
}

.footertitle2:hover {
    opacity: 0.8;
}

.footertext {
    font-size: 0.9375rem;
    color: rgba(255, 255, 255, 0.9);
    line-height: 1.6;
}

.footertext p:first-child {
    margin-top: 0
}

.footergap {
    width: 100px;
    background: #ed4898;
    height: 2px;
    display: block;
    margin: var(--space-base) 0;
}

/* Tablet breakpoint */
@media screen and (min-width: 768px) {
    .footer {
        padding: var(--space-xxl) var(--space-l);
    }

    .footercontainer {
        flex-direction: row;
        flex-wrap: wrap;
        gap: var(--space-l);
    }

    .footer1,
    .footer2,
    .footer3 {
        width: calc(50% - var(--space-l) / 2);
    }
}

/* Desktop breakpoint */
@media screen and (min-width: 1024px) {
    .footercontainer {
        flex-direction: row;
        flex-wrap: nowrap;
        gap: var(--space-xl);
    }

    .footer1,
    .footer2,
    .footer3 {
        width: 33.333%;
        flex: 1 1 0%;
    }
}

/* Caveat section */
.caviate {
    background: #F3F3FB;
    text-align: center;
    font-size: 14px;
    padding: var(--space-base) 0;
}

.caviateWrap {
    max-width: 1200px;
    margin: 0 auto;
    padding: var(--space-l);
    text-align: left;
}

.caviateWrap p {
    margin-bottom: var(--space-base);
    line-height: 1.6;
    padding: 0px;
    margin: var(--space-xs) 0px;
}

/* Legacy support */
.footeroffsetL {
    margin-left: 0;
}

.opacity {
    background: transparent;
    opacity: 1;
}


@media only screen and (min-width:1095px) {


    .award-container-wrap {
        max-width: 1200px;
        margin: 0 auto
    }

    .award-container {
        overflow: auto;
        text-align: center;
        padding: 31px;
        background-color: #eeede9
    }

    .award-container-Lcol {
        font-size: 23px;
        line-height: 38px
    }

    .award-container-Lcol sup {
        font-size: 12px;
        position: absolute;
        line-height: 2
    }

    .award-container-Rcol {
        float: left;
        width: 100%;
        justify-content: center;
        align-items: center;
        padding-top: 10px;
        display: none
    }

    .award-container-mobile {
        display: flex;
        margin-top: 15px;
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
        flex-direction: row
    }

}

@media only screen and (min-width:1095px) {

    .award-container-Lcol {
        width: 40%;
        font-size: 32px;
        line-height: 48px;
        text-align: left;
        float: left
    }

    .award-container-Rcol {
        width: 60%;
        display: block;
        float: right;
        text-align: right
    }

    .award-container-mobile {
        display: none
    }

    .award-container .trustpilot-widget.tp-award {
        width: 111px;
        height: 77px;
        display: inline-block
    }

    .award-container-Lcol .break-point {
        display: unset
    }

}


@media only screen and (min-width:375px) {
    .site {
        background: #fff
    }

    .custom-column-wrapper {
        padding: 0 31px
    }

    .award-container-Lcol .break-point {
        display: none
    }

    .award-container-Lcol {
        font-size: 32px;
        line-height: 48px
    }

    .mtcard .cardimg {
        background-size: cover
    }
}

@media only screen and (min-width:768px) {
    .award-container-Lcol sup {
        font-size: 12px;
        position: absolute;
        line-height: 2
    }
}

@media only screen and (min-width:1440px) {
    .award-container {
        padding: 31px 50px 21px
    }

    .award-container-Lcol {
        width: 50%;
        float: left;
        font-size: 32px;
        text-align: left
    }

    .award-container-Rcol {
        width: 50%;
        float: right;
        text-align: left
    }
}



/* New annual region styles */

.row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100% !important;
}

.rowMob {
    display: none;
}

.column {
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    flex: 1;
    margin-right: 20px;
}

.column2 {
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    flex: 1;
}

.flexcontain {
    display: flex;
}

.AnnualRegion1 {
    font-weight: 700;
    color: #2c3690;
    font-size: 20px;
}

.AnnualRegion2 {
    font-weight: 400;
    color: #333333;
    font-size: 16px;
    line-height: 22px;
}

.agered {
    font-weight: 600;
    color: #c5624d;
}


@media only screen and (max-width: 820px) {
    .row {
        flex-direction: column;
    }

    .column {
        margin-right: 0px;
    }
}


/* new annual region styles end */

/* ========================================
   Hero Section Styles
   ======================================== */

/* Base Styles */
.banner-wrap {
    background: #F6F7FF;
    width: 100%;
}

/* Accreditation Bar */
.accreditations {
    width: 100%;
    background: linear-gradient(180deg, #D6DBFF 0%, #F6F7FF 99.99%);
    height: 48px;
    display: flex;
    align-items: center;
}

.accreditations .inner {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
    display: flex;
    justify-content: center;
    gap: 12px;
}

.accreditations .left,
.accreditations .right {
    display: flex;
    align-items: center;
    gap: 12px;
}

.accreditations .accreditation-logo {
    height: 32px;
    width: auto;
    display: block;
}

/* Trustpilot Inline Layout */
.horizontal-trust {
    display: inline-flex;
    align-items: center;
}

.horizontal-trust-cont {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.horizontal-trust .trustpilot-widget {
    width: auto;
    min-width: 140px;
}

.horizontal-trust iframe {
    height: 29px;
    width: auto;
}

/* Banner Container */
.banner,
.award-container {
    background-color: #ffffff;
    overflow: hidden;
    height: auto;
    margin: 15px 0;
    flex-wrap: wrap;
    box-shadow: 0px 4px 6px -4px #0000001A, 0px 10px 15px -3px #0000001A;
    border-radius: var(--space-base);
}

.banner {
    display: flex;
    max-width: 1200px;
    margin: 0 auto;
    flex-direction: column;
    padding: 15px;
}

/* Award Container Icons */
.award-container span:before {
    content: '';
    display: inline-block;
    height: 32px;
    width: 32px;
    margin: 0 7px 0px 0;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
}

.award-container1 span:before {
    background-image: url(https://res.cloudinary.com/dttwa61aq/image/upload/v1765543617/Project-Unicorn/Diamond.svg);
}

.award-container2 span:before {
    background-image: url(https://res.cloudinary.com/dttwa61aq/image/upload/v1765289745/Project-Unicorn/icons/Hand-heart.svg);
}

.award-container3 span:before {
    background-image: url(https://res.cloudinary.com/dttwa61aq/image/upload/v1765289740/Project-Unicorn/icons/Shield-check-2.svg);
}

/* Mosttrusted Bar Styles */
.mosttrustedbar {
    background: #F6F7FF;
    padding: var(--space-base) 0 var(--space-xxl);
}

.mosttrustedbar .award-container {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    padding: 0 var(--space-base);
    max-width: 1200px;
    gap: var(--space-base);
    flex-wrap: wrap;
    border: 1px solid var(--color-neutral-3);
}

.mosttrustedbar .award-container1,
.mosttrustedbar .award-container2,
.mosttrustedbar .award-container3 {
    flex: 1 1 auto;
    min-width: 200px;
    text-align: center;
    color: #333;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
}

.mosttrustedbar .award-container span {
    font-weight: 700;
}

/* Mobile carousel for award containers < 414px */
@media only screen and (max-width: 413px) {
    .mosttrustedbar .award-container {
        position: relative;
        min-height: 60px;
        justify-content: center;
        align-items: center;
    }

    .mosttrustedbar .award-container1,
    .mosttrustedbar .award-container2,
    .mosttrustedbar .award-container3 {
        position: absolute;
        width: 100%;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.6s ease-in-out, visibility 0.6s;
        flex: none;
    }

    .mosttrustedbar .award-container1.active,
    .mosttrustedbar .award-container2.active,
    .mosttrustedbar .award-container3.active {
        position: relative;
        opacity: 1;
        visibility: visible;
    }
}

/* Override generic .active border for mosttrusted carousel items */
.mosttrustedbar .award-container1.active,
.mosttrustedbar .award-container2.active,
.mosttrustedbar .award-container3.active {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Tablet styles */
@media only screen and (min-width: 414px) and (max-width: 767px) {
    .mosttrustedbar .award-container {
        flex-direction: column;
        gap: var(--space-base);
    }

    .mosttrustedbar .award-container1,
    .mosttrustedbar .award-container2,
    .mosttrustedbar .award-container3 {
        width: 100%;
        font-size: 18px;
    }
}


@media only screen and (max-width: 1200px) {
    .trustpilot-widget {
        margin-left: 5% !important;
    }

    a.navbar-brand {
        padding: var(--space-base);
    }

    .mosttrustedbar .award-container {
        margin: 0px var(--space-base);
    }
}

/* Desktop styles */
@media only screen and (min-width: 768px) {
    .mosttrustedbar .award-container {
        flex-direction: row;
        gap: var(--space-l);
        padding: var(--space-xs)
    }

    .mosttrustedbar .award-container1,
    .mosttrustedbar .award-container2,
    .mosttrustedbar .award-container3 {
        flex: 1;
        font-size: 19px;
        color: #2C3690;
    }
}

@media only screen and (min-width: 1024px) {

    .mosttrustedbar .award-container1,
    .mosttrustedbar .award-container2,
    .mosttrustedbar .award-container3 {
        font-size: 21px;
    }
}

/* Banners Row Layout */
.banners-row {
    display: flex;
    gap: 15px;
    justify-content: space-between;
    max-width: 1200px;
    margin: 0 auto;
    padding: var(--space-base);
}

.banners-row .banner {
    max-width: 50%;
    margin: 0;
    padding: var(--space-m);
    box-sizing: border-box;
}

/* Banner Columns */
.banner-columnFull {
    width: 100%;
}

.banner-columnFull p {
    line-height: var(--space-m);
}

.banner-columnFullHelp {
    width: 100%;
}

.banner-column1 {
    width: 100%;
}

/* Responsive banner-column2 */
.banner-column2 {
    border-radius: 5px;
    position: relative;
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
}

@media only screen and (max-width: 768px) {
    .banner-column2 {
        padding: 12px;
        margin-top: 20px;
    }
}

@media only screen and (max-width: 480px) {
    .banner-column2 {
        padding: 10px;
        border-radius: 3px;
    }
}

.banner-column2-inner {
    padding: unset;
}

.banner-column2 .banner-retr {
    position: unset;
    bottom: 0;
    margin-bottom: 20px;
}

/* Banner Links */
.banner-columnFull .h3-style .banner-retr-link,
.banner-columnFullHelp .h3-style .banner-retr-link {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 31px;
    text-align: left;
    color: var(--linkcolor);
}

.banner-columnFull .h3-style .banner-retr-link:first-of-type,
.banner-columnFullHelp .h3-style .banner-retr-link:first-of-type {
    margin: 0 15px;
}

.banner-columnFull .h3-style span,
.banner-columnFullHelp .h3-style span {
    margin: 0 10px;
}

/* Award Row */
.award-row .award-container-Rcol {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    gap: 12px;
}

.award-row .award-container-Rcol img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

@media only screen and (min-width: 768px) {
    .award-row .award-container-Rcol {
        flex-wrap: nowrap;
        gap: 15px;
    }

    .award-row .award-container-Rcol img {
        flex: 1 1 auto;
        max-width: 23%;
        min-width: 80px;
        height: auto;
    }

    /* Ensure Which Best Buy image stays large enough */
    .award-row .award-container-Rcol .award-container-img5 {
        flex: 0 0 auto;
        max-width: none;
        width: 40%;
        height: auto;
    }
}

/* Typography */
.h1-style {
    font-family: Roboto;
    font-size: 47px;
    font-weight: 700;
    line-height: 38px;
    color: var(--main-color);
    margin: 0;
}

.h1-style span {
    color: #43CA74;
}

.h2-style {
    font-family: Roboto;
    font-size: 29px;
    font-weight: 700;
    line-height: 31px;
    text-align: center;
    color: var(--main-color);
    margin: 0;
}

.h2-style.base-large-space {
    margin-bottom: var(--space-l);
}

.h3-style {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 38px;
    text-align: left;
    color: var(--main-color);
    margin: 10px 0;
}

.p-style {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 27px;
    text-align: left;
    color: #333333;
    margin-block-start: 15px;
    margin-block-end: 15px;
}

sup.caveat1 {
    font-size: 12px;
    font-weight: 500;
}

/* Buttons */
.quote-button,
.quote-buttonCall {
    box-shadow: none;
    position: relative;
    color: #fff;
    width: auto;
    padding: 0 20px;
    height: 60px;
    font-weight: 700;
    line-height: normal;
    margin-top: 0;
    cursor: pointer;
    font-family: Roboto, sans-serif;
    border: 0;
}

.quote-button {
    background: #028226;
    border-radius: 5px;
    font-size: 20px;
    margin-top: 20px;
    width: 100%;
}

.quote-button.quotebuttonMob {
    font-family: Roboto;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    vertical-align: middle;
}

.quote-button.quotebuttonMob:after {
    content: '';
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 0 0 var(--space-xs);
    background-image: url(https://res.cloudinary.com/dttwa61aq/image/upload/v1765288327/Project-Unicorn/icons/next-arrow.svg);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
}

.quote-buttonCall {
    background-color: var(--main-color);
    border-radius: var(--space-sm);
    border-bottom: 5px solid rgba(0, 0, 0, .1);
    font-size: 20px;
    width: 100%;
}

/* Form Container */
.form-container {
    width: 100%;
}

.form-container label::after {
    content: '';
    display: none;
    height: var(--space-base);
    width: var(--space-base);
    margin: 0 0 0 var(--space-xs);
    background-image: url(https://res.cloudinary.com/dttwa61aq/image/upload/v1765285871/Project-Unicorn/icons/i-icon.svg);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
}

.form-container input::placeholder {
    color: #B8B8B8;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 38px;
    text-transform: uppercase;
}

.form-container input.policyDob,
.form-container input.policyNo,
.form-container input.policyCode {
    width: 100%;
    font-family: Roboto;
    font-size: 23px;
    font-weight: 400;
    color: #333333;
    text-transform: uppercase;
}

.form-container input.policyDob::placeholder,
.form-container input.policyNo::placeholder,
.form-container input.policyCode::placeholder {
    color: #B8B8B8;
}




/* DOB Input Fields */
.dobColFull {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 15px;
}

.field-helper-text {
    display: block;
    width: 100%;
    font-size: 14px;
    color: #6B7280;
    margin-top: 6px;
    font-family: Roboto, sans-serif;
}

.dobColDobFull {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 15px;
    justify-content: space-between;
}

.dobColSlash {
    font-family: Roboto;
    font-size: 23px;
    font-weight: 400;
    line-height: 46px;
}

.dobCol:last-of-type::after {
    content: "";
}

/* Form Labels */
label {
    width: 100%;
    margin: 0;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    line-height: 31px;
    text-align: left;
    color: #333333;
}

/* Loyalty Tick List */
ul.loyaltyTick {
    padding-inline-start: 0;
    display: inline-block;
    margin-block-end: 0;
    margin-block-start: 0;
}

ul.loyaltyTick li {
    display: block;
    font-size: 20px;
    font-weight: 600;
    margin: 0;
    list-style: none;
    box-shadow: 0px 1px 2px -1px #0000001A, 0px 1px 3px 0px #0000001A;
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    border-radius: 9px;
    padding: 16px;
    box-sizing: border-box;
    flex-wrap: wrap;
    background: var(--color-neutral-0);
}

/* allow flex items to shrink properly (prevents overflow in narrow containers) */
ul.loyaltyTick li {
    min-width: 0;
}

ul.loyaltyTick li::before {
    content: '';
    display: block;
    height: 24px;
    width: 22px;
    margin: 0 12px 0 0;
    background-image: url(https://res.cloudinary.com/dttwa61aq/image/upload/v1765279210/Project-Unicorn/icons/green-tick.svg);
    background-size: 22px 24px;
    background-repeat: no-repeat;
    align-self: flex-start;
    flex-shrink: 0;
}

.loyaltyTick li span {
    display: block;
    box-sizing: border-box;
    line-height: var(--space-m);
}

/* keep the first span inline with the tick icon */
.loyaltyTick li span:first-child {
    display: inline-block;
    flex: 1 1 auto;
    min-width: 0;
    width: auto;
    margin: 0;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: clamp(14px, 2.2vw, 20px);
    line-height: 1.2;
}

/* second span (details) should take full width below with matching indent */
ul.loyaltyTick li span:nth-of-type(2) {
    display: block;
    width: 100%;
    margin-left: 34px;
    /* 22px icon width + 12px margin */
    font-size: 18px;
    font-weight: 400;
}

/* Help Section */
.help-hide {
    display: none;
    background-color: var(--lightBG);
    border: 2px solid var(--borderColor2);
    padding: 15px;
    margin-bottom: 15px;
}

.help-hide h3 {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 600;
    line-height: 31px;
}

.help-hide p {
    margin-block-start: 0;
    margin-block-end: 0;
}

.help-hideP {
    float: right;
    margin-top: auto;
    cursor: pointer;
}

.help-show {
    display: block;
}

/* Banner Tick Visibility */
.banner-columnFull-tick {
    display: block;
    margin: 20px 0;
}

.banner-column2-tick {
    display: none;
}

/* Helpful Links */
.helpfulllinks {
    display: flex;
    flex-direction: column;
    padding-inline-start: 0;
    gap: 10px;
    justify-content: center;
}

ul.helpfulllinks li {
    display: block;
    font-weight: 600;
    color: #333333;
    list-style: none;
}

ul.helpfulllinks li a {
    color: #333333;
}

/* Message Display */
#message {
    background: #FEF3F2;
    color: #92130A;
    font-size: var(--font-size-base);
    text-decoration: none;
    padding: var(--space-xs) var(--space-base-s);
    border-left: var(--border-size-xl) solid var(--color-error);
    display: none;
}

/* Error field styling */
input.field-error,
.policyNo.field-error,
.policyDob.field-error,
.policyCode.field-error {
    border: 2px solid var(--color-error) !important;
    outline: 2px solid var(--color-error);
    outline-offset: -2px;
    box-shadow: 0 0 8px rgba(222, 62, 43, 0.4);
}

/* ========================================
   Media Queries
   ======================================== */

@media screen and (max-width: 1200px) {

    .footer {
        display: inline-block;
        height: unset;
        background-color: #2c3690;
        margin: 0px auto;
    }
}



/* Mobile Large and above (546px+) */
@media only screen and (min-width: 546px) {
    .h1-style {
        font-size: 47px;
        line-height: 47px;
    }
}

/* Tablet and above (660px+) */
@media only screen and (min-width: 660px) {

    ul.loyaltyTick li {
        margin: 0 15px 0 0;
    }



    ul.loyaltyTick li {
        width: 100%;
        max-width: unset;
    }

    .quote-buttonCall {
        max-width: 360px;
    }
}

/* Tablet and above (769px+) */
@media only screen and (min-width: 769px) {
    .banner-columnFull {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .banner {
        flex-direction: row;
    }

    .banner-column2 {
        background-color: unset;
        border-top: 0;
        border-right: 0;
        border-bottom: 0;
        border-left: 1px solid var(--borderColor);
        width: calc(45% - 15px);
        margin: 0 0 0 15px;
        padding: 0 0 0 15px;
        border-radius: 0;
    }

    .banner-column2 .banner-retr {
        position: absolute;
    }

    #bannerB .banner-column2 {
        border-left: none;
        width: 100%;
        margin: 0;
        padding: 0;
    }

    ul.loyaltyTick {
        display: inline-block;
    }

    .banner-column2-tick {
        display: block;
    }
}

/* Tablet adjustments for banner-column2 */
@media only screen and (min-width: 769px) and (max-width: 1024px) {
    .banner-column2 {
        width: calc(50% - 12px);
        margin: 0 0 0 12px;
        padding: 0 0 0 12px;
    }

    /* 3 Column Statistics Section */
    .stats-container {
        gap: 24px;
    }

}

ul.loyaltyTick li {
    margin: 0 0px 15px 0;
}

.banner-columnFull-tick {
    display: none;
}

.banner-column2-tick {
    display: block;
}

.helpfulllinks {
    flex-direction: row;
}

/* Desktop (1024px+) */
@media (min-width: 1024px) {

    .helpfulllinks {
        gap: 15px;
    }

    ul.loyaltyTick li {
        width: 100%;
    }


    .accreditations {
        height: 70px;
    }

}

/* Tablet range (415px - 1023px) */
@media (min-width: 415px) and (max-width: 1023px) {
    .accreditations .show-tablet {
        display: flex;
    }
}

/* Mobile (max 414px) */
@media (max-width: 414px) {
    .accreditations .show-mobile {
        display: flex;
    }

    .horizontal-trust {
        display: none;
    }

    /* Typography */
    .h1-style {
        font-size: 36px;
    }

    .award-row .award-container-Rcol {
        gap: var(--space-s);
    }

    .loyaltyTick li span:first-child {
            font-size: 20px;
            white-space: pre-wrap;
            width: 88%;
    }

    /* Speak to Someone Section - Stats Card */
    .speak-image {
        margin-bottom: var(--button-min-width-sm);
    }

    .speak-stats {
        left: 16px;
        right: 16px;
        transform: translate(0, 85%);
        padding: 20px 16px;
    }
}

/* Small Mobile (max 520px) */
@media (max-width: 520px) {
    .accreditations {
        height: auto;
        padding: 10px 0 0;
    }

    .accreditations .inner {
        flex-direction: column;
        align-items: center;
        gap: 6px;
    }

    .accreditations .accreditation-logo {
        height: 24px;
    }
}

/* Tablet and below (max 768px) */
@media (max-width: 768px) {
    .banners-row {
        flex-direction: column;
    }

    .accreditations .right {
        display: none;
    }

    .banner-columnFull .h2-style {
        margin-bottom: var(--space-l);
    }

    .banners-row .banner {
        width: 100%;
        max-width: unset;
    }
}

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