*:focus {
    outline: none;
}

html,
body {
    height: 100%;
    overflow-x: hidden;
}

.notvisible {
    visibility: hidden;
}

.hidden {
    display: none
}

.bullet:before {
    content: " ";
    border-radius: 50%;
    width: 10px;
    height: 10px;
    background-color: #000000;
    display: inline-block;
    margin-right: 10px;
    margin-left: 20px;
}

.v2b_9617 h2,
.v2b_9617 h5,
.v2b_9617 h3 {
    font-family: 'Fieldwork-Geo', sans-serif;
    font-weight: 300;
}

.v2b_9617 h5 {
    font-size: 24px;
}

.vmiddle {
    vertical-align: middle;
}

.button {
    background: #0095da;
    border: 0 none;
    border-radius: 17px;
    font-size: 14px;
    cursor: pointer;
    color: #fff;
    display: inline-block;
    min-width: 55px;
    padding: 9px 15px 6px;
    text-align: center;
    text-decoration: none;
    font-weight: 400;
    transition: background-color .25s ease-out, color .25s ease-out, border .25s ease-out;
}

.button:hover {
    background: #007cb5;
}

.buttonwhite {
    background: #ffffff;
    border: 0 none;
    border-radius: 17px;
    font-size: 14px;
    cursor: pointer;
    color: #0f0e0d;
    display: inline-block;
    min-width: 85px;
    padding: 5px 15px 2px;
    text-align: center;
    text-decoration: none;
    font-weight: 700;
    transition: background-color .25s ease-out, color .25s ease-out, border .25s ease-out;
}

.buttonwhite2 {
    background: transparent;
    border: 0 none;
    border-radius: 17px;
    font-size: 14px;
    cursor: pointer;
    color: #0f0e0d;
    display: inline-block;
    min-width: 85px;
    padding: 5px 15px 2px;
    text-align: center;
    text-decoration: none;
    font-weight: 700;
    transition: background-color .25s ease-out, color .25s ease-out, border .25s ease-out;
}

.buttonwhite:hover {
    background: #eeeeee;
}

.buttonwhite2:hover {
    background: #eeeeee;
}

.buttondisabled {
    background-color: #aeaeae;
    border: 0;
}

.buttondisabled:hover {
    background-color: #aeaeae;
    box-shadow: 0;
    border: 0;
}

.buttondisabled:active {
    background-color: #aeaeae;
    box-shadow: 0;
    border: 0;
}

.inline {
    display: inline-block;
}

.footerfirstline {
    display: flex;
    align-content: center;
    justify-content: space-around;
}

.btnlabel {
    line-height: 17px;
    color: #a3aeb5;
    font-size: 14px;
    display: inline-block;
    margin-right: 15px;
    text-align: left;
}

.button.buttonoff {
    cursor: default;
    background-color: #787878;
}

.button.buttonoff:hover {
    cursor: default;
    background-color: #787878;
}

.overflow-wrap-anywhere {
    overflow-wrap: anywhere;
}

.textcolor-white,
.text-white {
    color: #ffffff;
}

.textcolor-black,
.text-black {
    color: #000000;
}

.text-444446 {
    color: #444446;
}

.columnsinline {
    display: inline-block;
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 10px;

}

.textcolor-999999 {
    color: #999999;
}

.pl70 {
    padding-left: 72px;
}

.bg-1f2226 {
    background-color: #1f2226;
}

a.header-menu-item1 {
    color: #232529;
    text-decoration: none;
    /*margin-left: 25px;
    margin-top: 5px;*/
    margin: 5px;
    margin: 5px 30px 9px 5px;
    font-weight: 400;
}

.justTandem {
    /*background-color: #dbf8ff;
	background-color: #ddddee;*/
    background-color: #b9b9b9;
}

.justTandemSpan {
    color: #01A9E1 !important;
}

/* The container */

.container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 20px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #000000;
}

.planLabel.container {
    margin-bottom: 0px;

}

/* Hide the browser's default radio button */

.container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */

.checkmark {
    position: absolute;
    top: calc(50% - 11px);
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 50%;
    border: 1px solid #ccc;
    /*box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2) inset;*/
}

/* On mouse-over, add a grey background color */

.container:hover input ~ .checkmark {
    background-color: #e1e1e1;
}

/* When the radio button is checked, add a blue background */

.container input:checked ~ .checkmark {
    background-color: #e1e1e1;
}

.container:hover input:disabled ~ .checkmark {
    background-color: #aeaeae;
}

.container input:disabled ~ .checkmark {
    background-color: #aeaeae;
}

/* Create the indicator (the dot/circle - hidden when not checked) */

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */

.container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */

.container .checkmark:after {
    top: 5px;
    left: 5px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #000000;
}

.unvisible {
    visibility: hidden;
}

div.check1 {
    display: inline-block;
    width: 36px;
    height: 36px;
    background-color: #0095da;
    border-radius: 50%;
    margin-left: -10px;
    vertical-align: middle;
    text-align: center;
}

div.check1 > div {
    width: 22px;
    height: 22px;
    background-color: #e1e1e1;
    border-radius: 50%;
    margin-top: 7px;
    margin-left: 7px;
    padding-top: 6px;
    padding-left: 6px;
}

div.check1 > div > div {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #0095da;
}

.footerLink {
    color: #a3aeb5;
    text-decoration: none;
}

.regularFontSize16 {
    font-size: 16px;
}

.adaptiveFontSize40 {
    font-size: 40px;
}

.adaptiveFontSize30 {
    font-size: 30px;
}

.adaptiveFontSize24 {
    font-size: 24px;
}

.adaptiveFontSize16 {
    font-size: 16px;
}

.adaptiveFontSize14 {
    font-size: 14px;
}

.adaptivePaddingTop110 {
    padding-top: 110px
}

.adaptivePaddingTop80 {
    padding-top: 80px
}

.adaptivePaddingTop40 {
    padding-top: 40px
}

.paddingTop20 {
    padding-top: 20px
}

.adaptivePaddingTop150 {
    padding-top: 150px
}

.adaptivePaddingRight120 {
    padding-right: 120px
}

.adaptivePadding20 {
    padding: 20px;
}

.adaptivePaddingTaskCell {
    padding: 20px 0;
}

.adaptivePadding75 {
    padding-top: 75px;
    padding-bottom: 75px;
}

.adaptivePaddingTaskText {
    padding: 16px 0;
}

.adaptiveBorderRadius25 {
    border-radius: 25px
}

.adaptiveBannerImage1 {
    width: 600px;
}

.adaptiveBannerImage2 {
    width: 262px;
}

.adaptiveBannerImageTask {
    width: 48px;
    padding-top: 10px;
}

@media (max-width:1200px) {
    .adaptiveFontSize40 {
        font-size: calc(100vw / 30);
    }

    .adaptiveFontSize30 {
        font-size: calc(100vw / 40);
    }

    .adaptiveFontSize24 {
        font-size: calc(100vw / 50);
    }

    .adaptiveFontSize16 {
        font-size: calc(100vw / 75);
    }

    .adaptiveFontSize14 {
        font-size: calc(100vw / 85.71428571);
    }

    .adaptivePaddingTop110 {
        padding-top: calc(100vw / 10.90909091);
    }

    .adaptivePaddingTop80 {
        padding-top: calc(100vw / 15);
    }

    .adaptivePaddingTop40 {
        padding-top: calc(100vw / 30);
    }

    .adaptivePaddingTop150 {
        padding-top: calc(100vw / 8);
    }

    .adaptivePaddingRight120 {
        padding-right: calc(100vw / 10);
    }

    .adaptivePadding20 {}

    .adaptivePadding75 {
        padding-top: calc(100vw / 16);
        padding-bottom: calc(100vw / 16);
    }

    .adaptivePaddingTaskCell {
        padding: calc(100vw / 60) 0;
    }

    .adaptivePaddingTaskText {
        padding: calc(100vw / 75) 0;
    }

    .adaptiveBorderRadius25 {
        border-radius: calc(100vw / 48);
    }

    .adaptiveBannerImage1 {
        width: calc(100vw / 2)
    }

    .adaptiveBannerImage2 {
        width: calc(100vw / 4.6)
    }

    .adaptiveBannerImageTask {
        width: calc(100vw / 25)
    }
}

.page-section.age .shop {
    display: none;
}

.page-section.shop .age {
    display: none;
}

.page-section.age .shopv {
    visibility: hidden;
}

.page-section.shop .agev {
    visibility: hidden;
}

.shopch:hover,
.agech:hover {
    cursor: pointer;
}

.page-section.age div.check1.shopch {
    background-color: transparent;
}

.page-section.age div.check1.shopch > div {
    background-color: #464646;
}

.page-section.age div.check1.shopch > div > div {
    background-color: transparent;
}

.page-section.shop div.check1.agech {
    background-color: transparent;
}

.page-section.shop div.check1.agech > div {
    background-color: #464646;
}

.page-section.shop div.check1.agech > div > div {
    background-color: transparent;
}

/* ===== Horizontal Rule ===== */

.rule {
    margin: 10px 0;
    border: none;
    height: 1.5px;
    background-image: linear-gradient(left, #f0f0f0, #c9bbae, #f0f0f0);
}

/* ===== Select Box ===== */

.sel {
    font-size: 14px;
    display: inline-block;
    /*margin: 3em 2em;*/
    width: 445px;
    max-width: 100%;
    background-color: #ffffff;
    position: relative;
    cursor: pointer;
    border-radius: 5px;
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2) inset;
}

.sel::before {
    position: absolute;
    content: ' ';
    right: 20px;
    top: calc(50% - 6px);
    background-image: url(../imgs/triangle3.png);
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
}

.sel.active::before {
    transform: rotateX(-180deg);
}

.sel__placeholder {
    display: block;
    /*font-family: 'Quicksand';*/
    font-size: 14px;
    font-weight: 400;
    color: #666;
    padding: 7px 20px 3px 40px;
    text-align: left;
    pointer-events: none;
    user-select: none;
    visibility: visible;
    /*border:2px solid #0095da;*/
    border-radius: 5px;
}

.sel__box {
    position: absolute;
    top: 100%;
    left: 0px;
    display: none;
    list-style-type: none;
    text-align: left;
    font-size: 14px;
    background-color: #FFF;
    width: 100%;
    box-sizing: border-box;
    z-index: 20;
}

.sel.active .sel__box {
    display: block;
    animation: fadeInUp 500ms;
}

.sel__box__options {
    display: list-item;
    font-size: 14px;
    color: #666;
    padding: 6px 10px 6px 30px;
    user-select: none;
    position: relative;
}

.sel__box__options::after {
    content: ' ';
    margin-left: 5px;
    display: none;
    background-image: url(../imgs/selectedpoint.png);
    width: 12px;
    height: 12px;
    background-repeat: no-repeat;
    position: absolute;
    top: calc(50% - 8px);
    left: 5px;
}

.sel__box__options.selected::after {
    display: inline-block;
}

.sel__box__options:hover {
    background-color: #ebedef;
}

/* ----- Select Box Black Panther ----- */

.select-often {
    z-index: 20;
}

.sel--black-panther {
    z-index: 3;
}

/* ----- Select Box Superman ----- */

.sel--superman {
    /*   display: none; */
    z-index: 2;
}

/* ===== Keyframes ===== */

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 20px, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.dayesholeder {
    padding: 10px 2px 6px 8px;
    background: linear-gradient(#000, #464646, #000);
    letter-spacing: 6px;
    border-radius: 5px;
}

.daysleft {
    margin-top: 30px;
}

.error {
    border-color: #ff0000 !important;
}

a.header-menu-item1:hover {
    color: #0095da;
}

.dropdown:hover a.header-menu-item1,
.dropdown.active a.header-menu-item1 {
    color: #0095da;
}

a.header-menu-item1.active .header-menu-circle1,
.dropdown:hover a.header-menu-item1 .header-menu-circle1 {
    background-color: #0095da;
}


a.header-menu-item1:hover,
a.header-menu-item1.active {
    color: #0095da;
}

a.header-menu-item1:hover .header-menu-circle1,
a.header-menu-item1.active .header-menu-circle1 {
    background-color: #0095da;
}

a.header-menu-item1.active .header-menu-text1,
a.header-menu-item1.active .header-menu-text1 {
    font-weight: 700;
}

.header-menu-item1 {
    display: inline-block;
}

.header-menu-text1 {
    display: inline-block;
    vertical-align: middle;
    /*min-width: 150px;*/
}

.header-menu-circle1 {
    display: inline-block;
    border: 1px solid #0095da;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    margin-left: 5px;
    vertical-align: middle
}


/* Style The Dropdown Button */

/* The container <div> - needed to position the dropdown content */

.dropdown {
    display: inline-block;
}

.subdropdown {
    position: relative;
    display: inline-block;
}

.subdropdown a {
    position: relative;
}

/* Dropdown Content (Hidden by Default) */

.dropdown-content,
.subdropdown-content {
    display: none;
    position: absolute;
    background-color: #000000;
    z-index: 40;
    left: 0;
    top: 100%;
    width: 100%;
}

.subdropdown-content {
    /*bottom: -38px;*/
}

/* Links inside the dropdown */

.dropdown-content a {
    color: #fefefe;
    padding: 8px 8px;
    text-decoration: none;
    display: inline-block;
}

/* Change color of dropdown links on hover */

.dropdown-content a:hover,
.dropdown-content a.active {
    color: #0095da
}

/* Show the dropdown menu on hover */

.dropdown:hover .dropdown-content,
.dropdown.active .dropdown-content {
    display: flex;
    justify-content: center;
}

.subdropdown:hover .subdropdown-content,
.subdropdown.active .subdropdown-content {
    display: inline-block;
}

.dropdown.active .dropdown-content {
    z-index: 30;
}

.dropdown:hover .dropdown-content {
    z-index: 40;
}

.dropcircle {
    position: relative;
    z-index: 20;
}

.dropdown:hover .dropcircle:before,
.dropdown.active .dropcircle:before {
    position: absolute;
    content: " ";
    width: 21px;
    height: 60px;
    background-color: #000000;
    z-index: 10;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    top: -4px;
    left: -4px;
}

.dropdown:hover .dropcircle:after,
.dropdown.active .dropcircle:after {
    position: absolute;
    content: " ";
    display: inline-block;
    border: 1px solid #0095da;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    vertical-align: middle;
    z-index: 20;
    background-color: #0095da;
    top: -1px;
    left: -1px;
}


/* Change the background color of the dropdown button when the dropdown content is shown */

.dropdown:hover .dropbtn {
    background-color: #eeeeee;
}



/* Reveal Modal
========================================================================== */

.reveal-modal .modal-top {
    padding: 10px;
}

.reveal-modal .modal-title,
.reveal-modal .modal-body {
    padding: 20px 10px;
    position: relative;
}

.reveal-modal .modal-heading {
    font-size: 32px;
    color: #1f2226;
    margin-bottom: 1em;
    font-weight: normal;
    padding: 0 55px;
    text-align: center;
}

.reveal-modal .modal2-heading {
    font-size: 30px;
    color: #000000;
    margin-bottom: 1em;
    font-weight: normal;
    padding: 0 55px;
    text-align: center;
}

.reveal-modal .modal-body {
    /*border-top: 7px solid #0074bd;*/
    border-radius: 0;
    padding-top: 30px;
}

.reveal-modal .close-modal {
    /*background: url('images/popup-close.png') no-repeat left top;*/
    background: url('../imgs/popup-close.png') no-repeat left top;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px;
    display: block;
    height: 41px;
    width: 41px;
    z-index: 999999;
}

.filterPopup .close4modal {
    /*background: url('images/popup-close.png') no-repeat left top;*/
    background: url('../imgs/popup-close.png') no-repeat left top;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px;
    display: none;
    height: 41px;
    width: 41px;
    z-index: 999999;
}

.filterPopup.opened .close4modal {
    display: block;
}

.reveal-modal.s1 {
    padding: 0;
}



/* Media queries */

@media only screen and (min-width: 40.063em) {
    .reveal-modal .modal-heading {
        font-size: 1.9em;
    }

    .reveal-modal .modal-title,
    .reveal-modal .modal-body {
        padding-bottom: 40px;
    }
}

meta.foundation-version {
    font-family: "/5.4.2/";
}

meta.foundation-mq-small {
    font-family: "/only screen/";
    width: 0em;
}

meta.foundation-mq-medium {
    font-family: "/only screen and (min-width:40.063em)/";
    width: 40.063em;
}

meta.foundation-mq-large {
    font-family: "/only screen and (min-width:64.063em)/";
    width: 64.063em;
}

meta.foundation-mq-xlarge {
    font-family: "/only screen and (min-width:90.063em)/";
    width: 90.063em;
}

meta.foundation-mq-xxlarge {
    font-family: "/only screen and (min-width:120.063em)/";
    width: 120.063em;
}

meta.foundation-data-attribute-namespace {
    font-family: false;
}

.reveal-modal-bg {
    background: #000;
    background: rgba(0, 0, 0, 0.45);
    display: none;
    position: fixed;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1004;
}

.reveal-filter-bg {
    background: rgba(0, 0, 0, 0.45);
    display: none;
    position: fixed;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    z-index: 5;
    pointer-events: none;
}

.reveal-filter-bg.opened {
    display: block;
}

.reveal-modal,
dialog {
    background-color: #fff;
    border: solid 1px #666;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    display: none;
    position: absolute;
    z-index: 1005;
    width: 92%;
    top: 0;
    left: 0;
    padding: 1.875rem;
    margin: 4%;
    visibility: hidden;
}

.reveal-modal.open {
    display: block;
    opacity: 1;
    visibility: visible;
    top: 120px;
}

.reveal-modal .column,
.reveal-modal .columns,
dialog .column,
dialog .columns {
    min-width: 0;
}

.reveal-modal > :first-child,
dialog > :first-child {
    margin-top: 0;
}

.reveal-modal > :last-child,
dialog > :last-child {
    margin-bottom: 0;
}

.reveal-modal.radius,
dialog.radius {
    border-radius: 3px;
}

.reveal-modal.round,
dialog.round {
    border-radius: 1000px;
}

.reveal-modal.collapse,
dialog.collapse {
    padding: 0;
}

.reveal-modal.full,
dialog.full {
    top: 0;
    left: 0;
    height: 100%;
    height: 100vh;
    min-height: 100vh;
    margin-left: 0 !important;
}


.adaptiveBorder1 {
    border-left: 1px solid #ffffff;
}

/* Modal Sizing */

@media only screen and (min-width: 40.063em) {

    .reveal-modal,
    dialog {
        /*width: 80%;
		max-width: 62.5em;*/
        top: 6.25rem;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

    .reveal-modal.tiny,
    dialog.tiny,
    .reveal-modal.small,
    dialog.small,
    .reveal-modal.medium,
    dialog.medium,
    .reveal-modal.large,
    dialog.large,
    .reveal-modal.xlarge,
    dialog.xlarge,
    .reveal-modal.full,
    dialog.full {
        margin: 0 auto;
        max-width: 65.7143em;
        left: 0;
        right: 0;
    }

    .reveal-modal.tiny,
    dialog.tiny {
        width: 30%;
    }

    .reveal-modal.small,
    dialog.small {
        width: 40%;
    }

    .reveal-modal.medium,
    dialog.medium {
        width: 60%;
    }

    .reveal-modal.large,
    dialog.large {
        width: 70%;
    }

    .reveal-modal.xlarge,
    dialog.xlarge {
        width: 95%;
    }

    .reveal-modal.full,
    dialog.full {
        margin: 0 auto;
    }
}

dialog {
    display: none;
}

dialog::backdrop,
dialog + .backdrop {
    background: black;
    background: rgba(0, 0, 0, 0.45);
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

dialog[open] {
    display: block;
}

@media print {

    dialog,
    .reveal-modal,
    dialog {
        background: #fff !important;
        display: none;
    }
}

.modal-body span.validator,
.page-form span.validator,
.page-form2 span.validator {
    color: #D00000;
    display: none;
    padding-left: 10px;
}

/* inspired by http://www.designcouch.com/home/why/2013/05/23/dead-simple-pure-css-loading-spinner/ */

.spinner {
    height: 60px;
    width: 60px;
    margin: 30px auto;
    position: relative;
    -webkit-animation: rotation .6s infinite linear;
    -moz-animation: rotation .6s infinite linear;
    -o-animation: rotation .6s infinite linear;
    animation: rotation .6s infinite linear;
    border-left: 6px solid rgba(0, 174, 239, 0.15);
    border-right: 6px solid rgba(0, 174, 239, 0.15);
    border-bottom: 6px solid rgba(0, 174, 239, 0.15);
    border-top: 6px solid rgba(0, 174, 239, 0.8);
    border-radius: 100%;
}

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

    to {
        -webkit-transform: rotate(359deg);
    }
}

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

    to {
        -moz-transform: rotate(359deg);
    }
}

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

    to {
        -o-transform: rotate(359deg);
    }
}

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

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


.request-quote-form input,
.request-quote-form select,
.schedule-a-visit-form input,
.schedule-a-visit-form select,
.request-enrollment-kit-form input,
.request-enrollment-kit-form select {
    margin-bottom: 1em;
}

#schedule-a-visit,
#request-a-call,
#thankyou,
#emailsent,
#thankyouforsharing,
#RSVP-a-seminar,
#request-enrollment-kit {
    max-width: 650px;
}

.schedule-a-visit-form,
.request-enrollment-kit-form {
    margin-left: auto;
    margin-right: auto;
    max-width: 480px;
}

.popbutton {
    cursor: pointer;
    text-decoration: none;
    color: #fff;
}

.main-slider {
    margin: 0 -15px;
}

.myslide {
    cursor: pointer;
    display: none;
    max-height: 500px;
    height: calc(100vw / 3);
    background-position: center;
    background-size: 100% auto;
}

#playerPH {
    position: absolute;
    top: 0px;
    left: -5px;
    z-index: 3;
    width: calc(100% + 10px);

}

.closevideo {
    position: absolute;
    top: 20px;
    right: 25px;
}

#closevideo {
    cursor: pointer;
}

.myslide {
    min-width: 100%;
    width: 100%;

}

.topbuttonholder {
    display: inline-block;
    vertical-align: middle;
    margin: 0 30px;
    float: left;
}

.toptextpadding1 {
    padding: 30px 0;
}

@media all and (max-width: 1130px) {
    .topbuttonholder {
        display: flex;
        width: 100%;
        padding: 0;
        margin: 0;
        float: none;
        /* text-align: center; */
        align-content: center;
        justify-content: center;
    }

    .toptextpadding1 {
        padding: 5px 0;
    }

}

.topbutton {
    display: inline-block;
    width: 76px;
    height: 76px;
    background-color: #0095da;
    cursor: pointer;
    margin: 0;
    text-align: center;
    margin: 5px 5px 5px 0;
}

.topbutton:hover {
    background-color: #024c82;
}

.topbutton:active {
    background-color: #000000;
}

.topbutton img {
    max-width: 32px;
    max-height: 32px;

}

.topbuttonname {
    color: #ffffff;
    line-height: 1;
    font-size: 14px;
}

.topbuttonimage {
    width: 100%;
    height: 32px;
    margin: 6px 0 4px;
}

.rightbuttonholder {
    display: inline-block;
    vertical-align: middle;
    margin: 0 30px;
    float: left;
}

.toptextpadding {
    padding: 5px 0;
}

@media all and (max-width: 1130px) {
    .rightbuttonholder {
        display: flex;
        width: 100%;
        padding: 0;
        margin: 0;
        float: none;
        /* text-align: center; */
        align-content: center;
        justify-content: center;
    }

    .toptextpadding {
        padding: 5px 0;
    }

}

.rightbutton {
    width: 50%;
    height: 33%;
    background-color: #024c82;
    cursor: pointer;
    margin: 0;
    text-align: center;
    float: left;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid #0095da;
    transition: background-color .25s ease-out, color .25s ease-out, border .25s ease-out;
}

.rightbuttonbig {
    width: 100%;
    height: 34%;
}

.rightbutton:hover {
    background-color: #0095da;
}

.rightbutton:active {
    background-color: #000000;
}

.rightbutton img {
    max-width: 42px;
    max-height: 42px;
    width: 42px;
    height: 42px;

}

.rightbuttonname {
    color: #ffffff;
    line-height: 1.1;
    font-size: 14px;
    text-transform: uppercase;
}

.rightbuttonimage {
    width: 100%;
    height: 52px;
}

.flforchilds > div,
.flforchilds > a,
.flforchilds > span {
    float: left;
}

.phoneholder {
    display: inline-block;
    text-align: right;
    font-size: 16px;
    float: right;
    padding-top: 24px;
    max-width: 65%;
}

.topmenyholder {
    display: inline-block;
    padding-top: 40px;

    font-size: 16px;
    float: left;
}

@media (max-width:733px) {
    .topmenyholder {
        padding-top: 10px;
    }
}

.topmenylogoholder {
    margin-bottom: 4px;
}

.topmenylogoholder img {
    padding-bottom: 12px;
    padding-top: 12px;
}

.toplogocont {
    padding-right: 6%;
    float: left;
    max-width: 30%;
}

.vertline {
    display: inline-block;
    width: 2px;
    height: 20px;
    background-color: #fefefe;
    margin: auto 0;
}

.res1title {
    font-size: 24px;
    font-weight: 700;
    padding-bottom: 30px;
}

.close-find {
    background: url(../imgs/closefind1.svg) no-repeat left top;
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 20px;
    display: block;
    height: 34px;
    width: 34px;
    z-index: 10;
}

.res2title {
    font-size: 40px;
    font-weight: 400;
    padding-bottom: 30px;
    line-height: 1.4;
}

.res2line {
    clear: left;
}

.res2c1 {
    width: 30%;
    min-width: 30%;
    max-width: 30%;
    display: inline-block;
    float: left;
    text-align: right;
    padding-right: 20px;
}

.res2c2 {
    width: 70%;
    min-width: 70%;
    max-width: 70%;
    display: inline-block;
    float: left;
}

.res2icon {
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    margin-top: -10px;
}

.res2data {
    font-size: 20px;
    line-height: 1.5;
}

.res2icon img {
    vertical-align: middle;
    display: inline-block;
    max-height: 40px;
    max-width: 40px;
    height: 40px;
    width: 40px;

}

.res2linkline {
    padding-top: 20px
}

.res2phoneline {
    padding-top: 20px
}

.res2buttonsline {
    padding-top: 20px
}

.list2buttonsline {
    padding-top: 20px;
    text-align: center;
}

.list2button {
    margin: 0 10px;
}

.thankyou_closediv {
    text-align: center;
}

.ul1 {
    font-size: 16px;
}

.ul3 {
    font-size: 16px;
}

.ul4 {
    font-size: 16px;
    padding-left: 20px;
}

.ul2 {
    font-size: 16px;
    padding-left: 30px;
}

.ul1 li,
.ul2 li,
.ul3 li {
    padding-top: 5px;
}

.ul4 li {}

.square1,
.square2,
.square3 {
    display: inline-block;
    width: 40px;
    height: 40px;
    vertical-align: middle;
}

.square1,
.cell1 {
    background-color: #71c5e8;
}

.square2,
.cell2 {
    background-color: #00a9e0;
}

.square3,
.cell3 {
    background-color: #003b5c;
}

.cell0 {
    background-color: #cad0d4;
}

.cell1,
.cell2,
.cell3,
.cell0 {
    min-width: 125px;
}

.parttitle {
    display: inline-block;
    font-size: 30px;
    vertical-align: middle;
    max-width: calc(100% - 50px);
    line-height: 1.1;
}

.parttext {
    font-size: 16px;
    padding-top: 10px;
}

.plancomparetable {
    border-spacing: 5px;
    width: 100%;
    margin-left: -10px;
    margin-right: -10px;
}

.howtable {
    margin-left: -10px;
    margin-right: -10px;
}

.plancomparetable td {
    padding: 5px;
    vertical-align: middle;
    height: 76px;
    border-spacing: 5px;
    border: 10px solid #f4f7f3;
}

.planletter {
    font-size: 40px;
    border: 1px solid #666666;
    text-align: center;
    width: 76px;
    height: 76px;
    vertical-align: middle;
    line-height: 83px;
}

.ttitle {
    text-align: center;
    padding: 20px;
}

td.delimeter {
    height: 5px;
    padding: 0;
    line-height: 5px;
    background-color: #b3b3b3;
}

.taright {
    text-align: right;
}

.faqqtitle {
    font-size: 16px;
    font-weight: 700;
    display: inline;
}

.faqqtext {
    font-size: 16px;
    font-weight: 400;
    display: inline;
}

.faqatitle {
    font-size: 16px;
    font-weight: 700;
    color: #0095da;
}

.faqatext {
    padding-left: 30px;
    font-size: 16px;
}

.howtitle {
    font-size: 30px;
    padding-bottom: 10px;
    line-height: 1.1;
}

.howtext {
    font-size: 16px;
    padding-bottom: 10px;

}

.howtable td {
    border: 10px solid #f4f7f3;
    padding: 5px;
    vertical-align: middle;
    text-align: center;
}

.htline1 td {
    background-color: #333333;
    color: #ffffff;
}

.htline2 td {
    background-color: #cccccc;
}

.htline3 td {
    background-color: #92d3e7;
}

.hownote {
    font-size: 12px;
}

.whatmdtext {
    font-size: 16px;
}

.planstitle {
    font-size: 30px;
}

.plansnote {
    font-size: 12px;
    margin-bottom: 0;
}

.plancoltittle {
    font-size: 30px;
    color: #ffffff;
    height: 150px;
    line-height: 1.1;
}

.plantext {
    font-size: 16px;
}

.planssubtitle {
    font-size: 24px;
}

.addpadd1 {
    padding-left: 20px;
}

.sitemap1 {
    font-size: 20px;
    line-height: 1.2;
}

.sitemap1 li {
    padding-top: 10px;
    padding-bottom: 0;
}

.dentaltable1 {
    width: 100%;
    margin-left: -5px;
    margin-right: -5px;
}

.dentaltable1 td,
.dentaltable1 th {
    border: 5px solid #f4f7f3;
    text-align: center;
    vertical-align: middle;
    padding: 15px 15px;
}

.dentaltable1 th {
    background-color: #333333;
    color: #ffffff;
}

.dentaltable1 tbody tr:nth-child(even) {
    background-color: #cacac9;
}

.dentaltable1 tbody tr:nth-child(odd) {
    background-color: #a6a8ab;
}

.tc1 {
    min-width: 50px;

}

.herocont {
    display: flex;
    align-items: center;
    align-self: center;
    /* width: 100%; */
    justify-content: space-between;
}

.footercont {
    display: flex;
    align-items: center;
    align-self: center;
    /* width: 100%; */
    justify-content: center;
}

.poplinkscont {
    height: 533px;
}

@media (max-width:1200px) {
    .poplinkscont {
        height: calc(100vw / 2.25140713)
    }
}

@media all and (max-width: 40.063em) {
    .adaptiveBorder1 {
        border-left: 0;
    }

    .adaptiveBorder2 {
        border-top: 1px solid #ffffff;
        padding-top: 40px;
    }

    .poplinkscont {
        height: 100px;
        padding: 0;
    }

    .rightbutton,
    .rightbuttonbig {
        width: 20%;
        height: 100%;
    }

    .rightbutton img {
        max-width: 32px;
        max-height: 32px;
        width: 32px;
        height: 32px;
    }

    .rightbuttonimage {
        height: 42px;
    }
}

.questions {
    padding: 20px 0;
}

.qtitle {
    font-size: 30px;
    padding-left: 50px;
    line-height: 1.1;
}

.answers {
    padding: 30px 120px;
}

.ans,
#resanswer,
#resquestion {
    cursor: pointer;
    font-size: 20px;
    margin-bottom: 20px;
    position: relative;
}

.ans:before {
    position: absolute;
    left: -30px;
    content: " ";
    width: 20px;
    height: 20px;
    background-image: url(/imgs/topheader/unchecked.svg);
    background-size: cover;
}

.ans.checked:before {
    background-image: url(/imgs/topheader/checked.svg);
}

.qcontrols {
    text-align: center;
}

.qindecators {
    margin: 30px;
}

.qind {
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #959595;
    margin: 10px;
    cursor: pointer;
}

.qind.correct {
    background-color: #2eda00;
}

.qind.incorrect {
    background-color: #da0f00;
}

.qind.current {
    background-color: #0095da;
}

.qrestitle {
    font-size: 30px;
    font-weight: 700;
}

#qresval {
    font-size: 24px;
}

.qresults,
.qshare {
    text-align: center;
    padding: 40px;
}

#reshint {
    font-size: 16px;
}

.sharelink {
    margin: 10px;
}

.sharelink img {
    max-width: 40px;
    max-height: 40px;
}

.gminput {
    display: inline-block;
    padding-right: 16px;
    padding-top: 20px
}

.bstyle1 {
    padding: 15px 30px 12px;
    font-size: 16px;
    border-radius: 25px;
}

.seminarError {
    text-align: center;
    font-size: 24px;
}

.res1line {
    margin-bottom: 20px;
}

.openSeminar {
    cursor: pointer;
}

.openSeminarCity {
    font-weight: 700;
    display: inline-block;
    text-decoration: underline;
}

#findres2 {
    background-color: #ffffff;
    padding: 30px 60px;
    position: absolute;
    width: 100%;
    z-index: 90;
    display: none;
    top: 0;
    left: 0;
    /*height: 100%;*/
    min-height: 490px;
}

#findres1 {
    background-color: #cceaf8;
    padding: 60px;
    position: absolute;
    width: 100%;
    z-index: 80;
    display: none;
    min-height: 490px;
}

a {
    transition: background-color .25s ease-out, color .25s ease-out, border .25s ease-out;
}

.seminarLink {
    color: #0095da;
    text-decoration: underline;
    cursor: pointer;
}

.enrollmentleft {
    position: absolute;
    left: 5px;
    bottom: 5px;
}

.enrollmentright {
    position: absolute;
    right: 5px;
    bottom: 5px;
}

.enrollmentleftyear {
    position: absolute;
    left: 5px;
    bottom: -55px;
}

.enrollmentrightyear {
    position: absolute;
    right: 5px;
    bottom: -55px;
}

.enrollmenttitle2 {
    font-size: 30px;
    line-height: 1.1;
    color: #ffffff;
}

.enrollmenttext1 {
    font-size: 16px;
}

.daysleft {
    font-size: 24px
}

.enrollment {
    display: none;
    background-color: #1f2226
}

.buttonstyle01 {
    padding: 15px 30px 12px;
    font-size: 16px;
    border-radius: 25px;
    border: 2px solid #ffffff
}

.birthdaylabel {
    position: absolute;
    top: 30px;
    left: -90px;
    width: 200px;
    text-align: center
}

.birthdaydate {
    position: absolute;
    top: -30px;
    left: -90px;
    width: 200px;
    text-align: center
}

.todaypoint {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #000000;
    position: absolute;
    left: calc(25% - 10px);
    top: 3px;
}

.bithdaypoint {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #ffffff;
    position: absolute;
    left: calc(50% - 10px);
    top: 3px;
}

.enrollmenttitle {
    position: absolute;
    width: 100%;
    text-align: center;
    top: -10px
}

.enrollmenttitle > div {
    display: inline-block;
    padding: 0 10px;
    background-color: #1f2226;
    color: #29abe2;
}

.todaylabel {
    position: absolute;
    top: 30px;
    right: 0;
    width: 100px;
    text-align: right
}

.todaydate {
    position: absolute;
    top: -30px;
    right: 0;
    width: 100px;
    text-align: right
}

.enroBlock01 {
    width: 100%;
    height: 26px;
    background-color: #b3b3b3;
    display: inline-block;
    position: relative;
    margin: 80px 0 60px;
}

.enrollmentwindow {
    width: 58.33333333%;
    position: absolute;
    height: 26px;
    background-color: #29abe2;
    display: inline-block;
    right: 0;
}

.enrollmentframe {
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #29abe2;
    border-bottom: 0;
    height: 50px;
    top: -50px
}

.enrollmenthole {
    position: absolute;
    border: 2px dotted #b3b3b3;
    border-bottom: 0;
    border-top: 0;
    width: 20px;
    height: 76px;
    background-color: #1f2226;
    left: calc(22% - 10px);
    text-align: center;
    top: -25px;
}

.holeleft {
    position: absolute;
    right: 25px;
    bottom: 55px;
    width: 100px;
    text-align: right;
}

.holeright {
    position: absolute;
    left: 25px;
    bottom: 55px;
    width: 100px;
    text-align: left;
}

.holeleftyear {
    position: absolute;
    right: 25px;
    bottom: -5px;
    width: 100px;
    text-align: right;
}

.holerightyear {
    position: absolute;
    left: 25px;
    bottom: -5px;
    width: 100px;
    text-align: left;
}

.enroBlock02 {
    width: 58.33333333%;
    position: absolute;
    height: 26px;
    background-color: #29abe2;
    display: inline-block;
    left: 0;
}

.todaypointinside {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #ffffff;
    position: absolute;
    left: calc(25% - 10px);
    top: 3px;
}

.closedtext {
    position: absolute;
    left: 60%;
    top: 4px;
    color: #000000;
    font-weight: 700;
}

.buttonstyle02 {
    padding: 20px 20px 17px;
    border-radius: 25px;
    font-size: 16px;
    position: relative;
    z-index: 2
}

.enrollmenttitle3 {
    font-size: 24px;
    color: #ffffff;
}

#findEnrollmentWindow_homepage {
    display: inline-block;
}

.chinatext {
    font-family: 'Fieldwork-Geo';
    font-weight: 400;
}

.expandable {
    overflow: hidden;
    transition: transform 0.3s ease-out;
    height: auto;
    transform: scaleY(1);
    transform-origin: top;
}

.exhidden {
    height: 0;
    transform: scaleY(0);
}


/*new stules*/

.text16 {
    font-size: 16px;
}

.text14 {
    font-size: 14px;
}

.text40 {
    font-size: 40px;
}

.text40 sup {
    font-size: 0.4em;
    vertical-align: text-top;
}

.text30 {
    font-size: 30px;
}

.text20 {
    font-size: 20px;
}

.text24 {
    font-size: 24px;
}

.text22 {
    font-size: 22px;
}

li {
    margin-bottom: 1em;
}

.vbottom {
    vertical-align: bottom;
}

.mbottom10 {
    margin-bottom: 10px;
}

.whyBlockIcon {
    width: 44px;
    height: 44px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
}

.whyBlockIcon img {
    max-width: 100%;
    max-height: 100%;
}

.whyBlockContent {
    display: inline-block;
    width: calc(100% - 57px);
    padding-left: 10px;
    vertical-align: top;
}

.whyBlock1 {
    margin-bottom: 20px;
}

.whyBlockHeader {
    margin-bottom: 10px;
}

.buttonStyle3 {
    padding: 15px 30px 12px;
    font-size: 16px;
    border-radius: 25px;
    border: 2px solid #0095da;
    margin: 30px auto 40px;
}

.buttonStyle101 {
    padding: 20px 30px 17px;
    font-size: 20px;
    border-radius: 45px;
    border: 2px solid #0071bc;
    margin: auto;
    background-color: #0071bc;
    min-width: 220px;
}

.buttonStyle101_share {
    padding: 20px 10px 17px;
    font-size: 16px;
    border-radius: 45px;
    border: 2px solid #0095da;
    margin: auto;
    background-color: #0095da;
    width: 100%;
}

.buttonStyle102 {
    padding: 20px 30px 17px;
    font-size: 20px;
    border-radius: 45px;
    border: 0;
    margin: auto;
    background-color: #ffffff;
    color: #0071bc;
    min-width: 330px;
}

.buttonStyle102:hover {
    background-color: #0095da;
    color: #ffffff;
}

.buttonStyle102.selected {
    background-color: #003b5c;
    color: #ffffff;
}

.buttonStyle103 {
    padding: 20px 30px 17px;
    font-size: 20px;
    border-radius: 45px;
    border: 1px solid #0071bc;
    margin: auto;
    background-color: #ffffff;
    color: #0071bc;
    min-width: 220px;

}

.buttonStyle103:hover {
    background-color: #0095da;
    color: #ffffff;
}



.buttonStyle104_1F688C {
    padding: 5px 10px;
    font-size: 16px;
    border-radius: 45px;
    border: 1px solid #1F688C;
    margin: auto;
    background-color: #1F688C;
    color: #ffffff;
    min-width: 180px;
    min-height: 44px;
}

.buttonStyle104_1F688C:hover {
    background-color: #8fb3c5;
    color: #ffffff;
}

.buttonStyle104_BDE6F1 {
    padding: 5px 10px;
    font-size: 16px;
    border-radius: 45px;
    border: 1px solid #BDE6F1;
    margin: auto;
    background-color: #BDE6F1;
    color: #000000;
    min-width: 180px;
    min-height: 44px;
}

.buttonStyle104_BDE6F1:hover {
    background-color: #def2f8;
    color: #000000;
}

.buttonStyle104_F7AA99 {
    padding: 5px 10px;
    font-size: 16px;
    border-radius: 45px;
    border: 1px solid #F7AA99;
    margin: auto;
    background-color: #F7AA99;
    color: #000000;
    min-width: 180px;
    min-height: 44px;
}

.buttonStyle104_F7AA99:hover {
    background-color: #fbd4cc;
    color: #000000;
}

.buttonStyle104_0095da {
    padding: 5px 10px;
    font-size: 16px;
    border-radius: 45px;
    border: 1px solid #0095da;
    margin: auto;
    background-color: #0095da;
    color: #ffffff;
    min-width: 180px;
    min-height: 44px;
}

.buttonStyle104_0095da:hover {
    background-color: #4cb5e5;
    color: #ffffff;
}

.buttonStyle103onblack {
    padding: 20px 30px 17px;
    font-size: 20px;
    border-radius: 45px;
    border: 1px solid #000000;
    margin: auto;
    background-color: #ffffff;
    color: #000000;
    min-width: 220px;

}

.buttonStyle103onblack:hover {
    background-color: #0095da;
    color: #ffffff;
}

.buttonStyle104 {
    padding: 20px 30px 17px;
    font-size: 20px;
    border-radius: 45px;
    border: 1px solid #ffffff;
    margin: auto;
    background-color: #0071bc;
    color: #ffffff;
}

.buttonStyle104:hover {
    background-color: #0095da;
    color: #ffffff;
}

.buttonStyle104:active {
    background-color: #0095da;
    color: #ffffff;
}

.buttonStyle105 {
    padding: 20px 30px 17px;
    font-size: 16px;
    border-radius: 45px;
    border: 1px solid #0071bc;
    margin: auto;
    background-color: #ffffff;
    color: #0071bc;
}

.buttonStyle105:hover {
    background-color: #0095da;
    color: #ffffff;
}

.buttonStyle105_share {
    padding: 20px 10px 17px;
    font-size: 16px;
    border-radius: 45px;
    border: 1px solid #0071bc;
    margin: auto;
    background-color: #ffffff;
    color: #0071bc;
    width: 100%;
}

.buttonStyle105_share:hover {
    background-color: #0095da;
    color: #ffffff;
}

.buttonHolder {
    display: inline-block;
    margin: 5px 40px;
}

.button2disabled {
    background-color: #aeaeae;
    border-color: #aeaeae;
    color: #0071bc;
}

.button2disabled:hover {
    background-color: #aeaeae;
    box-shadow: 0;
    border-color: #aeaeae;
    color: #0071bc;
}

.button2disabled:active {
    background-color: #aeaeae;
    box-shadow: none;
    border-color: #aeaeae;
    color: #0071bc;
}

.buttonStyle103onblack.button2disabled {
    color: #000000;
}

.buttonStyle5 {
    padding: 10px 10px 7px;
    font-size: 16px;
    border-radius: 25px;
    border: 2px solid #0095da;
    margin: 10px 40px;
}

.buttonStyle4 {
    padding: 10px 10px 7px;
    font-size: 16px;
    border-radius: 25px;
    background: #000000;
    border: 0;
    margin: 0 0 0 20px;
    vertical-align: text-bottom;
}

.paddingBottom40 {
    padding-bottom: 40px;
}

.paddingBottom20 {
    padding-bottom: 20px;
}

.paddingTop40 {
    padding-top: 40px;
}

a.valueBlockButton {
    color: #1f2226;
    background-color: transparent;
    border: 2px solid #858585;
    padding: 15px 30px 12px;
    font-size: 16px;
    border-radius: 25px;
}

a.valueBlockButton:hover {
    background-color: #fff;
    color: #1f2226;
    border: 2px solid #858585;

}

.valueBlock1 {
    padding-bottom: 40px;
}

.showMoreBlock1 {
    margin-bottom: 30px;
}

.showMoreLabel {
    text-align: center;
    margin-bottom: 0;
    color: #0071bc;
    font-size: 20px;
    text-decoration: underline
}

.showMoreButton {
    padding-top: 5px;
    padding-bottom: 5px;
    cursor: pointer;
    text-align: center;
}

.showMoreImage {
    width: 30px;
    max-width: 30px;
    display: none;
}

.hideMore {
    display: none;
}

.hideExt {
    display: none;
}

.footnotesNumber {
    display: inline-block;
    width: 30px;
    font-size: 16px;
    font-weight: 700;
    vertical-align: top;
}

.footnotesText {
    display: inline-block;
    width: calc(100% - 40px);
    vertical-align: top;
}

.footnotesBlock1 {
    margin-bottom: 10px;
}

.selectSL,
.selectMO {
    font-weight: 400;
    padding: 20px 0 20px;
    margin: 0px;
    cursor: pointer;
    background-color: #ffffff;
    transition: background-color .25s ease-out, color .25s ease-out, border .25s ease-out;
    color: #000000;
}

.selectSL:hover,
.selectMO:hover {
    background-color: #0095da;
}

.selectSL .sel1,
.selectMO .sel1 {
    display: none;
}

.selectSL .sel2,
.selectMO .sel2 {
    width: 26px;
    height: 26px;
    margin: -13px 0 -13px 10px;
    vertical-align: middle;
    display: inline-block;
}

.selectSL.selected1,
.selectMO.selected1 {
    color: #ffffff;
    cursor: auto;
    background-color: #0071bc;
}

.selectSL.selected1 .sel1,
.selectMO.selected1 .sel1 {
    width: 26px;
    height: 26px;
    margin: -13px 0 -13px 10px;
    vertical-align: middle;
    display: inline-block;
}

.selectSL.selected1 .sel2,
.selectMO.selected1 .sel2 {
    display: none;
}

.ourPlansExContentTitle {
    padding: 20px 60px 4px 20px;
    position: relative;
}

.ourPlansExContent {
    background-color: #eeeeee;
    padding: 20px 60px 4px 20px;
    position: relative;
}

.ourPlansExButton,
.ourPlansExButtonAnim {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
}

sup a {
    text-decoration: none;
}

a > sup {
    text-decoration: none;
}

.bottomline1 {
    border-bottom: 2px solid #0095da;
}

.resBlock1 {
    margin-top: 30px;
    margin-bottom: 20px;
}

.resBlock2 {}

.resBlock1 a,
.resBlock2 a {
    /*text-decoration: none;*/
}

.contactLabel {
    font-size: 10px;
    color: #6f6f6f;
}

.contactLabelWhite {
    font-size: 16px;
    color: #ffffff;
    padding-bottom: 10px;
}

.contactLabelWhite input {
    padding-top: 10px;
}

.compareSelectBlockCol,
.compareSelectBlockCol2 {
    /*padding-bottom: 40px;
	padding-top: 40px;*/
    padding-left: 0;
    padding-right: 0;
    background-color: #0071bc;

}

.compareSelectBlock {
    /*padding: 40px 20px;*/
}

.compareSelectBlockCol.filled,
.compareSelectBlockCol2.filled {
    background-color: #003b5c;
}

.compareSelectBlockCol .container,
.compareSelectBlockCol2 .container {
    color: #ffffff;
}

.compareSelectBlockHeader {
    color: #ffffff;
    background-color: #000000;
    padding: 10px;
    text-align: center;
    border: 1px solid #ccc;
    display: flex;
    align-items: center;
    justify-content: center;
}

.compareSelectBlockHeader p {
    margin-bottom: 0;
}

.compareSelectBlockContent {
    padding: 20px 15px;
    border: 1px solid #ccc;
    border-top: 0;
}

.planGroupContent {
    font-size: 0;
}

.planGroupReacher {
    display: inline-block;
    width: 20px;
    /* background: linear-gradient(rgba(0, 149, 218, 1), rgba(155, 182, 200, 1)); */
    min-height: 210px;
    height: 100%;
    vertical-align: top;
    font-size: 16px;
    /* position: relative; */
    margin-right: -20px;
    text-align: center
}

.planGroupReacherMobile {
    display: none;
    width: 20px;
    /* background: linear-gradient(rgba(0, 149, 218, 1), rgba(155, 182, 200, 1)); */
    min-height: 100%;
    height: 100%;
    vertical-align: top;
    font-size: 16px;
    /* position: relative; */
    text-align: center
}

.planGroupLines {
    display: inline-block;
    width: calc(100%);
    vertical-align: top;
    font-size: 16px;
}

.planContent {
    padding: 0 10px;
    border: 1px solid #f3f2f3;
    border: 1px solid #e6e6e6;
    border-top: 0;
    height: 60px;
    display: flex;
    align-items: center;
    position: relative;
}

.planGroupTitle {
    color: #ffffff;
    text-align: center;
    font-size: 16px;
    padding: 20px 0 20px 20px;
    background-color: #000000;
    border: 1px solid #e6e6e6;
}

.planGroupYearTitle {
    color: #ffffff;
    text-align: center;
    font-size: 16px;
    padding: 20px;
    background-color: #7e7e7e;
    border: 1px solid #e6e6e6;
}

.planGroupTitle > p,
.planGroupYearTitle > p {
    margin-bottom: 0;
    vertical-align: middle;
}

.bg2a2e32 {
    background-color: #2a2e32;
}

.bg373b40 {
    background-color: #373b40;
}

.bg4d5156 {
    background-color: #4d5156;
}

.bg0071bc {
    background-color: #0071bc;
}

.bg0095da {
    background-color: #0095da;
}

.planGroupLines .planContent:nth-child(odd):not(.planSelected):not(.planSelectedPair) {
    background-color: #f3f2f3;
}

.planGroupLines .planContent.disabledByFilter:after {
    content: "";
    /*background-color: rgba(175,175,175,0.5);*/
    background-color: rgba(212, 168, 168, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.planSelected,
.planSelectedPair {
    /*background-color: #003b5c;*/
    background-color: #0071bc;

}

.planSelected .container,
.planSelectedPair .container {
    color: #ffffff;
}

.TERTIARY_HEADING {
    font-weight: 700;
    margin-top: 2em;
    margin-bottom: 5px;
    font-size: 18px;
}

.TERTIARY_HEADINGWHY {
    font-weight: 400;
    margin-top: 2em;
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: 700;
    /*color:#0095da;*/
}

.TERTIARY_HEADING sup > a,
.TERTIARY_HEADINGWHY sup > a {
    font-weight: 400;
}

.SUB_HEADING {
    margin-top: 32px;
    margin-bottom: 16px;
    font-size: 24px;
    line-height: 1.2;
}

.footnote {
    font-size: 12px;
    margin-bottom: 0px;
}


.resTable tr td:nth-child(even) {
    background-color: #ececea;
}

.resTable tr td:nth-child(odd) {
    background-color: #d9d9d6;
}

#plansDataTable {
    overflow-x: auto;
}

.resTable {
    width: 100%;
    border-collapse: collapse;
    border: 5px solid #ffffff;
    margin-bottom: -5px;
    /*border-spacing: 5px;*/
    /*border-collapse: separate;*/
    overflow: hidden;
}

.resTable td {
    border: 5px solid #ffffff;
    /*border: 1px solid #1f2226;*/
    margin-top: -5px;
    margin-right: -5px;
}


.res2Table {
    width: 100%;
    border-collapse: collapse;
    border: 5px solid #ffffff;
    margin-bottom: -5px;
    /*border-spacing: 5px;*/
    /*border-collapse: separate;*/
    overflow: hidden;
}

.res2Table td {
    border: 5px solid #ffffff;
    /*border: 1px solid #1f2226;*/
    margin-top: -5px;
    margin-right: -5px;
}


.rline1 {
    word-wrap: break-word;
}

.rcell1 {
    /*border-top: 1px solid #1f2226;
	border-right: 1px solid #1f2226;*/
    vertical-align: top;
    padding: 4px 12px;
    box-sizing: border-box;
}

.rcell1.rleft1 {
    /*border: 1px dotted #0095da;
	    border-right: 1px solid #1f2226;
	    border-left: 1px solid #1f2226;*/
    font-size: 14px;
}

.rwidth7 {
    width: 14.285714285714286%;
    min-width: 150px;
}

.rwidth7_2 {
    width: 28.571428571428571%;
    min-width: 150px;
}

.rwidth7_2 {
    width: 42.857142857142857%;
    min-width: 150px;
}

.rwidth6 {
    width: 16.66666666666%;
    min-width: 150px;
}

.rwidth6_2 {
    width: 33.33333333333%;
    min-width: 150px;
}

.rwidth6_3 {
    width: 50%;
    min-width: 150px;
}

.rwidth5 {
    width: 20%;
    min-width: 150px;
}

.rwidth5_2 {
    width: 40%;
    min-width: 150px;
}

.rwidth5_3 {
    width: 60%;
    min-width: 150px;
}

.rwidth4 {
    width: 25%;
    min-width: 150px;
}

.rwidth4_2 {
    width: 50%;
    min-width: 150px;
}

.rwidth4_3 {
    width: 75%;
    min-width: 150px;
}

.rwidth3 {
    width: 33.33333333333%;
    min-width: 150px;
}

.rwidth3_2 {
    width: 66.66666666666%;
    min-width: 150px;
}

.rwidth3_3 {
    width: 66.66666666666%;
    min-width: 150px;
}

.rwidth2 {
    width: 50%;
    min-width: 150px;
}

.rwidth2_2 {
    width: 50%;
    min-width: 150px;
}

.rwidth2_3 {
    width: 50%;
    min-width: 150px;
}

.doublerwidth7 {
    width: 28.571428571428571%;
    min-width: 150px;
}

.doublerwidth6 {
    width: 33.33333333333%;
    min-width: 150px;
}

.doublerwidth5 {
    width: 40%;
    min-width: 150px;
}

.doublerwidth4 {
    width: 50%;
    min-width: 150px;
}

.doublerwidth3 {
    width: 66.66666666666%;
    min-width: 150px;
}

.doublerwidth2 {
    width: 50%;
    min-width: 150px;
}

.raddleftpadding1 {
    padding-left: 40px;
}

.ttwidth9 {
    width: 11.1111111111%;
    min-width: 100px;
}

.ttwidth9_2 {
    width: 22.2222222222%;
    min-width: 210px;
}

.ttwidth9_3 {
    width: 33.3333333333%;
    min-width: 320px;
}

.ttwidth8 {
    width: 12.5%;
    min-width: 100px;
}

.ttwidth8_2 {
    width: 25%;
    min-width: 210px;
}

.ttwidth8_3 {
    width: 37.5%;
    min-width: 320px;
}

.ttwidth7 {
    width: 14.285714285714286%;
    min-width: 100px;
}

.ttwidth7_2 {
    width: 28.571428571428571%;
    min-width: 210px;
}

.ttwidth7_3 {
    width: 42.857142857142857%;
    min-width: 320px;
}

.ttwidth6 {
    width: 16.66666666666%;
    min-width: 100px;
}

.ttwidth6_2 {
    width: 33.33333333333%;
    min-width: 210px;
}

.ttwidth6_3 {
    width: 50%;
    min-width: 320px;
}

.ttwidth5 {
    width: 20%;
    min-width: 100px;
}

.ttwidth5_2 {
    width: 40%;
    min-width: 210px;
}

.ttwidth5_3 {
    width: 60%;
    min-width: 320px;
}

.ttwidth4 {
    width: 25%;
    min-width: 100px;
}

.ttwidth4_2 {
    width: 50%;
    min-width: 210px;
}

.ttwidth4_3 {
    width: 75%;
    min-width: 320px;
}

.ttwidth3 {
    width: 33.33333333333%;
    min-width: 100px;
}

.ttwidth3_2 {
    width: 66.66666666666%;
    min-width: 210px;
}

.ttwidth3_3 {
    width: 66.66666666666%;
    min-width: 320px;
}

.ttwidth2 {
    width: 50%;
    min-width: 100px;
}

.ttwidth2_2 {
    width: 50%;
    min-width: 210px;
}

.ttwidth2_3 {
    width: 50%;
    min-width: 320px;
}


@media only screen and (max-width: 40.063em) {
    .rcell1.rleft1 {
        font-size: 10px;
        line-height: 1.4;
    }

    .rdata1 {
        font-size: 12px;
        line-height: 1.4;
    }

    .rcell1 {
        padding: 4px 4px;
    }

    .raddleftpadding1 {
        padding-left: 20px;
    }
}

.printwidth6 {
    /*width: 16.666666%;*/
    width: 93px;
    /*102.85714286-10*/
}

.titlewidth6 {
    width: 186px;
}

.doubletitlewidth6 {
    width: 288px;
}

.printwidth5 {
    /*width: 16.666666%;*/
    width: 110px;
    /*120-10*/
}

.titlewidth5 {
    width: 220px;
}

.doubletitlewidth5 {
    width: 340px;
}


.printwidth4 {
    width: 134px;
    /*144 - 10*/
}

.titlewidth4 {
    width: 268px;
}

.doubletitlewidth4 {
    width: 412px;
}

.printwidth3 {
    width: 170px;
    /*180 - 10*/
}

.titlewidth3 {
    width: 340px;
}

.doubletitlewidth3 {
    width: 520px;
}


.printwidth2 {
    width: 345px;
}

.titlewidth2 {
    width: 345px;
}

.doubletitlewidth2 {
    width: 345px;
}


.rbuttonwidth3 {
    /*margin-right: 2px;*/
}

.rbuttonwidth4 {
    /*margin-right: 3px;*/
}

.resTable tr td.rcorner1 {
    background-color: #0071bc;
    color: #ffffff;
}

.rtop1 {
    /*background-color: #989999;*/
    color: #000000;
    text-align: center;
    font-size: 12px;
}

.rwidth2.rtop1 {
    font-size: 16px;
}

.rwidth3.rtop1 {
    font-size: 14px;
}

.rcorner1,
.rtop1 {
    /*padding: 30px 20px;*/
    padding: 20px 10px;
}

.rdata1 {
    text-align: center;
    vertical-align: middle;
}

.resTable tr td.rleft1 {
    background-color: #0071bc;
    color: #ffffff;
    vertical-align: middle;
}

.resTable tr td.rleft1.rsubtitle1 {
    background-color: #000000;
    color: #ffffff;
    vertical-align: middle;
    text-align: center;
}

.res2Table tr td.rleft1 {
    vertical-align: middle;
}

.res2Table tr td.rleft1.rsubtitle1 {
    vertical-align: middle;
    text-align: center;
}

.rnotopborder1,
.rcell1.rleft1.rnotopborder1,
.rcell1.rnotopborder1 {
    border-top: 0;
    /*padding-top: 0px;*/
}

.rnobottomborder1 {
    border-bottom: 0;
}

.rcell1.rnobottomborder1 {
    border-bottom: 2px dashed #ffffff;
}

.rnorightborder1 {
    border-right: 0;
}


.rsubtitle1 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.rsubtitle1.rdata1 {
    border-right: 0;
    border-left: 0;
}

.rshowmorebutton {
    padding-top: 5px;
    padding-bottom: 5px;
    cursor: pointer;
    text-align: center;
    background-color: #ffffff;

}

.resTable tr td.rmerge1 {
    background-color: #6d6d6d;
    border-right: 1px solid #6d6d6d;
    border-left: 1px solid #6d6d6d;
}

.optionnone {
    display: none;
}

.rdnone {
    display: none;
}

.rbottomline1 {
    padding-bottom: 10px;
}

.year2018 .hide2018 {
    display: none;
}

.year2019 .hide2019 {
    display: none;
}

.year2018vs2019 .hide2019,
.year2018vs2019 .hide2018 {
    display: none;
}

.showReorder2019 {
    display: none;
}

.year2019 .showReorder2019 {
    display: block;
}

.year2019 .hideReorder2019 {
    display: none;
}


.html2pdf__page-break {
    display: none;
}

.hightLightStr {
    color: #0095da;
    display: inline;
}

.tosave .hightLightStr {
    color: #0068a1;
}

.resTablePrint .hightLightStr {
    color: #0068a1;
}

.printTitle {
    color: #0068a1;
}

.tosave {
    width: 720px;
}

.resTablePrint {
    border-collapse: separate;
    border-spacing: 10px 0;
}

.resTableNetPrint {
    border-collapse: separate;
    border-spacing: 0;
}

.blueTitle {
    margin-bottom: 0;
    font-size: 9px;
    color: #ffffff;
    background-color: #0193d9;
    padding-left: 5px;
    padding-right: 5px;
    width: 720px;
}

.fontBold {
    font-weight: 700;
}

.tosave .rshowmorecontent,
.tosave .urls {
    display: block !important;
}

.tosave .rshowmorebutton,
.tosave .noprint {
    display: none !important;
}

.tosave .bgcolor-1f2226 {
    background: 0;
}

.tosave .rcell1 {
    /*border-bottom: 1px solid #1f2226;
	border-top: 1px solid #1f2226;*/
}

.tosave .rcell1.rleft1 {
    /*border-top: 1px dotted #0095da;
	border-bottom: 1px dotted #0095da;*/
}

.tosave .defplanlink,
.resTablePrint .defplanlink {
    display: none;
}

.tosave .borderright {
    border: 0;
}

.tosave .footnotes {
    font-size: 8px;
    line-height: 1.5;
}

.tosave #tempResult {
    padding-top: 0;
}

.tosave .button,
.tosave .nextPageTitle {
    display: none;
}





.to3save .hightLightStr {
    color: #0068a1;
}

.to3save {
    width: 1000px;
}

.to3save .rshowmorecontent,
.to3save .urls {
    display: block !important;
}

.to3save .rshowmorebutton,
.to3save .noprint {
    display: none !important;
}

.to3save .bgcolor-1f2226 {
    background: 0;
}

.to3save .rcell1 {
    /*border-bottom: 1px solid #1f2226;
	border-top: 1px solid #1f2226;*/
}

.to3save .rcell1.rleft1 {
    /*border-top: 1px dotted #0095da;
	border-bottom: 1px dotted #0095da;*/
}

.to3save .defplanlink,
.resTablePrint .defplanlink {
    display: none;
}

.to3save .borderright {
    border: 0;
}

.to3save .footnotes {
    font-size: 8px;
    line-height: 1.5;
}

.to3save #tempResult {
    padding-top: 0;
}

.to3save .button,
.to3save .nextPageTitle {
    display: none;
}

.to3save .image1 {
    display: none;
}

/* riders tables */

.riderHeader1,
.riderData1,
.riderData2,
.riderData3,
.riderData3-2,
.riderData4 {
    padding: 10px 5px;
}

.riderHeader1 {
    width: 28%;
}

.riderData1 {
    width: 72%;
}

.riderData2 {
    width: 36%;
}

.riderData3 {
    width: 24%;
}

.riderData3-2 {
    width: 48%;
}

.riderData4 {
    width: 18%;
}

.riderBG1 {
    background-color: #5d5f62;
    color: #ffffff;
}

.riderBG2 {
    background-color: #1f2226;
    color: #ffffff;
}

.riderBG3 {
    background-color: #d1d1d1;
    color: #1f2226;
    text-align: center;
}

.riderBG4 {
    background-color: #ffffff;
    color: #1f2226;
    text-align: center;
}

.riderTable {
    width: 100%;
    /*max-width: 720px;*/
    margin-top: -1px;
    word-wrap: break-word;
    word-break: break-word;
}

.riderTable td {
    border: 1px solid #1f2226;
    vertical-align: middle;
    word-wrap: break-word;
    word-break: break-word;
    vertical-align: middle;
}

.riderTable td.riderBG2 {
    border-top: 1px dotted transparent;
    border-bottom: 1px dotted #0095da;
}

.riderName1 {
    margin-top: 20px;
    font-weight: 700;
    font-size: 20px;
}


.riderInfo {
    width: 100%;
    /*padding-top: 40px;*/
    padding-bottom: 40px;
}

.tosave .riderTable {
    font-size: 10px;

}

.tosave .riderName1 {
    margin-top: 20px;
    font-weight: 700;
    font-size: 12px;
}

.tosave .riderBG1 {
    background-color: #d1d1d1;
}

.tosave .riderBG1,
.tosave .riderBG2 {

    color: #000000;
    font-weight: 700;
}

.tosave .riderBG2 {
    background-color: #ffffff;
}

.tosave .riderTable td {
    border-left: 0;
    border-right: 0;
}

.tosave .riderTable td {
    border-top: 1px solid #888;
    border-bottom: 1px solid #888;
}

.tosave .riderTable {
    border-collapse: collapse;
}

.tosave .printLogo2 {
    padding-top: 20px;
}

.selectRider {
    width: 100%;
    padding: 20px;
    background-color: #0095da;
    font-size: 32px;
    font-weight: 700;
    color: #ffffff;
    text-align: center;
}

.riderButtonsHolder {
    width: 100%;
}

.riderButton {
    position: relative;
    display: inline-block;
    background-color: #1f2226;
    vertical-align: bottom;
}

.riderButtonContent {
    background-color: #989999;
    color: #ffffff;
    text-align: center;
    padding: 30px 10px;
    cursor: pointer;
    border: 1px solid #1f2226;
}

.riderButtonContent.selected {
    position: relative;
    /*top: 32px;*/
    background-color: #ffffff;
    cursor: auto;
    color: #1f2226;
}

.rbWidth1 {
    width: 100%;
}

.rbWidth2 {
    width: 50%;
}

.rbWidth3 {
    width: 33.33333333%;
}

.rbWidth4 {
    width: 25%;
}

.rbWidth5 {
    width: 20%;
}

.riderData {
    display: none;
}

.riderData.selected {
    display: block;
}

.instructionsRider {
    text-align: center;
    background-color: #1f2226;
    color: #ffffff;
    padding: 5px;
    font-size: 16px;
}

.textblue {
    /*color: #0095da;*/
    font-weight: 700;
}

.planGroupReacher img {
    position: absolute;
    top: calc(50% - 30px);
    left: 2px;
}

.RICHER_PLANS,
.LEANER_PLANS {
    color: #000000;
    /* position: absolute; */
    transform-origin: center;
    transform: rotate(270deg);
    /* width: 200px; */
    /* left: 10px; */
    line-height: 0;
    margin-top: 60px;
    margin-bottom: 30px;
}

.RICHER_PLANS {
    text-align: right;
    top: 210px;
}

.LEANER_PLANS {
    text-align: left;
    bottom: 10px;
}

.adaptiveArrows {
    display: inline-block;
    width: 2px;
    background-color: #000000;
    height: calc(100% - 190px);
    position: relative;

}

.adaptiveArrows:before {
    content: "";
    position: absolute;
    top: -5px;
    left: -4px;
    border-bottom: 12px solid #000000;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}

.adaptiveArrows:after {
    content: "";
    position: absolute;
    bottom: -5px;
    left: -4px;
    border-top: 12px solid #000000;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}

.greyLineBottom {
    border-bottom: 1px solid rgb(162, 163, 164);
}

.plansDataPrint {
    font-size: 10px;
}

.tosave {
    font-family: 'Arial';
}

.resTablePrint {
    width: 720px;
    font-size: 8px;
    line-height: 2;
}

.resTableNetPrint {
    width: 720px;
    font-size: 9px;
    line-height: 2;
}

.rleft2Print {
    vertical-align: middle;
}

.rdata2Print {
    vertical-align: middle;
    text-align: center;
}

.resTablePrint td {
    border-bottom: 1px solid #000000;
}

.resTablePrint td.printTitle {
    border-bottom: 1px solid #0068a1;
    border-top: 1px solid #0068a1;
}

.resTablePrint td.participatingBorder {
    border-bottom: 1px solid #aaaaaa;
}

.resTablePrint td.cellSubTitlePrint {
    border-bottom: 0;
}

.resTablePrint td.cellSubItemPrint {
    padding-left: 20px;
}

.rdata2Print {
    padding: 5px 10px;
}

.blockBronze {
    background-image: url("/imgs/icons/cornerBronze.png");
    background-position: right top;
    background-repeat: no-repeat;
}

.blockSilver {
    background-image: url("/imgs/icons/cornerSilver.png");
    background-position: right top;
    background-repeat: no-repeat;
}

.blockGold {
    background-image: url("/imgs/icons/cornerGold.png");
    background-position: right top;
    background-repeat: no-repeat;
}

.blockPlatinum {
    background-image: url("/imgs/icons/cornerPlatinum.png");
    background-position: right top;
    background-repeat: no-repeat;
}

/*.blockPlatinum.planSelected{
	background-color: #d7e4e4;
}
.blockGold.planSelected{
	background-color: #eadfc4;
}
.blockBronze.planSelected{
	background-color: #ecded5;
}*/

#plansDataPrint {
    display: none;
}

.printLogo {
    padding-bottom: 40px;
    padding-top: 10px;
}

.printLogoNet {
    padding: 0;
    /*padding-bottom: 20px;
    padding-top: 10px;*/
}

.cellTitlePrint {
    vertical-align: middle;
    padding: 0 2px;
}

.cellDataPrint {
    vertical-align: middle;
    text-align: center;
    padding: 0 2px;
}

.cellBoldPrint {
    font-weight: 700;
}

.cellBoldPrint .nobold {
    font-weight: 400;
}

.printTitle {
    font-weight: 700;
    font-size: 100%;
}

.printTitle.printwidth3 {
    font-size: 80%;
}

.printTitle.printwidth4 {
    font-size: 80%;
}

.printTitle.printwidth5 {
    font-size: 80%;
}

.printTitle.printwidth6 {
    font-size: 60%;
}

.printNetTitle {
    font-size: 100%;
}

.printLogoImg {
    width: 140px;
    height: 54px;
}

.additionalFootnotes {
    padding-top: 0px;
}

.riderInfo .printLogo,
.riderInfo .printLogo2,
.riderInfo .additionalFootnotes {
    display: none;
}

#plansDataPrint .additionalFootnotes,
.tosave .additionalFootnotes {
    padding-top: 0px;
}

.questionMark {
    width: 25px;
    height: 25px;
    vertical-align: middle;
    margin-left: 5px;
    margin-right: 5px;
}

.infoMark {
    width: 10px;
    height: 10px;
    vertical-align: middle;
    margin-left: 5px;
    margin-right: 5px;
}

.resTable .questionMark,
.netQuestionMark {
    width: 15px;
    height: 15px;
    vertical-align: middle;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: -3px;
}

.deflink,
.defplanlink {
    position: relative;
    display: inline-block;
}

.res3Table .defplanlink {
    vertical-align: text-top;
}

.deflink div {
    position: absolute;
    width: 360px;
    color: #1f2226;
    background: #f5f7f4;
    line-height: 1.2;
    text-align: left;
    visibility: hidden;
    border-radius: 0px;
    padding: 20px;
    /*border: 2px solid #0095da;*/
    opacity: 0;
    transition: opacity .25s ease-out;
}

.defplanlink div {
    position: absolute;
    width: 360px;
    max-width: calc(100vw - 60px);
    color: #1f2226;
    background: #eeeeee;
    line-height: 1.2;
    text-align: left;
    visibility: hidden;
    border-radius: 0px;
    padding: 10px;
    border: 2px solid #0095da;
    opacity: 0;
    transition: opacity .25s ease-out;
    font-size: 12px;
}

.res3Table .defplanlink div {
    position: absolute;
    width: 360px;
    max-width: calc(100vw - 60px);
    color: #FFFFFF;
    background: #444446;
    line-height: 1.2;
    text-align: left;
    visibility: hidden;
    border-radius: 10px;
    padding: 10px;
    border: 2px solid #444446;
    opacity: 0;
    transition: opacity .25s ease-out;
    font-size: 12px;
    font-weight: 400;
}

.deflink h5,
.defplanlink h5 {
    color: #1f2226;
    margin-bottom: 5px;
    margin-top: 15px;
    font-weight: 700;
    font-size: 14px;
}

.res3Table .defplanlink h5 {
    color: #FFFFFF;
    margin-bottom: 5px;
    margin-top: 15px;
    font-weight: 600;
    font-size: 12px;
}

.deflink div:after,
.defplanlink div:after {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -8px;
    width: 0;
    height: 0;
    border-bottom: 8px solid #f5f7f4;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
}

.res3Table .defplanlink div:after {
    content: '';
    position: absolute;
    bottom: 100%;
    margin-left: -8px;
    width: 0;
    height: 0;
    border-bottom: 8px solid #444446;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
}

.deflink:hover div,
.defplanlink:hover div {
    visibility: visible;
    opacity: 1;
    top: 30px;
    left: 50%;
    margin-left: -180px;
    z-index: 999;
    opacity: 1;
}

.legendIcon1 {
    width: 15px;
    height: 15px;
    margin-left: 0px;
    margin-right: 5px;
}

.legendIcon2 {
    width: 15px;
    height: 15px;
    margin-left: 10px;
    vertical-align: top;
}

.planGroupTitle > p.netIconLegend {
    font-size: 12px;
    color: #01a9e0;
    margin-top: 10px;
    margin-bottom: -10px;
}

.logo1 {
    width: 118px;
    height: 48px;
    box-sizing: content-box;
}

.plannew {
    color: #ff0000;
}




.blockRow {
    min-height: 580px;
}

.blockRow500 {
    min-height: 500px;
}

.homePageBanner {
    min-height: 680px;
    background-image: url(/imgs/hero2/topBanner.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.homeBanner {
    min-height: 580px;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}

.homeBanner500 {
    min-height: 500px;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}

.homePageBannerText {
    text-align: center;
    padding-top: 330px;
}

.headerHolder2 {

    display: flex;
    justify-content: space-between;
    align-items: center;

}

.Hamburger {
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    padding-bottom: 10px;
    text-align: right;
}

.Hamburger span {
    vertical-align: middle;
}

.menuLink {
    text-decoration: none;
    font-size: 24px;
    color: #000000;
}

.menuLink:hover,
.menuLink:active,
.menuLink:focus {
    color: #000000;
}

.headerLink {
    text-decoration: none;
    font-size: 12px;
    color: #000000;
}

.headerLink:hover,
.headerLink:active,
.headerLink:focus {
    color: #000000;
}

@media only screen and (max-width: 40.063em) {
    .headerLink {
        font-size: 10px;
    }

}

.menuDescription {
    font-size: 20px;
    color: #000000;
}

.menuLine {
    padding-top: 20px;
}

.menuLine p {
    margin: 0;
}

.menuContent2 {
    max-height: 0;
    /*transition: max-height .25s ease-out;*/
    display: none;
    overflow: hidden;
    padding-bottom: 40px;
}

.menuContent2.opened {
    max-height: none;
    display: block;
}

.textBlock1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.expandText {
    display: none;
}

.collapseText {
    display: none;
}

.hideOnDesktop {
    display: none;
}

.paddingHori40D {
    padding-left: 40px;
    padding-right: 40px;
}

.editSummary {
    text-align: left;
}

.editSummary span {
    padding-right: 40px;
    text-decoration: underline;
}

.text-0071bc,
.reveal-modal .modal-heading.text-0071bc {
    color: #0071bc;
}

.buttonHolder2 {
    display: inline-block;
    margin: 40px 40px;
    vertical-align: middle;
}

.buttonHolder3 {
    display: inline-block;
    margin: 20px;
    vertical-align: middle;
}

.inputHolder2 {
    width: calc(50% - 10px);
    display: inline-block;
    margin-right: 10px;
    float: left
}

.inputHolder3 {
    width: calc(100% - 10px);
    display: inline-block;
    float: left
}

input.input02,
textarea.input02 {
    line-height: 30px;
    font-size: 16px;
}

.emptyCell {
    display: none;
}

.disabledByFilter {
    display: none;
}

.res3PrintTable {
    width: 100%;
    min-width: 900px;
}

.res3PrintTable .image1 {
    display: none;
}

.res3PrintTable {
    border-collapse: separate;
    border-spacing: 10px 0;
}

.res3Table {
    border-collapse: separate;
    border-spacing: 10px 0;
    overflow: hidden;
    width: 100%;
}

.res3Table td,
.res3PrintTable td {
    vertical-align: middle;
    border-bottom: 1px solid #000;
    line-height: 1.2;
    padding: 6px 6px;
}

.res3Table td.tdata,
.res3PrintTable td.tdata {
    text-align: center;
}

.res3Table td.blockTitle,
.res3PrintTable td.blockTitle {
    line-height: 3;
}

.res3Table td.network,
.res3PrintTable td.network {
    font-size: 12px;
}

tbody.hide tr.hide {
    display: none;
}

.showHideTableInfo {
    cursor: pointer;
}

.image1 {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: cover;
    vertical-align: text-bottom;
    margin-right: 10px;
}

tbody .showHideTableInfo .image1 {
    background-image: url(../imgs/close.svg);
}

tbody.hide .showHideTableInfo .image1 {
    background-image: url(../imgs/open.svg);
}

.bgintable1 {
    background-color: #f4f4f4;
}

.font11 {
    font-size: 11px;
    line-height: 1.2;
}

.font12 {
    font-size: 12px;
}

.font13 {
    font-size: 13px;

}

.font14 {
    font-size: 14px;
}

.font16 {
    font-size: 16px;
}

.res3PrintTable .cellData {
    margin: 0;
    padding: 0;
}

.res3PrintTable .font11 {
    font-size: 8px;
}

.res3PrintTable .font12 {
    font-size: 9px;
}

.res3PrintTable .font13 {
    font-size: 10px;
}

.res3PrintTable .font14 {
    font-size: 11px;
}

.res3PrintTable .font16 {
    font-size: 12px;
}

.res3PrintTable .font11 {
    font-size: 9px;
}

.res3PrintTable .font12 {
    font-size: 12px;
}

.res3PrintTable .font13 {
    font-size: 12px;
}

.res3PrintTable .font14 {
    font-size: 12px;
}

.res3PrintTable .font16 {
    font-size: 14px;
}

.weight600 {
    font-weight: 600;
}

.fullTable {
    overflow: auto
}

@media only screen and (max-width: 40.063em) {
    .inputHolder2 {
        width: 100%;
        display: inline-block;
    }

    .inputHolder3 {
        width: 100%;
        display: inline-block;
    }

    .reveal-modal,
    dialog {
        margin: 0;
        width: 100%;
    }

    .hideOnMobile {
        display: none;
    }

    .paddingHori40D {
        padding-left: inherit;
        padding-right: inherit;
    }

    .hideOnDesktop {
        display: inherit;
    }

    .mobileRectangle {
        background-color: rgba(255, 255, 255, 0.9);
        margin: 20px;
        padding: 20px;
    }

    .mobileTextCenter {
        text-align: center;
    }

    .mobileWidth100 {
        width: 100%;
    }

    .collapseText {
        display: block;
        padding: 20px 0;
    }

    .closed .collapseText {
        display: none;
    }

    .closed .expandText {
        display: block;
        padding: 20px 0;
    }

    .emptyCell {
        display: none;
    }

    .planGroupLines {
        width: calc(100% - 20px);
    }

    .planGroupReacher {
        display: none;
    }

    .planGroupReacherMobile {
        display: inline-block;
        min-height: 210px;
    }

    .editSummary span {
        display: block;
        padding-right: 0;

    }

    .editSummary {
        text-align: center;
    }

    .buttonHolder2 {
        display: inline-block;
        margin: 20px;
    }

}

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

.text-right {
    text-align: right;
}

.text-right-desktop {
    text-align: right;
}

.text-left {
    text-align: left;
}

.closed {
    padding-bottom: 40px;
    border-bottom: 1px solid #fff;
}

.closed .expandedBorder {
    /*padding-top:40px;*/
}

.expandSign {
    cursor: pointer;
}

.expandSign .plusSign {
    display: none;
}

.expandSign .minusSign {
    display: inline-block;
}

.closed .expandSign .minusSign {
    display: none;
}

.closed .expandSign .plusSign {
    display: inline-block;
}

.expandedContent {
    display: inline-block;
}

.expandedTitle {
    display: inline-block;
    padding-top: 20px;
    padding-bottom: 14px;
    line-height: 1.2
}

.closed .expandedContent {
    display: none;
}

/*font sizes */

/* title01 always 40px */

.title01 {
    font-size: 40px;
}

.bannerTitle {
    font-size: 50px;
    color: #fffef9;
    font-family: 'Fieldwork-Geo';
    font-weight: 300;
}

.bannerTitleContact {
    font-size: 40px;
    color: #000000;
    font-family: 'Fieldwork-Geo';
    font-weight: 300;
}

/* title02 from 40px to 20px*/

.title02 {
    font-size: 40px;
}

/* title03 always 30px */

.title03 {
    font-size: 30px;
}

@media only screen and (max-width: 800px) {
    .title02 {
        font-size: calc(100vw/20);
    }
}

@media only screen and (max-width: 400px) {
    .title02 {
        font-size: 20px;
    }
}

.tooltip {
    position: absolute;
}

.tooltipnet {
    position: absolute;
    display: none;
    left: 3px;
    bottom: calc(100% + 3px);
    width: 700px;
    font-size: 12px;
    z-index: 20;
}

.tooltipCircle {
    position: absolute;
    display: none;
    left: 0;
    bottom: calc(100% + 3px);
    width: 100%;
    font-size: 12px;
    z-index: 20;
}

.defnet {
    position: relative;
}

.defnet:hover .tooltipnet {
    display: block;
}

.defnet:hover .tooltipCircle {
    display: block;
}

.tooltipnet:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 10px;
    margin-left: -8px;
    width: 0;
    height: 0;
    border-top: 8px solid #0095da;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
}

.tooltipCircle:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-top: 8px solid #cae3ef;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
}

.tooltipnetcontent {
    display: inline-block;
    background: #ffffff;
    padding: 5px;
    border: 2px solid #0095da;

}

.tooltipCirclecontent {
    display: inline-block;
    background: #cae3ef;
    padding: 5px;
    border: 2px solid #cae3ef;
    width: 200px;
    font-weight: 400;
    position: absolute;
    bottom: 0;
    right: -5px;
    text-align: left;
}

/*end font sizes */


.nww {
    white-space: nowrap;
    word-break: keep-all;
}

.contenteditable1 {
    line-height: 30px;
    font-size: 16px;
    background-color: #fff;
    border: 1px solid #999;
    border-radius: 5px;
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2) inset;
    color: #666;
    font-family: 'Fieldwork-Geo', sans-serif;
    outline: 0 none;
    padding: 6px 6px 3px;
    width: 100%;
}

/*the container must be positioned relative:*/
.custom-select {
    position: relative;
    font-family: inherit;
}

.custom-select select {
    display: none;
    /*hide original SELECT element:*/
}

.select-selected {
    background-color: #0071bc;
}

/*style the arrow inside the select element:*/
.select-selected:after {
    position: absolute;
    content: "";
    top: 18px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #fff transparent transparent transparent;
}

/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
    border-color: transparent transparent #fff transparent;
    top: 12px;
}

/*style the items (options), including the selected item:*/
.select-items div,
.select-selected {
    color: #ffffff;
    padding: 8px 10px;
    border: 1px solid transparent;
    border-color: rgba(0, 0, 0, 0.1);
    cursor: pointer;
    user-select: none;
}

.select-items div {
    width: 100%;
    text-align: left;
    box-sizing: border-box;
    background-color: #0071bc;
    padding: 8px 20px;
}

/*style items (options):*/
.select-items {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    display: flex;
    width: 100%;
    flex-wrap: wrap;

}

/*hide the items when the select box is closed:*/
.select-hide {
    display: none;
}

.select-items div:hover,
.same-as-selected {
    background-color: rgba(0, 0, 0, 1);
}

.table1 {
    max-height: 830px;
    overflow: auto;
    margin-bottom: 16px;
    position: relative;
}

#NetListTable {
    min-width: 760px;
}

.table1 table {
    min-width: 100%;
}

.table1 tr td:nth-child(even) {
    background-color: #d9d9d6;
}

.table1 tr td:nth-child(odd) {
    background-color: #ececea;
}

/*
.resTableNetPrint tr td:nth-child(even) {
    background-color: #d9d9d6;
}

.resTableNetPrint tr td:nth-child(odd) {
    background-color: #ececea;
}
*/
.resTableNetPrint tr td {
    background-color: #f3f2f3;
}

.resTableNetPrint.white tr td {
    background-color: #ffffff;
}

.table1 tr th {
    background-color: #0071bc;
    color: #ffffff;
    padding: 10px 0;
    position: sticky;
    top: 0;
}

.table1 tr.style2 th {
    background-color: #7fb8dd;
    color: #ffffff;
    padding: 10px 0;
    position: sticky;
    top: 0;
    z-index: 1;
}

.resTableNetPrint tr th {
    background-color: #0071bc;
    color: #ffffff;
    padding: 10px 0;
}

.resTableNetPrint tr.style2 td {
    background-color: #c3edfe;
    color: #000000;
    padding: 4px 0;
    font-weight: 700;
}

.table1 tr td {
    vertical-align: middle;
    padding: 5px;
}

.table1 tr {
    border-bottom: 1px solid #ffffff;
}

.table1 tr td {
    border-bottom: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
}

.resTableNetPrint tr td {
    vertical-align: middle;
    padding: 2px 5px;
}

.resTableNetPrint tr {
    /* border-bottom: 1px solid #ffffff;*/
}

.resTableNetPrint tr td {
    border-left: 1px solid #2b2b2b;
}

.resTableNetPrint tr td.first {
    border-left: 0;
}

.table1 {
    font-size: 14px;
}

#NetListTableTitle .tabline {
    visibility: hidden;
    pointer-events: none;
    /*display: none;*/
}

.toptable {
    position: absolute;
    top: 0;
    left: 0;
    height: 300px;
    overflow: hidden;
    pointer-events: none;
}

.bold1 {
    font-weight: 700;
}

.mb8 {
    margin-bottom: 8px;
}

.compSelect {
    width: calc(100% - 80px);
    display: inline-block;
}

.tcenter {
    text-align: center;
    vertical-align: middle;
}

.table1 tr td.tabtitle,
.tabtitle {
    width: 20%;
    vertical-align: middle;
    background-color: #7fb8dd;
    color: #ffffff;
}

.table1 tr td.tabtitle2,
.tabtitle2 {
    width: 20%;
    vertical-align: middle;
}

.tabcounty {
    width: 10%;
    vertical-align: middle;
}

.tabdata {
    width: 10%;
    font-weight: 700;
}

.tabdataSmall {
    width: 10%;
    font-size: 75%;
    line-height: 1.5;
}

.tabdata2 {
    width: 10%;
}

.tabdot {
    background-color: #0071bc;
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 50%;
    margin-top: 10px;
    margin-left: 2px;
    margin-right: 2px;

}

.tabHollowDot {
    background-color: transparent;
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 50%;
    margin-top: 10px;
    border: 2px solid #0071bc;
    margin-left: 2px;
    margin-right: 2px;
}

.tabHalfDot {
    background-color: transparent;
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 50%;
    margin-top: 10px;
    border: 1px solid #0071bc;
    border-right: 5px solid #0071bc;
    margin-left: 2px;
    margin-right: 2px;

}

.compNetBlock {
    display: none;
}

.table th {
    position: sticky;
    top: 0;
    /* Don't forget this, required for the stickiness */
}

.tabsubtitle {
    background-color: #0071bc;
    color: #ffffff;
    padding: 10px;
    border-bottom: 1px solid #ffffff;
    margin: 0;
}

.fiters1title {
    border-bottom: 1px solid #000000;
    padding-bottom: 8px;
}

.fiters2title {
    border-bottom: 1px solid #0071bc;
    padding-bottom: 8px;
}

.tabfootnotes {
    font-size: 12px;
    font-weight: 700;
    font-style: italic;
}

.printfootnotes {
    font-size: 9px;
    font-style: italic;
    line-height: 1.4;
    padding-bottom: 10px;
    margin: 0;
}

/*
.tabTitle8{width:140px;}
.tabTitle7{width:160px;}
.tabTitle6{width:200px;}
.tabTitle5{width:220px;}
.tabTitle4{width:268px;}
.tabTitle3{width:340px;}
.tabTitle2{width:460px;}
.tabTitle1{width:700px;}
.tabData8{width:60px;}
.tabData7{width:70px;}
.tabData6{width:80px;}
.tabData5{width:100px;}
.tabData4{width:124px;}
.tabData3{width:160px;}
.tabData2{width:220px;}
.tabData1{width:340px;}
*/

/* 20px */
.tabTitle8 {
    width: 160px;
}

.tabTitle7 {
    width: 180px;
}

.tabTitle6 {
    width: 220px;
}

.tabTitle5 {
    width: 240px;
}

.tabTitle4 {
    width: 288px;
}

.tabTitle3 {
    width: 360px;
}

.tabTitle2 {
    width: 480px;
}

.tabTitle1 {
    width: 720px;
}

.tabData8 {
    width: 80px;
}

.tabData7 {
    width: 90px;
}

.tabData6 {
    width: 100px;
}

.tabData5 {
    width: 120px;
}

.tabData4 {
    width: 144px;
}

.tabData3 {
    width: 180px;
}

.tabData2 {
    width: 240px;
}

.tabData1 {
    width: 360px;
}

.cellDataPrint .tabdot2 {
    font-size: 14px;
    line-height: 1.4;
    padding-top: 2px;
    color: #0071bc;
}

#networksDataPrint,
#savenetfilename {
    display: none;
    /*display: block;*/
}

.filterBlock {
    position: relative;
}

.tooltipCompare {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
}

@media only screen and (max-width: 40.063em) {
    .text-right-desktop {
        text-align: inherit;
    }

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

    .filterTitle {
        cursor: pointer;
    }

    .filterBlock {
        position: relative;
    }

    .filterBlock:after {
        content: "";
        position: absolute;
        top: 0;
        right: 10px;
        width: 14px;
        height: 14px;
        border-bottom: 2px solid #0071bc;
        border-right: 2px solid #0071bc;
        transform: rotate(45deg);
        pointer-events: none;
    }

    .filterBlock.fclosed:after {
        transform: rotate(-45deg);
    }

    .tooltipCompare {
        right: 30px;
    }

    .fclosed .filterContent {
        display: none;
    }
}

.infoBlock {
    display: flex;
    justify-content: space-between;
    width: 720px;
    font-size: 9px;
    padding-bottom: 5px;
}

.selectBlocks {
    display: flex;
    justify-content: space-between;
    width: 580px;
    line-height: 1.8;
}

.selectTitle {
    font-weight: 700;
}

.selBlock {
    padding-right: 0px;
}

.selBlock img {
    width: 20px;
    vertical-align: middle;
    padding-right: 5px;
}

.selData {
    max-height: 70px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    padding-right: 10px;
}

.selDataPH {
    display: flex;
    flex-direction: row;
}

.QQcheckbox {
    text-align: center;
    background-color: transparent;
    border: 1px solid #0071bc;
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    margin-right: 5px;
    color: #0071bc;
    line-height: 1.3;
}

.QQradio {
    text-align: center;
    font-size: 16px;
    background-color: transparent;
    border: 1px solid #0071bc;
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    margin-right: 5px;
    border-radius: 50%;
    color: #0071bc;
    line-height: 0.8;
    margin-top: -1px;
}

.page-section.selected .checkmark {
    display: none;
}

.page-section.selected .container {
    padding-left: 0;
}

.page-section.selected .labconteiner {
    display: none;
}

.page-section.selected .labconteiner.selected {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.page-section.selected .labconteiner .container {
    margin-bottom: 0;
}

.page-section.selected .compareSelectBlockContent {
    padding: 10px
}

.page-section.selected .hideOnSelected,
.page-section.selected.hideOnSelected {
    display: none;
}

.showOnSelected {
    display: none;
}

.page-section.selected .showOnSelected {
    display: block;
}

#compareTable {
    display: none;
}

.myCompareBlock.selected #compareTable {
    display: block;
}

.removeSelected,
.showFilters {
    text-decoration: underline;
    cursor: pointer;
}

.labconteiner.selected .conteiner {
    cursor: auto;
}

.filterTitle2 {
    border-bottom: 1px solid #0071bc;
    margin-bottom: 8px;
}

.sliderContainer {
    padding: 40px 20px 0;
}

.disabledByFilter {}

.filter4Block {
    position: relative;
}

.filter4Content {
    position: relative;
}

.itemBlock4 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.item4 {
    display: inline-block;
}

.compWrap {
    display: flex;
}

@media only screen and (max-width: 40.063em) {
    .filterPopup {
        position: absolute;
        z-index: 10;
        background-color: #ffffff;
        width: 90%;
        right: 0;
        top: 0;
        padding-top: 30px;
        border: 1px solid;
        border-radius: 10px;
        display: none;
    }

    .filterPopup:before {
        content: "";
        /* z-index: -1; */
        position: fixed;
        /* right: 0; */
        top: 0;
        left: 0;
        /* bottom: 0; */
        width: 100vw;
        height: 100vh;
        /*background-color: #ff000044;*/
    }

    .filterPopup.opened {
        display: block;
    }

    .filter4Block .tooltipCompare {
        display: none;
    }

    .compWrap {
        display: block;
    }
}


.justWhenSixColumns {
    display: none;
}

.sixcolumns .justWhenSixColumns {
    display: block;
}

.sixcolumns .medium-2_4 {
    width: 16.66667%;
}

.downloadIcon {
    width: 25px;
    height: 25px;
    margin: -7px;
    margin-right: 10px;
}

#resSpreadSheet {
    display: none;
}

.planYearGroup.columns {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 20px;
}

.new2label {
    background-color: #008022;
    padding: 5px 10px;
    border-radius: 15px;
    font-weight: 700;
    font-size: 80%;
    margin-left: 5px;
}

.new3label {
    background-color: #0071bc;
    padding: 5px 10px;
    border-radius: 15px;
    font-weight: 700;
    font-size: 80%;
    margin-left: 5px;
    color: #ffffff;
    vertical-align: middle;
}

.updatedMark {
    background-color: #0071bc;
    padding: 5px 10px;
    border-radius: 15px;
    font-weight: 700;
    font-size: 80%;
    margin-left: 5px;
    color: #ffffff;
    vertical-align: middle;
}

.flexrow1 {
    display: flex;
    align-items: center;
    height: 50px;
}

.flexrow2 {
    display: flex;
    align-items: center;
}

.rowDesign1 {
    color: #ffffff;
    background-color: #003b5c;
    padding: 40px 0;
}

.myrow {
    width: 100%;
    clear: both;
}

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

.myrow:after {
    clear: both;
}

.mycolumn {
    width: 100%;
    min-width: 100%;
    min-height: 1px;
}

.newview .planGroupLines .planContent:nth-child(odd):not(.planSelected):not(.planSelectedPair) {
    background-color: transparent;
}

.newview .myrow:nth-child(odd) .planContent:not(.planSelected):not(.planSelectedPair) {
    background-color: #f3f2f3;
}

.newview input {
    width: 0px;
}

.newview1 .container .checkmark:after {
    top: 2px;
    left: 5px;
    width: 14px;
    height: 13px;
    border-radius: 0;
    background: transparent;
    content: '\2713';
    color: #000000;
    font-size: 20px;
}

.newview .container .checkmark:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    /*border: 2px solid #0071bc;*/
    /*box-shadow: 0 1px 2px rgb(0 0 0 / 5%), inset 0px -15px 10px -12px rgb(0 0 0 / 5%);*/
    padding: 10px;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
    margin-top: -2px;
}

.newview input:checked + .checkmark:after {
    content: '';
    display: block;
    position: absolute;
    top: 2px;
    left: 9px;
    width: 6px;
    height: 14px;
    border: solid #0071bc;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    border-radius: 0;
    background: transparent;

}

.newview .checkmark {
    border-radius: 0;
}

.newview .planContent {
    border-top: 1px solid #e6e6e6;
}

.newview .planContentCenter {
    justify-content: center;
    background-color: #adadad !important;
}

.updatedText {
    font-size: 75%;
}

.planUnavailableText {
    font-style: italic;
    font-size: 80%;
}

.myrow {
    background-image: none;
}

.crossCheckbox {
    width: 30px;
    height: 30px;
    color: #000000;
    display: inline-block;
    vertical-align: middle;
    margin-left: 9px;
}

.planEmptyText {
    display: inline-block;
    padding-left: 9px;
    font-size: 14px;
    text-decoration: line-through;
}

.planEmptyContent {
    margin: 10px;
    border-radius: 5px;
    height: unset;
    padding-top: 5px;
    padding-bottom: 5px;
    opacity: 0.5;
}

.coverageLegendBlock {
    display: inline-block;
    padding: 0 20px;
}

.legendText {
    display: inline-block;
    font-size: 14px;
    line-height: 120%;
    vertical-align: middle;
}

@media only screen and (max-width: 40.063em) {
    .flexrow2 {
        flex-direction: column;
    }

    .coverageLegendBlock {
        padding: 0 10px;
    }

    .legendText {
        font-size: 12px;
    }

    .newview .planContent {
        margin: 10px;
        border-radius: 5px;
        height: unset;
        padding-top: 5px;
        padding-bottom: 8px;
        border-top: 1px solid #e6e6e6;
    }

    .newview .myrow {
        padding: 8px 0;
        border: 1px solid #cccccc;
        margin-bottom: 10px;
        background-color: #e7e4e4;
    }

    .newview .planGroupLines .planContent:nth-child(odd):not(.planSelected):not(.planSelectedPair) {
        background: #ffffff;
    }

    .myrow.blockBronze {
        background-image: url("/imgs/icons/cornerBronze.png");
    }

    .myrow.blockSilver {
        background-image: url("/imgs/icons/cornerSilver.png");
    }

    .myrow.blockGold {
        background-image: url("/imgs/icons/cornerGold.png");
    }

    .myrow.blockPlatinum {
        background-image: url("/imgs/icons/cornerPlatinum.png");
    }

    .planContent {
        background-image: none;
    }

    .planTitle {
        position: relative;
        padding-left: 15px;
        margin-bottom: 0;
        font-size: 14px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        color: #000000;
    }

    .newview .disabledByFilter {
        display: inline-block;
    }

    .planGroupLines .planContent.disabledByFilter:after {
        content: "";
        background-color: #ebebebb3;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
        border-radius: 5px;
    }

    .planContent .container {
        font-size: 14px;
    }

}

tr.whiteBG td {
    background-color: #ffffff !important;
}

.noUi-pips {
    pointer-events: none;
}