﻿@charset "UTF-8";

.mfp-bg,
.mfp-wrap {
    position: fixed;
    left: 0;
    top: 0;
}

.mfp-bg,
.mfp-container,
.mfp-wrap {
    height: 100%;
    width: 100%;
}

.form-multiselect,
.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.mfp-close,
i {
    font-style: normal;
}

.mfp-image-holder .mfp-content,
img.mfp-img {
    max-width: 100%;
}

.mfp-container,
html,
img.mfp-img {
    box-sizing: border-box;
}

.header-call-phone x-icon:before,
.mainlayout-sidebar-pds-icon x-icon:before,
.mfp-close:before,
body,
html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.mfp-bg {
    z-index: 108;
    overflow: hidden;
    background: #999;
    opacity: .8;
    filter: alpha(opacity=80);
}

.mfp-wrap {
    z-index: 109;
    outline: 0 !important;
    -webkit-backface-visibility: hidden;
}

.mfp-container {
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 20px;
}

    .mfp-container:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }

.mfp-align-top .mfp-container:before {
    display: none;
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 111;
}

.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
    width: 100%;
    cursor: auto;
}

.mfp-ajax-cur {
    cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: zoom-out;
}

.mfp-zoom {
    cursor: pointer;
    cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
    cursor: auto;
}

.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
    user-select: none;
}

.mfp-loading.mfp-figure {
    display: none;
}

.mfp-hide {
    display: none !important;
}

.mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 110;
}

    .mfp-preloader a {
        color: #CCC;
    }

        .mfp-close,
        .mfp-preloader a:hover {
            color: #FFF;
        }

.mfp-s-error .mfp-content,
.mfp-s-ready .mfp-preloader {
    display: none;
}

button.mfp-arrow,
button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: 0;
    padding: 0;
    z-index: 112;
    box-shadow: none;
    transition: opacity .2s ease;
}

.mfp-figure:after,
.mfp-iframe-scaler iframe {
    box-shadow: 0 0 8px rgba(0,0,0,.6);
    position: absolute;
    left: 0;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.mfp-close {
    font-size: 11px;
    height: 33px;
    width: 33px;
    position: absolute;
    right: 25px;
    top: 30px;
    text-decoration: none;
    text-align: center;
}

    .mfp-close:focus:before,
    .mfp-close:hover:before {
        color: #0895cf;
    }

    .mfp-close:focus:after,
    .mfp-close:hover:after {
        border-color: #0895cf;
    }

    .mfp-close:active {
        margin-top: 1px;
    }

    .mfp-close:after {
        transition: border-color .2s ease;
        content: "";
        border: 2px solid #05b4fc;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        border-radius: 3px;
    }

    .mfp-close:before {
        font-family: icomoon !important;
        font-style: normal !important;
        font-weight: 400 !important;
        font-variant: normal !important;
        text-transform: none !important;
        speak: none;
        line-height: 1;
        vertical-align: top;
        content: "";
        color: #05b4fc;
        transition: color .2s ease;
    }

.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
    color: #FFF;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%;
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap;
}

.mfp-figure,
img.mfp-img {
    line-height: 0;
}

.mfp-arrow {
    position: absolute;
    opacity: .6;
    filter: alpha(opacity=60);
    margin: -55px 0 0;
    top: 50%;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent;
}

    .mfp-arrow:active {
        margin-top: -54px;
    }

    .mfp-arrow:focus,
    .mfp-arrow:hover {
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .mfp-arrow .mfp-a,
    .mfp-arrow .mfp-b,
    .mfp-arrow:after,
    .mfp-arrow:before {
        content: '';
        display: block;
        width: 0;
        height: 0;
        position: absolute;
        left: 0;
        top: 0;
        margin-top: 35px;
        margin-left: 35px;
        border: inset transparent;
    }

    .mfp-arrow .mfp-a,
    .mfp-arrow:after {
        border-top-width: 13px;
        border-bottom-width: 13px;
        top: 8px;
    }

    .mfp-arrow .mfp-b,
    .mfp-arrow:before {
        border-top-width: 21px;
        border-bottom-width: 21px;
        opacity: .7;
    }

.mfp-arrow-left {
    left: 0;
}

    .mfp-arrow-left .mfp-a,
    .mfp-arrow-left:after {
        border-right: 17px solid #FFF;
        margin-left: 31px;
    }

    .mfp-arrow-left .mfp-b,
    .mfp-arrow-left:before {
        margin-left: 25px;
        border-right: 27px solid #3F3F3F;
    }

.mfp-arrow-right {
    right: 0;
}

    .mfp-arrow-right .mfp-a,
    .mfp-arrow-right:after {
        border-left: 17px solid #FFF;
        margin-left: 39px;
    }

    .mfp-arrow-right .mfp-b,
    .mfp-arrow-right:before {
        border-left: 27px solid #3F3F3F;
    }

hr,
img {
    border: 0;
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 10px;
}

    .mfp-iframe-holder .mfp-content {
        line-height: 0;
        width: 100%;
        height: 100%;
    }

    .mfp-iframe-holder .mfp-close {
        top: -40px;
    }

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
}

    .mfp-iframe-scaler iframe {
        display: block;
        top: 0;
        width: 100%;
        height: 100%;
        background: #000;
    }

.mfp-figure:after,
img.mfp-img {
    width: auto;
    height: auto;
    display: block;
}

.mfp-article-video {
    overflow: hidden !important;
}

img.mfp-img {
    padding: 36px 0 40px;
    margin: 0 auto;
}

.mfp-figure:after {
    content: '';
    top: 40px;
    bottom: 40px;
    right: 0;
    z-index: -1;
    background: #444;
}

.footer,
html {
    background-color: #333;
}

.mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px;
}

.mfp-figure figure {
    margin: 0;
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
}

.mainlayout,
sub,
sup {
    position: relative;
}

.mfp-gallery .mfp-image-holder .mfp-figure,
button:hover,
input[type=button]:hover,
input[type=submit]:hover,
input[type=reset]:hover,
label {
    cursor: pointer;
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px;
}

.mfp-ie7 .mfp-img {
    padding: 0;
}

.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px;
}

.mfp-ie7 .mfp-container {
    padding: 0;
}

.mfp-ie7 .mfp-content {
    padding-top: 44px;
}

.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0;
}

.mfp-fade.mfp-bg {
    opacity: 0;
    transition: all .25s ease-out;
}

    .mfp-fade.mfp-bg.mfp-ready {
        opacity: .8;
    }

    .mfp-fade.mfp-bg.mfp-removing {
        opacity: 0;
    }

.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5);
    transition: all .25s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5);
}

.mfp-zoomin.mfp-bg {
    opacity: 0;
    transition: opacity .45s ease-in;
}

    .mfp-zoomin.mfp-bg.mfp-visible {
        opacity: .8;
    }

.mfp-zoomin .mfp-content > * {
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
}

.mfp-zoomin.mfp-animations-enabled .mfp-content > * {
    transition: opacity 50ms ease-in .4s,-webkit-transform .45s cubic-bezier(.175,.885,.32,1.275);
    transition: transform .45s cubic-bezier(.175,.885,.32,1.275),opacity 50ms ease-in .4s;
    transition: transform .45s cubic-bezier(.175,.885,.32,1.275),opacity 50ms ease-in .4s,-webkit-transform .45s cubic-bezier(.175,.885,.32,1.275);
    opacity: 1;
}

.mfp-zoomin.mfp-bg.mfp-animations-enabled-removing {
    opacity: 0;
}

.mfp-zoomin.mfp-animations-enabled-removing .mfp-content > * {
    transition: opacity 50ms ease-in .4s,-webkit-transform .45s cubic-bezier(.6,-.28,.735,.045);
    transition: transform .45s cubic-bezier(.6,-.28,.735,.045),opacity 50ms ease-in .4s;
    transition: transform .45s cubic-bezier(.6,-.28,.735,.045),opacity 50ms ease-in .4s,-webkit-transform .45s cubic-bezier(.6,-.28,.735,.045);
    opacity: 0;
}

.mfp-slidefromright.mfp-bg {
    opacity: 0;
    transition: all .4s ease-out;
}

    .mfp-slidefromright.mfp-bg.mfp-ready {
        opacity: .8;
    }

    .mfp-slidefromright.mfp-bg.mfp-removing {
        opacity: 0;
    }

.mfp-slidefromright.mfp-wrap .mfp-content > * {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    transition: all .4s ease-out;
}

.mfp-slidefromright.mfp-wrap.mfp-ready .mfp-content > * {
    -webkit-transform: translateX(45px);
    -ms-transform: translateX(45px);
    transform: translateX(45px);
}

.mfp-slidefromright.mfp-wrap.mfp-removing .mfp-content > * {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
}

html *,
html :after,
html :before {
    box-sizing: inherit;
}

*,
:after,
:before {
    -webkit-tap-highlight-color: rgba(255,255,255,0) !important;
    -webkit-focus-ring-color: rgba(255,255,255,0) !important;
}

a,
button {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}

p {
    margin: 0 0 20px;
    color: #000;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

b,
strong {
    font-weight: 700;
}

small {
    font-size: 80%;
}

blockquote {
    margin: 1em 40px;
}

hr {
    display: block;
    height: 1px;
    margin: 1em 0;
    padding: 0;
    background: #34393b;
    box-sizing: content-box;
}

li,
ol,
ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

img {
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
}

::-moz-selection {
    background: #ffc525;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #ffc525;
    color: #fff;
    text-shadow: none;
}

::-ms-clear {
    display: none;
}

::-moz-focus-inner {
    padding: 0 !important;
    border: 0 !important;
    margin-top: -1px;
    margin-bottom: -1px;
}

body {
    background-color: #fff;
}

body,
html {
    margin: 0;
    color: #202021;
    line-height: 1.25;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    text-rendering: optimizeLegibility;
    -moz-font-feature-settings: "liga","kern";
    font-family: Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0;
    font-size: 16px;
}

a {
    color: #05b4fc;
    transition: background-color .2s ease,color .2s ease;
    text-decoration: underline;
}

    a:active,
    a:hover {
        outline: 0;
    }

    a.is-hovered,
    a:focus,
    a:hover {
        text-decoration: underline;
        outline: 0;
        color: #0895cf;
    }

h1,
h2,
h3,
h4,
h5,
h6 {
    padding: 0;
    margin: 0;
    font-weight: 400;
}

button,
input {
    line-height: normal;
}

button,
select {
    text-transform: none;
}

.header-call-label,
.header-title {
    font-family: TradeGothicBoldCn20,sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    font-style: normal;
    line-height: 1.1;
}

fieldset,
form {
    border: 0;
    margin: 0;
    padding: 0;
}

input,
select,
textarea {
    vertical-align: middle;
    border-radius: 0;
}

    input[type=text]::-ms-clear {
        display: none;
    }

button {
    -webkit-appearance: none;
    background: 0 0;
    border: 0;
    padding: 0;
    margin: 0;
}

.header,
.header-inner {
    background-color: #ffc525;
}

select::-ms-expand {
    display: none;
}

input[type=button],
input[type=submit],
input[type=reset] {
    background-clip: padding-box;
    -webkit-appearance: button;
    cursor: pointer;
}

    input[type=button]:focus,
    input[type=submit]:focus,
    input[type=reset]:focus {
        outline: 0;
    }

    input[type=button]::-moz-focus-inner,
    input[type=submit]::-moz-focus-inner,
    input[type=reset]::-moz-focus-inner {
        border: 0;
    }

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

    input[type=number]::-webkit-inner-spin-button,
    input[type=number]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

label {
    -webkit-touch-callout: none;
}

.page {
    overflow: hidden;
}

.header-inner {
    max-width: 1024px;
    margin: 0 auto;
}

.header-logo,
.header-logo .header-logo-inner {
    width: calc(14.0625vw + 102px);
}

.header-title {
    text-align: center;
    font-size: calc(1.42045vw + 23.45px);
    padding: .66em;
}

.header-call {
    text-align: right;
}

.header-call-label {
    font-size: calc(.28409vw + 13.09px);
}

.header-call-phone {
    font-family: TradeGothicCn18,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: calc(1.70455vw + 12.55px);
    line-height: 1.1;
    letter-spacing: -.025em;
    position: relative;
}
.header-call-phone x-icon {
    font-size: 21px;
    display: inline-block;
    line-height: 0.6;
    position: absolute;
    color: #000000;
    margin-right: 12px;
    left: 25px;
    top: 2px;
}
.header-call-phone x-icon:before {
    font-family: icomoon !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    vertical-align: top;
    content: "";
}
.header-call-phone a {
    color: #000;
}
.mainlayout:after,
.mainlayout:before {
    position: absolute;
    content: "";
    display: block;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-position: 50% 0;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-color: #f5f5f5;
    opacity: 0;
    transition-property: opacity;
    transition-timing-function: ease;
    transition-duration: .3s;
}

.is-petspecies-cat .mainlayout:after,
.is-petspecies-dog .mainlayout:before {
    opacity: 1;
}

.mainlayout:before {
    background-image: url(../../theme/cmsimages/BG_Dog.jpg);
}

.mainlayout:after {
    background-image: url(../../theme/cmsimages/BG_Cat.jpg);
}

.mainlayout-inner {
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.mainlayout-content {
    padding-left: calc(4.26136vw + 6.36px);
    padding-right: calc(4.26136vw + 6.36px);
    padding-bottom: 40px;
    background-color: #fff;
}

.mainlayout-content-tabs {
    padding-bottom: calc(1.84659vw + 19.09px);
}

.mainlayout-script {
    display: none;
}

.mainlayout-script-inner {
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.1);
}

.mainlayout-script-title {
    background-color: #f5f5f5;
    font-size: 24px;
    text-transform: uppercase;
    font-family: TradeGothicBoldCn20,sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 1.1;
    border-bottom: 1px solid #e4e4e4;
    padding: 20px 25px;
}

.mainlayout-script-content {
    padding: 25px;
    background-color: #fff;
    font-size: 15px;
}
.modal-content form.cta-form.ng-pristine.ng-valid .modal-body {
    padding: 20px 20px 0;
}
.mainlayout-script-content-important p {
    color: #e10101;
}

.mainlayout-sidebar-item {
    background-color: #fff;
}

.mainlayout-sidebar-promo {
    background-color: #f5f5f5;
}

    .mainlayout-sidebar-promo img {
        max-width: 232px;
        margin: 0 auto;
        display: block;
    }

.mainlayout-sidebar-testimonial {
    background-color: #fff;
    text-align: center;
}

.mainlayout-sidebar-testimonial-content {
    max-width: 400px;
    margin: 0 auto;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    padding: 17px 30px 17px 40px;
}

.mainlayout-sidebar-testimonial-copy {
    font-size: 18px;
    line-height: 1.2;
    font-family: TradeGothicCn18,sans-serif;
    font-weight: 400;
    font-style: normal;
    position: relative;
}

    .mainlayout-sidebar-pds-copy,
    .mainlayout-sidebar-testimonial-cite,
    .mainlayout-sidebar-testimonial-copy:before {
        font-family: TradeGothicBoldCn20,sans-serif;
        font-weight: 400;
        font-style: normal;
    }

    .mainlayout-sidebar-testimonial-copy:before {
        position: absolute;
        top: -4px;
        left: -30px;
        content: "\201C";
        vertical-align: top;
        display: inline-block;
        color: #05b4fc;
        font-size: 60px;
        line-height: 1;
    }

.form-date-tool-hidden,
.form-switch input {
    left: -9999px;
    position: absolute;
}

.mainlayout-sidebar-testimonial-cite {
    margin-top: 14px;
    font-size: 14px;
    line-height: 1.2;
}

.mainlayout-sidebar-pds {
    background-color: #05b4fc;
    text-align: center;
    display: block;
}

    .mainlayout-sidebar-pds:focus,
    .mainlayout-sidebar-pds:hover {
        background-color: #0895cf;
    }

.mainlayout-sidebar-pds-content {
    display: inline-table;
    vertical-align: top;
    padding: 17px 20px;
    max-width: 400px;
    text-align: left;
}

.mainlayout-sidebar-pds-copy {
    font-size: 21px;
    line-height: 21px;
    color: #fff;
    display: table-cell;
    vertical-align: middle;
    text-transform: uppercase;
}

.mainlayout-sidebar-pds-icon {
    display: table-cell;
    vertical-align: middle;
    padding-left: 20px;
}

    .mainlayout-sidebar-pds-icon x-icon {
        font-size: 51px;
        color: #fff;
        display: inline-block;
        line-height: 1;
    }

        .mainlayout-sidebar-pds-icon x-icon:before {
            font-family: icomoon !important;
            font-style: normal !important;
            font-weight: 400 !important;
            font-variant: normal !important;
            text-transform: none !important;
            speak: none;
            line-height: 1;
            vertical-align: top;
            content: "";
        }

.tabs {
    margin-left: calc(-4.26136vw + -6.36px);
    margin-right: calc(-4.26136vw + -6.36px);
}

.tabs-list {
    display: table;
    width: 100%;
    height: 65px;
}

.tabs-item {
    display: table-cell;
    vertical-align: middle;
    background-color: #2e2e2e;
    padding-left: calc(1.13636vw + 16.36px);
    padding-right: 10px;
}

    .tabs-item + .tabs-item {
        border-left: 1px solid #555;
    }

    .tabs-item.is-active {
        background-color: #fff;
    }

.tabs-item-label {
    display: table;
    width: 100%;
}

.tabs-item-label-copy,
.tabs-item-label-number {
    display: table-cell;
    text-transform: uppercase;
    line-height: 1.1;
    vertical-align: middle;
}

.tabs-item-label-number {
    font-family: TradeGothicBoldCn20,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 32px;
    text-align: center;
    width: 1em;
    color: rgba(255,255,255,.7);
}

.formsection-info-email,
.tabs-item-label-copy {
    font-family: TradeGothicCn18,sans-serif;
    font-weight: 400;
    font-style: normal;
}

.is-active .tabs-item-label-number {
    padding-right: 16px;
    color: #000;
}

.tabs-item-label-copy {
    font-size: 18px;
    color: rgba(255,255,255,.4);
}

.is-active .tabs-item-label-copy {
    color: #000;
}

.formsection {
    position: relative;
}

    .formsection + .formsection {
        margin-top: 40px;
    }

    .formsection.formsection--titleless {
        margin-top: 22px;
    }

.formsection-info {
    margin-bottom: 10px;
}

.formsection-info-mandatory {
    color: #858585;
    font-size: 12px;
    line-height: 1.1;
    display: inline-block;
    vertical-align: middle;
}

    .formsection-info-mandatory em {
        color: #efb41e;
        font-size: 24px;
        line-height: 12px;
        vertical-align: text-bottom;
        top: 3px;
        position: relative;
        padding-right: 4px;
    }

.formsection-info-email {
    font-size: 18px;
    line-height: 1.1;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}

    .formsection-info-email x-icon:before,
    .formsection-info-print x-icon:before {
        font-family: icomoon !important;
        font-style: normal !important;
        font-weight: 400 !important;
        line-height: 1;
        font-variant: normal !important;
        text-transform: none !important;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .formsection-info-email x-icon {
        display: inline-block;
        line-height: 1;
        font-size: 22px;
        margin-right: 9px;
        vertical-align: middle;
    }

        .formsection-info-email x-icon:before {
            vertical-align: top;
            content: "";
        }

.formsection-info-print x-icon {
    color: #05b4fc;
    display: inline-block;
    line-height: 1;
    font-size: 24px;
}

    .formsection-info-print x-icon:before {
        vertical-align: top;
        content: "";
    }

.form-label,
.form-text-plain,
.formsection-title {
    font-weight: 400;
    font-style: normal;
}

.formsection-title {
    font-size: calc(.56818vw + 22.18px);
    font-family: TradeGothicBoldCn20,sans-serif;
    line-height: 1.1;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: .7em;
    margin-bottom: 1em;
}

.form-row-list {
    margin-bottom: -22px;
}

    .form-row-list:after,
    .form-row-list:before {
        content: " ";
        display: table;
    }

    .form-row-list:after {
        clear: both;
    }

.form-row {
    margin: 0 auto 22px;
    max-width: 425px;
}

    .form-row.is-full {
        max-width: none;
    }

.form-multiselect {
    overflow: auto;
    max-height: 170px;
    border: 1px solid #000;
    border-radius: 4px;
    user-select: none;
}

.form-check-label,
input:focus ~ .form-check-label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.form-multiselect input {
    left: -9999px;
    position: absolute;
}

.form-field,
.form-multiselect-item {
    position: relative;
}

.form-multiselect-label {
    padding: 5px 10px;
    cursor: default;
}

.form-multiselect-item + .form-multiselect-item .form-multiselect-label {
    border-top: 1px solid #8b0000;
}

.form-multiselect-label:before {
    display: inline-block;
    vertical-align: top;
    content: "";
    width: 1em;
    height: 1em;
}

input:checked + .form-multiselect-label {
    background-color: pink;
    color: #8b0000;
}

    input:checked + .form-multiselect-label:before {
        content: "\2714";
        width: 1em;
        height: 1em;
        line-height: 1em;
    }

.form-field.is-dollars:before {
    content: "$";
    position: absolute;
    left: 20px;
    top: 0;
    z-index: 2;
    pointer-events: none;
    font-size: 14px;
    line-height: 55px;
}

.form-field.is-dollars input {
    padding-left: 30px !important;
}

.form-field-autocomplete {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin-top: -2px;
    display: none;
    background-color: #fff;
    color: #000;
    border-radius: 4px;
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.05);
    font-size: 14px;
    z-index: 999999;
    border: 2px solid #d7d7d7;
}

.form-field-autocomplete-item {
    display: block;
    padding: 8px 16px;
    font-size: 16px;
    color: #858585;
    cursor: pointer;
}

    .form-field-autocomplete-item:focus,
    .form-field-autocomplete-item:hover {
        color: #858585;
        text-decoration: none;
    }

.form-date-edit-label-copy,
.form-disclaimer a,
.pettable-featurestoggle {
    text-decoration: underline;
}

.form-field-autocomplete-item.is-active {
    background-color: #eaeaea;
}

.form-label {
    display: block;
    font-family: TradeGothicCn18,sans-serif;
    font-size: 21px;
    line-height: 1.1;
    margin-bottom: .5em;
    color: #000;
}

.form-label--invisible {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.form-required {
    color: #efb41e;
    font-size: 24px;
    line-height: 24px;
    vertical-align: top;
    top: 4px;
    position: relative;
    padding-right: 6px;
    float: left;
}

.form-tooltip {
    margin-left: 8px;
}

.form-submit {
    text-align: center;
    padding-top: 32px;
}

.form-overviewerror {
    display: none;
    padding-top: 30px;
    color: #ff3b3b;
}

.form-disclaimer {
    padding-top: 30px;
    font-size: 16px;
    line-height: 20px;
    color: #231f20;
}

.form-field--joinedleft {
    margin-left: -1px;
}

input[type=date],
input[type=url],
input[type=text],
input[type=password],
input[type=file],
input[type=search],
input[type=email],
input[type=tel],
input[type=number],
textarea {
    -webkit-appearance: none;
    -moz-appearance: textfield;
    margin: 0;
    width: 100%;
    padding: 10px 15px;
    border: 2px solid #ebebeb;
    outline: 0;
    border-radius: 4px;
    transition: border .2s ease;
    font-family: Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0;
    font-size: 16px;
    color: #231f20;
    background-color: #fff;
}

.form-field--joinedleft input[type=date],
.form-field--joinedleft input[type=url],
.form-field--joinedleft input[type=text],
.form-field--joinedleft input[type=password],
.form-field--joinedleft input[type=file],
.form-field--joinedleft input[type=search],
.form-field--joinedleft input[type=email],
.form-field--joinedleft input[type=tel],
.form-field--joinedleft input[type=number],
.form-field--joinedleft textarea {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.form-field--joinedright input[type=date],
.form-field--joinedright input[type=url],
.form-field--joinedright input[type=text],
.form-field--joinedright input[type=password],
.form-field--joinedright input[type=file],
.form-field--joinedright input[type=search],
.form-field--joinedright input[type=email],
.form-field--joinedright input[type=tel],
.form-field--joinedright input[type=number],
.form-field--joinedright textarea {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.is-invalid input[type=date],
.is-invalid input[type=url],
.is-invalid input[type=text],
.is-invalid input[type=password],
.is-invalid input[type=file],
.is-invalid input[type=search],
.is-invalid input[type=email],
.is-invalid input[type=tel],
.is-invalid input[type=number],
.is-invalid textarea,
input[type=date].is-invalid,
input[type=url].is-invalid,
input[type=text].is-invalid,
input[type=password].is-invalid,
input[type=file].is-invalid,
input[type=search].is-invalid,
input[type=email].is-invalid,
input[type=tel].is-invalid,
input[type=number].is-invalid,
textarea.is-invalid {
    border-color: #ffc525;
    outline: 0;
}

input[type=date]:focus,
input[type=url]:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=file]:focus,
input[type=search]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
textarea:focus {
    border-color: #d7d7d7;
    outline: 0;
    position: relative;
    z-index: 1;
}

input[type=date].placeholdersjs,
input[type=url].placeholdersjs,
input[type=text].placeholdersjs,
input[type=password].placeholdersjs,
input[type=file].placeholdersjs,
input[type=search].placeholdersjs,
input[type=email].placeholdersjs,
input[type=tel].placeholdersjs,
input[type=number].placeholdersjs,
textarea.placeholdersjs {
    color: #999;
}

input[type=date]::input-placeholder,
input[type=url]::input-placeholder,
input[type=text]::input-placeholder,
input[type=password]::input-placeholder,
input[type=file]::input-placeholder,
input[type=search]::input-placeholder,
input[type=email]::input-placeholder,
input[type=tel]::input-placeholder,
input[type=number]::input-placeholder,
textarea::input-placeholder {
    opacity: 1;
    transition-property: opacity;
    transition-timing-function: ease;
    transition-duration: .2s;
    transition-delay: 0;
    color: #999;
}

input[type=date]::-webkit-input-placeholder,
input[type=url]::-webkit-input-placeholder,
input[type=text]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=file]::-webkit-input-placeholder,
input[type=search]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=number]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    opacity: 1;
    transition-property: opacity;
    transition-timing-function: ease;
    transition-duration: .2s;
    transition-delay: 0;
    color: #999;
}

input[type=date]::-moz-placeholder,
input[type=url]::-moz-placeholder,
input[type=text]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=file]::-moz-placeholder,
input[type=search]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=number]::-moz-placeholder,
textarea::-moz-placeholder {
    opacity: 1;
    transition-property: opacity;
    transition-timing-function: ease;
    transition-duration: .2s;
    transition-delay: 0;
    color: #999;
}

input[type=date]:-moz-placeholder,
input[type=url]:-moz-placeholder,
input[type=text]:-moz-placeholder,
input[type=password]:-moz-placeholder,
input[type=file]:-moz-placeholder,
input[type=search]:-moz-placeholder,
input[type=email]:-moz-placeholder,
input[type=tel]:-moz-placeholder,
input[type=number]:-moz-placeholder,
textarea:-moz-placeholder {
    opacity: 1;
    transition-property: opacity;
    transition-timing-function: ease;
    transition-duration: .2s;
    transition-delay: 0;
    color: #999;
}

input[type=date]:-ms-input-placeholder,
input[type=url]:-ms-input-placeholder,
input[type=text]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=file]:-ms-input-placeholder,
input[type=search]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    opacity: 1;
    transition-property: opacity;
    transition-timing-function: ease;
    transition-duration: .2s;
    transition-delay: 0;
    color: #999;
}

input[type=date]:focus::input-placeholder,
input[type=url]:focus::input-placeholder,
input[type=text]:focus::input-placeholder,
input[type=password]:focus::input-placeholder,
input[type=file]:focus::input-placeholder,
input[type=search]:focus::input-placeholder,
input[type=email]:focus::input-placeholder,
input[type=tel]:focus::input-placeholder,
input[type=number]:focus::input-placeholder,
textarea:focus::input-placeholder {
    opacity: 0;
}

input[type=date]:focus::-webkit-input-placeholder,
input[type=url]:focus::-webkit-input-placeholder,
input[type=text]:focus::-webkit-input-placeholder,
input[type=password]:focus::-webkit-input-placeholder,
input[type=file]:focus::-webkit-input-placeholder,
input[type=search]:focus::-webkit-input-placeholder,
input[type=email]:focus::-webkit-input-placeholder,
input[type=tel]:focus::-webkit-input-placeholder,
input[type=number]:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
    opacity: 0;
}

input[type=date]:focus:-moz-placeholder,
input[type=url]:focus:-moz-placeholder,
input[type=text]:focus:-moz-placeholder,
input[type=password]:focus:-moz-placeholder,
input[type=file]:focus:-moz-placeholder,
input[type=search]:focus:-moz-placeholder,
input[type=email]:focus:-moz-placeholder,
input[type=tel]:focus:-moz-placeholder,
input[type=number]:focus:-moz-placeholder,
textarea:focus:-moz-placeholder {
    opacity: 0;
}

input[type=date]:focus::-moz-placeholder,
input[type=url]:focus::-moz-placeholder,
input[type=text]:focus::-moz-placeholder,
input[type=password]:focus::-moz-placeholder,
input[type=file]:focus::-moz-placeholder,
input[type=search]:focus::-moz-placeholder,
input[type=email]:focus::-moz-placeholder,
input[type=tel]:focus::-moz-placeholder,
input[type=number]:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
    opacity: 0;
}

input[type=date]:focus::-ms-input-placeholder,
input[type=url]:focus::-ms-input-placeholder,
input[type=text]:focus::-ms-input-placeholder,
input[type=password]:focus::-ms-input-placeholder,
input[type=file]:focus::-ms-input-placeholder,
input[type=search]:focus::-ms-input-placeholder,
input[type=email]:focus::-ms-input-placeholder,
input[type=tel]:focus::-ms-input-placeholder,
input[type=number]:focus::-ms-input-placeholder,
textarea:focus::-ms-input-placeholder {
    opacity: 0;
}

.is-disabled input[type=date],
.is-disabled input[type=url],
.is-disabled input[type=text],
.is-disabled input[type=password],
.is-disabled input[type=file],
.is-disabled input[type=search],
.is-disabled input[type=email],
.is-disabled input[type=tel],
.is-disabled input[type=number],
.is-disabled textarea,
input[type=date][disabled],
input[type=url][disabled],
input[type=text][disabled],
input[type=password][disabled],
input[type=file][disabled],
input[type=search][disabled],
input[type=email][disabled],
input[type=tel][disabled],
input[type=number][disabled],
textarea[disabled] {
    border-color: #ebebeb !important;
    background-color: #f5f5f5 !important;
    color: #b3b3b3 !important;
    cursor: default !important;
}

.form-toggle-item,
.tooltip {
    cursor: pointer;
}

.is-disabled input[type=date].placeholdersjs,
.is-disabled input[type=url].placeholdersjs,
.is-disabled input[type=text].placeholdersjs,
.is-disabled input[type=password].placeholdersjs,
.is-disabled input[type=file].placeholdersjs,
.is-disabled input[type=search].placeholdersjs,
.is-disabled input[type=email].placeholdersjs,
.is-disabled input[type=tel].placeholdersjs,
.is-disabled input[type=number].placeholdersjs,
.is-disabled textarea.placeholdersjs,
input[type=date][disabled].placeholdersjs,
input[type=url][disabled].placeholdersjs,
input[type=text][disabled].placeholdersjs,
input[type=password][disabled].placeholdersjs,
input[type=file][disabled].placeholdersjs,
input[type=search][disabled].placeholdersjs,
input[type=email][disabled].placeholdersjs,
input[type=tel][disabled].placeholdersjs,
input[type=number][disabled].placeholdersjs,
textarea[disabled].placeholdersjs {
    color: #b3b3b3;
}

.is-disabled input[type=date]::input-placeholder,
.is-disabled input[type=url]::input-placeholder,
.is-disabled input[type=text]::input-placeholder,
.is-disabled input[type=password]::input-placeholder,
.is-disabled input[type=file]::input-placeholder,
.is-disabled input[type=search]::input-placeholder,
.is-disabled input[type=email]::input-placeholder,
.is-disabled input[type=tel]::input-placeholder,
.is-disabled input[type=number]::input-placeholder,
.is-disabled textarea::input-placeholder,
input[type=date][disabled]::input-placeholder,
input[type=url][disabled]::input-placeholder,
input[type=text][disabled]::input-placeholder,
input[type=password][disabled]::input-placeholder,
input[type=file][disabled]::input-placeholder,
input[type=search][disabled]::input-placeholder,
input[type=email][disabled]::input-placeholder,
input[type=tel][disabled]::input-placeholder,
input[type=number][disabled]::input-placeholder,
textarea[disabled]::input-placeholder {
    opacity: 1;
    transition-property: opacity;
    transition-timing-function: ease;
    transition-duration: .2s;
    transition-delay: 0;
    color: #b3b3b3;
}

.is-disabled input[type=date]::-webkit-input-placeholder,
.is-disabled input[type=url]::-webkit-input-placeholder,
.is-disabled input[type=text]::-webkit-input-placeholder,
.is-disabled input[type=password]::-webkit-input-placeholder,
.is-disabled input[type=file]::-webkit-input-placeholder,
.is-disabled input[type=search]::-webkit-input-placeholder,
.is-disabled input[type=email]::-webkit-input-placeholder,
.is-disabled input[type=tel]::-webkit-input-placeholder,
.is-disabled input[type=number]::-webkit-input-placeholder,
.is-disabled textarea::-webkit-input-placeholder,
input[type=date][disabled]::-webkit-input-placeholder,
input[type=url][disabled]::-webkit-input-placeholder,
input[type=text][disabled]::-webkit-input-placeholder,
input[type=password][disabled]::-webkit-input-placeholder,
input[type=file][disabled]::-webkit-input-placeholder,
input[type=search][disabled]::-webkit-input-placeholder,
input[type=email][disabled]::-webkit-input-placeholder,
input[type=tel][disabled]::-webkit-input-placeholder,
input[type=number][disabled]::-webkit-input-placeholder,
textarea[disabled]::-webkit-input-placeholder {
    opacity: 1;
    transition-property: opacity;
    transition-timing-function: ease;
    transition-duration: .2s;
    transition-delay: 0;
    color: #b3b3b3;
}

.is-disabled input[type=date]::-moz-placeholder,
.is-disabled input[type=url]::-moz-placeholder,
.is-disabled input[type=text]::-moz-placeholder,
.is-disabled input[type=password]::-moz-placeholder,
.is-disabled input[type=file]::-moz-placeholder,
.is-disabled input[type=search]::-moz-placeholder,
.is-disabled input[type=email]::-moz-placeholder,
.is-disabled input[type=tel]::-moz-placeholder,
.is-disabled input[type=number]::-moz-placeholder,
.is-disabled textarea::-moz-placeholder,
input[type=date][disabled]::-moz-placeholder,
input[type=url][disabled]::-moz-placeholder,
input[type=text][disabled]::-moz-placeholder,
input[type=password][disabled]::-moz-placeholder,
input[type=file][disabled]::-moz-placeholder,
input[type=search][disabled]::-moz-placeholder,
input[type=email][disabled]::-moz-placeholder,
input[type=tel][disabled]::-moz-placeholder,
input[type=number][disabled]::-moz-placeholder,
textarea[disabled]::-moz-placeholder {
    opacity: 1;
    transition-property: opacity;
    transition-timing-function: ease;
    transition-duration: .2s;
    transition-delay: 0;
    color: #b3b3b3;
}

.is-disabled input[type=date]:-moz-placeholder,
.is-disabled input[type=url]:-moz-placeholder,
.is-disabled input[type=text]:-moz-placeholder,
.is-disabled input[type=password]:-moz-placeholder,
.is-disabled input[type=file]:-moz-placeholder,
.is-disabled input[type=search]:-moz-placeholder,
.is-disabled input[type=email]:-moz-placeholder,
.is-disabled input[type=tel]:-moz-placeholder,
.is-disabled input[type=number]:-moz-placeholder,
.is-disabled textarea:-moz-placeholder,
input[type=date][disabled]:-moz-placeholder,
input[type=url][disabled]:-moz-placeholder,
input[type=text][disabled]:-moz-placeholder,
input[type=password][disabled]:-moz-placeholder,
input[type=file][disabled]:-moz-placeholder,
input[type=search][disabled]:-moz-placeholder,
input[type=email][disabled]:-moz-placeholder,
input[type=tel][disabled]:-moz-placeholder,
input[type=number][disabled]:-moz-placeholder,
textarea[disabled]:-moz-placeholder {
    opacity: 1;
    transition-property: opacity;
    transition-timing-function: ease;
    transition-duration: .2s;
    transition-delay: 0;
    color: #b3b3b3;
}

.is-disabled input[type=date]:-ms-input-placeholder,
.is-disabled input[type=url]:-ms-input-placeholder,
.is-disabled input[type=text]:-ms-input-placeholder,
.is-disabled input[type=password]:-ms-input-placeholder,
.is-disabled input[type=file]:-ms-input-placeholder,
.is-disabled input[type=search]:-ms-input-placeholder,
.is-disabled input[type=email]:-ms-input-placeholder,
.is-disabled input[type=tel]:-ms-input-placeholder,
.is-disabled input[type=number]:-ms-input-placeholder,
.is-disabled textarea:-ms-input-placeholder,
input[type=date][disabled]:-ms-input-placeholder,
input[type=url][disabled]:-ms-input-placeholder,
input[type=text][disabled]:-ms-input-placeholder,
input[type=password][disabled]:-ms-input-placeholder,
input[type=file][disabled]:-ms-input-placeholder,
input[type=search][disabled]:-ms-input-placeholder,
input[type=email][disabled]:-ms-input-placeholder,
input[type=tel][disabled]:-ms-input-placeholder,
input[type=number][disabled]:-ms-input-placeholder,
textarea[disabled]:-ms-input-placeholder {
    opacity: 1;
    transition-property: opacity;
    transition-timing-function: ease;
    transition-duration: .2s;
    transition-delay: 0;
    color: #b3b3b3;
}

.is-disabled input[type=date]:focus::input-placeholder,
.is-disabled input[type=url]:focus::input-placeholder,
.is-disabled input[type=text]:focus::input-placeholder,
.is-disabled input[type=password]:focus::input-placeholder,
.is-disabled input[type=file]:focus::input-placeholder,
.is-disabled input[type=search]:focus::input-placeholder,
.is-disabled input[type=email]:focus::input-placeholder,
.is-disabled input[type=tel]:focus::input-placeholder,
.is-disabled input[type=number]:focus::input-placeholder,
.is-disabled textarea:focus::input-placeholder,
input[type=date][disabled]:focus::input-placeholder,
input[type=url][disabled]:focus::input-placeholder,
input[type=text][disabled]:focus::input-placeholder,
input[type=password][disabled]:focus::input-placeholder,
input[type=file][disabled]:focus::input-placeholder,
input[type=search][disabled]:focus::input-placeholder,
input[type=email][disabled]:focus::input-placeholder,
input[type=tel][disabled]:focus::input-placeholder,
input[type=number][disabled]:focus::input-placeholder,
textarea[disabled]:focus::input-placeholder {
    opacity: 0;
}

.is-disabled input[type=date]:focus::-webkit-input-placeholder,
.is-disabled input[type=url]:focus::-webkit-input-placeholder,
.is-disabled input[type=text]:focus::-webkit-input-placeholder,
.is-disabled input[type=password]:focus::-webkit-input-placeholder,
.is-disabled input[type=file]:focus::-webkit-input-placeholder,
.is-disabled input[type=search]:focus::-webkit-input-placeholder,
.is-disabled input[type=email]:focus::-webkit-input-placeholder,
.is-disabled input[type=tel]:focus::-webkit-input-placeholder,
.is-disabled input[type=number]:focus::-webkit-input-placeholder,
.is-disabled textarea:focus::-webkit-input-placeholder,
input[type=date][disabled]:focus::-webkit-input-placeholder,
input[type=url][disabled]:focus::-webkit-input-placeholder,
input[type=text][disabled]:focus::-webkit-input-placeholder,
input[type=password][disabled]:focus::-webkit-input-placeholder,
input[type=file][disabled]:focus::-webkit-input-placeholder,
input[type=search][disabled]:focus::-webkit-input-placeholder,
input[type=email][disabled]:focus::-webkit-input-placeholder,
input[type=tel][disabled]:focus::-webkit-input-placeholder,
input[type=number][disabled]:focus::-webkit-input-placeholder,
textarea[disabled]:focus::-webkit-input-placeholder {
    opacity: 0;
}

.is-disabled input[type=date]:focus:-moz-placeholder,
.is-disabled input[type=url]:focus:-moz-placeholder,
.is-disabled input[type=text]:focus:-moz-placeholder,
.is-disabled input[type=password]:focus:-moz-placeholder,
.is-disabled input[type=file]:focus:-moz-placeholder,
.is-disabled input[type=search]:focus:-moz-placeholder,
.is-disabled input[type=email]:focus:-moz-placeholder,
.is-disabled input[type=tel]:focus:-moz-placeholder,
.is-disabled input[type=number]:focus:-moz-placeholder,
.is-disabled textarea:focus:-moz-placeholder,
input[type=date][disabled]:focus:-moz-placeholder,
input[type=url][disabled]:focus:-moz-placeholder,
input[type=text][disabled]:focus:-moz-placeholder,
input[type=password][disabled]:focus:-moz-placeholder,
input[type=file][disabled]:focus:-moz-placeholder,
input[type=search][disabled]:focus:-moz-placeholder,
input[type=email][disabled]:focus:-moz-placeholder,
input[type=tel][disabled]:focus:-moz-placeholder,
input[type=number][disabled]:focus:-moz-placeholder,
textarea[disabled]:focus:-moz-placeholder {
    opacity: 0;
}

.is-disabled input[type=date]:focus::-moz-placeholder,
.is-disabled input[type=url]:focus::-moz-placeholder,
.is-disabled input[type=text]:focus::-moz-placeholder,
.is-disabled input[type=password]:focus::-moz-placeholder,
.is-disabled input[type=file]:focus::-moz-placeholder,
.is-disabled input[type=search]:focus::-moz-placeholder,
.is-disabled input[type=email]:focus::-moz-placeholder,
.is-disabled input[type=tel]:focus::-moz-placeholder,
.is-disabled input[type=number]:focus::-moz-placeholder,
.is-disabled textarea:focus::-moz-placeholder,
input[type=date][disabled]:focus::-moz-placeholder,
input[type=url][disabled]:focus::-moz-placeholder,
input[type=text][disabled]:focus::-moz-placeholder,
input[type=password][disabled]:focus::-moz-placeholder,
input[type=file][disabled]:focus::-moz-placeholder,
input[type=search][disabled]:focus::-moz-placeholder,
input[type=email][disabled]:focus::-moz-placeholder,
input[type=tel][disabled]:focus::-moz-placeholder,
input[type=number][disabled]:focus::-moz-placeholder,
textarea[disabled]:focus::-moz-placeholder {
    opacity: 0;
}

.is-disabled input[type=date]:focus::-ms-input-placeholder,
.is-disabled input[type=url]:focus::-ms-input-placeholder,
.is-disabled input[type=text]:focus::-ms-input-placeholder,
.is-disabled input[type=password]:focus::-ms-input-placeholder,
.is-disabled input[type=file]:focus::-ms-input-placeholder,
.is-disabled input[type=search]:focus::-ms-input-placeholder,
.is-disabled input[type=email]:focus::-ms-input-placeholder,
.is-disabled input[type=tel]:focus::-ms-input-placeholder,
.is-disabled input[type=number]:focus::-ms-input-placeholder,
.is-disabled textarea:focus::-ms-input-placeholder,
input[type=date][disabled]:focus::-ms-input-placeholder,
input[type=url][disabled]:focus::-ms-input-placeholder,
input[type=text][disabled]:focus::-ms-input-placeholder,
input[type=password][disabled]:focus::-ms-input-placeholder,
input[type=file][disabled]:focus::-ms-input-placeholder,
input[type=search][disabled]:focus::-ms-input-placeholder,
input[type=email][disabled]:focus::-ms-input-placeholder,
input[type=tel][disabled]:focus::-ms-input-placeholder,
input[type=number][disabled]:focus::-ms-input-placeholder,
textarea[disabled]:focus::-ms-input-placeholder {
    opacity: 0;
}

input[type=date],
input[type=url],
input[type=text],
input[type=password],
input[type=file],
input[type=search],
input[type=email],
input[type=tel],
input[type=number] {
    height: 55px;
}

textarea {
    line-height: 20px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    resize: none;
    vertical-align: top;
    height: 180px;
}

input[type=date]::-webkit-datetime-edit-day-field[aria-valuetext=blank],
input[type=date]::-webkit-datetime-edit-month-field[aria-valuetext=blank],
input[type=date]::-webkit-datetime-edit-text,
input[type=date]::-webkit-datetime-edit-year-field[aria-valuetext=blank] {
    color: #999;
}

.form-check {
    margin-left: -4px;
    display: block;
    margin-top: -5px;
    margin-bottom: -5px;
    position: relative;
}

    .form-check input {
        position: absolute;
        left: -99999em;
    }

.form-check-label {
    -webkit-transform: rotateZ(0);
    -ms-transform: rotate(0);
    transform: rotateZ(0);
    user-select: none;
    vertical-align: top;
    display: inline-block;
    background-image: url(../images/icon.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    background-size: 500px 500px;
}

input:focus ~ .form-check-label {
    user-select: none;
    vertical-align: top;
    background-position: -42px 0;
}

input:checked + .form-check-label,
input:focus:checked + .form-check-label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    vertical-align: top;
}

input:checked + .form-check-label {
    user-select: none;
    background-position: -84px 0;
}

input:focus:checked + .form-check-label {
    user-select: none;
    background-position: -126px 0;
}

.form-checkboxlabel-label,
.form-field-cardsecuritycode-icon {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.form-field-cardexpiry-month,
.form-field-cardexpiry-year {
    vertical-align: middle;
    width: 30px;
    display: table-cell;
}

.form-field-cardexpiry {
    width: 100%;
    display: block;
    padding: 15px;
    border: 1px solid #e6e7e8;
    outline: 0;
    border-radius: 4px;
    background-color: #fff;
    transition: border .2s ease;
}

    .form-field-cardexpiry input {
        text-align: center;
        -moz-appearance: textfield;
    }

        .form-field-cardexpiry input::-webkit-inner-spin-button,
        .form-field-cardexpiry input::-webkit-outer-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }

.form-field-cardexpiry-inner {
    display: table;
    height: 20px;
}

.form-field-cardexpiry-separator {
    display: table-cell;
    vertical-align: middle;
    color: #999;
    padding-left: 5px;
    padding-right: 5px;
}

.form-text-plain {
    padding: 0;
    margin: 0;
    color: #231f20;
    font-family: Arial,sans-serif;
    letter-spacing: 0;
    font-size: 16px;
    line-height: 26px;
    transition: border .2s ease;
    border: 1px solid transparent;
    outline: 0;
    width: 100%;
    height: 28px;
}

    .form-text-plain:focus {
        border-color: #e6e7e8;
    }

    .form-text-plain.placeholdersjs {
        color: #999;
    }

    .form-text-plain::input-placeholder {
        opacity: 1;
        transition-property: opacity;
        transition-timing-function: ease;
        transition-duration: .2s;
        transition-delay: 0;
        color: #999;
    }

    .form-text-plain::-webkit-input-placeholder {
        opacity: 1;
        transition-property: opacity;
        transition-timing-function: ease;
        transition-duration: .2s;
        transition-delay: 0;
        color: #999;
    }

    .form-text-plain::-moz-placeholder {
        opacity: 1;
        transition-property: opacity;
        transition-timing-function: ease;
        transition-duration: .2s;
        transition-delay: 0;
        color: #999;
    }

    .form-text-plain:-moz-placeholder {
        opacity: 1;
        transition-property: opacity;
        transition-timing-function: ease;
        transition-duration: .2s;
        transition-delay: 0;
        color: #999;
    }

    .form-text-plain:-ms-input-placeholder {
        opacity: 1;
        transition-property: opacity;
        transition-timing-function: ease;
        transition-duration: .2s;
        transition-delay: 0;
        color: #999;
    }

.form-toggle-item-label,
.form-toggletiny-item-label {
    text-align: center;
    transition: background-color .2s ease,border .2s ease;
    font-size: 16px;
    font-family: Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0;
}

.form-text-plain:focus::input-placeholder {
    opacity: 0;
}

.form-text-plain:focus::-webkit-input-placeholder {
    opacity: 0;
}

.form-text-plain:focus:-moz-placeholder {
    opacity: 0;
}

.form-text-plain:focus::-moz-placeholder {
    opacity: 0;
}

.form-text-plain:focus::-ms-input-placeholder {
    opacity: 0;
}

.is-disabled .form-toggle-item-label-icon,
.is-disabled .form-toggletiny-item-label-icon {
    opacity: .3;
}

.form-toggle input {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

.form-toggle-item,
.form-toggle-item-label {
    position: relative;
    display: table-cell;
    vertical-align: middle;
}

.form-toggle-list {
    display: inline-table;
    table-layout: fixed;
    width: 100%;
    position: relative;
    z-index: 1;
    margin: 1px;
    border-collapse: separate;
    vertical-align: top;
}

.form-toggle-item-inner {
    width: 100%;
}

.form-toggle-item:nth-child(2) .form-toggle-item-inner {
    margin-left: -2px;
}

.form-toggle-item:nth-child(3) .form-toggle-item-inner {
    margin-left: -4px;
}

.form-toggle-item:nth-child(4) .form-toggle-item-inner {
    margin-left: -6px;
}

.form-toggle-item:nth-child(5) .form-toggle-item-inner {
    margin-left: -8px;
}

.form-toggle-item-label {
    width: 10000px;
    border: 2px solid #ebebeb;
    background: #fff;
    height: 55px;
    line-height: 20px;
    color: #858585;
}

    .form-toggle-item-label:hover {
        z-index: 1;
        border-color: #d7d7d7;
        background-color: #eaeaea;
        color: #000;
    }

input:focus + .form-toggle-item-label {
    border-color: #d7d7d7;
    z-index: 1;
}

input:checked + .form-toggle-item-label {
    background: #ffc525;
    color: #231f20;
    font-family: Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0;
}

input:focus:checked + .form-toggle-item-label {
    border-color: #d7d7d7;
}

.form-toggle-item:first-child .form-toggle-item-label {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.form-toggle-item:last-child .form-toggle-item-label {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.is-invalid .form-toggle-item-label {
    border-color: #ffc525;
    outline: 0;
}

.is-disabled .form-toggle-item-label {
    border-color: #ebebeb !important;
    background-color: #f5f5f5 !important;
    color: #b3b3b3 !important;
}

.form-toggle-item-label-icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
}

    .form-toggle-item-label-icon img {
        width: 100%;
        display: inline-block;
        vertical-align: middle;
    }

.form-toggletiny input {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

.button-icon,
.form-field-cardsecuritycode,
.form-select,
.form-select select,
.form-select select:focus,
.form-toggletiny-item,
.form-toggletiny-list {
    position: relative;
}

.form-toggletiny-list {
    display: inline-table;
    table-layout: fixed;
    width: 100%;
    z-index: 1;
    margin: 1px;
    border-collapse: separate;
    vertical-align: top;
}

.form-ccexpiry,
.form-date,
.form-postcode,
.pettable table {
    border-collapse: collapse;
}

.form-toggletiny-item {
    display: table-cell;
    cursor: pointer;
    vertical-align: middle;
}

.form-toggletiny-item-inner {
    width: 100%;
}

.form-toggletiny-item:nth-child(2) .form-toggletiny-item-inner {
    margin-left: -2px;
}

.form-toggletiny-item:nth-child(3) .form-toggletiny-item-inner {
    margin-left: -4px;
}

.form-toggletiny-item:nth-child(4) .form-toggletiny-item-inner {
    margin-left: -6px;
}

.form-toggletiny-item:nth-child(5) .form-toggletiny-item-inner {
    margin-left: -8px;
}

.form-toggletiny-item-label {
    display: table-cell;
    width: 10000px;
    vertical-align: middle;
    border: 2px solid #ebebeb;
    position: relative;
    background: #fff;
    height: 40px;
    line-height: 20px;
    color: #858585;
}

    .form-toggletiny-item-label:hover {
        z-index: 1;
        border-color: #d7d7d7;
        background-color: #eaeaea;
        color: #000;
    }

input:focus + .form-toggletiny-item-label {
    border-color: #d7d7d7;
    z-index: 1;
}

input:checked + .form-toggletiny-item-label {
    background: #ffc525;
    color: #231f20;
    font-family: Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0;
}

input:focus:checked + .form-toggletiny-item-label {
    border-color: #d7d7d7;
}

.form-toggletiny-item:first-child .form-toggletiny-item-label {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.form-toggletiny-item:last-child .form-toggletiny-item-label {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.is-invalid .form-toggletiny-item-label {
    border-color: #ffc525;
    outline: 0;
}

.is-disabled .form-toggletiny-item-label {
    border-color: #ebebeb !important;
    background-color: #f5f5f5 !important;
    color: #b3b3b3 !important;
}

.form-toggletiny-item-label-icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
}

    .form-toggletiny-item-label-icon img {
        width: 100%;
        display: inline-block;
        vertical-align: middle;
    }

.form-checkboxlabel {
    display: table;
}

.form-checkboxlabel-checkbox {
    display: table-cell;
    vertical-align: top;
    width: 48px;
    padding-right: 8px;
}

.form-checkboxlabel-label {
    display: table-cell;
    vertical-align: top;
    user-select: none;
    padding-top: 3px;
    font-family: TradeGothicCn18,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 21px;
    line-height: 1.2;
    color: #231f20;
}

.form-validation,
.form-validation-icon {
    display: none;
}

.form-validation-item {
    padding-top: 5px;
    overflow: hidden;
    font-size: 12px;
    line-height: 1.1;
    color: #fd2525;
    text-align: right;
}

    .form-validation-item:before {
        content: "*";
    }

.form-field-cardsecuritycode-icon {
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -17px;
    width: 46px;
    z-index: 1;
    pointer-events: none;
    cursor: text;
    user-select: none;
}

    .form-field-cardsecuritycode-icon img {
        width: 100%;
    }

.form-switch {
    overflow: hidden;
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.form-switch-inner {
    background-color: #141213;
    border-radius: 42px;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 100%;
    transition: opacity .2s ease;
}

input[disabled] + .form-switch-inner {
    opacity: .55;
}

.form-switch-inner2 {
    display: table;
    width: calc(100% * 2 - 30px - 10px);
    height: 32px;
    table-layout: fixed;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease,-webkit-transform .2s ease;
}

input:checked + .form-switch-inner .form-switch-inner2 {
    -webkit-transform: translateX(-50%) translateX(20px);
    -ms-transform: translateX(-50%) translateX(20px);
    transform: translateX(-50%) translateX(20px);
}

.form-switch-handle {
    width: 30px;
    height: 30px;
    display: table-cell;
    vertical-align: middle;
}

    .form-switch-handle i {
        background-color: #fff200;
        width: 30px;
        height: 30px;
        border-radius: 100%;
        display: block;
        transition: background-color .2s ease;
    }

input[disabled] + .form-switch-inner .form-switch-handle i {
    background-color: #848484;
}

.form-switch-label {
    display: table-cell;
    vertical-align: middle;
    font-size: 16px;
    line-height: 16px;
    width: 100%;
    color: #fff200;
    transition: opacity .3s ease .1s;
    padding-left: 10px;
}

.form-date input::input-placeholder,
.form-postcode input::input-placeholder {
    transition-property: opacity;
    transition-timing-function: ease;
    transition-duration: .2s;
    transition-delay: 0;
}

input[disabled] + .form-switch-inner .form-switch-label {
    color: #848484;
}

.form-switch-label:first-child {
    padding-right: 10px;
    opacity: 1;
}

.form-switch-label:last-child,
input:checked + .form-switch-inner .form-switch-label:first-child {
    opacity: 0;
}

input:checked + .form-switch-inner .form-switch-label:last-child {
    opacity: 1;
}

.form-date {
    display: table;
    border-style: hidden;
}

    .form-date input,
    .form-date input.placeholdersjs {
        text-align: center;
    }

        .form-date input::input-placeholder {
            opacity: 1;
            text-align: center;
        }

        .form-date input::-webkit-input-placeholder {
            opacity: 1;
            transition-property: opacity;
            transition-timing-function: ease;
            transition-duration: .2s;
            transition-delay: 0;
            text-align: center;
        }

        .form-date input::-moz-placeholder {
            opacity: 1;
            transition-property: opacity;
            transition-timing-function: ease;
            transition-duration: .2s;
            transition-delay: 0;
            text-align: center;
        }

        .form-date input:-moz-placeholder {
            opacity: 1;
            transition-property: opacity;
            transition-timing-function: ease;
            transition-duration: .2s;
            transition-delay: 0;
            text-align: center;
        }

        .form-date input:-ms-input-placeholder {
            opacity: 1;
            transition-property: opacity;
            transition-timing-function: ease;
            transition-duration: .2s;
            transition-delay: 0;
            text-align: center;
        }

        .form-date input:focus::input-placeholder {
            opacity: 0;
        }

        .form-date input:focus::-webkit-input-placeholder {
            opacity: 0;
        }

        .form-date input:focus:-moz-placeholder {
            opacity: 0;
        }

        .form-date input:focus::-moz-placeholder {
            opacity: 0;
        }

        .form-date input:focus::-ms-input-placeholder {
            opacity: 0;
        }

.form-date-tool {
    display: table-cell;
    vertical-align: middle;
    border: 5px solid transparent;
    width: 32px;
    padding-right: 4px;
}

    .form-date-tool x-icon {
        font-size: 32px;
        color: #05b4fc;
        display: inline-block;
        line-height: 1;
    }

.form-date-day,
.form-date-edit,
.form-date-month,
.form-date-tooltip,
.form-date-year {
    display: table-cell;
    border: 5px solid transparent;
}

.form-date-tool x-icon:before {
    font-family: icomoon !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: top;
    content: "";
}

.form-date-day,
.form-date-edit,
.form-date-edit-label,
.form-date-edit-label-copy,
.form-date-month,
.form-date-tooltip,
.form-date-year {
    vertical-align: middle;
}

.form-date-day {
    width: 82px;
}

.form-date-month {
    width: 100px;
}

.form-date-year {
    width: 110px;
}

.form-date-tooltip {
    width: 29px;
    text-align: right;
}

.form-date-edit,
.form-postcode-edit {
    padding-left: 10px;
    width: 77px;
    font-weight: 400;
}

.form-date-edit {
    color: #05b4fc;
    font-family: TradeGothicCn18,sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 1.2;
}

    .form-date-edit:focus,
    .form-date-edit:hover {
        color: #0895cf;
    }

.form-date-edit-label {
    display: inline-block;
    color: #05b4fc;
}

    .form-date-edit-label x-icon {
        display: inline-block;
        line-height: 1;
        padding-right: 7px;
    }

        .form-date-edit-label x-icon:before {
            font-family: icomoon !important;
            font-style: normal !important;
            font-weight: 400 !important;
            font-variant: normal !important;
            text-transform: none !important;
            speak: none;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            vertical-align: middle;
            content: "";
        }

.form-date-edit-label-copy {
    display: inline-block;
}

.form-postcode {
    display: table;
    border-style: hidden;
}

.form-postcode-edit,
.form-postcode-value {
    display: table-cell;
    border: 5px solid transparent;
    vertical-align: middle;
}

.form-postcode input::input-placeholder {
    opacity: 1;
}

.form-postcode input::-webkit-input-placeholder {
    opacity: 1;
    transition-property: opacity;
    transition-timing-function: ease;
    transition-duration: .2s;
    transition-delay: 0;
}

.form-postcode input::-moz-placeholder {
    opacity: 1;
    transition-property: opacity;
    transition-timing-function: ease;
    transition-duration: .2s;
    transition-delay: 0;
}

.form-postcode input:-moz-placeholder {
    opacity: 1;
    transition-property: opacity;
    transition-timing-function: ease;
    transition-duration: .2s;
    transition-delay: 0;
}

.form-postcode input:-ms-input-placeholder {
    opacity: 1;
    transition-property: opacity;
    transition-timing-function: ease;
    transition-duration: .2s;
    transition-delay: 0;
}

.form-postcode input:focus::input-placeholder {
    opacity: 0;
}

.form-postcode input:focus::-webkit-input-placeholder {
    opacity: 0;
}

.form-postcode input:focus:-moz-placeholder {
    opacity: 0;
}

.form-postcode input:focus::-moz-placeholder {
    opacity: 0;
}

.form-postcode input:focus::-ms-input-placeholder {
    opacity: 0;
}

.form-postcode-value {
    width: 284px;
}

.form-postcode-edit {
    color: #05b4fc;
    font-family: TradeGothicCn18,sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 1.2;
}

.form-postcode-edit-label x-icon:before,
.form-select:before {
    font-family: icomoon !important;
    font-style: normal !important;
    font-weight: 400 !important;
    text-transform: none !important;
    font-variant: normal !important;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.form-postcode-edit:focus,
.form-postcode-edit:hover {
    color: #0895cf;
}

.form-postcode-edit-label {
    display: inline-block;
    vertical-align: middle;
    color: #05b4fc;
}

    .form-postcode-edit-label x-icon {
        display: inline-block;
        line-height: 1;
        padding-right: 7px;
    }

        .form-postcode-edit-label x-icon:before {
            line-height: 1;
            vertical-align: middle;
            content: "";
        }

.form-postcode-edit-label-copy {
    text-decoration: underline;
    display: inline-block;
    vertical-align: middle;
}

.form-buttongroup-list {
    text-align: center;
}

.form-buttongroup-item {
    text-align: center;
    max-width: 160px;
    margin: 0 auto;
    display: inline-block;
    vertical-align: top;
    width: 100%;
}

.form-submitbuttongroup {
    text-align: center;
    margin: 40px auto 0;
    display: table;
    width: 100%;
    table-layout: fixed;
}

.form-select:before {
    line-height: 1;
    vertical-align: top;
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    right: 20px;
    top: 50%;
    font-size: 8px;
    margin-top: -3px;
    color: #ccc;
}

.form-select select {
    z-index: 1;
    appearance: none;
    background: 0 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    margin: 0;
    width: 100%;
    border: 2px solid #ebebeb;
    height: 55px;
    outline: 0;
    border-radius: 4px;
    transition: border .2s ease;
    font-family: Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0;
    color: #231f20;
    font-size: 16px;
    padding-left: 15px;
    padding-right: 40px;
}

    .form-select select.is-invalid,
    .is-invalid .form-select select {
        border-color: #ffc525;
        outline: 0;
    }

    .form-select select:focus {
        border-color: #d7d7d7;
        outline: 0;
        z-index: 1;
    }

    .form-select select[disabled],
    .is-disabled .form-select select {
        border-color: #ebebeb !important;
        background-color: #f5f5f5 !important;
        color: #b3b3b3 !important;
        cursor: default !important;
    }

.form-subsection,
.form-summarytable {
    background-color: #f5f5f5;
    border-radius: 5px;
}

.form-select select option {
    font-size: 14px;
    text-transform: none;
}

.form-row-information {
    font-family: TradeGothicCn18,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 21px;
    line-height: 1.1;
}

    .form-row-information p {
        color: #858585;
    }

.form-subsection {
    padding: 26px 20px;
}

.form-subsection-title {
    font-size: calc(.56818vw + 22.18px);
    line-height: 1.1;
    font-family: TradeGothicBoldCn20,sans-serif;
    font-weight: 400;
    font-style: normal;
    padding-bottom: 18px;
    margin-bottom: 28px;
    border-bottom: 1px solid #d7d7d7;
}

.form-summarytable td,
.form-summarytable th {
    font-family: Arial,sans-serif;
    vertical-align: top;
    font-style: normal;
    letter-spacing: 0;
}

.form-summarytable {
    width: 100%;
    padding-left: calc(1.42045vw + 5.45px);
    padding-right: calc(1.42045vw + 5.45px);
    padding-top: calc(1.42045vw + 5.45px);
    padding-bottom: calc(1.42045vw + 5.45px);
}

    .form-summarytable td,
    .form-summarytable th {
        font-size: calc(.14205vw + 14.55px);
        padding: 1px 10px;
    }

    .form-summarytable th {
        text-align: left;
        font-weight: 400;
    }

    .form-summarytable td {
        font-weight: 700;
    }

.form-summarytable-tools {
    margin-top: 10px;
    text-align: right;
}

.form-summarytable-tools-item {
    font-size: 17px;
    line-height: 1.1;
    font-family: TradeGothicCn18,sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #05b4fc;
}

.button-primary,
.footer-disclaimer p,
.footer-links,
.footer-links a {
    color: #fff;
}

.form-summarytable-tools-item + .form-summarytable-tools-item {
    margin-left: 10px;
}

.form-summarytable-tools-item.is-add x-icon {
    display: inline-block;
    line-height: 1;
    padding-right: 7px;
}

    .form-summarytable-tools-item.is-add x-icon:before {
        font-family: icomoon !important;
        font-style: normal !important;
        font-weight: 400 !important;
        font-variant: normal !important;
        text-transform: none !important;
        speak: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        vertical-align: middle;
        content: "";
    }

.form-ccexpiry {
    display: table;
    border-style: hidden;
}

.form-pettabletotal-cost,
.form-pettabletotal-label,
.form-pettabletotal-month {
    font-weight: 400;
    font-style: normal;
    line-height: 1.1;
    display: inline-block;
}

.form-ccexpiry input,
.form-ccexpiry input.placeholdersjs {
    text-align: center;
}

    .form-ccexpiry input::input-placeholder {
        opacity: 1;
        transition-property: opacity;
        transition-timing-function: ease;
        transition-duration: .2s;
        transition-delay: 0;
        text-align: center;
    }

    .form-ccexpiry input::-webkit-input-placeholder {
        opacity: 1;
        transition-property: opacity;
        transition-timing-function: ease;
        transition-duration: .2s;
        transition-delay: 0;
        text-align: center;
    }

    .form-ccexpiry input::-moz-placeholder {
        opacity: 1;
        transition-property: opacity;
        transition-timing-function: ease;
        transition-duration: .2s;
        transition-delay: 0;
        text-align: center;
    }

    .form-ccexpiry input:-moz-placeholder {
        opacity: 1;
        transition-property: opacity;
        transition-timing-function: ease;
        transition-duration: .2s;
        transition-delay: 0;
        text-align: center;
    }

    .form-ccexpiry input:-ms-input-placeholder {
        opacity: 1;
        transition-property: opacity;
        transition-timing-function: ease;
        transition-duration: .2s;
        transition-delay: 0;
        text-align: center;
    }

    .form-ccexpiry input:focus::input-placeholder {
        opacity: 0;
    }

    .form-ccexpiry input:focus::-webkit-input-placeholder {
        opacity: 0;
    }

    .form-ccexpiry input:focus:-moz-placeholder {
        opacity: 0;
    }

    .form-ccexpiry input:focus::-moz-placeholder {
        opacity: 0;
    }

    .form-ccexpiry input:focus::-ms-input-placeholder {
        opacity: 0;
    }

.form-pettabletotal {
    text-align: center;
    margin-top: 30px;
}

.form-pettabletotal-label {
    font-size: 21px;
    font-family: TradeGothicCn18,sans-serif;
}

.form-pettabletotal-cost {
    font-family: TradeGothicBoldCn20,sans-serif;
    font-size: 26px;
}

.form-pettabletotal-month {
    font-family: Arial,sans-serif;
    letter-spacing: 0;
    font-size: 12px;
}

.form-ccexpiry-month,
.form-ccexpiry-year {
    display: table-cell;
    vertical-align: middle;
    border: 5px solid transparent;
    width: 95px;
}

.form-note {
    font-size: 21px;
    line-height: 1.2;
    font-family: TradeGothicCn18,sans-serif;
    font-weight: 400;
    font-style: normal;
}

.button-primary,
.button-secondary {
    transition-property: background-color,color,border;
    transition-duration: .4s;
    transition-timing-function: ease;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    outline: 0;
    font-size: 20px;
    line-height: 1.1;
    padding-top: 14px;
    padding-bottom: 15px;
    max-width: 270px;
    display: inline-block;
    text-decoration: none;
}

.button-primary,
.button-secondary,
.form-note strong {
    font-family: TradeGothicBoldCn20,sans-serif;
    font-weight: 400;
    font-style: normal;
}

.button-primary {
    background-color: #05b4fc;
    border: 2px solid #05b4fc;
    border-radius: 4px;
}

    .button-primary:focus,
    .button-primary:hover {
        color: #fff;
        background-color: #0895cf;
        border-color: #0895cf;
        text-decoration: none;
    }

    .button-primary:focus {
        border-color: #077aaa;
    }

.is-disabled .button-primary {
    border-color: #f5f5f5 !important;
    background-color: #f5f5f5 !important;
    color: #b3b3b3 !important;
}

.button-secondary {
    background-color: #fff;
    border: 2px solid #05b4fc;
    color: #05b4fc;
    border-radius: 4px;
}

    .button-secondary:focus,
    .button-secondary:hover {
        color: #0895cf;
        border-color: #0895cf;
        text-decoration: none;
    }

    .button-secondary:focus {
        border-color: #077aaa;
    }

.is-disabled .button-secondary {
    border-color: #f5f5f5 !important;
    background-color: #f5f5f5 !important;
    color: #b3b3b3 !important;
}

.button-icon {
    font-size: 13px;
    line-height: 13px;
    padding-right: 3px;
    padding-left: 3px;
    top: -1px;
    vertical-align: middle;
}

    .button-icon.is-add:before,
    .button-icon.is-next:before,
    .button-icon.is-previous:before,
    .button-icon.is-remove:before {
        font-family: icomoon !important;
        font-style: normal !important;
        font-weight: 400 !important;
        font-variant: normal !important;
        text-transform: none !important;
        speak: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        vertical-align: top;
    }

    .button-icon.is-add {
        display: inline-block;
        line-height: 1;
    }

        .button-icon.is-add:before {
            content: "";
        }

    .button-icon.is-remove {
        display: inline-block;
        line-height: 1;
    }

        .button-icon.is-remove:before {
            content: "";
        }

    .button-icon.is-next {
        display: inline-block;
        line-height: 1;
    }

        .button-icon.is-next:before {
            content: "";
        }

    .button-icon.is-previous {
        display: inline-block;
        line-height: 1;
    }

        .button-icon.is-previous:before {
            content: "";
        }

.footer-disclaimer,
.footer-links {
    font-family: Arial,sans-serif;
    letter-spacing: 0;
}

.footer {
    padding: 28px 20px;
}

.footer-inner {
    margin: 0 auto;
}

.footer-disclaimer {
    font-size: 10px;
    line-height: 12px;
    font-weight: 400;
    font-style: normal;
}

    .footer-disclaimer p:last-child {
        margin-bottom: 0;
    }

.footer-links {
    font-weight: 700;
    font-style: normal;
    font-size: 12px;
    line-height: 1.2;
    margin-bottom: 20px;
}

.footer-security {
    width: 128px;
    margin-left: auto;
}

    .footer-security img {
        width: 100%;
    }

.accordion {
    border-bottom: 1px solid #d7d7d7;
    margin-left: calc(-4.26136vw + -6.36px);
    margin-right: calc(-4.26136vw + -6.36px);
}

.accordion-content.js-slide-hidden {
    display: none;
}

.is-active .accordion-content {
    display: block;
}

.accordion-title {
    color: #000;
    display: block;
    border-top: 1px solid #d7d7d7;
    padding-left: calc(4.26136vw + 6.36px);
    padding-right: calc(4.26136vw + 6.36px);
    background-color: #f5f5f5;
    text-decoration: none;
}

    .accordion-title:focus,
    .accordion-title:hover {
        color: #000;
        text-decoration: none;
        background-color: #eaeaea;
    }

.is-active .accordion-title {
    background-color: #fff;
}

.accordion-title-inner {
    display: table;
    width: 100%;
}

.accordion-title-copy,
.accordion-title-icon,
.accordion-title-toggle {
    display: table-cell;
    vertical-align: middle;
}

.accordion-title-copy {
    font-family: TradeGothicBoldCn20,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: calc(.56818vw + 22.18px);
    line-height: 1.1;
    padding: .7em 0;
}

.accordion-title-icon {
    width: 45px;
    padding-right: 15px;
}

    .accordion-title-icon img {
        width: 100%;
    }

.accordion-title-toggle {
    color: #b3b3b3;
    width: 13px;
}

    .accordion-title-toggle x-icon:before,
    .is-active .accordion-title-toggle x-icon:before {
        vertical-align: top;
        font-family: icomoon !important;
        font-style: normal !important;
        font-weight: 400 !important;
        font-variant: normal !important;
        text-transform: none !important;
        speak: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .accordion-title-toggle x-icon {
        font-size: 13px;
        display: inline-block;
        line-height: 1;
    }

        .accordion-title-toggle x-icon:before {
            content: "";
        }

.is-active .accordion-title-toggle x-icon {
    display: inline-block;
    line-height: 1;
}

    .is-active .accordion-title-toggle x-icon:before {
        content: "";
    }

.pettable {
    overflow-x: auto;
    overflow-y: hidden;
    margin-top: 10px;
    -webkit-overflow-scrolling: touch;
    padding-top: 8px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

    .pettable .pettable-field {
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0,0,0,0);
        border: 0;
        position: fixed;
        top: 0;
        left: 0;
    }

    .pettable th.has-tooltip {
        position: relative;
        padding-right: 44px;
    }

    .pettable .pettable-tooltip {
        position: absolute;
        right: 10px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .pettable .pettable-notincluded {
        color: #ccc;
    }

        .pettable .pettable-notincluded x-icon {
            font-size: 2px;
            display: inline-block;
            line-height: 1;
            vertical-align: middle;
        }

            .pettable .pettable-notincluded x-icon:before {
                font-family: icomoon !important;
                font-style: normal !important;
                font-weight: 400 !important;
                font-variant: normal !important;
                text-transform: none !important;
                speak: none;
                line-height: 1;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                vertical-align: top;
                content: "";
            }

    .pettable .pettable-touchmessage {
        display: inline-block;
        vertical-align: middle;
    }

    .pettable .pettable-touchmessage-copy {
        font-size: 21px;
        line-height: 1.1;
        font-family: TradeGothicCn18,sans-serif;
        font-weight: 400;
        font-style: normal;
        color: #000;
        margin-bottom: 10px;
    }

    .pettable .pettable-included x-icon:before,
    .pettable .pettable-touchmessage-icon:before {
        font-family: icomoon !important;
        font-style: normal !important;
        font-weight: 400 !important;
        font-variant: normal !important;
        text-transform: none !important;
        speak: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .pettable .pettable-touchmessage-icon {
        display: inline-block;
        line-height: 1;
        font-size: 33px;
        color: #ffc525;
    }

        .pettable .pettable-touchmessage-icon:before {
            vertical-align: top;
            content: "";
        }

    .pettable .pettable-included {
        color: #ffc525;
    }

        .pettable .pettable-included x-icon {
            font-size: 18px;
            display: inline-block;
            line-height: 1;
            vertical-align: middle;
        }

            .pettable .pettable-included x-icon:before {
                vertical-align: top;
                content: "";
            }

    .pettable table {
        table-layout: fixed;
    }

    .pettable td,
    .pettable th {
        vertical-align: middle;
        border: 1px solid #e1e1e1;
        padding: 15px 18px;
        background-color: #f5f5f5;
    }

    .pettable th {
        text-align: left;
        font-family: Arial,sans-serif;
        font-weight: 400;
        font-style: normal;
        letter-spacing: 0;
        font-size: 14px;
        line-height: 1.1;
        color: #797979;
    }

    .pettable .pettable-cell-title,
    .pettable td {
        font-family: TradeGothicBoldCn20,sans-serif;
        text-align: center;
        font-weight: 400;
        font-style: normal;
        font-size: 16px;
    }

    .pettable:not(.is-showing-more) tfoot {
        display: none;
    }

    .pettable td:nth-child(1),
    .pettable th:nth-child(1) {
        color: #2e2e2e;
    }

    .pettable td:nth-child(3),
    .pettable th:nth-child(3) {
        background-color: #fff;
    }

    .pettable tr:nth-child(odd) td,
    .pettable tr:nth-child(odd) th {
        background-color: #ebebeb;
    }

        .pettable tr:nth-child(odd) td:nth-child(3),
        .pettable tr:nth-child(odd) th:nth-child(3) {
            background-color: #f9f9f9;
        }

    .pettable thead tr:first-child td,
    .pettable thead tr:first-child th {
        background-color: #dbdbdb;
    }

        /*.pettable thead tr:first-child td:nth-child(3),
        .pettable thead tr:first-child th:nth-child(3) {
            background-color: #787878;
            position: relative;
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
            color: #fff;
        }

            .pettable thead tr:first-child td:nth-child(3):before,
            .pettable thead tr:first-child th:nth-child(3):before {
                position: absolute;
                content: "";
                display: block;
                left: 0;
                right: 0;
                top: -8px;
                height: 8px;
                background-color: #787878;
                border-top-left-radius: 4px;
                border-top-right-radius: 4px;
            }*/

    .pettable .pettable-cell-title {
        font-size: 22px;
        line-height: 1;
        text-transform: uppercase;
        color: #000;
        vertical-align: bottom;
    }

.pettable-featurestoggle {
    font-family: TradeGothicCn18,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    line-height: 1.1;
    text-align: right;
    margin-top: 30px;
    display: block;
    margin-bottom: 30px;
}

.pettable-caption,
.pettable-cost {
    font-family: Arial,sans-serif;
    letter-spacing: 0;
}

.pettable-featurestoggle-less {
    display: none;
}

.is-showing-more .pettable-featurestoggle-less,
.pettable-featurestoggle-more {
    display: block;
}

.is-showing-more .pettable-featurestoggle-more {
    display: none;
}

.pettable-cost {
    font-size: 24px;
    line-height: 1;
    font-weight: 700;
    font-style: normal;
    margin-bottom: 3px;
    display: block;
}

.pettable-caption,
.pettable-label {
    font-weight: 400;
    font-style: normal;
    line-height: 1;
    color: #747474;
    display: block;
}

.pettable-caption {
    font-size: 12px;
    margin-bottom: 12px;
}

.pettable-label {
    font-family: TradeGothicCn18,sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.pettable-button,
.pettable-button.is-selected {
    transition-property: background-color,color,border;
    transition-duration: .4s;
    transition-timing-function: ease;
    width: 100%;
    display: inline-block;
    text-transform: uppercase;
    font-family: TradeGothicBoldCn20,sans-serif;
    font-weight: 400;
    font-style: normal;
    max-width: 270px;
    outline: 0;
    font-size: 20px;
    line-height: 1.1;
    padding-top: 14px;
    padding-bottom: 15px;
    text-decoration: none;
    text-align: center;
}

.pettable-toggle {
    margin-bottom: 10px;
}

.pettable-toggleoption {
    margin-top: 5px;
}

.pettable-button {
    background-color: #fff;
    border: 2px solid #05b4fc;
    color: #05b4fc;
    border-radius: 4px;
}

    .pettable-button:focus,
    .pettable-button:hover {
        color: #0895cf;
        border-color: #0895cf;
        text-decoration: none;
    }

    .pettable-button:focus {
        border-color: #077aaa;
    }

.is-disabled .pettable-button {
    border-color: #f5f5f5 !important;
    background-color: #f5f5f5 !important;
    color: #b3b3b3 !important;
}

.pettable-button.is-selected {
    color: #fff;
    background-color: #05b4fc;
    border: 2px solid #05b4fc;
    border-radius: 4px;
}

.paymentstatus-icon x-icon:after,
.tooltip x-icon:before {
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.pettable-button.is-selected:focus,
.pettable-button.is-selected:hover {
    color: #fff;
    background-color: #0895cf;
    border-color: #0895cf;
    text-decoration: none;
}

.pettable-button.is-selected:focus {
    border-color: #077aaa;
}

.is-disabled .pettable-button.is-selected {
    border-color: #f5f5f5 !important;
    background-color: #f5f5f5 !important;
    color: #b3b3b3 !important;
}

.popup-general-outer .mfp-content {
    padding: 0 !important;
}

.popup-general-outer .mfp-container {
    padding: 0;
}

.popup-general {
    background-color: #fff;
    max-width: calc(76.70455vw + 74.55px);
    margin: 0 auto;
    position: relative;
    padding: 30px 25px;
}

.popup-termsandconditions-terms {
    background-color: #f5f5f5;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 20px;
    border-radius: 4px;
    margin-bottom: 25px;
    -webkit-overflow-scrolling: touch;
    min-height: 100px;
    max-height: 335px;
}

    .popup-termsandconditions-terms p {
        color: #858585;
        font-size: 14px;
        line-height: 1.14;
        font-family: Arial,sans-serif;
        font-weight: 400;
        font-style: normal;
        letter-spacing: 0;
    }

.paymentstatus-copy,
.popup-termsandconditions-title {
    font-size: calc(.56818vw + 22.18px);
    font-family: TradeGothicBoldCn20,sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 1.1;
}

.popup-termsandconditions-terms p:last-child {
    margin-bottom: 0;
}

.popup-termsandconditions-title {
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: .7em;
    margin-bottom: .8em;
}

.paymentstatus {
    border: 3px solid #000;
    border-radius: 3px;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
}

    .paymentstatus.is-successful {
        border-color: #ffc525;
    }

.paymentstatus-inner {
    display: inline-table;
    vertical-align: top;
}

.paymentstatus-copy,
.paymentstatus-icon {
    display: table-cell;
    vertical-align: top;
    padding-top: 13px;
}

.paymentstatus-copy {
    padding-bottom: 13px;
}

.paymentstatus-icon {
    padding-right: 13px;
    padding-bottom: 17px;
}

    .paymentstatus-icon x-icon {
        height: 28px;
        width: 28px;
        line-height: 28px;
        position: relative;
        display: block;
    }

        .paymentstatus-icon x-icon:before {
            content: "";
            display: block;
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            border-radius: 100%;
            border: 3px solid #000;
        }

.is-successful .paymentstatus-icon x-icon:before {
    border-color: #ffc525;
}

.paymentstatus-icon x-icon:after {
    font-family: icomoon !important;
    font-style: normal !important;
    font-weight: 400 !important;
    vertical-align: middle;
    content: "";
    font-size: 15px;
    line-height: 15px;
    padding-left: 8px;
    position: relative;
    top: -2px;
}

.policysummary-copy,
.policysummary-date {
    font-size: 16px;
    line-height: 1.5;
    font-family: Arial,sans-serif;
    letter-spacing: 0;
    font-style: normal;
}

.infopanel,
.policysummary {
    background-color: #f5f5f5;
    text-align: center;
    padding: 25px 20px;
    border-radius: 4px;
}

.policysummary-copy {
    font-weight: 400;
}

.policysummary-date {
    font-weight: 700;
}

.policysummary-number {
    font-family: TradeGothicBoldCn20,sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 1;
    font-size: 30px;
    color: #efb41e;
    margin-bottom: 16px;
}

.friendsforlife {
    margin-bottom: 30px;
}

    .friendsforlife img {
        width: 100%;
    }

.friendsforlife-mobile {
    max-width: 262px;
    margin: 0 auto;
}

.friendsforlife-desktop {
    max-width: 480px;
    margin: 0 auto;
    display: none;
}

.tooltip,
.tooltip x-icon {
    display: inline-block;
    vertical-align: top;
}

.infopanel {
    margin-bottom: 25px;
}

    .infopanel p {
        margin-bottom: 13px;
    }

        .infopanel p:last-child {
            margin-bottom: 0;
        }

.tooltip {
    width: 24px;
    height: 24px;
    position: relative;
    color: #ffc525;
    font-size: 24px;
}

.no-touchevents .tooltip {
    cursor: help;
}

.tooltip x-icon {
    line-height: 1;
}

    .tooltip x-icon:before {
        font-family: icomoon !important;
        font-style: normal !important;
        font-weight: 400 !important;
        line-height: 1;
        vertical-align: top;
        content: "";
    }

#tooltip {
    position: absolute;
    z-index: 999999;
    top: -10000px;
    left: -10000px;
    max-width: calc(2.84091vw + 270.91px);
}

.tooltip-arrow {
    position: relative;
    width: 20px !important;
    height: 0;
    border: 0 !important;
}

    .tooltip-arrow:after,
    .tooltip-arrow:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        left: 0;
        position: absolute;
    }

    .tooltip-arrow:after {
        border-width: 0 10px 10px;
        border-color: transparent transparent #2e2e2e;
        top: 1px;
    }

.tooltip--upwards .tooltip-arrow:after {
    border-width: 10px 10px 0;
    border-color: #2e2e2e transparent transparent;
    top: -1px;
}

.tooltip-arrow:before {
    border-width: 0 10px 10px;
    border-color: transparent transparent #2e2e2e;
    top: 0;
}

.tooltip--upwards .tooltip-arrow:before {
    border-width: 10px 10px 0;
    border-color: #2e2e2e transparent transparent;
}

.tooltip-content {
    border: 1px solid #2e2e2e;
    color: #f5f5f5;
    border-radius: 3px;
    background-color: #2e2e2e;
    padding: 1em 1.5em;
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.05);
    font-size: 14px;
}

[hidden] {
    display: none;
}

.hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

@font-face {
    font-family: icomoon;
    src: url(../fonts/icomoon/icomoon.eot?v=2);
    src: url(../fonts/icomoon/icomoon.eot?v=2?#iefix) format("embedded-opentype"),url(../fonts/icomoon/icomoon.woff2?v=2) format("woff2"),url(../fonts/icomoon/icomoon.ttf?v=2) format("truetype"),url(../fonts/icomoon/icomoon.woff?v=2) format("woff");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: TradeGothicCn18;
    src: url("../fonts/TradeGothic18/Adobe - TradeGothicLTStd-Cn18.eot");
    src: url("../fonts/TradeGothic18/Adobe - TradeGothicLTStd-Cn18.eot?#iefix") format("embedded-opentype"),url("../fonts/TradeGothic18/Adobe - TradeGothicLTStd-Cn18.woff2") format("woff2"),url("../fonts/TradeGothic18/Adobe - TradeGothicLTStd-Cn18.woff") format("woff"),url("../fonts/TradeGothic18/Adobe - TradeGothicLTStd-Cn18.ttf") format("truetype");
}

@font-face {
    font-family: TradeGothicBoldCn20;
    src: url("../fonts/TradeGothic20/Linotype - Trade Gothic LT Bold Condensed No. 20.eot");
    src: url("../fonts/TradeGothic20/Linotype - Trade Gothic LT Bold Condensed No. 20.eot?#iefix") format("embedded-opentype"),url("../fonts/TradeGothic20/Linotype - Trade Gothic LT Bold Condensed No. 20.woff2") format("woff2"),url("../fonts/TradeGothic20/Linotype - Trade Gothic LT Bold Condensed No. 20.woff") format("woff"),url("../fonts/TradeGothic20/Linotype - Trade Gothic LT Bold Condensed No. 20.ttf") format("truetype");
}

@media (-webkit-min-device-pixel-ratio:1.25),(min--moz-device-pixel-ratio:1.25),(-moz-min-device-pixel-ratio:1.25),(-ms-min-device-pixel-ratio:1.25),(min-device-pixel-ratio:1.25),(min-resolution:1.25dppx) {
    .form-check-label {
        background-image: url(../images/icon@2.png);
    }
}

@media (-webkit-min-device-pixel-ratio:3),(min--moz-device-pixel-ratio:3),(-moz-min-device-pixel-ratio:3),(-ms-min-device-pixel-ratio:3),(min-device-pixel-ratio:3),(min-resolution:288dpi),(min-resolution:3dppx) {
    .form-check-label {
        background-image: url(../images/icon@3.png);
    }
}

@media (min-width:415px) {
    .mainlayout {
        padding-top: calc(3.55114vw + 8.64px);
        padding-bottom: calc(3.55114vw + 8.64px);
    }
}

@media (min-width:415px) and (max-width:320px) {
    .mainlayout {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

@media (min-width:415px) and (min-width:1024px) {
    .mainlayout {
        padding-top: 45px;
        padding-bottom: 45px;
    }
}

@media (min-width:415px) and (max-width:1023px) {
    .footer-inner,
    .mainlayout-inner {
        max-width: calc(56.81818vw + 138.18px);
    }
}

@media (min-width:415px) and (max-width:1023px) and (max-width:320px) {
    .footer-inner,
    .mainlayout-inner {
        max-width: 320px;
    }
}

@media (min-width:415px) and (max-width:1023px) and (min-width:1024px) {
    .footer-inner,
    .mainlayout-inner {
        max-width: 720px;
    }
}

@media (min-width:600px) {
    .form-buttongroup-item + .form-buttongroup-item {
        margin-left: 5px;
    }
}

@media (min-width:768px) {
    .footer-inner,
    .tabs-list {
        table-layout: fixed;
    }

    .mfp-content {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .mfp-close {
        right: 45px;
        top: 30px;
    }

    img.mfp-img {
        padding-top: 54px;
    }

    .tabs-item-label-number {
        padding-right: 16px;
    }

    .formsection.formsection--titleless {
        margin-top: 26px;
    }

    .form-row-list {
        margin-bottom: -26px;
    }

    .form-row {
        margin-bottom: 26px;
    }

    .form-field.is-dollars:before {
        font-size: 16px;
        line-height: 62px;
    }

    .form-disclaimer {
        font-size: 18px;
        line-height: 24px;
    }

    .form-field-cardexpiry-inner {
        height: 30px;
    }

    .form-ccexpiry-month,
    .form-ccexpiry-year,
    .form-date-day,
    .form-date-edit,
    .form-date-month,
    .form-date-tool,
    .form-date-tooltip,
    .form-date-year,
    .form-postcode-edit,
    .form-postcode-value {
        border-width: 10px;
    }

    .footer-inner {
        display: table;
        width: 100%;
    }

    .footer-content,
    .footer-security {
        display: table-cell;
        vertical-align: top;
    }

    .footer-content {
        padding-right: 65px;
    }

    .footer-security {
        padding-top: 30px;
    }

    .popup-general {
        padding: 45px;
    }

    .popup-termsandconditions-terms {
        height: calc(100vh - 246px - 40px);
    }

    .popup-termsandconditions-tools {
        display: table;
        width: 100%;
        table-layout: fixed;
    }

    .popup-termsandconditions-tools-checkbox,
    .popup-termsandconditions-tools-submit {
        display: table-cell;
        vertical-align: middle;
    }

    .popup-termsandconditions-tools-submit {
        text-align: right;
    }

    .friendsforlife-mobile {
        display: none;
    }

    .friendsforlife-desktop {
        display: block;
    }
}

@media (max-width:1023px) and (min-width:1024px) {
    .header-inner {
        padding-top: 120px;
    }

    .header-logo {
        margin-top: 30px;
    }

    .header-call {
        margin-top: 35px;
        width: 185px;
    }

    .pettable td,
    .pettable th {
        width: 295px;
    }
}

@media (min-width:1024px) {
    .mainlayout-content,
    .mainlayout-sidebar-item {
        box-shadow: 0 2px 10px 0 rgba(0,0,0,.1);
    }

    .accordion,
    .tabs {
        margin-right: -50px;
    }

    .header-inner {
        display: table;
        width: 100%;
        height: 120px;
    }

    .header-logo,
    .header-title {
        display: table-cell;
        position: relative;
        vertical-align: middle;
    }

    .header-logo {
        width: 246px;
        padding-left: 20px;
    }

        .header-logo .header-logo-inner {
            width: 246px;
        }

    .header-title {
        font-size: 38px;
        text-align: left;
        padding-left: 70px;
    }

        .header-title:after {
            content: "";
            display: block;
            position: absolute;
            left: 40px;
            top: 50%;
            height: 66px;
            margin-top: -33px;
            background-color: rgba(0,0,0,.2);
            width: 1px;
        }

    .header-call {
        display: table-cell;
        vertical-align: middle;
        padding-right: 20px;
        width: 200px;
    }

    .header-call-label {
        font-size: 16px;
    }

    .header-call-phone {
        font-size: 30px;
    }

    .form-subsection-title,
    .formsection-title {
        font-size: 28px;
    }

    .mainlayout-inner {
        max-width: 960px;
    }

    .has-script .mainlayout-inner {
        max-width: 1160px;
    }

    .mainlayout-inner2 {
        display: table;
        width: 100%;
    }

    .mainlayout-content,
    .mainlayout-script,
    .mainlayout-sidebar {
        display: table-cell;
        vertical-align: top;
    }

    .mainlayout-content {
        padding-left: 50px;
        padding-right: 50px;
        width: 700px;
    }

    .mainlayout-content-tabs {
        padding-bottom: 38px;
    }

    .mainlayout-sidebar {
        width: 260px;
        padding-left: 28px;
    }

    .mainlayout-script {
        width: 460px;
        padding-left: 28px;
    }

    .mainlayout-sidebar-item + .mainlayout-sidebar-item {
        margin-top: 25px;
    }

    .tabs {
        margin-left: -50px;
    }

    .tabs-item {
        padding-left: 28px;
        padding-right: 28px;
    }

    .formsection-info {
        position: absolute;
        top: 11px;
        right: 0;
    }

    .formsection-info-print {
        display: inline-block;
        vertical-align: middle;
        margin-left: 5px;
    }

    .form-submit {
        padding-top: 62px;
    }

    textarea {
        height: 130px;
    }

    .form-submitbuttongroup-previous {
        display: table-cell;
        text-align: left;
    }

    .form-submitbuttongroup-next {
        display: table-cell;
        text-align: right;
    }

    .form-summarytable {
        padding: 20px;
    }

    .accordion-content,
    .accordion-title {
        padding-left: 50px;
        padding-right: 50px;
    }

    .form-summarytable td,
    .form-summarytable th {
        font-size: 16px;
    }

    .accordion-title-copy,
    .paymentstatus-copy,
    .popup-termsandconditions-title {
        font-size: 28px;
    }

    .form-pettabletotal {
        text-align: right;
    }

    .footer-inner {
        max-width: 960px;
    }

    .accordion {
        margin-left: -50px;
    }

    .pettable .pettable-touchmessage {
        display: none;
    }

    .pettable td,
    .pettable th {
        width: 152px;
    }

    .popup-general {
        max-width: 860px;
    }

    #tooltip {
        max-width: 300px;
    }
}

@media (min-width:1320px) {
    textarea {
        height: 130px;
    }
}

@media (max-width:1023px) {
    .header-inner {
        position: relative;
        padding-top: calc(6.39205vw + 54.55px);
    }

    .header-logo {
        position: relative;
        position: absolute;
        top: 0;
        left: 20px;
        height: 75px;
        margin-top: calc(-0.57955vw + -1.55px);
    }

    .header-title {
        background-color: #f5f5f5;
    }

    .header-call {
        position: absolute;
        top: 0;
        right: 20px;
        height: 75px;
        margin-top: calc(2.13068vw + 13.18px) !important;
        width: calc(9.94318vw + 83.18px);
    }

    .mainlayout-inner {
        box-shadow: 0 2px 10px 0 rgba(0,0,0,.1);
    }

    .mainlayout-sidebar-promo {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .formsection-info-print {
        display: none;
    }

    .form-submitbuttongroup-next,
    .form-submitbuttongroup-previous {
        display: table-caption;
        width: 100%;
    }

    @-moz-document url-prefix() {
        .form-submitbuttongroup-next {
            display: table !important;
        }
    }

    .form-submitbuttongroup-previous {
        caption-side: bottom;
    }

        .form-submitbuttongroup-previous + .form-submitbuttongroup-next {
            padding-bottom: 19px;
        }

    .pettable table {
        width: 100%;
    }

    .pettable td,
    .pettable th {
        width: calc(22.72727vw + 62.27px);
    }
}

@media (max-width:1023px) and (max-width:320px) {
    .header-inner {
        padding-top: 75px;
    }

    .header-call,
    .header-logo {
        margin-top: calc(-0.57955vw + 1.45px);
    }

    .header-call {
        width: 115px;
    }

    .pettable td,
    .pettable th {
        width: 135px;
    }
}

@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0;
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0;
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0;
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px;
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0,0,0,.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box;
    }

        .mfp-img-mobile .mfp-bottom-bar:empty {
            padding: 0;
        }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px;
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        font-size: 33px;
        line-height: 35px;
        background: rgba(0,0,0,.6);
        position: fixed;
        text-align: center;
        padding: 0;
    }
}

@media all and (max-width:767px) {
    .mfp-arrow {
        -webkit-transform: scale(.75);
        -ms-transform: scale(.75);
        transform: scale(.75);
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        -ms-transform-origin: 0;
        transform-origin: 0;
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        -ms-transform-origin: 100%;
        transform-origin: 100%;
    }
}

@media (max-width:767px) {
    .tabs-item-label-copy {
        display: none;
    }

    .is-active .tabs-item-label-copy {
        display: table-cell;
    }

    .form-ccexpiry input,
    .form-date input {
        padding-left: 5px;
        padding-right: 5px;
    }

    .footer-content {
        margin-bottom: 30px;
    }

    .popup-termsandconditions-terms {
        height: calc(100vh - 277px - 40px);
    }

    .popup-termsandconditions-tools {
        text-align: center;
    }

    .popup-termsandconditions-tools-checkbox {
        margin-bottom: 20px;
        display: inline-block;
        text-align: left;
    }
}

@media (max-width:599px) {
    .form-buttongroup-item {
        display: block;
    }

        .form-buttongroup-item + .form-buttongroup-item {
            margin-top: 19px;
        }
}

@media (max-width:320px) {
    .mainlayout-content,
    .tabs-item {
        padding-left: 20px;
        padding-right: 20px;
    }

    .accordion,
    .tabs {
        margin-left: -20px;
        margin-right: -20px;
    }

    .header-logo,
    .header-logo .header-logo-inner {
        width: 147px;
    }

    .header-title {
        font-size: 28px;
    }

    .header-call-label {
        font-size: 14px;
    }

    .header-call-phone {
        font-size: 18px;
    }

    .mainlayout-content-tabs {
        padding-bottom: 25px;
    }

    .form-subsection-title,
    .formsection-title {
        font-size: 24px;
    }

    .form-summarytable {
        padding: 10px;
    }

        .form-summarytable td,
        .form-summarytable th {
            font-size: 15px;
        }

    .accordion-title-copy,
    .paymentstatus-copy,
    .popup-termsandconditions-title {
        font-size: 24px;
    }

    .accordion-title {
        padding-left: 20px;
        padding-right: 20px;
    }

    .popup-general {
        max-width: 320px;
    }

    #tooltip {
        max-width: 280px;
    }
}

@media print {
    input:checked + .form-toggle-item-label {
        background-color: #000;
        color: #fff;
    }

    *,
    :after,
    :before {
        background: 0 0 !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
        border-color: #000 !important;
    }
}

p.rewardNotice {
    font: 14px/16px TradeGothicCn18,sans-serif;
    padding: 5px 0 7px 11px;
    color: #797979;
}

table > tfoot > tr > td.hasSubItem {
    text-align: left;
    padding-left: 10px;
}

    table > tfoot > tr > td.hasSubItem ul {
        text-align: left;
        font-size: 14px;
        list-style-type: disc;
        padding-left: 10px;
        margin-left: 15px;
    }

        table > tfoot > tr > td.hasSubItem ul li {
            list-style-type: disc;
        }
/***DATE PICKER OVERRIDE CODES***/
.picker--opened .picker__holder {
    -webkit-transform: none !important;
    transition: background 0.15s ease-out, transform 0s 0.15s !important;
}

.policyScheduleLink {
    cursor: pointer;
}

.modal-dialog .close {
    text-decoration: none;
}


.enter-address-text,
.edit-address-text {
    margin-top: 10px;
    cursor: pointer;
    color: #548dca;
    &:hover, &:focus, &:active {
        color: #414042;
        text-decoration: underline;
    }
}

.loading {
    background-color: #ffffff;
    background-image: url('../images/spinner.gif');
    background-size: 25px 25px;
    background-position: right center;
    background-repeat: no-repeat;
}

.address {
    &.loading {
        position: absolute;
        top: 15px;
        right: 5px;
        width: 25px;
        height: 25px;
        z-index: 10;
    }
}
