html {
    color: #000;
    background-color: #FFF;
    overflow-y: scroll;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0
}

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

fieldset, img {
    border: 0
}

address, caption, cite, code, dfn, th, var {
    font-style: normal;
    font-weight: normal
}

ol, ul {
    list-style: none
}

caption, th {
    text-align: left
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal
}

abbr, acronym {
    border: 0;
    font-variant: normal
}

input, textarea, select {
    color: inherit;
    font: inherit
}

legend {
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

hr {
    display: block;
    height: 0;
    border: 0;
    border-top: 1px solid #d9e3ed;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button
}

    button[disabled], html input[disabled] {
        cursor: default
    }

input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box
}

input[type=number] {
    -moz-appearance: textfield
}

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

textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical
}

@font-face {
    font-family: 'MyriadProRegular';
    src: url('fonts/myriadpro-regular-webfont.eot');
    src: url('fonts/myriadpro-regular-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/myriadpro-regular-webfont.woff') format('woff'),url('fonts/myriadpro-regular-webfont.ttf') format('truetype'),url('fonts/myriadpro-regular-webfont.svg#MyriadProRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MyriadProItalics';
    src: url('fonts/myriadpro-it-webfont.eot');
    src: url('fonts/myriadpro-it-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/myriadpro-it-webfont.woff') format('woff'),url('fonts/myriadpro-it-webfont.ttf') format('truetype'),url('fonts/myriadpro-it-webfont.svg#MyriadProItalics') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MyriadProLight';
    src: url('fonts/myriadpro-light-webfont.eot');
    src: url('fonts/myriadpro-light-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/myriadpro-light-webfont.woff') format('woff'),url('fonts/myriadpro-light-webfont.ttf') format('truetype'),url('fonts/myriadpro-light-webfont.svg#MyriadProLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MyriadProLightIt';
    src: url('fonts/myriadpro-lightit-webfont.eot');
    src: url('fonts/myriadpro-lightit-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/myriadpro-lightit-webfont.woff') format('woff'),url('fonts/myriadpro-lightit-webfont.ttf') format('truetype'),url('fonts/myriadpro-lightit-webfont.svg#MyriadProLightIt') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MyriadProBold';
    src: url('fonts/myriadpro-bold-webfont.eot');
    src: url('fonts/myriadpro-bold-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/myriadpro-bold-webfont.woff') format('woff'),url('fonts/myriadpro-bold-webfont.ttf') format('truetype'),url('fonts/myriadpro-bold-webfont.svg#MyriadProBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MyriadProBoldIt';
    src: url('fonts/myriadpro-boldit-webfont.eot');
    src: url('fonts/myriadpro-boldit-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/myriadpro-boldit-webfont.woff') format('woff'),url('fonts/myriadpro-boldit-webfont.ttf') format('truetype'),url('fonts/myriadpro-boldit-webfont.svg#MyriadProBoldIt') format('svg');
    font-weight: normal;
    font-style: normal;
}

html, body {
    height: 100%
}

html {
    background-color: #0d5092
}

@media screen and (min-width: 721px) {
    html {
        background-color: #004488;
    }
}

body {
    font-size: 16px;
    line-height: 1.5;
    font-family: 'MyriadProRegular',Helvetica,sans-serif;
    color: #004488;
    min-width: 300px;
    background-color: #0d5092
}

@media screen and (min-width: 721px) {
    body {
        background-color: #004488;
    }
}

::-webkit-input-placeholder {
    color: rgba(0,68,136,0.4);
    font-family: 'MyriadProRegular',Helvetica,sans-serif;
    font-style: italic
}

::-moz-placeholder {
    color: rgba(0,68,136,0.4);
    font-family: 'MyriadProRegular',Helvetica,sans-serif;
    font-style: italic
}

:-ms-input-placeholder {
    color: rgba(0,68,136,0.4);
    font-family: 'MyriadProRegular',Helvetica,sans-serif;
    font-style: italic
}

::-moz-selection {
    color: #FFF;
    background: #5692c8;
    text-shadow: none !important
}

::selection {
    color: #FFF;
    background: #5692c8;
    text-shadow: none !important
}

img::-moz-selection {
    color: #FFF;
    background: #004488
}

img::selection {
    color: #FFF;
    background: #004488
}

strong {
    font-family: 'MyriadProBold',Helvetica,sans-serif;
    font-weight: normal
}

a {
    color: #5692c8;
    text-decoration: none;
    outline: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

    a a:active, a a:hover, a a:focus {
        outline: 0;
        -webkit-tap-highlight-color: rgba(0,0,0,0)
    }

.offScreen {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden
}

.rowBounds {
    max-width: 1240px;
    margin: 0 auto;
    position: relative
}

@media screen and (max-width: 1023px) {
    .rowBounds {
        max-width: 1244px;
    }
}

.siteContent {
    background-color: #fff
}

@media screen and (min-width: 1024px) {
    .siteContent {
        overflow: hidden;
        padding-top: 107px;
        min-height: 100%;
        margin-bottom: -68px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .siteContent:after {
            content: "";
            display: block;
            height: 68px
        }
}

.btn {
    border-radius: 5px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    text-align: center;
    font: 14px/1.3 'MyriadProBold',Helvetica,sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    display: block;
    color: #fff;
    border: 0;
    padding: 13px 15px;
    background: #5692c8
}

    .btn.btnLarge {
        font-size: 16px;
        text-transform: uppercase;
        letter-spacing: 2px;
        padding: 16px 15px 16px 17px
    }

    .btn.btnOrange {
        background: #f48200
    }

    .btn.btnBlue {
        background: #004488
    }

    .btn.btnFade {
        background: rgba(255,255,255,0.15)
    }

    .btn .pnr {
        font-family: 'MyriadProRegular',Helvetica,sans-serif;
        font-size: 11px;
        background: rgba(255,255,255,0.15);
        padding: 4px 5px 2px;
        margin: 0 0 0 5px;
        position: relative;
        top: -2px;
        border-radius: 3px;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding-box;
        background-clip: padding-box
    }

@media screen and (min-width: 721px) {
    .btn {
        display: inline-block;
        width: auto;
        font-size: 16px;
        padding: 13px 15px;
    }

        .btn.btnLarge {
            font-size: 18px;
            text-transform: uppercase;
            letter-spacing: 2px;
            padding: 17px 30px 16px 32px
        }
}

@media screen and (min-width: 1024px) {
    .btn {
        -webkit-transition: background 0.2s ease-in-out;
        -moz-transition: background 0.2s ease-in-out;
        transition: background 0.2s ease-in-out;
    }

        .btn:hover, .btn:focus {
            background: #3a79b1
        }

        .btn.btnOrange:hover, .btn.btnOrange:focus {
            background: #ee5f00
        }

        .btn.btnBlue:hover, .btn.btnBlue:focus {
            background: #002a55
        }

        .btn.btnFade:hover, .btn.btnFade:focus {
            background: rgba(255,255,255,0.08)
        }
}

.hidden {
    display: none !important;
}

.notification-count {
    position: absolute;
    top: -40px;
    right: -11px;
    color: red;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 37px;
}

.notification-drawer {
    position: fixed;
    top: 0;
    right: 0;
    width: 384px;
    height: 100%;
    background-color: #ffffff;
    box-shadow: -2px 0 4px rgba(0, 0, 0, 0.1);
    z-index: 9999;
    overflow-y: auto;
    transform: translateX(100%);
    transition: transform 0.4s ease-in-out;
}

    .notification-drawer.open {
        transform: translateX(0);
    }

.notification-drawer-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px;
    border-bottom: 1px solid #e5e7eb;
    position: sticky;
    top: 0;
    background-color: #ffffff;
    overflow: hidden
}

    .notification-drawer-header h2 {
        margin: 0;
        font-weight: 600;
    }

.notification-tooltip {
    position: relative;
    display: inline-block;
}

    .notification-tooltip .notification-tooltiptext {
        visibility: hidden;
        width: 180px;
        background-color: #555;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 8px;
        position: absolute;
        z-index: 9999;
        top: 50%;
        right: 125%;
        margin-top: -20px;
        opacity: 0;
        transition: opacity 0.3s;
        font-size: 12px;
    }

        .notification-tooltip .notification-tooltiptext::after {
            content: "";
            position: absolute;
            top: 50%;
            left: 100%;
            margin-top: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: transparent transparent transparent #555;
        }

    .notification-tooltip:hover .notification-tooltiptext {
        visibility: visible;
        opacity: 1;
    }


.toggle-switch {
    position: relative;
    display: inline-block;
    width: 45px;
    height: 20px;
}

    .toggle-switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.notification-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: 0.4s;
    border-radius: 24px;
}

    .notification-slider:before {
        position: absolute;
        content: "";
        height: 15px;
        width: 15px;
        left: 3px;
        bottom: 3px;
        background-color: #fff;
        transition: .4s;
        border-radius: 50%;
    }

.toggle-switch input:checked + .notification-slider {
    background-color: #2563eb;
}

    .toggle-switch input:checked + .notification-slider:before {
        transform: translateX(26px);
    }

.notifications-list {
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.notification-item {
    display: flex;
    align-items: center;
    padding: 16px;
    background-color: #f3f4f6;
    border-radius: 8px;
    transition: background-color 0.3s ease-in-out;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    cursor: pointer;
}

    .notification-item:hover {
        background-color: #e5e7eb;
    }

    .notification-item.read {
        opacity: 0.7;
        background-color: #e2e8f0;
    }

    .notification-item img {
        width: 48px;
        height: 48px;
        border-radius: 50%;
        object-fit: cover;
        margin-right: 16px;
    }

.notification-details {
    flex: 1;
}

    .notification-details h3 {
        margin: 0;
        font-size: 12px;
        font-weight: 600;
        color: #1f2937;
    }

    .notification-details .date-time {
        font-size: 12px;
        color: #6b7280;
    }

.mark-read-btn {
    display: flex;
    align-items: center;
    color: #6b7280;
    background: none;
    border: none;
    cursor: pointer;
    font-size: 13px
}

    .mark-read-btn:hover {
        color: #2563eb;
    }

    .mark-read-btn i {
        font-size: 15px;
    }


.notification-delete-btn {
    display: flex;
    align-items: center;
    color: #6b7280;
    background: none;
    border: none;
    cursor: pointer;
    font-size: 13px
}

    .notification-delete-btn:hover {
        color: #2563eb;
    }

    .notification-delete-btn i {
        font-size: 15px;
    }

.notification-load-more {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    background: linear-gradient(135deg, #4f46e5, #9333ea);
    color: #ffffff;
    font-weight: 700;
    font-size: 1em;
    border: none;
    border-radius: 25px;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15);
    cursor: pointer;
    transition: background 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    outline: none;
    text-transform: uppercase;
    max-width: 200px; /* Limit the width */
    margin: 15px auto; /* Center the button */
}

    .notification-load-more:hover {
        background: linear-gradient(135deg, #3b82f6, #8b5cf6);
        box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.25);
    }

    .notification-load-more:active {
        box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
    }

    .notification-load-more svg {
        width: 20px;
        height: 20px;
        margin-right: 8px;
    }


    .notification-load-more.loading {
        pointer-events: none;
        background: #ccc;
        color: #666;
    }

        .notification-load-more.loading svg {
            animation: rotate 1s infinite linear;
        }

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}


.form {
    margin-bottom: 20px
}

@media screen and (max-width: 1023px) {
    .form {
        margin-bottom: 30px;
    }
}

.form .form-field {
    margin-bottom: 10px
}

    .form .form-field .pikaday__container {
        width: auto
    }

    .form .form-field label {
        font-weight: bold;
        margin-right: 5px
    }

    .form .form-field input[type="text"] {
        border: solid 1px #d9e3ed;
        background: transparent;
        padding: 6px 10px;
        color: #004488;
        font-family: 'MyriadProRegular',Helvetica,sans-serif;
        border-radius: 5px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: border-color 0.2s ease-in-out;
        -moz-transition: border-color 0.2s ease-in-out;
        transition: border-color 0.2s ease-in-out;
        line-height: 1.3;
        width: 200px
    }

        .form .form-field input[type="text"]:focus {
            border-color: #5692c8
        }

    .form .form-field input[required] {
        box-shadow: none;
        border-color: #da2222
    }

.form.inline .form-field {
    display: inline-block;
    margin-right: 20px
}

@media screen and (max-width: 1023px) {
    .form.inline .form-field {
        display: block;
        margin-right: 0;
    }

        .form.inline .form-field .pikaday__container {
            display: block
        }

        .form.inline .form-field label {
            margin-right: 0;
            font-size: 12px
        }

        .form.inline .form-field input[type="text"] {
            display: block;
            width: 100%;
            margin-top: 5px;
            font-size: 14px
        }
}

.visuallyhidden {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}

.pika-label::after {
    display: none
}

#colorbox, #cboxOverlay, #cboxWrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden
}

#cboxWrapper {
    max-width: none
}

#cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%
}

#cboxMiddleLeft, #cboxBottomLeft {
    clear: left
}

#cboxContent {
    position: relative
}

#cboxLoadedContent {
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

#cboxTitle {
    margin: 0
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
    cursor: pointer
}

.cboxPhoto {
    float: left;
    margin: auto;
    border: 0;
    display: block;
    max-width: none;
    -ms-interpolation-mode: bicubic
}

.cboxIframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
    padding: 0;
    margin: 0
}

#colorbox, #cboxContent, #cboxLoadedContent {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

#cboxOverlay {
    background-color: #004488
}

#colorbox {
    outline: 0
}

#cboxTopLeft {
    width: 15px;
    height: 0
}

#cboxTopCenter {
    height: 0
}

#cboxTopRight {
    width: 15px;
    height: 0
}

#cboxMiddleLeft {
    width: 15px
}

#cboxMiddleRight {
    width: 15px
}

#cboxBottomLeft {
    width: 15px;
    height: 3px
}

#cboxBottomRight {
    width: 15px;
    height: 3px
}

#cboxContent {
    border-radius: 5px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box
}

@media screen and (max-width: 720px) {
    #cboxContent {
        max-width: 270px;
    }
}

.cboxIframe {
    background: #FFF
}

#cboxError {
    padding: 40px 20px;
    text-align: center;
    background-color: #FFF
}

#cboxLoadedContent {
    border-radius: 5px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box
}

@media screen and (max-width: 720px) {
    #cboxLoadedContent {
        max-width: 270px;
    }
}

#cboxTitle {
    display: none;
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
    color: #004488
}

#cboxCurrent {
    display: none !important
}

#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
    border: 0;
    padding: 0;
    margin: 0;
    overflow: visible;
    width: auto;
    background-color: transparent
}

    #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
        outline: 0
    }

#cboxSlideshow {
    position: absolute;
    bottom: 4px;
    right: 30px;
    color: #0092ef
}

#cboxPrevious, #cboxNext {
    width: 32px;
    height: 64px;
    position: absolute;
    top: 50%;
    margin-top: -67px;
    overflow: hidden;
    text-indent: 135%;
    white-space: nowrap;
    border-radius: 2px
}

    #cboxPrevious:hover, #cboxNext:hover {
        opacity: 0.6
    }

#cboxPrevious {
    left: -48px
}

#cboxNext {
    right: -48px;
    background-position: -42px -58px
}

#cboxClose {
    position: absolute;
    top: 16px;
    right: 15px;
    border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    text-indent: 110%;
    overflow: hidden;
    width: 20px;
    height: 20px;
    background: #fff;
    text-indent: -9999px;
    -webkit-transition: background 0.2s ease-in-out;
    -moz-transition: background 0.2s ease-in-out;
    transition: background 0.2s ease-in-out
}

    #cboxClose:before, #cboxClose:after {
        content: "";
        position: absolute;
        width: 2px;
        height: 2px;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        background: #5692c8;
        left: 50%;
        top: 50%;
        margin: -1px 0 0 -1px
    }

    #cboxClose:before {
        width: 10px;
        margin: -1px 0 0 -5px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    #cboxClose:after {
        height: 10px;
        margin: -5px 0 0 -1px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

@media screen and (min-width: 1024px) {
    #cboxClose {
        top: 17px;
    }

        #cboxClose:hover {
            background-color: rgba(255,255,255,0.5)
        }
}
/*! 
 * PikadayResponsive 
 * A responsive datepicker built on top of Pikaday. It shows the native datepicker on mobile devices and a nice JS-picker on desktop. 
 * 
 * @author: Francesco Novy 
 * @licence: MIT <http://www.opensource.org/licenses/mit-license.php> 
 * @link https://github.com/mydea/PikadayResponsive 
 * @copyright: (c) 2016 
 * @version: 0.6.7 
 */

.pika-single {
    z-index: 9999;
    display: block;
    position: relative;
    color: #004488;
    background: #fff;
    border-radius: 5px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    border-bottom-color: #bbb;
    margin-top: 10px
}

    .pika-single:before, .pika-single:after {
        content: " ";
        display: table
    }

    .pika-single:after {
        clear: both
    }

.pika-single {
    *zoom: 1
}

    .pika-single.is-hidden {
        display: none
    }

    .pika-single.is-bound {
        position: absolute;
        border: 1px solid #d9e3ed;
        border-bottom: 3px solid #d9e3ed
    }

.pika-lendar {
    float: left;
    width: 240px;
    margin: 8px
}

.pika-title {
    position: relative;
    text-align: center;
    font-family: 'MyriadProBold',Helvetica,sans-serif
}

.pika-label {
    display: inline-block;
    *display: inline;
    position: relative;
    z-index: 9999;
    overflow: hidden;
    margin: 0;
    padding: 5px 7px;
    border-radius: 4px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #5692c8;
    color: #fff;
    margin: 0 2px;
    -webkit-transition: background 0.2s ease-in-out;
    -moz-transition: background 0.2s ease-in-out;
    transition: background 0.2s ease-in-out
}

    .pika-label:after {
        content: " ▾"
    }

    .pika-label:hover, .pika-label:focus {
        background: #3a79b1
    }

.pika-title select {
    cursor: pointer;
    position: absolute;
    z-index: 9998;
    margin: 0;
    left: 0;
    top: 5px;
    filter: alpha(opacity=0);
    opacity: 0
}

    .pika-title select option {
        color: #004488;
        font-family: 'MyriadProRegular',Helvetica,sans-serif
    }

.pika-prev, .pika-next {
    display: block;
    cursor: pointer;
    position: relative;
    outline: none;
    border: 0;
    padding: 0;
    width: 20px;
    height: 30px;
    text-indent: 20px;
    white-space: nowrap;
    overflow: hidden;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 75% 75%;
    *position: absolute;
    *top: 0
}

.pika-prev, .is-rtl .pika-next {
    float: left;
    background-image: url("images/left.png");
    *left: 0
}

.pika-next, .is-rtl .pika-prev {
    float: right;
    background-image: url("images/right.png");
    *right: 0
}

    .pika-prev.is-disabled, .pika-next.is-disabled {
        cursor: default;
        opacity: 0.2
    }

.pika-select {
    display: inline-block;
    *display: inline
}

.pika-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0
}

    .pika-table th, .pika-table td {
        width: 14.285714286%;
        padding: 0
    }

    .pika-table th {
        color: #004488;
        font-family: 'MyriadProBold',Helvetica,sans-serif;
        font-size: 12px;
        line-height: 25px;
        font-weight: bold;
        text-align: center
    }

.pika-button {
    cursor: pointer;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    border: 0;
    margin: 0;
    width: 100%;
    padding: 5px;
    color: #004488;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    background: rgba(0,68,136,0.1)
}

.pika-week {
    font-size: 11px;
    color: #999
}

.is-today .pika-button {
    color: #f48200;
    font-family: 'MyriadProBold',Helvetica,sans-serif
}

.is-selected .pika-button {
    color: #fff;
    font-weight: bold;
    background: #f48200
}

.is-inrange .pika-button {
    background: #D5E9F7
}

.is-startrange .pika-button {
    color: #fff;
    background: #f48200;
    box-shadow: none
}

.is-endrange .pika-button {
    color: #fff;
    background: #f48200;
    box-shadow: none
}

.is-disabled .pika-button {
    pointer-events: none;
    cursor: default;
    color: #999;
    opacity: 0.3
}

.pika-button:hover {
    color: #fff;
    background: #f48200;
    box-shadow: none
}

.pika-table abbr {
    border-bottom: none;
    cursor: help
}
/*! 
 * PikadayResponsive 
 * A responsive datepicker built on top of Pikaday. It shows the native datepicker on mobile devices and a nice JS-picker on desktop. 
 * 
 * @author: Francesco Novy 
 * @licence: MIT <http://www.opensource.org/licenses/mit-license.php> 
 * @link https://github.com/mydea/PikadayResponsive 
 * @copyright: (c) 2016 
 * @version: 0.6.7 
 */

.pikaday__container {
    display: inline-block;
    position: relative;
    width: 100%
}

.pikaday__display, .pikaday__invisible {
    width: 100%
}

.pikaday__display--native {
    pointer-events: none;
    cursor: pointer
}

.pikaday__display.is-invalid {
    background: rgba(255,0,0,0.05)
}

.validation {
    background: red
}


.pikaday__invisible {
    opacity: 0;
    color: transparent;
    background: transparent;
    border: none;
    box-shadow: none;
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%
}

.noUi-target, .noUi-target * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.noUi-target {
    position: relative;
    direction: ltr
}

.noUi-base {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1
}

.noUi-origin {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0
}

.noUi-handle {
    position: relative;
    z-index: 1
}

.noUi-stacking .noUi-handle {
    z-index: 10
}

.noUi-state-tap .noUi-origin {
    -webkit-transition: left 0.3s,top 0.3s;
    transition: left 0.3s,top 0.3s
}

.noUi-state-drag * {
    cursor: inherit !important
}

.noUi-base, .noUi-handle {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.noUi-horizontal {
    height: 8px
}

    .noUi-horizontal .noUi-handle {
        width: 30px;
        height: 30px;
        left: -17px;
        top: -11px
    }

.noUi-vertical {
    width: 18px
}

    .noUi-vertical .noUi-handle {
        width: 28px;
        height: 34px;
        left: -6px;
        top: -17px
    }

.noUi-background {
    background: #d9e3ed
}

.noUi-connect {
    background: #5692c8;
    -webkit-transition: background 450ms;
    transition: background 450ms
}

.noUi-origin {
    border-radius: 2px
}

.noUi-target {
    border-radius: 4px;
    border: 1px solid #d9e3ed
}

.noUi-draggable {
    cursor: w-resize
}

.noUi-vertical .noUi-draggable {
    cursor: n-resize
}

.noUi-handle {
    border: 1px solid #d9e3ed;
    border-radius: 50%;
    background: #FFF;
    cursor: default
}

[disabled].noUi-connect, [disabled] .noUi-connect {
    background: #B8B8B8
}

[disabled].noUi-origin, [disabled] .noUi-handle {
    cursor: not-allowed
}

.head {
    background: #fff;
    z-index: 100
}

    .head:before, .head:after {
        content: "";
        display: table
    }

    .head:after {
        clear: both
    }

    .head .logo {
        margin: 15px;
        float: left
    }

        .head .logo img {
            width: 140px;
            height: 37px;
            display: block
        }

    .head .homePhone {
        display: none
    }

@media screen and (max-width: 1023px) {
    .head {
        position: relative;
    }

        .head .toggle {
            position: absolute;
            right: 15px;
            top: 22px;
            width: 22px;
            height: 2px;
            background: #004488;
            text-indent: -9999px;
            border-top: 10px solid #fff;
            border-bottom: 10px solid #fff
        }

            .head .toggle:before, .head .toggle:after {
                content: "";
                position: absolute;
                left: 0;
                width: 22px;
                height: 2px;
                background: #004488;
                -webkit-transition: all 0.2s ease-in-out;
                -moz-transition: all 0.2s ease-in-out;
                transition: all 0.2s ease-in-out
            }

            .head .toggle:before {
                top: -5px
            }

            .head .toggle:after {
                bottom: -5px
            }

            .head .toggle.active {
                background-color: #fff
            }

                .head .toggle.active:before {
                    -webkit-transform: rotate(45deg);
                    -moz-transform: rotate(45deg);
                    -ms-transform: rotate(45deg);
                    transform: rotate(45deg);
                    top: 0
                }

                .head .toggle.active:after {
                    -webkit-transform: rotate(-45deg);
                    -moz-transform: rotate(-45deg);
                    -ms-transform: rotate(-45deg);
                    transform: rotate(-45deg);
                    bottom: 0
                }

        .head .navigation {
            display: none;
            background: #004488;
            clear: both
        }

        .head .navPrimary li {
            border-bottom: 1px solid rgba(255,255,255,0.15)
        }

            .head .navPrimary li a {
                position: relative;
                display: block;
                padding: 30px 15px;
                color: #fff;
                font-size: 20px;
                line-height: 1;
                font-family: 'MyriadProBold',Helvetica,sans-serif
            }

                .head .navPrimary li a:after {
                    content: "";
                    position: absolute;
                    right: 2px;
                    top: 50%;
                    margin-top: -18px;
                    text-indent: -9999px;
                    border: 0;
                    width: 36px;
                    height: 36px;
                    background: url("images/i-arrow.png") no-repeat center center;
                    -webkit-background-size: 16px 16px;
                    -moz-background-size: 16px 16px;
                    -o-background-size: 16px 16px;
                    background-size: 16px 16px
                }

                .head .navPrimary li a.selected {
                    color: #f48200
                }

                    .head .navPrimary li a.selected:after {
                        background: url("images/i-arrow-orange.png") no-repeat center center;
                        -webkit-background-size: 16px 16px;
                        -moz-background-size: 16px 16px;
                        -o-background-size: 16px 16px;
                        background-size: 16px 16px
                    }

        .head .navSecondary {
            padding: 27px 0
        }

            .head .navSecondary > li > a {
                font-size: 13px;
                color: #fff;
                padding: 3px 15px;
                display: inline-block
            }

                .head .navSecondary > li > a.selected {
                    color: #f48200
                }

            .head .navSecondary > li.user strong {
                display: none
            }

            .head .navSecondary .dropdown {
                display: none
            }
}

@media screen and (min-width: 721px) {
    .head .homePhone {
        display: block;
        top: 50%;
        right: 15px;
        margin-top: -15px;
        position: absolute;
        font-size: 19px;
        color: #004488;
        font-family: 'MyriadProBold',Helvetica,sans-serif;
        cursor: default
    }

        .head .homePhone:before {
            content: "";
            width: 31px;
            height: 31px;
            float: left;
            margin-right: 8px;
            position: relative;
            top: -2px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            background: #004488 url("images/i-phone.png") no-repeat center center;
            -webkit-background-size: 31px 31px;
            -moz-background-size: 31px 31px;
            -o-background-size: 31px 31px;
            background-size: 31px 31px;
            border-radius: 50%;
            -webkit-background-clip: padding-box;
            -moz-background-clip: padding-box;
            background-clip: padding-box
        }
}

@media screen and (min-width: 1024px) {
    .head {
        -webkit-box-shadow: 0px 1px 0px 0px rgba(0,68,136,0.1);
        -moz-box-shadow: 0px 1px 0px 0px rgba(0,68,136,0.1);
        box-shadow: 0px 1px 0px 0px rgba(0,68,136,0.1);
        height: 107px;
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
    }

        .head .homePhone {
            right: 30px
        }

        .head .logo {
            margin: 26px 30px
        }

            .head .logo img {
                width: 210px;
                height: 55px
            }

        .head .toggle {
            display: none
        }

        .head .navigation {
            float: right;
            display: block !important
        }

        .head .navPrimary {
            position: absolute;
            right: 30px;
            top: 65px
        }

            .head .navPrimary li {
                float: left;
                padding-left: 20px
            }

                .head .navPrimary li a {
                    position: relative;
                    display: inline-block;
                    color: #004488;
                    font-size: 20px;
                    line-height: 1;
                    font-family: 'MyriadProBold',Helvetica,sans-serif;
                    -webkit-transition: color 0.2s ease-in-out;
                    -moz-transition: color 0.2s ease-in-out;
                    transition: color 0.2s ease-in-out
                }

                    .head .navPrimary li a:hover, .head .navPrimary li a:focus, .head .navPrimary li a.selected {
                        color: #f48200
                    }

        .head .navSecondary {
            position: absolute;
            right: 30px;
            top: 23px
        }

            .head .navSecondary > li {
                float: left;
                padding-left: 15px;
                position: relative
            }

                .head .navSecondary > li > a {
                    font-size: 15px;
                    color: #004488;
                    display: block;
                    float: left;
                    -webkit-transition: color 0.2s ease-in-out;
                    -moz-transition: color 0.2s ease-in-out;
                    transition: color 0.2s ease-in-out
                }

                    .head .navSecondary > li > a:hover, .head .navSecondary > li > a:focus, .head .navSecondary > li > a.selected {
                        color: #f48200
                    }

                        .head .navSecondary > li > a:hover i, .head .navSecondary > li > a:focus i, .head .navSecondary > li > a.selected i {
                            border-top: 4px solid #f48200
                        }

                    .head .navSecondary > li > a i {
                        -webkit-transition: border-top 0.2s ease-in-out;
                        -moz-transition: border-top 0.2s ease-in-out;
                        transition: border-top 0.2s ease-in-out;
                        margin: 7px 0 0 5px;
                        display: block;
                        float: right;
                        border-top: 4px solid #004488;
                        border-left: 4px solid transparent;
                        border-right: 4px solid transparent
                    }

                .head .navSecondary > li.hovering .dropdown {
                    display: block
                }

                .head .navSecondary > li.user strong {
                    float: left;
                    font-size: 15px;
                    display: block;
                    font-family: 'MyriadProBold',Helvetica,sans-serif;
                    line-height: 1.3;
                    padding: 0 10px 0 8px;
                    border-right: 1px solid #d9e3ed;
                    margin-right: 4px;
                    height: 20px
                }

                    .head .navSecondary > li.user strong:before {
                        content: "";
                        width: 25px;
                        height: 25px;
                        float: left;
                        margin-right: 8px;
                        position: relative;
                        top: -4px;
                        -webkit-box-sizing: border-box;
                        -moz-box-sizing: border-box;
                        box-sizing: border-box;
                        background: rgba(0,68,136,0.15) url("images/i-username.png") no-repeat center center;
                        -webkit-background-size: 15px 15px;
                        -moz-background-size: 15px 15px;
                        -o-background-size: 15px 15px;
                        background-size: 15px 15px;
                        border-radius: 50%;
                        -webkit-background-clip: padding-box;
                        -moz-background-clip: padding-box;
                        background-clip: padding-box
                    }

                .head .navSecondary > li.notification strong:before {
                    content: "";
                    width: 25px;
                    height: 25px;
                    float: left;
                    margin-right: -4px;
                    position: relative;
                    top: -4px;
                    -webkit-box-sizing: border-box;
                    -moz-box-sizing: border-box;
                    box-sizing: border-box;
                    background: rgba(0,68,136,0.08) url("images/notification-bell.png") no-repeat center center;
                    -webkit-background-size: 15px 15px;
                    -moz-background-size: 15px 15px;
                    -o-background-size: 15px 15px;
                    background-size: 15px 15px;
                    border-radius: 50%;
                    -webkit-background-clip: padding-box;
                    -moz-background-clip: padding-box;
                    background-clip: padding-box
                }

                .head .navSecondary > li.notification:hover {
                    cursor: pointer
                }

            .head .navSecondary .dropdown {
                display: none;
                position: absolute;
                top: 100%;
                left: 0;
                padding-top: 10px
            }

                .head .navSecondary .dropdown.logout {
                    left: auto;
                    right: 0;
                    min-width: 120px
                }

        .head .subNav {
            border-radius: 5px;
            -webkit-background-clip: padding-box;
            -moz-background-clip: padding-box;
            background-clip: padding-box;
            background: #0d5092;
            padding: 17px 0
        }

            .head .subNav li {
                display: block
            }

                .head .subNav li a {
                    font-size: 13px;
                    color: #fff;
                    padding: 3px 15px;
                    display: inline-block;
                    white-space: nowrap
                }

                    .head .subNav li a:hover, .head .subNav li a:focus, .head .subNav li a.selected {
                        color: #f48200
                    }
}

.navTertiaryRow {
    background: #4788c3
}

    .navTertiaryRow .navPhone {
        display: none
    }

    .navTertiaryRow .toggle {
        background: #5692c8;
        padding: 15px;
        display: block;
        color: #fff;
        font: 14px 'MyriadProBold',Helvetica,sans-serif;
        position: relative
    }

        .navTertiaryRow .toggle i {
            position: absolute;
            right: 15px;
            top: 12px;
            width: 22px;
            height: 22px;
            background: rgba(255,255,255,0.15);
            border-radius: 4px;
            -webkit-background-clip: padding-box;
            -moz-background-clip: padding-box;
            background-clip: padding-box
        }

            .navTertiaryRow .toggle i:before, .navTertiaryRow .toggle i:after {
                content: "";
                position: absolute;
                width: 7px;
                height: 1px;
                background: #fff;
                top: 11px;
                -webkit-transition: all 0.2s ease-in-out;
                -moz-transition: all 0.2s ease-in-out;
                transition: all 0.2s ease-in-out
            }

            .navTertiaryRow .toggle i:before {
                -webkit-transform: rotate(45deg);
                -moz-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                transform: rotate(45deg);
                left: 5px
            }

            .navTertiaryRow .toggle i:after {
                -webkit-transform: rotate(-45deg);
                -moz-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                transform: rotate(-45deg);
                left: 10px
            }

        .navTertiaryRow .toggle.active i:before {
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
            left: 5px
        }

        .navTertiaryRow .toggle.active i:after {
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            left: 10px
        }

    .navTertiaryRow .navTertiary {
        padding: 27px 0
    }

        .navTertiaryRow .navTertiary a {
            font-size: 13px;
            color: #fff;
            padding: 3px 15px;
            display: inline-block
        }

            .navTertiaryRow .navTertiary a.selected {
                border-left: 5px solid #004488;
                padding-left: 10px
            }

@media screen and (max-width: 1023px) {
    .navTertiaryRow .rowBounds {
        max-width: 100%
    }

    .navTertiaryRow .navTertiary {
        display: none
    }
}

@media screen and (min-width: 1024px) {
    .navTertiaryRow {
        background: #5692c8;
    }

        .navTertiaryRow .rowBounds {
            padding: 15px 30px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

        .navTertiaryRow .toggle {
            display: none
        }

        .navTertiaryRow .navTertiary {
            display: block !important;
            padding: 0
        }

            .navTertiaryRow .navTertiary:before, .navTertiaryRow .navTertiary:after {
                content: "";
                display: table
            }

            .navTertiaryRow .navTertiary:after {
                clear: both
            }

            .navTertiaryRow .navTertiary li {
                float: left;
                padding-right: 18px
            }

            .navTertiaryRow .navTertiary a {
                font-size: 16px;
                padding: 3px 0;
                display: block;
                font-family: 'MyriadProBold',Helvetica,sans-serif;
                -webkit-transition: color 0.2s ease-in-out;
                -moz-transition: color 0.2s ease-in-out;
                transition: color 0.2s ease-in-out
            }

                .navTertiaryRow .navTertiary a.selected, .navTertiaryRow .navTertiary a:hover {
                    color: #fff;
                    padding: 3px 0;
                    border: 0;
                    position: relative
                }

                    .navTertiaryRow .navTertiary a.selected:after, .navTertiaryRow .navTertiary a:hover:after {
                        content: "";
                        position: absolute;
                        background: #004488;
                        height: 5px;
                        width: 100%;
                        left: 0;
                        bottom: -15px
                    }

        .navTertiaryRow .navPhone {
            display: inline;
            position: absolute;
            right: 30px;
            top: 16px;
            color: #fff;
            font-size: 18px;
            font-family: 'MyriadProBold',Helvetica,sans-serif;
            cursor: default
        }

            .navTertiaryRow .navPhone:before {
                content: "";
                width: 31px;
                height: 31px;
                float: left;
                margin-right: 8px;
                position: relative;
                top: -2px;
                background: rgba(255,255,255,0.15) url("images/i-phone.png") no-repeat center center;
                -webkit-background-size: 31px 31px;
                -moz-background-size: 31px 31px;
                -o-background-size: 31px 31px;
                background-size: 31px 31px;
                border-radius: 50%;
                -webkit-background-clip: padding-box;
                -moz-background-clip: padding-box;
                background-clip: padding-box
            }
}

.fieldCheckbox .checkbox {
    font-size: 14px;
    cursor: pointer
}

    .fieldCheckbox .checkbox .icheckbox {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 3px;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding-box;
        background-clip: padding-box;
        width: 19px;
        height: 19px;
        float: left;
        border: 1px solid rgba(0,68,136,0.3);
        background: transparent;
        margin: 1px 8px 0 0
    }

.inputCheckboxQueue {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    width: 19px;
    height: 19px;
    float: left;
    border: 1px solid rgba(0,68,136,0.3);
    background: transparent;
    margin: 1px 8px 0 0
}

.fieldCheckbox .checkbox .icheckbox.checked {
    background: url("images/i-tick-blue.png") no-repeat center center;
    -webkit-background-size: 19px 19px;
    -moz-background-size: 19px 19px;
    -o-background-size: 19px 19px;
    background-size: 19px 19px
}

.fieldCheckbox.white .checkbox .icheckbox {
    border: 1px solid rgba(255,255,255,0.3)
}

    .fieldCheckbox.white .checkbox .icheckbox.checked {
        background: url("images/i-tick.png") no-repeat center center;
        -webkit-background-size: 19px 19px;
        -moz-background-size: 19px 19px;
        -o-background-size: 19px 19px;
        background-size: 19px 19px
    }

@media screen and (min-width: 1024px) {
    .fieldCheckbox .checkbox {
        font-size: 16px;
        -webkit-transition: color 0.2s ease-in-out;
        -moz-transition: color 0.2s ease-in-out;
        transition: color 0.2s ease-in-out
    }

        .fieldCheckbox .checkbox .icheckbox {
            -webkit-transition: border 0.2s ease-in-out;
            -moz-transition: border 0.2s ease-in-out;
            transition: border 0.2s ease-in-out
        }

    .fieldCheckbox.white .checkbox:hover .icheckbox, .fieldCheckbox.white .checkbox:focus .icheckbox {
        border: 1px solid rgba(255,255,255,0.3)
    }
}

.fieldCheckClass .checkbox {
    font-size: 14px;
    cursor: pointer;
    width: 30px;
    height: 30px;
    padding-top: 4px;
    display: block;
    position: relative;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

    .fieldCheckClass .checkbox .icheckbox {
        position: absolute !important;
        left: 0;
        top: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 3px;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding-box;
        background-clip: padding-box;
        width: 30px;
        height: 30px;
        float: left;
        border: 1px solid rgba(0,68,136,0.3);
        background: transparent
    }

        .fieldCheckClass .checkbox .icheckbox.checked {
            border-color: #5692c8;
            border-width: 2px
        }

@media screen and (min-width: 1024px) {
    .fieldCheckClass .checkbox {
        font-size: 16px;
        -webkit-transition: color 0.2s ease-in-out;
        -moz-transition: color 0.2s ease-in-out;
        transition: color 0.2s ease-in-out
    }

        .fieldCheckClass .checkbox .icheckbox {
            -webkit-transition: border 0.2s ease-in-out;
            -moz-transition: border 0.2s ease-in-out;
            transition: border 0.2s ease-in-out
        }
}

.inputTable {
    position: relative
}

    .inputTable .inputText {
        float: left;
        border: 1px solid #d9e3ed;
        background: transparent;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        padding: 6px 10px 6px 10px;
        color: #004488;
        font-family: 'MyriadProRegular',Helvetica,sans-serif;
        border-radius: 5px;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding-box;
        background-clip: padding-box;
        -webkit-transition: border-color 0.2s ease-in-out;
        -moz-transition: border-color 0.2s ease-in-out;
        transition: border-color 0.2s ease-in-out
    }

        .inputTable .inputText:focus {
            border-color: #5692c8;
            outline: 0
        }

    .inputTable .required {
        position: absolute;
        left: 0;
        top: 7px;
        width: 3px;
        height: 20px;
        background: #f48200
    }

.form .form-field input[required] + .pikaday__display {
    box-shadow: none;
    border-color: #da2222
}

.fieldSelect {
    position: relative;
    font-size: 14px;
    overflow: hidden
}

    .fieldSelect select {
        padding: 0;
        float: left;
        cursor: pointer;
        display: block;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

        .fieldSelect select option {
            color: #004488
        }

    .fieldSelect:before {
        content: "";
        position: absolute;
        right: 12px;
        top: 7px;
        border-top: 4px solid #004488;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent
    }

    .fieldSelect .customSelect.selectBoxSml {
        white-space: nowrap
    }

    .fieldSelect .selectWidth {
        font-size: 16px;
        display: none;
        white-space: nowrap
    }

@media screen and (min-width: 1024px) {
    .fieldSelect {
        font-size: 16px;
    }

        .fieldSelect:before {
            right: 0;
            -webkit-transition: border 0.2s ease-in-out;
            -moz-transition: border 0.2s ease-in-out;
            transition: border 0.2s ease-in-out
        }

        .fieldSelect:hover:before {
            border-top: 4px solid #f48200
        }

        .fieldSelect .customSelect {
            -webkit-transition: color 0.2s ease-in-out;
            -moz-transition: color 0.2s ease-in-out;
            transition: color 0.2s ease-in-out
        }

        .fieldSelect .customSelectHover {
            color: #f48200
        }
}

.whiteFieldGroup {
    clear: both;
    position: relative;
    padding-bottom: 10px
}

    .whiteFieldGroup label {
        padding: 15px 15px 0 15px;
        height: 41px;
        color: rgba(0,68,136,0.5);
        font-family: 'MyriadProBold',Helvetica,sans-serif;
        position: absolute;
        left: 0;
        top: 0;
        border-right: 1px solid rgba(0,68,136,0.15);
        display: block;
        z-index: 10
    }

    .whiteFieldGroup .inputText {
        border: 1px solid #d9e3ed;
        border-radius: 5px;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding-box;
        background-clip: padding-box;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 16px 15px;
        color: #004488;
        outline: 0;
        -webkit-transition: border 0.2s ease-in-out;
        -moz-transition: border 0.2s ease-in-out;
        transition: border 0.2s ease-in-out
    }

        .whiteFieldGroup .inputText:focus {
            border: 1px solid #5692c8
        }

    .whiteFieldGroup .required {
        position: absolute;
        left: 0;
        top: 12px;
        width: 3px;
        height: 32px;
        background: #f48200
    }

@media screen and (min-width: 721px) {
    .whiteFieldGroup {
        clear: none;
    }
}

@media screen and (min-width: 1024px) {
    .whiteFieldGroup label {
        padding-right: 15px
    }
}

.inputContent {
    clear: both;
    position: relative;
    overflow: hidden;
    padding-bottom: 15px
}

    .inputContent label {
        padding: 0 0 3px;
        display: block;
        font-size: 14px
    }

    .inputContent .inputText {
        border: 1px solid #d9e3ed;
        border-radius: 5px;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding-box;
        background-clip: padding-box;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 16px 15px;
        color: #004488;
        outline: 0;
        -webkit-transition: border 0.2s ease-in-out;
        -moz-transition: border 0.2s ease-in-out;
        transition: border 0.2s ease-in-out
    }

        .inputContent .inputText:focus {
            border: 1px solid #5692c8
        }

    .inputContent textarea {
        min-height: 150px
    }

    .inputContent.error .inputText {
        border-color: #da2222
    }

    .inputContent .errorMessage {
        background: #da2222;
        color: #fff;
        display: none;
        float: left;
        clear: left;
        font-size: 14px;
        margin-left: 15px;
        padding: 1px 15px;
        border-radius: 0 0 5px 5px;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding-box;
        background-clip: padding-box;
        font-family: 'MyriadProItalics',Helvetica,sans-serif
    }

@media screen and (min-width: 1024px) {
    .inputContent label {
        font-size: 16px
    }
}

.inputContentSelect {
    position: relative;
    font-size: 16px;
    overflow: hidden;
    padding-bottom: 10px
}

    .inputContentSelect select {
        width: 100% !important
    }

        .inputContentSelect select option {
            color: #004488
        }

    .inputContentSelect label {
        padding: 0 0 3px;
        display: block;
        font-size: 14px
    }

    .inputContentSelect:before {
        content: "";
        position: absolute;
        right: 15px;
        bottom: 35px;
        border-top: 4px solid #004488;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent
    }

    .inputContentSelect .customSelect.selectBoxLrg {
        width: 100% !important;
        background: #fff;
        border: 1px solid #d9e3ed;
        border-radius: 5px;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding-box;
        background-clip: padding-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 16px 15px;
        height: 56px;
        color: #004488;
        outline: 0;
        -webkit-transition: background 0.2s ease-in-out;
        -moz-transition: background 0.2s ease-in-out;
        transition: background 0.2s ease-in-out
    }

        .inputContentSelect .customSelect.selectBoxLrg .customSelectInner {
            overflow: hidden;
            white-space: nowrap;
            width: 100% !important
        }

    .inputContentSelect.error:before {
        bottom: 60px
    }

    .inputContentSelect.error .customSelect.selectBoxLrg {
        border-color: #da2222
    }

    .inputContentSelect .errorMessage {
        background: #da2222;
        color: #fff;
        display: none;
        float: left;
        clear: left;
        font-size: 14px;
        margin-left: 15px;
        padding: 1px 15px;
        border-radius: 0 0 5px 5px;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding-box;
        background-clip: padding-box;
        font-family: 'MyriadProItalics',Helvetica,sans-serif
    }

@media screen and (min-width: 1024px) {
    .inputContentSelect label {
        font-size: 16px
    }
}

.whiteFieldSelect {
    position: relative;
    font-size: 14px;
    overflow: hidden
}

    .whiteFieldSelect select {
        padding: 0;
        float: left;
        cursor: pointer;
        display: block;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

        .whiteFieldSelect select option {
            color: #004488
        }

    .whiteFieldSelect.blueFieldRadio select {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0
    }

    .whiteFieldSelect:before {
        content: "";
        position: absolute;
        right: 12px;
        top: 7px;
        border-top: 4px solid #004488;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent
    }

    .whiteFieldSelect .customSelect.selectBoxSml {
        white-space: nowrap
    }

    .whiteFieldSelect .selectWidth {
        font-size: 16px;
        display: none;
        white-space: nowrap
    }

@media screen and (min-width: 1024px) {
    .whiteFieldSelect {
        font-size: 16px;
    }

        .whiteFieldSelect:before {
            right: 0
        }

        .whiteFieldSelect .customSelect {
            -webkit-transition: color 0.2s ease-in-out;
            -moz-transition: color 0.2s ease-in-out;
            transition: color 0.2s ease-in-out
        }
}

.mobilePhone {
    background: #004488;
    display: block;
    padding: 15px;
    color: #fff;
    font-size: 19px;
    font-family: 'MyriadProBold',Helvetica,sans-serif
}

    .mobilePhone:before {
        content: "";
        width: 31px;
        height: 31px;
        float: left;
        margin-right: 8px;
        position: relative;
        top: -2px;
        background: rgba(255,255,255,0.15) url("images/i-phone.png") no-repeat center center;
        -webkit-background-size: 31px 31px;
        -moz-background-size: 31px 31px;
        -o-background-size: 31px 31px;
        background-size: 31px 31px;
        border-radius: 50%;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding-box;
        background-clip: padding-box
    }

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

.foot {
    background: #0d5092
}

    .foot .copy {
        color: #fff;
        font-size: 14px;
        padding: 0 0 30px 15px
    }

        .foot .copy a {
            color: #fff;
            font-family: 'MyriadProBold',Helvetica,sans-serif
        }

    .foot .links {
        padding: 27px 0
    }

        .foot .links li {
            padding: 3px 15px
        }

        .foot .links a {
            color: #fff;
            font-size: 13px
        }

@media screen and (min-width: 721px) {
    .foot {
        background: #004488;
        position: relative;
        padding: 0;
        height: 68px;
    }

        .foot:before, .foot:after {
            content: "";
            display: table
        }

        .foot:after {
            clear: both
        }

        .foot .copy {
            position: absolute;
            left: 15px;
            top: 25px;
            padding: 0
        }

        .foot .links {
            position: absolute;
            right: 15px;
            top: 25px;
            padding: 0;
            margin-top: 2px
        }

            .foot .links li {
                float: left;
                padding: 0 0 0 15px
            }

                .foot .links li a {
                    display: block
                }
}

@media screen and (min-width: 1024px) {
    .foot .copy {
        left: 30px
    }

    .foot .links {
        right: 30px
    }

        .foot .links a {
            -webkit-transition: color 0.2s ease-in-out;
            -moz-transition: color 0.2s ease-in-out;
            transition: color 0.2s ease-in-out
        }

            .foot .links a:hover, .foot .links a:focus {
                color: rgba(255,255,255,0.5)
            }
}

.titleRow {
    background: #024488 url("images/secondary-hero.jpg") no-repeat -340px center;
    -webkit-background-size: 932px 92px;
    -moz-background-size: 932px 92px;
    -o-background-size: 932px 92px;
    background-size: 932px 92px
}

    .titleRow h1 {
        color: #fff;
        font: 30px/1.1 'MyriadProLight',Helvetica,sans-serif;
        padding: 28px 15px
    }

@media screen and (min-width: 580px) {
    .titleRow {
        background-position: center center;
    }
}

@media screen and (min-width: 721px) {
    .titleRow {
        -webkit-background-size: 1266px 125px;
        -moz-background-size: 1266px 125px;
        -o-background-size: 1266px 125px;
        background-size: 1266px 125px;
    }

        .titleRow h1 {
            font-size: 45px;
            padding: 38px 15px
        }
}

@media screen and (min-width: 1024px) {
    .titleRow {
        background-position: right center;
        -webkit-background-size: 1600px 158px;
        -moz-background-size: 1600px 158px;
        -o-background-size: 1600px 158px;
        background-size: 1600px 158px;
    }

        .titleRow h1 {
            font-size: 60px;
            padding: 45px 30px
        }
}

.standardRow .rowBounds {
    padding: 40px 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.standardRow .standardLeft {
    padding-bottom: 15px
}

.standardRow .desktopPhone {
    display: none
}

@media screen and (min-width: 721px) {
    .standardRow .rowBounds {
        padding: 50px 15px 35px
    }

        .standardRow .rowBounds:before, .standardRow .rowBounds:after {
            content: "";
            display: table
        }

        .standardRow .rowBounds:after {
            clear: both
        }

    .standardRow .standardLeft {
        float: left;
        width: 70%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: 50px
    }

    .standardRow .standardRight {
        float: left;
        width: 30%
    }

    .standardRow .desktopPhone {
        display: block;
        top: 11px;
        right: 15px;
        position: absolute;
        font-size: 19px;
        color: #004488;
        font-family: 'MyriadProBold',Helvetica,sans-serif;
        cursor: default
    }

        .standardRow .desktopPhone:before {
            content: "";
            width: 31px;
            height: 31px;
            float: left;
            margin-right: 8px;
            position: relative;
            top: -2px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            background: rgba(0,68,136,0.15) url("images/i-phone-blue.png") no-repeat center center;
            -webkit-background-size: 31px 31px;
            -moz-background-size: 31px 31px;
            -o-background-size: 31px 31px;
            background-size: 31px 31px;
            border-radius: 50%;
            -webkit-background-clip: padding-box;
            -moz-background-clip: padding-box;
            background-clip: padding-box
        }
}

@media screen and (min-width: 1024px) {
    .standardRow .rowBounds {
        padding: 70px 30px 55px
    }

    .standardRow .standardLeft {
        padding-right: 70px
    }

    .standardRow .desktopPhone {
        top: 22px;
        right: 30px
    }
}

@media screen and (min-width: 721px) {
    .boxColumns .box {
        float: left;
        width: 31%;
        margin-bottom: 0
    }

        .boxColumns .box:nth-child(2) {
            margin: 0 3.5%
        }
}

.box {
    margin-bottom: 25px;
    border-radius: 5px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    overflow: hidden
}

    .box:last-of-type {
        margin: 0
    }

.navBox h4 {
    font: 24px/1.1 'MyriadProLight',Helvetica,sans-serif;
    padding: 25px 15px;
    color: #fff
}

.navBox .subNav {
    padding: 19px 0
}

    .navBox .subNav a {
        font-size: 13px;
        color: #fff;
        padding: 3px 15px;
        display: inline-block
    }

.navBox .boxBtn {
    padding: 0 15px 25px
}

.navBox .btn {
    border-radius: 5px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    text-align: center;
    font: 14px/1.3 'MyriadProBold',Helvetica,sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    display: block;
    color: #fff;
    padding: 15px
}

.navBox.servicesBox {
    background: #5692c8
}

    .navBox.servicesBox .subNav a.selected {
        border-left: 5px solid #004488;
        padding-left: 10px
    }

    .navBox.servicesBox h4 {
        background: #4788c3
    }

.navBox.toolsBox {
    background: #0d5092
}

    .navBox.toolsBox .subNav a.selected {
        border-left: 5px solid #5692c8;
        padding-left: 10px
    }

    .navBox.toolsBox h4 {
        background: #004488
    }

@media screen and (min-width: 1024px) {
    .navBox h4 {
        font-size: 26px;
        padding: 30px 15px
    }

    .navBox .subNav a {
        font-size: 14px;
        -webkit-transition: color 0.2s ease-in-out;
        -moz-transition: color 0.2s ease-in-out;
        transition: color 0.2s ease-in-out
    }

    .navBox .btn {
        font-size: 16px;
        -webkit-transition: background 0.2s ease-in-out;
        -moz-transition: background 0.2s ease-in-out;
        transition: background 0.2s ease-in-out
    }

    .navBox.servicesBox .subNav a:hover, .navBox.servicesBox .subNav a:focus {
        border-left: 5px solid #004488;
        padding-left: 10px
    }

    .navBox.toolsBox .subNav a:hover, .navBox.toolsBox .subNav a:focus {
        border-left: 5px solid #5692c8;
        padding-left: 10px
    }
}

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

.imageBox img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 5px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    margin-bottom: 10px
}

.ww h2 {
    padding-bottom: 30px;
    font: 30px/1.3 'MyriadProLight',Helvetica,sans-serif
}

.ww h3 {
    padding: 15px 0;
    font: 22px/1.3 'MyriadProBold',Helvetica,sans-serif
}

    .ww h3 a {
        color: #004488
    }

.ww h4 {
    padding: 0 0 15px;
    font: 16px/1.3 'MyriadProBold',Helvetica,sans-serif
}

    .ww h4 a {
        color: #004488
    }

.ww p {
    padding-bottom: 15px;
    font-size: 14px
}

    .ww p strong, .ww li strong {
        font-family: 'MyriadProBold',Helvetica,sans-serif
    }

    .ww p em, .ww li em {
        font-family: 'MyriadProItalics',Helvetica,sans-serif
    }

    .ww p a, .ww li a {
        color: #5692c8;
        text-decoration: underline;
        font-family: 'MyriadProBold',Helvetica,sans-serif
    }

.ww ul {
    padding-bottom: 10px;
    font-size: 14px
}

    .ww ul li {
        padding: 0 0 5px 23px;
        position: relative
    }

        .ww ul li:after {
            content: "";
            position: absolute;
            left: 8px;
            top: 7px;
            border-radius: 50%;
            -webkit-background-clip: padding-box;
            -moz-background-clip: padding-box;
            background-clip: padding-box;
            width: 4px;
            height: 4px;
            background: #5692c8
        }

.ww ol {
    padding: 0 0 10px 23px;
    font-size: 14px;
    list-style: decimal
}

    .ww ol li {
        padding-bottom: 5px
    }

.ww .heroText {
    padding-bottom: 30px;
    font: 20px/1.4 'MyriadProItalics',Helvetica,sans-serif
}

.ww .wwCta {
    padding-bottom: 15px
}

    .ww .wwCta .cta {
        font: 14px/1.3 'MyriadProBold',Helvetica,sans-serif;
        padding-left: 17px;
        position: relative
    }

        .ww .wwCta .cta:before, .ww .wwCta .cta:after {
            content: "";
            position: absolute;
            width: 7px;
            height: 1px;
            background: #5692c8;
            left: 1px
        }

        .ww .wwCta .cta:before {
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            top: 6px
        }

        .ww .wwCta .cta:after {
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
            top: 10px
        }

.ww .wwBtn {
    padding-bottom: 15px
}

.ww .wwSubscribe {
    margin-top: 15px;
    padding: 30px 0 15px;
    border-top: 1px solid #d9e3ed
}

    .ww .wwSubscribe label {
        font: 16px/1.3 'MyriadProBold',Helvetica,sans-serif;
        padding-bottom: 10px;
        display: block
    }

    .ww .wwSubscribe .subscribe {
        margin-bottom: 15px;
        border: 1px solid #d9e3ed;
        background: #fff;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        padding: 6px 10px;
        color: #fff;
        border-radius: 5px;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding-box;
        background-clip: padding-box;
        -webkit-transition: border-color 0.2s ease-in-out;
        -moz-transition: border-color 0.2s ease-in-out;
        transition: border-color 0.2s ease-in-out
    }

        .ww .wwSubscribe .subscribe:focus {
            border-color: #004488;
            outline: none
        }

    .ww .wwSubscribe .submit {
        border: 0
    }

@media screen and (min-width: 721px) {
    .ww .wwSubscribe .subscribe {
        width: 60%;
        padding: 10px 10px;
        float: left
    }

    .ww .wwSubscribe .submit {
        width: 38%;
        float: left;
        margin-left: 2%
    }
}

@media screen and (min-width: 1024px) {
    .ww h2 {
        font-size: 44px
    }

    .ww h3 {
        font-size: 24px;
        padding-bottom: 20px
    }

    .ww h4 {
        font-size: 18px;
        padding-bottom: 20px
    }

    .ww p {
        padding-bottom: 20px;
        font-size: 16px
    }

        .ww p a, .ww li a, .ww h3 a {
            -webkit-transition: color 0.2s ease-in-out;
            -moz-transition: color 0.2s ease-in-out;
            transition: color 0.2s ease-in-out
        }

            .ww p a:hover, .ww p a:focus, .ww li a:hover, .ww li a:focus, .ww h3 a:hover, .ww h3 a:focus {
                color: #f48200
            }

    .ww ul {
        padding-bottom: 15px;
        font-size: 16px
    }

        .ww ul li:after {
            top: 9px
        }

    .ww ol {
        padding-bottom: 15px;
        font-size: 16px
    }

    .ww .heroText {
        font-size: 24px
    }

    .ww .wwCta {
        padding-bottom: 20px
    }

        .ww .wwCta .cta {
            font-size: 16px;
            -webkit-transition: color 0.2s ease-in-out;
            -moz-transition: color 0.2s ease-in-out;
            transition: color 0.2s ease-in-out
        }

            .ww .wwCta .cta:before, .ww .wwCta .cta:after {
                -webkit-transition: background 0.2s ease-in-out;
                -moz-transition: background 0.2s ease-in-out;
                transition: background 0.2s ease-in-out
            }

            .ww .wwCta .cta:hover {
                color: #f48200
            }

                .ww .wwCta .cta:hover:before, .ww .wwCta .cta:hover:after {
                    background: #f48200
                }

    .ww .wwBtn {
        padding-bottom: 15px
    }

    .ww .wwSubscribe label {
        width: 31%;
        float: left;
        padding-top: 12px
    }

    .ww .wwSubscribe .subscribe {
        width: 50%;
        padding: 10px 20px;
        float: left
    }

    .ww .wwSubscribe .submit {
        width: 18%;
        float: left;
        margin-left: 1%
    }
}

.blueFieldRadio label {
    font-size: 14px;
    cursor: pointer
}

.blueFieldRadio .iradio {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    width: 19px;
    height: 19px;
    float: left;
    border: 1px solid rgba(255,255,255,0.3);
    background: transparent;
    margin: 1px 8px 0 0;
    position: relative;
    cursor: pointer
}

    .blueFieldRadio .iradio.checked:after {
        content: "";
        border-radius: 50%;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding-box;
        background-clip: padding-box;
        background: #fff;
        width: 11px;
        height: 11px;
        display: block;
        margin: 3px 0 0 3px
    }

@media screen and (min-width: 1024px) {
    .blueFieldRadio label {
        font-size: 16px;
        -webkit-transition: color 0.2s ease-in-out;
        -moz-transition: color 0.2s ease-in-out;
        transition: color 0.2s ease-in-out
    }

        .blueFieldRadio label.hover {
            color: rgba(255,255,255,0.5)
        }
}

.blueFieldRadioLrg {
    position: relative;
    padding-bottom: 10px
}

    .blueFieldRadioLrg label {
        font-size: 14px;
        letter-spacing: -0.02em;
        cursor: pointer;
        border: 2px solid rgba(255,255,255,0.15);
        padding: 17px 20px 17px 50px;
        border-radius: 6px;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding-box;
        background-clip: padding-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block
    }

    .blueFieldRadioLrg .iradio {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 50%;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding-box;
        background-clip: padding-box;
        width: 19px;
        height: 19px;
        position: absolute !important;
        left: 16px;
        top: 17px;
        border: 1px solid rgba(255,255,255,0.3);
        background: transparent;
        margin: 1px 8px 0 0;
        position: relative;
        cursor: pointer
    }

        .blueFieldRadioLrg .iradio.checked:after {
            content: "";
            border-radius: 50%;
            -webkit-background-clip: padding-box;
            -moz-background-clip: padding-box;
            background-clip: padding-box;
            background: #fff;
            width: 11px;
            height: 11px;
            display: block;
            margin: 3px 0 0 3px
        }

@media screen and (min-width: 1024px) {
    .blueFieldRadioLrg label {
        font-size: 16px;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out
    }

        .blueFieldRadioLrg label.hover {
            background-color: rgba(255,255,255,0.08)
        }

    .blueFieldRadioLrg .iradio {
        top: 19px
    }
}

.blueFieldCheckbox .checkbox {
    font-size: 14px;
    cursor: pointer
}

    .blueFieldCheckbox .checkbox .icheckbox {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 3px;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding-box;
        background-clip: padding-box;
        width: 19px;
        height: 19px;
        float: left;
        border: 1px solid rgba(255,255,255,0.3);
        background: transparent;
        margin: 1px 8px 0 0
    }

        .blueFieldCheckbox .checkbox .icheckbox.checked {
            background: url("images/i-tick.png") no-repeat center center;
            -webkit-background-size: 23px 23px;
            -moz-background-size: 23px 23px;
            -o-background-size: 23px 23px;
            background-size: 23px 23px
        }

@media screen and (min-width: 1024px) {
    .blueFieldCheckbox .checkbox {
        font-size: 16px;
        -webkit-transition: color 0.2s ease-in-out;
        -moz-transition: color 0.2s ease-in-out;
        transition: color 0.2s ease-in-out
    }

        .blueFieldCheckbox .checkbox:hover, .blueFieldCheckbox .checkbox:focus {
            color: rgba(255,255,255,0.5)
        }

        .blueFieldCheckbox .checkbox .icheckbox {
            width: 23px;
            height: 23px;
            margin: -1px 8px 0 0
        }
}

@media screen and (max-width: 720px) {
    .btn .icheckbox {
        top: -2px;
    }
}

.blueFieldSelect {
    position: relative;
    font-size: 14px;
    overflow: hidden
}

    .blueFieldSelect select {
        padding: 0;
        float: left;
        cursor: pointer;
        display: block;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

        .blueFieldSelect select option {
            color: #004488
        }

    .blueFieldSelect.blueFieldRadio select {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0
    }

    .blueFieldSelect:before {
        content: "";
        position: absolute;
        right: 12px;
        top: 7px;
        border-top: 4px solid #fff;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent
    }

    .blueFieldSelect .customSelect.selectBoxSml {
        white-space: nowrap
    }

    .blueFieldSelect .selectWidth {
        font-size: 16px;
        display: none;
        white-space: nowrap
    }

@media screen and (min-width: 1024px) {
    .blueFieldSelect {
        font-size: 16px;
    }

        .blueFieldSelect:before {
            right: 0;
            -webkit-transition: border 0.2s ease-in-out;
            -moz-transition: border 0.2s ease-in-out;
            transition: border 0.2s ease-in-out
        }

        .blueFieldSelect:hover:before {
            border-top: 4px solid rgba(255,255,255,0.5)
        }

        .blueFieldSelect .customSelect {
            -webkit-transition: color 0.2s ease-in-out;
            -moz-transition: color 0.2s ease-in-out;
            transition: color 0.2s ease-in-out
        }

        .blueFieldSelect .customSelectHover {
            color: rgba(255,255,255,0.5)
        }
}

.blueFieldSelectLrg {
    position: relative;
    font-size: 16px;
    overflow: hidden;
    padding-bottom: 10px
}

    .blueFieldSelectLrg select {
        width: 100% !important
    }

        .blueFieldSelectLrg select option {
            color: #004488
        }

    .blueFieldSelectLrg label {
        padding: 15px 15px 0 15px;
        color: rgba(0,68,136,0.5);
        height: 41px;
        font-family: 'MyriadProBold',Helvetica,sans-serif;
        position: absolute;
        left: 0;
        top: 0;
        border-right: 1px solid rgba(0,68,136,0.15);
        display: block;
        z-index: 10
    }

    .blueFieldSelectLrg:before {
        content: "";
        position: absolute;
        right: 15px;
        top: 26px;
        border-top: 4px solid #004488;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent
    }

    .blueFieldSelectLrg .customSelect.selectBoxLrg {
        width: 100% !important;
        background: #fff;
        border: 0;
        border-radius: 5px;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding-box;
        background-clip: padding-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 16px 30px 0 278px;
        height: 56px;
        color: #004488;
        outline: 0;
        -webkit-transition: background 0.2s ease-in-out;
        -moz-transition: background 0.2s ease-in-out;
        transition: background 0.2s ease-in-out
    }

        .blueFieldSelectLrg .customSelect.selectBoxLrg .customSelectInner {
            overflow: hidden;
            white-space: nowrap
        }

    .blueFieldSelectLrg .required {
        position: absolute;
        left: 0;
        top: 12px;
        width: 3px;
        height: 32px;
        background: #f48200
    }

    .blueFieldSelectLrg .error {
        position: absolute;
        left: 0;
        top: 12px;
        width: 3px;
        height: 32px;
        background: #da2222;
        z-index: 10;
        display: none
    }

    .blueFieldSelectLrg .errorMessage {
        background: #da2222;
        color: #fff;
        display: none;
        float: left;
        clear: left;
        font-size: 14px;
        margin-left: 15px;
        padding: 1px 15px;
        border-radius: 0 0 5px 5px;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding-box;
        background-clip: padding-box;
        font-family: 'MyriadProItalics',Helvetica,sans-serif
    }

.blueFieldGroup {
    clear: both;
    position: relative;
    padding-bottom: 10px;
    overflow: hidden
}

    .blueFieldGroup label {
        padding: 15px 15px 0 15px;
        height: 41px;
        color: rgba(0,68,136,0.5);
        font-family: 'MyriadProBold',Helvetica,sans-serif;
        position: absolute;
        left: 0;
        top: 0;
        border-right: 1px solid rgba(0,68,136,0.15);
        display: block;
        z-index: 10
    }

    .blueFieldGroup .inputText {
        border: 0;
        border-radius: 5px;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding-box;
        background-clip: padding-box;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 16px 15px;
        color: #004488;
        outline: 0;
        -webkit-transition: background 0.2s ease-in-out;
        -moz-transition: background 0.2s ease-in-out;
        transition: background 0.2s ease-in-out
    }

        .blueFieldGroup .inputText:focus {
            background: rgba(255,255,255,0.85)
        }

    .blueFieldGroup.dateFrom .inputText {
        padding-left: 82px
    }

    .blueFieldGroup.dateTo .inputText {
        padding-left: 62px
    }

    .blueFieldGroup.dateDepart .inputText {
        padding-left: 95px
    }

    .blueFieldGroup.dateDepartwithBorder .inputText {
        padding-left: 95px;
        border: 1px solid #d9e3ed;
    }

    .blueFieldGroup.dateReturn .inputText {
        padding-left: 94px
    }

    .blueFieldGroup .required {
        position: absolute;
        left: 0;
        top: 12px;
        width: 3px;
        height: 32px;
        background: #f48200
    }

    .blueFieldGroup .error {
        position: absolute;
        left: 0;
        top: 12px;
        width: 3px;
        height: 32px;
        background: #da2222;
        z-index: 10;
        display: none
    }

    .blueFieldGroup .errorMessage {
        background: #da2222;
        color: #fff;
        display: none;
        float: left;
        clear: left;
        font-size: 14px;
        margin-left: 15px;
        padding: 1px 15px;
        border-radius: 0 0 5px 5px;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding-box;
        background-clip: padding-box;
        font-family: 'MyriadProItalics',Helvetica,sans-serif
    }

    .blueFieldGroup.blueFieldGroupDouble {
        overflow: hidden
    }

        .blueFieldGroup.blueFieldGroupDouble:before {
            content: "";
            border-right: 1px solid rgba(0,68,136,0.15);
            position: absolute;
            height: 100%;
            top: 0;
            right: 42%;
            z-index: 10
        }

        .blueFieldGroup.blueFieldGroupDouble .inputText:first-of-type {
            width: 58%;
            float: left;
            position: relative;
            border-radius: 5px 0 0 5px;
            -webkit-background-clip: padding-box;
            -moz-background-clip: padding-box;
            background-clip: padding-box
        }

        .blueFieldGroup.blueFieldGroupDouble .inputText:last-of-type {
            width: 42%;
            float: left;
            border-radius: 0 5px 5px 0;
            -webkit-background-clip: padding-box;
            -moz-background-clip: padding-box;
            background-clip: padding-box
        }

@media screen and (min-width: 721px) {
    .blueFieldGroup {
        clear: none;
    }
}

@media screen and (min-width: 1024px) {
    .blueFieldGroup label {
        padding-right: 15px
    }
}

.blueAlertRow {
    background: #fef3ea
}

    .blueAlertRow .rowBounds {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .blueAlertRow .alert {
        color: #f48200;
        padding: 15px 15px 5px;
        position: relative
    }

        .blueAlertRow .alert strong {
            font-family: 'MyriadProBold',Helvetica,sans-serif
        }

        .blueAlertRow .alert a {
            font-family: 'MyriadProBold',Helvetica,sans-serif;
            text-decoration: underline;
            color: #f48200
        }

        .blueAlertRow .alert h3 {
            font-family: 'MyriadProBold',Helvetica,sans-serif;
            padding-bottom: 10px;
            font-size: 14px
        }

        .blueAlertRow .alert ul {
            padding-bottom: 5px;
            font-size: 12px
        }

        .blueAlertRow .alert p {
            padding-bottom: 10px;
            font-size: 12px
        }

        .blueAlertRow .alert li {
            padding: 0 0 5px 23px;
            position: relative
        }

            .blueAlertRow .alert li:after {
                content: "";
                position: absolute;
                left: 8px;
                top: 7px;
                border-radius: 50%;
                -webkit-background-clip: padding-box;
                -moz-background-clip: padding-box;
                background-clip: padding-box;
                width: 4px;
                height: 4px;
                background: #f48200
            }

@media screen and (min-width: 1024px) {
    .blueAlertRow .rowBounds {
        padding: 0 30px
    }

    .blueAlertRow .alert {
        padding: 15px 0 5px
    }

        .blueAlertRow .alert h3 {
            font-size: 16px
        }

        .blueAlertRow .alert ul, .blueAlertRow .alert p {
            font-size: 14px
        }
}

.blueErrorRow {
    background: #fdefef
}

    .blueErrorRow .rowBounds {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .blueErrorRow .alert {
        color: #da2222;
        padding: 15px 15px 5px;
        position: relative
    }

        .blueErrorRow .alert strong {
            font-family: 'MyriadProBold',Helvetica,sans-serif
        }

        .blueErrorRow .alert a {
            font-family: 'MyriadProBold',Helvetica,sans-serif;
            text-decoration: underline;
            color: #da2222
        }

        .blueErrorRow .alert h3 {
            font-family: 'MyriadProBold',Helvetica,sans-serif;
            padding-bottom: 10px;
            font-size: 14px
        }

        .blueErrorRow .alert ul {
            padding-bottom: 5px;
            font-size: 12px
        }

        .blueErrorRow .alert p {
            padding-bottom: 10px;
            font-size: 12px
        }

        .blueErrorRow .alert li {
            padding: 0 0 5px 23px;
            position: relative
        }

            .blueErrorRow .alert li:after {
                content: "";
                position: absolute;
                left: 8px;
                top: 7px;
                border-radius: 50%;
                -webkit-background-clip: padding-box;
                -moz-background-clip: padding-box;
                background-clip: padding-box;
                width: 4px;
                height: 4px;
                background: #da2222
            }

@media screen and (min-width: 1024px) {
    .blueErrorRow .rowBounds {
        padding: 0 30px
    }

    .blueErrorRow .alert {
        padding: 15px 0 5px
    }

        .blueErrorRow .alert h3 {
            font-size: 16px
        }

        .blueErrorRow .alert ul, .blueErrorRow .alert p {
            font-size: 14px
        }
}

.blueHeadRow {
    background: #004488;
    color: #fff
}

    .blueHeadRow .rowBounds {
        padding: 30px 15px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

        .blueHeadRow .rowBounds:before, .blueHeadRow .rowBounds:after {
            content: "";
            display: table
        }

        .blueHeadRow .rowBounds:after {
            clear: both
        }

    .blueHeadRow .blueFieldSelect {
        float: left;
        margin: 0 0 10px 0;
        clear: left
    }

    .blueHeadRow .searchBlue {
        position: relative;
        clear: left;
        padding-top: 10px
    }

        .blueHeadRow .searchBlue .searchQuery {
            border: 1px solid rgba(255,255,255,0.3);
            background: #004488;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            width: 100%;
            padding: 6px 45px 6px 10px;
            color: #fff;
            border-radius: 5px;
            -webkit-background-clip: padding-box;
            -moz-background-clip: padding-box;
            background-clip: padding-box;
            -webkit-transition: border-color 0.2s ease-in-out;
            -moz-transition: border-color 0.2s ease-in-out;
            transition: border-color 0.2s ease-in-out
        }

            .blueHeadRow .searchBlue .searchQuery:focus {
                border-color: #fff;
                outline: 0
            }

            .blueHeadRow .searchBlue .searchQuery::-webkit-input-placeholder {
                color: rgba(255,255,255,0.4)
            }

            .blueHeadRow .searchBlue .searchQuery:-moz-placeholder {
                color: rgba(255,255,255,0.4)
            }

            .blueHeadRow .searchBlue .searchQuery::-moz-placeholder {
                color: rgba(255,255,255,0.4)
            }

            .blueHeadRow .searchBlue .searchQuery:-ms-input-placeholder {
                color: rgba(255,255,255,0.4)
            }

        .blueHeadRow .searchBlue .submit {
            position: absolute;
            right: 5px;
            bottom: 1px;
            text-indent: -9999px;
            border: 0;
            width: 36px;
            height: 36px;
            background: url("images/i-search.png") no-repeat center center;
            -webkit-background-size: 16px 16px;
            -moz-background-size: 16px 16px;
            -o-background-size: 16px 16px;
            background-size: 16px 16px
        }

    .blueHeadRow .mandatory {
        display: none
    }

    .blueHeadRow .textLeft, .blueHeadRow .textRight {
        font-size: 14px
    }

        .blueHeadRow .textLeft strong, .blueHeadRow .textRight strong {
            font-family: 'MyriadProBold',Helvetica,sans-serif
        }

    .blueHeadRow .btnsRight {
        clear: both;
        padding: 10px 0 0
    }

        .blueHeadRow .btnsRight .btn {
            margin-top: 10px
        }

        .blueHeadRow .btnsRight .btnPrint {
            min-width: 47px;
            background-image: url("images/i-print.png");
            background-position: center center;
            background-repeat: no-repeat;
            text-indent: -9999px;
            -webkit-background-size: 20px 20px;
            -moz-background-size: 20px 20px;
            -o-background-size: 20px 20px;
            background-size: 20px 20px
        }

    .blueHeadRow .step {
        float: left;
        padding: 10px 40px 9px 36px;
        position: relative;
        font-size: 14px;
        clear: left
    }

        .blueHeadRow .step .num {
            width: 28px;
            height: 28px;
            border-radius: 50%;
            -webkit-background-clip: padding-box;
            -moz-background-clip: padding-box;
            background-clip: padding-box;
            background: #fff;
            position: absolute;
            left: 0;
            top: 4px;
            color: #004488;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            text-align: center;
            font-style: normal;
            font: 14px 'MyriadProBold',Helvetica,sans-serif;
            padding-top: 6px
        }

        .blueHeadRow .step.tick {
            cursor: pointer
        }

            .blueHeadRow .step.tick .num {
                text-indent: -9999px;
                background: #5692c8 url("images/i-tick-lrg.png");
                -webkit-background-size: 28px 28px;
                -moz-background-size: 28px 28px;
                -o-background-size: 28px 28px;
                background-size: 28px 28px
            }

@media screen and (max-width: 720px) {
    .blueHeadRow .btnsSfSearch .btn {
        float: left;
        width: 100%
    }

    .blueHeadRow .btnsSfSearch .btnMobileHalf {
        float: left;
        width: 49%
    }

        .blueHeadRow .btnsSfSearch .btnMobileHalf:nth-child(odd) {
            margin-right: 2%
        }
}

@media screen and (min-width: 721px) {
    .blueHeadRow .btnsRight .btn {
        float: left;
        margin-right: 10px
    }

    .blueHeadRow .blueFieldSelect {
        margin: 0 15px 20px 0;
        clear: none
    }

    .blueHeadRow .searchBlue {
        padding-top: 0
    }
}

@media screen and (min-width: 1024px) {
    .blueHeadRow .rowBounds {
        padding: 30px;
        min-height: 106px
    }

    .blueHeadRow .blueFieldSelect {
        margin-top: 8px;
        margin-right: 30px;
        margin-bottom: 0;
        padding: 0
    }

    .blueHeadRow .searchBlue {
        width: 435px;
        clear: none;
        float: left
    }

    .blueHeadRow p {
        padding-top: 8px
    }

        .blueHeadRow p.mandatory {
            display: block;
            position: absolute;
            right: 30px;
            top: 42px;
            font-size: 12px;
            line-height: 1;
            padding: 2px 0 1px 10px;
            border-left: 3px solid #f48200
        }

    .blueHeadRow .textLeft {
        font-size: 16px;
        float: left;
        padding-top: 11px;
        max-width: 65%
    }

    .blueHeadRow .blueFieldGroup {
        float: left;
        min-width: 357px;
        padding: 0
    }

    .blueHeadRow .textRight {
        font-size: 16px;
        float: right;
        padding-top: 16px
    }

    .blueHeadRow .btnsRight {
        clear: none;
        float: right;
        padding: 0
    }

        .blueHeadRow .btnsRight .btn {
            margin: 0 0 0 10px
        }

    .blueHeadRow .step {
        clear: none;
        padding: 12px 15px 10px 35px;
        font-size: 14px
    }

        .blueHeadRow .step .num {
            font-size: 14px;
            top: 8px
        }

        .blueHeadRow .step.tick {
            cursor: pointer
        }

            .blueHeadRow .step.tick .num {
                -webkit-transition: background-color 0.2s ease-in-out;
                -moz-transition: background-color 0.2s ease-in-out;
                transition: background-color 0.2s ease-in-out
            }

            .blueHeadRow .step.tick:hover .num {
                background-color: #3a79b1
            }
}

.blueFormRow {
    background: #0d5092;
    color: #fff
}

    .blueFormRow .rowBounds {
        padding: 30px 15px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .blueFormRow .formRow {
        clear: both
    }

        .blueFormRow .formRow:before, .blueFormRow .formRow:after {
            content: "";
            display: table
        }

        .blueFormRow .formRow:after {
            clear: both
        }

    .blueFormRow .mandatory {
        float: right;
        font-size: 12px;
        line-height: 1;
        margin-top: -10px;
        padding: 2px 0 1px 10px;
        border-left: 3px solid #f48200
    }

    .blueFormRow .passengers-widget {
        min-width: 290px;
        box-sizing: border-box;
        height: 60px
    }

        .blueFormRow .passengers-widget label {
            border: solid 1px #5692c8;
            display: block;
            line-height: 58px;
            padding: 0 15px;
            border-radius: 5px;
            -webkit-background-clip: padding-box;
            -moz-background-clip: padding-box;
            background-clip: padding-box;
            cursor: pointer
        }

            .blueFormRow .passengers-widget label i {
                position: relative;
                top: 5px;
                opacity: 0.3;
                margin-right: 10px
            }

            .blueFormRow .passengers-widget label span {
                position: relative;
                float: right;
                display: block;
                padding-right: 20px
            }

                .blueFormRow .passengers-widget label span::after {
                    position: absolute;
                    content: '';
                    top: 50%;
                    transform: translate(0, -50%);
                    right: 0;
                    width: 0;
                    height: 0;
                    border-left: 5px solid transparent;
                    border-right: 5px solid transparent;
                    border-top: 5px solid white
                }

        .blueFormRow .passengers-widget ul {
            position: relative;
            z-index: 20;
            margin-top: 4px;
            box-shadow: 0 0 7px rgba(0,0,0,0.19);
            background: white;
            border-radius: 5px;
            -webkit-background-clip: padding-box;
            -moz-background-clip: padding-box;
            background-clip: padding-box;
            color: rgba(0,68,136,0.5);
            -webkit-transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
            overflow: hidden;
            opacity: 0;
            max-height: 0
        }

            .blueFormRow .passengers-widget ul li {
                padding: 10px 15px;
                line-height: 34px
            }

                .blueFormRow .passengers-widget ul li:nth-child(even) {
                    background: #f0f5fa
                }

                .blueFormRow .passengers-widget ul li div {
                    float: right;
                    width: 25%;
                    border: 1px solid #c9dcee;
                    border-radius: 5px;
                    -webkit-background-clip: padding-box;
                    -moz-background-clip: padding-box;
                    background-clip: padding-box;
                    line-height: 32px
                }

                    .blueFormRow .passengers-widget ul li div a {
                        position: relative;
                        display: block;
                        float: left;
                        box-sizing: border-box;
                        width: 40%;
                        text-align: left;
                        text-indent: -9999px
                    }

                        .blueFormRow .passengers-widget ul li div a::before, .blueFormRow .passengers-widget ul li div a::after {
                            content: '';
                            background-color: rgba(0,68,136,0.5);
                            position: absolute;
                            top: 50%;
                            left: 50%;
                            transform: translate(-50%, -50%)
                        }

                        .blueFormRow .passengers-widget ul li div a::before {
                            width: 10px;
                            height: 2px
                        }

                        .blueFormRow .passengers-widget ul li div a::after {
                            height: 10px;
                            width: 2px
                        }

                        .blueFormRow .passengers-widget ul li div a.minus::after {
                            display: none
                        }

                    .blueFormRow .passengers-widget ul li div span {
                        display: block;
                        float: left;
                        width: 20%;
                        text-align: center;
                        color: #004488
                    }

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

            .blueFormRow .passengers-widget input[type="checkbox"]:checked ~ ul {
                opacity: 1;
                max-height: 999px
            }

    .blueFormRow .formSmartFaresMid {
        padding: 20px 0;
        overflow: hidden
    }

        .blueFormRow .formSmartFaresMid .formRight {
            clear: left;
            padding-top: 20px
        }

            .blueFormRow .formSmartFaresMid .formRight .blueFieldSelect {
                float: left
            }

        .blueFormRow .formSmartFaresMid .blueFieldRadio {
            float: left;
            margin: 0 30px 0 0
        }

        .blueFormRow .formSmartFaresMid .blueFieldSelect {
            float: left;
            clear: left;
            margin-bottom: 10px
        }

    .blueFormRow .formAirline {
        overflow: hidden
    }

        .blueFormRow .formAirline .blueFieldGroup {
            float: left;
            clear: none;
            width: 25%
        }

            .blueFormRow .formAirline .blueFieldGroup:first-child {
                width: 50%
            }

                .blueFormRow .formAirline .blueFieldGroup:first-child label {
                    min-width: 49px
                }

                .blueFormRow .formAirline .blueFieldGroup:first-child .inputText {
                    padding-left: 93px;
                    border-radius: 6px 0 0 6px;
                    -webkit-background-clip: padding-box;
                    -moz-background-clip: padding-box;
                    background-clip: padding-box
                }

            .blueFormRow .formAirline .blueFieldGroup:nth-child(2) .inputText {
                border-radius: 0;
                -webkit-background-clip: padding-box;
                -moz-background-clip: padding-box;
                background-clip: padding-box;
                border-left: 1px solid #d9e3ed
            }

            .blueFormRow .formAirline .blueFieldGroup:nth-child(3) .inputText {
                border-radius: 0 6px 6px 0;
                -webkit-background-clip: padding-box;
                -moz-background-clip: padding-box;
                background-clip: padding-box;
                border-left: 1px solid #d9e3ed
            }

    .blueFormRow .formStopovers {
        clear: both;
        overflow: hidden;
        padding-bottom: 20px
    }

        .blueFormRow .formStopovers .blueFieldGroup {
            width: 35%;
            float: left;
            clear: none
        }

            .blueFormRow .formStopovers .blueFieldGroup:first-child {
                width: 65%
            }

                .blueFormRow .formStopovers .blueFieldGroup:first-child label {
                    min-width: 72px
                }

                .blueFormRow .formStopovers .blueFieldGroup:first-child .inputText {
                    padding-left: 116px;
                    border-radius: 6px 0 0 6px;
                    -webkit-background-clip: padding-box;
                    -moz-background-clip: padding-box;
                    background-clip: padding-box
                }

            .blueFormRow .formStopovers .blueFieldGroup:nth-child(2) .inputText {
                border-radius: 0 6px 6px 0;
                -webkit-background-clip: padding-box;
                -moz-background-clip: padding-box;
                background-clip: padding-box;
                border-left: 1px solid #d9e3ed
            }

    .blueFormRow .formSmartTicketsRadio .blueFieldRadioLrg:last-of-type {
        padding: 0
    }

@media screen and (min-width: 721px) {
    .blueFormRow .formSmartTicketsRadio .blueFieldRadio {
        float: left;
        margin-right: 20px
    }

        .blueFormRow .formSmartTicketsRadio .blueFieldRadio label {
            margin-right: 10px
        }

    .blueFormRow .formSmartTicketsRadio .passengers-widget {
        float: right
    }
}

.blueFormRow .selectSource.blueFieldSelectLrg .customSelect.selectBoxLrg {
    padding-left: 127px
}

.blueFormRow .formSmartTicketsTicketing, .blueFormRow .formSmartTicketsSourceRR {
    padding: 30px 0 0
}

.blueFormRow .formSmartTicketsSource, .blueFormRow .formSmartTicketsSubCustomer {
    padding: 30px 0 20px;
    border-bottom: 1px solid rgba(255,255,255,0.2)
}

    .blueFormRow .formSmartTicketsSubCustomer p {
        font-family: 'MyriadProItalics',Helvetica,sans-serif;
        padding-bottom: 10px
    }

.blueFormRow .formSubmit {
    border-top: 1px solid rgba(255,255,255,0.2)
}

.blueFormRow .fieldSubmit {
    padding-top: 30px
}

@media screen and (max-width: 1023px) {
    .blueFormRow .formSmartFaresTop {
        padding-top: 20px
    }

        .blueFormRow .formSmartFaresTop .blueFieldGroup label {
            width: 52px
        }

        .blueFormRow .formSmartFaresTop .inputText {
            padding-left: 96px !important
        }

    .blueFormRow .formSmartTicketSearch label {
        min-width: 47px
    }

    .blueFormRow .formSmartTicketSearch .inputText {
        padding-left: 96px !important
    }
}

@media screen and (min-width: 721px) {
    .blueFormRow .formSmartFaresMid .blueFieldSelect {
        margin-right: 15px;
        clear: none
    }

    .blueFormRow .formStopovers {
        padding-bottom: 0
    }

    .blueFormRow .fieldSubmit {
        float: right
    }

    .blueFormRow .twoCol .col {
        float: left;
        width: 49.5%;
        margin-right: 1%;
        margin-bottom: 20px
    }

        .blueFormRow .twoCol .col:nth-child(2n) {
            margin-right: 0
        }

        .blueFormRow .twoCol .col:nth-child(3), .blueFormRow .twoCol .col:nth-child(4) {
            margin-bottom: 0
        }

    .blueFormRow .threeCol .col {
        float: left;
        width: 32.6%;
        margin-right: 1%;
        margin-bottom: 20px
    }

        .blueFormRow .threeCol .col:nth-child(3n) {
            margin-right: 0
        }

        .blueFormRow .threeCol .col:nth-child(3) {
            margin-bottom: 0
        }

    .blueFormRow .formStopovers {
        clear: none;
        padding-bottom: 0
    }

    .blueFormRow .formSmartTicketsRadio .blueFieldRadioLrg {
        padding: 0;
        margin-bottom: 0
    }

    .blueFormRow .formSmartTicketsTicketing .btn, .blueFormRow .formSmartTicketsSourceRR .btn {
        float: right
    }

    .blueFormRow .formSmartTicketsSource {
        padding: 30px 0 0
    }

    .blueFormRow .formSmartTicketSearch .col {
        width: 38%;
        float: left;
        padding: 0 10px 0 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .blueFormRow .formSmartTicketSearch .searchSubmit {
        float: left;
        width: 24%
    }

        .blueFormRow .formSmartTicketSearch .searchSubmit .btn {
            width: 100%
        }
}

@media screen and (min-width: 721px) and (max-width: 1023px) {
    .blueFormRow .fourCol .col {
        float: left;
        width: 49.5%;
        margin-right: 1%;
        margin-bottom: 20px
    }

        .blueFormRow .fourCol .col:nth-child(2n) {
            margin-right: 0
        }

        .blueFormRow .fourCol .col:nth-child(3), .blueFormRow .fourCol .col:nth-child(4) {
            margin-bottom: 0
        }


    .blueFormRow .fiveCol .col {
        float: left;
        width: 19.8%; /* Adjusted width for five columns */
        margin-right: 1%;
        margin-bottom: 20px;
    }

        .blueFormRow .fiveCol .col:nth-child(5n) {
            margin-right: 0;
        }

        .blueFormRow .fiveCol .col:nth-child(3), .blueFormRow .fiveCol .col:nth-child(4) {
            margin-bottom: 0;
        }


    .blueFormRow .sixCol .col {
        float: left;
        width: 16.16666667%;
        margin-right: 1%;
        margin-bottom: 20px;
    }

        .blueFormRow .sixCol .col:nth-child(6n) {
            margin-right: 0;
        }

        .blueFormRow .sixCol .col:nth-child(3), .blueFormRow .sixCol .col:nth-child(4) {
            margin-bottom: 0;
        }

    .blueFormRow .dateCol {
        float: left;
        width: 100%
    }

    .blueFormRow .ticketDateCol {
        float: left;
        width: 76%
    }
}

.blueFormRow .fareShoppingTop {
    border-bottom: 1px solid rgba(255,255,255,0.2);
    margin-bottom: 30px;
    padding-bottom: 10px
}

    .blueFormRow .fareShoppingTop .blueFieldRadio {
        margin-top: 20px
    }

.blueFormRow .fareShoppingBot input[type="text"] {
    border: 1px solid rgba(255,255,255,0.3);
    background: transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 6px 10px;
    line-height: 33px;
    color: #fff;
    border-radius: 5px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-transition: border-color 0.2s ease-in-out;
    -moz-transition: border-color 0.2s ease-in-out;
    transition: border-color 0.2s ease-in-out
}

    .blueFormRow .fareShoppingBot input[type="text"]:focus {
        border-color: #fff;
        outline: 0
    }

    .blueFormRow .fareShoppingBot input[type="text"]::-webkit-input-placeholder {
        color: rgba(255,255,255,0.4)
    }

    .blueFormRow .fareShoppingBot input[type="text"]:-moz-placeholder {
        color: rgba(255,255,255,0.4)
    }

    .blueFormRow .fareShoppingBot input[type="text"]::-moz-placeholder {
        color: rgba(255,255,255,0.4)
    }

    .blueFormRow .fareShoppingBot input[type="text"]:-ms-input-placeholder {
        color: rgba(255,255,255,0.4)
    }

@media screen and (max-width: 720px) {
    .blueFormRow .fareShoppingBot .colLeft.select, .blueFormRow .fareShoppingBot .colLeft.code {
        margin-top: 0.5em
    }
}

@media screen and (min-width: 1024px) {
    .blueFormRow .rowBounds {
        padding: 30px
    }

    .blueFormRow .fourCol .col {
        float: left;
        width: 24.2%;
        margin-right: 1%
    }

        .blueFormRow .fourCol .col:last-child {
            margin-right: 0
        }

    .blueFormRow .fiveCol .col {
        float: left;
        width: 19.2%;
        margin-right: 1%;
    }

        .blueFormRow .fiveCol .col:last-child {
            margin-right: 0;
        }

    .blueFormRow .sixCol .col {
        float: left;
        width: 16.66666667%;
        margin-right: 1%;
    }

        .blueFormRow .sixCol .col:last-child {
            margin-right: 0;
        }

    .blueFormRow .fareShoppingRow {
        margin-left: -0.5%;
        margin-right: -0.5%
    }

        .blueFormRow .fareShoppingRow .col {
            float: left;
            width: 14%;
            margin: 0 0.5%
        }

            .blueFormRow .fareShoppingRow .col.dateDepart {
                width: 21%
            }

    .blueFormRow .fareShoppingBot {
        margin-top: 20px;
        margin-bottom: 20px
    }

        .blueFormRow .fareShoppingBot .colLeft {
            float: left
        }

            .blueFormRow .fareShoppingBot .colLeft .blueFieldCheckbox {
                float: left;
                margin-left: 15px;
                margin-top: 12px
            }

            .blueFormRow .fareShoppingBot .colLeft .blueFieldGroup {
                float: left;
                margin-right: 15px
            }

                .blueFormRow .fareShoppingBot .colLeft .blueFieldGroup .add {
                    padding-left: 25px
                }

                    .blueFormRow .fareShoppingBot .colLeft .blueFieldGroup .add i {
                        -webkit-box-sizing: border-box;
                        -moz-box-sizing: border-box;
                        box-sizing: border-box;
                        border-radius: 3px;
                        -webkit-background-clip: padding-box;
                        -moz-background-clip: padding-box;
                        background-clip: padding-box;
                        width: 20px;
                        height: 20px;
                        position: absolute;
                        top: 50%;
                        left: 5px;
                        margin: -15px 0 0;
                        display: block
                    }

                        .blueFormRow .fareShoppingBot .colLeft .blueFieldGroup .add i:before, .blueFormRow .fareShoppingBot .colLeft .blueFieldGroup .add i:after {
                            content: "";
                            position: absolute;
                            width: 2px;
                            height: 2px;
                            background: #fff;
                            left: 50%;
                            top: 50%
                        }

                        .blueFormRow .fareShoppingBot .colLeft .blueFieldGroup .add i:before {
                            width: 10px;
                            margin: -1px 0 0 -5px
                        }

                        .blueFormRow .fareShoppingBot .colLeft .blueFieldGroup .add i:after {
                            height: 10px;
                            margin: -5px 0 0 -1px
                        }

        .blueFormRow .fareShoppingBot .colRight {
            float: right
        }

            .blueFormRow .fareShoppingBot .colRight.code {
                width: 66px;
                margin-left: 15px
            }

            .blueFormRow .fareShoppingBot .colRight.select {
                margin-top: 12px
            }

        .blueFormRow .fareShoppingBot .colLeft.code {
            width: 190px;
            margin-left: 15px
        }

        .blueFormRow .fareShoppingBot .colLeft.select {
            margin-top: 12px;
            clear: both
        }

    .blueFormRow .remove {
        height: 56px;
        width: 2%;
        display: block;
        background-color: rgba(255,255,255,0.2);
        float: right;
        margin-right: 0.5%;
        border-radius: 3px;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding-box;
        background-clip: padding-box;
        position: relative;
        color: #fff;
        font-size: 14px;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out
    }

        .blueFormRow .remove:hover, .blueFormRow .remove:focus, .blueFormRow .remove:active {
            background-color: rgba(255,255,255,0.1)
        }

        .blueFormRow .remove i {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            border-radius: 3px;
            -webkit-background-clip: padding-box;
            -moz-background-clip: padding-box;
            background-clip: padding-box;
            width: 100%;
            height: 100%;
            float: left;
            position: relative;
            margin: 0;
            transform: rotate(45deg)
        }

            .blueFormRow .remove i:before, .blueFormRow .remove i:after {
                content: "";
                position: absolute;
                width: 2px;
                height: 2px;
                background: #fff;
                left: 50%;
                top: 50%
            }

            .blueFormRow .remove i:before {
                width: 10px;
                margin: -1px 0 0 -5px
            }

            .blueFormRow .remove i:after {
                height: 10px;
                margin: -5px 0 0 -1px
            }

    .blueFormRow .mandatory {
        display: none
    }

    .blueFormRow .formAirline .blueFieldGroup {
        width: 28.5%
    }

        .blueFormRow .formAirline .blueFieldGroup:first-child {
            width: 43%
        }

    .blueFormRow .formStopovers .blueFieldGroup {
        width: 42%
    }

        .blueFormRow .formStopovers .blueFieldGroup:first-child {
            width: 58%
        }

    .blueFormRow .formSmartFaresMid {
        padding-bottom: 28px
    }

        .blueFormRow .formSmartFaresMid .formRight {
            clear: none;
            padding: 0;
            float: right
        }

        .blueFormRow .formSmartFaresMid .blueFieldSelect {
            clear: none;
            margin: 0 0 0 30px
        }

    .blueFormRow .formSmartTicketsTicketing .selectPseudo {
        width: 38%;
        float: left
    }

    .blueFormRow .formSmartTicketsTicketing .next {
        width: 10.5%;
        float: right;
        margin-left: 1%
    }

    .blueFormRow .formSmartTicketsTicketing .btn {
        float: right;
        width: 100%
    }

    .blueFormRow .formSmartTicketsTicketing .blueFieldGroup, .blueFormRow .formSmartTicketsTicketing .blueFieldSelectLrg {
        padding-bottom: 0;
        margin-bottom: 0
    }

    .blueFormRow .formSmartTicketsSourceRR .selectSource {
        width: 38%;
        float: left
    }

    .blueFormRow .formSmartTicketsSourceRR .next {
        width: 10.5%;
        float: right;
        margin-left: 1%
    }

    .blueFormRow .formSmartTicketsSourceRR .btn {
        float: right;
        width: 100%
    }

    .blueFormRow .formSmartTicketsSourceRR .blueFieldGroup, .blueFormRow .formSmartTicketsSourceRR .blueFieldSelectLrg {
        padding-bottom: 0;
        margin-bottom: 0
    }

    .blueFormRow .formSmartTicketSearch .colLrg {
        width: 35%;
        float: left;
        padding: 0 10px 0 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .blueFormRow .formSmartTicketSearch .col {
        width: 25%;
        float: left;
        padding-right: 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .blueFormRow .formSmartTicketSearch .searchSubmit {
        float: left;
        width: 15%
    }

        .blueFormRow .formSmartTicketSearch .searchSubmit .btn {
            width: 100%
        }

    .blueFormRow .formSmartTicketsSubCustomer .selectSubCustomer {
        width: 49.5%
    }

    .blueFormRow .dateCol {
        float: left;
        width: 49.6%
    }

        .blueFormRow .dateCol .col {
            width: 49%;
            margin-right: 2%
        }

    .blueFormRow .ticketDateCol {
        float: left;
        width: 50%
    }

        .blueFormRow .ticketDateCol .col {
            width: 50%
        }
}

.toggleAdvanced {
    margin: 30px 0 0;
    display: inline-block;
    color: #fff;
    font-size: 14px
}

    .toggleAdvanced i {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 3px;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding-box;
        background-clip: padding-box;
        width: 20px;
        height: 20px;
        float: left;
        background: rgba(255,255,255,0.15);
        margin: -1px 8px 0 0;
        position: relative
    }

        .toggleAdvanced i:before, .toggleAdvanced i:after {
            content: "";
            position: absolute;
            width: 2px;
            height: 2px;
            -webkit-transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
            background: #fff;
            left: 50%;
            top: 50%;
            margin: -1px 0 0 -1px
        }

        .toggleAdvanced i:before {
            width: 10px;
            margin: -1px 0 0 -5px
        }

        .toggleAdvanced i:after {
            height: 10px;
            margin: -5px 0 0 -1px
        }

    .toggleAdvanced .hide {
        display: none
    }

    .toggleAdvanced.active i:after {
        height: 2px;
        margin: -1px 0 0 -1px
    }

    .toggleAdvanced.active .hide {
        display: inline
    }

    .toggleAdvanced.active .show {
        display: none
    }

@media screen and (min-width: 1024px) {
    .toggleAdvanced {
        font-size: 16px;
        -webkit-transition: color 0.2s ease-in-out;
        -moz-transition: color 0.2s ease-in-out;
        transition: color 0.2s ease-in-out;
    }

        .toggleAdvanced:hover {
            color: rgba(255,255,255,0.5)
        }

        .toggleAdvanced i {
            margin-top: 1px
        }
}

.blueFormAdvanced {
    display: none;
    border-top: 1px solid rgba(255,255,255,0.2);
    padding: 30px 0 20px
}

    .blueFormAdvanced .formAdvancedTop .blueFieldGroup label, .blueFormAdvanced .formAdvancedMid .blueFieldGroup label, .blueFormAdvanced .formAdvancedBot .blueFieldGroup label {
        width: 80px
    }

    .blueFormAdvanced .formAdvancedTop .inputText, .blueFormAdvanced .formAdvancedMid .inputText, .blueFormAdvanced .formAdvancedBot .inputText {
        padding-left: 125px
    }

    .blueFormAdvanced .formAdvancedBot .colLeft {
        padding: 20px 0 10px
    }

        .blueFormAdvanced .formAdvancedBot .colLeft .blueFieldCheckbox {
            margin-bottom: 10px
        }

    .blueFormAdvanced .formAdvancedBot .colMid {
        padding-bottom: 30px;
        overflow: hidden
    }

        .blueFormAdvanced .formAdvancedBot .colMid .blueFieldRadio {
            float: left;
            margin-right: 30px
        }

@media screen and (min-width: 721px) {
    .blueFormAdvanced .formAdvancedTop {
        padding-bottom: 20px
    }

        .blueFormAdvanced .formAdvancedTop .colDouble, .blueFormAdvanced .formAdvancedMid .colDouble {
            float: left;
            width: 49.5%;
            margin-right: 0.5%
        }

            .blueFormAdvanced .formAdvancedTop .colDouble:last-of-type, .blueFormAdvanced .formAdvancedMid .colDouble:last-of-type {
                margin: 0 0 0 0.5%
            }

        .blueFormAdvanced .formAdvancedTop .colFoure, .blueFormAdvanced .formAdvancedMid .colFoure {
            float: left;
            width: 24.2%;
            margin-right: 1%
        }

            .blueFormAdvanced .formAdvancedTop .colFoure:last-of-type, .blueFormAdvanced .formAdvancedMid .colFoure:last-of-type {
                margin: 0 0 0 0
            }

    .blueFormAdvanced .formAdvancedBot .colLeft {
        overflow: hidden;
        padding-bottom: 20px
    }

        .blueFormAdvanced .formAdvancedBot .colLeft .blueFieldCheckbox {
            float: left;
            margin-right: 30px
        }

    .blueFormAdvanced .formAdvancedBot .colMid {
        float: left;
        width: 49.5%;
        margin-right: 1%;
        padding: 15px 0 0
    }

    .blueFormAdvanced .formAdvancedBot .colRight {
        float: left;
        width: 49.5%
    }
}

@media screen and (min-width: 1024px) {
    .blueFormAdvanced .formAdvancedMid {
        padding-bottom: 20px
    }

    .blueFormAdvanced .formAdvancedBot .colLeft {
        float: left;
        width: 49.4%;
        margin-right: 1%;
        padding-top: 15px
    }

    .blueFormAdvanced .formAdvancedBot .colMid {
        float: left;
        width: 24.2%;
        margin-right: 1%;
        padding-top: 15px
    }

    .blueFormAdvanced .formAdvancedBot .colRight {
        float: left;
        width: 24.2%
    }
}

.toggleAdvanced1 {
    margin: 30px 0 0;
    display: inline-block;
    color: #fff;
    font-size: 14px
}

    .toggleAdvanced1 i {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 3px;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding-box;
        background-clip: padding-box;
        width: 20px;
        height: 20px;
        float: left;
        background: rgba(255,255,255,0.15);
        margin: -1px 8px 0 0;
        position: relative
    }

        .toggleAdvanced1 i:before, .toggleAdvanced1 i:after {
            content: "";
            position: absolute;
            width: 2px;
            height: 2px;
            -webkit-transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
            background: #fff;
            left: 50%;
            top: 50%;
            margin: -1px 0 0 -1px
        }

        .toggleAdvanced1 i:before {
            width: 10px;
            margin: -1px 0 0 -5px
        }

        .toggleAdvanced1 i:after {
            height: 10px;
            margin: -5px 0 0 -1px
        }

    .toggleAdvanced1 .hide {
        display: none
    }

    .toggleAdvanced1.active i:after {
        height: 2px;
        margin: -1px 0 0 -1px
    }

    .toggleAdvanced1.active .hide {
        display: inline
    }

    .toggleAdvanced1.active .show {
        display: none
    }

@media screen and (min-width: 1024px) {
    .toggleAdvanced1 {
        font-size: 16px;
        -webkit-transition: color 0.2s ease-in-out;
        -moz-transition: color 0.2s ease-in-out;
        transition: color 0.2s ease-in-out;
    }

        .toggleAdvanced1:hover {
            color: rgba(255,255,255,0.5)
        }

        .toggleAdvanced1 i {
            margin-top: 1px
        }
}


.blueFormAdvanced1 {
    display: none;
    border-top: 1px solid rgba(255,255,255,0.2);
    padding: 30px 0 20px
}

    .blueFormAdvanced1 .formAdvancedTop .blueFieldGroup label, .blueFormAdvanced1 .formAdvancedMid .blueFieldGroup label, .blueFormAdvanced1 .formAdvancedBot .blueFieldGroup label {
        width: 80px
    }

    .blueFormAdvanced1 .formAdvancedTop .inputText, .blueFormAdvanced1 .formAdvancedMid .inputText, .blueFormAdvanced1 .formAdvancedBot .inputText {
        padding-left: 150px
    }

    .blueFormAdvanced1 .formAdvancedBot .colLeft {
        padding: 20px 0 10px
    }

        .blueFormAdvanced1 .formAdvancedBot .colLeft .blueFieldCheckbox {
            margin-bottom: 10px
        }

    .blueFormAdvanced1 .formAdvancedBot .colMid {
        padding-bottom: 30px;
        overflow: hidden
    }

        .blueFormAdvanced1 .formAdvancedBot .colMid .blueFieldRadio {
            float: left;
            margin-right: 30px
        }

@media screen and (min-width: 721px) {
    .blueFormAdvanced1 .formAdvancedTop {
        padding-bottom: 20px
    }

        .blueFormAdvanced1 .formAdvancedTop .colDouble, .blueFormAdvanced1 .formAdvancedMid .colDouble {
            float: left;
            width: 49.5%;
            margin-right: 0.5%
        }

            .blueFormAdvanced1 .formAdvancedTop .colDouble:last-of-type, .blueFormAdvanced1 .formAdvancedMid .colDouble:last-of-type {
                margin: 0 0 0 0.5%
            }

        .blueFormAdvanced1 .formAdvancedTop .colFoure, .blueFormAdvanced1 .formAdvancedMid .colFoure {
            float: left;
            width: 24.2%;
            margin-right: 1%
        }

            .blueFormAdvanced1 .formAdvancedTop .colFoure:last-of-type, .blueFormAdvanced1 .formAdvancedMid .colFoure:last-of-type {
                margin: 0 0 0 0
            }

    .blueFormAdvanced1 .formAdvancedBot .colLeft {
        overflow: hidden;
        padding-bottom: 20px
    }

        .blueFormAdvanced1 .formAdvancedBot .colLeft .blueFieldCheckbox {
            float: left;
            margin-right: 30px
        }

    .blueFormAdvanced1 .formAdvancedBot .colMid {
        float: left;
        width: 49.5%;
        margin-right: 1%;
        padding: 15px 0 0
    }

    .blueFormAdvanced1 .formAdvancedBot .colRight {
        float: left;
        width: 49.5%
    }
}

@media screen and (min-width: 1024px) {
    .blueFormAdvanced1 .formAdvancedMid {
        padding-bottom: 20px
    }

    .blueFormAdvanced1 .formAdvancedBot .colLeft {
        float: left;
        width: 49.4%;
        margin-right: 1%;
        padding-top: 15px
    }

    .blueFormAdvanced1 .formAdvancedBot .colMid {
        float: left;
        width: 24.2%;
        margin-right: 1%;
        padding-top: 15px
    }

    .blueFormAdvanced1 .formAdvancedBot .colRight {
        float: left;
        width: 24.2%
    }
}

.table {
    width: 100%
}

    .table thead {
        color: #fff
    }

        .table thead tr {
            border: 0
        }

    .table tr, .table td {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box
    }

    .table tr {
        border-left: 1px solid #d9e3ed
    }

    .table th {
        padding: 15px 15px 12px;
        font-size: 12px;
        background: #004488;
        margin: 0;
        border-left: 1px solid #2b649b
    }

        .table th:first-child {
            border-radius: 3px 0 0 0;
            border: 0
        }

        .table th:last-child {
            border-radius: 0 3px 0 0
        }

        .table th a {
            color: #fff
        }

    .table td {
        padding: 15px 15px;
        font-size: 14px;
        border-right: 1px solid #d9e3ed;
        border-bottom: 1px solid #d9e3ed;
        font-family: 'MyriadProBold',Helvetica,sans-serif
    }

        .table td p {
            font-family: 'MyriadProRegular',Helvetica,sans-serif
        }

            .table td p strong {
                font-family: 'MyriadProBold',Helvetica,sans-serif
            }

        .table td small {
            font-family: 'MyriadProRegular',Helvetica,sans-serif;
            display: block
        }

    .table .title {
        background: #f9fafc;
        font-family: 'MyriadProRegular',Helvetica,sans-serif;
        padding: 10px 15px 7px;
        font-size: 12px
    }

@media screen and (min-width: 1024px) {
    .table th {
        font-size: 14px
    }

        .table th a {
            -webkit-transition: color 0.2s ease-in-out;
            -moz-transition: color 0.2s ease-in-out;
            transition: color 0.2s ease-in-out
        }

            .table th a:hover {
                color: rgba(255,255,255,0.5)
            }

    .table .title {
        font-size: 14px
    }
}

#colorbox .modal {
    display: block
}

#cboxClose {
    z-index: 30
}

.modal {
    display: none;
    border-radius: 5px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    background: #fff;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out
}

    .modal h2 {
        background: #5692c8;
        color: #fff;
        padding: 20px 60px 20px 15px;
        font-size: 12px;
        font-family: 'MyriadProBold',Helvetica,sans-serif;
        line-height: 1.1;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: 20;
        border-radius: 6px 6px 0 0;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding-box;
        background-clip: padding-box
    }

    .modal .modalContainer {
        padding: 78px 15px 10px
    }

    .modal .modalChks {
        padding-bottom: 10px
    }

    .modal p {
        font-size: 12px;
        padding-bottom: 10px
    }

    .modal h3 {
        font-family: 'MyriadProBold',Helvetica,sans-serif;
        font-size: 12px;
        padding-bottom: 10px
    }

    .modal .btn {
        margin-bottom: 10px
    }

    .modal .btns {
        margin-top: 1em
    }

        .modal .btns::before, .modal .btns::after {
            content: '';
            display: block
        }

        .modal .btns::after {
            clear: both
        }

        .modal .btns .btn {
            margin-bottom: 5px
        }

            .modal .btns .btn.btnOrange {
                float: right
            }

    .modal .modalSelectFare {
        margin-bottom: 10px
    }

        .modal .modalSelectFare .selectFare {
            border: 1px solid #d9e3ed;
            padding: 15px 15px 5px;
            position: relative
        }

            .modal .modalSelectFare .selectFare:first-child {
                border-bottom: 0;
                border-radius: 3px 3px 0 0;
                -webkit-background-clip: padding-box;
                -moz-background-clip: padding-box;
                background-clip: padding-box
            }

            .modal .modalSelectFare .selectFare:last-child {
                border-radius: 0 0 3px 3px;
                -webkit-background-clip: padding-box;
                -moz-background-clip: padding-box;
                background-clip: padding-box
            }

            .modal .modalSelectFare .selectFare pre {
                font-size: 14px;
                word-break: break-all;
                word-wrap: break-word;
                white-space: pre-wrap
            }

        .modal .modalSelectFare .btn {
            padding: 9px 15px 8px;
            font-size: 14px;
            margin-bottom: 10px
        }

    .modal .table {
        margin-bottom: 10px
    }

        .modal .table tr:nth-child(even) td, .modal .table tr:nth-child(even) {
            background: #f9fafc
        }

        .modal .table td {
            font-size: 12px;
            line-height: 1.3
        }

        .modal .table tfoot {
            background: rgba(86,146,200,0.15);
            width: 100%
        }

    .modal .dl {
        font-size: 12px;
        margin-bottom: 10px;
        overflow: hidden
    }

        .modal .dl dt {
            clear: left;
            float: left;
            padding-right: 5px
        }

        .modal .dl dd {
            font-family: 'MyriadProBold',Helvetica,sans-serif
        }

    .modal .fieldCheckbox .checkbox .icheckbox {
        margin: -3px 5px 0 0
    }

@media screen and (max-width: 720px) {
    .modal {
        max-width: 270px;
    }

        .modal .table {
            display: block;
            width: 100%;
            border-top: 1px solid #d9e3ed
        }

            .modal .table thead {
                display: none
            }

            .modal .table tr, .modal .table tbody, .modal .table tfoot {
                display: block;
                width: 100%;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box
            }

            .modal .table tr {
                border-left: 1px solid #d9e3ed;
                border-right: 1px solid #d9e3ed;
                border-bottom: 1px solid #d9e3ed;
                padding: 20px 15px 10px;
                overflow: hidden
            }

            .modal .table td {
                border: 0;
                padding: 0 0 10px 0;
                display: block;
                width: 100%;
                float: left;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box
            }

        .modal .label {
            margin-right: 5px;
            font-family: 'MyriadProRegular',Helvetica,sans-serif;
            float: left
        }

        .modal .modalSelectFare .selectFare pre {
            font-size: 12px
        }
}

@media screen and (min-width: 721px) {
    .modal {
        min-width: 680px;
        max-width: 680px;
    }

        .modal .btn {
            margin-right: 5px
        }

        .modal .modalSelectFare .selectFare {
            border: 1px solid #d9e3ed;
            padding: 15px 15px 5px;
            position: relative
        }

            .modal .modalSelectFare .selectFare:first-child {
                border-bottom: 0;
                border-radius: 3px 3px 0 0;
                -webkit-background-clip: padding-box;
                -moz-background-clip: padding-box;
                background-clip: padding-box
            }

            .modal .modalSelectFare .selectFare:last-child {
                border-radius: 0 0 3px 3px;
                -webkit-background-clip: padding-box;
                -moz-background-clip: padding-box;
                background-clip: padding-box
            }

            .modal .modalSelectFare .selectFare pre {
                font-size: 12px
            }

        .modal .modalSelectFare .btn {
            padding: 9px 15px 8px;
            font-size: 14px;
            position: absolute;
            right: 15px;
            top: 15px
        }

        .modal .label {
            display: none
        }

        .modal .dl dt {
            clear: none;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            width: 15%
        }

        .modal .dl dd {
            float: left;
            width: 35%
        }
}

@media screen and (min-width: 721px) and (max-width: 1023px) {
    .modal .modalChks {
        overflow: hidden
    }

        .modal .modalChks .fieldCheckbox {
            padding: 3px 0 0 0;
            width: 50%;
            float: left
        }

            .modal .modalChks .fieldCheckbox:nth-child(odd) {
                clear: both
            }

            .modal .modalChks .fieldCheckbox .checkbox .icheckbox {
                margin-top: 0
            }
}

@media screen and (min-width: 1024px) {
    .modal {
        min-width: 900px;
        max-width: 900px;
    }

        .modal h2 {
            font-size: 16px
        }

        .modal h3 {
            font-size: 14px
        }

        .modal p {
            font-size: 14px
        }

        .modal .modalChks {
            overflow: hidden
        }

            .modal .modalChks .fieldCheckbox {
                padding: 3px 0 0 0;
                width: 33.33%;
                float: left
            }

                .modal .modalChks .fieldCheckbox:nth-child(3n-5) {
                    clear: both
                }

                .modal .modalChks .fieldCheckbox .checkbox .icheckbox {
                    margin-top: 0
                }

        .modal .table td {
            font-size: 14px
        }

        .modal .fieldCheckbox .checkbox .icheckbox {
            margin: -1px 8px 0 0
        }

        .modal .modalSelectFare .selectFare pre {
            font-size: 16px
        }

        .modal .dl {
            font-size: 14px
        }
}

@media screen and (min-width: 1024px) {
    .pgHome .siteContent {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        min-height: 720px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .pgHome.withAd .siteContent {
        min-height: 1000px
    }

    .pgHome .foot {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        z-index: 100
    }
}

.homeRow {
    background: #004387 url("images/home-image.jpg") no-repeat center bottom;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;
    color: #fff
}

    .homeRow .homeLeft {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .homeRow .homeRight {
        background: -moz-linear-gradient(top, #165899 0%, rgba(22, 88, 153, 0) 100%);
        background: -webkit-linear-gradient(top, #165899 0%, rgba(22, 88, 153, 0) 100%);
        background: linear-gradient(to bottom, #165899 0%, rgba(22, 88, 153, 0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#165899', endColorstr='#00165899',GradientType=0 )
    }

@media screen and (max-width: 1023px) {
    .homeRow .homeLeft {
        width: auto !important
    }

    .homeRow .homeRight {
        padding-bottom: 40%;
        width: auto !important;
        height: auto !important
    }

        .homeRow .homeRight .homeBox {
            width: auto !important;
            height: auto !important
        }
}

@media screen and (min-width: 721px) and (max-width: 1023px) {
    .homeRow .homeRight {
        padding-top: 40px
    }

        .homeRow .homeRight:before, .homeRow .homeRight:after {
            content: "";
            display: table
        }

        .homeRow .homeRight:after {
            clear: both
        }

        .homeRow .homeRight .homeBox {
            margin: 0 auto;
            max-width: 700px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }
}

@media screen and (min-width: 1024px) {
    .homeRow {
        background-position: center 60%;
        z-index: 1;
        position: absolute;
        left: 0;
        top: 0;
        padding: 107px 0 67px;
        height: 100%;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .homeRow .homeBox {
            display: block
        }

        .homeRow .homeLeft {
            float: left;
            padding: 0;
            width: 61%
        }

        .homeRow .homeRight {
            position: absolute;
            right: 0;
            top: 0;
            height: 100%;
            width: 39%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            padding: 167px 0 0;
            background: -moz-linear-gradient(top, #004488 0%, rgba(0, 68, 136, 0) 100%);
            background: -webkit-linear-gradient(top, #004488 0%, rgba(0, 68, 136, 0) 100%);
            background: linear-gradient(to bottom, #004488 0%, rgba(0, 68, 136, 0) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004488', endColorstr='#00004488',GradientType=0 )
        }
}

@media screen and (min-width: 1260px) and (max-width: 1446px) and (min-height: 1093px) {
    .homeRow {
        background-position: center bottom;
    }
}

.homeLeft h1 {
    font: 28px/1.2 'MyriadProLight',Helvetica,sans-serif;
    padding: 30px 15px
}

    .homeLeft h1 span {
        white-space: nowrap
    }

.homeLeft h2, .homeLeft .btn {
    display: none
}

@media screen and (min-width: 721px) and (max-width: 1023px) {
    .homeLeft h1 {
        font-size: 40px;
        padding: 40px 15px;
        text-align: center
    }
}

@media screen and (min-width: 1024px) {
    .homeLeft h1 {
        font-size: 80px;
        padding: 70px 30px 25px 60px
    }

        .homeLeft h1 span {
            display: block
        }

    .homeLeft h2 {
        display: block;
        font: 24px/1.4 'MyriadProItalics',Helvetica,sans-serif;
        padding: 0 60px 35px 60px
    }

    .homeLeft .btn {
        display: block;
        float: left;
        margin-left: 60px
    }

        .homeLeft .btn:last-child {
            margin-left: 10px
        }
}

@media screen and (min-width: 1600px) {
    .homeLeft h1, .homeLeft h2 {
        padding-left: 15%;
        padding-right: 15%
    }

    .homeLeft .btn {
        margin-left: 15%
    }
}

.homeLogin .form {
    padding: 30px 15px
}

.homeLogin .loggedIn {
    padding: 30px 15px 10px
}

    .homeLogin .loggedIn p {
        clear: both;
        padding-bottom: 10px
    }

        .homeLogin .loggedIn p strong {
            font-family: 'MyriadProBold',Helvetica,sans-serif
        }

    .homeLogin .loggedIn .btn {
        margin-bottom: 20px
    }

.homeLogin h3 {
    font: 20px/1 'MyriadProLight',Helvetica,sans-serif;
    float: left;
    padding-bottom: 20px
}

    .homeLogin h3 strong {
        font-family: 'MyriadProBold',Helvetica,sans-serif
    }

.homeLogin .how {
    float: right;
    color: #fff;
    font-size: 12px;
    line-height: 1.8
}

    .homeLogin .how i {
        background: rgba(255,255,255,0.15);
        width: 18px;
        height: 18px;
        float: left;
        text-align: center;
        margin-right: 6px;
        font-style: normal;
        border-radius: 50%;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding-box;
        background-clip: padding-box
    }

.homeLogin .terms {
    font-size: 12px;
    color: rgba(255,255,255,0.5);
    padding: 5px 0 20px
}

    .homeLogin .terms a {
        color: #fff;
        white-space: nowrap
    }

.homeLogin .blueFieldGroupHm {
    clear: both;
    position: relative;
    padding-bottom: 10px
}

    .homeLogin .blueFieldGroupHm label {
        width: 48px;
        height: 56px;
        color: #004488;
        position: absolute;
        left: 0;
        top: 0;
        border-right: 1px solid rgba(0,68,136,0.15);
        display: block
    }

        .homeLogin .blueFieldGroupHm label i {
            opacity: 0.3;
            width: 24px;
            height: 24px;
            display: block;
            margin: 16px 0 0 12px;
            text-indent: -9999px;
            -webkit-transition: opacity 0.2s ease-in-out;
            -moz-transition: opacity 0.2s ease-in-out;
            transition: opacity 0.2s ease-in-out
        }

    .homeLogin .blueFieldGroupHm .labelCustomerNumber i {
        background: url("images/i-customer-number.png") no-repeat center bottom;
        -webkit-background-size: 24px 24px;
        -moz-background-size: 24px 24px;
        -o-background-size: 24px 24px;
        background-size: 24px 24px
    }

    .homeLogin .blueFieldGroupHm .labelUsername i {
        background: url("images/i-username.png") no-repeat center bottom;
        -webkit-background-size: 24px 24px;
        -moz-background-size: 24px 24px;
        -o-background-size: 24px 24px;
        background-size: 24px 24px
    }

    .homeLogin .blueFieldGroupHm .labelPassword i {
        background: url("images/i-password.png") no-repeat center bottom;
        -webkit-background-size: 24px 24px;
        -moz-background-size: 24px 24px;
        -o-background-size: 24px 24px;
        background-size: 24px 24px
    }

.homeLogin .inputText {
    border: 0;
    border-radius: 5px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 16px 15px 16px 63px;
    color: #004488;
    outline: 0;
    -webkit-transition: background 0.2s ease-in-out;
    -moz-transition: background 0.2s ease-in-out;
    transition: background 0.2s ease-in-out
}

    .homeLogin .inputText:focus {
        background: rgba(255,255,255,0.85)
    }

.homeLogin .blueFieldCheckbox {
    padding-bottom: 20px
}

.homeLogin .checkbox {
    font-size: 14px;
    cursor: pointer
}

    .homeLogin .checkbox .icheckbox {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 3px;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding-box;
        background-clip: padding-box;
        width: 19px;
        height: 19px;
        float: left;
        border: 1px solid rgba(255,255,255,0.3);
        background: transparent;
        margin: -1px 6px 0 0
    }

        .homeLogin .checkbox .icheckbox.checked {
            background: url("images/i-tick.png") no-repeat center center;
            -webkit-background-size: 23px 23px;
            -moz-background-size: 23px 23px;
            -o-background-size: 23px 23px;
            background-size: 23px 23px
        }

@media screen and (min-width: 721px) {
    .homeLogin .fieldSubmit {
        overflow: hidden
    }

        .homeLogin .fieldSubmit .blueFieldCheckbox {
            float: left;
            padding: 23px 20px 0 0
        }

        .homeLogin .fieldSubmit .submit {
            float: right
        }
}

@media screen and (min-width: 1024px) {
    .homeLogin {
        position: relative;
    }

        .homeLogin .loggedIn, .homeLogin .form {
            width: 100%;
            padding: 20px 30px 0;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

        .homeLogin .form {
            padding: 20px 30px 20px
        }

        .homeLogin h3 {
            font-size: 30px
        }

        .homeLogin .how {
            -webkit-transition: color 0.2s ease-in-out;
            -moz-transition: color 0.2s ease-in-out;
            transition: color 0.2s ease-in-out;
            margin-top: 5px
        }

            .homeLogin .how:hover, .homeLogin .how:focus {
                color: rgba(255,255,255,0.5)
            }

        .homeLogin .terms a {
            -webkit-transition: color 0.2s ease-in-out;
            -moz-transition: color 0.2s ease-in-out;
            transition: color 0.2s ease-in-out
        }

            .homeLogin .terms a:hover, .homeLogin .terms a:focus {
                color: rgba(255,255,255,0.5)
            }

        .homeLogin .checkbox {
            font-size: 16px;
            -webkit-transition: color 0.2s ease-in-out;
            -moz-transition: color 0.2s ease-in-out;
            transition: color 0.2s ease-in-out
        }

            .homeLogin .checkbox:hover, .homeLogin .checkbox:focus {
                color: rgba(255,255,255,0.5)
            }

            .homeLogin .checkbox .icheckbox {
                width: 23px;
                height: 23px;
                margin: -1px 6px 0 0
            }
}

.homeAd {
    padding: 0 15px 30px
}

    .homeAd img {
        width: 100%;
        height: auto;
        display: block;
        border-radius: 6px;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding-box;
        background-clip: padding-box
    }

@media screen and (min-width: 721px) {
    .homeAd {
        padding: 15px 15px 30px;
    }
}

@media screen and (min-width: 1024px) {
    .homeAd {
        padding: 70px 30px 30px;
    }
}

.contactRow .rowBounds {
    padding: 30px 15px 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.contactRow .details {
    padding-bottom: 20px
}

@media screen and (max-width: 720px) {
    .contactRow .footBtns {
        overflow: hidden;
        padding: 10px 0
    }

        .contactRow .footBtns .btn {
            float: left;
            width: 49%;
            margin-bottom: 10px
        }

            .contactRow .footBtns .btn:first-child {
                margin-right: 2%
            }

        .contactRow .footBtns .btnOrange {
            width: 100%
        }
}

@media screen and (min-width: 721px) {
    .contactRow .rowBounds {
        min-height: 400px
    }

        .contactRow .rowBounds:before, .contactRow .rowBounds:after {
            content: "";
            display: table
        }

        .contactRow .rowBounds:after {
            clear: both
        }

    .contactRow .contact {
        width: 50%;
        padding-left: 30px;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .contactRow .details {
        width: 50%;
        padding-right: 30px;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .contactRow .footBtns {
        overflow: hidden;
        padding-top: 15px
    }

        .contactRow .footBtns .btn {
            float: left;
            margin-right: 10px
        }

        .contactRow .footBtns .btnOrange {
            float: right;
            margin: 0
        }
}

@media screen and (min-width: 1024px) {
    .contactRow .rowBounds {
        padding: 40px 30px 70px
    }
}

.aboutHeadRow {
    background: #004488;
    color: #fff
}

    .aboutHeadRow .rowBounds {
        padding: 40px 15px 15px
    }

@media screen and (min-width: 1024px) {
    .aboutHeadRow {
        text-align: center;
    }

        .aboutHeadRow .rowBounds {
            padding: 70px 30px 45px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

        .aboutHeadRow h2 {
            max-width: 95%;
            margin: 0 auto
        }

        .aboutHeadRow .heroText {
            max-width: 90%;
            margin: 0 auto
        }
}

.aboutHeadBtnsRow {
    background: #0d5092
}

    .aboutHeadBtnsRow .rowBounds {
        padding: 30px 15px 20px
    }

    .aboutHeadBtnsRow .btnGrp .btn {
        margin-bottom: 10px
    }

@media screen and (min-width: 721px) {
    .aboutHeadBtnsRow .btnGrp .btn:first-child {
        margin-right: 7px
    }
}

@media screen and (min-width: 1024px) {
    .aboutHeadBtnsRow {
        text-align: center;
    }

        .aboutHeadBtnsRow .rowBounds {
            padding: 40px 30px 30px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }
}

.aboutServicesRow {
    background: #f9fafc
}

    .aboutServicesRow .rowBounds {
        padding: 40px 15px 15px
    }

    .aboutServicesRow small {
        display: block;
        padding-bottom: 15px;
        font-size: 11px;
        color: #4c7cab
    }

        .aboutServicesRow small a {
            color: #4c7cab;
            text-decoration: underline
        }

    .aboutServicesRow .image {
        border-radius: 6px;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding-box;
        background-clip: padding-box;
        width: 100%;
        padding-top: 50%;
        margin-bottom: 10px;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-position: center center
    }

    .aboutServicesRow hr {
        margin: 20px 0
    }

    .aboutServicesRow .service {
        padding: 20px 0 0;
        position: relative
    }

    .aboutServicesRow .serviceCenter {
        padding-top: 0
    }

@media screen and (min-width: 721px) {
    .aboutServicesRow .rowBounds {
        padding: 40px 15px 50px
    }

    .aboutServicesRow .image {
        width: 48%;
        height: 100%;
        padding: 0;
        position: absolute;
        left: 0;
        top: 0
    }

    .aboutServicesRow hr {
        margin: 30px 0
    }

    .aboutServicesRow .desc {
        padding-bottom: 15px
    }

    .aboutServicesRow .serviceLeft .desc {
        padding-left: 52%
    }

    .aboutServicesRow .serviceRight .desc {
        padding-right: 52%
    }

    .aboutServicesRow .serviceRight .image {
        left: auto;
        right: 0
    }

    .aboutServicesRow .serviceCenter {
        padding-top: 20px;
        overflow: hidden
    }

        .aboutServicesRow .serviceCenter .desc {
            float: left;
            width: 48%
        }

        .aboutServicesRow .serviceCenter .descRight {
            float: none;
            float: right;
            width: 48%;
            padding: 16px 0 0
        }
}

@media screen and (min-width: 1024px) {
    .aboutServicesRow {
        text-align: center;
    }

        .aboutServicesRow .rowBounds {
            padding: 70px 30px 80px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

        .aboutServicesRow .heroText {
            max-width: 65%;
            margin: 0 auto
        }

        .aboutServicesRow small {
            font-size: 12px
        }

        .aboutServicesRow hr {
            margin: 40px 0
        }

        .aboutServicesRow .service {
            text-align: left
        }

            .aboutServicesRow .service .image, .aboutServicesRow .service .desc, .aboutServicesRow .service .descRight {
                opacity: 0;
                -webkit-transition: all 0.7s ease-in-out;
                -moz-transition: all 0.7s ease-in-out;
                transition: all 0.7s ease-in-out
            }

            .aboutServicesRow .service.inview .image, .aboutServicesRow .service.inview .desc, .aboutServicesRow .service.inview .descRight {
                opacity: 1
            }

        .aboutServicesRow .serviceRight .image {
            right: -800px
        }

        .aboutServicesRow .serviceRight .desc {
            position: relative;
            right: -400px
        }

        .aboutServicesRow .serviceRight.inview .image, .aboutServicesRow .serviceRight.inview .desc {
            right: 0
        }

        .aboutServicesRow .serviceLeft .image {
            left: -800px
        }

        .aboutServicesRow .serviceLeft .desc {
            position: relative;
            left: -400px
        }

        .aboutServicesRow .serviceLeft.inview .image, .aboutServicesRow .serviceLeft.inview .desc {
            left: 0
        }
}

.aboutStoryRow {
    background: #004488;
    color: #fff
}

    .aboutStoryRow .rowBounds {
        padding: 40px 15px 25px
    }

@media screen and (min-width: 1024px) {
    .aboutStoryRow {
        text-align: center;
    }

        .aboutStoryRow .rowBounds {
            padding: 70px 30px 60px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

        .aboutStoryRow .heroText {
            max-width: 85%;
            margin: 0 auto
        }

        .aboutStoryRow .block {
            display: block;
            max-width: 60%;
            margin: 0 auto;
            text-align: left;
            border-left: 1px solid #fff;
            padding-left: 30px
        }

            .aboutStoryRow .block .wwCta {
                padding: 0
            }
}

.aboutCustomerRow {
    background: #0d5092;
    color: #fff
}

    .aboutCustomerRow .rowBounds {
        padding: 40px 15px 15px
    }

@media screen and (min-width: 1024px) {
    .aboutCustomerRow {
        text-align: center;
    }

        .aboutCustomerRow .rowBounds {
            padding: 70px 30px 50px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

        .aboutCustomerRow .heroText {
            max-width: 85%;
            margin: 0 auto
        }
}

.aboutTeamRow {
    background: #f9fafc;
    border-bottom: 1px solid #d9e3ed
}

    .aboutTeamRow .rowBounds {
        padding: 40px 15px 30px
    }

    .aboutTeamRow .btnGrp {
        padding: 20px 0
    }

        .aboutTeamRow .btnGrp .btn {
            margin-bottom: 10px
        }

@media screen and (min-width: 721px) {
    .aboutTeamRow .btnGrp .btn:first-child {
        margin-right: 7px
    }
}

@media screen and (min-width: 1024px) {
    .aboutTeamRow {
        text-align: center;
    }

        .aboutTeamRow .rowBounds {
            padding: 70px 30px 50px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

        .aboutTeamRow .heroText {
            max-width: 60%;
            margin: 0 auto
        }

        .aboutTeamRow p {
            max-width: 70%;
            margin: 0 auto
        }
}

.aboutSubscribeRow .rowBounds {
    padding: 0 15px 30px
}

.aboutSubscribeRow .wwSubscribe {
    border: 0;
    overflow: hidden
}

@media screen and (min-width: 1024px) {
    .aboutSubscribeRow .rowBounds {
        max-width: 798px;
        padding: 30px 30px 50px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
}

.sfResultsRow .rowBounds {
    padding: 0 0 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (min-width: 721px) {
    .sfResultsRow .rowBounds {
        padding: 0 15px 50px
    }

        .sfResultsRow .rowBounds:before, .sfResultsRow .rowBounds:after {
            content: "";
            display: table
        }

        .sfResultsRow .rowBounds:after {
            clear: both
        }
}

@media screen and (max-width: 1049px) {
    .sfResultsRow .rowBounds {
        padding: 0 0 50px
    }
}

@media screen and (min-width: 1024px) {
    .sfResultsRow.fixedMargin {
        padding-top: 138px
    }

    .sfResultsRow .rowBounds {
        padding: 0 30px 70px
    }
}

.sfHeadRow {
    background: #0d5092
}

    .sfHeadRow .rowBounds {
        padding: 0 15px
    }

    .sfHeadRow .filters {
        padding: 30px 0 20px;
        color: #fff
    }

        .sfHeadRow .filters:before, .sfHeadRow .filters:after {
            content: "";
            display: table
        }

        .sfHeadRow .filters:after {
            clear: both
        }

        .sfHeadRow .filters > div {
            float: left
        }

    .sfHeadRow .tableHead {
        color: #fff
    }

        .sfHeadRow .tableHead:before, .sfHeadRow .tableHead:after {
            content: "";
            display: table
        }

        .sfHeadRow .tableHead:after {
            clear: both
        }

        .sfHeadRow .tableHead > div a {
            color: #fff;
            -webkit-transition: color 0.2s ease-in-out;
            -moz-transition: color 0.2s ease-in-out;
            transition: color 0.2s ease-in-out
        }

        .sfHeadRow .tableHead > div .btn {
            font-size: 14px;
            padding: 10px 15px 8px;
            white-space: nowrap;
            -webkit-transition: background 0.2s ease-in-out;
            -moz-transition: background 0.2s ease-in-out;
            transition: background 0.2s ease-in-out
        }

            .sfHeadRow .tableHead > div .btn span {
                font-size: 11px;
                font-family: 'MyriadProRegular',Helvetica,sans-serif;
                display: inline-block;
                margin: -5px 0 0 5px;
                background: rgba(255,255,255,0.15);
                border-radius: 11px;
                padding: 5px 9px 2px
            }

@media screen and (max-width: 1023px) {
    .sfHeadRow .filters .searchBlue {
        font-size: 14px;
        position: relative;
        clear: left;
        width: 100%
    }

        .sfHeadRow .filters .searchBlue label {
            padding-bottom: 5px;
            display: block
        }

        .sfHeadRow .filters .searchBlue .searchQuery {
            border: 1px solid rgba(255,255,255,0.3);
            background: #0d5092;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            width: 100%;
            padding: 6px 45px 6px 10px;
            color: #fff;
            border-radius: 5px;
            -webkit-background-clip: padding-box;
            -moz-background-clip: padding-box;
            background-clip: padding-box;
            -webkit-transition: border-color 0.2s ease-in-out;
            -moz-transition: border-color 0.2s ease-in-out;
            transition: border-color 0.2s ease-in-out
        }

            .sfHeadRow .filters .searchBlue .searchQuery:focus {
                border-color: #fff;
                outline: 0
            }

        .sfHeadRow .filters .searchBlue .submit {
            position: absolute;
            right: 5px;
            bottom: 0;
            text-indent: -9999px;
            border: 0;
            width: 36px;
            height: 36px;
            background: url("images/i-search.png") no-repeat center center;
            -webkit-background-size: 16px 16px;
            -moz-background-size: 16px 16px;
            -o-background-size: 16px 16px;
            background-size: 16px 16px
        }

    .sfHeadRow .tableHead {
        padding-bottom: 30px
    }

        .sfHeadRow .tableHead > div.th {
            display: none
        }

        .sfHeadRow .tableHead .btn {
            float: right;
            width: auto;
            margin-left: 5px
        }

        .sfHeadRow .tableHead .blueFieldSelectLabel {
            font-size: 14px;
            float: left;
            padding-right: 5px;
            margin-top: 9px
        }

        .sfHeadRow .tableHead .blueFieldSelect {
            float: left;
            margin-top: 9px
        }
}

@media screen and (max-width: 720px) {
    .sfHeadRow .tableHead .btns {
        float: left;
        clear: left;
        padding-top: 20px
    }

        .sfHeadRow .tableHead .btns small {
            display: block;
            padding-bottom: 5px;
            font-size: 11px
        }

    .sfHeadRow .tableHead .btn {
        float: left;
        width: auto;
        margin: 0 5px 0 0
    }
}

@media screen and (min-width: 721px) and (max-width: 1023px) {
    .sfHeadRow .tableHead .btns small {
        float: right;
        width: 150px;
        padding: 3px 0 0 10px;
        font-size: 11px
    }
}

@media screen and (min-width: 1024px) {
    .sfHeadRow {
        background: #fff;
    }

        .sfHeadRow.fixed {
            background: #fff;
            position: fixed;
            width: 100%;
            left: 0;
            top: 0;
            z-index: 10
        }

        .sfHeadRow .rowBounds {
            padding: 0 30px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

        .sfHeadRow .filters {
            color: #004488;
            padding: 30px 0
        }

            .sfHeadRow .filters .searchBlue {
                font-size: 14px;
                position: relative;
                clear: left
            }

                .sfHeadRow .filters .searchBlue label {
                    padding-bottom: 5px;
                    display: block;
                    float: left;
                    padding: 7px 20px 0 0
                }

                .sfHeadRow .filters .searchBlue .searchQuery {
                    float: left;
                    border: 1px solid #d9e3ed;
                    background: #fff;
                    -webkit-box-sizing: border-box;
                    -moz-box-sizing: border-box;
                    box-sizing: border-box;
                    width: 371px;
                    padding: 6px 45px 6px 10px;
                    color: #004488;
                    border-radius: 5px;
                    -webkit-background-clip: padding-box;
                    -moz-background-clip: padding-box;
                    background-clip: padding-box;
                    -webkit-transition: border-color 0.2s ease-in-out;
                    -moz-transition: border-color 0.2s ease-in-out;
                    transition: border-color 0.2s ease-in-out
                }

                    .sfHeadRow .filters .searchBlue .searchQuery:focus {
                        border-color: #5692c8;
                        outline: 0
                    }

                .sfHeadRow .filters .searchBlue .submit {
                    position: absolute;
                    right: 5px;
                    bottom: 0;
                    text-indent: -9999px;
                    border: 0;
                    width: 36px;
                    height: 36px;
                    background: url("images/i-search-blue.png") no-repeat center center;
                    -webkit-background-size: 16px 16px;
                    -moz-background-size: 16px 16px;
                    -o-background-size: 16px 16px;
                    background-size: 16px 16px
                }

        .sfHeadRow .tableHead {
            background: #fff
        }

            .sfHeadRow .tableHead .blueFieldSelectLabel, .sfHeadRow .tableHead .blueFieldSelect {
                display: none
            }

            .sfHeadRow .tableHead > div {
                position: relative;
                float: left;
                padding: 16px 15px 15px;
                font-size: 14px;
                height: 50px;
                background: #004488;
                margin: 0;
                border-left: 1px solid #2b649b;
                white-space: nowrap;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box
            }

                .sfHeadRow .tableHead > div:last-child {
                    border-radius: 0 3px 0 0
                }

                .sfHeadRow .tableHead > div:nth-child(3) {
                    border-radius: 3px 0 0 0;
                    border: 0;
                    width: 9%
                }

                .sfHeadRow .tableHead > div:nth-child(4) {
                    width: 12%
                }

                .sfHeadRow .tableHead > div:nth-child(5) {
                    width: 17%
                }

                .sfHeadRow .tableHead > div:nth-child(6) {
                    width: 17%
                }

                .sfHeadRow .tableHead > div:nth-child(7) {
                    width: 10%
                }

                .sfHeadRow .tableHead > div:nth-child(8) {
                    width: 6%
                }

                .sfHeadRow .tableHead > div:nth-child(9) {
                    width: 10%
                }

                .sfHeadRow .tableHead > div:nth-child(10) {
                    width: 13%
                }

                .sfHeadRow .tableHead > div:nth-child(11) {
                    width: 6%
                }

                .sfHeadRow .tableHead > div:nth-last-child(-n+10):first-child ~ div:nth-child(6) {
                    width: 10%
                }

                .sfHeadRow .tableHead > div:nth-last-child(-n+10):first-child ~ div:nth-child(7) {
                    width: 6%
                }

                .sfHeadRow .tableHead > div:nth-last-child(-n+10):first-child ~ div:nth-child(8) {
                    width: 10%
                }

                .sfHeadRow .tableHead > div:nth-last-child(-n+10):first-child ~ div:nth-child(9) {
                    width: 13%
                }

                .sfHeadRow .tableHead > div:nth-last-child(-n+10):first-child ~ div:nth-child(10) {
                    width: 23%
                }

                .sfHeadRow .tableHead > div .btns {
                    position: absolute;
                    right: 0px;
                    left: auto;
                    top: -66px;
                    width: 345px
                }

                    .sfHeadRow .tableHead > div .btns small {
                        color: rgba(0,68,136,0.7);
                        float: left;
                        width: 150px;
                        padding: 3px 20px 0 0;
                        white-space: normal
                    }

                    .sfHeadRow .tableHead > div .btns .btn:last-child {
                        margin: 0
                    }

                .sfHeadRow .tableHead > div a:hover {
                    color: rgba(255,255,255,0.5)
                }

                .sfHeadRow .tableHead > div .btn {
                    float: left;
                    margin-right: 10px
                }

                    .sfHeadRow .tableHead > div .btn:hover {
                        color: #fff
                    }
}

.sfResultsRow .sfTableBtn {
    text-align: center;
    padding: 20px 15px 0
}

.sfResultsRow .sfTable > div:nth-child(4n+3), .sfResultsRow .sfTable > div:nth-child(4n+4) {
    background: #f9fafc
}

.sfResultsRow .sfTable > div:nth-child(2n) {
    display: none
}

    .sfResultsRow .sfTable > div:nth-child(2n) td {
        padding: 0
    }

.sfResultsRow p {
    font-family: 'MyriadProRegular',Helvetica,sans-serif
}

    .sfResultsRow p strong {
        font-family: 'MyriadProBold',Helvetica,sans-serif;
        font-weight: normal
    }

.sfResultsRow small {
    font-family: 'MyriadProRegular',Helvetica,sans-serif;
    display: block
}

.sfResultsRow .cat {
    color: #f48200
}

.sfResultsRow .iconST {
    background: #f48200;
    color: #fff;
    display: inline-block;
    width: 17px;
    height: 17px;
    margin-left: 5px;
    border-radius: 50%;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    text-align: center;
    line-height: 1.1;
    position: relative;
    top: -2px
}

    .sfResultsRow .iconST:before {
        content: "ST";
        font-family: 'MyriadProBold',Helvetica,sans-serif;
        font-style: normal;
        font-size: 10px
    }

.sfResultsRow .airlineCode {
    position: absolute;
    top: 50%;
    margin-top: -19px;
    left: 10px;
    width: 30px;
    display: block;
    text-align: center;
    font-family: 'MyriadProBold',Helvetica,sans-serif
}

    .sfResultsRow .airlineCode + .toggleRow {
        margin-top: 26px
    }

@media screen and (max-width: 1023px) {
    .sfResultsRow .airlineCode {
        margin-top: 0;
        top: 19px;
    }
}

.sfResultsRow .airline {
    border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    width: 46px;
    height: 46px;
    float: left;
    margin-right: 10px
}

.sfResultsRow .ref {
    line-height: 1;
    padding-top: 10px
}

.sfResultsRow .date {
    white-space: nowrap;
    padding: 3px 30px 0 0
}

    .sfResultsRow .date strong {
        display: block
    }

.sfResultsRow .expanded {
    display: none;
    padding: 20px 30px 5px 15px;
    max-height: 400px;
    overflow-y: scroll;
    border-left: 1px solid #d9e3ed;
    border-right: 1px solid #d9e3ed;
    border-bottom: 1px solid #d9e3ed
}

    .sfResultsRow .expanded h4 {
        font-family: 'MyriadProBold',Helvetica,sans-serif;
        font-size: 16px;
        margin-bottom: 3px
    }

    .sfResultsRow .expanded p, .sfResultsRow .expanded .btn {
        margin-bottom: 15px
    }

.sfResultsRow .tableRow {
    position: relative
}

.sfResultsRow .tag {
    width: 60px;
    height: 60px;
    position: absolute;
    right: 0;
    top: 0;
    overflow: hidden;
    padding: 0
}

    .sfResultsRow .tag:after {
        content: "Special";
        background: #f48200;
        color: #fff;
        font: 9px 'MyriadProBold',Helvetica,sans-serif;
        letter-spacing: 1px;
        position: absolute;
        left: -47px;
        top: 11px;
        line-height: 1;
        width: 171px;
        padding: 8px 0 6px;
        text-align: center;
        text-transform: uppercase;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .sfResultsRow .tag.new:after {
        content: "New"
    }

@media screen and (max-width: 1023px) {
    .sfResultsRow .tableRow {
        display: table;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border-bottom: 1px solid #d9e3ed;
        padding-bottom: 10px
    }

        .sfResultsRow .tableRow > div {
            display: block;
            padding: 0 15px 5px;
            font-size: 12px;
            font-family: 'MyriadProBold',Helvetica,sans-serif;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

            .sfResultsRow .tableRow > div:nth-child(1) {
                font-size: 14px;
                padding: 12px 15px;
                width: 100%
            }

        .sfResultsRow .tableRow small {
            display: inline
        }

        .sfResultsRow .tableRow .cat {
            display: block
        }

        .sfResultsRow .tableRow .sum {
            padding-right: 8px;
            margin-right: 5px;
            border-right: 1px solid #d9e3ed
        }

        .sfResultsRow .tableRow .fieldCheckbox {
            float: left;
            margin-top: -2px
        }

        .sfResultsRow .tableRow .label {
            font-family: 'MyriadProRegular',Helvetica,sans-serif;
            float: left;
            padding-right: 5px
        }
}

@media screen and (min-width: 721px) and (max-width: 1023px) {
    .sfResultsRow .tableRow > div {
        float: left;
        width: 50%
    }

        .sfResultsRow .tableRow > div:nth-child(7) {
            position: relative
        }

            .sfResultsRow .tableRow > div:nth-child(7) .cat {
                position: absolute;
                top: 20px;
                left: 15px
            }
}

@media screen and (min-width: 1024px) {
    .sfResultsRow .tableRow {
        display: table;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border-right: 1px solid #d9e3ed
    }

        .sfResultsRow .tableRow .date {
            padding-top: 5px
        }

        .sfResultsRow .tableRow .sum {
            float: left;
            padding-right: 10px;
            margin-right: 10px;
            border-right: 1px solid #d9e3ed
        }

        .sfResultsRow .tableRow .total {
            float: left;
            padding-top: 6px
        }

        .sfResultsRow .tableRow .fieldCheckbox {
            margin: 0 auto;
            float: none;
            display: block
        }

        .sfResultsRow .tableRow > div {
            position: relative;
            display: table-cell;
            padding: 12px 15px;
            font-size: 14px;
            border-left: 1px solid #d9e3ed;
            border-bottom: 1px solid #d9e3ed;
            font-family: 'MyriadProBold',Helvetica,sans-serif;
            vertical-align: middle;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

            .sfResultsRow .tableRow > div:nth-child(1) {
                width: 21%
            }

            .sfResultsRow .tableRow > div:nth-child(2) {
                width: 17%
            }

            .sfResultsRow .tableRow > div:nth-child(3) {
                width: 17%
            }

            .sfResultsRow .tableRow > div:nth-child(4) {
                width: 10%
            }

            .sfResultsRow .tableRow > div:nth-child(5) {
                width: 6%
            }

            .sfResultsRow .tableRow > div:nth-child(6) {
                width: 10%
            }

            .sfResultsRow .tableRow > div:nth-child(7) {
                width: 13%
            }

            .sfResultsRow .tableRow > div:nth-child(8) {
                width: 6%
            }

            .sfResultsRow .tableRow > div:nth-last-child(-n+7):first-child ~ div:nth-child(3) {
                width: 10%
            }

            .sfResultsRow .tableRow > div:nth-last-child(-n+7):first-child ~ div:nth-child(4) {
                width: 6%
            }

            .sfResultsRow .tableRow > div:nth-last-child(-n+7):first-child ~ div:nth-child(5) {
                width: 10%
            }

            .sfResultsRow .tableRow > div:nth-last-child(-n+7):first-child ~ div:nth-child(6) {
                width: 13%
            }

            .sfResultsRow .tableRow > div:nth-last-child(-n+7):first-child ~ div:nth-child(7) {
                width: 23%
            }

                .sfResultsRow .tableRow > div:nth-last-child(-n+7):first-child ~ div:nth-child(7) .tag {
                    right: 0
                }

            .sfResultsRow .tableRow > div .label {
                display: none
            }

    .sfResultsRow .sfTableBtn {
        padding: 30px 0 0
    }

    .sfResultsRow .tag {
        width: 100%;
        height: auto;
        overflow: visible
    }

        .sfResultsRow .tag:after {
            content: "Special";
            background: #f48200;
            color: #fff;
            font: 9px 'MyriadProBold',Helvetica,sans-serif;
            letter-spacing: 1px;
            position: static;
            display: block;
            line-height: 1;
            width: auto;
            padding: 5px 7px 3px 8px;
            -webkit-transform: rotate(0);
            -moz-transform: rotate(0);
            -ms-transform: rotate(0);
            transform: rotate(0)
        }

        .sfResultsRow .tag.new:after {
            content: "New"
        }
}

@media screen and (min-width: 1024px) and (max-width: 1210px) {
    .sfResultsRow .tableRow .sum {
        border-right: 0;
        border-bottom: 1px dashed #d9e3ed;
        padding: 0 0 5px;
        display: block;
        width: 100%
    }
}

.toggleRow {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    width: 20px;
    height: 20px;
    float: left;
    background: rgba(0,68,136,0.15);
    margin: 12px 10px 0 0;
    position: relative;
    text-indent: -9999px;
    -webkit-transition: background 0.2s ease-in-out;
    -moz-transition: background 0.2s ease-in-out;
    transition: background 0.2s ease-in-out
}

    .toggleRow:before, .toggleRow:after {
        content: "";
        position: absolute;
        width: 2px;
        height: 2px;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        background: #004488;
        left: 50%;
        top: 50%;
        margin: -1px 0 0 -1px
    }

    .toggleRow:before {
        width: 10px;
        margin: -1px 0 0 -5px
    }

    .toggleRow:after {
        height: 10px;
        margin: -5px 0 0 -1px
    }

    .toggleRow.active:after {
        height: 2px;
        margin: -1px 0 0 -1px
    }

@media screen and (min-width: 1024px) {
    .toggleRow:hover {
        background: rgba(0,68,136,0.3)
    }
}

.alertRow .rowBounds {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.alertRow .alert {
    background: #fef3ea;
    color: #f48200;
    padding: 15px 15px 5px;
    position: relative
}

    .alertRow .alert strong {
        font-family: 'MyriadProBold',Helvetica,sans-serif
    }

    .alertRow .alert a {
        font-family: 'MyriadProBold',Helvetica,sans-serif;
        text-decoration: underline;
        color: #f48200
    }

    .alertRow .alert h3 {
        font-family: 'MyriadProBold',Helvetica,sans-serif;
        padding-bottom: 10px;
        font-size: 14px
    }

    .alertRow .alert ul {
        padding-bottom: 5px;
        font-size: 12px
    }

    .alertRow .alert p {
        padding-bottom: 10px;
        font-size: 12px
    }

    .alertRow .alert li {
        padding: 0 0 5px 23px;
        position: relative
    }

        .alertRow .alert li:after {
            content: "";
            position: absolute;
            left: 8px;
            top: 7px;
            border-radius: 50%;
            -webkit-background-clip: padding-box;
            -moz-background-clip: padding-box;
            background-clip: padding-box;
            width: 4px;
            height: 4px;
            background: #f48200
        }

    .alertRow .alert .close {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 3px;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding-box;
        background-clip: padding-box;
        width: 20px;
        height: 20px;
        background: rgba(244,130,0,0.15);
        text-indent: -9999px;
        position: absolute;
        right: 15px;
        top: 15px
    }

        .alertRow .alert .close:before, .alertRow .alert .close:after {
            content: "";
            position: absolute;
            width: 2px;
            height: 2px;
            background: #f48200;
            left: 50%;
            top: 50%;
            margin: -1px 0 0 -1px
        }

        .alertRow .alert .close:before {
            width: 10px;
            margin: -1px 0 0 -5px;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg)
        }

        .alertRow .alert .close:after {
            height: 10px;
            margin: -5px 0 0 -1px;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg)
        }

@media screen and (min-width: 1024px) {
    .alertRow .rowBounds {
        padding: 10px 30px 0
    }

    .alertRow .alert {
        border-radius: 6px;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding-box;
        background-clip: padding-box
    }

        .alertRow .alert h3 {
            font-size: 16px
        }

        .alertRow .alert ul, .alertRow .alert p {
            font-size: 14px
        }

        .alertRow .alert .close {
            -webkit-transition: background 0.2s ease-in-out;
            -moz-transition: background 0.2s ease-in-out;
            transition: background 0.2s ease-in-out
        }

            .alertRow .alert .close:hover {
                background: rgba(244,130,0,0.3)
            }
}

.errorRow .rowBounds {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.errorRow .alert {
    background: #fdefef;
    color: #da2222;
    padding: 15px 15px 5px;
    position: relative
}

    .errorRow .alert strong {
        font-family: 'MyriadProBold',Helvetica,sans-serif
    }

    .errorRow .alert a {
        font-family: 'MyriadProBold',Helvetica,sans-serif;
        text-decoration: underline;
        color: #da2222
    }

    .errorRow .alert h3 {
        font-family: 'MyriadProBold',Helvetica,sans-serif;
        padding-bottom: 10px;
        font-size: 14px
    }

    .errorRow .alert ul {
        padding-bottom: 5px;
        font-size: 12px
    }

    .errorRow .alert p {
        padding-bottom: 10px;
        font-size: 12px
    }

    .errorRow .alert li {
        padding: 0 0 5px 23px;
        position: relative
    }

        .errorRow .alert li:after {
            content: "";
            position: absolute;
            left: 8px;
            top: 7px;
            border-radius: 50%;
            -webkit-background-clip: padding-box;
            -moz-background-clip: padding-box;
            background-clip: padding-box;
            width: 4px;
            height: 4px;
            background: #da2222
        }

    .errorRow .alert .close {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 3px;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding-box;
        background-clip: padding-box;
        width: 20px;
        height: 20px;
        background: rgba(244,130,0,0.15);
        text-indent: -9999px;
        position: absolute;
        right: 15px;
        top: 15px
    }

        .errorRow .alert .close:before, .errorRow .alert .close:after {
            content: "";
            position: absolute;
            width: 2px;
            height: 2px;
            background: #da2222;
            left: 50%;
            top: 50%;
            margin: -1px 0 0 -1px
        }

        .errorRow .alert .close:before {
            width: 10px;
            margin: -1px 0 0 -5px;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg)
        }

        .errorRow .alert .close:after {
            height: 10px;
            margin: -5px 0 0 -1px;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg)
        }

@media screen and (min-width: 1024px) {
    .errorRow .rowBounds {
        padding: 10px 30px 0
    }

    .errorRow .alert {
        border-radius: 6px;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding-box;
        background-clip: padding-box
    }

        .errorRow .alert h3 {
            font-size: 16px
        }

        .errorRow .alert ul, .errorRow .alert p {
            font-size: 14px
        }

        .errorRow .alert .close {
            -webkit-transition: background 0.2s ease-in-out;
            -moz-transition: background 0.2s ease-in-out;
            transition: background 0.2s ease-in-out
        }

            .errorRow .alert .close:hover {
                background: rgba(244,130,0,0.3)
            }
}

.advertRow .rowBounds {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.advertRow .advert img {
    width: 100%;
    height: auto;
    display: block
}

@media screen and (min-width: 1024px) {
    .advertRow .rowBounds {
        padding: 10px 30px 0
    }

    .advertRow .advert img {
        border-radius: 6px;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding-box;
        background-clip: padding-box
    }
}

.sfCompareHeadRow {
    background: #f9fafc;
    border-bottom: 1px solid #d9e3ed
}

    .sfCompareHeadRow .rowBounds {
        padding: 0 15px
    }

    .sfCompareHeadRow p, .sfCompareHeadRow small {
        display: none
    }

    .sfCompareHeadRow .compareTableHead {
        width: 100%;
        display: table;
        table-layout: fixed
    }

        .sfCompareHeadRow .compareTableHead .th {
            display: table-cell;
            border-right: 1px solid #d9e3ed;
            padding: 15px
        }

            .sfCompareHeadRow .compareTableHead .th:first-of-type {
                border-left: 1px solid #d9e3ed
            }

    .sfCompareHeadRow .airline {
        max-width: 100%;
        width: 46px;
        height: auto;
        display: block;
        border-radius: 3px;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding-box;
        background-clip: padding-box
    }

@media screen and (max-width: 1023px) {
    .sfCompareHeadRow {
        padding-top: 30px;
    }

        .sfCompareHeadRow .compareTableHead .th {
            border-top: 1px solid #d9e3ed
        }

            .sfCompareHeadRow .compareTableHead .th.active {
                background: #fff;
                position: relative
            }

                .sfCompareHeadRow .compareTableHead .th.active:after {
                    content: "";
                    position: absolute;
                    bottom: -2px;
                    left: 0;
                    width: 100%;
                    height: 3px;
                    background: #fff
                }

            .sfCompareHeadRow .compareTableHead .th:first-of-type {
                border-radius: 6px 0 0 0;
                -webkit-background-clip: padding-box;
                -moz-background-clip: padding-box;
                background-clip: padding-box
            }

            .sfCompareHeadRow .compareTableHead .th:last-of-type {
                border-radius: 0 6px 0 0;
                -webkit-background-clip: padding-box;
                -moz-background-clip: padding-box;
                background-clip: padding-box
            }
}

@media screen and (min-width: 1024px) {
    .sfCompareHeadRow.fixed {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 10
    }

    .sfCompareHeadRow .rowBounds {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 30px
    }

    .sfCompareHeadRow .airline {
        margin: 0 0 10px
    }

    .sfCompareHeadRow p {
        font-family: 'MyriadProRegular',Helvetica,sans-serif;
        display: block
    }

        .sfCompareHeadRow p strong {
            font-family: 'MyriadProBold',Helvetica,sans-serif;
            font-weight: normal
        }

    .sfCompareHeadRow small {
        font-family: 'MyriadProRegular',Helvetica,sans-serif;
        display: block
    }

    .sfCompareHeadRow .ref {
        line-height: 1;
        padding-top: 10px
    }

    .sfCompareHeadRow .date {
        white-space: nowrap;
        padding-right: 30px;
        padding-bottom: 7px
    }

    .sfCompareHeadRow .compareTableHead .th {
        padding: 30px 15px
    }
}

.mobileCompare {
    padding: 30px 15px 0
}

    .mobileCompare .th {
        display: none
    }

        .mobileCompare .th.active {
            display: block
        }

    .mobileCompare p {
        font-family: 'MyriadProRegular',Helvetica,sans-serif;
        font-size: 14px
    }

        .mobileCompare p strong {
            font-family: 'MyriadProBold',Helvetica,sans-serif;
            font-weight: normal
        }

    .mobileCompare small {
        font-family: 'MyriadProRegular',Helvetica,sans-serif;
        display: block
    }

    .mobileCompare .ref {
        line-height: 1;
        padding-top: 10px
    }

    .mobileCompare .date {
        white-space: nowrap;
        padding-right: 30px;
        padding-bottom: 7px
    }

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

.sfCompareRow .rowBounds {
    padding: 30px 15px 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.sfCompareRow td {
    vertical-align: top
}

    .sfCompareRow td span {
        font-family: 'MyriadProRegular',Helvetica,sans-serif
    }

    .sfCompareRow td h4 {
        padding-bottom: 5px;
        line-height: 1.2
    }

    .sfCompareRow td p {
        padding-bottom: 10px;
        font-size: 12px;
        font-family: 'MyriadProRegular',Helvetica,sans-serif
    }

        .sfCompareRow td p:last-child {
            padding-bottom: 0
        }

    .sfCompareRow td h5 {
        font-size: 12px;
        padding-bottom: 2px
    }

    .sfCompareRow td a {
        font-family: 'MyriadProBold',Helvetica,sans-serif;
        text-decoration: underline
    }

.sfCompareRow h2 {
    background: #004488;
    color: #fff;
    font: 18px 'MyriadProLight',Helvetica,sans-serif;
    padding: 15px;
    cursor: pointer;
    border-bottom: 1px solid #0d5092
}

    .sfCompareRow h2:first-of-type {
        border-radius: 3px 3px 0 0;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding-box;
        background-clip: padding-box
    }

    .sfCompareRow h2:last-of-type {
        border-radius: 0 0 3px 3px;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding-box;
        background-clip: padding-box
    }

        .sfCompareRow h2:last-of-type.active {
            border-radius: 0;
            -webkit-background-clip: padding-box;
            -moz-background-clip: padding-box;
            background-clip: padding-box
        }

.sfCompareRow h3 {
    background: #f9fafc;
    border-left: 1px solid #d9e3ed;
    border-right: 1px solid #d9e3ed;
    border-bottom: 1px solid #d9e3ed;
    font-size: 12px;
    padding: 8px 15px
}

.sfCompareRow .sfCompareTable {
    table-layout: fixed
}

    .sfCompareRow .sfCompareTable.showAllData thead tr th {
        background: #f0f4f8;
        color: #004488;
        border-color: #f0f4f8
    }

        .sfCompareRow .sfCompareTable.showAllData thead tr th:first-child {
            border-left: solid 1px #d9e3ed
        }

        .sfCompareRow .sfCompareTable.showAllData thead tr th:last-child {
            border-right: solid 1px #d9e3ed
        }

@media screen and (max-width: 1023px) {
    .sfCompareRow .sfCompareTable.showAllData thead tr th {
        display: block;
        padding-top: 0;
        padding-bottom: 0;
        border-left: solid 1px #d9e3ed;
        border-right: solid 1px #d9e3ed;
    }

        .sfCompareRow .sfCompareTable.showAllData thead tr th:first-child {
            padding-top: 15px
        }

        .sfCompareRow .sfCompareTable.showAllData thead tr th:last-child {
            padding-bottom: 12px
        }
}

.sfCompareRow .sfCompareTable.showAllData tbody tr.highlighted td {
    background-color: #ffe2c1;
    border-top: solid 1px #d9e3ed
}

@media screen and (max-width: 1023px) {
    .sfCompareRow .sfCompareTable.showAllData tbody tr {
        display: block;
    }

        .sfCompareRow .sfCompareTable.showAllData tbody tr td {
            padding-top: 0;
            padding-bottom: 0;
            border-bottom: none;
            border-top: none !important
        }

            .sfCompareRow .sfCompareTable.showAllData tbody tr td:first-child {
                padding-top: 15px;
                border-top: solid 1px #d9e3ed
            }

            .sfCompareRow .sfCompareTable.showAllData tbody tr td:last-child {
                padding-bottom: 15px
            }

            .sfCompareRow .sfCompareTable.showAllData tbody tr td + td {
                font-family: 'MyriadProRegular',Helvetica,sans-serif
            }
}

.sfCompareRow .sfCompareActions {
    padding: 0 15px;
    background: #f9fafc;
    border: solid 1px #d9e3ed;
    margin-top: -1px;
    font-size: 14px
}

    .sfCompareRow .sfCompareActions p {
        margin: 15px 0
    }

    .sfCompareRow .sfCompareActions ul {
        margin: 15px 0
    }

        .sfCompareRow .sfCompareActions ul:after {
            display: block;
            content: '';
            clear: both
        }

        .sfCompareRow .sfCompareActions ul li {
            float: left;
            margin-left: 10px
        }

            .sfCompareRow .sfCompareActions ul li:first-child {
                margin-left: 0
            }

@media screen and (min-width: 1024px) {
    .sfCompareRow .sfCompareActions:after {
        content: '';
        display: block;
        clear: both
    }

    .sfCompareRow .sfCompareActions p {
        float: left
    }

    .sfCompareRow .sfCompareActions ul {
        float: right
    }
}

.sfCompareRow .toggle {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    width: 20px;
    height: 20px;
    float: left;
    background: rgba(255,255,255,0.15);
    margin: 0 15px 0 0;
    position: relative;
    text-indent: -9999px;
    -webkit-transition: background 0.2s ease-in-out;
    -moz-transition: background 0.2s ease-in-out;
    transition: background 0.2s ease-in-out
}

    .sfCompareRow .toggle:before, .sfCompareRow .toggle:after {
        content: "";
        position: absolute;
        width: 2px;
        height: 2px;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        background: #fff;
        left: 50%;
        top: 50%;
        margin: -1px 0 0 -1px
    }

    .sfCompareRow .toggle:before {
        width: 10px;
        margin: -1px 0 0 -5px
    }

    .sfCompareRow .toggle:after {
        height: 10px;
        margin: -5px 0 0 -1px
    }

.sfCompareRow .active .toggle:after {
    height: 2px;
    margin: -1px 0 0 -1px
}

.sfCompareRow .expand {
    display: none
}

@media screen and (max-width: 1023px) {
    .sfCompareRow .sfCompareTable td {
        display: none
    }

        .sfCompareRow .sfCompareTable td.active {
            display: block
        }

    .sfCompareRow .sfCompareTable.showAllData td {
        display: block
    }
}

@media screen and (min-width: 721px) {
    .sfCompareRow .rowBounds {
        padding: 30px 15px 50px
    }

        .sfCompareRow .rowBounds:before, .sfCompareRow .rowBounds:after {
            content: "";
            display: table
        }

        .sfCompareRow .rowBounds:after {
            clear: both
        }
}

@media screen and (min-width: 1024px) {
    .sfCompareRow.fixedMargin {
        padding-top: 197px
    }

    .sfCompareRow .rowBounds {
        padding: 40px 30px 70px
    }

    .sfCompareRow h2 {
        font-size: 24px
    }

    .sfCompareRow td {
        font-size: 16px
    }

        .sfCompareRow td p {
            font-size: 14px
        }

        .sfCompareRow td h5 {
            font-size: 14px
        }

        .sfCompareRow td a {
            -webkit-transition: color 0.2s ease-in-out;
            -moz-transition: color 0.2s ease-in-out;
            transition: color 0.2s ease-in-out
        }

            .sfCompareRow td a:hover {
                color: #f48200
            }

    .sfCompareRow h3 {
        font-size: 14px
    }

    .sfCompareRow .toggle {
        margin-top: 4px
    }

        .sfCompareRow .toggle:hover {
            background: rgba(255,255,255,0.3)
        }
}

.sfDetailHeadRow {
    position: relative;
    background: #f9fafc;
    border-bottom: 1px solid #d9e3ed
}

    .sfDetailHeadRow .rowBounds {
        position: static;
        padding: 30px 15px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .sfDetailHeadRow .tag {
        width: 110px;
        height: 110px;
        position: absolute;
        right: 0;
        top: 0;
        overflow: hidden
    }

        .sfDetailHeadRow .tag:after {
            content: "Special";
            background: #f48200;
            color: #fff;
            font: 18px 'MyriadProBold',Helvetica,sans-serif;
            letter-spacing: 1px;
            position: absolute;
            left: -16px;
            top: 23px;
            line-height: 1;
            width: 171px;
            padding: 11px 0 9px;
            text-align: center;
            text-transform: uppercase;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg)
        }

        .sfDetailHeadRow .tag.new:after {
            content: "New"
        }

    .sfDetailHeadRow .airline {
        width: 190px;
        height: auto;
        border-radius: 6px;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding-box;
        background-clip: padding-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .sfDetailHeadRow .right {
        padding-top: 15px;
        font-size: 14px
    }

        .sfDetailHeadRow .right h2 {
            font: 16px 'MyriadProBold',Helvetica,sans-serif;
            padding-bottom: 20px
        }

        .sfDetailHeadRow .right dt strong {
            font-family: 'MyriadProBold',Helvetica,sans-serif
        }

        .sfDetailHeadRow .right dd {
            font-family: 'MyriadProBold',Helvetica,sans-serif;
            padding-bottom: 10px
        }

            .sfDetailHeadRow .right dd span {
                font-family: 'MyriadProRegular',Helvetica,sans-serif
            }

@media screen and (min-width: 721px) {
    .sfDetailHeadRow .rowBounds {
        overflow: hidden
    }

    .sfDetailHeadRow .airline {
        float: left
    }

    .sfDetailHeadRow .right {
        float: left;
        padding: 0 0 0 15px
    }

        .sfDetailHeadRow .right .details {
            padding-bottom: 20px;
            overflow: hidden
        }

        .sfDetailHeadRow .right dt, .sfDetailHeadRow .right dd {
            float: left;
            padding: 0
        }

        .sfDetailHeadRow .right dt {
            min-width: 220px;
            display: block;
            clear: both
        }

        .sfDetailHeadRow .right p {
            clear: both
        }
}

@media screen and (min-width: 1024px) {
    .sfDetailHeadRow .rowBounds {
        padding: 40px 30px
    }

    .sfDetailHeadRow .right {
        font-size: 16px;
        padding: 4px 0 0 30px
    }

        .sfDetailHeadRow .right .ref {
            font-size: 16px
        }

        .sfDetailHeadRow .right h2 {
            font-size: 20px
        }

        .sfDetailHeadRow .right dl {
        }

            .sfDetailHeadRow .right dl.leftDl {
                padding-right: 80px
            }

                .sfDetailHeadRow .right dl.leftDl dt {
                    min-width: 270px
                }

            .sfDetailHeadRow .right dl.rightDl dt {
                min-width: 100px
            }
}

.sfDetailRow .rowBounds {
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.sfDetailRow .detailItem {
    padding: 30px 0 10px;
    border-bottom: 1px solid #d9e3ed
}

.sfDetailRow h3 {
    line-height: 1.2;
    position: relative;
    padding: 0 0 20px 30px
}

    .sfDetailRow h3:before {
        content: "";
        position: absolute;
        left: 0;
        top: -1px;
        width: 20px;
        height: 20px;
        background: url("images/i-plane.png") no-repeat center center;
        -webkit-background-size: 20px 20px;
        -moz-background-size: 20px 20px;
        -o-background-size: 20px 20px;
        background-size: 20px 20px
    }

    .sfDetailRow h3 .grp {
        display: block
    }

    .sfDetailRow h3 strong {
        font-family: 'MyriadProBold',Helvetica,sans-serif
    }

        .sfDetailRow h3 strong span {
            color: #f48200
        }

.sfDetailRow table {
    font-size: 14px
}

    .sfDetailRow table thead {
        display: none
    }

    .sfDetailRow table tr {
        padding-bottom: 20px;
        display: block
    }

    .sfDetailRow table td {
        display: block
    }

        .sfDetailRow table td span {
            font-family: 'MyriadProBold',Helvetica,sans-serif;
            display: inline-block;
            min-width: 120px
        }

.sfDetailRow .declaration {
    color: rgba(0,68,136,0.7);
    padding: 30px 0 15px
}

    .sfDetailRow .declaration .dec {
        padding-bottom: 15px
    }

    .sfDetailRow .declaration h4 {
        font: 12px 'MyriadProBold',Helvetica,sans-serif;
        padding-bottom: 5px
    }

    .sfDetailRow .declaration p {
        font-size: 10px
    }

        .sfDetailRow .declaration p strong {
            font-family: 'MyriadProBold',Helvetica,sans-serif
        }

@media screen and (min-width: 530px) {
    .sfDetailRow table tr {
        overflow: hidden
    }

    .sfDetailRow table td {
        width: 50%;
        float: left
    }
}

@media screen and (min-width: 721px) {
    .sfDetailRow .detailItem {
        padding: 30px 0 30px
    }

    .sfDetailRow table {
        font-size: 14px;
        width: 100%
    }

        .sfDetailRow table thead {
            display: table-header-group
        }

        .sfDetailRow table th {
            font-family: 'MyriadProBold',Helvetica,sans-serif;
            background: #f9fafc;
            padding: 5px 15px
        }

            .sfDetailRow table th:first-child {
                border-radius: 3px 0 0 3px;
                -webkit-background-clip: padding-box;
                -moz-background-clip: padding-box;
                background-clip: padding-box
            }

            .sfDetailRow table th:last-child {
                border-radius: 0 3px 3px 0;
                -webkit-background-clip: padding-box;
                -moz-background-clip: padding-box;
                background-clip: padding-box
            }

        .sfDetailRow table tr {
            padding: 0;
            display: table-row
        }

        .sfDetailRow table tbody tr:first-child td {
            padding-top: 10px
        }

        .sfDetailRow table td {
            display: table-cell;
            width: auto;
            float: none;
            padding: 0 15px
        }

            .sfDetailRow table td span {
                display: none
            }
}

@media screen and (min-width: 1024px) {
    .sfDetailRow .rowBounds {
        padding: 0 30px
    }

    .sfDetailRow .detailItem {
        padding: 30px 0 30px
    }

    .sfDetailRow h3 {
        padding: 7px 0 20px 55px;
        font-size: 20px
    }

        .sfDetailRow h3:before {
            width: 40px;
            height: 40px;
            -webkit-background-size: 40px 40px;
            -moz-background-size: 40px 40px;
            -o-background-size: 40px 40px;
            background-size: 40px 40px
        }

        .sfDetailRow h3 .grp {
            display: inline-block;
            padding-right: 15px
        }

    .sfDetailRow table {
        font-size: 16px
    }

        .sfDetailRow table th {
            padding: 10px 15px
        }

    .sfDetailRow .declaration {
        overflow: hidden
    }

        .sfDetailRow .declaration .dec {
            float: left;
            width: 33.33%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            padding-right: 20px
        }

        .sfDetailRow .declaration h4 {
            font-size: 14px
        }

        .sfDetailRow .declaration p {
            font-size: 12px
        }
}

.sfDetailConditionsRow .rowBounds {
    padding: 0 15px 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.sfDetailConditionsRow h2 {
    background: #004488;
    color: #fff;
    font: 18px 'MyriadProLight',Helvetica,sans-serif;
    padding: 15px;
    cursor: pointer;
    border-bottom: 1px solid #0d5092
}

    .sfDetailConditionsRow h2:first-of-type {
        border-radius: 3px 3px 0 0;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding-box;
        background-clip: padding-box
    }

    .sfDetailConditionsRow h2:last-of-type {
        border-radius: 0 0 3px 3px;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding-box;
        background-clip: padding-box
    }

        .sfDetailConditionsRow h2:last-of-type.active {
            border-radius: 0;
            -webkit-background-clip: padding-box;
            -moz-background-clip: padding-box;
            background-clip: padding-box
        }

.sfDetailConditionsRow .toggle {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    width: 20px;
    height: 20px;
    float: left;
    background: rgba(255,255,255,0.15);
    margin: 0 15px 0 0;
    position: relative;
    text-indent: -9999px;
    -webkit-transition: background 0.2s ease-in-out;
    -moz-transition: background 0.2s ease-in-out;
    transition: background 0.2s ease-in-out
}

    .sfDetailConditionsRow .toggle:before, .sfDetailConditionsRow .toggle:after {
        content: "";
        position: absolute;
        width: 2px;
        height: 2px;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        background: #fff;
        left: 50%;
        top: 50%;
        margin: -1px 0 0 -1px
    }

    .sfDetailConditionsRow .toggle:before {
        width: 10px;
        margin: -1px 0 0 -5px
    }

    .sfDetailConditionsRow .toggle:after {
        height: 10px;
        margin: -5px 0 0 -1px
    }

.sfDetailConditionsRow .active .toggle:after {
    height: 2px;
    margin: -1px 0 0 -1px
}

.sfDetailConditionsRow .expand {
    display: none;
    border-left: 1px solid #d9e3ed;
    border-right: 1px solid #d9e3ed
}

    .sfDetailConditionsRow .expand h3 {
        font-size: 12px;
        padding: 10px 15px 10px 50px;
        border-bottom: 1px solid #d9e3ed;
        position: relative;
        background: #f9fafc;
        cursor: pointer
    }

        .sfDetailConditionsRow .expand h3 i {
            position: absolute;
            left: 14px;
            top: 8px;
            width: 22px;
            height: 22px;
            border-radius: 4px;
            -webkit-background-clip: padding-box;
            -moz-background-clip: padding-box;
            background-clip: padding-box
        }

            .sfDetailConditionsRow .expand h3 i:before, .sfDetailConditionsRow .expand h3 i:after {
                content: "";
                position: absolute;
                width: 7px;
                height: 1px;
                background: #004488;
                top: 11px;
                -webkit-transition: all 0.2s ease-in-out;
                -moz-transition: all 0.2s ease-in-out;
                transition: all 0.2s ease-in-out
            }

            .sfDetailConditionsRow .expand h3 i:before {
                -webkit-transform: rotate(45deg);
                -moz-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                transform: rotate(45deg);
                left: 5px
            }

            .sfDetailConditionsRow .expand h3 i:after {
                -webkit-transform: rotate(-45deg);
                -moz-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                transform: rotate(-45deg);
                left: 10px
            }

        .sfDetailConditionsRow .expand h3.active i:before {
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
            left: 5px
        }

        .sfDetailConditionsRow .expand h3.active i:after {
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            left: 10px
        }

    .sfDetailConditionsRow .expand .condition {
        padding: 20px 15px 5px;
        border-bottom: 1px solid #d9e3ed;
        display: none
    }

    .sfDetailConditionsRow .expand .conditionHead {
        padding: 20px 15px 5px;
        border-bottom: 1px solid #d9e3ed;
        position: relative
    }

    .sfDetailConditionsRow .expand .toggleAll {
        position: absolute;
        right: 15px;
        top: 15px;
        text-decoration: none;
        color: #004488;
        font-size: 12px;
        font-family: 'MyriadProRegular',Helvetica,sans-serif
    }

        .sfDetailConditionsRow .expand .toggleAll i {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            border-radius: 3px;
            -webkit-background-clip: padding-box;
            -moz-background-clip: padding-box;
            background-clip: padding-box;
            width: 17px;
            height: 17px;
            float: left;
            background: rgba(0,68,136,0.15);
            margin: 0 5px 0 0;
            position: relative;
            text-indent: -9999px;
            -webkit-transition: background 0.2s ease-in-out;
            -moz-transition: background 0.2s ease-in-out;
            transition: background 0.2s ease-in-out
        }

            .sfDetailConditionsRow .expand .toggleAll i:before, .sfDetailConditionsRow .expand .toggleAll i:after {
                content: "";
                position: absolute;
                width: 1px;
                height: 1px;
                -webkit-transition: all 0.2s ease-in-out;
                -moz-transition: all 0.2s ease-in-out;
                transition: all 0.2s ease-in-out;
                background: #004488;
                left: 50%;
                top: 50%;
                margin: -1px 0 0 -1px
            }

            .sfDetailConditionsRow .expand .toggleAll i:before {
                width: 7px;
                margin: -1px 0 0 -4px
            }

            .sfDetailConditionsRow .expand .toggleAll i:after {
                height: 7px;
                margin: -4px 0 0 -1px
            }

        .sfDetailConditionsRow .expand .toggleAll.active i:after {
            height: 1px;
            margin: -1px 0 0 -1px
        }

    .sfDetailConditionsRow .expand h4 {
        font-family: 'MyriadProBold',Helvetica,sans-serif;
        font-size: 12px;
        margin-bottom: 3px
    }

    .sfDetailConditionsRow .expand p {
        margin-bottom: 15px;
        font-size: 12px
    }

    .sfDetailConditionsRow .expand a {
        font-family: 'MyriadProBold',Helvetica,sans-serif;
        text-decoration: underline
    }

    .sfDetailConditionsRow .expand table {
        margin-bottom: 15px
    }

    .sfDetailConditionsRow .expand th {
        font-family: 'MyriadProBold',Helvetica,sans-serif;
        font-size: 12px;
        padding-right: 15px
    }

    .sfDetailConditionsRow .expand td {
        font-size: 12px;
        padding-right: 15px
    }

    .sfDetailConditionsRow .expand ol {
        list-style: upper-roman;
        margin-bottom: 10px;
        font-size: 12px;
        padding-left: 20px
    }

        .sfDetailConditionsRow .expand ol li {
            padding-bottom: 5px
        }

@media screen and (min-width: 721px) {
    .sfDetailConditionsRow .rowBounds {
        padding: 0 15px 50px
    }

        .sfDetailConditionsRow .rowBounds:before, .sfDetailConditionsRow .rowBounds:after {
            content: "";
            display: table
        }

        .sfDetailConditionsRow .rowBounds:after {
            clear: both
        }
}

@media screen and (min-width: 1024px) {
    .sfDetailConditionsRow.fixedMargin {
        padding-top: 197px
    }

    .sfDetailConditionsRow .rowBounds {
        padding: 10px 30px 70px
    }

    .sfDetailConditionsRow h2 {
        font-size: 24px
    }

    .sfDetailConditionsRow td {
        font-size: 16px
    }

        .sfDetailConditionsRow td p {
            font-size: 14px
        }

        .sfDetailConditionsRow td h5 {
            font-size: 14px
        }

        .sfDetailConditionsRow td a {
            -webkit-transition: color 0.2s ease-in-out;
            -moz-transition: color 0.2s ease-in-out;
            transition: color 0.2s ease-in-out
        }

            .sfDetailConditionsRow td a:hover {
                color: #f48200
            }

    .sfDetailConditionsRow h3 {
        font-size: 14px
    }

    .sfDetailConditionsRow .toggle {
        margin-top: 4px
    }

        .sfDetailConditionsRow .toggle:hover {
            background: rgba(255,255,255,0.3)
        }

    .sfDetailConditionsRow .expand h3 {
        font-size: 14px
    }

        .sfDetailConditionsRow .expand h3 i {
            top: 9px
        }

    .sfDetailConditionsRow .expand p, .sfDetailConditionsRow .expand h4 {
        font-size: 14px
    }

    .sfDetailConditionsRow .expand a {
        -webkit-transition: color 0.2s ease-in-out;
        -moz-transition: color 0.2s ease-in-out;
        transition: color 0.2s ease-in-out
    }

        .sfDetailConditionsRow .expand a:hover {
            color: #f48200
        }

    .sfDetailConditionsRow .expand th, .sfDetailConditionsRow .expand td, .sfDetailConditionsRow .expand ol {
        font-size: 14px
    }

    .sfDetailConditionsRow .expand .toggleAll {
        font-size: 14px
    }

        .sfDetailConditionsRow .expand .toggleAll i {
            margin: 0 7px 0 0
        }

        .sfDetailConditionsRow .expand .toggleAll:hover {
            color: #004488
        }
}

.sfCommissionHeadRow .rowBounds {
    position: static;
    padding: 30px 15px 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (min-width: 721px) {
    .sfCommissionHeadRow .rowBounds {
        overflow: hidden
    }
}

@media screen and (min-width: 1024px) {
    .sfCommissionHeadRow .rowBounds {
        padding: 40px 30px 20px
    }
}

.sfCommissionRow .rowBounds {
    padding: 0 15px 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.sfCommissionRow .comissionAirline {
    padding: 0 0 20px 58px;
    min-height: 48px;
    position: relative
}

    .sfCommissionRow .comissionAirline p {
        font-size: 14px;
        padding: 3px 0 0
    }

    .sfCommissionRow .comissionAirline h2 {
        font: 18px 'MyriadProBold',Helvetica,sans-serif
    }

.sfCommissionRow .airline {
    position: absolute;
    left: 0;
    top: 0;
    width: 46px;
    height: auto;
    border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box
}

.sfCommissionRow .table td {
    font-size: 12px;
    line-height: 1.3
}

    .sfCommissionRow .table td.title {
        line-height: 1.6
    }

    .sfCommissionRow .table td small {
        padding-top: 4px;
        font-size: 10px
    }

@media screen and (min-width: 721px) {
    .sfCommissionRow .rowBounds {
        padding: 0 15px 50px
    }

        .sfCommissionRow .rowBounds:before, .sfCommissionRow .rowBounds:after {
            content: "";
            display: table
        }

        .sfCommissionRow .rowBounds:after {
            clear: both
        }

    .sfCommissionRow .table td {
        font-size: 14px
    }

        .sfCommissionRow .table td small {
            font-size: 12px
        }
}

@media screen and (min-width: 1024px) {
    .sfCommissionRow .rowBounds {
        padding: 10px 30px 70px
    }

    .sfCommissionRow .comissionAirline {
        min-height: 48px
    }

        .sfCommissionRow .comissionAirline p {
            font-size: 16px;
            padding: 1px 0 0
        }

        .sfCommissionRow .comissionAirline h2 {
            font-family: 20px
        }

    .sfCommissionRow .table td {
        font-size: 16px
    }

        .sfCommissionRow .table td.title {
            font-size: 14px
        }

        .sfCommissionRow .table td small {
            font-size: 14px
        }
}

.sfShoppingRow .rowBounds {
    padding: 0 15px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.sfShoppingRow h2 {
    margin-top: 10px;
    background: #004488;
    color: #fff;
    font: 18px 'MyriadProLight',Helvetica,sans-serif;
    padding: 25px 15px;
    cursor: pointer;
    border-bottom: 1px solid #0d5092;
    border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box
}

    .sfShoppingRow h2:first-child {
        margin-top: 0
    }

    .sfShoppingRow h2.active {
        border-radius: 3px 3px 0 0;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding-box;
        background-clip: padding-box
    }

    .sfShoppingRow h2 .details {
        font-size: 14px;
        font-weight: 'MyriadProRegular',Helvetica,sans-serif;
        display: block;
        clear: left;
        padding-top: 10px
    }

        .sfShoppingRow h2 .details.right {
            padding-top: 3px
        }

.sfShoppingRow .table tr.inOut {
    background: #f9fafc;
    font-size: 12px;
    padding: 8px 15px
}

    .sfShoppingRow .table tr.inOut td {
        padding: 0;
        font-family: 'MyriadProRegular',Helvetica,sans-serif
    }

.sfShoppingRow .table td {
    font-size: 14px;
    line-height: 1.3
}

    .sfShoppingRow .table td small {
        float: left;
        padding: 4px 8px 0 0
    }

    .sfShoppingRow .table td span {
        font-family: 'MyriadProRegular',Helvetica,sans-serif
    }

    .sfShoppingRow .table td.title {
        line-height: 1.6
    }

    .sfShoppingRow .table td .btn {
        padding: 9px 15px 8px;
        font-size: 14px
    }

.sfShoppingRow .table tr.active {
    background: #eef2f7
}

    .sfShoppingRow .table tr.active .btn {
        text-indent: -9999px;
        min-width: 68px;
        background-image: url("images/i-tick.png");
        background-position: center center;
        background-repeat: no-repeat;
        -webkit-background-size: 23px 23px;
        -moz-background-size: 23px 23px;
        -o-background-size: 23px 23px;
        background-size: 23px 23px
    }

.sfShoppingRow .sfShoppingActions {
    padding: 30px 0 20px
}

    .sfShoppingRow .sfShoppingActions .actionsLeft {
        overflow: hidden
    }

        .sfShoppingRow .sfShoppingActions .actionsLeft .btn {
            width: 49%;
            margin-bottom: 2%;
            float: left
        }

            .sfShoppingRow .sfShoppingActions .actionsLeft .btn:first-of-type {
                margin-right: 2%
            }

    .sfShoppingRow .sfShoppingActions p {
        padding: 15px 0;
        display: block;
        font-size: 12px
    }

.sfShoppingRow .toggle {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    width: 20px;
    height: 20px;
    float: left;
    background: rgba(255,255,255,0.15);
    margin: 0 15px 0 0;
    position: relative;
    text-indent: -9999px;
    -webkit-transition: background 0.2s ease-in-out;
    -moz-transition: background 0.2s ease-in-out;
    transition: background 0.2s ease-in-out
}

    .sfShoppingRow .toggle:before, .sfShoppingRow .toggle:after {
        content: "";
        position: absolute;
        width: 2px;
        height: 2px;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        background: #fff;
        left: 50%;
        top: 50%;
        margin: -1px 0 0 -1px
    }

    .sfShoppingRow .toggle:before {
        width: 10px;
        margin: -1px 0 0 -5px
    }

    .sfShoppingRow .toggle:after {
        height: 10px;
        margin: -5px 0 0 -1px
    }

.sfShoppingRow .active .toggle:after {
    height: 2px;
    margin: -1px 0 0 -1px
}

.sfShoppingRow .expand {
    display: none
}

@media screen and (max-width: 1023px) {
    .sfShoppingRow .table {
        display: block;
        width: 100%;
        border-top: 1px solid #d9e3ed
    }

        .sfShoppingRow .table thead {
            display: none
        }

        .sfShoppingRow .table tr, .sfShoppingRow .table tbody {
            display: block;
            width: 100%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

        .sfShoppingRow .table tr {
            border-left: 1px solid #d9e3ed;
            border-right: 1px solid #d9e3ed;
            border-bottom: 1px solid #d9e3ed;
            padding: 20px 15px 10px;
            overflow: hidden
        }

        .sfShoppingRow .table td {
            border: 0;
            padding: 0 10px 10px 0;
            float: left;
            width: 33.33%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

            .sfShoppingRow .table td:first-child {
                width: 100%
            }

            .sfShoppingRow .table td .btn {
                margin-top: 10px
            }
}

@media screen and (max-width: 720px) {
    .sfShoppingRow .table td {
        width: 50%
    }

        .sfShoppingRow .table td:first-child {
            width: 50%
        }

        .sfShoppingRow .table td:last-child {
            width: 100%
        }

        .sfShoppingRow .table td .btn {
            margin-top: 10px
        }
}

@media screen and (min-width: 721px) {
    .sfShoppingRow .rowBounds {
        padding: 0 15px 0
    }

        .sfShoppingRow .rowBounds:before, .sfShoppingRow .rowBounds:after {
            content: "";
            display: table
        }

        .sfShoppingRow .rowBounds:after {
            clear: both
        }

    .sfShoppingRow h2 .price {
        float: left;
        padding-right: 10px;
        min-width: 125px
    }

    .sfShoppingRow h2 .details {
        display: inline-block;
        clear: none;
        padding-top: 4px;
        max-width: 270px
    }

        .sfShoppingRow h2 .details.right {
            float: right
        }

    .sfShoppingRow .table td {
        font-size: 14px;
        position: relative
    }

        .sfShoppingRow .table td:last-child {
            padding-right: 90px
        }

        .sfShoppingRow .table td .btn {
            position: absolute;
            right: 0;
            top: -19px
        }

    .sfShoppingRow .sfShoppingActions {
        overflow: hidden
    }

        .sfShoppingRow .sfShoppingActions .actionsLeft {
            float: left
        }

            .sfShoppingRow .sfShoppingActions .actionsLeft .btn {
                width: auto
            }

                .sfShoppingRow .sfShoppingActions .actionsLeft .btn:first-of-type {
                    margin-right: 0
                }

                .sfShoppingRow .sfShoppingActions .actionsLeft .btn + .btn {
                    margin-left: 10px
                }

        .sfShoppingRow .sfShoppingActions p {
            float: left;
            padding: 0px 20px;
            font-size: 14px;
            max-width: 300px
        }

        .sfShoppingRow .sfShoppingActions .btnLarge {
            float: right
        }
}

@media screen and (min-width: 1024px) {
    .sfShoppingRow .rowBounds {
        padding: 0 30px 0
    }

    .sfShoppingRow h2 {
        font-size: 24px
    }

        .sfShoppingRow h2 .price {
            min-width: 185px
        }

        .sfShoppingRow h2 .details {
            font-size: 16px;
            max-width: 430px
        }

    .sfShoppingRow .toggle {
        margin-top: 4px
    }

        .sfShoppingRow .toggle:hover {
            background: rgba(255,255,255,0.3)
        }

    .sfShoppingRow .table td {
        font-size: 16px
    }

        .sfShoppingRow .table td .btn {
            right: 15px;
            top: 7px
        }

    .sfShoppingRow .table tr.inOut td {
        padding: 8px 15px;
        font-size: 14px;
        font-family: 'MyriadProRegular',Helvetica,sans-serif
    }

    .sfShoppingRow .sfShoppingActions p {
        padding: 3px 20px;
        max-width: none
    }
}

@media screen and (min-width: 1260px) {
    .sfShoppingRow h2 .details {
        max-width: 630px
    }
}

.inputText[type="text"][required] {
    border-color: #da2222
}

.inputTable.dob.required input[type="text"] {
    border-color: #da2222
}

.sfShoppingFiltersRow .rowBounds {
    padding: 30px 15px 0;
    position: relative
}

.sfShoppingFiltersRow h4 {
    padding-bottom: 8px;
    font-size: 14px
}

.sfShoppingFiltersRow .filterCategories {
    overflow: hidden;
    padding-bottom: 28px
}

    .sfShoppingFiltersRow .filterCategories a {
        float: left;
        clear: left;
        color: #004488;
        margin: 2px 0;
        font-size: 14px
    }

        .sfShoppingFiltersRow .filterCategories a i {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            border-radius: 3px;
            -webkit-background-clip: padding-box;
            -moz-background-clip: padding-box;
            background-clip: padding-box;
            width: 20px;
            height: 20px;
            float: left;
            background: rgba(0,68,136,0.15);
            margin: -1px 10px 0 0;
            position: relative;
            text-indent: -9999px;
            -webkit-transition: background 0.2s ease-in-out;
            -moz-transition: background 0.2s ease-in-out;
            transition: background 0.2s ease-in-out
        }

            .sfShoppingFiltersRow .filterCategories a i:before, .sfShoppingFiltersRow .filterCategories a i:after {
                content: "";
                position: absolute;
                width: 2px;
                height: 2px;
                -webkit-transition: all 0.2s ease-in-out;
                -moz-transition: all 0.2s ease-in-out;
                transition: all 0.2s ease-in-out;
                background: #004488;
                left: 50%;
                top: 50%;
                margin: -1px 0 0 -1px
            }

            .sfShoppingFiltersRow .filterCategories a i:before {
                width: 10px;
                margin: -1px 0 0 -5px
            }

            .sfShoppingFiltersRow .filterCategories a i:after {
                height: 10px;
                margin: -5px 0 0 -1px
            }

        .sfShoppingFiltersRow .filterCategories a.active i:after {
            height: 2px;
            margin: -1px 0 0 -1px
        }

.sfShoppingFiltersRow .sort {
    position: absolute;
    right: 3px;
    top: 30px
}

    .sfShoppingFiltersRow .sort .whiteFieldSelectLabel {
        float: left;
        font-size: 14px;
        padding-right: 5px
    }

.sfShoppingFiltersRow .expand {
    display: none;
    clear: both;
    overflow: hidden;
    border-top: 1px solid #d9e3ed
}

    .sfShoppingFiltersRow .expand > div {
        display: block;
        padding: 30px 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border-bottom: 1px solid #d9e3ed
    }

        .sfShoppingFiltersRow .expand > div:last-child {
            border: 0
        }

        .sfShoppingFiltersRow .expand > div h5 {
            font-family: 'MyriadProItalics',Helvetica,sans-serif;
            font-size: 18px;
            text-align: center;
            display: block;
            width: 100%
        }

.sfShoppingFiltersRow .groupBtns {
    padding: 10px 20px;
    overflow: hidden
}

    .sfShoppingFiltersRow .groupBtns a {
        float: left;
        width: 33.33%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center;
        border-top: 1px solid #d9e3ed;
        border-bottom: 1px solid #d9e3ed;
        border-left: 1px solid #d9e3ed;
        color: #004488;
        font-size: 14px;
        padding: 5px
    }

        .sfShoppingFiltersRow .groupBtns a.active {
            background: #5692c8;
            color: #fff
        }

        .sfShoppingFiltersRow .groupBtns a:last-child {
            border-right: 1px solid #d9e3ed;
            border-radius: 0 5px 5px 0;
            -webkit-background-clip: padding-box;
            -moz-background-clip: padding-box;
            background-clip: padding-box
        }

        .sfShoppingFiltersRow .groupBtns a:first-child {
            border-radius: 5px 0 0 5px;
            -webkit-background-clip: padding-box;
            -moz-background-clip: padding-box;
            background-clip: padding-box
        }

.sfShoppingFiltersRow .tabView {
    display: none
}

    .sfShoppingFiltersRow .tabView.active {
        display: block
    }

.sfShoppingFiltersRow .groupChks {
    padding: 15px 20px 25px;
    width: 105px;
    margin: 0 auto
}

    .sfShoppingFiltersRow .groupChks .fieldCheckbox {
        float: left;
        width: 60px
    }

        .sfShoppingFiltersRow .groupChks .fieldCheckbox:last-of-type {
            width: 45px
        }

    .sfShoppingFiltersRow .groupChks.wide {
        width: 380px
    }

        .sfShoppingFiltersRow .groupChks.wide .fieldCheckbox {
            float: left;
            width: 120px
        }

            .sfShoppingFiltersRow .groupChks.wide .fieldCheckbox:first-of-type {
                width: 150px
            }

            .sfShoppingFiltersRow .groupChks.wide .fieldCheckbox:last-of-type {
                width: 110px
            }

.sfShoppingFiltersRow .slider {
    padding: 20px 60px 8px
}

    .sfShoppingFiltersRow .slider .left, .sfShoppingFiltersRow .slider .right {
        padding-bottom: 10px
    }

    .sfShoppingFiltersRow .slider .left {
        float: left
    }

    .sfShoppingFiltersRow .slider .right {
        float: right
    }

    .sfShoppingFiltersRow .slider .sliderObject {
        clear: both
    }

.sfShoppingFiltersRow .inputTable {
    padding: 20px 60px 8px;
    overflow: hidden
}

    .sfShoppingFiltersRow .inputTable .inputText {
        padding-right: 47px
    }

    .sfShoppingFiltersRow .inputTable .icon {
        position: absolute;
        right: 66px;
        top: 21px;
        text-indent: -9999px;
        width: 36px;
        height: 36px;
        opacity: 0.3;
        background: url("images/i-list.png") no-repeat center center;
        -webkit-background-size: 21px 14px;
        -moz-background-size: 21px 14px;
        -o-background-size: 21px 14px;
        background-size: 21px 14px
    }

.sfShoppingFiltersRow .groupLetters {
    max-width: 100%;
    width: 256px;
    margin: 15px auto 0;
    overflow: hidden
}

    .sfShoppingFiltersRow .groupLetters .fieldCheckClass {
        float: left;
        margin: 2px 1px 0
    }

@media screen and (max-width: 720px) {
    .sfShoppingFiltersRow .groupChks.wide {
        width: 240px
    }

        .sfShoppingFiltersRow .groupChks.wide .fieldCheckbox {
            float: left;
            width: 120px
        }

            .sfShoppingFiltersRow .groupChks.wide .fieldCheckbox:first-of-type {
                width: 120px;
                float: none;
                margin: 0 auto 5px
            }

            .sfShoppingFiltersRow .groupChks.wide .fieldCheckbox:nth-of-type(2) {
                clear: left
            }
}

@media screen and (min-width: 721px) and (max-width: 903px) {
    .sfShoppingFiltersRow .cabin, .sfShoppingFiltersRow .connect {
        min-height: 198px
    }
}

@media screen and (min-width: 904px) {
    .sfShoppingFiltersRow .cabin, .sfShoppingFiltersRow .connect {
        min-height: 169px
    }
}

@media screen and (min-width: 721px) {
    .sfShoppingFiltersRow h4 {
        float: left
    }

    .sfShoppingFiltersRow .filterCategories {
        padding-right: 150px
    }

        .sfShoppingFiltersRow .filterCategories a {
            clear: none;
            margin-left: 20px
        }

    .sfShoppingFiltersRow .sort {
        top: 32px
    }

    .sfShoppingFiltersRow .expand > div {
        float: left;
        width: 50%;
        border: 0;
        padding: 30px 15px;
        border-right: 1px solid #d9e3ed
    }

        .sfShoppingFiltersRow .expand > div:last-child {
            border: 0
        }

    .sfShoppingFiltersRow .expand.expand4 > div {
        width: 33.33%
    }
}

@media screen and (min-width: 1024px) {
    .sfShoppingFiltersRow .rowBounds {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 30px 30px 0
    }

    .sfShoppingFiltersRow h4 {
        font-size: 16px;
        padding-top: 2px
    }

    .sfShoppingFiltersRow .filterCategories {
        padding-right: 200px
    }

        .sfShoppingFiltersRow .filterCategories a {
            font-size: 16px
        }

            .sfShoppingFiltersRow .filterCategories a i {
                margin-top: 0
            }

    .sfShoppingFiltersRow .sort {
        top: 32px;
        right: 33px
    }

        .sfShoppingFiltersRow .sort .whiteFieldSelectLabel {
            font-size: 16px
        }

    .sfShoppingFiltersRow .expand > div h5 {
        font-size: 20px
    }

    .sfShoppingFiltersRow .groupBtns a {
        font-size: 16px;
        padding: 8px;
        -webkit-transition: background 0.2s ease-in-out;
        -moz-transition: background 0.2s ease-in-out;
        transition: background 0.2s ease-in-out
    }

        .sfShoppingFiltersRow .groupBtns a.active {
            background: #5692c8;
            color: #fff
        }

            .sfShoppingFiltersRow .groupBtns a.active:hover {
                background: #5692c8
            }

        .sfShoppingFiltersRow .groupBtns a:hover {
            background: #f9fafc
        }
}

.selectLocatorRow .rowBounds {
    padding: 30px 15px 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.selectLocatorRow .or {
    font-family: 'MyriadProItalics',Helvetica,sans-serif;
    padding-bottom: 10px
}

.selectLocatorRow .table tr:nth-child(even) {
    background: #f9fafc
}

.selectLocatorRow .table td {
    font-size: 14px;
    line-height: 1.3
}

    .selectLocatorRow .table td.title {
        line-height: 1.6
    }

    .selectLocatorRow .table td .btn {
        padding: 9px 15px 8px;
        font-size: 14px
    }

@media screen and (max-width: 720px) {
    .selectLocatorRow .table {
        display: block;
        width: 100%;
        border-top: 1px solid #d9e3ed
    }

        .selectLocatorRow .table thead {
            display: none
        }

        .selectLocatorRow .table tr, .selectLocatorRow .table tbody {
            display: block;
            width: 100%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

        .selectLocatorRow .table tr {
            border-left: 1px solid #d9e3ed;
            border-right: 1px solid #d9e3ed;
            border-bottom: 1px solid #d9e3ed;
            padding: 20px 15px 10px;
            overflow: hidden
        }

        .selectLocatorRow .table td {
            border: 0;
            padding: 0 10px 10px 0;
            display: block;
            width: 100%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

            .selectLocatorRow .table td .btn {
                margin-top: 10px
            }

    .selectLocatorRow .label {
        margin-right: 5px;
        font-family: 'MyriadProRegular',Helvetica,sans-serif;
        float: left
    }
}

@media screen and (min-width: 721px) {
    .selectLocatorRow .rowBounds {
        padding: 30px 15px 50px;
        min-height: 400px
    }

        .selectLocatorRow .rowBounds:before, .selectLocatorRow .rowBounds:after {
            content: "";
            display: table
        }

        .selectLocatorRow .rowBounds:after {
            clear: both
        }

    .selectLocatorRow .table td {
        font-size: 14px;
        position: relative
    }

        .selectLocatorRow .table td:last-child {
            padding-right: 90px
        }

        .selectLocatorRow .table td .btn {
            position: absolute;
            right: 15px;
            top: 7px
        }

    .selectLocatorRow .label {
        display: none
    }
}

@media screen and (min-width: 1024px) {
    .selectLocatorRow .rowBounds {
        padding: 40px 30px 70px
    }

    .selectLocatorRow .table td {
        font-size: 16px
    }
}

.selectPaymentRow .rowBounds {
    padding: 30px 15px 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.selectPaymentRow .btnTicket {
    clear: both
}

.selectPaymentRow .btnDown {
    padding: 9px 15px 8px;
    font-size: 14px;
    text-indent: -9999px;
    width: 50px;
    position: absolute;
    top: 18px;
    right: 0;
    height: 32px
}

    .selectPaymentRow .btnDown:after, .selectPaymentRow .btnDown:before {
        content: "";
        position: absolute
    }

    .selectPaymentRow .btnDown:before {
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 6px solid #fff;
        top: 15px;
        left: 50%;
        margin-left: -6px
    }

    .selectPaymentRow .btnDown.creditCard {
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAiCAYAAAAd6YoqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkI0QTQxNzNCMTEyQzExRTZCRTM2ODA4MkJDNDU4RTRCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkI0QTQxNzNDMTEyQzExRTZCRTM2ODA4MkJDNDU4RTRCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QjRBNDE3MzkxMTJDMTFFNkJFMzY4MDgyQkM0NThFNEIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QjRBNDE3M0ExMTJDMTFFNkJFMzY4MDgyQkM0NThFNEIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4RNoUKAAABWUlEQVR42uyZsUoDQRCG1yONgqROo6QxWEmIYu8DaGkTwSZF8C1SiUUKwUpsPBsrH8AqjZ1dIJAiEgvtAirEwpPzH/xXBp9gR2fgu93b6v+ZnbubvVCWZVDsgEGZfgyo9Uf7glwYOWgHW3EFDmRS4UJPmbgFXfAEqokJfwEr4ATsUvMnOJS0tFTKzn9ttZTpKt17snDKmztDJiI31H6ZIS0bTNtFsBc5x7oU+wdrZRPcGzMi9TKNxV5w7IOMWAhJwCLnc8nIKybLwXa8ZeGPhBtJLSrKzAN4V2/71KNgsdfFgxR7/NhaBY9WH79eI27EjbgRN+JG3IgbcSNu5H8ZmXC+ZVB/1DwRI0PebBs0EjUP5bSuo44em4ZOGZtKd0c6RMnKCKyx1T0C12ApwbZX2ts52AdnbHXHYD3+VqiF71PGmrGt9QxaMmZqoQGOwcyAgRm1Nqg9fAkwAN4ezQ2WOIi1AAAAAElFTkSuQmCC');
        background-position: center;
        background-size: 50% auto;
        background-repeat: no-repeat
    }

        .selectPaymentRow .btnDown.creditCard:after, .selectPaymentRow .btnDown.creditCard:before {
            display: none
        }

        .selectPaymentRow .btnDown.creditCard.downArrow {
            background-position: 50% 25%
        }

            .selectPaymentRow .btnDown.creditCard.downArrow:after, .selectPaymentRow .btnDown.creditCard.downArrow:before {
                display: block;
                top: 25px
            }

.selectPaymentRow .btnDownload {
    text-indent: -9999px;
    height: 35px;
    width: 50px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAACFCAYAAACt+l1zAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzRFMDAyNzQzRDA0MTFFNkIwQjBEM0I0NjA1NzU4RTMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzRFMDAyNzUzRDA0MTFFNkIwQjBEM0I0NjA1NzU4RTMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDNEUwMDI3MjNEMDQxMUU2QjBCMEQzQjQ2MDU3NThFMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDNEUwMDI3MzNEMDQxMUU2QjBCMEQzQjQ2MDU3NThFMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuLm294AABNGSURBVHja7F1piGVHFT7v9fp6mel1+k1vs4kkGEGIiIqKSxQURNQYDZoQwX1Boz8C/onoD/9KENSQHxpUcCEEEUQRIy7BP4lRYlwnpreZnu6erXt6m+5+z6rMKfv06br3nrp17ns90gWH7nf79a269d2z1HdqKdXr9TkAGDWyAoclbykZ6THyMyPv9Py9zUjNyA651oo/t8m1cskAsmx+6T3sU7XyKyNvJZ+PIGBXybUuIx14rYbX7Oeu8mH/qZc7jPyCaEEPA6PPyJCRZQJGxUjVyMYhIMWUtxn5nTVBRs4xMAaMnCfmq4Iu46KR9UNAiiuvM/K4B4wZI1sMjHkj1wARPCzFlbcT87WOmuEDYxWvtRw69caUPxp5rZF6Chg2Ejt2qCGNKa8mmgI+zTAybrVIoiEP4c3aMXy7jlGCRfkCfuc6hnf9RhYxtt7G/xkxchlVto4yip+voNncwu/Z+y+RegYxRFzA/7Pf68brS/h5G9+uKkYzq6Se40Y2sf4y3nMEO2CR1NOPfbCAkc8W1juEztaamluMfAv/J2/5LUZhW+Sabcsktv2SBJA3G3ni8CV/EdxpMqDLW2z09QYfGFKnXmaDnDP45gMZ0JxhoNr/OYlvGDBVHWPXhvC7tJ4evGcnuWbrPI1toCPkE9b2ejpvnF2zEc4p7ARXurGeChtVn8aoiJZxBTBseb2RJ0k/rTgw7PNIAKkTMIYxbLtOwBhHVV8hlUxiGLfEwLAdOEeuDWLnT5NBUg+aFfu9DQLGON5vmYAxiaZvgYFhO32WgXEU69khYFRxnLBOwJjADrrCaI4SozliymuMPIcv8RLpN5FTd40YxofUAmMIGyQF42KTwJjEPphj2hVbbjXyS6zX9VFZAsgA/pxFBwloSqRgjCWAwTWjNwGMCbzf1SaBsUnsfQl0y+1G/ozttO2+IAGkC39uEs0YCwADhGAcSwBjsYmasUkiSW0wqKY8hZFeTQLIAnPgIWYqBozxBDDWmgAGeJy8ZrFBzdO2fyRRQ42YqaI0g5rDNM1Yw+sU9DIDYxADEAqG800+MC4yNtYHhgN0R9mPcFB+LdGQHdLJBwmM40IwulPAuCQAo0o0sATFlpMSDekmputm04xYM1XF7+9g+F841SQBxEVZHIwVVHcKRh328v8hYIxHaMZAChjUN6WZqQ3mmxwYMwU79cRReFJZZN8vCowlIRghDlwLDOeH4CBoyFaBYHQkaMYJJAljHLgEjBMJIXQrA8PVVS9aUyQaUiONvyYAY9gDxpEmgtHuAaMUAMYARphz5HmaCkgr8SFLAs3o9mjGcIDPkILRK9SMcY9mTHjAqHrA6EdzuIH0SctBMFnH8eeSQDPsqH7KQ0j6NCOEA0sCQ8qBSWmXmQTf5Ez3Il5bgt08ThvWtYHXtvFnJ3lml2MZJlFrbkAueWjomgeM7gAwFj1grHrASDJTUwIwQjiw1hQwdoiFsJm/8ySEDgHdlgeNfDkWkHWmGUlgTAeAsewBY1FZM5YiNWOGmUNb/wvMj1QYA+5M9CJGiJQPXGP9ltuH1Ilm1FM0oyY0U8seM7UoYIclPiPJgechJLfZSH+BPKNLYpUYGJMI0hrzTYOEMY72ITTakvqMmCSWZKSfphkHhR1OGs9Ea4jrJB8Y01BsRjEUjKUDDkarhoasss9FgPH/lDdJ04wBDQ1ZFjrwZoJx0DWjPyFizQVIls8YYmB0NhAM5zOuHpAkVhIYLrm1oQHIDgndpj1g8IkPY9C4jGIRhGQRYMxI+1viQ0bwpwSMojQjJol1EMDY1gSkzn7eLGA0Kr0rBUPNqVNHdNQDhvMZFxKSWD4ObC6DHU6i6icS2OFYMOYYHZLEDm8wMI57wBjwgOH4q2uaI/UjCWCMYSOveTRDkjfphriMonbeJIkd3ghghykYXfhdHrHmNlnbpPNmhGA0Iok1qaQZaUmsUgIYaYQkB+M4ee4WDQ1xPMxsk8AYCwCjFJE3kYIRohnHGTtc0gDEzUDXNFMhmrEUoBlzHs2YgXzp3STNkDhwCgYlGvs0TNYiA8cHxgnsNEl6l/sMaRIrLb1bgvzp3ZAkliRv4guhWxGsHQ0NqaWA0ZIAxniDwZjzmKkpZao+LxhteE9gEWduDaEzF7lmTCRohiSj2Avy9O5EIBiNSmJJNGOCDB1U2F43H4lrxmSCZjQibxI7uGwW7VLXMFn9bFATCkZaelcTDJ9mOA5s02OmfOxw0bTLEQ1AaCM1NGMI4mahJGnGVAFmShMM97doQLaUNWMuJxhZuXbJSiyJAx8tiJC0ZV7Dh9TITZvhM1rwfueYDS7hgy95MpxnPWzDFBknhE7k1lwWFw2IU7OrjGgcxwae94AxnZHECtGMfthdXr1NSM5+4odaMCyvwu7Mlla8Poaa8hT+fzOp+roGIFUP6+sDwzrQCmSnd0NXYlnT8yYjP4K4cpeRHzeIA0ui6ru06fdGgwFSDkhQnLnQyJtseDRDsiyuVwOQ9RxgHE1hh6Vg0LyJBiAjnqgxJm9CNeMK802+JBawfovOGIZoxmBg3iRrIneHAiCX2edGUfVVSbgbAgilUCSakQTGghAMgP1zYPsVANlUNlM+dngTsldiRZusUY+6hYKRN707RGib2FKPyJtk5dql6d12DUB4HjjNZ0jMVOhKLBruagCSN2/Sji9SzLI4lUkOK0LNkKZ3l0G+EmtKOqAKCN9nc1D1bR7aBRJG+tUEqp4HFLkBiTFTPG+yIsyb9LCRvgYga+xzCFWfNgtFmjfhfiw3IDuko/OAEZo34SN9dz22XIvIm2isNxGF7+UAVZ/JCYZ04oMjJGdgb0bRF7LG+JCiwGgV0C4tmhpStJlKSu86wjC27JD75jVTMeldGjVGAULfTqkDz5s3qXlol9DxUpoPhIC8ySLopncBBBPlQmYuUjC2lMHI4sBKiiarWSuxRICEzFzkYHi3yga27akCGCJVD9T0ZsyqF/W3REOGiFOXgLGsCEanh+CMLaFgrHsIyRbPeEaSN1GhThyxJ9WMix52WAJGEjsMsD83nadsE1/CJz6EbCcYsjUUB2NQAxD6duTRDM6BJWlG0kosLafupnFK1yiuKWqGY3uvawBSU9QMSRLLl97VKG736o0cPmM0QjMcIQmsj3I79R3SKKkDl+ZNJEsctOj3Jca6FrUSKylvojYwdIxrEWBIRvraYW8zwLiq6dT72Wg5CYwJkCexhgOoeoD9u+rEOHUOhqtHE4z2BDCOagBCOyMNjG2QJ7FCqHottrebBCkxuxFJZtX7ODC1cci2wEyFgJGHkNQwWf1stFzkrHpfrt2ZfbUoK8ZnxLLDGjuC0k7PuxIrLzu8IdV0SZTl8sA+M7XFUD+GHT2VQEhu5QADQDDBLCBadMmlkO0Ep0CPqo/WEDefyecz5hM0g4LhoqksQjKJqhepegAgbiWWZGsobaq+S0ND+Nua5sB9mjEtACMto6jlQ9yzhpz8o7nEQWR6JRqy4TFT55kGScxUJYWqz0piac5c1FziEJJRBFCeuZjkMzpgb4ImyWeMQv68SVEzFwFkO9iF7EaUlDehfRkFCBC2d569cQ6MIpNYWtTJpsBnhGwNledMLJVJDmMex+rAoKFtX6CZkmYUAXRnLo5FghFzJlaHBiArHlvc4YmmBpTN1DCJSnYUAQFozt6OjiFWBcQHRppmzHvACE1iSduZVaqBYMyC7plYIk0PedAkMNLOCM/DDvsyihoJKj6VKHTTtNgkFoAgQRWSDykCjJqAdnGdpwlIM843ESmARENcDF2EZpwTcGCcJYj1IRpbQ+XdNE0lQcWXAhRhptKWOADsnygdQ53EbA0VkzehUWMUIJcb4DOSlsUVMXOxWdsJ+ganuQCpMzCmlTWjC7IX/2hQJzX2M22jzQWhZoQksQCUNsHcJqEb3TUtBIyJQDPFz+TQcOp0bleWA6fL79IceEjeRM2ph85c1E7vAhQ/c1HjsJkjkJ3eVQGknXBZjtMfxQ5eJTZ+Et9CCRiOHZbk2vnbnbfQmYt5D5tJOxc+i6oXaboEEEpX+zZ3dLumXWFOy0fVOzAk7PAYGdlqOHVHUMYeUObLm0iSWCJND8mpp4Fx1QOGL6PYmZMd1iidjPXVACNk4oNoPBUyUg/VjHkBISkFQ3vmYiNP/pkgZk9lYNhL6PdYzeBgSHLtWqUuAGNV2UzxwSVoANLHuCCqGZcyfMaI0IGn5U0ABOu7A5x6mmaEnBbH07uzkJ5rF2m6xGQtsO/HmCnABvK5rtbZnfWYyv8oOnV3j7MeH/mC5/tzHh9UYeOMkF1PReexhyxpiwHjHRint2JDrba1YQOrsDvJoR0bPoKAzOPD3qYAyBuN/BNuTCml9TjGuRWvDWDHzxHAJrH934S9+w6HbEE7Bcp7LsZoxh1G7ofmlk+g5C1f84AxB/L9gNUHhnnBsP//BSOPwc1bbNu/5NGMrJVYnANTmeQw4mEqpWD0kRj8biPP34RgWP/yoQwzNSFkh1UmyvFtWEPAGCDhro2oPnITAvJBDDpil1IDZBzdLQVkMxIMyoE9YeRzNxEY1u89iR0Ze0CZL3LLBYhzZJMRYFRgd0+Qh4z88CYAw7bx69jxVYg/oExtYFgjpmueEY3rHgdewhDPR9W7EPpjkrelieUsmipnFbKoeudfLnh8xjLsn58VBYijwNcYHTIMe+dsHcWGrhL+y5c36cRGvucAA/JefIYzkE3VO0ahwtjc4zgyp5xcJaviUr1eX4b0DX6XMcJqJQB2YMhXw+s1wqZae/tuIz/HB/IlsVwI/Wkj3zhgYHzcyMNGTsGNWTFJ7PCrjPwCn38TX9gWtBAltBbraPJbEOBeSF/4uSIBJE+xDb7dyL8EtMvjRt51QMD4rpH78O2+TMYZHAz7+VkjL9Hut6IAseU3cGPPdgoGTe+24NtjNerpAh4utPzDyCvQCtSJ+fH5jB/guEq7rJQLfEDLHX2V2FOeax9FX7RS0MOFlnuJRqyn+IzPFNpeqyH1YstdRoDJhJEqu/ZAvXnlfmxDJ2lPh5EzRnrJtVcW3I7lIk0WEA7sFtjNj/sGl72oKY8auafBmvE4BiG0+JJY9tpfMVApqhRqsuhA8fv4ez/szyiOwG7i5j605Y0qdiz0UQEYtnyvYDDE4xCN8hYjP8XI5XzKSL/WYL7rHsjOtdvyiJE7G9GgVuSWOtCR1ZAm2ERTU0ZScAR/X8Kfm/hW92Dj62iG7Ojdpmcv4v/VMCZ/Kd6/lYzWfbSLvefvcST/cMHP/gBya1lgTKDWfh6fvwWDlFV09GV89io+7yXSR4M4GFzAfriOfdaPUdsO9ofbV37G+pBmRDRpHNjzZExwb0H1/8TI+8jnkMNmGmayqrC7SQp9Y0/D3sxiF9rSLqZpp2F/En8CdpeSSQlJVz4LAeduBJR/w25+IxSMMdh7FJMtduLDSdaXvdhHHYzns9fo4ZKOkBzmgPgOHulHmYb0Y6ndNNLLkD+JxdnhXjQHRYzg30/okDxnYoUsGM1ih/dR9eUUMPqaBEYFdpcp/Am5Ja3yKWQFKBgXIPxMrCwwZj20iyRvMmQHOyNGymTw02/klJFWcq0LB0ld5Jr9+2n8ftagz9Yxya714f+3kWsVrKebffcxhUHXo+R+nVhPD7lm++CkkUFW95iRUXZtCL9L+60X79lBrrXjtSPkmvXbJ4wMs3vaOsbsH92cIaoZM03SDE7VtxOm9Bkjt+bUjL/DjalEOxB/QFno6t2gvR3LBIwBj5nqRjDOecC4xMCYxLBOCwx3SmcF7/uBCFN1twCMFQEY9LCZ0JVY5RQw/rfepEzAkB7Y7sBIO2I0C4w8y+L+YuSLOfMbz8DuqlrJbkRp55vQabFpi398gUISGHOUXBxAn9FC7Fk32r4KudaGNr+P2b5Jj8+oenxGv8dndHl8Rgu2Z8Bjt+3PRwL8xnfIPbnPcPVwnzHu8RnD6DNK5NoRj8/o8PgM55u8PoNdO2orcGHfVopmSA/f1QihJTMkrba8PEMznjPyMvz9DOgfqTEE+Y8iT1ri0FXGh9QEo10ARgXiFv98UmCq7lQCQ/tc+LQlDi869R1lzeA+wweG8xlrKRlFqhl8WdwfjHw4BQzLGv8N2YPYA8p858Jn+YwS5F2JldNnjHh8xkSCzyhyPOPzJ98m44feCJ9xIsFntGcksZzPGPKMZ8ayxjO2wi6MiOZZNDWOWnGFqfUW04xjaKbo3CN3AP0ci6bcAfQ0mhqH3Zkt9I3dYWZqGMPWWfLG2rbbyQan8POz6Ft6UBv4psn8hNFRvNd59sZ2Yz10hdQw7J2F0o7tXGJmahw1f4lZjzLTwAHUjFlipSoWkCFsKF1LPYjgXGM3qDGAjmDDaOUVrOgSMVNtCNAyqaeE9WwyutsRlPyIog7sTArGGjruZ/HabZjV6yagJ9XTh89KTWQPtv8iAaMDX7DL5OVqwXteI2a3hH20BXsn0B3F79N6urH9vJ5eC0iZXHR/qMPenRTcjMRNxvC2wt512GX8/012z04EZzujnjZsPL1nC9a/QcAo4T1dPQ/i375CRvaa9Vxn9+zEz1sRfeSt578CDAA1VAAGig7PCgAAAABJRU5ErkJggg==');
    background-size: auto 60%;
    background-repeat: no-repeat;
    background-position: center
}

@media screen and (max-width: 1023px) {
    .selectPaymentRow .btnDownload {
        margin-top: 5px;
    }
}

.selectPaymentRow .btnDownCopy {
    text-indent: -9999px;
    height: 35px;
    width: 50px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAABGCAYAAABRwr15AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0Y3REJGRjg0NzBGMTFFNkFCMzNGMEY0RDkxODc1Q0MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0Y3REJGRjc0NzBGMTFFNkFCMzNGMEY0RDkxODc1Q0MiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpENzM1OUI3MTQ3MEUxMUU2ODExMEE4QzEzMjFDOUU3MSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpENzM1OUI3MjQ3MEUxMUU2ODExMEE4QzEzMjFDOUU3MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtrZtWcAAAJNSURBVHja7Jq9S8NAGIdzoigo4geIgyB+i+Cgi+KoDjo5+yc4uoiiYpdCFx3cFDdFFFoQHHTprIsiLn7jIuKki0vxI/5OL1Bqk1zuLmmG94UHSntJnrzp3Zvchdm2bSnGGNgHL+DLox0D7WAGbKscqNxSjzrQKJCJJtUDlWlIfofc3ohkZEGSJEmSJEmSJEmSJEmSJEmSJEmSJEmSJEmSJEmSKpK1MXesZrZtr+HDLDgDFZIb5qy/mdvWAAd7Bk+gSrL9J+gHh1xyUAjGNab55T4HiZgK7oA9JlYfuOwt6IiR4AfoAY9O7+aT7vMxy2KSC/IPrGAd5whMxEDwAXSL5P0bJxdiksV5K29JpVDyAqyXWPAYpPO/YEWW7erBPWgokeSASJZnWXwDyyUSXC8UdMukE6dgKELBV9ApkiR9g7EYcRaXiwn+Bs+kB9t2NHHq5cF81rvbwE2AGw/VGAdZ1fvJRzHyh12fs14NmMSbA2Uim51h1mfdO/PvECtR0k9QNpNOHIApg4JXoE+mYRBJflmuDUpOihJo9EGM/y9ThgQzsoJBM8mjUtT1Fk3JXnHSoTzS8gewJU3BVBBBlUw6wce1UYXtnsRQloticmBJY7tc4K18arcXGwHrc1b1WEzjXbVmcAdqJNuPgJOo54L4i3Qrkm03VQV1Ok5+XIrpELd4B13ipKyoM+nEnM/vCR1B3Y6TT9qls1ya2L+Jy+1V16Xrc9iX262uZ0wImuo4bnU9UH2OIpNOXXee11dNCfIot8zGLhgGWyZ3+iPAACetKD0Y4Jg6AAAAAElFTkSuQmCC');
    background-size: auto 60%;
    background-repeat: no-repeat;
    background-position: center
}

@media screen and (max-width: 1023px) {
    .selectPaymentRow .btnDownCopy {
        margin-top: 5px;
    }
}

.selectPaymentRow .btnDownBP {
    padding: 9px 15px 8px;
    font-size: 14px;
    text-indent: -9999px;
    width: 50px;
    position: absolute;
    top: 18px;
    right: 15px;
    height: 32px;
    text-indent: -9999px;
    height: 35px;
    width: 50px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAABGCAYAAABRwr15AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0Y3REJGRjg0NzBGMTFFNkFCMzNGMEY0RDkxODc1Q0MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0Y3REJGRjc0NzBGMTFFNkFCMzNGMEY0RDkxODc1Q0MiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpENzM1OUI3MTQ3MEUxMUU2ODExMEE4QzEzMjFDOUU3MSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpENzM1OUI3MjQ3MEUxMUU2ODExMEE4QzEzMjFDOUU3MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtrZtWcAAAJNSURBVHja7Jq9S8NAGIdzoigo4geIgyB+i+Cgi+KoDjo5+yc4uoiiYpdCFx3cFDdFFFoQHHTprIsiLn7jIuKki0vxI/5OL1Bqk1zuLmmG94UHSntJnrzp3Zvchdm2bSnGGNgHL+DLox0D7WAGbKscqNxSjzrQKJCJJtUDlWlIfofc3ohkZEGSJEmSJEmSJEmSJEmSJEmSJEmSJEmSJEmSJEmSKpK1MXesZrZtr+HDLDgDFZIb5qy/mdvWAAd7Bk+gSrL9J+gHh1xyUAjGNab55T4HiZgK7oA9JlYfuOwt6IiR4AfoAY9O7+aT7vMxy2KSC/IPrGAd5whMxEDwAXSL5P0bJxdiksV5K29JpVDyAqyXWPAYpPO/YEWW7erBPWgokeSASJZnWXwDyyUSXC8UdMukE6dgKELBV9ApkiR9g7EYcRaXiwn+Bs+kB9t2NHHq5cF81rvbwE2AGw/VGAdZ1fvJRzHyh12fs14NmMSbA2Uim51h1mfdO/PvECtR0k9QNpNOHIApg4JXoE+mYRBJflmuDUpOihJo9EGM/y9ThgQzsoJBM8mjUtT1Fk3JXnHSoTzS8gewJU3BVBBBlUw6wce1UYXtnsRQloticmBJY7tc4K18arcXGwHrc1b1WEzjXbVmcAdqJNuPgJOo54L4i3Qrkm03VQV1Ok5+XIrpELd4B13ipKyoM+nEnM/vCR1B3Y6TT9qls1ya2L+Jy+1V16Xrc9iX262uZ0wImuo4bnU9UH2OIpNOXXee11dNCfIot8zGLhgGWyZ3+iPAACetKD0Y4Jg6AAAAAElFTkSuQmCC');
    background-size: auto 60%;
    background-repeat: no-repeat;
    background-position: center
}

@media screen and (max-width: 1023px) {
    .selectPaymentRow .btnDownBP {
        right: 0;
    }
}

.selectPaymentRow .btnDownBP:after, .selectPaymentRow .btnDownBP:before {
    content: "";
    position: absolute
}

.selectPaymentRow .options {
    display: none;
    position: absolute;
    right: 0;
    top: 42px;
    text-indent: 0;
    text-align: left;
    background: #fff;
    z-index: 10;
    border-radius: 6px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #d9e3ed;
    border-bottom: 3px solid #d9e3ed
}

    .selectPaymentRow .options:before {
        content: "";
        position: absolute;
        top: -11px;
        width: 100%;
        left: 0;
        height: 10px;
        background: transparent
    }

    .selectPaymentRow .options > div {
        padding: 15px
    }

    .selectPaymentRow .options hr {
        margin: 0
    }

    .selectPaymentRow .options a {
        padding: 2px 0;
        display: block;
        font-size: 14px;
        white-space: nowrap;
        color: #0d5092
    }

        .selectPaymentRow .options a:hover {
            color: #f48200
        }

.selectPaymentRow .hovering .options {
    display: block
}

.selectPaymentRow .table {
    margin-bottom: 30px
}

    .selectPaymentRow .table tr:nth-child(even) {
        background: #f9fafc
    }

    .selectPaymentRow .table td {
        font-size: 14px;
        line-height: 1.3
    }

        .selectPaymentRow .table td .fieldCheckbox .checkbox .icheckbox {
            margin: 0
        }

        .selectPaymentRow .table td small {
            display: inline-block;
            margin: 0 10px
        }

        .selectPaymentRow .table td .inline {
            display: inline-block;
            white-space: nowrap
        }

    .selectPaymentRow .table.historyTable {
        margin: 0
    }

.selectPaymentRow .history {
    padding: 20px 0 10px;
    font-family: 'MyriadProItalics',Helvetica,sans-serif;
    font-size: 14px
}

@media screen and (max-width: 720px) {
    .selectPaymentRow .footBtns {
        overflow: hidden
    }

        .selectPaymentRow .footBtns .btn {
            float: left;
            width: 49%;
            margin-bottom: 10px
        }

            .selectPaymentRow .footBtns .btn:first-child {
                margin-right: 2%
            }

            .selectPaymentRow .footBtns .btn.btnBlock {
                width: 100%;
                float: none;
                margin-right: 0 !important
            }

        .selectPaymentRow .footBtns .btnOrange {
            width: 100%
        }
}

@media screen and (max-width: 1023px) {
    .selectPaymentRow .passengerTable {
        display: block;
        width: 100%;
        border-top: 1px solid #d9e3ed
    }

        .selectPaymentRow .passengerTable thead {
            display: none
        }

        .selectPaymentRow .passengerTable tr, .selectPaymentRow .passengerTable tbody {
            display: block;
            width: 100%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

        .selectPaymentRow .passengerTable tr {
            border-left: 1px solid #d9e3ed;
            border-right: 1px solid #d9e3ed;
            border-bottom: 1px solid #d9e3ed;
            padding: 20px 15px 10px
        }

            .selectPaymentRow .passengerTable tr:before, .selectPaymentRow .passengerTable tr:after {
                content: "";
                display: table
            }

            .selectPaymentRow .passengerTable tr:after {
                clear: both
            }

        .selectPaymentRow .passengerTable td {
            border: 0;
            padding: 0 0 10px;
            display: block;
            width: 100%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

            .selectPaymentRow .passengerTable td:before, .selectPaymentRow .passengerTable td:after {
                content: "";
                display: table
            }

            .selectPaymentRow .passengerTable td:after {
                clear: both
            }

            .selectPaymentRow .passengerTable td small {
                float: left;
                padding-top: 6px
            }

            .selectPaymentRow .passengerTable td .inline {
                float: left;
                padding-top: 3px
            }

            .selectPaymentRow .passengerTable td:nth-child(2) .fieldSelect {
                float: left;
                margin-top: 6px
            }

            .selectPaymentRow .passengerTable td:nth-child(2) .inputTable {
                width: 49%;
                float: right
            }

            .selectPaymentRow .passengerTable td:nth-child(3) {
                margin-right: 2%
            }

            .selectPaymentRow .passengerTable td:nth-child(3), .selectPaymentRow .passengerTable td:nth-child(4) {
                width: 49%;
                float: left
            }

            .selectPaymentRow .passengerTable td:nth-child(4) {
                padding-right: 60px;
                position: relative
            }

            .selectPaymentRow .passengerTable td .offScreen {
                float: left;
                position: static;
                width: auto;
                height: auto;
                font-family: 'MyriadProRegular',Helvetica,sans-serif;
                font-size: 12px;
                padding-bottom: 3px
            }

        .selectPaymentRow .passengerTable.passengerTableAutoWidths tr {
            display: block
        }

            .selectPaymentRow .passengerTable.passengerTableAutoWidths tr td {
                position: relative;
                width: 100%;
                clear: both
            }

                .selectPaymentRow .passengerTable.passengerTableAutoWidths tr td .inputTable {
                    width: 100%
                }

                .selectPaymentRow .passengerTable.passengerTableAutoWidths tr td.dob .fieldSelect {
                    float: left;
                    margin-top: 6px
                }

                .selectPaymentRow .passengerTable.passengerTableAutoWidths tr td.dob .inputTable {
                    width: 49%;
                    float: right
                }

                .selectPaymentRow .passengerTable.passengerTableAutoWidths tr td.creditCardExpiry {
                    position: relative;
                    padding-right: 60px
                }

                .selectPaymentRow .passengerTable.passengerTableAutoWidths tr td:nth-child(4) {
                    padding-right: 0
                }

    .selectPaymentRow .fromTable {
        display: block;
        width: 100%;
        border-top: 1px solid #d9e3ed
    }

        .selectPaymentRow .fromTable thead {
            display: none
        }

        .selectPaymentRow .fromTable tr, .selectPaymentRow .fromTable tbody {
            display: block;
            width: 100%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

        .selectPaymentRow .fromTable tr {
            border-left: 1px solid #d9e3ed;
            border-right: 1px solid #d9e3ed;
            border-bottom: 1px solid #d9e3ed;
            padding: 20px 15px 10px;
            overflow: hidden
        }

        .selectPaymentRow .fromTable td {
            border: 0;
            padding: 0 10px 10px 0;
            float: left;
            width: 50%;
            overflow: hidden;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

            .selectPaymentRow .fromTable td:first-child {
                width: 100%
            }

            .selectPaymentRow .fromTable td:nth-child(even) {
                clear: left
            }

            .selectPaymentRow .fromTable td small {
                float: left;
                padding-top: 6px
            }

            .selectPaymentRow .fromTable td .inline {
                float: left;
                padding-top: 3px
            }

            .selectPaymentRow .fromTable td .label {
                float: left;
                padding-right: 9px;
                font-family: 'MyriadProRegular',Helvetica,sans-serif
            }

            .selectPaymentRow .fromTable td:first-child .label {
                padding-top: 3px
            }

    .selectPaymentRow .historyTable {
        display: block;
        width: 100%;
        border-top: 1px solid #d9e3ed
    }

        .selectPaymentRow .historyTable thead {
            display: none
        }

        .selectPaymentRow .historyTable tr, .selectPaymentRow .historyTable tbody {
            display: block;
            width: 100%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

        .selectPaymentRow .historyTable tr {
            border-left: 1px solid #d9e3ed;
            border-right: 1px solid #d9e3ed;
            border-bottom: 1px solid #d9e3ed;
            padding: 20px 15px 10px;
            overflow: hidden
        }

        .selectPaymentRow .historyTable td {
            border: 0;
            padding: 0 10px 10px 0;
            float: left;
            width: 100%;
            overflow: hidden;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

            .selectPaymentRow .historyTable td .label {
                float: left;
                padding-right: 9px;
                font-family: 'MyriadProRegular',Helvetica,sans-serif
            }
}

@media screen and (min-width: 721px) and (max-width: 1023px) {
    .selectPaymentRow .historyTable td {
        width: 50%
    }

        .selectPaymentRow .historyTable td:nth-child(odd) {
            clear: left
        }
}

@media screen and (min-width: 721px) {
    .selectPaymentRow .rowBounds {
        min-height: 400px
    }

    .selectPaymentRow .footBtns {
        overflow: hidden
    }

        .selectPaymentRow .footBtns .btn {
            float: left;
            margin-right: 10px
        }

        .selectPaymentRow .footBtns .btnOrange {
            float: right;
            margin: 0
        }
}

@media screen and (min-width: 1024px) {
    .selectPaymentRow .rowBounds {
        padding: 40px 30px 70px
    }

    .selectPaymentRow .table td {
        font-size: 16px
    }

    .selectPaymentRow .table th:first-child .fieldCheckbox .checkbox .icheckbox {
        margin: 1px 28px 0 0
    }

    .selectPaymentRow .btnDown {
        right: 15px;
        top: 18px;
        height: 35px
    }

    .selectPaymentRow .options {
        top: 45px
    }

    .selectPaymentRow .passengerTable td {
        position: relative
    }

        .selectPaymentRow .passengerTable td:nth-child(1) {
            min-width: 250px
        }

        .selectPaymentRow .passengerTable td small {
            float: left;
            padding-top: 3px
        }

        .selectPaymentRow .passengerTable td .inline {
            float: left;
            max-width: 250px;
            overflow: hidden;
            text-overflow: ellipsis
        }

        .selectPaymentRow .passengerTable td:nth-child(2) {
            width: 190px
        }

            .selectPaymentRow .passengerTable td:nth-child(2) .fieldSelect {
                float: left;
                margin-top: 7px
            }

            .selectPaymentRow .passengerTable td:nth-child(2) .inputTable {
                max-width: 110px;
                float: right
            }

        .selectPaymentRow .passengerTable td:nth-child(3) {
            width: 200px
        }

        .selectPaymentRow .passengerTable td:nth-child(4) {
            width: 100px;
            padding-right: 75px
        }

        .selectPaymentRow .passengerTable td.dob {
            width: 190px !important
        }

            .selectPaymentRow .passengerTable td.dob .fieldSelect {
                float: left !important;
                margin-top: 11px !important
            }

            .selectPaymentRow .passengerTable td.dob .inputTable {
                max-width: 110px !important;
                float: right !important;
                margin-top: 5px
            }

        .selectPaymentRow .passengerTable td.creditCardExpiry {
            position: relative;
            padding-right: 75px;
            width: 100px
        }

            .selectPaymentRow .passengerTable td.creditCardExpiry .btnDown {
                top: 20px
            }

    .selectPaymentRow .passengerTable.passengerTableAutoWidths td:nth-child(1) {
        min-width: 0
    }

    .selectPaymentRow .passengerTable.passengerTableAutoWidths td:nth-child(2) {
        width: auto
    }

        .selectPaymentRow .passengerTable.passengerTableAutoWidths td:nth-child(2) .fieldSelect {
            float: none;
            margin-top: 0
        }

        .selectPaymentRow .passengerTable.passengerTableAutoWidths td:nth-child(2) .inputTable {
            max-width: none;
            float: none
        }

    .selectPaymentRow .passengerTable.passengerTableAutoWidths td:nth-child(3) {
        width: auto
    }

    .selectPaymentRow .passengerTable.passengerTableAutoWidths td:nth-child(4) {
        width: auto;
        padding-right: 15px
    }

    .selectPaymentRow .passengerTable .btnTicket {
        padding: 8px 15px 7px;
        margin-top: -1px
    }

        .selectPaymentRow .passengerTable .btnTicket span {
            display: none
        }

    .selectPaymentRow .fromTable td small {
        float: left;
        padding-top: 3px
    }

    .selectPaymentRow .fromTable td .inline {
        float: left;
        max-width: 250px;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .selectPaymentRow .fromTable td .label {
        display: none
    }

    .selectPaymentRow .historyTable td .label {
        display: none
    }

    .selectPaymentRow .history {
        font-size: 16px
    }
}

.selectFareRow .rowBounds {
    padding: 30px 15px 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.selectFareRow .table {
    margin-bottom: 30px
}

    .selectFareRow .table td {
        font-size: 14px;
        line-height: 1.3
    }

        .selectFareRow .table td .btn {
            padding: 9px 15px 8px;
            font-size: 14px
        }

    .selectFareRow .table tr.selected {
        background: rgba(0,68,136,0.15)
    }

        .selectFareRow .table tr.selected td {
            border-color: #f0f4f8
        }

@media screen and (max-width: 720px) {
    .selectFareRow .footBtns {
        overflow: hidden
    }

        .selectFareRow .footBtns .btn {
            float: left;
            width: 49%;
            margin-bottom: 10px
        }

            .selectFareRow .footBtns .btn:first-child {
                margin-right: 2%
            }
}

@media screen and (max-width: 1023px) {
    .selectFareRow .fareTable {
        display: block;
        width: 100%;
        border-top: 1px solid #d9e3ed
    }

        .selectFareRow .fareTable thead {
            display: none
        }

        .selectFareRow .fareTable tr, .selectFareRow .fareTable tbody {
            display: block;
            width: 100%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

        .selectFareRow .fareTable tr {
            border-left: 1px solid #d9e3ed;
            border-right: 1px solid #d9e3ed;
            border-bottom: 1px solid #d9e3ed;
            padding: 20px 15px 0;
            overflow: hidden
        }

        .selectFareRow .fareTable td {
            border: 0;
            padding: 0 0 10px;
            float: left;
            width: 100%;
            overflow: hidden;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

            .selectFareRow .fareTable td:nth-child(odd) {
                clear: left
            }

            .selectFareRow .fareTable td small {
                float: left;
                padding-top: 6px
            }

            .selectFareRow .fareTable td .label {
                float: left;
                width: 32%;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                padding-right: 9px;
                font-family: 'MyriadProRegular',Helvetica,sans-serif
            }

            .selectFareRow .fareTable td .block {
                width: 34%;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                padding-right: 9px;
                float: left
            }

            .selectFareRow .fareTable td:last-child {
                width: 100%
            }

                .selectFareRow .fareTable td:last-child .block {
                    padding-bottom: 10px
                }

            .selectFareRow .fareTable td.queue {
                padding-bottom: 20px;
                position: relative
            }

                .selectFareRow .fareTable td.queue span {
                    display: block
                }

                .selectFareRow .fareTable td.queue a {
                    text-decoration: underline
                }

                .selectFareRow .fareTable td.queue .btn {
                    margin: 10px 0 0;
                    text-decoration: none
                }

        .selectFareRow .fareTable .alertBlock {
            padding: 10px 15px 7px
        }

            .selectFareRow .fareTable .alertBlock .alert {
                padding: 0;
                font-size: 12px;
                font-family: 'MyriadProRegular',Helvetica,sans-serif;
                color: #f48200
            }

        .selectFareRow .fareTable .titleBlock {
            background: #f9fafc;
            padding: 10px 15px 7px
        }

            .selectFareRow .fareTable .titleBlock .title {
                padding: 0;
                font-size: 12px
            }

        .selectFareRow .fareTable .btn {
            clear: left;
            margin-bottom: 10px
        }
}

@media screen and (min-width: 721px) {
    .selectFareRow .footBtns {
        overflow: hidden
    }

        .selectFareRow .footBtns .btn {
            float: left;
            margin-right: 10px
        }
}

@media screen and (min-width: 1024px) {
    .selectFareRow .rowBounds {
        padding: 40px 30px 70px
    }

    .selectFareRow .fareTable td {
        vertical-align: top;
        font-size: 16px
    }

        .selectFareRow .fareTable td .label {
            display: none
        }

        .selectFareRow .fareTable td .block {
            display: block
        }

        .selectFareRow .fareTable td:last-child {
            padding-right: 90px;
            position: relative
        }

            .selectFareRow .fareTable td:last-child .btn {
                position: absolute;
                right: 15px;
                top: 7px
            }

            .selectFareRow .fareTable td:last-child .btnOrange {
                position: absolute;
                right: 15px;
                top: 17px
            }

        .selectFareRow .fareTable td.queue a {
            text-decoration: underline;
            -webkit-transition: color 0.2s ease-in-out;
            -moz-transition: color 0.2s ease-in-out;
            transition: color 0.2s ease-in-out
        }

            .selectFareRow .fareTable td.queue a:hover {
                color: #f48200
            }

        .selectFareRow .fareTable td.queue .btn {
            text-decoration: none;
            -webkit-transition: background 0.2s ease-in-out;
            -moz-transition: background 0.2s ease-in-out;
            transition: background 0.2s ease-in-out
        }

            .selectFareRow .fareTable td.queue .btn:hover {
                color: #fff
            }

    .selectFareRow .fareTable .alertBlock .alert {
        padding: 10px 15px 7px;
        font-size: 14px;
        font-family: 'MyriadProRegular',Helvetica,sans-serif;
        color: #f48200
    }

    .selectFareRow .fareTable .titleBlock .title {
        padding: 10px 15px 7px;
        font-size: 14px
    }
}

.issueTicketsRow .rowBounds {
    padding: 30px 15px 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.issueTicketsRow .table tr:nth-child(even) {
    background: #f9fafc
}

.issueTicketsRow .table td {
    font-size: 14px;
    line-height: 1.3
}

    .issueTicketsRow .table td .fieldCheckbox .checkbox .icheckbox {
        margin: 0
    }

    .issueTicketsRow .table td small {
        display: inline-block;
        margin: 0 10px
    }

    .issueTicketsRow .table td .inline {
        display: inline-block;
        white-space: nowrap
    }

.issueTicketsRow .disagree {
    padding-top: 20px;
    font-size: 14px
}

.issueTicketsRow .iconT {
    background: #004488;
    color: #fff;
    float: left;
    width: 17px;
    height: 17px;
    margin: 0 5px 0 0;
    border-radius: 50%;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    text-align: center;
    line-height: 1.1
}

    .issueTicketsRow .iconT:before {
        content: "X";
        font-family: 'MyriadProBold',Helvetica,sans-serif;
        font-style: normal;
        font-size: 10px
    }

.issueTicketsRow .issueForm {
    padding-top: 20px
}

    .issueTicketsRow .issueForm .btn {
        margin-bottom: 10px;
        float: left
    }

    .issueTicketsRow .issueForm .formRight {
        clear: left;
        padding-top: 20px
    }

.issueTicketsRow .sector {
    padding: 20px 0 10px;
    clear: both;
    font-family: 'MyriadProItalics',Helvetica,sans-serif
}

@media screen and (max-width: 720px) {
    .issueTicketsRow .issueForm .btn {
        width: 49%
    }

        .issueTicketsRow .issueForm .btn:nth-child(odd) {
            clear: left;
            margin-right: 2%
        }

    .issueTicketsRow .issueForm .btnOrange {
        width: 100%
    }
}

@media screen and (max-width: 1023px) {
    .issueTicketsRow .table {
        display: block;
        width: 100%;
        border-top: 1px solid #d9e3ed
    }

        .issueTicketsRow .table thead {
            display: none
        }

        .issueTicketsRow .table tr, .issueTicketsRow .table tbody {
            display: block;
            width: 100%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

        .issueTicketsRow .table tr {
            border-left: 1px solid #d9e3ed;
            border-right: 1px solid #d9e3ed;
            border-bottom: 1px solid #d9e3ed;
            padding: 20px 15px 10px;
            overflow: hidden
        }

        .issueTicketsRow .table td {
            border: 0;
            padding: 0 0 10px;
            float: left;
            width: 50%;
            overflow: hidden;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

            .issueTicketsRow .table td:nth-child(odd) {
                clear: left
            }

            .issueTicketsRow .table td .label {
                float: left;
                padding-right: 9px;
                font-family: 'MyriadProRegular',Helvetica,sans-serif
            }

    .issueTicketsRow .issueTable td:first-child, .issueTicketsRow .issueTable td:nth-child(8), .issueTicketsRow .issueTable td:nth-child(10) {
        width: 100%
    }

    .issueTicketsRow .issueTable td:nth-child(odd) {
        clear: none
    }

    .issueTicketsRow .issueTable td:nth-child(even) {
        clear: left
    }

    .issueTicketsRow .issueTable td:nth-child(8) .label, .issueTicketsRow .issueTable td:nth-child(10) .label {
        padding-top: 7px
    }

    .issueTicketsRow .issueTable td .inputTable {
        float: left;
        max-width: 100px
    }

    .issueTicketsRow .issueTable td .info {
        float: left;
        width: 22px;
        height: 22px;
        background: rgba(0,68,135,0.15);
        border-radius: 50%;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding-box;
        background-clip: padding-box;
        text-align: center;
        color: #004488;
        font-size: 14px;
        padding-top: 3px;
        margin: 5px 0 0 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
}

@media screen and (min-width: 721px) {
    .issueTicketsRow .issueForm .btn {
        margin-right: 10px
    }

    .issueTicketsRow .issueForm .formRight .whiteFieldGroup {
        float: left;
        width: 70%
    }

    .issueTicketsRow .issueForm .formRight .fieldSubmit {
        float: left;
        width: 30%;
        padding-left: 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

        .issueTicketsRow .issueForm .formRight .fieldSubmit .btn {
            width: 100%;
            padding: 18px 10px 17px 12px;
            margin: 0
        }
}

@media screen and (min-width: 1024px) {
    .issueTicketsRow .rowBounds {
        padding: 40px 30px 70px
    }

    .issueTicketsRow .table td {
        font-size: 16px
    }

        .issueTicketsRow .table td .label {
            display: none
        }

    .issueTicketsRow .disagree {
        font-size: 16px
    }

    .issueTicketsRow .iconT {
        margin: 1px 0 0 0;
        line-height: 0.9
    }

    .issueTicketsRow .issueTable th.price-input {
        min-width: 85px
    }

    .issueTicketsRow .issueTable td {
        padding: 8px 15px
    }

        .issueTicketsRow .issueTable td .inputTable {
            float: left;
            max-width: 100px
        }

        .issueTicketsRow .issueTable td .info {
            float: left;
            width: 22px;
            height: 22px;
            background: rgba(0,68,135,0.15);
            border-radius: 50%;
            -webkit-background-clip: padding-box;
            -moz-background-clip: padding-box;
            background-clip: padding-box;
            text-align: center;
            color: #004488;
            font-size: 14px;
            padding-top: 3px;
            margin: 5px 0 0 10px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-transition: background 0.2s ease-in-out;
            -moz-transition: background 0.2s ease-in-out;
            transition: background 0.2s ease-in-out
        }

            .issueTicketsRow .issueTable td .info:hover {
                background: rgba(0,68,135,0.3)
            }

    .issueTicketsRow .sectorTable td:first-child {
        width: 17px;
        text-indent: -9999px
    }

        .issueTicketsRow .sectorTable td:first-child .iconT {
            text-indent: 0
        }

    .issueTicketsRow .issueForm .formRight {
        clear: none;
        float: right;
        padding-top: 0
    }

        .issueTicketsRow .issueForm .formRight .whiteFieldGroup {
            float: left;
            width: 400px
        }

        .issueTicketsRow .issueForm .formRight .fieldSubmit {
            width: auto
        }

            .issueTicketsRow .issueForm .formRight .fieldSubmit .btn {
                width: auto;
                padding: 18px 30px 17px 32px
            }
}

.completeRow .rowBounds {
    padding: 30px 15px 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.completeRow .issued {
    font-family: 'MyriadProItalics',Helvetica,sans-serif;
    padding-bottom: 10px
}

.completeRow .table {
    margin-bottom: 30px
}

    .completeRow .table tr:nth-child(even) {
        background: #f9fafc
    }

    .completeRow .table td {
        font-size: 14px;
        line-height: 1.3
    }

        .completeRow .table td small {
            display: inline-block;
            margin: 0 8px 0 0
        }

@media screen and (max-width: 720px) {
    .completeRow .table {
        display: block;
        width: 100%;
        border-top: 1px solid #d9e3ed
    }

        .completeRow .table thead {
            display: none
        }

        .completeRow .table tr, .completeRow .table tbody {
            display: block;
            width: 100%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

        .completeRow .table tr {
            border-left: 1px solid #d9e3ed;
            border-right: 1px solid #d9e3ed;
            border-bottom: 1px solid #d9e3ed;
            padding: 20px 15px 10px;
            overflow: hidden
        }

        .completeRow .table td {
            border: 0;
            padding: 0 0 10px;
            float: left;
            width: 100%;
            overflow: hidden;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

            .completeRow .table td:nth-child(odd) {
                clear: left
            }

            .completeRow .table td .label {
                float: left;
                padding-right: 9px;
                font-family: 'MyriadProRegular',Helvetica,sans-serif
            }
}

@media screen and (min-width: 721px) {
    .completeRow .table td .label {
        display: none
    }

    .completeRow .table td small {
        margin: 0 15px 0 0
    }
}

@media screen and (min-width: 1024px) {
    .completeRow .rowBounds {
        padding: 40px 30px 70px
    }

    .completeRow .table td {
        font-size: 16px
    }
}

.queueRow .rowBounds {
    padding: 30px 15px 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.queueRow .btnDown {
    padding: 9px 15px 8px;
    font-size: 14px;
    text-indent: -9999px;
    width: 50px;
    position: relative
}

    .queueRow .btnDown:after, .queueRow .btnDown:before {
        content: "";
        position: absolute
    }

    .queueRow .btnDown:after {
        background: #fff;
        width: 4px;
        height: 7px;
        top: 12px;
        left: 50%;
        margin-left: -2px
    }

    .queueRow .btnDown:before {
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 6px solid #fff;
        top: 19px;
        left: 50%;
        margin-left: -6px
    }

.queueRow .table {
    margin-bottom: 30px
}

    .queueRow .table tr:nth-child(even) {
        background: #f9fafc
    }

    .queueRow .table td {
        font-size: 14px;
        line-height: 1.3
    }

        .queueRow .table td .fieldCheckbox .checkbox .icheckbox {
            margin: 0
        }

        .queueRow .table td small {
            display: inline-block;
            margin: 0 0 0 10px;
            opacity: 0.5;
            font-family: 'MyriadProBold',Helvetica,sans-serif
        }

        .queueRow .table td .inline {
            display: inline-block;
            white-space: nowrap
        }

.queueRow .additionalInformation h4 {
    font-family: 'MyriadProBold',Helvetica,sans-serif;
    padding-bottom: 10px;
    font-size: 14px
}

.queueRow .declaration p {
    color: rgba(0,68,135,0.7);
    font-size: 12px;
    padding-bottom: 10px
}

    .queueRow .declaration p:last-child {
        padding: 0
    }

@media screen and (max-width: 720px) {
    .queueRow .footBtns {
        overflow: hidden;
        padding: 10px 0
    }

        .queueRow .footBtns .btn {
            float: left;
            width: 49%;
            margin-bottom: 10px
        }

            .queueRow .footBtns .btn:first-child {
                margin-right: 2%
            }

        .queueRow .footBtns .btnOrange {
            width: 100%
        }
}

@media screen and (max-width: 1023px) {
    .queueRow .table {
        display: block;
        width: 100%;
        border-top: 1px solid #d9e3ed
    }

        .queueRow .table thead {
            display: none
        }

        .queueRow .table tr, .queueRow .table tbody {
            display: block;
            width: 100%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

        .queueRow .table tr {
            border-left: 1px solid #d9e3ed;
            border-right: 1px solid #d9e3ed;
            border-bottom: 1px solid #d9e3ed;
            padding: 20px 15px 10px;
            overflow: hidden
        }

        .queueRow .table td {
            border: 0;
            padding: 0 0 10px;
            display: block;
            overflow: hidden;
            width: 100%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

            .queueRow .table td small {
                float: right
            }

            .queueRow .table td .fieldSelect {
                float: left;
                margin: 24px 0 0 20px
            }

            .queueRow .table td .inputTable {
                width: 50%;
                float: left
            }

            .queueRow .table td .offScreen {
                float: left;
                position: static;
                width: auto;
                height: auto;
                font-family: 'MyriadProRegular',Helvetica,sans-serif;
                font-size: 12px;
                padding-bottom: 3px
            }

        .queueRow .table .btnDown {
            display: none
        }
}

@media screen and (min-width: 721px) {
    .queueRow .rowBounds {
        min-height: 400px
    }

        .queueRow .rowBounds:before, .queueRow .rowBounds:after {
            content: "";
            display: table
        }

        .queueRow .rowBounds:after {
            clear: both
        }

    .queueRow .additionalInformation {
        width: 50%;
        padding-right: 20px;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .queueRow .declaration {
        width: 50%;
        padding-left: 20px;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .queueRow .footBtns {
        overflow: hidden;
        padding-top: 15px
    }

        .queueRow .footBtns .btn {
            float: left;
            margin-right: 10px
        }

        .queueRow .footBtns .btnOrange {
            float: right;
            margin: 0
        }
}

@media screen and (min-width: 1024px) {
    .queueRow .rowBounds {
        padding: 40px 30px 70px
    }

    .queueRow .table td {
        font-size: 16px;
        position: relative
    }

        .queueRow .table td small {
            float: right;
            padding-top: 3px
        }

        .queueRow .table td:nth-child(2) {
            width: 200px
        }

            .queueRow .table td:nth-child(2) .fieldSelect {
                float: right;
                margin-top: 7px
            }

            .queueRow .table td:nth-child(2) .inputTable {
                max-width: 220px;
                float: left
            }

        .queueRow .table td:nth-child(3) {
            width: 100px
        }

            .queueRow .table td:nth-child(3) .inputTable {
                max-width: 220px;
                float: left
            }

    .queueRow .table .btnDown {
        position: absolute;
        right: 15px;
        top: 14px
    }

    .queueRow .additionalInformation h4 {
        font-size: 16px
    }

    .queueRow .declaration p {
        font-size: 14px
    }
}

.refundQueueRow .rowBounds {
    padding: 30px 15px 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.refundQueueRow .table tr:nth-child(even) {
    background: #f9fafc
}

.refundQueueRow .table td {
    font-size: 14px;
    line-height: 1.3
}

    .refundQueueRow .table td .fieldCheckbox .checkbox .icheckbox {
        margin: 0
    }

    .refundQueueRow .table td small {
        display: inline-block;
        margin: 0 0 0 10px;
        opacity: 0.5;
        font-family: 'MyriadProBold',Helvetica,sans-serif
    }

    .refundQueueRow .table td .inline {
        display: inline-block;
        white-space: nowrap
    }

.refundQueueRow .sectorsTable {
    margin-bottom: 30px
}

.refundQueueRow .refund {
    font-size: 14px
}

.refundQueueRow .sectors {
    padding: 20px 0 5px;
    font-size: 14px
}

.refundQueueRow .declaration {
    color: rgba(0,68,135,0.7);
    font-size: 12px;
    padding: 6px 0 10px
}

.refundQueueRow .details .fieldCheckbox {
    padding-bottom: 15px
}

    .refundQueueRow .details .fieldCheckbox a {
        text-decoration: underline;
        font-family: 'MyriadProBold',Helvetica,sans-serif
    }

@media screen and (max-width: 720px) {
    .refundQueueRow .footBtns {
        overflow: hidden;
        padding: 10px 0 0;
        clear: both
    }

        .refundQueueRow .footBtns .btn {
            margin-bottom: 10px
        }

        .refundQueueRow .footBtns .btnOrange {
            width: 100%;
            margin-bottom: 0
        }
}

@media screen and (max-width: 1023px) {
    .refundQueueRow .table {
        display: block;
        width: 100%;
        border-top: 1px solid #d9e3ed
    }

        .refundQueueRow .table thead {
            display: none
        }

        .refundQueueRow .table tr, .refundQueueRow .table tbody {
            display: block;
            width: 100%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

        .refundQueueRow .table tr {
            border-left: 1px solid #d9e3ed;
            border-right: 1px solid #d9e3ed;
            border-bottom: 1px solid #d9e3ed;
            padding: 20px 15px 10px;
            overflow: hidden
        }

        .refundQueueRow .table td {
            border: 0;
            padding: 0 0 10px;
            display: block;
            width: 100%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

    .refundQueueRow .sectorsTable td {
        width: 50%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: 10px
    }

    .refundQueueRow .label {
        margin-right: 5px;
        font-family: 'MyriadProRegular',Helvetica,sans-serif;
        float: left
    }

    .refundQueueRow .refundTable .fieldCheckbox {
        margin: -2px 5px 0 1px;
        float: left
    }
}

@media screen and (min-width: 721px) {
    .refundQueueRow .rowBounds {
        min-height: 400px
    }

        .refundQueueRow .rowBounds:before, .refundQueueRow .rowBounds:after {
            content: "";
            display: table
        }

        .refundQueueRow .rowBounds:after {
            clear: both
        }

    .refundQueueRow .details {
        width: 53%;
        padding-right: 20px;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .refundQueueRow .footBtns {
        overflow: hidden;
        padding-top: 15px;
        clear: left
    }

        .refundQueueRow .footBtns .btn {
            float: left;
            margin-right: 10px
        }

        .refundQueueRow .footBtns .btnOrange {
            float: right;
            margin: 0
        }
}

@media screen and (min-width: 1024px) {
    .refundQueueRow .rowBounds {
        padding: 40px 30px 70px
    }

    .refundQueueRow .table td {
        font-size: 16px;
        position: relative
    }

    .refundQueueRow .label {
        display: none
    }

    .refundQueueRow .refundTable .fieldCheckbox {
        margin: 0 15px 0 0;
        float: left
    }

        .refundQueueRow .refundTable .fieldCheckbox.white {
            margin: 0 15px 0 0
        }

        .refundQueueRow .refundTable .fieldCheckbox .checkbox .icheckbox {
            margin: 0
        }

    .refundQueueRow .details .small {
        width: 205px;
        float: left
    }

    .refundQueueRow .details .declarationRight {
        float: left;
        padding: 19px 0 0 15px
    }

    .refundQueueRow .details .fieldCheckbox a {
        -webkit-transition: color 0.2s ease-in-out;
        -moz-transition: color 0.2s ease-in-out;
        transition: color 0.2s ease-in-out
    }

        .refundQueueRow .details .fieldCheckbox a:hover {
            color: #f48200
        }

    .refundQueueRow .refund {
        font-size: 16px
    }

    .refundQueueRow .sectors {
        font-size: 16px
    }

    .refundQueueRow .declaration {
        font-size: 14px
    }
}

.tabsNav:before, .tabsNav:after {
    content: "";
    display: table
}

.tabsNav:after {
    clear: both
}

.tabsNav li a {
    border-right: 1px solid #d9e3ed;
    border-left: 1px solid #d9e3ed;
    border-top: 1px solid #d9e3ed;
    position: relative;
    padding: 10px 15px;
    display: block;
    color: #004488;
    background: rgba(0,68,136,0.05);
    font-family: 'MyriadProBold',Helvetica,sans-serif;
    font-size: 14px
}

.tabsNav li:first-child a {
    border-radius: 3px 3px 0 0;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box
}

.tabsNav li:last-child a {
    border-radius: 0 3px 0 0;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box
}

.tabsNav li.active {
    background: #fff
}

    .tabsNav li.active a {
        cursor: default;
        background: #fff
    }

@media screen and (max-width: 720px) {
    .tabsNav li.active a {
        position: relative
    }

        .tabsNav li.active a:before, .tabsNav li.active a:after {
            content: "";
            position: absolute;
            width: 7px;
            height: 1px;
            background: #004488;
            top: 21px;
            -webkit-transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out
        }

        .tabsNav li.active a:before {
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            right: 20px
        }

        .tabsNav li.active a:after {
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
            right: 15px
        }
}

@media screen and (min-width: 721px) {
    .tabsNav:before, .tabsNav:after {
        content: "";
        display: table
    }

    .tabsNav:after {
        clear: both
    }

    .tabsNav li {
        float: left
    }

        .tabsNav li a {
            border-left: 0;
            float: left;
            padding: 12px 15px
        }

        .tabsNav li:first-child a {
            border-left: 1px solid #d9e3ed;
            border-radius: 3px 0 0 0;
            -webkit-background-clip: padding-box;
            -moz-background-clip: padding-box;
            background-clip: padding-box
        }

        .tabsNav li:last-child a {
            border-radius: 0 3px 0 0;
            -webkit-background-clip: padding-box;
            -moz-background-clip: padding-box;
            background-clip: padding-box
        }

        .tabsNav li.active a:after {
            content: "";
            position: absolute;
            bottom: -2px;
            left: 0;
            width: 100%;
            height: 3px;
            background: #fff
        }
}

@media screen and (min-width: 1024px) {
    .tabsNav li a {
        font-size: 16px;
        -webkit-transition: background 0.2s ease-in-out;
        -moz-transition: background 0.2s ease-in-out;
        transition: background 0.2s ease-in-out
    }

        .tabsNav li a:hover {
            background: rgba(0,68,136,0)
        }

    .tabsNav li.active a:hover {
        background: #fff
    }
}

.tabContent {
    display: none
}

    .tabContent.active {
        display: block
    }

.tsRow .rowBounds {
    padding: 30px 15px 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.tsRow .issued {
    font: 14px 'MyriadProBold',Helvetica,sans-serif;
    padding-bottom: 15px
}

.tsRow .table {
    margin-bottom: 20px
}

    .tsRow .table tr:nth-child(even) {
        background: #f9fafc
    }

    .tsRow .table th .fieldCheckbox .checkbox .icheckbox {
        margin: 0
    }

    .tsRow .table td {
        font-size: 14px;
        line-height: 1.3
    }

        .tsRow .table td .fieldCheckbox .checkbox .icheckbox {
            margin: 0
        }

        .tsRow .table td small {
            display: block
        }

        .tsRow .table td .btn {
            padding: 9px 15px 8px;
            font-size: 14px
        }

@media screen and (max-width: 1023px) {
    .tsRow .table {
        display: block;
        width: 100%;
        border-top: 1px solid #d9e3ed
    }

        .tsRow .table thead {
            display: none
        }

        .tsRow .table tr, .tsRow .table tbody {
            display: block;
            width: 100%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

        .tsRow .table tr {
            border-left: 1px solid #d9e3ed;
            border-right: 1px solid #d9e3ed;
            border-bottom: 1px solid #d9e3ed;
            padding: 20px 15px 10px;
            overflow: hidden
        }

        .tsRow .table td {
            border: 0;
            padding: 0 0 10px;
            display: block;
            width: 100%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

            .tsRow .table td:before, .tsRow .table td:after {
                content: "";
                display: table
            }

            .tsRow .table td:after {
                clear: both
            }

            .tsRow .table td:first-child {
                font-size: 18px;
                padding-bottom: 15px
            }

                .tsRow .table td:first-child small {
                    display: block;
                    padding: 0;
                    font-size: 12px
                }

                .tsRow .table td:first-child .label {
                    display: none
                }

            .tsRow .table td small {
                display: inline;
                padding-left: 5px
            }

            .tsRow .table td .label {
                font-family: 'MyriadProRegular',Helvetica,sans-serif;
                padding-right: 8px;
                float: left
            }

            .tsRow .table td .btn {
                margin-top: 10px
            }
}

@media screen and (min-width: 721px) and (max-width: 1023px) {
    .tsRow .table td {
        border: 0;
        padding: 0 0 10px;
        float: left;
        width: 50%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

        .tsRow .table td:nth-child(even) {
            clear: left
        }

        .tsRow .table td:first-child {
            width: 100%
        }

        .tsRow .table td .btns {
            display: inline
        }

        .tsRow .table td .btn {
            margin: 0 0 0 5px;
            width: auto;
            color: #5692c8;
            padding: 0;
            text-decoration: underline;
            background: none
        }
}

@media screen and (min-width: 721px) {
    .tsRow .rowBounds {
        min-height: 400px
    }
}

@media screen and (min-width: 1024px) {
    .tsRow .rowBounds {
        padding: 40px 30px 70px
    }

    .tsRow .issued {
        font-size: 16px
    }

    .tsRow .table td {
        padding: 14px 15px;
        font-size: 16px;
        position: relative
    }

        .tsRow .table td:last-child {
            padding-right: 206px;
            position: relative
        }

        .tsRow .table td .label {
            display: none
        }

        .tsRow .table td .btns {
            position: absolute;
            right: 15px;
            top: 15px
        }

        .tsRow .table td .btn {
            margin-left: 10px
        }
}

.tsHeadRow {
    position: relative;
    background: #f9fafc;
    border-bottom: 1px solid #d9e3ed
}

    .tsHeadRow .rowBounds {
        padding: 30px 15px 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

@media screen and (max-width: 720px) {
    .tsHeadRow .tsTable {
        display: block;
        width: 100%
    }

        .tsHeadRow .tsTable thead {
            display: none
        }

        .tsHeadRow .tsTable tr, .tsHeadRow .tsTable tbody {
            display: block;
            width: 100%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

        .tsHeadRow .tsTable tr {
            padding: 0 0 20px;
            overflow: hidden
        }

        .tsHeadRow .tsTable td {
            font-family: 'MyriadProBold',Helvetica,sans-serif;
            border: 0;
            padding: 0 0 5px;
            display: block;
            font-size: 14px;
            width: 100%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

            .tsHeadRow .tsTable td .label {
                font-family: 'MyriadProRegular',Helvetica,sans-serif
            }
}

@media screen and (min-width: 721px) {
    .tsHeadRow .tsTable {
        width: 100%;
        margin-bottom: 30px
    }

        .tsHeadRow .tsTable th {
            font-size: 12px;
            padding: 12px 15px 0
        }

        .tsHeadRow .tsTable td {
            font-size: 14px;
            font-family: 'MyriadProBold',Helvetica,sans-serif;
            padding: 3px 15px 0
        }

            .tsHeadRow .tsTable td .label {
                display: none
            }

        .tsHeadRow .tsTable tbody tr:first-child td {
            padding-top: 12px
        }
}

@media screen and (min-width: 1024px) {
    .tsHeadRow .rowBounds {
        padding: 40px 30px 0
    }

    .tsHeadRow .tsTable th {
        font-size: 14px
    }

    .tsHeadRow .tsTable td {
        font-size: 16px
    }
}

.tsFareWarningRow .rowBounds {
    padding: 0 15px 10px
}

.tsFareWarningRow .tsFareWarning {
    padding: 30px 0 30px;
    border-bottom: 1px solid #d9e3ed
}

    .tsFareWarningRow .tsFareWarning:last-child {
        border: 0
    }

    .tsFareWarningRow .tsFareWarning h2 {
        font-family: 'MyriadProBold',Helvetica,sans-serif;
        font-size: 18px
    }

    .tsFareWarningRow .tsFareWarning small {
        padding-bottom: 10px;
        display: block;
        font-size: 12px
    }

        .tsFareWarningRow .tsFareWarning small a {
            color: #004488
        }

    .tsFareWarningRow .tsFareWarning p {
        font-size: 14px
    }

@media screen and (min-width: 1024px) {
    .tsFareWarningRow .rowBounds {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 30px 40px
    }

    .tsFareWarningRow .tsFareWarning h2 {
        font-size: 24px
    }

    .tsFareWarningRow .tsFareWarning small {
        font-size: 13px
    }

        .tsFareWarningRow .tsFareWarning small a {
            -webkit-transition: color 0.2s ease-in-out;
            -moz-transition: color 0.2s ease-in-out;
            transition: color 0.2s ease-in-out
        }

            .tsFareWarningRow .tsFareWarning small a:hover {
                color: #f48200
            }

    .tsFareWarningRow .tsFareWarning p {
        font-size: 16px
    }
}

.tsWebQueueHistoryRow .rowBounds {
    padding: 30px 15px 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.tsWebQueueHistoryRow .table tr:nth-child(even) {
    background: #f9fafc
}

.tsWebQueueHistoryRow .table td {
    font-size: 14px;
    line-height: 1.3
}

    .tsWebQueueHistoryRow .table td.title {
        line-height: 1.6
    }

    .tsWebQueueHistoryRow .table td .btn {
        padding: 9px 15px 8px;
        font-size: 14px
    }

@media screen and (max-width: 720px) {
    .tsWebQueueHistoryRow .table {
        display: block;
        width: 100%;
        border-top: 1px solid #d9e3ed
    }

        .tsWebQueueHistoryRow .table thead {
            display: none
        }

        .tsWebQueueHistoryRow .table tr, .tsWebQueueHistoryRow .table tbody {
            display: block;
            width: 100%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

        .tsWebQueueHistoryRow .table tr {
            border-left: 1px solid #d9e3ed;
            border-right: 1px solid #d9e3ed;
            border-bottom: 1px solid #d9e3ed;
            padding: 20px 15px 10px;
            overflow: hidden
        }

        .tsWebQueueHistoryRow .table td {
            border: 0;
            padding: 0 0 10px 0;
            display: block;
            width: 100%;
            float: left;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

            .tsWebQueueHistoryRow .table td .btn {
                margin-top: 10px
            }

    .tsWebQueueHistoryRow .label {
        margin-right: 5px;
        font-family: 'MyriadProRegular',Helvetica,sans-serif;
        float: left
    }
}

@media screen and (min-width: 721px) {
    .tsWebQueueHistoryRow .rowBounds {
        padding: 30px 15px 50px;
        min-height: 400px
    }

        .tsWebQueueHistoryRow .rowBounds:before, .tsWebQueueHistoryRow .rowBounds:after {
            content: "";
            display: table
        }

        .tsWebQueueHistoryRow .rowBounds:after {
            clear: both
        }

    .tsWebQueueHistoryRow .table td {
        font-size: 14px;
        position: relative
    }

        .tsWebQueueHistoryRow .table td:last-child {
            padding-right: 90px
        }

        .tsWebQueueHistoryRow .table td .btn {
            position: absolute;
            right: 15px;
            top: 7px
        }

    .tsWebQueueHistoryRow .label {
        display: none
    }
}

@media screen and (min-width: 1024px) {
    .tsWebQueueHistoryRow .rowBounds {
        padding: 40px 30px 70px
    }

    .tsWebQueueHistoryRow .table td {
        font-size: 16px
    }
}

.tsAdviceRow .rowBounds {
    padding: 30px 15px 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.tsAdviceRow .table td {
    font-size: 14px;
    line-height: 1.3
}

    .tsAdviceRow .table td .btn {
        padding: 9px 15px 8px;
        font-size: 14px
    }

@media screen and (max-width: 1023px) {
    .tsAdviceRow .table {
        display: block;
        width: 100%;
        border-top: 1px solid #d9e3ed
    }

        .tsAdviceRow .table thead {
            display: none
        }

        .tsAdviceRow .table tr, .tsAdviceRow .table tbody {
            display: block;
            width: 100%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

        .tsAdviceRow .table tr {
            border-left: 1px solid #d9e3ed;
            border-right: 1px solid #d9e3ed;
            border-bottom: 1px solid #d9e3ed;
            padding: 20px 15px 10px;
            overflow: hidden
        }

        .tsAdviceRow .table td {
            border: 0;
            padding: 0 0 10px;
            float: left;
            width: 100%;
            overflow: hidden;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

            .tsAdviceRow .table td small {
                display: inline;
                padding-left: 5px
            }

            .tsAdviceRow .table td:first-child {
                font-size: 18px;
                padding-bottom: 15px
            }

                .tsAdviceRow .table td:first-child small {
                    display: block;
                    padding: 0;
                    font-size: 12px
                }

                .tsAdviceRow .table td:first-child .label {
                    display: none
                }

            .tsAdviceRow .table td.noRightBorder {
                display: none
            }

            .tsAdviceRow .table td .label {
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                padding-right: 9px;
                font-family: 'MyriadProRegular',Helvetica,sans-serif
            }

            .tsAdviceRow .table td.viewPDF {
                position: relative;
                overflow: visible
            }

            .tsAdviceRow .table td .btn {
                position: absolute;
                width: auto;
                right: 0;
                top: -8px
            }

        .tsAdviceRow .table .titleBlock {
            background: #f9fafc;
            padding: 10px 15px 7px
        }

            .tsAdviceRow .table .titleBlock .title {
                padding: 0;
                font-size: 12px
            }
}

@media screen and (min-width: 721px) and (max-width: 1023px) {
    .tsAdviceRow .table td {
        border: 0;
        padding: 0 0 10px;
        float: left;
        width: 50%;
        overflow: hidden;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

        .tsAdviceRow .table td:nth-child(even) {
            clear: left
        }

        .tsAdviceRow .table td:first-child, .tsAdviceRow .table td.viewPDF {
            width: 100%
        }
}

@media screen and (min-width: 1024px) {
    .tsAdviceRow .rowBounds {
        padding: 40px 30px 70px
    }

    .tsAdviceRow .table td {
        font-size: 16px
    }

        .tsAdviceRow .table td .label {
            display: none
        }

        .tsAdviceRow .table td .block {
            display: block
        }

        .tsAdviceRow .table td:last-child {
            padding-right: 110px;
            position: relative
        }

            .tsAdviceRow .table td:last-child .btn {
                position: absolute;
                right: 15px;
                top: 7px
            }

            .tsAdviceRow .table td:last-child .btnOrange {
                position: absolute;
                right: 15px;
                top: 17px
            }

        .tsAdviceRow .table td.noRightBorder {
            border-right: 0
        }

    .tsAdviceRow .table .titleBlock .title {
        padding: 10px 15px 7px;
        font-size: 14px
    }
}

.tsTicketsRow .rowBounds {
    padding: 30px 15px 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.tsTicketsRow .table {
    margin-bottom: 20px
}

    .tsTicketsRow .table tr:nth-child(even) {
        background: #f9fafc
    }

    .tsTicketsRow .table th .fieldCheckbox .checkbox .icheckbox {
        margin: 0
    }

    .tsTicketsRow .table td {
        font-size: 14px;
        line-height: 1.3
    }

        .tsTicketsRow .table td .fieldCheckbox .checkbox .icheckbox {
            margin: 0
        }

        .tsTicketsRow .table td small {
            display: block
        }

        .tsTicketsRow .table td .btn {
            padding: 9px 15px 8px;
            font-size: 14px
        }

.tsTicketsRow .createNYOP .inputContentSelect:before {
    bottom: 30px
}

.tsTicketsRow .createNYOP .inputContentSelect .customSelect.selectBoxLrg {
    padding: 11px 15px;
    height: 46px
}

@media screen and (max-width: 1023px) {
    .tsTicketsRow .table {
        display: block;
        width: 100%;
        border-top: 1px solid #d9e3ed
    }

        .tsTicketsRow .table thead {
            display: none
        }

        .tsTicketsRow .table tr, .tsTicketsRow .table tbody {
            display: block;
            width: 100%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

        .tsTicketsRow .table tr {
            border-left: 1px solid #d9e3ed;
            border-right: 1px solid #d9e3ed;
            border-bottom: 1px solid #d9e3ed;
            padding: 20px 15px 10px;
            overflow: hidden
        }

        .tsTicketsRow .table td {
            border: 0;
            padding: 0 0 10px;
            display: block;
            width: 100%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

            .tsTicketsRow .table td:before, .tsTicketsRow .table td:after {
                content: "";
                display: table
            }

            .tsTicketsRow .table td:after {
                clear: both
            }

            .tsTicketsRow .table td:first-child {
                font-size: 18px;
                padding-bottom: 15px
            }

                .tsTicketsRow .table td:first-child small {
                    display: block;
                    padding: 0;
                    font-size: 12px
                }

                .tsTicketsRow .table td:first-child .label {
                    display: none
                }

            .tsTicketsRow .table td:last-child {
                border-top: 1px solid #d9e3ed;
                padding-top: 20px;
                margin-top: 10px
            }

            .tsTicketsRow .table td small {
                display: inline;
                padding-left: 5px
            }

            .tsTicketsRow .table td .label {
                font-family: 'MyriadProRegular',Helvetica,sans-serif;
                padding-right: 8px;
                float: left
            }

            .tsTicketsRow .table td .inputTable {
                float: left;
                width: 100px;
                position: relative;
                top: -7px
            }

            .tsTicketsRow .table td .btn {
                width: auto;
                float: left;
                color: #5692c8;
                padding: 0;
                text-decoration: underline;
                background: none
            }

            .tsTicketsRow .table td .fieldCheckbox {
                padding-left: 8px;
                float: left
            }
}

@media screen and (min-width: 721px) and (max-width: 1023px) {
    .tsTicketsRow .table td {
        border: 0;
        padding: 0 0 10px;
        float: left;
        width: 50%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

        .tsTicketsRow .table td:nth-child(even) {
            clear: left
        }

        .tsTicketsRow .table td:first-child, .tsTicketsRow .table td:last-child {
            width: 100%
        }
}

@media screen and (min-width: 721px) {
    .tsTicketsRow .rowBounds {
        overflow: hidden
    }

    .tsTicketsRow .createNYOP {
        float: right
    }

        .tsTicketsRow .createNYOP .inputContentSelect {
            float: left;
            width: 300px;
            margin: 0 10px 0 0;
            padding-bottom: 0
        }

            .tsTicketsRow .createNYOP .inputContentSelect:before {
                bottom: 21px
            }

        .tsTicketsRow .createNYOP .btn {
            float: left
        }
}

@media screen and (min-width: 1024px) {
    .tsTicketsRow .rowBounds {
        padding: 40px 30px 70px
    }

    .tsTicketsRow .table th {
        position: relative
    }

        .tsTicketsRow .table th .fieldCheckbox {
            position: absolute;
            right: 15px;
            top: 15px
        }

    .tsTicketsRow .table td {
        padding: 14px 15px;
        font-size: 16px;
        position: relative
    }

        .tsTicketsRow .table td:nth-child(2) .inputTable {
            max-width: 100px;
            float: right
        }

        .tsTicketsRow .table td:last-child {
            padding-right: 44px
        }

        .tsTicketsRow .table td .inputTable {
            width: 100px
        }

        .tsTicketsRow .table td .fieldCheckbox {
            position: absolute;
            right: 14px;
            top: 20px
        }

        .tsTicketsRow .table td .label {
            display: none
        }
}

.adHeadRow {
    position: relative;
    background: #f9fafc;
    border-bottom: 1px solid #d9e3ed
}

    .adHeadRow .rowBounds {
        padding: 30px 15px 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

@media screen and (min-width: 1024px) {
    .adHeadRow .rowBounds {
        padding: 40px 30px 0
    }
}

.adTicketingSummaryRow .rowBounds {
    overflow: hidden;
    padding: 30px 15px 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.adTicketingSummaryRow .summary p {
    font-family: 'MyriadProBold',Helvetica,sans-serif;
    padding-bottom: 20px;
    font-size: 14px
}

.adTicketingSummaryRow .dateRange {
    overflow: hidden
}

    .adTicketingSummaryRow .dateRange .inputContent {
        width: 50%;
        float: left;
        clear: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

        .adTicketingSummaryRow .dateRange .inputContent:first-child {
            padding-right: 5px
        }

        .adTicketingSummaryRow .dateRange .inputContent:last-child {
            padding-left: 5px
        }

@media screen and (max-width: 720px) {
    .adTicketingSummaryRow .footBtns {
        overflow: hidden;
        padding: 10px 0 0;
        clear: both
    }

        .adTicketingSummaryRow .footBtns .btn {
            margin-bottom: 10px
        }

            .adTicketingSummaryRow .footBtns .btn:last-child {
                margin: 0
            }
}

@media screen and (min-width: 721px) {
    .adTicketingSummaryRow .summary {
        width: 50%;
        padding-right: 20px;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .adTicketingSummaryRow .footBtns {
        overflow: hidden;
        padding-top: 15px;
        clear: left;
        float: right
    }

        .adTicketingSummaryRow .footBtns .btn {
            float: left;
            margin-left: 10px
        }
}

@media screen and (min-width: 1024px) {
    .adTicketingSummaryRow .rowBounds {
        padding: 40px 30px 70px
    }

    .adTicketingSummaryRow .summary p {
        font-size: 16px
    }
}

.adEditUsersRow .rowBounds {
    padding: 30px 15px 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.adEditUsersRow .table {
    margin-bottom: 30px
}

    .adEditUsersRow .table tr:nth-child(even) {
        background: #f9fafc
    }

    .adEditUsersRow .table td {
        font-size: 14px;
        line-height: 1.3
    }

        .adEditUsersRow .table td a {
            color: #004488
        }

        .adEditUsersRow .table td .btn {
            padding: 9px 15px 8px;
            font-size: 14px;
            color: #fff
        }

@media screen and (max-width: 720px) {
    .adEditUsersRow .table {
        display: block;
        width: 100%;
        border-top: 1px solid #d9e3ed
    }

        .adEditUsersRow .table thead {
            display: none
        }

        .adEditUsersRow .table tr, .adEditUsersRow .table tbody {
            display: block;
            width: 100%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

        .adEditUsersRow .table tr {
            border-left: 1px solid #d9e3ed;
            border-right: 1px solid #d9e3ed;
            border-bottom: 1px solid #d9e3ed;
            padding: 20px 15px 10px;
            overflow: hidden
        }

        .adEditUsersRow .table td {
            border: 0;
            padding: 0 0 10px 0;
            display: block;
            width: 100%;
            float: left;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

            .adEditUsersRow .table td .btn {
                margin-top: 10px
            }

    .adEditUsersRow .label {
        margin-right: 5px;
        font-family: 'MyriadProRegular',Helvetica,sans-serif;
        float: left
    }
}

@media screen and (min-width: 721px) {
    .adEditUsersRow .rowBounds {
        padding: 30px 15px 50px;
        min-height: 400px
    }

        .adEditUsersRow .rowBounds:before, .adEditUsersRow .rowBounds:after {
            content: "";
            display: table
        }

        .adEditUsersRow .rowBounds:after {
            clear: both
        }

    .adEditUsersRow .table td {
        font-size: 14px;
        position: relative
    }

        .adEditUsersRow .table td:last-child {
            padding-right: 90px
        }

        .adEditUsersRow .table td .btn {
            position: absolute;
            right: 15px;
            top: 7px
        }

    .adEditUsersRow .label {
        display: none
    }

    .adEditUsersRow .footBtns .btn {
        float: right
    }
}

@media screen and (min-width: 1024px) {
    .adEditUsersRow .rowBounds {
        padding: 40px 30px 70px
    }

    .adEditUsersRow .table td {
        font-size: 16px
    }

        .adEditUsersRow .table td a {
            -webkit-transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out
        }

            .adEditUsersRow .table td a:hover {
                color: #f48200
            }

        .adEditUsersRow .table td .btn:hover {
            color: #fff
        }
}

.adAvailableCreditRow .rowBounds {
    padding: 30px 15px 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.adAvailableCreditRow .table {
    margin-bottom: 30px
}

    .adAvailableCreditRow .table tr:nth-child(even) {
        background: #f9fafc
    }

    .adAvailableCreditRow .table td {
        font-size: 14px;
        line-height: 1.3
    }

        .adAvailableCreditRow .table td .btn {
            padding: 9px 15px 8px;
            font-size: 14px
        }

.adAvailableCreditRow .pay {
    font-family: 'MyriadProBold',Helvetica,sans-serif;
    padding-bottom: 30px;
    font-size: 14px
}

.adAvailableCreditRow .paymentSystems {
    overflow: hidden
}

    .adAvailableCreditRow .paymentSystems li {
        clear: both;
        padding-bottom: 20px;
        overflow: hidden
    }

        .adAvailableCreditRow .paymentSystems li:last-child {
            padding: 0
        }

    .adAvailableCreditRow .paymentSystems .logo {
        border-radius: 3px;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding-box;
        background-clip: padding-box;
        width: 30%;
        height: auto;
        float: left
    }

    .adAvailableCreditRow .paymentSystems .details {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 70%;
        float: left;
        padding-left: 15px;
        font-size: 12px
    }

    .adAvailableCreditRow .paymentSystems p {
        padding-bottom: 10px
    }

        .adAvailableCreditRow .paymentSystems p:last-child {
            padding: 0
        }

    .adAvailableCreditRow .paymentSystems a {
        font-family: 'MyriadProBold',Helvetica,sans-serif
    }

@media screen and (max-width: 720px) {
    .adAvailableCreditRow .table {
        display: block;
        width: 100%;
        border-top: 1px solid #d9e3ed
    }

        .adAvailableCreditRow .table thead {
            display: none
        }

        .adAvailableCreditRow .table tr, .adAvailableCreditRow .table tbody {
            display: block;
            width: 100%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

        .adAvailableCreditRow .table tr {
            border-left: 1px solid #d9e3ed;
            border-right: 1px solid #d9e3ed;
            border-bottom: 1px solid #d9e3ed;
            padding: 20px 15px 10px;
            overflow: hidden
        }

        .adAvailableCreditRow .table td {
            border: 0;
            padding: 0 0 10px 0;
            display: block;
            width: 100%;
            float: left;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

            .adAvailableCreditRow .table td .btn {
                margin-top: 10px
            }

    .adAvailableCreditRow .label {
        margin-right: 5px;
        font-family: 'MyriadProRegular',Helvetica,sans-serif;
        float: left
    }
}

@media screen and (min-width: 721px) {
    .adAvailableCreditRow .rowBounds {
        padding: 30px 15px 50px;
        min-height: 400px
    }

        .adAvailableCreditRow .rowBounds:before, .adAvailableCreditRow .rowBounds:after {
            content: "";
            display: table
        }

        .adAvailableCreditRow .rowBounds:after {
            clear: both
        }

    .adAvailableCreditRow .table td {
        font-size: 14px;
        position: relative
    }

        .adAvailableCreditRow .table td:last-child {
            padding-right: 198px
        }

        .adAvailableCreditRow .table td .btn {
            position: absolute;
            right: 15px;
            top: 7px
        }

    .adAvailableCreditRow .label {
        display: none
    }

    .adAvailableCreditRow .paymentSystems li {
        clear: none;
        float: left;
        padding: 0;
        width: 32.5%;
        margin-right: 1.25%;
        max-width: 270px
    }

        .adAvailableCreditRow .paymentSystems li:last-child {
            margin: 0
        }

    .adAvailableCreditRow .paymentSystems .logo {
        width: 100%;
        float: none;
        margin-bottom: 10px;
        border-radius: 5px;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding-box;
        background-clip: padding-box
    }

    .adAvailableCreditRow .paymentSystems .details {
        width: 100%;
        float: none;
        padding: 0
    }
}

@media screen and (min-width: 1024px) {
    .adAvailableCreditRow .rowBounds {
        padding: 40px 30px 70px
    }

    .adAvailableCreditRow .table td {
        font-size: 16px
    }

    .adAvailableCreditRow .pay {
        font-size: 16px
    }

    .adAvailableCreditRow .paymentSystems li {
        margin: 0;
        padding-right: 15px
    }

    .adAvailableCreditRow .paymentSystems .details {
        font-size: 14px
    }

    .adAvailableCreditRow .paymentSystems a {
        -webkit-transition: color 0.2s ease-in-out;
        -moz-transition: color 0.2s ease-in-out;
        transition: color 0.2s ease-in-out
    }

        .adAvailableCreditRow .paymentSystems a:hover {
            color: #f48200
        }
}

.adAgencyDetailsRow .rowBounds {
    padding: 30px 15px 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.adAgencyDetailsRow p {
    font-family: 'MyriadProBold',Helvetica,sans-serif;
    padding: 15px 0 15px;
    font-size: 14px
}

    .adAgencyDetailsRow p:first-child {
        padding-top: 0
    }

.adAgencyDetailsRow .info {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: rgba(0,68,135,0.15);
    border-radius: 50%;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    text-align: center;
    color: #004488;
    font-size: 14px;
    padding-top: 1px;
    margin: 5px 0 0 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.adAgencyDetailsRow .fieldCheckbox {
    margin-bottom: 5px
}

.adAgencyDetailsRow .fileUploader {
    padding-bottom: 30px;
    border-bottom: 1px solid #d9e3ed
}

    .adAgencyDetailsRow .fileUploader .name {
        padding: 0 5px 0 15px;
        font-size: 14px;
        max-width: 120px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }

        .adAgencyDetailsRow .fileUploader .name a {
            color: #004488
        }

    .adAgencyDetailsRow .fileUploader .size {
        font-size: 11px
    }

    .adAgencyDetailsRow .fileUploader .delete {
        margin-left: 15px;
        position: relative;
        border: 0;
        border-radius: 3px;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding-box;
        background-clip: padding-box;
        text-indent: 110%;
        overflow: hidden;
        width: 20px;
        height: 20px;
        background: rgba(0,68,136,0.15);
        text-indent: -9999px;
        -webkit-transition: background 0.2s ease-in-out;
        -moz-transition: background 0.2s ease-in-out;
        transition: background 0.2s ease-in-out
    }

        .adAgencyDetailsRow .fileUploader .delete:before, .adAgencyDetailsRow .fileUploader .delete:after {
            content: "";
            position: absolute;
            width: 2px;
            height: 2px;
            -webkit-transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
            background: #004488;
            left: 50%;
            top: 50%;
            margin: -1px 0 0 -1px
        }

        .adAgencyDetailsRow .fileUploader .delete:before {
            width: 10px;
            margin: -1px 0 0 -5px;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg)
        }

        .adAgencyDetailsRow .fileUploader .delete:after {
            height: 10px;
            margin: -5px 0 0 -1px;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg)
        }

    .adAgencyDetailsRow .fileUploader .preview img {
        display: block;
        width: 70px;
        height: auto;
        border-radius: 5px;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding-box;
        background-clip: padding-box
    }

.adAgencyDetailsRow .fileupload-buttonbar {
    overflow: hidden;
    padding-bottom: 10px
}

.adAgencyDetailsRow .fileinput-button {
    position: relative;
    overflow: hidden;
    width: 100%;
    float: leftl
}

    .adAgencyDetailsRow .fileinput-button .ui-button-text {
        border-radius: 5px;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding-box;
        background-clip: padding-box;
        text-align: center;
        font: 14px/1.3 'MyriadProBold',Helvetica,sans-serif;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        display: block;
        color: #fff;
        border: 0;
        padding: 13px 15px;
        background: #5692c8;
        -webkit-transition: background 0.2s ease-in-out;
        -moz-transition: background 0.2s ease-in-out;
        transition: background 0.2s ease-in-out
    }

    .adAgencyDetailsRow .fileinput-button input {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        opacity: 0;
        -ms-filter: 'alpha(opacity=0)';
        font-size: 200px !important;
        direction: ltr;
        cursor: pointer
    }

@media screen and (max-width: 720px) {
    .adAgencyDetailsRow .footBtns {
        overflow: hidden;
        padding: 30px 0 0;
        clear: both
    }

        .adAgencyDetailsRow .footBtns .btnOrange {
            width: 100%;
            margin-bottom: 0
        }
}

@media screen and (min-width: 721px) {
    .adAgencyDetailsRow .rowBounds {
        min-height: 400px
    }

        .adAgencyDetailsRow .rowBounds:before, .adAgencyDetailsRow .rowBounds:after {
            content: "";
            display: table
        }

        .adAgencyDetailsRow .rowBounds:after {
            clear: both
        }

    .adAgencyDetailsRow .details {
        width: 50%;
        padding-right: 20px;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .adAgencyDetailsRow .fileinput-button {
        float: left;
        width: auto
    }

    .adAgencyDetailsRow .footBtns {
        overflow: hidden;
        padding-top: 30px;
        clear: left
    }

        .adAgencyDetailsRow .footBtns .btnOrange {
            float: right
        }
}

@media screen and (min-width: 1024px) {
    .adAgencyDetailsRow .rowBounds {
        padding: 40px 30px 70px
    }

    .adAgencyDetailsRow .fieldCheckbox {
        float: left;
        margin: 0 30px 15px 0
    }

    .adAgencyDetailsRow p {
        font-size: 16px;
        clear: left
    }

    .adAgencyDetailsRow .fileUploader .name {
        font-size: 16px
    }

    .adAgencyDetailsRow .fileUploader .size {
        font-size: 12px
    }

    .adAgencyDetailsRow .fileUploader .delete:hover {
        background-color: rgba(0,68,136,0.3)
    }

    .adAgencyDetailsRow .fileUploader .preview img {
        width: 270px
    }
}

.preloader {
    text-align: center
}

    .preloader img {
        width: 64px;
        height: auto
    }

    .preloader .preloadText {
        font-family: 'MyriadProLight',Helvetica,sans-serif;
        font-size: 30px;
        padding-bottom: 5px
    }

    .preloader p {
        font-size: 14px
    }

@media screen and (min-width: 721px) {
    .preloader {
        padding-top: 70px;
    }
}

@media screen and (min-width: 1024px) {
    .preloader .preloadText {
        font-size: 40px
    }

    .preloader p {
        font-size: 16px
    }
}

.selectOriginalRow .rowBounds {
    padding: 30px 15px 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.selectOriginalRow .btnDown {
    padding: 9px 15px 8px;
    font-size: 14px;
    text-indent: -9999px;
    width: 50px;
    position: relative
}

    .selectOriginalRow .btnDown:after, .selectOriginalRow .btnDown:before {
        content: "";
        position: absolute
    }

    .selectOriginalRow .btnDown:after {
        background: #fff;
        width: 4px;
        height: 7px;
        top: 12px;
        left: 50%;
        margin-left: -2px
    }

    .selectOriginalRow .btnDown:before {
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 6px solid #fff;
        top: 19px;
        left: 50%;
        margin-left: -6px
    }

.selectOriginalRow .table {
    margin-bottom: 10px
}

    .selectOriginalRow .table tr:nth-child(even) {
        background: #f9fafc
    }

    .selectOriginalRow .table td {
        font-size: 14px;
        line-height: 1.3
    }

        .selectOriginalRow .table td .fieldCheckbox .checkbox .icheckbox {
            margin: 0
        }

        .selectOriginalRow .table td small {
            display: inline-block;
            margin: 0 10px
        }

        .selectOriginalRow .table td .inline {
            display: inline-block;
            white-space: nowrap
        }

    .selectOriginalRow .table.historyTable {
        margin: 0
    }

.selectOriginalRow .declaration {
    color: rgba(0,68,135,0.7);
    font-size: 12px;
    padding-bottom: 20px
}

.selectOriginalRow .history {
    padding: 20px 0 10px;
    font-family: 'MyriadProItalics',Helvetica,sans-serif;
    font-size: 14px
}

@media screen and (max-width: 720px) {
    .selectOriginalRow .footBtns {
        overflow: hidden
    }

        .selectOriginalRow .footBtns .btn {
            float: left;
            width: 49%;
            margin-bottom: 10px
        }

            .selectOriginalRow .footBtns .btn:first-child {
                margin-right: 2%
            }

        .selectOriginalRow .footBtns .btnOrange {
            width: 100%
        }
}

@media screen and (max-width: 1023px) {
    .selectOriginalRow .passengerTable {
        display: block;
        width: 100%;
        border-top: 1px solid #d9e3ed
    }

        .selectOriginalRow .passengerTable thead {
            display: none
        }

        .selectOriginalRow .passengerTable tr, .selectOriginalRow .passengerTable tbody {
            display: block;
            width: 100%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

        .selectOriginalRow .passengerTable tr {
            border-left: 1px solid #d9e3ed;
            border-right: 1px solid #d9e3ed;
            border-bottom: 1px solid #d9e3ed;
            padding: 20px 15px 10px;
            overflow: hidden
        }

        .selectOriginalRow .passengerTable td {
            border: 0;
            padding: 0 0 10px;
            display: block;
            overflow: hidden;
            width: 100%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

            .selectOriginalRow .passengerTable td small {
                float: left;
                padding-top: 6px
            }

            .selectOriginalRow .passengerTable td .inline {
                float: left;
                padding-top: 3px
            }

            .selectOriginalRow .passengerTable td .offScreen {
                float: left;
                position: static;
                width: auto;
                height: auto;
                font-family: 'MyriadProRegular',Helvetica,sans-serif;
                font-size: 12px;
                padding-bottom: 3px
            }

            .selectOriginalRow .passengerTable td .label {
                float: left;
                padding-right: 9px;
                font-family: 'MyriadProRegular',Helvetica,sans-serif
            }

    .selectOriginalRow .historyTable {
        display: block;
        width: 100%;
        border-top: 1px solid #d9e3ed
    }

        .selectOriginalRow .historyTable thead {
            display: none
        }

        .selectOriginalRow .historyTable tr, .selectOriginalRow .historyTable tbody {
            display: block;
            width: 100%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

        .selectOriginalRow .historyTable tr {
            border-left: 1px solid #d9e3ed;
            border-right: 1px solid #d9e3ed;
            border-bottom: 1px solid #d9e3ed;
            padding: 20px 15px 10px;
            overflow: hidden
        }

        .selectOriginalRow .historyTable td {
            border: 0;
            padding: 0 10px 10px 0;
            float: left;
            width: 100%;
            overflow: hidden;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

            .selectOriginalRow .historyTable td .label {
                float: left;
                padding-right: 9px;
                font-family: 'MyriadProRegular',Helvetica,sans-serif
            }
}

@media screen and (min-width: 721px) and (max-width: 1023px) {
    .selectOriginalRow .passengerTable td:nth-child(2) {
        margin-right: 2%
    }

    .selectOriginalRow .passengerTable td:nth-child(2), .selectOriginalRow .passengerTable td:nth-child(3) {
        width: 49%;
        float: left
    }

    .selectOriginalRow .passengerTable td:nth-child(3) {
        padding-top: 27px
    }

    .selectOriginalRow .historyTable td {
        width: 50%
    }

        .selectOriginalRow .historyTable td:nth-child(odd) {
            clear: left
        }
}

@media screen and (min-width: 721px) {
    .selectOriginalRow .rowBounds {
        min-height: 400px
    }

    .selectOriginalRow .footBtns {
        overflow: hidden
    }

        .selectOriginalRow .footBtns .btn {
            float: left;
            margin-right: 10px
        }

        .selectOriginalRow .footBtns .btnOrange {
            float: right;
            margin: 0
        }
}

@media screen and (min-width: 1024px) {
    .selectOriginalRow .rowBounds {
        padding: 40px 30px 70px
    }

    .selectOriginalRow .declaration {
        font-size: 14px
    }

    .selectOriginalRow .table td {
        font-size: 16px
    }

    .selectOriginalRow .table th:first-child .fieldCheckbox .checkbox .icheckbox {
        margin: 1px 28px 0 0
    }

    .selectOriginalRow .passengerTable td {
        position: relative
    }

        .selectOriginalRow .passengerTable td:nth-child(1) {
            min-width: 250px
        }

        .selectOriginalRow .passengerTable td small {
            float: left;
            padding-top: 3px
        }

        .selectOriginalRow .passengerTable td .inline {
            float: left;
            max-width: 250px;
            overflow: hidden;
            text-overflow: ellipsis
        }

        .selectOriginalRow .passengerTable td .label {
            display: none
        }

    .selectOriginalRow .historyTable td .label {
        display: none
    }

    .selectOriginalRow .history {
        font-size: 16px
    }
}

.changedSectorsRow .rowBounds {
    padding: 30px 15px 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.changedSectorsRow .table tr:nth-child(even) {
    background: #f9fafc
}

.changedSectorsRow .table td {
    font-size: 14px;
    line-height: 1.3
}

    .changedSectorsRow .table td .fieldCheckbox .checkbox .icheckbox {
        margin: 0
    }

    .changedSectorsRow .table td small {
        display: inline-block;
        margin: 0 5px 0 0;
        text-decoration: line-through
    }

    .changedSectorsRow .table td .inline {
        display: inline-block;
        white-space: nowrap
    }

.changedSectorsRow .issueForm {
    padding-top: 20px
}

    .changedSectorsRow .issueForm .btn {
        margin-bottom: 10px;
        float: left
    }

    .changedSectorsRow .issueForm .formRight {
        clear: left
    }

@media screen and (max-width: 720px) {
    .changedSectorsRow .issueForm {
        overflow: hidden
    }

        .changedSectorsRow .issueForm .btn {
            width: 32%
        }

            .changedSectorsRow .issueForm .btn:nth-child(1), .changedSectorsRow .issueForm .btn:nth-child(2) {
                margin-right: 2%
            }

        .changedSectorsRow .issueForm .btnOrange {
            clear: left;
            width: 100%
        }
}

@media screen and (max-width: 1023px) {
    .changedSectorsRow .table {
        display: block;
        width: 100%;
        border-top: 1px solid #d9e3ed
    }

        .changedSectorsRow .table thead {
            display: none
        }

        .changedSectorsRow .table tr, .changedSectorsRow .table tbody {
            display: block;
            width: 100%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

        .changedSectorsRow .table tr {
            border-left: 1px solid #d9e3ed;
            border-right: 1px solid #d9e3ed;
            border-bottom: 1px solid #d9e3ed;
            padding: 20px 15px 10px;
            overflow: hidden
        }

        .changedSectorsRow .table td {
            border: 0;
            padding: 0 0 10px;
            float: left;
            width: 50%;
            overflow: hidden;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

            .changedSectorsRow .table td:nth-child(odd) {
                clear: left
            }

            .changedSectorsRow .table td .label {
                float: left;
                padding-right: 9px;
                font-family: 'MyriadProRegular',Helvetica,sans-serif
            }

    .changedSectorsRow .issueTable td:nth-child(1) {
        width: 100%
    }

    .changedSectorsRow .issueTable td:nth-child(odd) {
        clear: none
    }

    .changedSectorsRow .issueTable td:nth-child(even) {
        clear: left
    }
}

@media screen and (min-width: 721px) {
    .changedSectorsRow .issueForm {
        overflow: hidden
    }

        .changedSectorsRow .issueForm .btn {
            margin-right: 10px
        }

        .changedSectorsRow .issueForm .formRight {
            clear: none;
            float: right;
            padding-top: 0
        }

            .changedSectorsRow .issueForm .formRight .fieldSubmit {
                width: auto
            }

                .changedSectorsRow .issueForm .formRight .fieldSubmit .btn {
                    width: auto;
                    padding: 18px 30px 17px 32px;
                    margin-right: 0
                }
}

@media screen and (min-width: 1024px) {
    .changedSectorsRow .rowBounds {
        padding: 40px 30px 70px
    }

    .changedSectorsRow .table {
        margin-bottom: 10px
    }

        .changedSectorsRow .table td {
            font-size: 16px
        }

            .changedSectorsRow .table td .label {
                display: none
            }

    .changedSectorsRow .disagree {
        font-size: 16px
    }

    .changedSectorsRow .iconT {
        margin: 1px 0 0 0;
        line-height: 0.9
    }

    .changedSectorsRow .issueTable td {
        padding: 15px 15px
    }

        .changedSectorsRow .issueTable td:first-child {
            white-space: nowrap
        }

        .changedSectorsRow .issueTable td .inputTable {
            float: left;
            max-width: 100px
        }

        .changedSectorsRow .issueTable td .info {
            float: left;
            width: 22px;
            height: 22px;
            background: rgba(0,68,135,0.15);
            border-radius: 50%;
            -webkit-background-clip: padding-box;
            -moz-background-clip: padding-box;
            background-clip: padding-box;
            text-align: center;
            color: #004488;
            font-size: 14px;
            padding-top: 3px;
            margin: 5px 0 0 10px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-transition: background 0.2s ease-in-out;
            -moz-transition: background 0.2s ease-in-out;
            transition: background 0.2s ease-in-out
        }

            .changedSectorsRow .issueTable td .info:hover {
                background: rgba(0,68,135,0.3)
            }
}

.alertInline {
    clear: both;
    background: #fef3ea;
    color: #f48200;
    padding: 15px 15px 5px;
    position: relative;
    border-radius: 6px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    margin-bottom: 10px
}

    .alertInline strong {
        font-family: 'MyriadProBold',Helvetica,sans-serif
    }

    .alertInline a {
        font-family: 'MyriadProBold',Helvetica,sans-serif;
        text-decoration: underline;
        color: #f48200
    }

    .alertInline h3 {
        font-family: 'MyriadProBold',Helvetica,sans-serif;
        padding-bottom: 10px;
        font-size: 14px
    }

    .alertInline ul {
        padding-bottom: 5px;
        font-size: 12px
    }

    .alertInline p {
        padding-bottom: 10px;
        font-size: 12px
    }

    .alertInline li {
        padding: 0 0 5px 23px;
        position: relative
    }

        .alertInline li:after {
            content: "";
            position: absolute;
            left: 8px;
            top: 7px;
            border-radius: 50%;
            -webkit-background-clip: padding-box;
            -moz-background-clip: padding-box;
            background-clip: padding-box;
            width: 4px;
            height: 4px;
            background: #f48200
        }

@media screen and (min-width: 1024px) {
    .alertInline {
        margin-bottom: 10px;
    }

        .alertInline h3 {
            font-size: 16px
        }

        .alertInline ul, .alertInline p {
            font-size: 14px
        }
}

.errorInline {
    background: #fdefef;
    color: #da2222;
    padding: 15px 15px 5px;
    position: relative;
    border-radius: 6px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    margin-bottom: 10px
}

    .errorInline strong {
        font-family: 'MyriadProBold',Helvetica,sans-serif
    }

    .errorInline a {
        font-family: 'MyriadProBold',Helvetica,sans-serif;
        text-decoration: underline;
        color: #da2222
    }

    .errorInline h3 {
        font-family: 'MyriadProBold',Helvetica,sans-serif;
        padding-bottom: 10px;
        font-size: 14px
    }

    .errorInline ul {
        padding-bottom: 5px;
        font-size: 12px
    }

    .errorInline p {
        padding-bottom: 10px;
        font-size: 12px
    }

    .errorInline li {
        padding: 0 0 5px 23px;
        position: relative
    }

        .errorInline li:after {
            content: "";
            position: absolute;
            left: 8px;
            top: 7px;
            border-radius: 50%;
            -webkit-background-clip: padding-box;
            -moz-background-clip: padding-box;
            background-clip: padding-box;
            width: 4px;
            height: 4px;
            background: #da2222
        }

@media screen and (min-width: 1024px) {
    .errorInline {
        margin-bottom: 10px;
    }

        .errorInline h3 {
            font-size: 16px
        }

        .errorInline ul, .errorInline p {
            font-size: 14px
        }
}

.printLogo {
    display: none
}

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important
    }

    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    tr, img {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }

    .printLogo {
        display: block
    }

        .printLogo img {
            width: 200px;
            display: block
        }
}

.inputTable .inputText.error {
    border-color: red;
}
.step a {
    color: #fff;
}
.autocomplete-suggestions .autocomplete-suggestion {
    background: #fff;
    border: 1px solid #808080;
}
.autocomplete-suggestions .autocomplete-suggestion.autocomplete-selected {
    background: #677bee;
    cursor: pointer;
    color: #fff;
}
.pika-label option { color: black; }
.adAvailableCreditRow .paymentSystems .logo {
    width: auto;
}
select optgroup {
    color: #F48200;
}
.cms-content img {
    float: right;
    margin-left: 15px;
}
.cms-content table th {
    border-bottom: 1px solid black;
    font-weight: bold;
}
.cms-content table td {
    padding: 2px;
    border-bottom: 1px solid #888;
}

.smarttickets-content form {
    display: none;
}

@media screen and (min-width: 1260px) {
    .selectFareRow .fareTable td:last-child .btnOrange {
        top: 8px;
    }
}

a.back-to-top {
	display: none;
	width: 60px;
	height: 60px;
	text-indent: -9999px;
	position: fixed;
	z-index: 999;
	right: 20px;
	bottom: 20px;
	background: #27AE61 url("images/up-arrow.png") no-repeat center 43%;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

@media screen and (min-width: 1025px) {
    .passengerTable td.email {
        width: 200px !important;
    }
}

/* make down-arrows on dropdown fieldSelect style clickable */
.fieldSelect:before {
    pointer-events: none;
}

.cms-conditional {
    display: none;
}

/* Home Login */
.homeLogin .validation-summary-errors{
    position: relative;
    left: 5px;
}

span.exchange_flag {
    position: relative;
    left: 20px;
    font-family: Helvetica,sans-serif;
    font-size: 14px;
    background: #004488;
    padding: 5px;
    color: #FFFFFF;
}
.ad-slide-card {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.ad-slide-container {
    position: relative;
}

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

.ad-slide-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    overflow: hidden;
    height: 44%;
    transition: .5s ease;
    border-top: 1px solid rgba(0,0,0,0.2);
    padding: 0 10px;
}

.ad-slide-container:hover .ad-slide-overlay {
    height: 100%;
}


.flip-box {
    background-color: transparent;
    width: 100%;
    height: 297px;
    perspective: 1000px;
}

.flip-box-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
    animation: flip 20s infinite;
}

@keyframes flip {
    0% {
        transform: rotateY(0deg);
    }

    25% {
        transform: rotateY(0deg);
    }

    50% {
        transform: rotateY(180deg);
    }

    75% {
        transform: rotateY(180deg);
    }

    100% {
        transform: rotateY(0deg);
    }
}

.flip-box:hover .flip-box-inner {
    transform: rotateY(180deg);
}

.flip-box-front, .flip-box-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 10px;
}

.flip-box-front {
    background-color: #bbb;
    color: black;
}

.flip-box-back {
    background-color: #555;
    color: white;
    transform: rotateY(180deg);
}

/*
 * Note that this is toastr v2.1.3, the "latest" version in url has no more maintenance,
 * please go to https://cdnjs.com/libraries/toastr.js and pick a certain version you want to use,
 * make sure you copy the url from the website since the url may change between versions.
 * */
.toast-title{font-weight:700}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#FFF}.toast-message a:hover{color:#CCC;text-decoration:none}.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#FFF;-webkit-text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #fff;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80);line-height:1}.toast-close-button:focus,.toast-close-button:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}.rtl .toast-close-button{left:-.3em;float:left;right:.3em}button.toast-close-button{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999;pointer-events:none}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{position:relative;pointer-events:auto;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-position:15px center;background-repeat:no-repeat;-moz-box-shadow:0 0 12px #999;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;color:#FFF;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}#toast-container>div.rtl{direction:rtl;padding:15px 50px 15px 15px;background-position:right 15px center}#toast-container>div:hover{-moz-box-shadow:0 0 12px #000;-webkit-box-shadow:0 0 12px #000;box-shadow:0 0 12px #000;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}#toast-container>.toast-info{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important}#toast-container>.toast-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important}#toast-container>.toast-success{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important}#toast-container>.toast-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)!important}#toast-container.toast-bottom-center>div,#toast-container.toast-top-center>div{width:300px;margin-left:auto;margin-right:auto}#toast-container.toast-bottom-full-width>div,#toast-container.toast-top-full-width>div{width:96%;margin-left:auto;margin-right:auto}.toast{background-color:#030303}.toast-success{background-color:#51A351}.toast-error{background-color:#BD362F}.toast-info{background-color:#2F96B4}.toast-warning{background-color:#F89406}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}@media all and (max-width:240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container>div.rtl{padding:8px 50px 8px 8px}#toast-container .toast-close-button{right:-.2em;top:-.2em}#toast-container .rtl .toast-close-button{left:-.2em;right:.2em}}@media all and (min-width:241px) and (max-width:480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container>div.rtl{padding:8px 50px 8px 8px}#toast-container .toast-close-button{right:-.2em;top:-.2em}#toast-container .rtl .toast-close-button{left:-.2em;right:.2em}}@media all and (min-width:481px) and (max-width:768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}#toast-container>div.rtl{padding:15px 50px 15px 15px}}