﻿@charset "UTF-8";
.blocker {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    z-index: 1;
    padding: 20px;
    box-sizing: border-box;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
    text-align: center;
}
.blocker:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.05em;
}
.blocker.behind {
    background-color: transparent;
}
.modal {
    display: none;
    vertical-align: middle;
    position: relative;
    z-index: 2;
    max-width: 500px;
    box-sizing: border-box;
    width: 90%;
    background: #fff;
    padding: 15px 30px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 10px #000;
    -moz-box-shadow: 0 0 10px #000;
    -o-box-shadow: 0 0 10px #000;
    -ms-box-shadow: 0 0 10px #000;
    box-shadow: 0 0 10px #000;
    text-align: left;
}
.modal a.close-modal {
    position: absolute;
    top: -12.5px;
    right: -12.5px;
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==");
}
.modal-spinner {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    padding: 12px 16px;
    border-radius: 5px;
    background-color: #111;
    height: 20px;
}
.modal-spinner > div {
    border-radius: 100px;
    background-color: #fff;
    height: 20px;
    width: 2px;
    margin: 0 1px;
    display: inline-block;
    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
    animation: sk-stretchdelay 1.2s infinite ease-in-out;
}
.modal-spinner .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}
.modal-spinner .rect3 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}
.modal-spinner .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}
@-webkit-keyframes sk-stretchdelay {
    0%,
    40%,
    to {
        -webkit-transform: scaleY(0.5);
    }
    20% {
        -webkit-transform: scaleY(1);
    }
}
@keyframes sk-stretchdelay {
    0%,
    40%,
    to {
        transform: scaleY(0.5);
        -webkit-transform: scaleY(0.5);
    }
    20% {
        transform: scaleY(1);
        -webkit-transform: scaleY(1);
    }
}
.tabcontrol,
.wizard {
    display: block;
    width: 100%;
    overflow: hidden;
}
.tabcontrol a,
.wizard a {
    outline: 0;
}
.tabcontrol ul,
.wizard ul {
    list-style: none !important;
    padding: 0;
    margin: 0;
}
.tabcontrol ul > li,
.wizard ul > li {
    display: block;
    padding: 0;
}
.tabcontrol > .content > .title,
.tabcontrol > .steps .current-info,
.wizard > .content > .title,
.wizard > .steps .current-info {
    position: absolute;
    left: -999em;
}
.wizard > .steps {
    position: relative;
    display: block;
    width: 100%;
}
.wizard.vertical > .steps {
    display: inline;
    float: left;
    width: 30%;
}
.wizard > .steps .number {
    font-size: 1.429em;
}
.wizard > .steps > ul > li {
    width: 25%;
}
.wizard > .actions > ul > li,
.wizard > .steps > ul > li {
    float: left;
}
.wizard.vertical > .steps > ul > li {
    float: none;
    width: 100%;
}
.wizard > .steps a,
.wizard > .steps a:active,
.wizard > .steps a:hover {
    display: block;
    width: auto;
    margin: 0 0.5em 0.5em;
    padding: 1em;
    text-decoration: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.wizard > .steps .disabled a,
.wizard > .steps .disabled a:active,
.wizard > .steps .disabled a:hover {
    background: #eee;
    color: #aaa;
    cursor: default;
}
.wizard > .steps .current a,
.wizard > .steps .current a:active,
.wizard > .steps .current a:hover {
    background: #2184be;
    color: #fff;
    cursor: default;
}
.wizard > .steps .done a,
.wizard > .steps .done a:active,
.wizard > .steps .done a:hover {
    background: #9dc8e2;
    color: #fff;
}
.wizard > .steps .error a,
.wizard > .steps .error a:active,
.wizard > .steps .error a:hover {
    background: #ff3111;
    color: #fff;
}
.wizard > .content {
    background: #eee;
    display: block;
    margin: 0.5em;
    min-height: 35em;
    overflow: hidden;
    position: relative;
    width: auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.wizard.vertical > .content {
    display: inline;
    float: left;
    margin: 0 2.5% 0.5em;
    width: 65%;
}
.wizard > .content > .body {
    float: left;
    position: absolute;
    width: 95%;
    height: 95%;
    padding: 2.5%;
}
.wizard > .content > .body ul {
    list-style: disc !important;
}
.wizard > .content > .body ul > li {
    display: list-item;
}
.wizard > .content > .body > iframe {
    border: 0 none;
    width: 100%;
    height: 100%;
}
.wizard > .content > .body input {
    display: block;
    border: 1px solid #ccc;
}
.wizard > .content > .body input[type="checkbox"] {
    display: inline-block;
}
.wizard > .content > .body input.error {
    background: #fbe3e4;
    border: 1px solid #fbc2c4;
    color: #8a1f11;
}
.wizard > .content > .body label {
    display: inline;
    margin-bottom: 0.5em;
}
.wizard > .content > .body label.error {
    color: #8a1f11;
    display: inline-block;
    margin-left: 1.5em;
}
.wizard > .actions {
    position: relative;
    display: block;
    text-align: right;
    width: 100%;
}
.wizard.vertical > .actions {
    display: inline;
    float: right;
    margin: 0 2.5%;
    width: 95%;
}
.wizard > .actions > ul {
    display: inline-block;
    text-align: right;
}
.wizard > .actions > ul > li {
    margin: 0 0.5em;
}
.wizard.vertical > .actions > ul > li {
    margin: 0 0 0 1em;
}
.wizard > .actions a,
.wizard > .actions a:active,
.wizard > .actions a:hover {
    background: #2184be;
    color: #fff;
    display: block;
    padding: 0.5em 1em;
    text-decoration: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.wizard > .actions .disabled a,
.wizard > .actions .disabled a:active,
.wizard > .actions .disabled a:hover {
    background: #eee;
    color: #aaa;
}
.tabcontrol > .steps {
    position: relative;
    display: block;
    width: 100%;
}
.tabcontrol > .steps > ul {
    position: relative;
    margin: 6px 0 0;
    top: 1px;
    z-index: 1;
}
.tabcontrol > .steps > ul > li {
    float: left;
    margin: 5px 2px 0 0;
    padding: 1px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.tabcontrol > .steps > ul > li:hover {
    background: #edecec;
    border: 1px solid #bbb;
    padding: 0;
}
.tabcontrol > .steps > ul > li.current {
    background: #fff;
    border: 1px solid #bbb;
    border-bottom: 0 none;
    padding: 0 0 1px;
    margin-top: 0;
}
.tabcontrol > .steps > ul > li > a {
    color: #5f5f5f;
    display: inline-block;
    border: 0 none;
    margin: 0;
    padding: 10px 30px;
    text-decoration: none;
}
.tabcontrol > .steps > ul > li > a:hover {
    text-decoration: none;
}
.tabcontrol > .steps > ul > li.current > a {
    padding: 15px 30px 10px;
}
.tabcontrol > .content {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 35em;
    overflow: hidden;
    border-top: 1px solid #bbb;
    padding-top: 20px;
}
.tabcontrol > .content > .body {
    float: left;
    position: absolute;
    width: 95%;
    height: 95%;
    padding: 2.5%;
}
.tabcontrol > .content > .body ul {
    list-style: disc !important;
}
.tabcontrol > .content > .body ul > li {
    display: list-item;
}
.slick-slider {
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list,
.slick-slider {
    position: relative;
    display: block;
}
.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus {
    outline: none;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}
.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:after,
.slick-track:before {
    display: table;
    content: "";
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}
.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir="rtl"] .slick-slide {
    float: right;
}
.slick-slide img {
    display: block;
}
.slick-slide.slick-loading img {
    display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
.slick-loading .slick-list {
    background: #fff url(ajax-loader.gif) 50% no-repeat;
}
@font-face {
    font-family: slick;
    font-weight: 400;
    font-style: normal;
    src: url(fonts/slick.eot);
    src: url(fonts/slick.eot?#iefix) format("embedded-opentype"), url(fonts/slick.woff) format("woff"), url(fonts/slick.ttf) format("truetype"), url(fonts/slick.svg#slick) format("svg");
}
.slick-next,
.slick-prev {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    border: none;
}
.slick-next,
.slick-next:focus,
.slick-next:hover,
.slick-prev,
.slick-prev:focus,
.slick-prev:hover {
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
    opacity: 1;
}
.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
    opacity: 0.25;
}
.slick-next:before,
.slick-prev:before {
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    opacity: 0.75;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-prev {
    left: -25px;
}
[dir="rtl"] .slick-prev {
    right: -25px;
    left: auto;
}
.slick-prev:before {
    content: "←";
}
[dir="rtl"] .slick-prev:before {
    content: "→";
}
.slick-next {
    right: -25px;
}
[dir="rtl"] .slick-next {
    right: auto;
    left: -25px;
}
.slick-next:before {
    content: "→";
}
[dir="rtl"] .slick-next:before {
    content: "←";
}
.slick-dotted.slick-slider {
    margin-bottom: 30px;
}
.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 0;
}
.slick-dots li,
.slick-dots li button {
    width: 20px;
    height: 20px;
    cursor: pointer;
}
.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    padding: 5px;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:focus,
.slick-dots li button:hover {
    outline: none;
}
.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
    opacity: 1;
}
.slick-dots li button:before {
    font-family: slick;
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: "•";
    text-align: center;
    opacity: 0.25;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
    opacity: 0.75;
    color: #000;
}
* {
    outline: none !important;
    box-sizing: border-box;
}
a {
    cursor: pointer;
}
a,
a:hover {
    text-decoration: none;
}
img {
    max-width: 100%;
    width: auto;
    height: auto;
}
.tac {
    text-align: center;
}
h1 {
    margin: 0;
    padding: 0;
}
.h3,
h3 {
    font-size: 3.85rem;
}
.h3,
.h4,
h3,
h4 {
    line-height: 1.1;
}
.h4,
h4 {
    font-size: 2.6rem;
}
.button,
button {
    transition: all 0.4s ease-in-out;
}
.button:hover,
button:hover {
    opacity: 0.8;
}
.bg-overlay:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.75;
    background: linear-gradient(135deg, #f58a1f, rgba(125, 185, 232, 0) 44%, rgba(245, 138, 31, 0) 0, rgba(245, 138, 31, 0) 0, rgba(125, 185, 232, 0) 56%, rgba(0, 98, 152, 0.5));
}
.section-heading {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 2rem 0;
}
@media (min-width: 1025px) {
    .section-heading {
        margin: 3rem 0;
    }
}
.section-grey-bg {
    background-color: #f1f1f1;
}
.list-unstyled {
    padding-left: 0;
    list-style: none;
}
.fadedSection {
    transition: all 0.4s ease-in-out;
}
.fadedSection:after {
    opacity: 0;
    z-index: 20;
    height: 13rem;
    bottom: 0;
    left: 0;
    content: "";
    position: absolute;
    width: 100%;
    background: hsla(0, 0%, 100%, 0);
    background: -webkit-gradient(left top, left bottom, color-stop(0, hsla(0, 0%, 100%, 0)), color-stop(1%, hsla(0, 0%, 100%, 0)), color-stop(29%, hsla(0, 0%, 100%, 0.97)), color-stop(30%, #fff), color-stop(100%, #fff));
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, 0) 1%, hsla(0, 0%, 100%, 0.97) 29%, #fff 30%, #fff);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=0);
}
.fadedSection.active:after {
    display: none;
}
.fadedSection.active-fade:after {
    opacity: 1;
}
input[type="email"],
input[type="tel"],
input[type="text"] {
    width: 100%;
    background: none;
    outline: none;
    border: none !important;
    border-bottom: 1px solid hsla(216, 2%, 59%, 0.5) !important;
    font-size: 16px;
    border-radius: 0;
    padding-right: 25px;
}
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="number"]:focus {
    color: #006cb7;
    border-bottom: 1px solid #006cb7 !important;
}
input[type="email"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="text"]::-webkit-input-placeholder {
    color: #ccc;
    letter-spacing: 0.1rem;
    padding-left: 1.1rem;
}
input[type="email"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="text"]::-moz-placeholder {
    color: #ccc;
    letter-spacing: 0.1rem;
    padding-left: 1.1rem;
}
input[type="email"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder {
    color: #ccc;
    letter-spacing: 0.1rem;
    padding-left: 1.1rem;
}
input[type="email"]:-moz-placeholder,
input[type="tel"]:-moz-placeholder,
input[type="text"]:-moz-placeholder {
    color: #ccc;
    letter-spacing: 0.1rem;
    padding-left: 1.1rem;
}
input[type="tel"]:focus {
    color: #006cb7;
    border-bottom: 1px solid #006cb7 !important;
}
input::-ms-clear {
    display: none;
}
.img-responsive img.img-lg {
    display: none;
}
@media (min-width: 1025px) {
    .img-responsive img.img-lg {
        display: block;
    }
}
.img-responsive img.img-md {
    display: none;
}
@media (min-width: 768px) {
    .img-responsive img.img-md {
        display: block;
    }
}
@media (min-width: 1025px) {
    .img-responsive img.img-md {
        display: none;
    }
}
.img-responsive img.img-xs {
    display: block;
}
@media (min-width: 768px) {
    .img-responsive img.img-xs {
        display: none;
    }
}
.loader {
    color: #f78f21;
    font-size: 1.2rem;
    margin: 10rem auto;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    position: relative;
    text-indent: -9999em;
    animation: spinner 1.3s infinite linear;
    transform: translateZ(0);
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    z-index: 0;
}
@keyframes spinner {
    0%,
    to {
        box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
    }
    12.5% {
        box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
    }
    25% {
        box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
    }
    37.5% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 0, 2em 2em 0 0.2em, 0 3em 0 0, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
    }
    50% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0 0 -1em, -2em -2em 0 -1em;
    }
    62.5% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
    }
    75% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0 0 0.2em, -2em -2em 0 0;
    }
    87.5% {
        box-shadow: 0 -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0 0 0, -2em -2em 0 0.2em;
    }
}
.steps-wrapper {
    position: relative;
    margin-top: -10px;
    z-index: 9;
    background-color: #f5f6fa;
}
.text-with-tooltip {
    position: relative;
    padding: 0 20px;
    margin-bottom: 20px;
    font-family: DIN-medium, sans-serif;
    color: #f32667;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.text-with-tooltip > span {
    width: calc(100% - 32px);
}
.text-with-tooltip .hint__tooltip--mobile {
    position: absolute;
    width: 100%;
}
.text-with-tooltip .hint__tooltip--mobile.active {
    position: relative;
}
.steps-container {
    padding-top: 100px;
    padding-bottom: 136px;
    margin: 0 auto;
    max-width: 1440px;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media (max-width: 768px) {
    .text-with-tooltip {
        padding: 0 10px;
    }
    .steps-container {
        padding-top: 43px;
    }
}
.steps-container .step-left-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 61%;
    padding-left: 50px;
}
@media (min-width: 1800px) {
    .steps-container .step-left-content {
        padding-left: 40px;
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
    .steps-container .step-left-content {
        width: 100%;
        padding-left: 0;
    }
}
@media (max-width: 768px) {
    .steps-container .step-left-content {
        padding: 0 20px;
        width: 100%;
    }
}
.steps-container .step-right-content {
    padding: 0 60px;
    width: 39%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: end;
    align-items: flex-end;
}
@media (min-width: 769px) and (max-width: 1024px) {
    .steps-container .step-right-content {
        width: 100%;
        padding: 0 40px;
        display: none;
    }
}
@media (max-width: 768px) {
    .steps-container .step-right-content {
        display: none;
    }
}
.steps-container > span.step__sub-title {
    padding-left: 60px;
}
.video-wrap {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}
.video-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
}
.video-wrap iframe,
video {
    width: 100%;
    height: 100%;
}
.show-less,
.show-more {
    cursor: pointer;
}
label.error {
    color: #f32667 !important;
    margin-left: 0 !important;
    font-family: \.SFNS Display, sans-serif !important;
    font-size: 14px;
    width: 100%;
    margin-top: 10px;
}
.input__regular {
    position: relative;
    width: 50%;
}
@media (max-width: 768px) {
    .input__regular {
        width: 100%;
    }
}
.input__regular.database__search .input-wrapper:after {
    content: "\e914";
    font-family: icomoon;
    top: 5px;
    right: 0;
    position: absolute;
    color: #939598;
    font-size: 15px;
}
.input__regular.database__search.is-disabled:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: transparent;
    z-index: 100;
}
.input__regular.database__search.is-disabled .input-wrapper:after,
.input__regular.database__search.is-disabled > label:not(.error) {
    color: hsla(216, 2%, 59%, 0.5);
}
.input__regular.is__address {
    position: relative;
}
.input__regular.is__address .input-wrapper:after {
    content: "\e917";
    font-family: icomoon;
    position: absolute;
    top: 5px;
    right: 0;
    color: #939598;
    font-size: 18px;
}
.input__regular.is__date-picker {
    position: relative;
}
.input__regular.is__date-picker.is_picking input {
    color: #006cb7;
    border-bottom: 1px solid #006cb7 !important;
}
.input__regular.is__date-picker.error .input-wrapper:after {
    color: #f32667;
}
.input__regular.is__date-picker .input-wrapper:after {
    content: "\e91f";
    font-family: icomoon;
    position: absolute;
    top: 5px;
    right: 0;
    color: #939598;
}
.input__regular.form__group--empty-field > label {
    transform: scale(1) translateY(120%);
    opacity: 1;
}
.input__regular.form__group--empty-field input::-webkit-input-placeholder {
    color: transparent;
}
.input__regular.form__group--empty-field input::-moz-placeholder {
    color: transparent;
}
.input__regular.form__group--empty-field input:-ms-input-placeholder {
    color: transparent;
}
.input__regular.form__group--empty-field input:-moz-placeholder {
    color: transparent;
}
.input__regular.success {
    position: relative;
}
.input__regular.success .input-wrapper:after {
    content: "\e905";
    font-family: icomoon;
    position: absolute;
    width: 20px;
    height: 20px;
    color: #fff;
    background-color: #006cb7;
    border-radius: 50%;
    top: 0;
    right: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 9px;
}
.input__regular.success input {
    border-bottom: 1px solid #006cb7 !important;
    color: #006cb7;
}
.input__regular > label, .dropdown__list span {
    color: #939598;
    font-family: \.SFNS Display, sans-serif;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0;
    transition: transform 0.2s ease-out;
    opacity: 1;
    z-index: 1;
    margin-bottom: 0 !important;
    /* white-space: nowrap; */
    overflow: hidden;
    text-overflow: ellipsis;
}
.input__regular .input-wrapper,
.input__regular > label {
    position: relative;
    width: 100%;
}
.input__regular input {
    color: #939598;
    padding-bottom: 7px;
    line-height: 29px;
    font-size: 16px;
    position: relative;
    z-index: 9;
    font-family: \.SFNS Display, sans-serif;
}
.input__regular input::-webkit-input-placeholder {
    padding-left: 0;
    color: auto;
}
.input__regular input::-moz-placeholder {
    padding-left: 0;
    color: auto;
}
.input__regular input:-ms-input-placeholder {
    padding-left: 0;
    color: auto;
}
.input__regular input:-moz-placeholder {
    padding-left: 0;
    color: auto;
}
.input__regular input:disabled {
    color: #ccc;
}
.form__group {
    padding: 0 20px;
    margin-bottom: 30px;
}
.choices-toggle {
    position: relative;
}
@media (max-width: 768px) {
    .form__group {
        margin-bottom: 15px;
    }
}
.form__group.database__search,
.form__group:not([class*="input"]) {
    margin-bottom: 20px;
}
.form__group.database__search.success .input-wrapper .easy-autocomplete:before,
.form__group:not([class*="input"]).success .input-wrapper .easy-autocomplete:before {
    content: none;
}
.form__group.error:after {
    content: none !important;
}
.form__group.error input {
    color: #f32667;
    background: transparent !important;
    border: none;
    border-bottom: 1px solid rgba(243, 38, 103, 0.5) !important;
}
.form__group.error span.error_msg {
    display: block;
}
.form__group .form-group__title span {
    color: #939598;
    font-size: 16px;
    line-height: normal;
    font-family: \.SFNS Display, sans-serif;
}
.location__regular {
    width: 100%;
}
.location__regular.database__search {
    width: 50%;
}
@media (max-width: 768px) {
    .location__regular.database__search {
        width: 100%;
    }
}
.easy-autocomplete {
    width: 100% !important;
    position: relative;
}
.easy-autocomplete.success:after {
    content: "\e905";
    font-family: icomoon;
    position: absolute;
    width: 19px;
    height: 19px;
    color: #fff;
    background-color: #006cb7;
    border-radius: 50%;
    top: 10px;
    right: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 9px;
}
.easy-autocomplete.success input {
    border-bottom: 1px solid #006cb7 !important;
}
.easy-autocomplete-container {
    margin-top: -1px;
    background: #fff;
    position: absolute;
    width: 100%;
    z-index: 99999;
    overflow: hidden;
}
.layUpAddressPostcode .easy-autocomplete-container {
    position: relative;
}
.easy-autocomplete-container ul {
    list-style: none;
    background-color: #fff;
    max-height: 230px;
    overflow-y: scroll;
    display: none;
    width: calc(100% + 15px);
    padding-right: 15px;
}
.easy-autocomplete-container ul li {
    padding-left: 17px;
    padding-right: 0;
    margin-bottom: 17px;
    color: #939598;
    position: relative;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    cursor: pointer;
}
.easy-autocomplete-container ul li:first-of-type {
    margin-top: 25px;
}
.easy-autocomplete-container ul li:last-of-type {
    margin-bottom: 25px;
}
.easy-autocomplete-container ul li .eac-item {
    font-family: DIN-regular, sans-serif;
    padding-left: 25px;
}
.easy-autocomplete-container ul li .eac-item:before {
    content: "\e914";
    font-family: icomoon;
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
    font-size: 13px;
    position: absolute;
}
.success.textArea .textArea__title span {
    color: hsla(216, 2%, 59%, 0.5) !important;
}
.success.textArea .textArea__content {
    position: relative;
}
.success.textArea .textArea__content:after {
    content: "\e905";
    font-family: icomoon;
    position: absolute;
    width: 19px;
    height: 19px;
    color: #fff;
    background-color: #006cb7;
    border-radius: 50%;
    top: 0;
    right: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 9px;
}
.success.textArea .textArea__content textarea {
    resize: none;
    color: #006cb7 !important;
    border-bottom: 1px solid #006cb7 !important;
}
#get-quoted-form.wizard > .content > .body.dropdown-list,
#get-quoted-form.wizard > .content > .body ul {
    list-style: none !important;
}
.pac-container {
    padding: 25px 20px;
    border-top: none;
    margin-top: -1px;
    border-radius: 0;
}
.pac-container .pac-item {
    border-top: none;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #939598;
    font-family: \.SFNS Display, sans-serif;
    margin-bottom: 15px;
}
.pac-container .pac-item:last-child {
    margin-bottom: 0;
}
.pac-container .pac-item .pac-icon {
    background-image: none;
    margin-top: 0;
    margin-right: 20px;
}
.pac-container .pac-item .pac-icon:before {
    content: "\e917";
    font-family: icomoon;
    color: #e9e9e9;
}
.pac-container .pac-item .pac-item-query {
    color: #939598;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}
.pac-container .pac-item .pac-item-query .pac-matched {
    font-weight: 500;
}
.pac-container.pac-logo:after {
    display: none;
}
.pac-container .not__found {
    font-size: 14px;
    font-weight: 500;
    color: #939598;
    line-height: 17px;
}
.hint {
	display: inline;
    margin-left: 12px;
    margin-right: 15px;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
    height: 20px;
    background-color: rgba(0, 108, 183, 0.15);
    cursor: pointer;
    font-family: DIN-medium, sans-serif;
}
.form__group .hint {
    margin-right: 20px;
}
.dropdown__list--wapper .hint {
    margin-right: 0;
}
@media (max-width: 768px) {
    .hint {
        margin-left: 8px;
        margin-right: 0;
    }
}
.hint.hint--tooltip:after {
    content: "?";
}
.hint.hint--helping:after {
    content: "i";
}
.hint:after {
    position: absolute;
    top: calc(50% - 1px);
    left: calc(50% - 1px);
    transform: translate(-50%, -50%);
    color: rgba(0, 108, 183, 0.49);
}
.hint.show-tooltip {
    background-color: #006cb7;
}
.hint.show-tooltip:after {
    color: #fff;
}
.hint > div {
    visibility: hidden;
    opacity: 0;
    z-index: 0;
}
a.primary-button,
label.primary-button {
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    text-align: center;
    padding: 13px 40px;
    border-radius: 25px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: 50px;
    min-width: 222px;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #006cb7;
    color: #fff;
}
.hint-content,
.hint-content-term {
    position: absolute;
    width: 193px;
    z-index: 98;
    background: #fff;
    color: #939598;
    font-size: 11px;
    line-height: 15px;
    font-family: \.SFNS Display, sans-serif;
    border: 1px solid rgba(223, 228, 239, 0.7);
    border-radius: 4px;
}
.hint-content-term span,
.hint-content span {
    display: block;
    position: relative;
    z-index: 100;
    padding: 15px;
    background: #fff;
}
.hint-content div {
    position: relative;
}
.hint-content:before {
    content: "";
    position: absolute;
    top: 25px;
    left: -8px;
    width: 13px;
    height: 13px;
    border: 1px solid rgba(223, 228, 239, 0.7);
    z-index: 99;
    background: #fff;
    transform: rotate(45deg);
}
@media (max-width: 768px) {
    .hint-content:before {
        left: 0;
        top: -15px;
    }
}
.hint-content-term {
    border: 1px solid #f32667;
    color: #f32667;
    font-size: 11px;
    font-family: DIN-medium, sans-serif;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    width: auto;
    padding: 15px;
}
.hint-content-term:after {
    content: "";
    position: absolute;
    top: 30px;
    left: -7px;
    width: 13px;
    height: 13px;
    background-color: #fff;
    border-bottom: 1px solid #f32667;
    border-left: 1px solid #f32667;
    z-index: 99;
    transform: rotate(45deg);
}
.hint-content-term:before {
    content: "!";
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 13px;
    height: 14px;
    border-radius: 50%;
    margin-right: 12px;
    background-color: #f32667;
    color: #fff;
}
.hint-content-term span {
    max-width: 138px;
    padding: 0;
}
#post_code + .easy-autocomplete-container {
    position: relative !important;
}
.scEnabledChrome.scEmptyPlaceholder {
    width: 100%;
}
.daterangepicker {
    z-index: 999999999 !important;
}
@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
    .input__regular input {
        padding-bottom: 15px !important;
        line-height: normal;
    }
}
input[type="number"] {
    width: 100%;
    background: none;
    outline: none;
    border: none !important;
    border-bottom: 1px solid hsla(216, 2%, 59%, 0.5) !important;
    border-radius: 0;
    padding-right: 25px;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.fixed-privacy-policy {
    display: none;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 10px 0;
    z-index: 9;
    background-color: #f5f6fa;
}
.fixed-privacy-policy > div {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 80px;
    background-color: #f5f6fa;
    color: #000;
    font-size: 12px;
    line-height: 25px;
    font-family: \.SFNS Display, sans-serif;
    font-weight: 700;
}
.fixed-privacy-policy a {
    color: #006cb7;
}
.animated {
    animation-duration: 0.8s;
    animation-fill-mode: both;
    opacity: 0;
}
.animated-mid {
    animation-duration: 0.6s;
    animation-fill-mode: both;
    opacity: 0;
}
.animated-fast {
    animation-duration: 0.4s;
    animation-fill-mode: both;
    opacity: 0;
}
.animated.infinite {
    animation-iteration-count: infinite;
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -20px, 0);
    }
    to {
        opacity: 1;
        transform: translateZ(0);
    }
}
.fadeInDown {
    animation-name: fadeInDown;
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 30px, 0);
    }
    to {
        opacity: 1;
        transform: translateZ(0);
    }
}
.fadeInUp {
    animation-name: fadeInUp;
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.fadeIn {
    animation-name: fadeIn;
}
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-20px, 0, 0);
    }
    to {
        opacity: 1;
        transform: translateZ(0);
    }
}
@keyframes fadeToRight {
    0% {
        opacity: 0;
        transform: translateZ(0);
    }
    to {
        opacity: 1;
        transform: translate3d(20px, 0, 0);
    }
}
.fadeInLeft {
    animation-name: fadeInLeft;
}
.fadeToRight {
    animation-name: fadeToRight;
}
.delay-0 {
    animation-delay: 0ms;
}
.delay-1 {
    animation-delay: 0.3s;
}
.delay-2 {
    animation-delay: 0.6s;
}
.delay-3 {
    animation-delay: 0.9s;
}
.delay-4 {
    animation-delay: 1.2s;
}
.delay-5 {
    animation-delay: 1.5s;
}
.delay-6 {
    animation-delay: 1.8s;
}
.delay-7 {
    animation-delay: 2.1s;
}
.delay-8 {
    animation-delay: 2.4s;
}
.delay-9 {
    animation-delay: 2.7s;
}
.delay-10 {
    animation-delay: 3s;
}
@font-face {
    font-family: icomoon;
    src: url(../../fonts/icomoon/icomoon.eot);
    src: url(../../fonts/icomoon/icomoon.eot?#iefix) format("embedded-opentype"), url(../../fonts/icomoon/icomoon.woff) format("woff"), url(../../fonts/icomoon/icomoon.ttf) format("truetype"),
        url(../../fonts/icomoon/icomoon.svg#svgFontName) format("svg");
}
@font-face {
    font-family: Lato-bold;
    src: url(../../fonts/Lato-Bold.ttf) format("truetype");
    font-weight: 700;
}
@font-face {
    font-family: DIN-regular;
    src: url(../../fonts/DINPro.eot);
    src: url(../../fonts/DINPro.eot?#iefix) format("embedded-opentype"), url(../../fonts/DINPro.woff) format("woff"), url(../../fonts/DINPro.ttf) format("truetype"), url(../../fonts/DINPro.svg#svgFontName) format("svg");
    font-weight: 400;
}
@font-face {
    font-family: DIN-medium;
    src: url(../../fonts/DINPro-Medium.eot);
    src: url(../../fonts/DINPro-Medium.eot?#iefix) format("embedded-opentype"), url(../../fonts/DINPro-Medium.woff) format("woff"), url(../../fonts/DINPro-Medium.ttf) format("truetype"),
        url(../../fonts/DINPro-Medium.svg#svgFontName) format("svg");
    font-weight: 500;
}
@font-face {
    font-family: DIN-bold;
    src: url(../../fonts/DINPro-Bold.eot);
    src: url(../../fonts/DINPro-Bold.eot?#iefix) format("embedded-opentype"), url(../../fonts/DINPro-Bold.woff) format("woff"), url(../../fonts/DINPro-Bold.ttf) format("truetype"), url(../../fonts/DINPro-Bold.svg#svgFontName) format("svg");
    font-weight: 700;
}
@font-face {
    font-family: DIN-black;
    src: url(../../fonts/DINPro-Black.eot);
    src: url(../../fonts/DINPro-Black.eot?#iefix) format("embedded-opentype"), url(../../fonts/DINPro-Black.woff) format("woff"), url(../../fonts/DINPro-Black.ttf) format("truetype"),
        url(../../fonts/DINPro-Black.svg#svgFontName) format("svg");
    font-weight: 900;
}
@font-face {
    font-family: \.SFNS Display;
    src: url(../../fonts/SFNSDisplay/SFNSDisplay.eot);
    src: url(../../fonts/SFNSDisplay/SFNSDisplay.eot?#iefix) format("embedded-opentype"), url(../../fonts/SFNSDisplay/SFNSDisplay.woff) format("woff"), url(../../fonts/SFNSDisplay/SFNSDisplay.ttf) format("truetype"),
        url(../../fonts/SFNSDisplay/SFNSDisplay.svg#svgFontName) format("svg");
}
[class*=" icon__"],
[class^="icon__"] {
    font-family: icomoon !important;
    display: inline-block;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon__progress-bar__0:before {
    content: "\e902";
}
.icon__progress-bar__1:before {
    content: "\e900";
}
.icon__progress-bar__2:before {
    content: "\e908";
}
.icon__progress-bar__3:before {
    content: "\e903";
}
.icon__progress-bar__4:before {
    content: "\e906";
}
.icon__progress-bar__5:before {
    content: "\e901";
}
.icon__edit-details:before {
    content: "\e90b";
}
.icon__read-disclaimer:before {
    content: "\e90a";
}
.icon__product-disclosure:before {
    content: "\e909";
}
.icon__lost-connection:before {
    content: "\e90d";
}
.icon__quote-saved:before {
    content: "\e901";
}
.icon__retrieve-quoted:before {
    content: "\e90c";
}
.icon__save-quote:before {
    content: "\e915";
}
.icon__star:before {
    content: "\e913";
}
.icon__email:before {
    content: "\e91b";
}
.icon__sign-up:before {
    content: "\e91e";
}
.icon__disclaimer-modal:before {
    content: "\e918";
}
.icon__unable:before {
    content: "\e90e";
}
h1.step__title {
    margin-top: -15px;
    display: block;
    padding: 0;
    text-align: left;
    font-family: DIN-black, sans-serif;
    font-size: 53px;
    line-height: 64px;
    color: #000;
    margin-bottom: 0;
    padding: 0 20px;
    width: 100%;
}
@media (max-width: 768px) {
    h1.step__title {
        font-size: 37px;
        line-height: 44px;
        margin-top: 0;
    }
}
span.step__sub-title {
    margin-top: 50px;
    width: 100%;
    display: block;
    font-family: DIN-medium, sans-serif;
    color: #000;
    font-size: 23px;
    line-height: 34px;
    padding: 0 20px;
    margin-bottom: 35px;
}
@media (max-width: 768px) {
    span.step__sub-title {
        font-size: 18px;
        line-height: 27px;
        margin-top: 25px;
    }
}
@media (max-width: 768px) {
    span.step__sub-title:first-of-type {
        margin-bottom: 15px;
    }
}
span.step__sub-title:last-of-type {
    margin-top: 30px;
}
span.step__sub-title a {
    color: #006cb7;
    cursor: pointer;
}
h1 {
    font-size: 30px;
    padding: 20px 0;
}
section.progress-bar {
    padding-top: 30px;
    position: relative;
    z-index: 10;
}
section.progress-bar .progress-bar-wrapper {
    color: #444;
    margin: 0 auto;
    max-width: 1440px;
    position: relative;
}
@media (max-width: 1024px) {
    section.progress-bar .progress-bar-wrapper {
        overflow: hidden;
    }
}
ul.progress-bar__state {
    display: -ms-flexbox;
    display: flex;
    list-style-type: none;
    margin: 0;
    padding: 0;
    transform: translateZ(0);
    -ms-flex-pack: justify;
    justify-content: space-between;
    transition: transform 0.6s linear;
}
@media (max-width: 1024px) {
    ul.progress-bar__state {
        padding: 0;
    }
}
ul.progress-bar__state li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 16px;
    width: 20%;
    text-align: center;
    position: relative;
}
ul.progress-bar__state li:first-of-type span.step:before,
ul.progress-bar__state li:last-of-type span.step:after {
    content: none !important;
}
ul.progress-bar__state li span[class*="icon__"] {
    margin-bottom: 12px;
}
ul.progress-bar__state li span[class*="icon__"]:before {
    font-size: 22px;
    color: #939598;
}
@media (max-width: 768px) {
    ul.progress-bar__state li span[class*="icon__"] {
        display: none;
    }
}
ul.progress-bar__state li span.name {
    margin: 0 auto 15px;
    color: #939598;
    font-family: DIN-medium, sans-serif;
    font-size: 13px;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    line-height: 16px;
    font-weight: 400;
}
ul.progress-bar__state li span.step {
    position: relative;
}
ul.progress-bar__state li span.step:after,
ul.progress-bar__state li span.step:before {
    content: "";
    position: absolute;
    z-index: 5;
    width: 0;
    top: 55%;
    transform: translateY(-50%);
    height: 4px;
    background: #006cb7;
    transition: width 0.2s linear;
}
ul.progress-bar__state li span.step:after {
    left: 50%;
}
ul.progress-bar__state li span.step:before {
    left: 0;
}
ul.progress-bar__state li span.step .step-icon {
    margin: 4px auto 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fff;
    position: relative;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
}
ul.progress-bar__state li span.step .step-icon:before {
    content: "";
    font-family: icomoon;
    position: absolute;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    width: 0;
    height: 100%;
    transition: all 0.2s linear;
    overflow: hidden;
    border-radius: 50%;
}
ul.progress-bar__state li span.step .step-border {
    position: absolute;
    width: 28px;
    height: 28px;
    border: 4px solid #f5f6fa;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 50%;
    z-index: 11;
    cursor: pointer;
}
ul.progress-bar__state li.is-current span.name,
ul.progress-bar__state li.is-current span[class*="icon__"]:before {
    color: #006cb7;
}
ul.progress-bar__state li.is-current span.step + li span.step:before {
    transition-delay: 0;
}
ul.progress-bar__state li.is-current span.step:after {
    transition-delay: 0.2s;
}
ul.progress-bar__state li.is-current span.step .step-icon:before {
    content: "\e904";
    transition-delay: 0.4s;
    color: #006cb7;
    font-size: 20px;
    width: 100%;
}
ul.progress-bar__state li.is-done:last-of-type .step-icon {
    z-index: 99;
}
ul.progress-bar__state li.is-done + li span.step:before {
    width: 50%;
    transition-delay: 0.4s;
}
ul.progress-bar__state li.is-done span.name,
ul.progress-bar__state li.is-done span[class*="icon__"]:before {
    color: #006cb7;
}
ul.progress-bar__state li.is-done span.step:before {
    z-index: 99;
}
ul.progress-bar__state li.is-done span.step:after {
    width: 50%;
    transition-delay: 0.2s;
    z-index: 99;
}
ul.progress-bar__state li.is-done span.step .step-icon {
    z-index: 100;
}
ul.progress-bar__state li.is-done span.step .step-icon:before {
    content: "\e905";
    color: #fff;
    font-size: 7px;
    font-weight: 300;
    transition-delay: 0s !important;
    width: 100%;
    background-color: #006cb7;
}
ul.progress-bar__state li.is-done span.step .step-border {
    border-width: 6px;
    width: 30px;
    height: 30px;
}
ul.progress-bar__state a {
    color: #57aed1;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
}
.choices-toggle-wrapper {
    width: 100%;
    position: relative;
}
.choices-toggle-wrapper .choices-toggle input[type="radio"] {
    position: absolute;
    z-index: 0;
    visibility: hidden;
    opacity: 0;
}
.choices-toggle-wrapper .choices-toggle.error .choices-toggle__buttons .choice__button {
    background-color: rgba(243, 38, 103, 0.05);
    color: #f32667;
}
.choices-toggle-wrapper .choices-toggle .choices-toggle__title {
    font-family: DIN-regular, sans-serif;
    margin-bottom: 20px;
}
.choices-toggle-wrapper .choices-toggle .choices-toggle__buttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.choices-toggle-wrapper .choices-toggle .choices-toggle__buttons .choice__button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    height: 50px;
    background-color: #fff;
    color: #939598;
    padding: 0;
    border: none;
    margin: 0 1px;
    font-weight: 500;
    font-size: 16px;
    font-family: \.SFNS Display, sans-serif;
    cursor: pointer;
}
.choices-toggle-wrapper .choices-toggle .choices-toggle__buttons .choice__button.active-toggle-button {
    background-color: #006cb7;
    color: #fff;
}
.choices-toggle-wrapper:not(.is__gender-picker) .choices-toggle .choices-toggle__buttons .choice__button:first-of-type {
    border-radius: 100px 0 0 100px;
}
.choices-toggle .choices-toggle__title {
    display: -ms-flexbox;
    display: flex;
}
.choices-toggle .choices-toggle__title .hint {
    margin-left: 12px;
    border-radius: 50%;
    position: relative;
    width: 20px;
    height: 20px;
    background-color: rgba(0, 108, 183, 0.15);
    cursor: pointer;
}
.choices-toggle .choices-toggle__title .hint.hint--tooltip:after {
    content: "?";
}
.choices-toggle .choices-toggle__title .hint.hint--helping:after {
    content: "i";
}
.choices-toggle .choices-toggle__title .hint.show-tooltip {
    background-color: #006cb7;
}
.choices-toggle .choices-toggle__title .hint.show-tooltip:after {
    color: #fff;
}
.choices-toggle .choices-toggle__title .hint > div,
.hint__tooltip--mobile {
    visibility: hidden;
    opacity: 0;
    z-index: 0;
}
.hint__tooltip--mobile {
    overflow: hidden;
    max-height: 0;
    display: block;
    font-size: 11px;
    line-height: 15px;
    color: #006cb7;
    font-family: \.SFNS Display, sans-serif;
    background-color: rgba(0, 108, 183, 0.04);
    padding: 0 15px;
    margin-bottom: 0;
    transition:  transform 0.5s ease 0s, opacity 0.5s ease 0.5s;
    transform: translateY(-100px);
}
.hint__tooltip--mobile.active {
    max-height: 500px;
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
    z-index: 1;
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 10px 15px;
}
.choices-toggle-wrapper {
    padding: 30px 0;
}
.choices-toggle-wrapper.show-condition-field {
    margin-left: -40px;
    margin-right: -40px;
    padding-right: 40px;
    padding-left: 40px;
    width: calc(100% + 2 * 40px);
    background: rgba(0, 108, 183, 0.04);
    border-radius: 4px;
}
.choices-toggle-wrapper.show-condition-field .choices-toggle {
    padding: 0 20px;
}
.choices-toggle-wrapper.show-condition-field .choices-toggle.condition-field {
    max-height: 999px;
    margin-bottom: 30px;
    padding: 0 20px;
}
.choices-toggle-wrapper.show-condition-field .dropdown__list--wapper.condition-field {
    max-height: 999px;
    margin-bottom: 30px;
}
.choices-toggle-wrapper.show-condition-field .dropdown__list--wapper.condition-field .form__group--dropdown {
    position: relative;
}
.choices-toggle-wrapper .choices-toggle.condition-field,
.choices-toggle-wrapper .dropdown__list--wapper.condition-field {
    max-height: 0;
    margin-bottom: 0;
    overflow: hidden;
}
.textArea {
    width: 100%;
}
.textArea.error .textArea__content textarea {
    color: #f32667;
    border-bottom: 1px solid #f32667;
}
.textArea.error .textArea__content textarea::-webkit-resizer {
    border: 2px solid #000;
    background: red;
    box-shadow: 0 0 5px 5px blue;
    outline: 2px solid #ff0;
}
.textArea .textArea__title {
    margin-bottom: 12px;
}
.textArea .textArea__content {
    position: relative;
}
.textArea .textArea__content textarea {
    padding-right: 50px;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid hsla(216, 2%, 59%, 0.5);
    height: 36px;
    width: 100%;
    font-family: \.SFNS Display, sans-serif;
    color: #939598;
    background-color: transparent;
    resize: vertical;
    border-radius: 0;
    font-size: 16px;
    min-height: 30px;
}
.textArea .textArea__content textarea:focus {
    color: #006cb7;
    border-bottom: 1px solid #006cb7 !important;
}
.value-selector {
    width: 100%;
}
.value-selector.focus .value-selector__content > input[type="range"]::-webkit-slider-thumb {
    background-color: #006cb7;
}
.value-selector.focus .value-selector__content > input[type="range"]::-moz-range-thumb {
    background-color: #006cb7;
}
.value-selector.focus .value-selector__content > input[type="range"]::-ms-thumb {
    background-color: #006cb7;
}
.value-selector.error .value-selector__content > input[type="range"] {
    background-color: rgba(243, 38, 103, 0.22) !important;
}
.value-selector.error .value-selector__content > input[type="range"]::-webkit-slider-thumb {
    background-color: #f32667;
}
.value-selector.error .value-selector__content > input[type="range"]::-moz-range-thumb {
    background-color: #f32667;
}
.value-selector.error .value-selector__content > input[type="range"]::-ms-thumb {
    background-color: #f32667;
}
.value-selector.error .value-selector__content span.is-current-value {
    color: #f32667;
}
.value-selector.error .value-selector__content span.is-max-value,
.value-selector.error .value-selector__content span.is-min-value {
    color: rgba(243, 38, 103, 0.4);
}
.value-selector .value-selector__title {
    margin-bottom: 26px;
}
.value-selector .value-selector__content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 32px;
}
.value-selector .value-selector__content > input[type="range"] {
    padding: 0;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 7px;
    border-radius: 4px;
    background-color: hsla(216, 2%, 59%, 0.22);
    box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.58);
    margin-bottom: 9px;
    border: none !important;
}
.value-selector .value-selector__content > input[type="range"]::-ms-ticks-after,
.value-selector .value-selector__content > input[type="range"]::-ms-tooltip {
    display: none;
}
.value-selector .value-selector__content > input[type="range"]::-ms-ticks-before {
    display: none;
}
.value-selector .value-selector__content > input[type="range"]::-ms-track {
    color: transparent;
}
.value-selector .value-selector__content > input[type="range"]::-ms-fill-lower,
.value-selector .value-selector__content > input[type="range"]::-ms-fill-upper {
    background: hsla(216, 2%, 59%, 0.22);
}
.value-selector .value-selector__content > input[type="range"]::-webkit-slider-thumb {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 16px;
    width: 16px;
    border: 1px solid #e9e9e9;
    border-radius: 50%;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.08);
    background-color: #fff;
}
.value-selector .value-selector__content > input[type="range"]::-moz-range-thumb {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 16px;
    width: 16px;
    border: 1px solid #e9e9e9;
    border-radius: 50%;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.08);
    background-color: #fff;
}
.value-selector .value-selector__content > input[type="range"]::-ms-thumb {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 16px;
    width: 16px;
    border: 1px solid #e9e9e9;
    border-radius: 50%;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.08);
    background-color: #fff;
}
.value-selector .value-selector__content label.error {
    -ms-flex-order: 5;
    order: 5;
}
.value-selector .value-selector__content span.is-current-value {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    color: #006cb7;
    font-family: Lato-bold;
    font-size: 16px;
    line-height: 19px;
}
.value-selector .value-selector__content span.is-max-value,
.value-selector .value-selector__content span.is-min-value {
    font-family: Lato-bold;
    color: #939598;
    font-size: 12px;
    font-weight: 700;
    line-height: 15px;
}
.dropdown__list--wapper {
    width: 50%;
    position: relative;
    padding: 0 20px;
}
@media (max-width: 768px) {
    .dropdown__list--wapper {
        width: 100%;
    }
}
.dropdown__list--wapper.show-motorStore-hint .dropdown__list span.motorStore-hint {
    display: block;
}
.dropdown__list--wapper .form__group {
    padding: 0;
}
.dropdown__list {
    position: relative;
}
.dropdown__list span.motorStore-hint {
    display: none;
    font-size: 11px;
    line-height: 15px;
    color: #006cb7;
    font-family: \.SFNS Display, sans-serif;
    background-color: rgba(0, 108, 183, 0.04);
    padding: 15px;
    margin-bottom: 0;
}
@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
    .dropdown__list {
        margin-top: 13px;
    }
}
.dropdown__list.is-disabled:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: transparent;
    z-index: 100;
}
.dropdown__list.is-disabled .input-wrapper:before,
.dropdown__list.is-disabled .input-wrapper label:not(.error) {
    color: hsla(216, 2%, 59%, 0.5);
}
.dropdown__list.dropdown__expanded .input-wrapper:before {
    color: #006cb7;
}
.dropdown__list.dropdown__expanded .form__group--dropdown {
    display: block;
}
.dropdown__list .input-wrapper {
    position: relative;
}
.dropdown__list .input-wrapper:before {
    content: "\e907";
    font-family: icomoon;
    position: absolute;
    top: 14px;
    right: 0;
    font-size: 5px;
    color: #939598;
    z-index: 999;
}
.dropdown__list .input-wrapper label:not(.error) {
    position: relative;
    z-index: 9;
    color: #939598;
    font-weight: 500;
    border-bottom: 1px solid hsla(216, 2%, 59%, 0.5);
    padding-bottom: 7px;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 29px;
    min-height: 37px;
    font-family: \.SFNS Display, sans-serif;
    display: block;
    cursor: pointer;
}
.dropdown__list .input-wrapper .title__drop {
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    cursor: pointer;
    margin: 0;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 10;
    font-family: \.SFNS Display, sans-serif;
}
.dropdown__list .input-wrapper .title__drop.active {
    color: #006cb7;
    border-bottom-color: #006cb7;
}
.dropdown__list .form__group--dropdown {
    width: calc(100% - 32px);
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 99;
    max-height: 240px;
    overflow-x: hidden;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
}
.dropdown__list .form__group--dropdown.liability-limit,
.dropdown__list .form__group--dropdown.layup-state {
    position: relative;
}
.dropdown__list .form__group--dropdown ul {
    width: calc(100% + 32px);
    list-style: none;
    background-color: #fff;
    padding: 23px 0 !important;
    overflow: hidden;
    overflow-y: scroll;
    max-height: 240px;
}
.dropdown__list .form__group--dropdown ul li {
    font-family: \.SFNS Display, sans-serif;
    cursor: pointer;
    color: #939598;
    font-size: 16px;
    line-height: 24px;
    padding: 0 23px !important;
    margin-bottom: 20px;
}
.dropdown__list .form__group--dropdown ul li:last-child {
    margin-bottom: 0;
}
.dropdown__list .form__group--dropdown ul li:hover {
    color: #006cb7;
}
.dropdown__list.error .input-wrapper:before,
.dropdown__list.error .input-wrapper label {
    color: #f32667;
}
.dropdown__list.error .input-wrapper label:not(.error) {
    border-bottom: 1px solid #f32667;
}
.dropdown__list.success .input-wrapper:before {
    color: #006cb7;
}
.dropdown__list.success label:not(.error) {
    color: #006cb7;
    border-bottom: 1px solid #006cb7 !important;
}
.dropdown__list.dropdown__list--tooltip {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.dropdown__list.dropdown__list--tooltip .input-wrapper {
    width: calc(100% - 32px);
}
.dropdown__list.dropdown__list--tooltip span {
    width: 100%;
}
.dropdown__list.dropdown__list--tooltip .hint {
    margin-top: 10px;
}
.dropdown__list.dropdown__list--tooltip .hint:after {
    top: calc(50% - 1px);
    left: calc(50% - 0px);
}
.sidebar {
    padding: 55px 75px 50px 50px;
    border-radius: 4px;
    margin-bottom: 45px;
    max-width: 400px;
    width: 90%;
}
@media (max-width: 768px) {
    .sidebar {
        display: none;
    }
}
.sidebar.sidebar--need-some-help {
    background-color: #000;
}
.sidebar.sidebar--need-some-help p.sidebar__subtitle,
.sidebar.sidebar--need-some-help span.sidebar__title {
    color: #fff;
}
.sidebar.sidebar--did-you-know {
    background-color: rgba(0, 108, 183, 0.09);
}
.sidebar.sidebar--did-you-know p.sidebar__subtitle,
.sidebar.sidebar--did-you-know span.sidebar__title {
    color: #006cb7;
}
.sidebar .sidebar__image {
    margin-bottom: 40px;
}
.sidebar .sidebar__image img {
    width: 60px;
}
.sidebar span.sidebar__title {
    margin-bottom: 20px;
    font-family: DIN-bold, sans-serif;
    font-size: 23px;
    display: block;
}
.sidebar p.sidebar__subtitle {
    font-family: DIN-medium, sans-serif;
    font-size: 16px;
    line-height: 27px;
    margin-bottom: 0;
}
.state-change-buttons {
    position: fixed;
    z-index: 9999;
    display: -ms-flexbox;
    display: flex;
    bottom: 0;
    left: 0;
    right: 0;
}
.state-change-buttons a {
    text-transform: uppercase;
    display: block;
    width: 50%;
    text-align: center;
    padding: 34px 0;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.4px;
    cursor: pointer;
    box-shadow: 0 22px 64px 0 rgba(0, 0, 0, 0.04);
}
.state-change-buttons a.state-change-buttons--back {
    background-color: #fff;
    color: hsla(216, 2%, 59%, 0.5) !important;
}
.state-change-buttons a.state-change-buttons--next {
    background-color: #939598;
    color: hsla(0, 0%, 100%, 0.5) !important;
}
.state-change-buttons a.state-change-buttons--next.finished {
    background-color: #006cb7;
    color: hsla(0, 0%, 100%, 0.45) !important;
}
.state-change-buttons a.state-change-buttons--next span {
    color: #fff !important;
}
.daterangepicker {
    position: absolute;
    color: inherit;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #ddd;
    width: 310px;
    max-width: none;
    padding: 0;
    margin-top: 20px;
    top: 100px;
    left: 20px;
    z-index: 3001;
    display: none;
    font-family: arial;
    font-size: 15px;
    line-height: 1em;
}
.daterangepicker:after,
.daterangepicker:before {
    position: absolute;
    display: inline-block;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: "";
}
.daterangepicker:before {
    top: -12px;
    border-bottom: 12px solid #ccc;
}
.daterangepicker:after,
.daterangepicker:before {
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
}
.daterangepicker:after {
    top: -11px;
    border-bottom: 12px solid #fff;
}
.daterangepicker.opensleft:after,
.daterangepicker.opensleft:before {
    right: 9px;
}
.daterangepicker .drp-calendar.left.single .calendar-table thead tr:nth-child(2) {
    display: none;
}
.daterangepicker .drp-calendar.left.single .calendar-table tbody tr {
    border-top: 15px solid #fff;
}
.daterangepicker .calendar-table table td,
.daterangepicker .calendar-table table th {
    height: 45px;
}
.daterangepicker .calendar-table td.off {
    border-color: #fff;
}
.daterangepicker.openscenter:after,
.daterangepicker.openscenter:before {
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto;
}
.daterangepicker.opensright:after,
.daterangepicker.opensright:before {
    left: 10px;
}
.daterangepicker.drop-up {
    margin-top: -7px;
}
.daterangepicker.drop-up:before {
    top: auto;
    bottom: -7px;
    border-bottom: initial;
    border-top: 7px solid #ccc;
}
.daterangepicker.drop-up:after {
    top: auto;
    bottom: -6px;
    border-bottom: initial;
    border-top: 6px solid #fff;
}
.daterangepicker.single .daterangepicker .ranges,
.daterangepicker.single .drp-calendar {
    float: none;
}
.daterangepicker.single .drp-selected {
    display: none;
}
.daterangepicker.show-calendar .drp-buttons,
.daterangepicker.show-calendar .drp-calendar {
    display: block;
}
.daterangepicker.auto-apply .drp-buttons {
    display: none;
}
.daterangepicker .drp-calendar {
    display: none;
    max-width: 100%;
    width: 100%;
}
.daterangepicker .drp-calendar.left,
.daterangepicker .drp-calendar.right {
    padding: 8px;
}
.daterangepicker .drp-calendar.single .calendar-table {
    border: none;
}
.daterangepicker .calendar-table .next span,
.daterangepicker .calendar-table .prev span {
    color: #006cb7;
    border: solid #006cb7;
    border-width: 0 2px 2px 0;
    border-radius: 0;
    display: inline-block;
    padding: 3px;
}
.daterangepicker .calendar-table .next span {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.daterangepicker .calendar-table .prev span {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}
.daterangepicker .calendar-table td,
.daterangepicker .calendar-table th {
    text-align: center;
    vertical-align: middle;
    width: 42px;
    height: 24px;
    line-height: 30px;
    font-size: 12px;
    border-radius: 4px;
    border: 1px solid transparent;
    white-space: nowrap;
    cursor: pointer;
}
.daterangepicker .calendar-table {
    border: 1px solid #fff;
    border-radius: 4px;
    background-color: #fff;
}
.daterangepicker .calendar-table table {
    width: 100%;
    margin: 0;
    border-spacing: 0;
    border-collapse: collapse;
}
.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
    background-color: #eee;
    border-color: transparent;
    color: inherit;
}
.daterangepicker td.week,
.daterangepicker th.week {
    font-size: 80%;
    color: #ccc;
}
.daterangepicker td.off,
.daterangepicker td.off.end-date,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date {
    background-color: rgba(0, 108, 183, 0.05);
    border-color: transparent;
    color: #999;
}
.daterangepicker td.in-range {
    background-color: #ebf4f8;
    border-color: transparent;
    color: #000;
    border-radius: 0;
}
.daterangepicker td.start-date {
    border-radius: 4px 0 0 4px;
}
.daterangepicker td.end-date {
    border-radius: 0 4px 4px 0;
}
.daterangepicker td.start-date.end-date {
    border-radius: 4px;
}
.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: #357ebd;
    border-color: transparent;
    color: #fff;
}
.daterangepicker th.month {
    width: calc(100% - 84px);
}
.daterangepicker option.disabled,
.daterangepicker td.disabled {
    color: #999;
    cursor: not-allowed;
    text-decoration: line-through;
}
.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
    width: 48% !important;
    font-size: 16px;
    padding: 1px;
    height: auto;
    margin: 0;
    cursor: default;
    float: left;
    border: none;
    border-bottom: 2px solid #006cb7;
    color: #006cb7;
    font-weight: 700;
    line-height: 19px;
    -ms-text-align-last: center;
    text-align-last: center;
    padding: 2px 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-image: url(../../../assets/images/icons/Shape.svg);
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: 10px 7px;
    background-color: transparent;
}
.daterangepicker select.monthselect::-ms-expand,
.daterangepicker select.yearselect::-ms-expand {
    display: none;
}
.daterangepicker select.monthselect {
    width: 100%;
    margin-right: 2%;
}
.daterangepicker select.yearselect {
    width: 100%;
    margin-left: 2%;
}
.daterangepicker select.ampmselect,
.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect {
    width: 50px;
    margin: 0 auto;
    background: #eee;
    border: 1px solid #eee;
    padding: 2px;
    outline: 0;
    font-size: 12px;
}
.daterangepicker .calendar-time {
    text-align: center;
    margin: 4px auto 0;
    line-height: 30px;
    position: relative;
}
.daterangepicker .calendar-time select.disabled {
    color: #ccc;
    cursor: not-allowed;
}
.daterangepicker .drp-buttons {
    clear: both;
    text-align: right;
    padding: 8px;
    border-top: 1px solid #ddd;
    display: none;
    line-height: 12px;
    vertical-align: middle;
}
.daterangepicker .drp-selected {
    display: inline-block;
    font-size: 12px;
    padding-right: 8px;
}
.daterangepicker .drp-buttons .btn {
    margin-left: 8px;
    font-size: 12px;
    font-weight: 700;
    padding: 4px 8px;
}
.daterangepicker.show-ranges .drp-calendar.left {
    border-left: 1px solid #ddd;
}
.daterangepicker .ranges {
    float: none;
    text-align: left;
    margin: 0;
}
.daterangepicker.show-calendar .ranges {
    margin-top: 8px;
}
.daterangepicker .ranges ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    width: 100%;
}
.daterangepicker .ranges li {
    font-size: 12px;
    padding: 8px 12px;
    cursor: pointer;
}
.daterangepicker .ranges li:hover {
    background-color: #eee;
}
.daterangepicker .ranges li.active {
    background-color: #08c;
    color: #fff;
}
@media (min-width: 564px) {
    .daterangepicker {
        width: auto;
    }
    .daterangepicker .ranges ul {
        width: 140px;
    }
    .daterangepicker.single .ranges ul {
        width: 100%;
    }
    .daterangepicker.single .drp-calendar.left {
        clear: none;
    }
    .daterangepicker.single.ltr .drp-calendar,
    .daterangepicker.single.ltr .ranges {
        float: left;
    }
    .daterangepicker.single.rtl .drp-calendar,
    .daterangepicker.single.rtl .ranges {
        float: right;
    }
    .daterangepicker.ltr {
        direction: ltr;
        text-align: left;
    }
    .daterangepicker.ltr .drp-calendar.left {
        clear: left;
        margin-right: 0;
    }
    .daterangepicker.ltr .drp-calendar.left .calendar-table {
        border-right: none;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .daterangepicker.ltr .drp-calendar.right {
        margin-left: 0;
    }
    .daterangepicker.ltr .drp-calendar.right .calendar-table {
        border-left: none;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
    .daterangepicker.ltr .drp-calendar,
    .daterangepicker.ltr .ranges {
        float: left;
    }
    .daterangepicker.rtl {
        direction: rtl;
        text-align: right;
    }
    .daterangepicker.rtl .drp-calendar.left {
        clear: right;
        margin-left: 0;
    }
    .daterangepicker.rtl .drp-calendar.left .calendar-table {
        border-left: none;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
    .daterangepicker.rtl .drp-calendar.right {
        margin-right: 0;
    }
    .daterangepicker.rtl .drp-calendar.right .calendar-table {
        border-right: none;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .daterangepicker.rtl .drp-calendar.left .calendar-table {
        padding-left: 12px;
    }
    .daterangepicker.rtl .drp-calendar,
    .daterangepicker.rtl .ranges {
        text-align: right;
        float: right;
    }
}
@media (min-width: 730px) {
    .daterangepicker .ranges {
        width: auto;
    }
    .daterangepicker.ltr .ranges {
        float: left;
    }
    .daterangepicker.rtl .ranges {
        float: right;
    }
    .daterangepicker .drp-calendar.left {
        clear: none !important;
    }
}
.input__regular .form__control--datepicker {
    padding-left: 0;
}
.daterangepicker .calendar-table th.next,
.daterangepicker .calendar-table th.prev {
    opacity: 0;
    z-index: 0;
    visibility: hidden;
}
@media (max-width: 479px) {
    .daterangepicker .drp-calendar.left {
        padding: 8px 5px;
    }
}
@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
    .daterangepicker select.monthselect {
        padding-left: 10px;
    }
    .daterangepicker select.yearselect {
        padding-left: 15px;
    }
}
@supports (-ms-ime-align: auto) {
    .daterangepicker select.monthselect {
        padding-left: 10px;
    }
    .daterangepicker select.yearselect {
        padding-left: 15px;
    }
}
form#get-quoted-form {
    overflow: auto;
}
form#get-quoted-form .steps {
    display: none;
}
form#get-quoted-form .content {
    background-color: #f5f6fa;
    padding: 0 !important;
    margin: 0;
}
form#get-quoted-form .content > h3 {
    display: none !important;
}
form#get-quoted-form .content section.body {
    background-color: #f5f6fa;
    width: 100%;
    height: auto;
    padding: 0 !important;
}
form#get-quoted-form .actions {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
}
form#get-quoted-form .actions ul {
    display: -ms-flexbox !important;
    display: flex !important;
}
form#get-quoted-form .actions ul li {
    width: 50%;
    padding: 0 !important;
    margin: 0 !important;
}
form#get-quoted-form .actions ul li:first-child a {
    background-color: #fff;
    color: hsla(216, 2%, 59%, 0.5) !important;
}
form#get-quoted-form .actions ul li:nth-child(2) a {
    background-color: #939598;
    color: hsla(0, 0%, 100%, 0.5) !important;
}
form#get-quoted-form .actions ul li:nth-child(2) a.next-button__is-active {
    background-color: #006cb7;
}
form#get-quoted-form .actions ul li:nth-child(2) a span {
    color: #fff !important;
    padding-left: 10px;
}
form#get-quoted-form .actions ul li:nth-child(3) a {
    background-color: #939598;
    color: hsla(0, 0%, 100%, 0.5) !important;
}
form#get-quoted-form .actions ul li:nth-child(3) a.next-button__is-active {
    background-color: #006cb7;
}
form#get-quoted-form .actions ul li:nth-child(3) a span {
    color: #fff !important;
}
form#get-quoted-form .actions ul li a {
    width: 100%;
    text-transform: uppercase;
    display: block;
    text-align: center;
    padding: 33px 0;
    font-family: DIN-medium, sans-serif;
    font-size: 13px;
    letter-spacing: 0.4px;
    cursor: pointer;
    box-shadow: 0 22px 64px 0 rgba(0, 0, 0, 0.04);
    border-radius: 0;
}
@media (max-width: 768px) {
    form#get-quoted-form .actions ul li a {
        padding: 22px 0;
    }
}
.payment-detail {
    padding: 50px;
    background-color: #fff;
}
.payment-detail .payment-detail__elm {
    margin-bottom: 34px;
}
.payment-detail .payment-detail__elm:last-of-type {
    margin-bottom: 0;
}
.payment-detail .payment-detail__elm.is-policy-summary {
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 35px;
}
.payment-detail .payment-detail__elm.is-policy-summary .payment-detail__elm__title {
    margin-bottom: 5px;
}
.payment-detail .payment-detail__elm.is-policy-summary p {
    color: #000;
    font-family: DIN-black, sans-serif;
    font-size: 53px;
    line-height: 64px;
    margin-bottom: 0;
}
.payment-detail .payment-detail__elm.is-policy-summary p sub,
.payment-detail .payment-detail__elm.is-policy-summary p sup {
    font-size: 23px;
}
.payment-detail .payment-detail__elm.is-policy-summary p sup {
    top: -20px;
}
@media (max-width: 768px) {
    .payment-detail .payment-detail__elm.is-policy-summary p sup {
        top: 0;
    }
}
.payment-detail .payment-detail__elm.is-policy-summary p sub {
    bottom: -4px;
    font-family: DIN-bold, sans-serif;
}
@media (max-width: 768px) {
    .payment-detail .payment-detail__elm.is-policy-summary p sub {
        bottom: 0;
    }
}
.payment-detail .payment-detail__elm p {
    font-family: DIN-medium, sans-serif;
    color: #006cb7;
    font-weight: 500;
    font-size: 16px;
    line-height: 29px;
}
.payment-detail .payment-detail__elm .payment-detail__elm__title span {
    text-transform: uppercase;
    font-family: DIN-medium, sans-serif;
    color: #939598;
    font-size: 13px;
    letter-spacing: 0.4px;
    line-height: 16px;
}
.choices__toggle--input {
    display: -ms-flexbox;
    display: flex;
}
.choices__toggle--input .form__group {
    padding: 0;
}
.policy-info {
    padding-left: 50px;
}
@media (min-width: 768px) and (max-width: 1024px) {
    .policy-info {
        padding-left: 0;
    }
}
.policy-info > span {
    display: block;
    margin-bottom: 20px;
}
.policy-info > span.policy-info__title {
    font-family: DIN-medium, sans-serif;
    color: #000;
    font-size: 23px;
}
.policy-info > span.policy-info__content {
    font-family: DIN-medium, sans-serif;
    color: #939598;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}
.policy-info > span.policy-info__content ol {
    margin-top: 30px;
    padding-left: 0;
    list-style-type: none;
}
.policy-info > span.policy-info__content ol li {
    position: relative;
}
.policy-info > span.policy-info__content ol li:before {
    content: "-";
    margin-right: 5px;
}
.policy-info .policy-info__options {
    padding: 24px 0 24px 13px;
    border-bottom: 2px solid #e9e9e9;
}
.policy-info .policy-info__options:last-child {
    border-bottom: none;
}
.policy-info .policy-info__options a {
    font-family: DIN-medium, sans-serif;
    color: #006cb7;
    font-size: 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}
.policy-info .policy-info__options a span {
    margin-right: 30px;
    width: 20px;
    height: 20px;
    font-size: 20px;
}
.save-edit-quote {
    padding: 0 20px;
    margin-top: 20px;
    margin-bottom: 30px;
}
.save-edit-quote a {
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: DIN-regular, sans-serif;
}
.save-edit-quote a.save-quote {
    margin-right: 17px;
}
.save-edit-quote a.edit-details {
    border: 1px solid #006cb7;
    color: #006cb7;
    background-color: #fff;
}
.save-edit-quote a span {
    width: 14px;
    height: 14px;
    margin-right: 10px;
}
.payment-options {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.payment-options .fieldset-inputs {
    width: 100%;
}
.payment-options .fieldset-inputs input {
    visibility: hidden;
    opacity: 0;
    z-index: 0;
}
.payment-options .fieldset-inputs label.error {
    padding-left: 20px;
}
.payment-options__detail {
    width: calc(50% - 40px);
    border-radius: 4px;
    background-color: #fff;
    position: relative;
    margin: 0 20px;
}
.payment-options__detail--note {
	background: none;
	margin-top: 5px;
	font-size: 12px;
}
.payment-options__detail.is-annually .payment-options__detail__wrapper {
    border-radius: 4px 4px 0 0;
}
.payment-options__detail.is-monthly .payment-options__detail__wrapper {
    border-radius: 4px;
}
.payment-options__detail.is-selected-payment {
    background-color: #006cb7;
}
.payment-options__detail.is-selected-payment .payment-options__detail__wrapper {
    background-color: #006cb7;
    border-radius: 4px 4px 0 0;
    position: relative;
    z-index: 5;
}
.payment-options__detail.is-selected-payment .payment-options__detail__wrapper .payment-options__price,
.payment-options__detail.is-selected-payment .payment-options__detail__wrapper .payment-options__title {
    color: #fff;
}
@media (max-width: 768px) {
    .payment-options__detail.is-selected-payment .payment-options__detail__wrapper .payment-options__price {
        border-bottom: none;
    }
}
.payment-options__detail.is-selected-payment .payment-options__detail__wrapper .payment-options__excess span {
    color: #fff;
}
.payment-options__detail.is-selected-payment .payment-options__detail__wrapper .payment-options__excess label {
    border: 2px solid #fff;
    background-color: #006cb7;
    color: #fff;
}
.payment-options__detail.is-selected-payment .payment-options__detail__wrapper .payment-options__excess label.excess-selected {
    background-color: #fff;
    color: #006cb7;
    border: 2px solid #fff;
}
.payment-options__detail.is-selected-payment .payment-options__detail__wrapper .payment-options__content {
    color: #fff;
}
.payment-options__detail.is-selected-payment .payment-options__detail__wrapper .payment-options__button label {
    background-color: #0060a2;
    color: #fff;
}
.payment-options__detail.is-selected-payment .payment-options__detail__wrapper .payment-options__button label:after {
    opacity: 1;
}
.payment-options__detail.is-selected-payment .payment-options__detail__additions {
    background-color: #006cb7;
    position: relative;
    z-index: 10;
}
.payment-options__detail.is-selected-payment .payment-options__detail__additions.is-annually__recommended {
    background-color: #0060a2;
}
.payment-options__detail.is-selected-payment .payment-options__detail__additions.is-monthly__terms {
    padding: 20px;
    background-color: #006cb7;
    margin-top: -30px;
}
.payment-options__detail.is-selected-payment .payment-options__detail__additions.is-monthly__terms a,
.payment-options__detail.is-selected-payment .payment-options__detail__additions.is-monthly__terms label,
.payment-options__detail.is-selected-payment .payment-options__detail__additions.is-monthly__terms span {
    visibility: visible;
    opacity: 1;
}
.payment-options__detail.is-selected-payment .payment-options__detail__additions.is-monthly__terms label.error {
    position: absolute;
    opacity: 0;
    z-index: 0;
    visibility: hidden;
}
.payment-options__detail.is-selected-payment .payment-options__detail__additions.is-monthly__terms p {
    display: none;
}
.payment-options__detail .payment-options__detail__wrapper {
    padding: 40px;
}
@media (max-width: 768px) {
    .payment-options__detail .payment-options__detail__wrapper {
        padding: 30px;
    }
}
.payment-options__detail .payment-options__detail__wrapper .payment-options__title {
    color: #939598;
    font-size: 13px;
    letter-spacing: 0.4px;
    line-height: 16px;
    font-family: DIN-medium, sans-serif;
    margin-bottom: 20px;
    text-transform: uppercase;
}
@media (max-width: 768px) {
    .payment-options__detail .payment-options__detail__wrapper .payment-options__title {
        text-transform: uppercase;
        margin-bottom: 8px;
    }
}
.payment-options__detail .payment-options__detail__wrapper .payment-options__price {
    font-family: DIN-black, sans-serif;
    color: #000;
    font-size: 53px;
    line-height: 65px;
    margin-bottom: 30px;
}
@media (max-width: 768px) {
    .payment-options__detail .payment-options__detail__wrapper .payment-options__price {
        padding-bottom: 0;
        border-bottom: none;
        width: 45%;
    }
}
.payment-options__detail .payment-options__detail__wrapper .payment-options__price sup {
    font-size: 23px;
    line-height: 28px;
    top: -20px;
}
@media (max-width: 768px) {
    .payment-options__detail .payment-options__detail__wrapper .payment-options__price sup {
        top: 0;
        vertical-align: baseline;
    }
}
.payment-options__detail .payment-options__detail__wrapper .payment-options__excess {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 25px;
    margin-bottom: 30px;
    border-bottom: 2px solid #e9e9e9;
}
@media (min-width: 1025px) and (max-width: 1400px) {
    .payment-options__detail .payment-options__detail__wrapper .payment-options__excess {
        -ms-flex-pack: center;
        justify-content: center;
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
    .payment-options__detail .payment-options__detail__wrapper .payment-options__excess {
        -ms-flex-pack: center;
        justify-content: center;
    }
}
@media (max-width: 768px) {
    .payment-options__detail .payment-options__detail__wrapper .payment-options__excess {
        display: none;
    }
}
@media (max-width: 380px) {
    .payment-options__detail .payment-options__detail__wrapper .payment-options__excess {
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.payment-options__detail .payment-options__detail__wrapper .payment-options__excess > span {
    width: 100%;
    font-family: DIN-bold, sans-serif;
    font-size: 13px;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    margin-bottom: 15px;
    color: #939598;
}
.payment-options__detail .payment-options__detail__wrapper .payment-options__excess .excess-button-wrapper {
    width: 99px;
}
@media (min-width: 769px) and (max-width: 1799px) {
    .payment-options__detail .payment-options__detail__wrapper .payment-options__excess .excess-button-wrapper {
        margin-bottom: 10px;
    }
}
@media (max-width: 380px) {
    .payment-options__detail .payment-options__detail__wrapper .payment-options__excess .excess-button-wrapper {
        margin-bottom: 10px;
    }
}
.payment-options__detail .payment-options__detail__wrapper .payment-options__excess label {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 94px;
    height: 36px;
    background-color: #f5f6fa;
    border-radius: 18px;
    color: #939598;
    font-family: DIN-medium, sans-serif;
    font-size: 16px;
    cursor: pointer;
    margin: 0 auto;
}
.payment-options__detail .payment-options__detail__wrapper .payment-options__excess label.excess-selected {
    border: 2px solid #006cb7;
    color: #006cb7;
}
.payment-options__detail .payment-options__detail__wrapper .payment-options__excess fieldset {
    width: 100%;
    max-height: 0;
    padding: 0;
    margin: 0;
    border: none;
}
.payment-options__detail .payment-options__detail__wrapper .payment-options__excess fieldset input {
    display: inline;
    opacity: 0;
    visibility: hidden;
    z-index: 0;
}
.payment-options__detail .payment-options__detail__wrapper .payment-options__content {
    color: #939598;
    font-family: DIN-medium, sans-serif;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 35px;
}
@media (max-width: 768px) {
    .payment-options__detail .payment-options__detail__wrapper .payment-options__content {
        margin-bottom: 0;
    }
}
.payment-options__detail .payment-options__detail__wrapper .payment-options__content ol {
    padding-left: 17px;
    padding-right: 50px;
    list-style-type: disc;
    margin-bottom: 0;
}
@media (max-width: 768px) {
    .payment-options__detail .payment-options__detail__wrapper .payment-options__content ol {
        height: 0;
        padding-right: 0;
    }
}
.payment-options__detail .payment-options__detail__wrapper .payment-options__content ol li {
    margin-bottom: 10px;
}
.payment-options__detail .payment-options__detail__wrapper .payment-options__content ol li span {
    font-family: DIN-regular, sans-serif;
}
.payment-options__detail .payment-options__detail__wrapper .payment-options__content .more__info {
    position: relative;
}
@media (max-width: 768px) {
    .payment-options__detail .payment-options__detail__wrapper .payment-options__content .more__info {
        font-size: 12px;
        line-height: 24px;
        font-weight: 500;
        padding-right: 8px;
    }
    .payment-options__detail .payment-options__detail__wrapper .payment-options__content .more__info:after {
        content: "+";
        position: absolute;
        top: 2px;
        right: 0;
        font-size: 12px;
        line-height: 1;
    }
}
@media (max-width: 768px) {
    .payment-options__detail .payment-options__detail__wrapper .payment-options__button {
        position: absolute;
        top: 30px;
        right: 30px;
    }
}
.payment-options__detail .payment-options__detail__wrapper .payment-options__button label {
    display: -ms-flexbox;
    display: flex;
    background-color: #f5f6fa;
    color: #939598;
    font-family: DIN-medium, sans-serif;
    position: relative;
    cursor: pointer;
}
@media (max-width: 768px) {
    .payment-options__detail .payment-options__detail__wrapper .payment-options__button label {
        min-width: 148px;
    }
}
.payment-options__detail .payment-options__detail__wrapper .payment-options__button label:after {
    content: "\e91d";
    font-family: icomoon;
    position: absolute;
    top: 15px;
    right: 15px;
    height: 20px;
    width: 20px;
    background-color: #006cb7;
    border-radius: 50%;
    font-size: 19px;
    opacity: 0;
}
@media (max-width: 768px) {
    .payment-options__detail .payment-options__detail__wrapper .payment-options__button label:after {
        background-color: transparent;
    }
}
.payment-options__detail__additions {
    border-radius: 0 0 4px 4px;
    height: 57px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}
.payment-options__detail__additions.is-annually__recommended {
    background: #000;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.4px;
    text-transform: uppercase;
}
.payment-options__detail__additions.is-annually__recommended span {
    margin: 0 6px;
}
.payment-options__detail__additions.is-annually__recommended span:nth-child(2) {
    font-family: DIN-bold, sans-serif;
}
.payment-options__detail__additions.is-annually__recommended .icon__star {
    width: 12px;
    height: 12px;
}
.payment-options__detail__additions.is-monthly__terms {
    background: #fff;
    margin-top: -30px;
}
.payment-options__detail__additions.is-monthly__terms * {
    visibility: hidden;
    opacity: 0;
}
.payment-options__detail__additions.is-monthly__terms input {
    position: absolute;
    top: 0;
    left: 0;
}
.payment-options__detail__additions.is-monthly__terms span {
    color: #fff;
    font-family: DIN-regular, sans-serif;
    font-size: 12px;
}
.payment-options__detail__additions.is-monthly__terms span a {
    color: #fff;
    text-decoration: underline;
}
label.is-term-select {
    width: 13.5px;
    height: 13.5px;
    border-radius: 2px;
    border: 1.5px solid #fff;
    margin-bottom: 0 !important;
    margin-right: 10px;
    position: relative;
    cursor: pointer;
}
label.is-term-select.term-selected:before {
    content: "\e905";
    font-family: icomoon;
    position: absolute;
    font-size: 8px;
    top: 49%;
    left: 49%;
    transform: translate(-50%, -50%);
    color: #fff;
}
.blocker {
    z-index: 9999999 !important;
}
@media (max-width: 768px) {
    .blocker:before {
        content: none;
    }
}
@media (max-width: 768px) {
    .blocker {
        padding: 0;
        height: 100vh;
    }
}
.blocker .modal {
    margin: 0 auto;
    max-width: 544px !important;
    padding: 75px 72px 65px !important;
}
@media (max-width: 768px) {
    .blocker .modal {
        vertical-align: initial;
        width: 100%;
        max-width: 100% !important;
        min-height: 100%;
        border-radius: 0;
        padding: 50px 37px !important;
    }
}
.blocker .modal a.close-modal {
    width: 25px;
    height: 25px;
    top: 50px;
    right: 42px;
    background-image: none;
}
.blocker .modal a.close-modal:after,
.blocker .modal a.close-modal:before {
    content: "";
    width: 100%;
    height: 2px;
    background-color: #939598;
    position: absolute;
    top: 10px;
}
.blocker .modal a.close-modal:after {
    transform: rotate(45deg);
    left: 0;
}
.blocker .modal a.close-modal:before {
    transform: rotate(135deg);
    right: 0;
}
.get__insured h1.step__title {
    margin-bottom: 20px;
}
.get__insured .form__group,
.get__insured h1.step__title,
.get__insured span.step__sub-title {
    padding: 0 20px;
}
.get__insured .form__group:after {
    right: 40px;
}
.get__insured .tab__content--wapper .form__group--debit .direct__debit--form {
    margin: 0 -25px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.get__insured .tab__content--wapper .form__group--debit .form__group {
    padding: 0 25px;
}
.get__insured .tab__content--wapper .form__group--debit .direct__debit--content h2 {
    font-family: DIN-medium, sans-serif;
    font-size: 36px;
    line-height: 45px;
    color: #000;
}
.get__insured .tab__content--wapper .form__group--debit .title__tab {
    margin-bottom: 23px;
}
.get__insured .tab__content--wapper .form__group--debit .direct__debit--title {
    margin-top: 60px;
}
@media (max-width: 768px) {
    .get__insured .tab__content--wapper .form__group--debit .direct__debit--title {
        margin-top: 40px;
    }
}
.tab__content--wapper {
    width: 100%;
    margin-top: 35px;
    padding-top: 35px;
    padding-bottom: 60px;
}
@media (max-width: 768px) {
    .tab__content--wapper {
        padding-bottom: 30px;
        padding-top: 0;
        margin-top: 45px;
    }
}
.tab__content--wapper.show__condition--content {
    margin-left: -40px;
    margin-right: -40px;
    padding-right: 40px;
    padding-left: 40px;
    width: calc(100% + 2 * 40px);
    background: rgba(0, 108, 183, 0.04);
    border-radius: 4px;
}
@media (max-width: 768px) {
    .tab__content--wapper.show__condition--content {
        background: transparent;
    }
}
.tab__content--wapper .form__group--card-detail {
    margin-bottom: 0;
}
.tab__content--wapper .form__group--card-detail .title__tab {
    margin-bottom: 25px;
}
.tab__content--wapper .title__tab {
    font-family: DIN-medium, sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #939598;
    margin-bottom: 10px;
    display: block;
}
.tab__content--wapper .tab__content--header {
    display: -ms-flexbox !important;
    display: flex !important;
    max-width: 560px;
}
@media (max-width: 768px) {
    .tab__content--wapper .tab__content--header {
        -ms-flex-direction: column;
        flex-direction: column;
        max-width: inherit;
    }
}
.tab__content--wapper .tab__content--header .tab__links {
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    height: 50px;
    background-color: #fff;
    color: #939598;
    padding: 0;
    border: none;
    margin: 0 1px;
    font-weight: 500;
    font-size: 16px;
    font-family: DIN-regular, sans-serif;
    cursor: pointer;
}
.tab__content--wapper .tab__content--header .tab__links:first-child {
    border-radius: 100px 0 0 100px;
}
@media (max-width: 768px) {
    .tab__content--wapper .tab__content--header .tab__links:first-child {
        border-radius: 15px 15px 0 0;
    }
}
.tab__content--wapper .tab__content--header .tab__links:last-of-type {
    border-radius: 0 100px 100px 0;
}
@media (max-width: 768px) {
    .tab__content--wapper .tab__content--header .tab__links:last-of-type {
        border-radius: 15px;
        line-height: 2.4;
    }
}
.tab__content--wapper .tab__content--header .tab__links.active__button--tab {
    background-color: #006cb7;
    color: #fff;
}
.tab__content--wapper .tab__content--description .tab__content--detail {
    display: none;
}
@media (max-width: 768px) {
    .tab__content--wapper .tab__content--description .tab__content--detail#creditcard {
        padding-top: 30px;
    }
}
@media (max-width: 768px) {
    .tab__content--wapper .tab__content--description .tab__content--detail#creditcard .step__sub-title {
        text-align: left;
        margin-bottom: 0;
    }
}
.tab__content--wapper .tab__content--description .tab__content--detail#paypal input#paypal__hidden {
    height: 0;
    overflow: hidden;
    opacity: 0;
    z-index: 0;
    visibility: hidden;
}
@media (max-width: 768px) {
    .tab__content--wapper .tab__content--description .tab__content--detail#paypal .step__sub-title {
        margin-top: 60px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.tab__content--wapper .tab__content--description .tab__content--detail#paypal .step__sub-title > a {
    margin-right: 15px;
    margin-left: 8px;
}
@media (max-width: 768px) {
    .tab__content--wapper .tab__content--description .tab__content--detail#paypal .step__sub-title #paypal-button {
        padding-top: 25px;
        display: block;
        width: 100%;
    }
}
.tab__content--wapper .tab__content--description .tab__content--detail#paypal .step__sub-title #paypal-button .paypal-button:first-of-type {
    display: none;
}
.tab__content--wapper .tab__content--description .tab__content--detail#paypal .step__sub-title #paypal-button .paypal-button:last-of-type {
    display: -ms-flexbox;
    display: flex;
}
@media (max-width: 768px) {
    .tab__content--wapper .tab__content--description .tab__content--detail#paypal .step__sub-title #paypal-button .paypal-button:last-of-type .xcomponent-outlet {
        margin: 0 auto;
    }
}
.tab__content--wapper .tab__content--description .tab__content--detail .tab__content--form {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -20px;
}
.tab__content--wapper .tab__content--description .tab__content--detail .tab__content--form .forn__group--tab-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.tab__content--wapper .tab__content--description .tab__content--detail .tab__content--form .forn__group--tab-content .input-wrapper {
    width: calc(100% - 30px);
}
.tab__content--wapper .tab__content--description .tab__content--detail .tab__content--form .forn__group--tab-content .hint {
    margin-left: 10px;
}
.tab__content--wapper .tab__content--description .tab__content--detail .step__sub-title {
    padding: 0;
    font-family: DIN-medium, sans-serif;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
}
@media (max-width: 768px) {
    .tab__content--wapper .tab__content--description .tab__content--detail .step__sub-title {
        display: block;
        margin-bottom: 30px;
        text-align: center;
    }
}
.tab__content--wapper .tab__content--description .tab__content--detail .step__sub-title a:nth-child(2) {
    margin-left: 30px;
}
@media (max-width: 768px) {
    .tab__content--wapper .tab__content--description .tab__content--detail .step__sub-title a:nth-child(2) {
        margin-left: 0;
        margin-top: 22px;
        display: block;
    }
}
.tab__content--wapper .tab__content--description .tab__content--detail .form__group {
    padding: 0 20px;
}
.tab__content--wapper .direct__debit--content h2 {
    font-family: Avenir;
    font-size: 53px;
    line-height: 72px;
    font-weight: 300;
}
.tab__content--wapper .direct__debit--content .direct__debit--title {
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    margin-top: 50px;
}
.tab__content--wapper .direct__debit--content span.step__sub-title {
    width: auto;
    margin-top: 0;
    padding: 0;
    font-family: DIN-medium, sans-serif;
}
.tab__content--wapper .direct__debit--content .direct__debit--form form {
    margin: 0 -20px;
}
.tab__content--wapper .direct__debit--content .direct__debit--form form .form__group {
    padding: 0 20px;
}
.tab__content--wapper .direct__debit--content .direct__debit--form form .form__group:after {
    right: 20px;
}
.tab__content--wapper .direct__debit--content .input__regular.form__group--direct-custom {
    width: 25%;
}
@media (max-width: 768px) {
    .tab__content--wapper .direct__debit--content .input__regular.form__group--direct-custom {
        width: 100%;
    }
}
.modal .modal__image {
    margin-bottom: 30px;
}
.modal .modal__image span:before {
    color: #006cb7;
}
.modal .modal__image span.icon__unable {
    font-size: 50px;
}
.modal .modal__title {
    color: #000;
    font-family: DIN-bold, sans-serif;
    font-size: 23px;
    line-height: 28px;
    margin-bottom: 20px;
}
.modal .modal__title span a {
    color: #006cb7;
}
.modal .modal__policy-number {
    color: #000;
    font-family: DIN-medium, sans-serif;
    font-size: 16px;
    line-height: 24px;
}
.modal .modal__content {
    color: #939598;
    font-family: DIN-regular, sans-serif;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 20px;
}
.modal .modal__button {
    color: #fff;
}
.modal .modal__button a {
    color: #fff;
    font-family: \.SFNS Display, sans-serif;
}
.modal .modal__button + a {
    color: #006cb7;
}
.modal .modal__email-input {
    margin-bottom: 20px;
}
.modal .modal__email-input .form__group {
    padding: 0 !important;
    width: 100%;
}
.modal .modal__email-input .form__group label:not(.error) {
    display: inline-block;
    font-family: \.SFNS Display, sans-serif;
    margin-bottom: 10px;
}
.modal .modal__sign-up {
    margin-bottom: 30px;
}
.modal .modal__sign-up.signed-up > label label {
    border-color: #006cb7 !important;
}
.modal .modal__sign-up.signed-up > label span {
    color: #006cb7 !important;
}
.modal .modal__sign-up.signed-up > label span:before {
    color: #006cb7;
}
.modal .modal__sign-up input#sign-up-mail {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    z-index: 0;
}
.modal .modal__sign-up > label:not(.is-term-select) {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}
.modal .modal__sign-up > label:not(.is-term-select) span.icon__sign-up {
    margin-right: 12px;
}
.modal .modal__sign-up > label:not(.is-term-select) span.icon__sign-up:before {
    opacity: 1;
    font-size: 12px;
    font-family: icomoon;
}
.modal .modal__sign-up > label:not(.is-term-select) label.is-term-select {
    display: inline-block;
    border: 1.5px solid #939598;
}
.modal .modal__sign-up > label:not(.is-term-select) label.is-term-select:before {
    color: #006cb7;
    top: 45%;
}
.modal .modal__sign-up > label:not(.is-term-select) span:nth-child(2) {
    opacity: 0.7;
    color: #939598;
    font-family: DIN-regular, sans-serif;
    font-size: 14px;
    line-height: 24px;
}
.modal .back__home {
    font-family: DIN-medium, sans-serif;
    font-size: 16px;
    line-height: 27px;
    color: #006cb7;
}
.modal#modal__save-quote .modal__image span:before {
    font-size: 37px;
}
.modal#modal__save-quote .modal__title {
    margin-bottom: 17px;
}
.modal#modal__save-quote .modal__policy-number {
    margin-bottom: 14px;
}
.modal#modal__save-quote .modal__email-input {
    margin-top: 25px;
    margin-bottom: 25px;
}
.modal#modal__retrieve-quote .input__date {
    position: relative;
}
.modal#modal__retrieve-quote .input__date:before {
    content: "\e907";
    font-family: icomoon;
    position: absolute;
    top: 40px;
    right: 0;
    font-size: 5px;
    color: #939598;
    z-index: 999;
}
.modal#modal__retrieve-quote .modal__title {
    margin-bottom: 20px;
}
.modal#modal__quote-saved-fail .modal__image span.icon__quote-saved:before {
    font-size: 47px;
}
.modal#modal__quote-saved-fail .modal__title {
    margin-bottom: 25px;
}
.modal#modal__quote-saved-fail .modal__title span a {
    color: #006cb7;
}
.modal#modal__quote-saved-fail .modal__content {
    margin-bottom: 37px;
}
.modal#modal__quote-saved-fail .modal__content p {
    margin-bottom: 0;
}
.modal#modal__disclaimer .modal__image span:before {
    font-size: 50px;
}
.modal#modal__disclaimer .modal__title {
    margin-bottom: 43px;
}
.modal#modal__disclaimer .modal__content p:not(:last-child) {
    margin-bottom: 25px;
}
.modal#modal__disclaimer .modal__content p:last-child {
    margin-bottom: 0;
}
.modal#modal__lost-internet .modal__image {
    margin-bottom: 30px;
}
.modal#modal__lost-internet .modal__image span {
    font-size: 50px;
    color: #006cb7;
}
.modal#modal__lost-internet .modal__title {
    margin-bottom: 22px;
}
.modal#modal__quote-saved .modal__image span.icon__quote-saved:before {
    font-size: 47px;
    color: #006cb7;
}
.modal#modal__quote-saved .modal__content,
.modal#modal__quote-saved .modal__title {
    margin-bottom: 25px;
}
.modal#modal__retrieve-quote > a {
    color: #006cb7;
}
.modal#modal__retrieve-quote .modal__image {
    margin-bottom: 35px;
}
.modal#modal__retrieve-quote .modal__image span:before {
    color: #006cb7;
    font-size: 50px;
}
.modal#modal__retrieve-quote .modal__email-input {
    margin-bottom: 10px;
}
.modal#modal__retrieve-quote .modal__button {
    margin-top: 45px;
    margin-bottom: 44px;
}
@media (max-width: 768px) {
    .choices-toggle-wrapper.is__gender-picker .choices-toggle__buttons {
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
.choices-toggle-wrapper.is__gender-picker .choices-toggle__buttons > label.choice__button {
    border-radius: 18px;
    height: 36px;
    max-width: 83px;
    margin-right: 17px;
}
@media (max-width: 768px) {
    .choices-toggle-wrapper.is__gender-picker .choices-toggle__buttons > label.choice__button {
        max-width: 67px;
        margin-right: 0;
    }
}
.success__wapper {
    min-height: 100vh;
    width: 100%;
    display: table;
}
.success__content {
    background-image: url(../../images/miboatBG.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}
@media (max-width: 768px) {
    .success__content {
        padding: 0 40px;
    }
}
@media (max-width: 768px) {
    .success__content img {
        width: 98px;
    }
}
.success__content ul {
    list-style: none !important;
}
.success__content .success__content--description h2 {
    margin-top: 60px;
    color: #fff;
    font-size: 53px;
    font-family: DIN-black, sans-serif;
    line-height: 64px;
    margin-bottom: 15px;
}
@media (max-width: 768px) {
    .success__content .success__content--description h2 {
        font-size: 37px;
        line-height: 44px;
        margin-top: 48px;
    }
}
.success__content .success__content--description h3 {
    color: #fff;
    font-size: 23px;
    line-height: 40px;
    margin-top: 30px;
    margin-bottom: 20px;
    font-family: DIN-regular, sans-serif;
}
@media (max-width: 768px) {
    .success__content .success__content--description h3 {
        font-size: 18px;
        line-height: 29px;
        margin-top: 20px;
        margin-bottom: 10px;
        font-weight: 500;
    }
}
.success__content .success__content--description p {
    font-size: 16px;
    line-height: 24px;
    color: #939598;
    font-family: DIN-regular, sans-serif;
}
@media (max-width: 768px) {
    .success__content .success__content--description p {
        font-size: 13px;
        line-height: 23px;
    }
}
.success__content .success__content--socials {
    margin-top: 20px;
}
@media (max-width: 768px) {
    .success__content .success__content--socials {
        margin-top: 15px;
    }
}
.success__content .success__content--socials ul {
    margin: 0;
    padding: 0;
}
.success__content .success__content--socials ul li {
    display: inline-block;
    font-size: 0;
}
.success__content .success__content--socials ul li span {
    font-size: 16px;
    color: #fff;
    font-family: DIN-regular, sans-serif;
}
.success__content .success__content--socials ul li a {
    font-size: 16px;
}
.success__content .success__content--socials ul li a .icon {
    width: 15px;
    height: 15px;
    display: inline-block;
    margin-left: 7px;
}
.success__content .success__content--socials ul li a .icon.icon-instagram {
    background-image: url(../../images/icons/social-instagram.svg);
    background-repeat: no-repeat;
}
.success__content .success__content--socials ul li a .icon.icon-fb {
    background-image: url(../../images/icons/social-facebook.svg);
    background-repeat: no-repeat;
}
.success__content .success__content--button {
    margin-top: 57px;
    margin-bottom: 140px;
}
.success__content .success__content--button a {
    display: inline-block;
    background-color: #006cb7;
    border-radius: 25px;
    padding: 15px 40px;
    color: #fff;
    font-size: 16px;
    line-height: 19px;
    font-family: DIN-regular, sans-serif;
}
@media (max-width: 768px) {
    .success__content .success__content--button a {
        padding: 15px 30px;
    }
}
.success__content .success__content--button a span {
    font-weight: 900;
}
.unable__payment--wapper {
    min-height: 100vh;
    width: 100%;
}
.unable__payment--content {
    min-height: 100vh;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (max-width: 768px) {
    .unable__payment--content {
        padding: 0 40px;
    }
}
.unable__payment--content .image__close {
    position: relative;
}
.unable__payment--content .image__close:before {
    content: "\e90e";
    font-family: icomoon;
    top: 0;
    left: 0;
    font-size: 58px;
    line-height: 58px;
    color: #006cb7;
}
.unable__payment--content .unable__payment--description h2 {
    font-size: 53px;
    line-height: 64px;
    font-weight: 900;
    color: #000;
    margin-bottom: 35px;
}
@media (max-width: 768px) {
    .unable__payment--content .unable__payment--description h2 {
        font-size: 37px;
        line-height: 44px;
    }
}
.unable__payment--content .unable__payment--description p {
    color: #939598;
    font-size: 19px;
    line-height: 34px;
    font-family: DIN-medium, sans-serif;
    margin-bottom: 35px;
}
@media (max-width: 768px) {
    .unable__payment--content .unable__payment--description p {
        font-size: 14px;
        line-height: 25px;
        margin-bottom: 27px;
    }
}
.unable__payment--content .unable__payment--button {
    margin-top: 30px;
}
.unable__payment--content .unable__payment--button a {
    width: 300px;
    display: inline-block;
    font-family: \.SFNS Display, sans-serif;
    font-size: 16px;
    line-height: 18px;
    background-color: #006cb7;
    color: #fff;
    padding: 16px 0;
    border-radius: 25px;
}
section.each-step {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
form#get-quoted-form .content section.body {
    padding: 0 20px;
}
@media (max-width: 768px) {
    form#get-quoted-form .content section.body {
        padding: 0;
    }
}
.rider__details .choices-toggle-wrapper {
    padding-top: 15px;
    padding-bottom: 0;
}
@media (max-width: 768px) {
    .rider__details .choices-toggle-wrapper {
        padding-top: 0;
        margin-bottom: 15px;
    }
}
.rider__details .choices-toggle-wrapper.show-condition-field {
    padding-top: 30px;
    padding-bottom: 10px;
}
@media (max-width: 768px) {
    .rider__details .choices-toggle-wrapper.show-condition-field {
        padding-top: 20px;
    }
}
.rider__details .choices-toggle-wrapper .form__group {
    margin-bottom: 20px;
}
.rider__details .choices-toggle-wrapper .form__group.condition-field {
    margin-bottom: 0;
}
.rider__details .choices-toggle-wrapper .textArea {
    padding: 0;
}
.rider__details h1.step__title {
    margin-bottom: 20px;
}
.rider__details .text-with-tooltip {
    margin-bottom: 0;
}
.rider__details .text-with-tooltip > span {
    color: #939598;
    font-size: 15px;
    line-height: normal;
    font-family: \.SFNS Display, sans-serif;
}
.your__bike .choices-toggle-wrapper {
    padding-bottom: 0;
}
.your__bike .choices-toggle-wrapper.with-condition {
    margin-top: 0;
}
.your__bike .choices-toggle-wrapper.with-condition.show-condition-field .choices-toggle {
    margin-bottom: 45px;
    margin-top: 20px;
}
.your__bike .choices-toggle-wrapper.with-condition.show-condition-field .choices-toggle.condition-field,
.your__bike .choices-toggle-wrapper.with-condition.show-condition-field .dropdown__list--wapper.condition-field {
    margin-bottom: 10px;
}
.your__bike .choices-toggle-wrapper.show-condition-field {
    margin-bottom: 50px;
}
.your__bike .choices-toggle-wrapper.show-condition-field .choices-toggle {
    margin-bottom: 10px;
}
.your__bike .choices-toggle-wrapper.show-condition-field .choices-toggle.condition-field {
    margin-top: 35px;
}
@media (max-width: 768px) {
    .your__bike .choices-toggle-wrapper {
        padding-top: 0;
    }
    .your__bike .choices-toggle-wrapper.show-condition-field .choices-toggle.condition-field .input-wrapper > label {
        margin-bottom: 0 !important;
    }
}
.your__bike .value-selector {
    margin-bottom: 20px;
}
.your__bike .location__regular.database__search.enter__your--model.success .input-wrapper:after {
    content: "\e905";
    color: #fff;
    background: #006cb7;
    font-size: 9px;
}
.your__bike .step__sub-title:nth-of-type(2) {
    margin-bottom: 55px;
}
@media (max-width: 768px) {
    .your__bike .step__sub-title:nth-of-type(2) {
        margin-bottom: 37px;
    }
}
.bike__usage .step__title--custom span {
    margin-top: 15px;
}
@media (max-width: 768px) {
    .bike__usage .hint {
        margin-left: 9px;
    }
}
.bike__usage .choices-toggle-wrapper {
    padding: 0;
}
@media (max-width: 768px) {
    .bike__usage .choices-toggle-wrapper {
        padding-top: 0;
    }
}
@media (max-width: 768px) {
    .bike__usage .choices-toggle-wrapper .form__group {
        margin-bottom: 0;
    }
}
.bike__usage .choices-toggle-wrapper .choices-toggle {
    margin-bottom: 40px;
}
@media (max-width: 768px) {
    .bike__usage .choices-toggle-wrapper .choices-toggle {
        margin-bottom: 30px;
    }
}
/* @media (max-width: 768px) {
    .bike__usage .choices-toggle-wrapper .choices-toggle .choices-toggle__title .hint {
        display: none;
    }
} */
.bike__usage span.step__sub-title:last-of-type {
    margin-top: 30px;
}
@media (max-width: 768px) {
    .bike__usage span.step__sub-title:last-of-type {
        margin-bottom: 20px;
    }
}
@media (max-width: 768px) {
    .bike__usage span.step__sub-title {
        margin-bottom: 30px;
    }
}
@media (max-width: 768px) {
    .bike__usage .dropdown__list {
        margin-top: 5px;
    }
}
.bike__usage .dropdown__list .title__drop {
    padding-top: 0;
}
.licence__history span.step__sub-title:first-of-type {
    margin-bottom: 30px;
}
@media (max-width: 768px) {
    .licence__history span.step__sub-title:first-of-type {
        margin-bottom: 0;
    }
}
@media (max-width: 768px) {
    .licence__history span.step__sub-title:last-of-type {
        margin-top: 60px;
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
    .licence__history .input__regular {
        width: 100%;
    }
}
.licence__history .choices-toggle-wrapper {
    padding-bottom: 0;
}
@media (max-width: 768px) {
    .licence__history .choices-toggle-wrapper .choices-toggle {
        margin-bottom: 0;
    }
}
.licence__history .choices-toggle-wrapper.show-condition-field {
    margin-top: 15px;
}
.licence__history .choices-toggle-wrapper.show-condition-field .choices-toggle.condition-field {
    margin-bottom: 0;
}
.licence__history .choices-toggle-wrapper.show-condition-field .choices-toggle.condition-field .form__group {
    margin-bottom: 30px;
}
.licence__history .choices-toggle-wrapper.show-condition-field .choices-toggle.condition-field .form__group > label {
    margin-top: 15px;
}
@media (max-width: 768px) {
    .licence__history .choices__button--three-button .choices-toggle .choices-toggle__buttons {
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
@media (max-width: 768px) {
    .licence__history .choices__button--three-button .choices-toggle .choices-toggle__buttons .choice__button {
        margin: 1px 0;
    }
}
@media (max-width: 768px) {
    .licence__history .choices__button--three-button .choices-toggle .choices-toggle__buttons .choice__button:first-of-type {
        border-radius: 15px 15px 0 0;
    }
}
@media (max-width: 768px) {
    .licence__history .choices__button--three-button .choices-toggle .choices-toggle__buttons .choice__button:last-of-type {
        border-radius: 0 0 15px 15px !important;
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
    .licence__history .dropdown__list--wapper {
        width: 100%;
    }
}
@media (max-width: 768px) {
    .licence__history .dropdown__list--wapper {
        margin-bottom: 10px;
    }
}
.licence__history .dropdown__list--wapper .hint {
    margin-top: 16px;
}
@media (max-width: 768px) {
    .licence__history .dropdown__list {
        margin: 0;
    }
}
.licence__history .dropdown__list .title__drop {
    padding-top: 0;
}
.your__quote .save-edit-quote {
    margin-top: 60px;
    margin-bottom: 60px;
}
@media (max-width: 768px) {
    .your__quote .save-edit-quote {
        margin-bottom: 20px;
        width: 100%;
        margin-top: 20px;
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
    .your__quote .save-edit-quote a {
        min-width: 150px;
        padding: 13px 30px;
    }
}
@media (max-width: 768px) {
    .your__quote .save-edit-quote a {
        width: 100%;
        margin-top: 20px;
    }
}
@media (max-width: 768px) {
    .your__quote .save-edit-quote a.save-quote {
        margin-right: 0;
    }
}
.your__quote .text-with-tooltip,
.your__quote .text-with-tooltip + .save-edit-quote {
    margin-top: 30px;
}
.your__quote .payment-options {
    margin-top: 20px;
}
@media (min-width: 768px) and (max-width: 1024px) {
    .your__quote .payment-options {
        -ms-flex-direction: inherit;
        flex-direction: inherit;
    }
}
@media (max-width: 768px) {
    .your__quote .payment-options {
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
@media (max-width: 768px) {
    .your__quote .payment-options .payment-options__detail {
        width: 100%;
        margin: 0;
    }
}
@media (max-width: 768px) {
    .your__quote .payment-options .payment-options__detail.is-monthly {
        margin-top: 20px;
    }
}
@media (max-width: 768px) {
    .your__quote .payment-options__detail .payment-options__detail__wrapper .payment-options__price {
        font-size: 23px;
        line-height: 28px;
        font-weight: 700;
    }
}
@media (max-width: 768px) {
    .steps__wapper--your-quote .steps-container {
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
    .steps__wapper--your-quote .steps-container {
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.steps__wapper--your-quote .steps-container .step-right-content {
    display: -ms-flexbox;
    display: flex;
    padding: 0 40px;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media (min-width: 768px) and (max-width: 1024px) {
    .steps__wapper--your-quote .steps-container .step-right-content {
        -ms-flex-align: start;
        align-items: flex-start;
    }
}
@media (max-width: 768px) {
    .steps__wapper--your-quote .steps-container .step-right-content {
        width: 100%;
    }
}
@media (max-width: 768px) {
    .steps__wapper--your-quote .steps-container .step-right-content .policy-info {
        border-top: 1px solid #e9e9e9;
        margin: 0;
        padding-left: 0;
        padding-top: 35px;
    }
}
@media (max-width: 768px) {
    .steps__wapper--your-quote .steps-container .step-right-content .policy-info .policy-info__options {
        padding: 20px 0 20px 13px;
    }
}
@media (max-width: 768px) {
    .steps__wapper--your-quote .steps-container .step-right-content .policy-info .policy-info__options a span {
        margin-right: 15px;
    }
}
@media (max-width: 768px) {
    .steps__wapper--your-quote .steps-container .step-right-content .policy-info > span {
        margin-bottom: 15px;
    }
}
@media (max-width: 768px) {
    .steps__wapper--your-quote .steps-container .step-right-content .policy-info > span.policy-info__title {
        font-size: 18px;
        line-height: 27px;
    }
}
@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
    .steps__wapper--your-quote .steps-container .step-right-content {
        display: inline-block;
    }
}
@media (max-width: 768px) {
    .steps__container--custom-style .steps-container {
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
    .steps__container--custom-style .steps-container {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
@media (max-width: 768px) {
    .steps__container--custom-style .steps-container .step-left-content {
        -ms-flex-order: 2;
        order: 2;
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
    .steps__container--custom-style .steps-container .step-left-content {
        width: 100%;
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
    .steps__container--custom-style .steps-container .step-right-content {
        width: 100%;
        padding: 0;
        display: block;
    }
}
@media (max-width: 768px) {
    .steps__container--custom-style .steps-container .step-right-content {
        display: block;
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-order: 1;
        order: 1;
        padding: 0;
        padding-left: 35px;
        padding-top: 0;
        padding-bottom: 20px;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.steps__container--custom-style .steps-container .step-right-content h1 {
    display: none;
}
@media (max-width: 768px) {
    .steps__container--custom-style .steps-container .step-right-content h1 {
        display: block;
        text-align: left;
        font-family: Din Pro, sans-serif;
        font-weight: 900;
        font-size: 37px;
        line-height: 46px;
        color: #000;
        margin-bottom: 42px;
        padding: 0;
        width: 100%;
    }
}
@media (max-width: 768px) {
    .steps__container--custom-style .payment-detail {
        padding: 30px;
        padding-right: 0;
        width: 100%;
    }
}
@media (max-width: 768px) {
    .steps__container--custom-style .payment-detail .payment-detail__elm {
        display: inline-block;
        padding-bottom: 0;
        margin-bottom: 0;
        padding-right: 60px;
    }
}
@media (max-width: 768px) {
    .steps__container--custom-style .payment-detail .payment-detail__elm.is-policy-summary .payment-detail__elm__title {
        margin-bottom: 0;
    }
}
@media (max-width: 768px) {
    .steps__container--custom-style .payment-detail .payment-detail__elm p {
        margin-bottom: 0;
        margin-top: 7px;
    }
}
@media (max-width: 768px) {
    .steps__container--custom-style .payment-detail .payment-detail__elm.is-policy-summary {
        display: inline-block;
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 0;
    }
}
@media (max-width: 768px) {
    .steps__container--custom-style .payment-detail .payment-detail__elm.is-policy-summary p {
        font-size: 23px;
        line-height: 29px;
        padding-top: 0;
        margin-top: 0;
    }
}
@media (max-width: 768px) {
    .steps__container--custom-style .payment-detail .payment-detail__elm.is-policy-summary p sup {
        top: 0;
        position: relative;
    }
}
@media (max-width: 768px) {
    .steps__container--custom-style .payment-detail .payment-detail__elm.is-policy-summary p sub {
        bottom: 6px;
        padding-left: 3px;
        position: relative;
    }
}
@media (max-width: 768px) {
    .get__insured h1 {
        display: none;
    }
}
@media (max-width: 768px) {
    .get__insured .form__group,
    .get__insured span.step__sub-title {
        padding: 0 15px;
    }
}
@media (max-width: 768px) {
    .get__insured .form__group.form__group--card-detail {
        margin-bottom: 10px;
    }
}
.get__insured .is__date-picker {
    margin-top: -10px;
    margin-bottom: 0;
}
body {
    color: #2d2c2b;
    margin: 0;
    padding: 0;
}
.device body {
    cursor: pointer;
}
.wrapper-container {
    overflow: hidden;
}
.column-social-block,
.e-newsletter-subscription-section,
.footer-payment-section,
.reaction,
.search-global,
.welcome-msg-wrapper {
    pointer-events: none !important;
    -moz-filter: grayscale(100%) !important;
    -webkit-filter: grayscale(100%) !important;
    filter: gray !important;
    filter: grayscale(100%) !important;
    opacity: 0.8;
}
.column-social-block *,
.e-newsletter-subscription-section *,
.footer-payment-section *,
.reaction *,
.search-global *,
.welcome-msg-wrapper * {
    color: #9d9d9d !important;
}
.column-social-block:active,
.e-newsletter-subscription-section:active,
.footer-payment-section:active,
.reaction:active,
.search-global:active,
.welcome-msg-wrapper:active {
    opacity: 1 !important;
}
.fieldset-inputs {
    width: 100%;
}
.fieldset-inputs input {
    overflow: hidden;
    opacity: 0;
    z-index: 0;
}
#pre-loader {
    z-index: 10000000 !important;
    position: fixed;
    opacity: 0.2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    display: none;
}
#pre-loader > img {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100px;
    height: 100px;
    margin-left: -50px;
    margin-top: -50px;
}
.form-checkboxes {
    margin-top: 17px;
    margin-bottom: 20px;
    width: 100%;
    position: relative;
    padding: 0 20px;
}
.form-checkboxes > label {
    position: relative;
    z-index: 9;
    color: #939598;
    font-weight: 500;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 24px;
    font-family: \.SFNS Display, sans-serif;
    display: block;
    cursor: pointer;
    padding-top: 17px;
}
.form-checkboxes .pretty {
    position: relative;
    display: inline-block;
    margin-right: 1em;
    white-space: nowrap;
    line-height: 1;
    width: 100%;
    margin-top: 15px;
}
.form-checkboxes .pretty input {
    position: absolute;
    left: 0;
    top: 0;
    min-width: 1em;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: 0;
    margin: 0;
    padding: 0;
    cursor: pointer;
    box-sizing: border-box;
}
.form-checkboxes .pretty * {
    box-sizing: border-box;
}
.form-checkboxes .pretty .state label {
    position: static;
    display: inline-block;
    margin: 0;
    text-indent: 35px;
    min-width: calc(1em + 2px);
    color: #939598;
    font-size: 16px;
    font-family: \.SFNS Display, sans-serif;
}
.form-checkboxes .pretty .state label:before {
    border: 1px solid #939598;
    border-radius: 0;
}
.form-checkboxes .pretty .state label:after,
.form-checkboxes .pretty .state label:before {
    content: "";
    width: 25px;
    height: 25px;
    display: block;
    box-sizing: border-box;
    z-index: 0;
    position: absolute;
    left: 0;
    top: -5px;
    background-color: #fff;
}
.form-checkboxes .pretty .state label:after {
    border-radius: 0;
}
.form-checkboxes .pretty.p-default .state label:after {
    transform: scale(0.6);
}
.form-checkboxes .pretty input:checked ~ .state.p-primary label:after {
    background-color: #006cb7 !important;
}
#ModificationTypeText {
    margin-top: 20px;
}
.hint-block {
    font-size: 11px;
    line-height: 15px;
    color: #006cb7;
    font-family: \.SFNS Display, sans-serif;
    background-color: rgba(0, 108, 183, 0.04);
    padding: 15px;
    margin-bottom: 0;
    display: block;
}
#modal__disclosure {
    max-width: 880px !important;
}
#modal__disclosure a.primary-button {
    border-radius: 5px;
}
#modal__disclosure .modal_yesno_button {
    width: 50%;
    display: -ms-inline-flexbox;
    display: inline-flex;
}
#modal__disclosure .modal_yesno_button a.primary-button {
    width: 50%;
    display: block;
    min-width: 0;
    color: #006cb7;
    background-color: #fff;
    border: 1px solid #006cb7;
    transition: all 0.2s;
}
#modal__disclosure .modal_yesno_button a.primary-button.selected {
    color: #fff;
    background-color: #006cb7;
    border: none;
}
#modal__disclosure .warning-content {
    margin-top: 25px;
    display: none;
}
#modal__disclosure .modal_continue_button {
    margin-top: 25px;
}
#modal__disclosure .modal_continue_button a.primary-button.disabled {
    background-color: #939598;
    cursor: unset;
}
#modal__disclosure .modal_continue_button a.primary-button {
    float: right;
}
@media (max-width: 768px) {
    #modal__disclosure .modal_continue_button a.primary-button,
    #modal__disclosure .modal_yesno_button {
        width: 100%;
    }
}
#extra__addresss, 
#extra__layup-addresss {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}

#term-modal {
    max-width: 800px !important;
}
.multiselect {
    width: 100%;
}

#layup__month {
    padding-bottom: 7px;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 29px;
    min-height: 37px;
    color: #939598;
    font-family: \.SFNS Display, sans-serif;
}

.success #layup__month {
    color: #006cb7;
    border-bottom: 1px solid #006cb7 !important;
}
.selectBox {
    position: relative;
}

.selectBox select {
    width: 100%;
    font-weight: bold;
}

#checkboxes {
    display: none;
    border: 1px #dadada solid;
}

#checkboxes label {
    display: block;
}

#checkboxes label:hover {
    background-color: #1e90ff;
}
#layUpMonthsCheckboxes {
    width: 100%;
    list-style: none;
    background-color: #fff;
    padding: 23px;
    overflow: hidden;
    overflow-y: scroll;
    max-height: 240px;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
}
#layUpMonthsCheckboxes > div {
    font-family: \.SFNS Display, sans-serif;
    cursor: pointer;
    color: #939598;
    font-size: 16px;
    line-height: 24px;
}
#layUpMonthsCheckboxes .dropdown__list.success label:not(.error) {
    border-bottom: 0
}

#layUpMonthsCheckboxes label.layupMonthLabel:not(.error) {
    border-bottom: 0 !important;
    color: #939598;
}

#layup-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}
