@font-face {
    font-family: 'StagSans-Light';
    src: url("https://www.travelport.com/sites/default/files/assets/webfonts/StagSansWeb-Light.eot");
    src: url("https://www.travelport.com/sites/default/files/assets/webfonts/StagSansWeb-Light.eot?#iefix") format("embedded-opentype"), url("https://www.travelport.com/sites/default/files/assets/webfonts/StagSansWeb-Light.woff") format("woff"), url("https://www.travelport.com/sites/default/files/assets/webfonts/StagSansWeb-Light.ttf") format("truetype"), url("https://www.travelport.com/sites/default/files/assets/webfonts/StagSansWeb-Light.svg#Stag Sans Web") format("svg");
    font-style: normal;
    font-weight: 300;
}

@font-face {
    font-family: 'StagSans-Book';
    src: url("https://www.travelport.com/sites/default/files/assets/webfonts/StagSansWeb-Book.eot");
    src: url("https://www.travelport.com/sites/default/files/assets/webfonts/StagSansWeb-Book.eot?#iefix") format("embedded-opentype"), url("https://www.travelport.com/sites/default/files/assets/webfonts/StagSansWeb-Book.woff") format("woff"), url("https://www.travelport.com/sites/default/files/assets/webfonts/StagSansWeb-Book.ttf") format("truetype"), url("https://www.travelport.com/sites/default/files/assets/webfonts/StagSansWeb-Book.svg#Stag Sans Web") format("svg");
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: 'StagSans-Semibold';
    src: url("https://www.travelport.com/sites/default/files/assets/webfonts/StagSansWeb-Semibold.eot");
    src: url("https://www.travelport.com/sites/default/files/assets/webfonts/StagSansWeb-Semibold.eot?#iefix") format("embedded-opentype"), url("https://www.travelport.com/sites/default/files/assets/webfonts/StagSansWeb-Semibold.woff") format("woff"), url("https://www.travelport.com/sites/default/files/assets/webfonts/StagSansWeb-Semibold.ttf") format("truetype"), url("https://www.travelport.com/sites/default/files/assets/webfonts/StagSansWeb-Semibold.svg#Stag Sans Web") format("svg");
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: 'StagSansRound-Light';
    src: url("https://www.travelport.com/sites/default/files/assets/webfonts/StagSansWebRound-Light.eot");
    src: url("https://www.travelport.com/sites/default/files/assets/webfonts/StagSansWebRound-Light.eot?#iefix") format("embedded-opentype"), url("https://www.travelport.com/sites/default/files/assets/webfonts/StagSansWebRound-Light.woff") format("woff"), url("https://www.travelport.com/sites/default/files/assets/webfonts/StagSansWebRound-Light.ttf") format("truetype"), url("https://www.travelport.com/sites/default/files/assets/webfonts/StagSansWebRound-Light.svg#Stag Sans Round Web") format("svg");
    font-style: normal;
    font-stretch: normal;
}
/*
// Stag Sans - Book 
@font-face { font-family: 'Stag Sans'; font-style: normal; font-weight: 400; src: local("Stag Sans Book"), url("https://www.travelport.com/sites/all/themes/custom/travelport/assets/fonts/StagSans/StagSans-Book-Web.woff") format("woff"); }

// Stag Sans - Book Italic
@font-face { font-family: 'Stag Sans'; font-style: italic; font-weight: 400; src: local("Stag Sans Book Italic"), url("https://www.travelport.com/sites/all/themes/custom/travelport/assets/fonts/StagSans/StagSans-BookItalic-Web.woff") format("woff"); }

// Stag Sans - Light 
@font-face { font-family: 'Stag Sans'; font-style: normal; font-weight: 300; src: local("Stag Sans Light"), url("https://www.travelport.com/sites/all/themes/custom/travelport/assets/fonts/StagSans/StagSans-Light-Web.woff") format("woff"); }

// Stag Sans - Light Italic 
@font-face { font-family: 'Stag Sans'; font-style: italic; font-weight: 300; src: local("Stag Sans Light Italic"), url("https://www.travelport.com/sites/all/themes/custom/travelport/assets/fonts/StagSans/StagSans-LightItalic-Web.woff") format("woff"); }

// Stag Sans - Bold 
@font-face { font-family: 'Stag Sans'; font-style: normal; font-weight: 700; src: local("Stag Sans Medium"), url("https://www.travelport.com/sites/all/themes/custom/travelport/assets/fonts/StagSans/StagSans-Medium-Web.woff") format("woff"); }

// Stag Sans - Bold Italic 
@font-face { font-family: 'Stag Sans'; font-style: italic; font-weight: 700; src: local("Stag Sans Medium Italic"), url("https://www.travelport.com/sites/all/themes/custom/travelport/assets/fonts/StagSans/StagSans-MediumItalic-Web.woff") format("woff"); }

// Stag Sans Round - Book 
@font-face { font-family: 'Stag Sans Round'; font-style: normal; font-weight: 400; src: local("Stag Sans Round Book"), url("https://www.travelport.com/sites/all/themes/custom/travelport/assets/fonts/StagSans/StagSansRound-Book-Web.woff") format("woff"); }

// Stag Sans Round - Light 
@font-face { font-family: 'Stag Sans Round'; font-style: normal; font-weight: 300; src: local("Stag Sans Round Light"), url("https://www.travelport.com/sites/all/themes/custom/travelport/assets/fonts/StagSans/StagSansRound-Light-Web.woff") format("woff"); }

// Stag Sans Round - Bold 
@font-face { font-family: 'Stag Sans Round'; font-style: normal; font-weight: 700; src: local("Stag Sans Round Medium"), url("https://www.travelport.com/sites/all/themes/custom/travelport/assets/fonts/StagSans/StagSansRound-Medium-Web.woff") format("woff"); }

*/
/*
$FontFamily-book: 'Stag Sans';
@mixin book () { font-family: 'Stag Sans'; font-style: normal; font-weight: 400; }


$FontFamily-semi: "StagSans-SemiBold", "Helvetica Neue", Helvetica, sans-serif !default;
$FontFamily-lightRound: 'Stag Sans Round';


$FontFamily-light: "StagSans-Light", "Helvetica Neue", Helvetica, sans-serif !default;
@mixin light () { font-family: 'Stag Sans'; font-style: normal; font-weight: 300;
}

$FontFamily-heading: "StagSans-Light", "Helvetica Neue", Helvetica, sans-serif !default;
$FontFamily-copy: "StagSans-Light", "Helvetica Neue", Helvetica, sans-serif !default;
$FontFamily-mono: Consolas, "Andale Mono WT", "Andale Mono", Courier, monospace !default;
*/
[data-animate] {
    -webkit-backface-visibility: hidden;
}

[data-animate="in-up"] {
    opacity: 0;
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition: transform 0.6s, opacity 0.6s;
    -moz-transition: transform 0.6s, opacity 0.6s;
    -ms-transition: transform 0.6s, opacity 0.6s;
    -o-transition: transform 0.6s, opacity 0.6s;
    transition: transform 0.6s, opacity 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    -moz-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    -o-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}

    [data-animate="in-up"].in-up, [data-animate="in-up"].state--animated {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

[data-animateWithin="in-up"] { /*
	>span{
		display: inline-block;
	}*/
}

    [data-animateWithin="in-up"] [data-ani] {
        position: relative;
        opacity: 0;
        -webkit-transform: translateY(60px);
        -moz-transform: translateY(60px);
        -ms-transform: translateY(60px);
        -o-transform: translateY(60px);
        transform: translateY(60px);
        -webkit-transition: transform 0.6s, opacity 0.6s;
        -moz-transition: transform 0.6s, opacity 0.6s;
        -ms-transition: transform 0.6s, opacity 0.6s;
        -o-transition: transform 0.6s, opacity 0.6s;
        transition: transform 0.6s, opacity 0.6s;
    }

        [data-animateWithin="in-up"] [data-ani].in-up {
            opacity: 1;
            -webkit-transform: translateY(0);
            -moz-transform: translateY(0);
            -ms-transform: translateY(0);
            -o-transform: translateY(0);
            transform: translateY(0);
        }

[data-animateWithin="fade"] [data-ani] {
    position: relative;
    opacity: 0;
    -webkit-transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    -ms-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
    transition: opacity 0.6s;
}

    [data-animateWithin="fade"] [data-ani].fade {
        opacity: 1;
    }

[data-animate="fade"] {
    opacity: 0;
    -webkit-transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    -ms-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
    transition: opacity 0.6s;
}

    [data-animate="fade"].fade, [data-animate="fade"].state--animated {
        opacity: 1;
    }

/** DEPENDENCIES - none */
.aspect {
    max-width: 100%;
    height: auto;
    width: 1224px;
}

.button {
    font-size: 22px;
    font-size: 1rem;
    line-height: 24px;
    display: inline-block;
    padding: 12px 18px;
    text-transform: uppercase;
    text-decoration: none;
    text-shadow: none;
    border: 1px solid #159CDF;
    border-radius: 0;
    font-family: "StagSansRound-Light", "Helvetica Neue", Helvetica, sans-serif;
    font-size: 0.83rem;
}

    .button:hover {
        background: #00507F;
        border-color: #00507F;
    }

.button--primary {
    background-color: #159CDF;
    border: 1px solid #159CDF;
    color: #fff;
}

.buttonCircle {
    display: block;
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    border-radius: 50%;
    background-color: #159CDF;
    border: 4px solid #B9E1F5;
    transition: background-color .4s;
}

    .buttonCircle:hover {
        background-color: #00507F;
    }

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

.icon-arrow-right {
    background: url("https://www.travelport.com/sites/default/files/assets/img/2105-icon-arrow-right.png") center no-repeat;
    background-size: auto 22px;
}

.inputPill {
    display: inline-block;
}

    .inputPill input[type="checkbox"], .inputPill input[type="radio"] {
        display: none;
    }

        .inputPill input[type="checkbox"]:checked + label, .inputPill input[type="radio"]:checked + label {
            color: #fff;
            background-color: #159CDF;
        }

    .inputPill label {
        display: block;
        line-height: 18px;
        padding: 9px 21px;
        border: 1px solid #666666;
        border-radius: 3px;
    }

        .inputPill label:hover {
            cursor: pointer;
        }

/** Using normalize.css we have added in some variables so that the base styling can be customised.
*/
.paint {
    background-color: #159CDF;
    color: #fff;
}

/* http://meyerweb.com/eric/tools/css/reset/  v2.0 | 20110126 License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1.3;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.s-1\/1 {
    width: 100% !important;
}

.s-1\/2 {
    width: 50% !important;
}

.s-1\/3 {
    width: 33.33333% !important;
}

.s-2\/3 {
    width: 66.66667% !important;
}

.s-1\/4 {
    width: 25% !important;
}

.s-2\/4 {
    width: 50% !important;
}

.s-3\/4 {
    width: 75% !important;
}

.s-1\/5 {
    width: 20% !important;
}

.s-2\/5 {
    width: 40% !important;
}

.s-3\/5 {
    width: 60% !important;
}

.s-4\/5 {
    width: 80% !important;
}

@media (min-width: 320px) {
    .s-1\/1--mob {
        width: 100% !important;
    }

    .s-1\/2--mob {
        width: 50% !important;
    }

    .s-1\/3--mob {
        width: 33.33333% !important;
    }

    .s-2\/3--mob {
        width: 66.66667% !important;
    }

    .s-1\/4--mob {
        width: 25% !important;
    }

    .s-2\/4--mob {
        width: 50% !important;
    }

    .s-3\/4--mob {
        width: 75% !important;
    }

    .s-1\/5--mob {
        width: 20% !important;
    }

    .s-2\/5--mob {
        width: 40% !important;
    }

    .s-3\/5--mob {
        width: 60% !important;
    }

    .s-4\/5--mob {
        width: 80% !important;
    }
}

@media (min-width: 520px) {
    .s-1\/1--xmob {
        width: 100% !important;
    }

    .s-1\/2--xmob {
        width: 50% !important;
    }

    .s-1\/3--xmob {
        width: 33.33333% !important;
    }

    .s-2\/3--xmob {
        width: 66.66667% !important;
    }

    .s-1\/4--xmob {
        width: 25% !important;
    }

    .s-2\/4--xmob {
        width: 50% !important;
    }

    .s-3\/4--xmob {
        width: 75% !important;
    }

    .s-1\/5--xmob {
        width: 20% !important;
    }

    .s-2\/5--xmob {
        width: 40% !important;
    }

    .s-3\/5--xmob {
        width: 60% !important;
    }

    .s-4\/5--xmob {
        width: 80% !important;
    }
}

@media (min-width: 768px) {
    .s-1\/1--tab {
        width: 100% !important;
    }

    .s-1\/2--tab {
        width: 50% !important;
    }

    .s-1\/3--tab {
        width: 33.33333% !important;
    }

    .s-2\/3--tab {
        width: 66.66667% !important;
    }

    .s-1\/4--tab {
        width: 25% !important;
    }

    .s-2\/4--tab {
        width: 50% !important;
    }

    .s-3\/4--tab {
        width: 75% !important;
    }

    .s-1\/5--tab {
        width: 20% !important;
    }

    .s-2\/5--tab {
        width: 40% !important;
    }

    .s-3\/5--tab {
        width: 60% !important;
    }

    .s-4\/5--tab {
        width: 80% !important;
    }
}

@media (min-width: 1024px) {
    .s-1\/1--lap {
        width: 100% !important;
    }

    .s-1\/2--lap {
        width: 50% !important;
    }

    .s-1\/3--lap {
        width: 33.33333% !important;
    }

    .s-2\/3--lap {
        width: 66.66667% !important;
    }

    .s-1\/4--lap {
        width: 25% !important;
    }

    .s-2\/4--lap {
        width: 50% !important;
    }

    .s-3\/4--lap {
        width: 75% !important;
    }

    .s-1\/5--lap {
        width: 20% !important;
    }

    .s-2\/5--lap {
        width: 40% !important;
    }

    .s-3\/5--lap {
        width: 60% !important;
    }

    .s-4\/5--lap {
        width: 80% !important;
    }
}

@media (min-width: 1024px) {
    .o-1\/10--lap {
        margin-left: 10%;
    }
}

.mt {
    margin-top: 6px;
}

.mt\+ {
    margin-top: 12px;
}

.mt-4 {
    margin-top: 24px;
}

.mt-6 {
    margin-top: 36px;
}

.ml\+ {
    margin-left: 12px;
}

.splash {
    background-image: url("http://images.cloud.travelport.com/Web/Travelport/{e77f6c74-7c3c-4ad7-b56f-06b5aed950bf}_2105-jason-nash.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    text-align: left;
}

    .splash h2 + p {
        margin-top: 0;
    }

    .splash * {
        color: #fff;
    }

.heading-3 {
    font-size: 22px;
    font-size: 1rem;
    line-height: 1.2;
    font-family: "StagSans-Light", "Helvetica Neue", Helvetica, sans-serif;
    color: #159CDF;
}

.illustration-title {
    position: relative;
    z-index: 10;
}

    .illustration-title span {
        display: block;
        margin: 0 auto;
    }

    .illustration-title .illustration-title__upper {
        font-size: 1.75rem;
    }

        .illustration-title .illustration-title__upper:after {
            content: ' ';
            display: block;
            background: url("https://www.travelport.com/sites/default/files/assets/img/2105-title-underline--narrow.svg") no-repeat center center;
            width: 430px;
            height: 10px;
            background-size: 100% auto;
            margin: 2px auto;
            max-width: 100%;
            width: 300px;
        }

    .illustration-title .illustration-title__sub {
        font-size: 1.5rem;
        font-family: "StagSansRound-Light", "Helvetica Neue", Helvetica, sans-serif;
        color: #78BE20;
    }

        .illustration-title .illustration-title__sub.type--perf {
            color: #00A3AD;
        }

        .illustration-title .illustration-title__sub.type--exp {
            color: #890C58;
        }

        .illustration-title .illustration-title__sub.type--intel {
            color: #582C83;
        }

@media (min-width: 768px) {
    .illustration {
        margin-top: -80px;
    }

    .illustration-title .illustration-title__upper:after {
        width: 430px;
        background: url("https://www.travelport.com/sites/default/files/assets/img/2105-title-underline.svg") no-repeat center center;
    }
}

.subHeading-1 {
    font-size: 28px;
    font-size: 1.27273rem;
    line-height: 1.25;
    font-family: "StagSans-Book", "Helvetica Neue", Helvetica, sans-serif;
}

.subHeading-2 {
    font-size: 24px;
    font-size: 1.09091rem;
    line-height: 1.25;
    font-family: "StagSansRound-Light", "Helvetica Neue", Helvetica, sans-serif;
}

    .subHeading-2 + p {
        margin-top: 12px;
    }

.type-underline {
    padding-bottom: 18px;
}

    .type-underline:after {
        content: '';
        display: block;
        width: 162px;
        height: 2px;
        margin-top: 18px;
        background-image: radial-gradient(circle, #159CDF, #159CDF 50%, rgba(21, 156, 223, 0) 50%, rgba(21, 156, 223, 0)), linear-gradient(#159CDF, #159CDF), radial-gradient(circle, #159CDF, #159CDF 50%, rgba(21, 156, 223, 0) 50%, rgba(21, 156, 223, 0)), radial-gradient(circle, #159CDF, #159CDF 50%, rgba(21, 156, 223, 0) 50%, rgba(21, 156, 223, 0)), linear-gradient(#159CDF, #159CDF), radial-gradient(circle, #159CDF, #159CDF 50%, rgba(21, 156, 223, 0) 50%, rgba(21, 156, 223, 0)), radial-gradient(circle, #159CDF, #159CDF 50%, rgba(21, 156, 223, 0) 50%, rgba(21, 156, 223, 0)), linear-gradient(#159CDF, #159CDF), radial-gradient(circle, #159CDF, #159CDF 50%, rgba(21, 156, 223, 0) 50%, rgba(21, 156, 223, 0));
        background-size: 2px 2px, 12px 2px, 2px 2px, 2px 2px, 18px 2px, 2px 2px, 2px 2px, 120px 2px, 2px 2px;
        background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
        background-position: 0 90%, 1px 90%, 12px 90%, 18px 90%, 19px 90%, 36px 90%, 42px 90%, 43px 90%, 162px 90%;
    }

.type-underlineContrast {
    padding-bottom: 18px;
}

    .type-underlineContrast:after {
        content: '';
        display: block;
        width: 162px;
        height: 2px;
        margin-top: 18px;
        background-image: radial-gradient(circle, #fff, #fff 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0)), linear-gradient(#fff, #fff), radial-gradient(circle, #fff, #fff 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0)), radial-gradient(circle, #fff, #fff 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0)), linear-gradient(#fff, #fff), radial-gradient(circle, #fff, #fff 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0)), radial-gradient(circle, #fff, #fff 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0)), linear-gradient(#fff, #fff), radial-gradient(circle, #fff, #fff 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0));
        background-size: 2px 2px, 12px 2px, 2px 2px, 2px 2px, 18px 2px, 2px 2px, 2px 2px, 120px 2px, 2px 2px;
        background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
        background-position: 0 90%, 1px 90%, 12px 90%, 18px 90%, 19px 90%, 36px 90%, 42px 90%, 43px 90%, 162px 90%;
    }

.type-underline--center:after {
    margin-left: auto;
    margin-right: auto;
}

.copy, .copy {
    font-size: 22px;
    font-size: 1rem;
}

.copy-l, .copy-l {
    font-size: 22px;
    font-size: 1rem;
}

.copy-s, .copy-s {
    font-size: 16px;
    font-size: 0.72727rem;
}

.type--base {
    color: #666666;
}

.type--text {
    color: #9aa2a7;
}

.type--baseContrast {
    color: #fff;
}

.type--primary {
    color: #159CDF;
}

.type--accent {
    color: #00A3AD;
}

.type--choice {
    color: #78BE20;
}

.type--perf {
    color: #00A3AD;
}

.type--exp {
    color: #890C58;
}

.type--intel {
    color: #582C83;
}

.typeMax-34 {
    max-width: 34rem;
}

.center .typeMax-34 {
    margin-left: auto;
    margin-right: auto;
}

.center {
    text-align: center;
}

.block {
    display: block;
}

* {
    box-sizing: border-box;
}

html {
    font-size: 137.5%;
}

@media (max-width: 767px) {
    html {
        font-size: 112.5%;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    html {
        font-size: 112.5%;
    }
}

body {
    background-color: #fff;
    font-size: 1em;
    line-height: 1.3;
    font-weight: normal;
    font-family: "StagSans-Light", "Helvetica Neue", Helvetica, sans-serif;
    font-family: "StagSans-Book", "Helvetica Neue", Helvetica, sans-serif;
    color: #666666;
}

    body.is-visible {
        overflow: hidden;
    }

    body:before {
        display: block;
        content: '';
        width: 100%;
        height: 5px;
        background: linear-gradient(to right, #0479b5 50%, #78be20 100%);
    }

.page-content {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

.page-wrap {
    position: relative;
    z-index: 10;
}

blockquote {
    font-size: 22px;
    font-size: 1rem;
    margin: 0;
    padding: 12px 18px;
    font-style: italic;
    position: relative;
}

    blockquote footer {
        font-size: 16px;
        font-size: 0.72727rem;
        font-weight: 700;
        font-style: normal;
    }

/* TODO: Make button and input styling based on same styles so that when used together they work nicely */
/** Label Notes Very simple base styles which can be built apon with formfield classes */
label {
    font-size: 22px;
    font-size: 1rem;
    display: block;
}

/** input Notes  */
input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea, select {
    font-size: 16px;
    font-size: 0.72727rem;
    line-height: 24px;
    font-weight: 400;
    padding: 6px 12px;
    height: 38px;
    border-radius: 0;
    width: 100%;
    border: 1px solid #666666;
}

/** input Submit Notes  */
input[type="submit"] {
    font-size: 16px;
    font-size: 0.72727rem;
    line-height: 24px;
    font-weight: 400;
    padding: 6px 12px;
    height: 38px;
    border-radius: 0;
    background-color: #159CDF;
    border: 1px solid #159CDF;
    color: #fff;
    font-size: 18px;
    font-size: 0.81818rem;
    text-transform: uppercase;
    appearance: none;
}

/** Select Notes  */
/** Textarea Notes  */
textarea {
    font-size: 16px;
    font-size: 0.72727rem;
    line-height: 24px;
    font-weight: 400;
    padding: 6px 12px;
    height: 110px;
    border-radius: 0;
}

h1 {
    font-size: 60px;
    font-size: 2.72727rem;
    line-height: 1;
    font-family: "StagSansRound-Light", "Helvetica Neue", Helvetica, sans-serif;
    color: #159CDF;
}

    h1 + p {
        margin-top: 30px;
    }

h2 {
    font-size: 36px;
    font-size: 1.63636rem;
    line-height: 1.2;
    font-family: "StagSans-Light", "Helvetica Neue", Helvetica, sans-serif;
    color: #159CDF;
}

    h2 + p {
        margin-top: 18px;
    }

h3 {
    font-size: 22px;
    font-size: 1rem;
    line-height: 1.2;
    font-family: "StagSans-Book", "Helvetica Neue", Helvetica, sans-serif;
    color: #00507F;
}

h4 {
    font-size: 18px;
    font-size: 0.81818rem;
    line-height: 1.5;
    color: #00507F;
}

    h4 + p {
        margin-top: 9px;
    }

h5 {
    font-size: 15px;
    font-size: 0.68182rem;
    line-height: 1.5;
    color: #00507F;
}

a {
    color: #159CDF;
    text-decoration: none;
}

ul {
    list-style: circle;
}

ol, ul {
    padding-left: 2rem;
}

p {
    font-size: 22px;
    font-size: 1rem;
}

    p + p {
        margin-top: 22px;
    }

b, strong {
    font-weight: 700;
}

i, cite, em, var, address, dfn {
    font-style: italic;
}

.Grid {
    max-width: 1224px;
    margin-left: auto;
    margin-right: auto;
    letter-spacing: -0.31em;
    text-rendering: optimizespeed;
}

@media (min-width: 768px) {
    .Grid {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.Grid .Grid {
    margin-left: -16px;
    margin-right: -16px;
}

.opera:-o-prefocus, .grid {
    word-spacing: -0.43em;
}

.Grid-column {
    display: inline-block;
    width: 100%;
    padding: 16px;
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal;
    text-rendering: auto;
}

.Grid-column--row {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.Grid-column--middle {
    vertical-align: middle;
}

.page-header {
    margin-left: auto;
    margin-right: auto;
    max-width: 1224px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    padding: 20px 16px;
    font-size: "StagSans-Light", "Helvetica Neue", Helvetica, sans-serif;
}

@media (min-width: 767px) {
    .page-header {
        padding: 20px 32px;
    }
}

.site-logo {
    width: 153px;
}

    .site-logo img, .site-logo svg {
        display: block;
        max-width: 100%;
        height: auto;
    }

@media (min-width: 860px) {
    .site-logo {
        width: 256px;
    }
}

.page-header__nav {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
}

    .page-header__nav ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

        .page-header__nav ul li {
            margin: 0;
            padding: 0;
            font-size: 16px;
            display: inline-block;
            margin: 0 10px;
            position: relative;
        }

            .page-header__nav ul li a {
                color: #159CDF;
                color: #159cdf;
                transition: color .4s;
            }

                .page-header__nav ul li a:hover {
                    color: #00507F;
                }

            .page-header__nav ul li + li:before {
                border-left: 1px solid #d0d1d2;
                position: absolute;
                left: -12px;
                top: 3px;
                width: 2px;
                content: '';
                height: 13px;
            }

    .page-header__nav .pane-simple-stock-ticker {
        font-size: 16px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: 20px;
        margin-top: 5px;
    }

@media (max-width: 860px) {
    .page-header__nav ul {
        display: none;
    }
}

.branding-interaction__icon-container {
    width: 20px;
    height: 20px;
    padding: 5px;
    background: #63666a;
    border-radius: 50%;
    margin-right: 10px;
    position: relative;
    top: -2px;
}

    .branding-interaction__icon-container img, .branding-interaction__icon-container svg {
        display: block;
        max-width: 100%;
        height: auto;
        position: relative;
        top: 2px;
    }

.page-footer {
    background: #00507f;
    color: #ffffff;
    font-size: 12px;
    font-weight: 300;
    padding: 20px;
    text-align: center;
    line-height: 1.5;
    font-family: "StagSans-Book", "Helvetica Neue", Helvetica, sans-serif;
}

    .page-footer a {
        color: #fff;
    }

    .page-footer:after {
        content: '';
        display: table;
        clear: both;
    }

@media (min-width: 768px) {
    .page-footer {
        padding: 28px;
    }

    .page-footer__inner {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: center;
        -ms-align-items: center;
        align-items: center;
        margin-left: auto;
        margin-right: auto;
        max-width: 1224px;
    }
}

.page-footer__copyright {
    margin-bottom: 8px;
    line-height: 25px;
}

.footer-links {
    margin-bottom: 4px;
}

    .footer-links a {
        padding: 8px 4px 0;
        display: inline-block;
    }

.footer-links--page {
    font-family: "StagSans-SemiBold", "Helvetica Neue", Helvetica, sans-serif;
    font-size: 14px;
}

.icon {
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
}

.footer__icons {
    margin: 20px 0 0;
    padding: 0;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
}

@media (min-width: 768px) {
    .footer__icons {
        margin: 0;
        text-align: right;
    }
}

.footer__icon {
    display: inline-block;
    margin: 0 0 0 2.5px;
}

    .footer__icon a {
        display: block;
        width: 32px;
        height: 32px;
        background-image: url("https://www.travelport.com/sites/default/files/assets/img/2105-sprite.svg");
        background-size: 430px 430px;
        background-repeat: no-repeat;
    }

.footer__icon--asktravelport {
    background-position: -393px -5px;
}

.footer__icon--twitter {
    background-position: -393px -173px;
}

.footer__icon--facebook {
    background-position: -393px -47px;
}

.footer__icon--youtube {
    background-position: -393px -215px;
}

.footer__icon--linkedin {
    background-position: -393px -131px;
}

.footer__icon--googleplus {
    background-position: -393px -89px;
}

.Card {
    position: relative;
    text-align: center;
}

.Card-splash {
    position: relative;
    margin-bottom: 24px;
    position: relative; /*	
	.card-slice {
		position: absolute;
		left: 0; right: 0; bottom: 0;
		top:0;		
		
		
		background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 1280 218' style='enable-background:new 0 0 1280 218;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpolyline class='st0' points='1280,0 0,218 1280,218 '/%3E%3C/svg%3E");		
		background-size: cover;
		background-position: left bottom;
		background-repeat: no-repeat;
		
	
//		img, svg {
//			width: 100%;
//			height: auto;
//			display: block;
//		}
	}	*/
}

.Card-splashImage {
    display: block;
    width: 100%;
    height: auto;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 82%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 82%, 0 100%);
}

.Card-splashButton {
    font-size: 22px;
    font-size: 1rem;
    line-height: 24px;
    display: inline-block;
    padding: 12px 18px;
    text-transform: uppercase;
    text-decoration: none;
    text-shadow: none;
    border: 1px solid #159CDF;
    border-radius: 0;
    font-family: "StagSansRound-Light", "Helvetica Neue", Helvetica, sans-serif;
    font-size: 0.83rem;
    background-color: #159CDF;
    border: 1px solid #159CDF;
    color: #fff;
    position: absolute;
    right: 16px;
    bottom: 16px;
}

    .Card-splashButton:hover {
        background: #00507F;
        border-color: #00507F;
    }

@media (min-width: 768px) {
    .Card-splashButton {
        right: 16px;
        bottom: 8px;
    }
}

@media (min-width: 1024px) {
    .Card-splashButton {
        right: 32px;
        bottom: 24px;
    }
}

.Card-splashButton--action {
    -webkit-clip-path: polygon(0 0, 88% 0, 100% 50%, 88% 100%, 0 100%);
    clip-path: polygon(0 0, 88% 0, 100% 50%, 88% 100%, 0 100%);
}

.Card-splashButtonCircle {
    display: block;
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    border-radius: 50%;
    background-color: #159CDF;
    border: 4px solid #B9E1F5;
    transition: background-color .4s;
    position: absolute;
    right: 16px;
    bottom: 20px;
}

    .Card-splashButtonCircle:hover {
        background-color: #00507F;
    }

@media (min-width: 768px) {
    .Card-splashButtonCircle {
        right: 16px;
        bottom: 8px;
    }
}

@media (min-width: 1024px) {
    .Card-splashButtonCircle {
        right: 32px;
        bottom: 24px;
    }
}

.Card-heading {
    position: relative;
    padding-bottom: 18px;
}

    .Card-heading:after {
        content: '';
        display: block;
        width: 162px;
        height: 2px;
        margin-top: 18px;
        background-image: radial-gradient(circle, #159CDF, #159CDF 50%, rgba(21, 156, 223, 0) 50%, rgba(21, 156, 223, 0)), linear-gradient(#159CDF, #159CDF), radial-gradient(circle, #159CDF, #159CDF 50%, rgba(21, 156, 223, 0) 50%, rgba(21, 156, 223, 0)), radial-gradient(circle, #159CDF, #159CDF 50%, rgba(21, 156, 223, 0) 50%, rgba(21, 156, 223, 0)), linear-gradient(#159CDF, #159CDF), radial-gradient(circle, #159CDF, #159CDF 50%, rgba(21, 156, 223, 0) 50%, rgba(21, 156, 223, 0)), radial-gradient(circle, #159CDF, #159CDF 50%, rgba(21, 156, 223, 0) 50%, rgba(21, 156, 223, 0)), linear-gradient(#159CDF, #159CDF), radial-gradient(circle, #159CDF, #159CDF 50%, rgba(21, 156, 223, 0) 50%, rgba(21, 156, 223, 0));
        background-size: 2px 2px, 12px 2px, 2px 2px, 2px 2px, 18px 2px, 2px 2px, 2px 2px, 120px 2px, 2px 2px;
        background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
        background-position: 0 90%, 1px 90%, 12px 90%, 18px 90%, 19px 90%, 36px 90%, 42px 90%, 43px 90%, 162px 90%;
    }

    .Card-heading:after {
        margin-left: auto;
        margin-right: auto;
    }

.Card-copy {
    font-size: 0.9rem;
}

.Form-field + .Form-field, .Form-field + .form-design-field, .form-design-field + .Form-field, .form-design-field + .form-design-field {
    margin-top: 18px;
}

.Form-label + .Form-input, .Form-label + input, .Form-label + select, label + .Form-input, label + input, label + select {
    margin-top: 6px;
}

.Form-submit--success {
    background-color: #6DB736 !important;
    border-color: #6DB736 !important;
}

.thanks-msg {
    color: #6DB736;
}

.LV_validation_message {
    margin: 0 0 0 5px;
    color: #CC0000;
    font-size: 14px;
}

.LV_valid {
    display: none;
}

.LV_invalid {
    color: #CC0000;
}

.LV_invalid_field, input.LV_invalid_field:hover, input.LV_invalid_field:active, textarea.LV_invalid_field:hover, textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}

.Island {
    padding-top: 30px;
    padding-bottom: 30px;
}

@media (min-width: 768px) {
    .Island {
        padding-top: 72px;
        padding-bottom: 72px;
    }
}

@media (min-width: 1024px) {
    .Island {
        padding-top: 180px;
        padding-bottom: 140px;
    }
}

.Island--center {
    text-align: center;
}

    .Island--center .Island-inner, .Island--center .Island-buttonCircle {
        margin-left: auto;
        margin-right: auto;
    }

.Island--hero {
    background: #159cdf url("https://www.travelport.com/sites/default/files/assets/img/2105-hero-illustration.png") bottom center no-repeat;
    background-size: 100% auto;
    color: #fff; /*

	@include media('>=tab') {
		background: 
	    linear-gradient(
	      rgba($Colour-primary, 0.8), 
	      rgba($Colour-primary, 0.8)
	    ),
	    url('../img/illustrations/2105hero.png') bottom center no-repeat;
	    background-size: 100% auto;
		background-position: center center;
	}
*/
}

@media (min-width: 1500px) {
    .Island--hero {
        background-size: 1500px auto;
    }
}

.Island--hero * {
    color: #fff;
}

.Island--hero .Island-buttonCircle {
    background-color: transparent;
}

@media (min-width: 1024px) {
    .Island--s {
        padding-top: 64px;
        padding-bottom: 0;
    }
}

@media (min-width: 1024px) {
    .Island--sAlt {
        padding-top: 64px;
        padding-bottom: 64px;
    }
}

.Island--angle {
    margin-top: 70px;
    position: relative;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 82%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 82%, 0 100%); /*
	.island-slice {
		position: absolute;
		left: 0; 
		bottom: 0;
		right: 0;
		img, svg {
			display: block;
			width: 100%;
			height: auto;
		}
	}
*/
}

@media (min-width: 1024px) {
    .Island--angle {
        padding-top: 280px;
        padding-bottom: 256px;
    }
}

@media (max-width: 768px) {
    .Island--angle {
        margin-left: -16px;
        margin-right: -16px;
        position: relative;
    }

        .Island--angle:before {
            content: ' ';
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            width: 100%;
            background: rgba(0, 80, 127, 0.6);
        }

        .Island--angle .Island-inner {
            position: relative;
        }
}

.Island-inner {
    max-width: 1224px;
    padding-left: 16px;
    padding-right: 16px;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 768px) {
    .Island-inner {
        padding-left: 32px;
        padding-right: 32px;
    }
}

.Island-buttonCircle {
    display: block;
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    border-radius: 50%;
    background-color: #159CDF;
    border: 4px solid #B9E1F5;
    transition: background-color .4s;
    margin-top: 36px;
}

    .Island-buttonCircle:hover {
        background-color: #00507F;
    }

.Media, .Media-body {
    overflow: hidden;
    _overflow: visible;
    zoom: 1;
}

.Media-image img, .Media-imageAlt img {
    display: block;
}

.Media-image, .Media-imageMiddle {
    margin-right: 12px;
}

.Media-image {
    float: left;
}

.Media-imageAlt, .Media-imageAltMiddle {
    margin-left: 12px;
}

.Media-imageAlt {
    float: right;
}

.Media-bodyMiddle, .Media-imageMiddle {
    display: inline-block;
    vertical-align: middle;
}

    .Media-imageMiddle img {
        vertical-align: bottom;
    }

.Modal {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: auto;
    z-index: 9999;
    background-color: rgba(0, 80, 127, 0.8);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

    .Modal .Modal-body {
        -webkit-transform: scale(0.6);
        -moz-transform: scale(0.6);
        -ms-transform: scale(0.6);
        -o-transform: scale(0.6);
        transform: scale(0.6);
        opacity: 0;
    }

    .Modal.is-visible {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }

        .Modal.is-visible .Modal-body {
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            -o-transform: scale(1);
            transform: scale(1);
            opacity: 1;
        }

    /*
.Modal:not(.is-visible) {
	@include transition(opacity .6s .4s );
	@include timing($easeInOutExpo);
	
	.Modal-body {
		@include transition( all  .4s );
		@include timing($easeOutSine);
	}
}*/
    .Modal.is-visible {
        -webkit-transition: transform 0.4s;
        -moz-transition: transform 0.4s;
        -ms-transition: transform 0.4s;
        -o-transition: transform 0.4s;
        transition: transform 0.4s;
        -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
        -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
        -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
        transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    }

        .Modal.is-visible .Modal-body {
            -webkit-transition: all 0.3s 0.4s;
            -moz-transition: all 0.3s 0.4s;
            -ms-transition: all 0.3s 0.4s;
            -o-transition: all 0.3s 0.4s;
            transition: all 0.3s 0.4s;
            -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
            -moz-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
            -o-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
            transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
        }

.Modal-body {
    width: 100%;
    max-width: 100%;
}

.Modal-close {
    position: absolute;
    top: 12px;
    right: 12px;
    text-indent: -9999px;
    display: block;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: #159CDF;
    border: 4px solid #B9E1F5;
    color: #fff;
    z-index: 99;
    transition: background-color .4s; /*
	@include media('>=lap') {
		top: 24px;
		right: 8%;
	}*/
}

    .Modal-close:after {
        content: '\2715';
        display: block;
        float: right;
        text-indent: 0;
        text-align: center;
        line-height: 42px;
        width: 40px;
    }

    .Modal-close:hover {
        background-color: #00507F;
    }

.Page {
    min-height: 100vh;
}

html.form-page {
    height: 100%;
    position: relative;
}

    html.form-page body {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        height: 100%;
    }

        html.form-page body:before {
            display: none;
        }

    html.form-page .footer-push {
        -webkit-flex: 2 2 100%;
        flex: 2 2 100%;
    }

        html.form-page .footer-push:before {
            display: block;
            content: '';
            width: 100%;
            height: 5px;
            background: linear-gradient(to right, #0479b5 50%, #78be20 100%);
        }

    html.form-page .footer-push, html.form-page .page-footer {
        width: 100%;
    }

@media (min-width: 768px) {
    html.form-page .page-footer {
        -webkit-flex: 0 0 auto;
        flex: 0 0 auto;
        height: 119px;
        align-self: flex-end;
    }
}

.Tabs {
    position: relative;
}

@media (max-width: 768px) {
    .Tabs {
        overflow-x: auto;
        max-width: 100%;
    }
}

.Tabs-nav {
    position: relative;
    list-style: none;
    padding-left: 0;
    max-width: 1224px;
    margin-left: auto;
    margin-right: auto;
    z-index: 11;
}

    .Tabs-nav:after {
        content: "";
        display: table;
        clear: both;
    }

@media (min-width: 768px) {
    .Tabs-nav {
        padding-left: 32px;
        padding-right: 32px;
    }
}

@media (min-width: 768px) {
    .Tabs-navItem {
        float: left;
    }
}

.Tabs-navLink {
    font-size: 24px;
    font-size: 1.09091rem;
    font-family: "StagSans-Book", "Helvetica Neue", Helvetica, sans-serif;
    text-align: center;
    position: relative;
    display: block;
    padding: 15px 12px;
    outline: none;
    background-color: #eee;
    color: rgba(99, 102, 106, 0.5);
    transition: background-color .2s ease-in-out;
}

    .Tabs-navLink .slice {
        display: none;
    }

    .Tabs-navLink.is-active {
        background-color: #7AB929;
        border-color: transparent;
        color: #fff;
    }

@media (min-width: 768px) {
    .Tabs-navLink.is-active { /*
			.slice {
				display: block;
				
				position: absolute;
				top: 100%;
				left: -1px;
				right: -1px;
				margin-top: -1px;

				height: 38px;
				img, svg {
					width: 100%;
				}
			}
			.slice {
				
			}
			.slice__slice {
				fill: $Colour-choiceBg;
			}*/
    }

        .Tabs-navLink.is-active:after {
            display: block;
            content: ' ';
            position: absolute;
            top: 100%;
            left: -1px;
            right: -1px;
            margin-top: -1px;
            height: 38px;
            background-color: #7AB929;
            -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 100%);
            clip-path: polygon(0 0, 100% 0, 100% 0, 0 100%);
        }
}

@media (max-width: 767px) {
    .Tabs-navLink {
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
    }
}

@media (min-width: 768px) {
    .Tabs-navLink {
        border-left: 1px solid #fff;
        border-right: 1px solid #fff;
    }

        .Tabs-navLink:hover, .Tabs-navLink:focus {
            background-color: #7AB929;
            color: #fff;
            transition: background-color .2s ease-in-out;
        }
}

.Tabs-navLink--perf.is-active {
    background-color: #00A3AD;
}

@media (min-width: 768px) {
    .Tabs-navLink--perf.is-active:after {
        background-color: #00A3AD;
    }

    .Tabs-navLink--perf.is-active .slice__slice {
        fill: #00A3AD;
    }
}

@media (min-width: 768px) {
    .Tabs-navLink--perf:hover, .Tabs-navLink--perf:focus {
        background-color: #00A3AD;
    }
}

.Tabs-navLink--exp.is-active {
    background-color: #890C58;
}

@media (min-width: 768px) {
    .Tabs-navLink--exp.is-active:after {
        background-color: #890C58;
    }

    .Tabs-navLink--exp.is-active .slice__slice {
        fill: #890C58;
    }
}

@media (min-width: 768px) {
    .Tabs-navLink--exp:hover, .Tabs-navLink--exp:focus {
        background-color: #890C58;
    }
}

.Tabs-navLink--intel.is-active {
    background-color: #582C83;
}

@media (min-width: 768px) {
    .Tabs-navLink--intel.is-active:after {
        background-color: #582C83;
    }

    .Tabs-navLink--intel.is-active .slice__slice {
        fill: #582C83;
    }
}

@media (min-width: 768px) {
    .Tabs-navLink--intel:hover, .Tabs-navLink--intel:focus {
        background-color: #582C83;
    }
}

.Tabs-tab {
    display: none;
    padding-top: 32px;
    padding-bottom: 0;
}

    .Tabs-tab.is-active {
        display: block;
    }

        .Tabs-tab.is-active p {
            position: relative;
            z-index: 99;
        }

@media (max-width: 767px) {
    .Tabs-tab {
        padding-left: 16px;
        padding-right: 16px;
    }
}

@media (min-width: 768px) {
    .Tabs-tab {
        padding-top: 125px;
        padding-bottom: 0;
        margin-top: -61px;
    }
}

.Tabs-tab--perf, .Tabs-tab--exp, .Tabs-tab--intel {
    position: relative;
    padding-bottom: 32px;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto; /*
	&:before,
	&:after {
		content: '';
		display: block;

		position: absolute;
		left: 0;
		width: 100%;
		//height: 100%;
		bottom: 0;

		z-index: 0;
	}

	&:before {
		top: 20px;
		-webkit-clip-path: polygon(0 10%, 100% 50%, 100% 100%, 0 100%);
		clip-path: polygon(0 10%, 100% 50%, 100% 100%, 0 100%);
	}

	&:after {
		top: 0;
		-webkit-clip-path: polygon(0 40%, 80% 0, 100% 0, 100% 100%, 0 100%);
		clip-path: polygon(0 40%, 80% 0, 100% 0, 100% 100%, 0 100%);
	}*/
}

    .Tabs-tab--perf > .Grid, .Tabs-tab--exp > .Grid, .Tabs-tab--intel > .Grid {
        position: relative;
        z-index: 10;
    }

.Tabs-tab--perf {
    background-color: #d0fafd;
    background-image: url("https://www.travelport.com/sites/default/files/assets/img/tab-perf.png"); /*
	&:before {
		background-image: linear-gradient(to right, rgba($Colour-perf, .2), rgba($Colour-exp, .1));
	}

	&:after {
		background-image: linear-gradient(to bottom, rgba($Colour-perf, .1), rgba($Colour-exp, .05));
	}
	*/
}

.Tabs-tab--exp {
    background-color: #fdd4eb;
    background-image: url("https://www.travelport.com/sites/default/files/assets/img/tab-exp.png"); /*
&:before {
	background-image: linear-gradient(to right, rgba($Colour-exp, .1), rgba($Colour-exp, .07));
}
&:after {
	background-image: linear-gradient(to bottom, rgba($Colour-exp, .07), rgba($Colour-exp, .05));
}*/
}

.Tabs-tab--intel {
    background-color: #ebd3fc;
    background-image: url("https://www.travelport.com/sites/default/files/assets/img/tab-intel.png"); /*
	&:before {
		background-image: linear-gradient(to right, rgba($Colour-exp, .1), rgba($Colour-exp, .07));
	}

	&:after {
		background-image: linear-gradient(to bottom, rgba($Colour-exp, .07), #F8E6DA);
	}*/
}
.splash5 {
    background-image: url(https://img4.en25.com/EloquaImages/clients/Travelport/%7B0009978b-2475-4c5a-bc21-a4a5b4658b7d%7D_mobiletraveltrends2018.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    text-align: left;
}
.splash4 {
    background-image: url(https://img06.en25.com/EloquaImages/clients/Travelport/%7Ba7eae15f-5be5-4316-96bf-494661bd1b34%7D_Global-GDTR.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    text-align: left;
}
.splash3 {
    background-image: url(https://img06.en25.com/EloquaImages/clients/Travelport/%7B9a28acf6-ac9f-4675-b01e-06b8f9e9651d%7D_Mobile_user_Edited.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    text-align: left;
}

.splash2 {
    background-image: url(https://img06.en25.com/EloquaImages/clients/Travelport/%7Ba15ab5f3-bd7b-4075-b082-177963496d69%7D_Julio_cover2.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    text-align: left;
}

    .splash2 h2 + p {
        margin-top: 0;
    }

    .splash2 * {
        color: #fff;
    }