﻿html,
body {
    margin: 0 auto;
    padding: 0;
    background: #fff;
    color: #4b4e53;
    font-family: "Georgia";
    font-weight: normal;
    text-align: center;
    font-size: 14px;
    line-height: 0
}

* {
    outline: none;
    border: none;
    box-sizing: border-box;
    text-transform: none;
    font-family: "Georgia";
    font-weight: normal;
    -webkit-appearance: none;
    border-radius: 0
}

button,
.button {
    cursor: pointer;
    height: 55px;
    line-height: 3.4375em;
    font-size: 1.14286em;
    text-decoration: none;
    display: block;
    text-align: center;
    -webkit-transition: 150ms;
    -moz-transition: 150ms;
    -ms-transition: 150ms;
    -o-transition: 150ms;
    transition: 150ms;
    background: #fff;
    max-width: 260px !important
}

button:hover,
.button:hover {
    opacity: 0.8
}

button.orange,
.button.orange {
    border: 1px solid #fff;
    color: #ffb617 !important
}

button.orange svg,
.button.orange svg {
    fill: #ffb617 !important
}

button.pink,
.button.pink {
    border: 1px solid #fff;
    color: #ff0198 !important
}

button.pink svg,
.button.pink svg {
    fill: #ff0198 !important
}

.lightGray {
    color: #afafaf
}

.error {
    width: 100%;
    color: red;
    text-align: left;
    float: left;
    padding-left: 20px;
    position: relative;
    display: inline-block;
    line-height: 1em;
    margin-top: 10px
}

.error:before {
    content: "";
    position: absolute;
    left: 0;
    color: red;
    font-family: "fontAwesome"
}

.error.geoerror:before {
    display: none
}

input {
    font-family: "Georgia"
}

strong {
    font-weight: bold;
    line-height: 1.42857em
}

h1,
h2,
h3 {
    margin: 0
}

.black {
    color: #000
}

h1 {
    font-size: 2.85714em;
    line-height: 1em;
    font-weight: normal
}

h2 {
    font-size: 1.92857em;
    line-height: 1.11111em;
    font-weight: normal
}

h3 {
    font-size: 1.5em;
    line-height: 1.19048em;
    font-weight: normal
}

p,
ul li {
    font-size: 1em;
    line-height: 1.42857em
}

.triangle {
    font-size: 1em;
    line-height: 1.57143em;
    text-decoration: none;
    color: #fff;
    position: relative;
    display: inline-block
}

.triangle:hover {
    color: #fff;
    text-decoration: underline !important
}

.triangle:after {
    content: "";
    position: absolute;
    right: -10px;
    top: -2px;
    font-family: "fontAwesome"
}

.outer {
    padding: 20px 0 !important;
    margin: 0 !important
}

.maxWidth {
    max-width: 1366px;
    display: inline-block;
    text-align: left;
    width: 100%;
    padding: 0 20px
}

.validation-summary-errors {
    display: inline-block;
    width: 100%
}

.validation-summary-errors ul {
    list-style: none;
    margin: 0;
    padding: 0 !important;
    font-size: 12px
}

.validation-summary-errors ul li {
    margin-bottom: 0 !important
}

.validation-summary-errors ul li:before {
    display: none
}

ul {
    list-style: square;
    line-height: 1.14286em;
    padding-left: 20px;
    margin: 0
}

ul li {
    margin-bottom: 10px;
    position: relative
}

.special {
    color: #afafaf;
    float: left;
    text-align: left;
    display: inline-block;
    width: 100%
}

.special a {
    color: #000
}

.pdf {
    position: relative;
    height: 50px;
    background: url(../images/pdf.svg) no-repeat left center/30px 50px;
    display: inline-block;
    width: 100%;
    padding-left: 40px;
    line-height: 1em;
    float: left;
    clear: left
}

.pdf p {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    margin: 0
}

a {
    color: #4b4e53
}

a:hover {
    color: #000
}

.icheckbox_minimal,
.iradio_minimal {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 28px;
    height: 28px;
    background: url(../images/blue@2x.png) no-repeat;
    border: none;
    cursor: pointer;
    -webkit-background-size: 145px 28px;
    background-size: 145px 28px
}

.icheckbox_minimal {
    background-position: 0 0
}

.icheckbox_minimal.hover {
    background-position: 0 0
}

.icheckbox_minimal.checked {
    background-position: -40px 0
}

.icheckbox_minimal.disabled {
    background-position: -60px 0;
    cursor: default
}

.icheckbox_minimal.checked.disabled {
    background-position: -80px 0
}

.iradio_minimal {
    background-position: -117px 0
}

.iradio_minimal.hover {
    background-position: -77px 0
}

.iradio_minimal.checked {
    background-position: -77px 0
}

.iradio_minimal.disabled {
    background-position: -160px 0;
    cursor: default
}

.iradio_minimal.checked.disabled {
    background-position: -180px 0
}

.toggleMenu {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    width: 30px;
    height: 16px;
    cursor: pointer;
    float: right;
    font-size: 0;
    background: none;
    min-width: 0;
    border: 0
}

.toggleMenu span {
    display: block;
    position: absolute;
    top: 7px;
    left: 0;
    height: 3px;
    border-radius: 5px;
    background: #000;
    width: 100%
}

.toggleMenu span:before,
.toggleMenu span:after {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 3px;
    border-radius: 2px;
    background-color: #000;
    content: ""
}

.toggleMenu span:before {
    top: -6px
}

.toggleMenu span:after {
    bottom: -6px
}

.sitemap ul {
    margin-top: 0 !important
}

.menuBox {
    display: block
}

nav {
    width: 70%;
    background: #fff;
    height: 100vh;
    position: absolute;
    right: 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    line-height: 1.5em;
    text-align: left;
    z-index: 999;
    padding: 10px;
    -webkit-transition: 700ms;
    -moz-transition: 700ms;
    -ms-transition: 700ms;
    -o-transition: 700ms;
    transition: 700ms;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    display: none
}

nav.active {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

nav ul {
    list-style: none;
    margin: 0;
    padding: 0
}

nav ul li {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    padding: 10px
}

nav ul li:before {
    display: none
}

nav ul li:nth-child(1) {
    border-left: 7px solid #01c1d6
}

nav ul li:nth-child(2) {
    border-left: 7px solid #6e27c5
}

nav ul li:nth-child(3) {
    border-left: 7px solid #ff0198
}

nav ul li:nth-child(4) {
    border-left: 7px solid #7acb00
}

nav ul li a {
    text-decoration: none;
    color: #4b4e53;
    font-size: 1.5em
}

nav ul li ul {
    display: none
}

nav ul li ul li {
    margin-bottom: 0;
    border-left: none !important;
    padding: 0
}

nav ul li ul li a {
    font-size: 1.14286em;
    line-height: 1.5em
}

.website {
    position: relative;
    -webkit-transition: 700ms;
    -moz-transition: 700ms;
    -ms-transition: 700ms;
    -o-transition: 700ms;
    transition: 700ms
}

.website.active {
    -webkit-transform: translateX(-70%);
    -moz-transform: translateX(-70%);
    -ms-transform: translateX(-70%);
    -o-transform: translateX(-70%);
    transform: translateX(-70%)
}

.cookies {
    color: #fefefe;
    background: #4b4e53;
    font-size: 0.85714em;
    line-height: 1.75em;
    display: none
}

.cookies .maxWidth {
    position: relative;
    padding-right: 80px
}

.cookies a {
    color: #fefefe
}

.cookies .agreedCookie {
    color: #01c1d6;
    float: right;
    font-size: 18px;
    color: #fff;
    top: 7px;
    right: 10px;
    position: absolute;
    cursor: pointer
}

.menuBar {
    width: 100%;
    display: inline-block;
    padding: 20px 0;
    line-height: 0
}

.topStaticBanner {
    position: relative;
    display: inline-block;
    width: 100%
}

.header {
    position: relative;
    float: left;
    width: 100%
}

.header .slideNmb {
    position: absolute;
    bottom: 34px;
    width: 80%;
    left: 0
}

.header .slideNmb span {
    font-size: 1.57143em;
    color: #fff;
    padding: 0 5px;
    cursor: pointer
}

.header .slideNmb span.active {
    text-decoration: underline;
    font-weight: bold
}

.header .logo img {
    height: 12px;
    margin-top: 3px
}

.backButton {
    background: transparent;
    color: #fff;
    text-align: left;
    width: auto;
    text-decoration: none
}

.backButton:hover {
    box-shadow: none
}

.carousel {
    width: 100%;
    height: calc(100vh - 57px);
    position: relative
}

.carousel .slick-arrow {
    display: none !important
}

.carousel .background {
    height: calc(100vh - 57px);
    width: inherit;
    top: 0;
    left: 0;
    position: relative
}

.carousel .textBox {
    height: 75%;
    width: 80%;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 30px;
    color: #fff;
    text-align: left;
    font-weight: normal
}

.carousel .textBox .container {
    display: inline-block;
    width: 100%;
    height: 100%;
    float: right
}

.carousel .textBox h2 {
    font-size: 1.5em;
    line-height: 1.19048em
}

.carousel .textBox .title,
.carousel .textBox .subtitle {
    width: 100%;
    margin-bottom: 20px;
    display: inline-block
}

.carousel .textBox .subtitle {
    position: absolute;
    bottom: 105px
}

.carousel .textBox .subtitle ul,
.carousel .textBox .subtitle h2 {
    display: none
}

.carousel .textBox .subtitle .triangle {
    margin-top: 20px
}

.carousel .textBox .callToAction {
    bottom: 64px;
    position: absolute;
    width: calc(100% - 60px)
}

.carousel .textBox .callToAction .button {
    border-color: #fff;
    background: #fff
}

.carousel .textBox.blue {
    background: #01c1d6
}

.carousel .textBox.blue .callToAction .button {
    color: #01c1d6
}

.carousel .textBox.purple {
    background: #6e27c5
}

.carousel .textBox.purple .callToAction .button {
    color: #6e27c5
}

.carousel .textBox.pink {
    background: #ff0198
}

.carousel .textBox.pink .callToAction .button {
    color: #ff0198
}

.content {
    display: inline-block;
    width: 100%;
    padding: 40px 0;
    text-align: center
}

.content:nth-child(3n+1) {
    padding-top: 0 !important
}

.content.default h1 {
    margin-bottom: 20px
}

.content.default h2 {
    color: #000
}

.content.default a {
    color: #4b4e53;
    text-decoration: none
}

.content.default a:hover {
    text-decoration: underline
}

.content.default ul {
    margin-top: -10px
}

.content.default ul li {
    margin-bottom: 0
}

.content .panel33 {
    float: left;
    width: 100%;
    color: #fff;
    margin-top: 20px;
    background-size: cover;
    background-position: right top
}

.content .panel33 .textBox {
    display: inline-block;
    width: 100%;
    padding: 30px
}

.content .panel33 .title {
    float: left;
    width: 100%
}

.content .panel33 .icon {
    float: left;
    width: 33.33%;
    position: relative;
    margin-top: -10px;
    line-height: 1.2em;
    display: table
}

.content .panel33 .icon span {
    display: table-cell;
    vertical-align: middle;
    padding-right: 30px
}

.content .panel33 .icon img {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    right: 0
}

.content .panel33 .button.icon {
    margin-top: 15px;
    float: left;
    clear: left
}

.content .panel33 .description {
    margin-bottom: 15px
}

.content .panel33 .description,
.content .panel33 .subtitle {
    display: inline-block;
    width: 100%;
    margin-top: 10px
}

.content .panel33 p {
    margin: 0
}

.content .panel33 .subtitle span {
    font-size: 1.5em
}

.content .panel33 .callToAction {
    margin-top: 20px
}

.content .panel33 .callToAction .button {
    margin-top: 20px;
    background: #fff;
    border: 0
}

.content .panel33 a {
    color: #fff;
    text-decoration: none
}

.content .panel33.blue .textBox {
    background-color: #01c1d6
}

.content .panel33.blue .callToAction .button {
    color: #01c1d6
}

.content .panel33.purple .textBox {
    background-color: #6e27c5
}

.content .panel33.purple .callToAction .button {
    color: #6e27c5
}

.content .panel33.pink .textBox {
    background-color: #ff0198
}

.content .panel33.pink .callToAction .button {
    color: #ff0198
}

.content .panel33.orange .textBox {
    background-color: #ffb617
}

.content .panel33.orange .callToAction .button {
    color: #fff
}

.content .panel33.green .textBox {
    background-color: #7acb00
}

.content .panel33.green .callToAction .button {
    color: #fff
}

.content .button.icon {
    width: 100%;
    margin-top: 20px;
    text-align: left;
    color: #fff
}

.content .button.icon:after {
    content: "";
    position: absolute;
    right: 10px;
    font-family: "fontAwesome";
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.content .button.icon img,
.content .button.icon svg {
    position: relative;
    float: left;
    height: 40px;
    margin-top: 7px;
    margin-right: 10px;
    fill: #fff;
    width: 30px
}

.content .button.icon svg {
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -ms-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    margin-left: 5px
}

.staticBanner {
    display: inline-block;
    width: 100%;
    background-position: right top
}

.staticBanner .textBox {
    display: inline-block;
    width: 100%;
    background: #ffb617;
    color: #fff;
    text-align: left;
    padding: 40px 30px;
    position: relative
}

.staticBanner .button {
    color: #ffb617;
    background: #fff;
    margin-top: 20px
}

.staticBanner .col50:nth-child(1) h2,
.staticBanner .col50:nth-child(1) h3 {
    margin-bottom: 20px
}

.staticBanner .col50:nth-child(1) p {
    margin: 0
}

.staticBanner .col50:nth-child(2) {
    width: 70%;
    padding-top: 40px
}

.footer {
    background: #4b4e53;
    color: #fff;
    padding: 40px 30px
}

.footer .maxWidth {
    padding: 0
}

.footer a {
    color: #fff
}

.footer ul {
    list-style: none;
    padding: 0;
    margin: 0;
    line-height: 1.875em
}

.footer ul li {
    margin-bottom: 0
}

.footer ul li:before {
    display: none
}

.footer ul li a {
    color: #afafaf;
    text-decoration: none
}

.footer img {
    width: 200px
}

.col100,
.col25,
.col33,
.col30,
.col50,
.col66,
.col75 {
    width: 100%;
    float: left
}

.row {
    width: 100%;
    display: inline-block
}

.color-pink {
    color: #ff0198
}

.color-blue {
    color: #01c1d6
}

.color-purple {
    color: #6e27c5
}

.mt-mobile {
    margin-top: 20px
}

.topBanner {
    height: 30vh;
    width: 100%;
    float: left;
    text-align: left;
    color: #fff;
    position: relative;
    min-height: 300px
}

.topBanner .textBox {
    padding: 30px;
    width: 80%;
    height: 75%;
    position: absolute;
    bottom: 0;
    left: 0
}

.topBanner .textBox.pink {
    background: #ff0198
}

.topBanner .textBox.green {
    background: #7acb00
}

.topBanner .textBox.blue {
    background: #01c1d6
}

.topBanner .textBox.purple {
    background: #6e27c5
}

.topBanner .textBox.orange {
    background: #ffb617
}

.topBanner .textBox.orange_v2 {
    background: #f60
}

.topBanner h2 {
    font-size: 1.5em;
    line-height: 1.19048em
}

.nomb {
    margin-bottom: 0 !important
}

.nopb {
    padding-bottom: 0 !important
}

.CC .description h1 {
    width: calc(100% - 70px)
}

.PA .description h1 {
    width: calc(100% - 60px)
}

.TI .description h1 {
    width: calc(100% - 70px)
}

.PA .description,
.CC .description,
.TI .description {
    display: inline-block;
    width: 100%;
    margin-bottom: 40px
}

.PA .description h1,
.CC .description h1,
.TI .description h1 {
    float: left
}

.PA .description h2,
.CC .description h2,
.TI .description h2 {
    width: 70%
}

.PA .description h3,
.CC .description h3,
.TI .description h3 {
    width: 100%;
    display: inline-block
}

.PA .icon,
.CC .icon,
.TI .icon {
    float: left;
    width: 60px;
    height: 60px;
    position: relative
}

.PA .icon img,
.CC .icon img,
.TI .icon img {
    height: 70%;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.PA .col100,
.CC .col100,
.TI .col100 {
    margin-bottom: 20px
}

.claim .description {
    margin-bottom: 20px
}

.claim .description h1 {
    width: 100%
}

.content.contact .description h1 {
    width: 100%
}

.content.contact .col66 {
    padding-right: 30px
}

.content.contact .col66 h2 {
    margin-bottom: 20px
}

.content.contact a {
    color: #fff;
    text-decoration: none
}

.content.contact .panel33 {
    height: auto
}

.content.contact .panel33 p {
    margin-bottom: 10px
}

.content.contact .panel33 .title {
    width: 100%
}

.content.contact .panel33 .textBox {
    position: relative
}

.content.contact .box p {
    margin: 0
}

.box {
    width: 100%;
    float: left;
    padding: 30px;
    color: #fff;
    height: 100%
}

.box .button {
    background: #fff
}

.box.blue {
    background: #01c1d6
}

.box.blue .button {
    color: #01c1d6
}

.box.purple {
    background: #6e27c5
}

.box.purple .button {
    color: #6e27c5
}

.box.pink {
    background: #ff0198
}

.box.pink .button {
    color: #ff0198
}

.box.orange {
    background: #ffb617
}

.box.orange .button {
    color: #ffb617
}

.box.orange_v2 {
    background: #f60
}

.box.orange_v2 .button {
    color: #f60
}

.box.red {
    background: #f1352c
}

.box.red .button {
    color: #f1352c
}

.box.green {
    background: #7acb00
}

.box.green .button {
    color: #7acb00
}

.box.getaquote .button {
    position: static;
    width: 100%
}

.box.getaquote .priceBox {
    padding-left: 0;
    margin-top: 0
}

.box.getaquote .priceBox p {
    margin-bottom: 20px
}

.box a {
    color: #fff
}

.box .priceBox {
    margin-top: 20px
}

.box .priceBox p {
    font-size: 1.5em;
    line-height: 1.19048em;
    margin: 0
}

.box .priceBox p span:nth-child(1) {
    display: inline-block;
    width: 100%
}

.box .priceBox p span:nth-child(2) {
    font-size: 1.92857em;
    line-height: 1.11111em
}

.quote {
    padding: 0
}

.quote .coverName {
    display: inline-block;
    margin-bottom: 20px
}

.quote .coverName .icon {
    width: auto;
    float: left;
    height: 60px;
    position: relative
}

.quote .coverName .icon img {
    height: 70%;
    position: relative;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    left: 0
}

.quote .coverName h1 {
    width: calc(100% - 60px);
    float: left;
    padding-left: 20px;
    color: #000
}

.quote .col33 label {
    font-size: 1.5em;
    line-height: 1.19048em
}

.quote .main-form-group {
    display: inline-block;
    width: 100%;
    padding: 20px 0;
    float: left
}

.quote .main-form-group .title {
    font-size: 1.92857em;
    line-height: 1.11111em
}

.quote .main-form-group:last-child {
    border-bottom: 0
}

.quote .form-group {
    width: 100%;
    display: inline-block;
    float: left
}

.quote .form-group.topSeparator {
    border-top: 1px solid #afafaf;
    padding-top: 20px;
    margin-top: 20px
}

.quote .form-group.pink label.img {
    background-color: #afafaf
}

.quote .form-group.pink label.img.selected {
    background-color: #ff0198
}

.quote .form-group.blue label.img {
    background-color: #afafaf
}

.quote .form-group.blue label.img.selected {
    background-color: #01c1d6
}

.quote .form-group.purple label.img {
    background-color: #afafaf
}

.quote .form-group.purple label.img.selected {
    background-color: #6e27c5
}

.quote .form-group.img input {
    display: none
}

.quote .form-group .col33 label,
.quote .form-group .col50 label {
    font-size: 1.5em;
    line-height: 1.19048em
}

.quote .form-group label,
.quote .form-group select,
.quote .form-group input {
    width: 100%
}

.quote .cs-pch {
    width: calc(100% - 110px) !important
}

.quote .customSelect,
.quote input {
    border: 1px solid #01c1d6;
    height: 55px;
    line-height: 55px;
    color: #afafaf;
    position: relative;
    text-align: left;
    font-size: 1.14286em
}

.quote input[type='text'] {
    padding-left: 10px;
    padding-right: 10px
}

.quote input[type='submit'] {
    text-align: center
}

.quote .customSelect {
    cursor: pointer
}

.quote .customSelect:after {
    content: "";
    background: #01c1d6;
    right: 0;
    width: 100px;
    height: 53px;
    position: absolute;
    font-family: "fontAwesome";
    color: #fff;
    text-align: center
}

.quote .customSelect-list {
    border: 1px solid #01c1d6;
    background: #fff;
    z-index: 99
}

.quote .customSelect-item {
    height: 30px;
    line-height: 30px;
    cursor: pointer
}

.quote .customSelect-item:hover {
    color: #01c1d6
}

.quote .main {
    font-size: 1.92857em;
    line-height: 1.11111em;
    padding: 20px;
    width: 100%;
    display: inline-block;
    background: #ff0198;
    color: #fff
}

.quote .col50,
.quote .col66 {
    margin-bottom: 10px
}

.quote .col50.birthdate input,
.quote .col66.birthdate input {
    width: 30%;
    text-align: center
}

.quote .col50 .button,
.quote .col66 .button {
    background: #01c1d6;
    color: #fff;
    text-align: center;
    width: 100%;
    margin-top: 10px;
    display: inline-block;
    max-width: 100% !important
}

.quote .col50.radio table tr td,
.quote .col66.radio table tr td {
    min-width: 150px
}

.quote .col50.radio label,
.quote .col66.radio label {
    margin: 0 20px 0 10px;
    position: relative;
    top: 4px;
    font-size: 1.5em;
    line-height: 1.19048em
}

.quote .col25 {
    margin-top: 20px
}

.quote label.img {
    width: calc(100vw / 2 - 30px);
    height: calc(100vw / 2 - 30px);
    float: left;
    cursor: pointer
}

.quote label.img:nth-of-type(1),
.quote label.img:nth-of-type(2) {
    margin-bottom: 20px
}

.quote label.img:nth-child(even) {
    margin-left: 20px
}

.quote .col33 {
    margin-bottom: 20px
}

.steps {
    width: 100%;
    display: inline-block;
    font-size: 1.35714em;
    line-height: 1.19048em
}

.steps .step {
    width: 25px;
    float: left;
    border-bottom: 4px solid #afafaf;
    color: #afafaf;
    margin-right: 2px;
    text-align: center
}

.steps .step.active {
    text-align: left;
    width: calc(100% - 110px)
}

.steps .step.active span:nth-child(2) {
    display: block
}

.steps .step.active span:nth-child(1) {
    display: none
}

.steps.blue .step.active {
    color: #01c1d6;
    border-bottom: 4px solid #01c1d6
}

.steps.blue .step.completed {
    background: #01c1d6;
    color: #fff;
    border-bottom: 4px solid #01c1d6
}

.steps.purple .step.active {
    color: #6e27c5;
    border-bottom: 4px solid #6e27c5
}

.steps.purple .step.completed {
    background: #6e27c5;
    color: #fff;
    border-bottom: 4px solid #6e27c5
}

.steps.pink .step.active {
    color: #ff0198;
    border-bottom: 4px solid #ff0198
}

.steps.pink .step.completed {
    background: #ff0198;
    color: #fff;
    border-bottom: 4px solid #ff0198
}

.steps span:nth-child(2) {
    display: none
}

.buttonRow {
    width: 100%;
    display: inline-block;
    padding: 20px 0
}

.buttonRow.blue {
    background-color: #01c1d6
}

.buttonRow.blue .button {
    color: #01c1d6
}

.buttonRow.pink {
    background-color: #ff0198
}

.buttonRow.pink .button {
    color: #ff0198
}

.buttonRow.purple {
    background-color: #6e27c5
}

.buttonRow.purple .button {
    color: #6e27c5
}

.buttonRow .button {
    background: #fff;
    width: 100%;
    float: right;
    margin-bottom: 20px;
    float: left;
    max-width: none !important
}

.buttonRow .button.continue {
    width: 100%
}

.boxInside_purple .box {
    background: #6e27c5 !important
}

.boxInside_purple .button {
    color: #6e27c5 !important
}

.boxInside_blue .box {
    background: #01c1d6 !important
}

.boxInside_blue .button {
    color: #01c1d6 !important
}

.boxInside_pink .box {
    background: #ff0198 !important
}

.boxInside_pink .button {
    color: #ff0198 !important
}

.PAI-1 .img,
.CC-1 .img {
    text-align: center;
    position: relative
}

.PAI-1 .img div,
.CC-1 .img div {
    font-size: 1em;
    line-height: 1.14286em;
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100px;
    padding: 0 10px
}

.PAI-1 .img div span,
.CC-1 .img div span {
    display: table;
    position: relative;
    bottom: -30px;
    height: 50px;
    width: 100%
}

.PAI-1 .img div span span,
.CC-1 .img div span span {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none
}

.PAI-1 .coverType1 div,
.CC-1 .coverType1 div {
    background: url(../images/you.svg) no-repeat center 20px/30px
}

.PAI-1 .coverType2 div,
.CC-1 .coverType2 div {
    background: url(../images/you-partner.svg) no-repeat center 20px/37px
}

.PAI-1 .coverType3 div,
.CC-1 .coverType3 div {
    background: url(../images/you-partner-children.svg) no-repeat center 20px/53px
}

.PAI-1 .coverType4 div,
.CC-1 .coverType4 div {
    background: url(../images/you-children.svg) no-repeat center 20px/50px
}

.CC-1 {
    padding-top: 0 !important
}

.PAI-1 {
    padding: 0 !important
}

.step2 .col100,
.step3 .col100,
.step4 .col100 {
    padding: 20px 0;
    display: inline-block
}

.hidden {
    display: none
}

.accordion,
.accordion_v2 h2 {
    position: relative;
    width: 100%;
    padding-right: 10px
}

.accordion:after,
.accordion_v2 h2:after {
    content: "";
    position: absolute;
    right: 30px;
    font-family: "fontAwesome";
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    font-size: 16px
}

.accordion.active:after,
.accordion_v2 h2.active:after {
    content: ""
}

.accordion_v2 {
    margin-bottom: 20px
}

.accordion_v2 h2:after {
    right: 0
}

.accordion_v2:last-child {
    margin-bottom: 0
}

.accordion_v2 .button.orange {
    position: relative
}

.coversummary ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.coversummary ul li {
    width: 50%;
    float: left
}

.coversummary ul li:before {
    display: none
}

.coversummary ul li:nth-child(even) {
    font-weight: bold
}

.coversummary .price {
    font-size: 2.85714em;
    line-height: 1em
}

.strokeBox {
    border: 1px solid #afafaf;
    display: inline-block;
    width: 100%;
    padding: 30px
}

.strokeBox .medium {
    color: #000
}

.strokeBox.blue .button {
    background: #01c1d6
}

.strokeBox.pink .button {
    background: #ff0198
}

.strokeBox.purple .button {
    background: #6e27c5
}

.strokeBox .button {
    color: #fff;
    width: 100%;
    margin-top: 20px
}

.strokeBox p {
    margin: 0
}

.strokeBox .medium {
    display: inline-block;
    width: 100%;
    font-size: 1.92857em;
    line-height: 1.11111em
}

.strokeBox .big {
    display: inline-block;
    width: 100%;
    font-size: 2.85714em;
    line-height: 1em
}

.benefitsBox .container {
    display: inline-block;
    width: 100%;
    margin-top: 20px;
    border: 1px solid #afafaf
}

.benefitsBox .container ul {
    margin-top: 20px;
    list-style: none;
    padding: 20px 30px;
    margin: 0;
    float: left
}

.benefitsBox .container ul li:before {
    display: none
}

.benefitsBox .container ul li:last-child {
    margin-bottom: 0
}

.benefitsBox .container ul span {
    display: inline-block;
    width: 100%
}

.benefitsBox .container .title {
    float: left;
    width: 100%;
    background: #4b4e53;
    color: #fff;
    padding: 0 30px
}

.benefitsBox .container .title.accordion {
    background: #afafaf;
    padding: 0;
    cursor: pointer
}

.benefitsBox .container .title.accordion p {
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 15px 20px
}

.form-group .addresses select {
    overflow: auto;
    border: 1px solid #01c1d6;
    margin-top: 5px
}

.form-group .addresses select option {
    cursor: pointer;
    color: #afafaf;
    padding: 10px 20px
}

.confirmField {
    width: 100%;
    display: inline-block;
    color: #fff;
    padding: 20px;
    margin-bottom: 20px;
    float: left
}

.confirmField p {
    margin: 0
}

.confirmField.gray {
    background: #afafaf
}

.confirmField.purple {
    background: #6e27c5
}

.confirmField .checkbox {
    float: left
}

.confirmField .description {
    float: left;
    width: 85%;
    margin-left: 3%
}

.confirmField .description p {
    margin-top: 0
}

.confirmField a {
    color: #fff
}

.confirmField.nocheckbox {
    margin-top: 25px
}

.confirmField.nocheckbox .description {
    width: 100%;
    margin-left: 0
}

.confirmField.nocheckbox .description p {
    margin: 0
}

.benefitstable-desktop {
    display: none
}

.benefitstable-mobile .benefitstable {
    width: 100%;
    display: inline-block
}

.benefitstable-mobile .benefitstable .col50 {
    width: 50%;
    padding: 0 20px
}

.benefitstable-mobile .benefitstable .col50 p {
    margin: 0
}

.benefitstable-mobile .benefitstable .col100 {
    margin-bottom: 0;
    border-bottom: 1px solid #afafaf;
    border-left: 1px solid #afafaf;
    border-right: 1px solid #afafaf;
    padding: 10px 0
}

.benefitstable-mobile .benefitstable .col100 .col100 {
    border: 0
}

.benefitstable-mobile .benefitstable .col100.title {
    color: #fff;
    padding: 10px 0
}

.benefitstable-mobile .benefitstable .col100.title p {
    margin: 0
}

.benefitstable-mobile .benefitstable .toggleExtras {
    display: inline-block;
    margin: 0;
    padding: 0 20px;
    float: left;
    clear: left
}

.benefitstable-mobile .benefitstable .toggleExtras:after {
    font-family: "fontAwesome";
    content: "";
    position: absolute;
    right: 0
}

.benefitstable-mobile .benefitstable .toggleExtras.active:after {
    content: ""
}

.benefitstable-mobile .benefitstable.PA .title {
    background: #6e27c5;
    border: 1px solid #6e27c5
}

.benefitstable-mobile .benefitstable.PA .toggleExtras {
    color: #ff0198;
    position: relative
}

.benefitstable-mobile .benefitstable.CC .title {
    background: #f60;
    border: 1px solid #f60
}

.benefitstable-mobile .benefitstable.CC .toggleExtras {
    color: #ff0198;
    position: relative
}

.benefitstable-mobile .benefitstable.TI .title {
    background: #f1352c;
    border: 1px solid #f1352c
}

.faqAccordion {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
    margin-top: 10px
}

.faqAccordion h3 {
    width: 100%;
    color: #fff;
    padding: 20px 50px 20px 20px;
    position: relative;
    cursor: pointer;
    margin-top: 10px
}

.faqAccordion h3:after {
    font-family: "fontAwesome";
    content: "";
    position: absolute;
    right: 20px;
    top: 0;
    color: #fff;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.faqAccordion h3.active:after {
    content: ""
}

.faqAccordion .question {
    overflow: hidden;
    border-right: 1px solid #afafaf;
    border-left: 1px solid #afafaf;
    border-bottom: 1px solid #afafaf
}

.faqAccordion .question .col50 {
    padding: 20px
}

.faqAccordion .question .col50:nth-of-type(2) {
    padding: 0 20px
}

.faqAccordion .questionBox {
    overflow: hidden;
    height: 0
}

.faqAccordion .questionBox h3 {
    background: #fff;
    padding: 0;
    margin-top: 0
}

.faqAccordion .questionBox.active {
    height: 100%
}

.faqAccordion .questionBox .col50:nth-child(even) {
    margin-bottom: 20px
}

.faqAccordion.PA h3 {
    background: #6e27c5
}

.faqAccordion.PA .questionBox h3 {
    background: #fff;
    color: #6e27c5
}

.faqAccordion.PA .questionBox h3:after {
    display: none
}

.faqAccordion.TI h3 {
    background: #ffb617
}
.faqAccordion.TI h3:after{
	content: '\f0da'
}

.faqAccordion.TI .questionBox h3 {
    background: #fff;
    color: #f1352c
}

.faqAccordion.TI .questionBox h3:after {
    display: none
}

.faqAccordion.CC h3 {
    background: #f60
}

.faqAccordion.CC .questionBox h3 {
    background: #fff;
    color: #f60
}

.faqAccordion.CC .questionBox h3:after {
    display: none
}

.benefitTable_v2 {
    display: inline-block;
    width: 100%
}

.benefitTable_v2 .desktopView {
    display: none
}

.benefitTable_v2 .strokeBox {
    text-align: left;
    background: #fff;
    z-index: 1
}

.benefitTable_v2 .strokeBox .button {
    text-align: center
}

.benefitTable_v2 .benefitsBox {
    text-align: left;
    margin-bottom: 20px
}

.benefitTable_v2 .benefitsBox h2 {
    padding: 20px 30px 0
}

.benefitTable_v2 .benefitsBox .container {
    display: inline-block;
    width: 100%
}

.benefitTable_v2 .benefitsBox .container ul {
    width: 100%;
    font-size: 0.8em
}

.benefitTable_v2 .benefitsBox .container ul li .col50 {
    width: 50%;
    margin-bottom: 10px
}

.benefitTable_v2 .benefitsBox .container ul li .col50:nth-of-type(1) {
    padding-right: 10px
}

.benefitTable_v2 .benefitsBox .container ul li .col50:nth-of-type(2) {
    padding-left: 10px
}

.benefitTable_v2 .benefitsBox .container ul li .col50.longContent {
    font-size: 0.78571em;
    line-height: 1.3em
}

.benefitTable_v2 .benefitsBox .accordion:after {
    content: ""
}

.benefitTable_v2 .benefitsBox .accordion.close:after {
    content: ""
}

.benefitTable_v2 .optionalWinterCover {
    display: inline-block;
    width: 100%;
    text-align: left
}

.benefitTable_v2.specialCase .specialHeading {
    float: left;
    width: 100%;
    background: #6e27c5;
    padding: 10px 0;
    color: #fff
}

.benefitTable_v2.specialCase .specialHeading .col50 {
    width: 50%;
    padding: 0 20px
}

.benefitTable_v2.specialCase .specialHeading .col50:nth-of-type(2) {
    padding-left: 10px
}

.benefitTable_v2.specialCase .specialHeading .col50 p {
    margin: 0
}

.benefitTable_v2.specialCase ul {
    padding: 20px;
    font-size: 1em !important
}

.benefitstable-IE {
    display: inline-block;
    width: 100%
}

.benefitstable-IE .benefitstable {
    width: 100%;
    display: inline-block
}

.benefitstable-IE .benefitstable .col40 {
    width: 100%;
    float: left;
    padding: 0 20px
}

.benefitstable-IE .benefitstable .col30 {
    width: 50%;
    float: left;
    padding: 10px 20px
}

.benefitstable-IE .benefitstable .exclusion {
    padding: 0 20px;
    margin-top: 10px;
    display: inline-block;
    width: 100%
}

.benefitstable-IE .benefitstable .col100 {
    margin-bottom: 0;
    border-bottom: 1px solid #afafaf;
    border-left: 1px solid #afafaf;
    border-right: 1px solid #afafaf;
    padding: 20px 0
}

.benefitstable-IE .benefitstable .col100 .col100 {
    border: 0
}

.benefitstable-IE .benefitstable .col100.title {
    color: #fff;
    padding: 10px 0;
    border: 1px solid #6e27c5
}

.benefitstable-IE .benefitstable .col100.title .col30 {
    font-size: 1.28571em;
    padding: 20px 20px 0
}

.benefitstable-IE .benefitstable .col100.title .col40 {
    font-size: 1.42857em
}

.benefitstable-IE .benefitstable .col100.title .col40 p {
    position: relative
}

.benefitstable-IE .benefitstable .col100.title .col40 p:nth-of-type(2) {
    font-size: 0.71429em
}

.benefitstable-IE .benefitstable .col100 p {
    margin: 0
}

.benefitstable-IE .benefitstable .toggleExtras {
    display: inline-block;
    margin: 0;
    padding: 0 20px;
    float: left;
    clear: left;
    cursor: pointer
}

.benefitstable-IE .benefitstable .toggleExtras:after {
    font-family: "fontAwesome";
    content: "";
    position: absolute;
    right: 0
}

.benefitstable-IE .benefitstable .toggleExtras.active:after {
    content: ""
}

.benefitstable-IE .benefitstable.PA .title {
    background: #6e27c5;
    border: 1px solid #6e27c5
}

.benefitstable-IE .benefitstable.PA .toggleExtras {
    color: #ff0198;
    position: relative
}

.benefitstable-IE .benefitstable.CC .title {
    background: #f60;
    border: 1px solid #f60
}

.benefitstable-IE .benefitstable.CC .toggleExtras {
    color: #ff0198;
    position: relative
}

.benefitstable-IE .benefitstable.TI .title {
    background: #f1352c;
    border: 1px solid #f1352c
}

a.backButton.news {
    color: #000;
    font-weight: bold;
}

a.backButton.news:before {
    content: '\f0d9';
    font-family: 'fontAwesome';
    margin-right: 10px;
}




@media (min-width: 600px) {
    .content.quote {
        padding: 0;
        margin-top: 40px
    }
    .content.quote label.img {
        width: 125px;
        height: 125px;
        margin-left: 20px
    }
    .content.quote label.img:nth-of-type(1),
    .content.quote label.img:nth-of-type(2) {
        margin-bottom: 0
    }
    .content.quote label.img:nth-of-type(1) {
        margin-left: 0
    }
    .content.quote input[type="text"] {
        width: 80px;
        margin-left: 0;
        margin-right: 10px
    }
    .content.quote .main-form-group {
        padding: 40px 0
    }
    .content.quote .col50.birthdate input,
    .content.quote .col66.birthdate input {
        width: 109px
    }
    .content.step3 input[type="text"],
    .content.step4 input[type="text"] {
        width: 100%
    }
}

@media (min-width: 768px) {
    html,
    body {
        font-size: 16px;
        line-height: 1.75em
    }
    .maxWidth {
        padding: 0 40px
    }
    .cookies .agreedCookie {
        right: 40px
    }
    button,
    .button {
        font-size: 1em;
        width: 250px
    }
    .triangle:after {
        top: 0;
        right: -15px
    }
    h1 {
        font-size: 3.125em;
        line-height: 1.08em
    }
    h2 {
        font-size: 1.875em;
        line-height: 1.13333em
    }
    h3 {
        font-size: 1.5em;
        line-height: 1.16667em
    }
    p,
    ul li {
        font-size: 1em;
        line-height: 1.375em
    }
    .mt-mobile {
        margin-top: 40px
    }
    .outer {
        padding: 40px 0 !important
    }
    .carousel .textBox {
        padding: 60px
    }
    .carousel .textBox .subtitle {
        position: static
    }
    .carousel .textBox .subtitle ul,
    .carousel .textBox .subtitle h2 {
        display: block
    }
    .carousel .textBox .subtitle h2 {
        font-size: 1.875em;
        line-height: 1.13333em
    }
    .carousel .textBox .callToAction {
        bottom: 120px
    }
    .carousel ul {
        margin: 0;
        line-height: 1.5em;
        position: static;
        top: 100px;
        margin-top: 20px
    }
    .header .logo img {
        height: 17px;
        margin-top: 0
    }
    .header .slideNmb {
        bottom: 60px
    }
    .content {
        padding: 60px 0;
        margin-top: -10px
    }
    .content .panel33 {
        margin-top: 40px;
        height: 50vh;
        position: relative
    }
    .content .panel33.twobuttons .button {
        clear: none;
        margin-right: 30px
    }
    .content .panel33:nth-of-type(1) {
        margin-top: 20px
    }
    .content .panel33 .textBox {
        width: 80%;
        height: 75%;
        bottom: 0;
        position: absolute
    }
    .content .panel33.no-bg .textBox {
        width: 100%;
        height: 100%;
        padding: 50px
    }
    .content .panel33 .title,
    .content .panel33 .subtitle,
    .content .panel33 .description {
        width: 100%
    }
    .content .panel33 .icon {
        width: 20%;
        float: right;
        height: 100%
    }
    .content .panel33 .callToAction {
        position: absolute;
        bottom: 30px;
        width: calc(100% - 60px)
    }
    .content .panel33 .callToAction .button {
        margin-top: 10px;
        width: 100%
    }
    .content .panel33 .button.icon {
        width: 100%;
        height: 55px
    }
    .content.contact .panel33 .textBox {
        width: 100%
    }
    .staticBanner .textBox {
        padding: 60px;
        margin-bottom: -9px
    }
    .staticBanner .col50 {
        float: left;
        position: relative;
        height: 100%
    }
    .staticBanner .col50:nth-child(1) {
        padding-right: 50px;
        width: 50%
    }
    .staticBanner .col50:nth-child(2) {
        padding-left: 50px;
        padding-top: 50px;
        width: 50%
    }
    .staticBanner .button {
        margin-bottom: 0
    }
    .footer {
        padding: 60px
    }
    .footer .maxWidth {
        margin-bottom: -17px
    }
    .topBanner {
        margin-top: -3px
    }
    .topBanner .container {
        width: 50%
    }
    .PA .description h1,
    .CC .description h1,
    .TI .description h1 {
        float: right
    }
    .PA .description h2,
    .CC .description h2,
    .TI .description h2 {
        margin-top: -5px
    }
    .PA .icon,
    .CC .icon,
    .TI .icon {
        width: auto
    }
    .PA .icon img,
    .CC .icon img,
    .TI .icon img {
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%);
        min-width: 46px;
        min-height: 42px
    }
    .box {
        padding: 50px
    }
    .box .priceBox p {
        font-size: 1.875em;
        line-height: 1.13333em
    }
    .box .priceBox p span:nth-child(2) {
        font-size: 1.875em;
        line-height: 1.13333em
    }
    .box .hidden {
        display: block
    }
    .content.quote label.img {
        width: 150px;
        height: 150px
    }
    .buttonRow {
        padding: 40px 0
    }
    .buttonRow .maxWidth {
        margin-bottom: -20px
    }
    .steps {
        margin-bottom: -9px
    }
    .step2 .col100,
    .step3 .col100,
    .step4 .col100 {
        padding: 40px 0
    }
    .step2 .col33,
    .step3 .col33,
    .step4 .col33 {
        margin-bottom: 31px
    }
    .benefitsBox .container {
        margin-top: 40px
    }
    .confirmField {
        padding: 50px
    }
    .faqAccordion {
        margin-bottom: 40px
    }
    .content.contact .panel33:nth-of-type(1) {
        padding-top: 15%
    }
    .quote .form-group.topSeparator {
        padding-top: 40px;
        margin-top: 0
    }
    .quote .col50 .button,
    .quote .col66 .button {
        max-width: 60vw !important
    }
    .quote .customSelect,
    .quote input,
    .quote textarea,
    .quote select {
        max-width: 60vw
    }
    .quote .selectWidth select,
    .quote .selectWidth .customSelect {
        max-width: 60vw
    }
    .benefitTable_v2 .mobileView .col33 {
        margin-right: 10px;
        width: calc(100% / 3 - 7px)
    }
    .benefitTable_v2 .mobileView .col33:nth-of-type(3) {
        margin-right: 0
    }
    .benefitTable_v2 .benefitsBox .container {
        margin-top: 10px
    }
    .benefitTable_v2 .benefitsBox .container ul li {
        height: 100px
    }
    .benefitTable_v2 .benefitsBox .container ul,
    .benefitTable_v2 .benefitsBox .container h2 {
        padding: 10px
    }
    .benefitTable_v2 .benefitsBox .container .accordion {
        display: none
    }
    .buttonRow .button {
        max-width: 60vw !important
    }
    .quote.CC .customSelect {
        max-width: 454px !important
    }
    .buttonRow.CC .button {
        max-width: 454px !important
    }
    .col25.col-3 .box {
        width: calc(100% / 3 - 7px)
    }
    .col25.col-2 .box {
        width: calc(100% / 2 - 5px);
        padding: 30px
    }
    .col25.col-2 .box:last-child {
        margin-right: 0
    }
    .col25 .box {
        margin-right: 10px;
        min-height: 260px
    }
    .col25 .box:nth-of-type(3) {
        margin-right: 0
    }
    .benefitTable_v2.specialCase .specialHeading .col50 {
        padding: 0 10px
    }
    .benefitTable_v2.specialCase ul {
        font-size: 0.8em !important
    }
    .benefitstable-IE .benefitstable .col40 {
        width: 40%
    }
    .benefitstable-IE .benefitstable .col30 {
        width: 30%;
        padding: 0 20px
    }
    .benefitstable-IE .benefitstable .col100.title .col30 {
        font-size: 1.375em;
        padding: 15px 20px 0
    }
    .benefitstable-IE .benefitstable .col100.title .col40 {
        font-size: 1.5em
    }
}

@media (min-width: 1024px) {
    .claim .description {
        margin-bottom: -20px
    }
    .cookies .agreedCookie {
        right: 50px
    }
    .maxWidth {
        padding: 0 50px
    }
    .mt-mobile {
        margin-top: auto
    }
    .col50 {
        width: 50%;
        float: left;
        position: relative;
        height: 100%
    }
    .col30 {
        width: 33.33%
    }
    .col33 {
        width: 33.33%
    }
    .col66 {
        width: 66.66%
    }
    .col25 {
        width: 25%
    }
    .col75 {
        width: 75%;
        padding-right: 20px
    }
    .carousel {
        max-height: 500px
    }
    .carousel .textBox {
        padding: 50px;
        width: 80%
    }
    .carousel .textBox .callToAction {
        bottom: 0;
        margin-bottom: 0
    }
    .carousel .textBox .subtitle .wrapper {
        height: 105px;
        position: relative;
        width: 100%
    }
    .carousel .textBox .subtitle .wrapper h2 {
        position: absolute;
        bottom: 0
    }
    .carousel .textBox .subtitle .triangle {
        margin-top: 0
    }
    .carousel .background {
        max-height: 500px
    }
    .carousel .background .col50:nth-child(1) {
        padding-right: 15%
    }
    .carousel .background .col50:nth-child(2) {
        padding-left: 50px
    }
    .carousel ul {
        float: left;
        margin-top: 30px;
        width: 100%
    }
    .menuBox {
        height: 100px;
        position: relative;
        margin: 0 auto
    }
    .header {
        margin-top: -100px;
        overflow: hidden
    }
    .header .slideNmb {
        left: auto;
        right: 0;
        bottom: 0;
        width: 20%;
        height: 100px;
        opacity: 0;
        background: -moz-linear-gradient(top, transparent 0%, #131313 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.6)));
        background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.6) 40%);
        background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.6) 40%);
        background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.6) 40%);
        background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.6) 40%);
        -webkit-transition: 150ms;
        -moz-transition: 150ms;
        -ms-transition: 150ms;
        -o-transition: 150ms;
        transition: 150ms
    }
    .header .slideNmb.active {
        opacity: 1
    }
    .header .slideNmb span {
        top: 50px;
        position: relative
    }
    .col25.col-2 .box,
    .col25.col-3 .box {
        width: 100%;
        margin-right: 0;
        min-height: 0
    }
    .menuBar {
        padding: 40px 0
    }
    .toggleMenu {
        display: none
    }
    nav {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        height: auto;
        box-shadow: none;
        right: 0;
        bottom: 3px;
        background: none;
        display: block;
        padding: 0
    }
    nav ul {
        float: right;
        margin-top: 3px
    }
    nav ul li {
        float: left;
        width: auto;
        margin-bottom: 0;
        padding: 10px 1.5vw 10px 0;
        text-align: left;
        position: relative
    }
    nav ul li:hover a {
        color: #000
    }
    nav ul li:hover ul li a {
        color: #fff
    }
    nav ul li.expandable:before {
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        position: absolute;
        bottom: -15px;
        left: 44%;
        content: "";
        z-index: 1;
        display: none
    }
    nav ul li.expandable:hover:before {
        display: block
    }
    nav ul li:nth-child(1) {
        border-left: none;
        border-bottom: 7px solid #01c1d6
    }
    nav ul li:nth-child(1).expandable:before {
        border-top: 10px solid #01c1d6
    }
    nav ul li:nth-child(2) {
        border-left: none;
        border-bottom: 7px solid #6e27c5
    }
    nav ul li:nth-child(2).expandable:before {
        border-top: 10px solid #6e27c5
    }
    nav ul li:nth-child(3) {
        border-left: none;
        border-bottom: 7px solid #ff0198
    }
    nav ul li:nth-child(3).expandable:before {
        border-top: 10px solid #ff0198
    }
    nav ul li:nth-child(4) {
        border-left: none;
        border-bottom: 7px solid #7acb00
    }
    nav ul li a {
        text-decoration: none;
        color: #4b4e53;
        font-size: 1.14286em;
        -webkit-transition: 300ms;
        -moz-transition: 300ms;
        -ms-transition: 300ms;
        -o-transition: 300ms;
        transition: 300ms;
        position: relative;
        top: 0
    }
    nav ul li ul {
        display: block;
        position: absolute;
        background: #4b4e53;
        top: 47px;
        padding: 30px;
        width: 280px;
        transform-origin: 0 0;
        -webkit-transform: rotateX(90deg) skew(15deg, 0);
        -moz-transform: rotateX(90deg) skew(15deg, 0);
        -ms-transform: rotateX(90deg) skew(15deg, 0);
        -o-transform: rotateX(90deg) skew(15deg, 0);
        transform: rotateX(90deg) skew(15deg, 0);
        -webkit-transition: 400ms;
        -moz-transition: 400ms;
        -ms-transition: 400ms;
        -o-transition: 400ms;
        transition: 400ms
    }
    nav ul li ul li {
        margin-bottom: none;
        border: none !important;
        padding: 0;
        width: 100%
    }
    nav ul li ul li a {
        font-size: 1.14286em;
        line-height: 1.5em;
        color: #fff;
        position: static
    }
    nav ul li ul li a:hover {
        color: #afafaf
    }
    nav ul li:hover {
        cursor: pointer
    }
    nav ul li:hover ul {
        -webkit-transform: rotateX(0deg) skew(0, 0);
        -moz-transform: rotateX(0deg) skew(0, 0);
        -ms-transform: rotateX(0deg) skew(0, 0);
        -o-transform: rotateX(0deg) skew(0, 0);
        transform: rotateX(0deg) skew(0, 0)
    }
    nav ul li:hover a {
        top: 5px
    }
    .content .panel33 {
        width: calc(33% - 17px);
        margin-right: 30px;
        height: 50vh;
        margin-top: 20px;
        min-height: 400px
    }
    .content .panel33.full {
        width: 100%;
        height: auto;
        min-height: 0 !important
    }
    .content .panel33.full .textBox {
        position: static !important
    }
    .content .panel33.no-bg .textBox {
        padding: 30px
    }
    .content .panel33:nth-of-type(3) {
        margin-right: 0
    }
    .content .panel33 .icon {
        height: 50px
    }
    .content .panel33 .description {
        width: 100%
    }
    .content .panel33 .textBox {
        width: 100%;
        height: 100%
    }
    .content.contact .panel33:nth-of-type(3) {
        margin-right: 30px
    }
    .content.contact .panel33:nth-of-type(4) {
        margin-right: 0
    }
    .staticBanner {
        height: 100vh;
        max-height: 650px;
        position: relative;
        margin-bottom: -9px;
        background-size: cover
    }
    .staticBanner .textBox {
        padding: 50px;
        width: 80%;
        height: 75%;
        position: absolute;
        left: 0;
        bottom: 0;
        margin-bottom: 0
    }
    .staticBanner .col50 {
        position: static
    }
    .staticBanner .col50:nth-child(1) {
        padding-right: 50px
    }
    .staticBanner .col50:nth-child(2) {
        padding-top: 50px;
        padding-left: 50px
    }
    .staticBanner .button {
        position: absolute;
        bottom: 60px
    }
    .footer {
        padding: 60px 0
    }
    .footer ul li {
        float: left;
        margin-right: 30px
    }
    .footer .maxWidth {
        padding: 0 50px
    }
    .topBanner .textBox {
        padding: 50px
    }
    .PA .description h2,
    .CC .description h2,
    .TI .description h2 {
        width: 100%
    }
    .PA .description .col66,
    .CC .description .col66,
    .TI .description .col66 {
        padding-right: 30px
    }
    .PA .description .col33,
    .CC .description .col33,
    .TI .description .col33 {
        padding-left: 30px
    }
    .col66-33 {
        height: 325px;
        margin-bottom: 0 !important
    }
    .col66-33 .col33,
    .col66-33 .col66 {
        height: 100%;
        float: right
    }
    .col66-33 .col33 {
        padding-left: 25px
    }
    .col66-33 .col66 {
        padding-right: 25px
    }
    .col66-33 .button {
        width: 100%
    }
    .box {
        position: relative;
        padding: 30px
    }
    .box .priceBox {
        margin-top: -10px;
        padding-left: 25px
    }
    .box .button {
        position: absolute;
        bottom: 30px;
        width: calc(100% - 60px)
    }
    .content.quote label.img {
        width: 138px;
        height: 138px
    }
    .content.quote .coverName h1 {
        width: 60%
    }
    .content.quote .col33 {
        padding-right: 40px
    }
    .content.quote.step2 .col33 {
        margin-right: 20px;
        width: calc(33% - 12px);
        padding: 0
    }
    .content.quote.step2 .col33:last-child {
        margin-right: 0
    }
    .content.quote.step3 .main-form-group,
    .content.quote.step4 .main-form-group {
        margin-bottom: 20px
    }
    .content.quote.step3 .main-form-group:last-child,
    .content.quote.step4 .main-form-group:last-child {
        margin-bottom: 0
    }
    .buttonRow .col66 {
        float: right
    }
    .buttonRow .maxWidth {
        margin-bottom: -9px
    }
    .buttonRow .col50 {
        float: right;
        height: 50px;
        line-height: 50px
    }
    .buttonRow .button {
        margin-bottom: 0
    }
    .strokeBox,
    .benefitsBox .container ul {
        padding: 20px
    }
    .benefitsBox .container {
        margin-top: 20px
    }
    .benefitsBox .container .title {
        padding: 0 20px
    }
    .accordion_v2 .hidden {
        display: block
    }
    .accordion_v2 h2:after {
        display: none
    }
    .accordion_v2.box .button {
        bottom: 0
    }
    .steps .step.completed {
        background: none !important
    }
    .steps.pink .step.completed {
        color: #ff0198
    }
    .steps.purple .step.completed {
        color: #6e27c5
    }
    .steps.blue .step.completed {
        color: #01c1d6
    }
    .benefitstable-mobile {
        display: none
    }
    .benefitstable-desktop {
        display: inline-block;
        width: 100%
    }
    .benefitstable-desktop .benefitstable {
        width: 100%;
        display: inline-block
    }
    .benefitstable-desktop .benefitstable .col40 {
        width: 40%;
        float: left;
        padding: 0 20px
    }
    .benefitstable-desktop .benefitstable .col20 {
        width: 20%;
        float: left;
        padding: 0 20px
    }
    .benefitstable-desktop .benefitstable .col100 {
        margin-bottom: 0;
        border-bottom: 1px solid #afafaf;
        border-left: 1px solid #afafaf;
        border-right: 1px solid #afafaf;
        padding: 20px 0
    }
    .benefitstable-desktop .benefitstable .col100 .col100 {
        border: 0
    }
    .benefitstable-desktop .benefitstable .col100.title {
        color: #fff;
        padding: 10px 0;
        border: 1px solid #6e27c5
    }
    .benefitstable-desktop .benefitstable .col100.title .col20 {
        font-size: 1.85714em
    }
    .benefitstable-desktop .benefitstable .col100.title .col40 {
        font-size: 1.57143em
    }
    .benefitstable-desktop .benefitstable .col100.title .col40 p {
        position: relative;
        top: 5px
    }
    .benefitstable-desktop .benefitstable .col100 p {
        margin: 0
    }
    .benefitstable-desktop .benefitstable .toggleExtras {
        display: inline-block;
        margin: 0;
        padding: 0 20px;
        float: left;
        clear: left;
        cursor: pointer
    }
    .benefitstable-desktop .benefitstable .toggleExtras:after {
        font-family: "fontAwesome";
        content: "";
        position: absolute;
        right: 0
    }
    .benefitstable-desktop .benefitstable .toggleExtras.active:after {
        content: ""
    }
    .benefitstable-desktop .benefitstable.PA .title {
        background: #6e27c5;
        border: 1px solid #6e27c5
    }
    .benefitstable-desktop .benefitstable.PA .toggleExtras {
        color: #ff0198;
        position: relative
    }
    .benefitstable-desktop .benefitstable.CC .title {
        background: #f60;
        border: 1px solid #f60
    }
    .benefitstable-desktop .benefitstable.CC .toggleExtras {
        color: #ff0198;
        position: relative
    }
    .benefitstable-desktop .benefitstable.TI .title {
        background: #f1352c;
        border: 1px solid #f1352c
    }
    .faqAccordion .questionBox .col50:nth-child(even) {
        margin-bottom: 0
    }
    .content.contact .col33 {
        padding-left: 30px
    }
    .content.contact .panel33 {
        min-height: 456px
    }
    .content.contact .panel33 .textBox {
        position: absolute
    }
    .content.contact .panel33:nth-of-type(1) {
        padding-top: 0
    }
    .benefitTable_v2 .desktopView {
        width: 25%;
        float: left;
        display: block
    }
    .benefitTable_v2 .desktopView .title {
        position: relative
    }
    .benefitTable_v2 .desktopView .title h3 {
        position: absolute;
        bottom: 0;
        font-weight: bold
    }
    .benefitTable_v2 .desktopView ul {
        margin: 35px 0 0;
        padding: 0
    }
    .benefitTable_v2 .desktopView ul li {
        text-align: left;
        display: inline-block;
        width: 100%;
        height: 50px
    }
    .benefitTable_v2 .desktopView ul li:before {
        display: none
    }
    .benefitTable_v2 .mobileView {
        width: 75%;
        float: left
    }
    .benefitTable_v2 .desktopView ul li {
        height: 50px;
        margin-bottom: 10px
    }
    .benefitTable_v2 .benefitsBox h2 {
        display: none
    }
    .benefitTable_v2 .benefitsBox .container ul {
        padding: 20px;
        font-size: 0.85714em
    }
    .benefitTable_v2 .benefitsBox .container ul li {
        height: 50px
    }
    .benefitTable_v2 .benefitsBox .container ul li .col50 {
        width: 100%
    }
    .benefitTable_v2 .benefitsBox .container ul li .col50:nth-of-type(1) {
        display: none
    }
    .benefitTable_v2 .benefitsBox .container ul li .col50:nth-of-type(2) {
        padding-left: 0
    }
    .benefitTable_v2 .benefitsBox .container .title.accordion {
        display: none
    }
    .benefitTable_v2 .benefitsBox .accordion:after {
        right: 10px
    }
    .benefitTable_v2 .benefitsBox h2,
    .benefitTable_v2 .strokeBox,
    .benefitTable_v2 .benefitsBox ul {
        padding: 20px
    }
    .benefitTable_v2.specialCase .specialHeading .col50 {
        padding: 0 10px
    }
    .benefitTable_v2.specialCase .specialHeading.mobileView {
        display: none
    }
    .benefitTable_v2.specialCase ul {
        font-size: 0.8em !important
    }
    .benefitTable_v2 .desktopView {
        padding-left: 20px
    }
    .specialHeading {
        background: #6e27c5;
        float: left;
        width: 100%
    }
    .specialHeading.desktopOnly {
        display: block
    }
    .specialHeading.desktopOnly .col25 {
        padding: 20px;
        color: #fff;
        font-size: 1.57143em
    }
    .specialHeading.desktopOnly .col25:nth-child(1n+2) {
        width: calc(75% / 3 - 7px);
        margin-right: 10px;
        font-size: 1.85714em
    }
    .specialHeading.desktopOnly .col25:last-child {
        margin-right: 0
    }
    .pdf {
        position: static;
        width: auto
    }
    .outer {
        padding: 60px 0 !important
    }
    .quote .col25 {
        margin-top: 0
    }
}

@media (min-width: 1280px) {
    nav {
        right: 50px
    }
    .carousel .background .col50:nth-child(1) {
        padding: 0 15% 0 0 !important
    }
    .carousel .textBox {
        padding: 60px 50px
    }
    .topBanner h2 {
        font-size: 2.14286em;
        line-height: 1.13333em
    }
    .topBanner .textBox {
        padding: 60px 50px
    }
    .staticBanner .textBox {
        padding: 60px 50px
    }
    .box {
        padding: 50px
    }
    .box .priceBox {
        padding-left: 50px
    }
    .box .button {
        width: calc(100% - 100px);
        bottom: 50px
    }
    .col66-33 {
        height: 330px
    }
    .PA .description h2 {
        padding-left: 30px;
        width: 70%
    }
    .content .panel33.no-bg .textBox {
        padding: 50px
    }
    .steps .step {
        width: calc(20% - 2px) !important;
        padding-bottom: 10px
    }
    .steps .step span:nth-child(1) {
        display: none
    }
    .steps .step span:nth-child(2) {
        display: block;
        text-align: left
    }
    .accordion_v2 {
        margin-bottom: 20px;
        width: 100%;
        float: right;
        padding: 40px
    }
    .col75 {
        padding-right: 50px
    }
    .faqAccordion h3 {
        padding: 20px 50px 20px 40px
    }
    .faqAccordion h3:after {
        right: 40px
    }
    .faqAccordion .question {
        padding: 20px
    }
    .content .panel33 {
        width: calc(33% - 31px);
        margin-right: 50px
    }
    .content.contact .panel33:nth-of-type(3) {
        margin-right: 50px
    }
}

@media (min-width: 1366px) {
    .topBanner .textBox {
        width: 80%
    }
    .topBanner .textBox .container {
        margin-left: calc((100vw - 1388px) / 2);
        width: 30%
    }
    .carousel .textBox .container,
    .staticBanner .textBox .container {
        width: calc(100% - (100vw - 1366px) / 2);
        float: right
    }
    .header .slideNmb {
        width: 20%
    }
    .staticBanner {
        max-height: 550px
    }
}

@media (min-width: 1440px) {
    .content .panel33 {
        height: 60vh;
        max-height: 550px
    }
    .content .panel33 .textBox {
        width: 80%;
        height: 75%
    }
    .content .panel33.full {
        height: 60vh;
        max-height: 550px;
        width: calc(33% - 31px)
    }
    .content .panel33.full .textBox {
        position: absolute !important
    }
    .footer .maxWidth {
        padding: 0 50px
    }
    .content.contact .panel33 .textBox {
        width: 80%
    }
    .content.contact .panel33.no-bg .textBox {
        width: 100%
    }
    .imgCampaignLogo {
        margin-top: 14px;
        max-height: 75px;
        padding-left: 20px;
    }
    .imgCampaignLogoGlennons {
        margin-top: 14px;
        max-height: 60px;
        padding-left: 20px
    }
}

.telephoneWhiteBackground {
    white-space: nowrap;
    color: #4b4e53 !important;
}


/*# sourceMappingURL=style.css.map */
