@import url('https://fonts.googleapis.com/css?family=Poppins:400,700,800');

html {
    height: 100%;
    margin: 0;
    padding: 0;
}
body, div, header, nav, h1, h2, h3, h4, h5, h6, form, a, p, ul, ol, li, img, textarea, input, select, option {
    font: 100% "Poppins", sans-serif;
    margin: 0;
    padding: 0;
    color: #000;
    list-style: none;
    text-decoration: none;
    box-sizing: border-box;
}
a {
    color: #252F88;
    font-weight: 700;
}
a:hover {
    text-decoration: underline;
}
.button {
    display: inline-block;
    background: #fff;
    padding: 12px 24px;
    margin: 0 4px;
    border-radius: 4px;
    font-weight: 700;
    box-shadow: 1px 1px 4px #5c5c5c;
}
a.read-more-button {
    background: none;
    font-size: 90%;
    padding: 6px 12px;
    box-shadow: none;
    border: solid 2px #252F88;
}
a.read-more-button-green {
    background: #5e7f24;
    color: #fff;
    border: solid 2px #5e7f24;
}
.button:hover {
    background: #CBEBFF;
    text-decoration: none;
}
a.read-more-button:hover {
    background: #252F88;
    color: #fff;
}
a.read-more-button-green:hover {
    background: #fff;
    color: #252F88;
}
.button.active {
    background: #76A12D;
    color: #fff;
}
.button.inactive {
    background: #E0E0E0;
    color: #fff;
}
input, select, textarea {
    border: solid 1px #C0C0C0;
    border-radius: 4px;
    padding: 6px 12px;
}
input[type="submit"] {
    display: inline-block;
    background: none;
    border-radius: 4px;
    font-weight: 700;
    font-size: 90%;
    padding: 6px 12px;
    border: solid 2px #224E4B;
}
iframe {
    width: 100%;
}
.bold, .bold a {
    font-weight: 700;
}
.italic {
    font-style: italic;
}
.center {
    text-align: center;
}
.left {
    float: left;
}
.right {
    float: right;
}
.clear {
    clear: both;
}
.error {
    display: block;
    padding: 8px 16px;
    margin-bottom: 16px;
    color: #CC1C1C;
    border: 1px solid #CC1C1C;
    border-radius: 4px;
}
.msg {
    display: block;
    padding: 8px 16px;
    margin-bottom: 16px;
    color: #76A12D;
    border: 1px solid #76A12D;
    border-radius: 4px;
}
#wrapper {
    background: #F0F0F5;
    height: 100%;
    width: 100%;
	z-index: 100;
	transition: left .5s;
}
#top-nav {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    padding: 4px 64px;
    background: #F0F0F5;
    text-align: right;
    z-index: 100;
}
#top-nav ul li {
    display: inline-block;
    vertical-align: middle;
}
#top-nav ul li.translate {
    margin-right: -12px;
}
#top-nav .goog-te-combo {
    font-family: "Poppins", sans-serif !important;
    margin: 0 !important;
}
#top-nav .goog-te-gadget .goog-te-combo {
    border: none;
    background-color: transparent;
}
#top-nav .goog-te-gadget {
    color: transparent !important;
    font-size: 0px;
}
#top-nav .goog-te-gadget span {
    display: none !important;
}
#top-nav .goog-te-gadget img {
    display: none !important;
}
header {
    position: fixed;
    top: 0;
    left: 0;
    display: grid;
    grid-template-columns: 200px 1fr;
    align-items: center;
    background: #fff;
    height: 125px;
	width: 100%;
    padding: 0 64px;
    z-index: 800;
}
header img {
    max-width: 100%;
}
#menu {
    display: none;
    text-align: right;
}
header nav {
    font-size: 85%;
}
header nav .left {
    float: left;
}
header nav .right {
    float: right;
}
header nav .right a {
    color: #F18F01;
}
header nav ul.left {
    position: relative;
    padding: 0 8px 0 64px;
}
header nav li {
    display: inline-block;
    padding: 32px 8px;
}
header nav li a {
    font-weight: 700;
}
header nav li a.active {
    text-decoration: underline;
}
header nav li.lang {
    margin-left: 64px;
}
header nav li.lang img {
    vertical-align: middle;
}
header nav li ul.dropdown-menu {
    display: none;
    position: absolute;
    top: 64px;
    background-color: #fff;
    padding: 8px 16px;
    box-shadow: 1px 1px 3px #666;
    border-radius: 4px;
    min-width: 220px;
}
header nav li ul.dropdown-menu li {
    display: block;
    font-size: 90%;
    padding: 8px 12px 8px 8px;
}
header nav li ul.dropdown-menu li i {
    position: absolute;
    right: 8px;
    margin-top: 4px;
}
header nav form {
    display: inline-block;
}
header nav select {
    padding: 0;
    border: none;
}
#banner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
    align-items: center;
    height: 110px;
    padding-top: 110px;
}
#banner div:first-child {
    text-align: right;
}
#banner p, #banner a {
    font-weight: 700;
}
#banner img {
    max-width: 100%;
}
.main {
    margin-top: 125px;
}
.main .hero {
    position: relative;
    background-color: rgba(21,51,65,1);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center right;
    box-shadow: -1px 3px 8px #5c5c5c;
}
.main .hero.landing {
    background-image: url(../img/babies-playing-blocks.jpg);
    min-height: 438px;
}

.main #get-started.hero{
    background-image: url(../img/cheeks.jpg);
    min-height: 400px;
}
.main #about.hero{
    background-image: url(../img/sharing-baby-photos.jpg);
    min-height: 400px;
}
.main #faq.hero{
    background-image: url(../img/feeding-baby.jpg);
    min-height: 400px;
}

.main #learnmore.hero{
    background-image: url(../img/babyreach.jpg);
    min-height: 400px;
}
.main #find-us.hero{
    background-image: url(../img/hearts-circle.jpg);
    min-height: 400px;
}
.main .hero.provider {
    background-image: url(../img/providerHero.png);
    min-height: 438px;
}
.main .hero.patient {
    background-image: url(../img/patientHero.png);
    min-height: 438px;
}
.main .hero .intro {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(90deg, rgba(21,51,65,1) 0%, rgba(21,51,65,0.7) 50%, rgba(21,51,65,0.3) 75%, rgba(21,51,65,0) 100%);
    padding: 6.25% 50% 6.25% 6.25%;
}
.main .hero .intro-flex {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    min-height: 438px;
    position: relative;
    background: linear-gradient(90deg, rgba(21,51,65,1) 0%, rgba(21,51,65,0.7) 50%, rgba(21,51,65,0.3) 75%, rgba(21,51,65,0) 100%);
    padding: 16px 6.25%;
}
.main .hero .intro-flex div {
    padding-right: 50%;
}
.main .hero h1 {
    color: #fff;
    font-size: 250%;
}
.main .hero p {
    color: #fff;
    font-size: 120%;
    padding-right: 33%;
}
.main .hero div.buttons {
    position: absolute;
    bottom: -24px;
    left: 0;
    right: 0;
    padding: 0 6.25%;
}
.content .hero {
    height: 128px;
}
.content .hero .intro {
    padding: 175px 6.25%;
    max-height: 430px;
}
.content .section-tabs {
    margin: 32px 6.25% 0 6.25%;
}
.content .section-tabs ul {
    padding: 0;
}
.content .section-tabs li {
    position: relative;
    display: inline-block;
    font-size: 90%;
    list-style: none;
}
.content .section-tabs li a {
    display: block;
    padding: 12px 24px;
}
.content .section-tabs li:last-child a {
    border-right: none;
}
.content .section-tabs li a:hover {
    background: #fff;
    text-decoration: none;
    border-radius: 12px 12px 0 0;
}
.content .section-tabs li a.active {
    background: #fff;
    font-weight: 700;
    border-radius: 12px 12px 0 0;
}
section {
    padding: 32px;
}
.home section.cards {
    display: grid;
    grid-template-columns: repeat( auto-fit, minmax(310px, 1fr) );
    gap: 32px;
    padding: 8px 6.25% 8px 6.25%;
}
.home section.cards:first-of-type {
    padding-top: 64px;
}
.home section.cards .card {
    background: #fff;
    padding: 32px;
    border-radius: 12px;
}
.home section.cards .card:hover {
    background: #CBEBFF;
}
.home section.cards .inner-card {
    display: grid;
    grid-template-columns: 25% 1fr;
    gap: 16px;
}
.home section.cards .form-grid {
    display: grid;
    grid-template-columns: repeat( auto-fit, minmax(400px, 1fr) );
    gap: 20px;
}
.home section.cards .form-grid input {
    width: 100%;
}
.home section.cards .form-grid label {
    display: block;
    font-size: 90%;
}
.home section.cards .card h2, .home section.cards .card h3, .home section.cards .card h4, .home section.cards .card h5, .home section.cards .card h6 {
    color: #76A12D;
    font-size: 125%;
    font-weight: 700;
    padding-bottom: 8px;
}
.home section.cards .card p {
    padding-bottom: 16px;
}
.home section.cards .card p.green {
    color: #76A12D;
}
.home section.cards .card ul {
    padding: 0 32px;
}
.home section.cards .card ul li {
    list-style: disc;
}
.home section.cards .card img {
    display: block;
    margin: auto;
    padding-bottom: 8px;
    max-width: 100%;
}
.home section.cards .card h5 .button {
    font-size: 70%;
}



section.quote {
    max-width: 1024px;
    margin: auto;
}
section.quote h2 {
    font-family: "Comic Relief", sans-serif;
    font-size: 125%;
    font-weight: 400;
    color: #252F88;
}
section.quote h2 span {
    display: block;
    text-align: right;
    padding-top: 16px;
}


.content section.quote {
    max-width: 1024px;
    margin: auto;
}
.content section.quote h2 {
    font-family: "Comic Relief", sans-serif;
    font-size: 125%;
    font-weight: 400;
    color: #252F88;
}
.content section.quote h2 span {
    display: block;
    text-align: right;
    padding-top: 16px;
}







.content section {
    padding: 32px 6.25%;
}
.content section img {
    max-width: 100%;
}
.content section img.left {
    padding-right: 16px;    
    padding: 0 16px 16px 0;
}
.content section img.small {
    width: 64px;
    padding: 0;
    vertical-align: middle;
}
.content section.column-1 {
    position: relative;
    background: #fff;  
    padding: 32px;
    margin: 32px 6.25%;
    border-radius: 12px;  
}
.content section.column-1 .product-grid {
    display: grid;
    grid-template-columns: auto minmax(50%,1fr);
    gap: 32px;
}
.content section.column-1.tabs {
    margin-top: 0;
    border-radius: 0 0 12px 12px;
}
.content section.column-1.tabs.tab-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
}
.content section.column-1 .actions a {
    display: inline-block;
    text-align: center;
    padding: 0 8px;
}
.content section.column-1 .actions .fa-stack {
    font-size: 150%;
}
.content section.column-1 p {
    padding-bottom: 16px;
}
.content section.column-1 p.error, .content section.column-1 p.msg, .home section.cards .card p.error, .home section.cards .card p.msg {
    padding-bottom: 8px;
}
.content section .cards {
    display: grid;
    grid-template-columns: repeat( auto-fill, minmax(310px, 1fr) );
    gap: 32px;
    padding: 8px 16px;
}
.content section .cards .card {
    position: relative;
    background: #fff;
    border-radius: 12px;
    border: solid 1px #ccc;
    padding-bottom: 40px;
    margin-bottom: 12px;
    overflow: hidden;
}
.content section .cards .card p {
    text-align: center;
    padding: 0;
}
.content section .cards .card p.title {
    text-align: left;
    font-weight: 700;
    padding: 8px 16px;
}
.content section .cards .card p.title span {
    display: block;
    padding: 4px 0;
    font-size: 67%;
}
.content section .cards .card p.desc {
    font-size: 90%;
    text-align: left;
    padding: 0 16px 16px 16px;
}
.content section .cards .card p.link {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 8px;
    font-size: 90%;
    background: #F18F01;
    border-radius: 0 0 12px 12px;
}
.content section .cards .card p.link a {
    color: #fff;
}
.content section .cards.webinars {
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
}
.content section .cards.webinars p.title {
    font-size: 75%;
}
.content section .cards.webinars p.title span {
    font-size: 90%;
}
.content section .cards.webinars img {
    width: 64px;
    padding-top: 16px;
}
.content section .cards .card p.done {
    background: #76A12D;
    position: absolute;
    top: -40px;
    left: -52px;
    transform: rotate(-45deg);
    padding: 64px 32px 4px 32px;
}
.content section .cards .card p.done span {
    color: #fff;
    font-weight: 700;
    font-size: 90%;
    line-height: 80%;
}
.search {
    display: grid;
    grid-template-columns: 80px 1fr;
    gap: 8px;
    padding-bottom: 16px;
}
.resultbox p.title {
    float: left;
    font-weight: 700;
    padding-top: 9px;
}
.resultbox .actions {
    float: right;
}
.filters {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    align-items: end;
    gap: 4px;
}
.filters .pocket {
    padding-bottom: 16px;
}
.content section.column-1 .filters .pocket p {
    padding-bottom: 0;
}
.content section.column-1 .left-filter-grid {
    display: grid;
    grid-template-columns: 200px 1fr;
    gap: 16px;
}
.content section.column-1 .left-filter-grid .filters {
    display: block;
    padding-right: 16px;
    border-right: solid 1px #ccc;
}
.content section.column-1 .left-filter-grid .filters .clear-filter {
    visibility: hidden;
    font-size: 80%;
}
.content section.column-1 .filters .pocket {
    font-size: 90%;
    padding-bottom: 8px;
}
.content section.column-1 .filters .select {
    padding: 4px;
}
.content section.column-1 .filters .select a {
    display: block;
    padding-bottom: 4px;
    border-bottom: solid 1px #ccc;
}
.content section.column-1 .filters .select a:hover {
    text-decoration: none;
}
.content section.column-1 .filters .select .options {
    display: none;
    position: absolute;
    background: #fff;
    padding: 4px 8px;
    border: solid 1px #000;
    box-shadow: 1px 1px 3px #000;
    z-index: 999;
}
.content section.column-1 .filters .select .options ul {
    padding-left: 0;
}
.content section.column-1 .filters .select li {
    display: block;
    padding: 2px 0;
}
.content section.column-1 .filters .set-filters {
    color: #DD846B;
    font-size: 80%;
    padding-left: 8px;
}
.content section.column-1 .filters .select a i {
    position: relative;
    top: 6px;
    right: 2px;
    float: right;
    font-size: 90%;
}
.filters select, .search input {
    width: 100%;
}
.results a {
    position: relative;
    display: block;
    padding: 8px 0;
    border-bottom: solid 1px #B6B6BE;
}
.results a:hover {
    text-decoration: none;
    color: #76A12D;
}
.results a span.title {
    font-size: 110%;
    font-weight: 700;
}
.results a span.path {
    font-size: 90%;
    color: #aaa;
    display: block;
    padding: 0 64px 0 0;
}
.results a i.fa-2x {
    position: absolute;
    top: 10%;
    right: 8px;
    color: #DDECEF;
    font-size: 250%;
}
.results .fullreference {
    display: none;
}
.content section.column-2 {
    display: grid;
    grid-template-columns: 400px 1fr;
    gap: 16px;
}
.content section.column-2.flip {
    display: grid;
    grid-template-columns: 1fr 400px;
    gap: 16px;
}
.content section.column-2.flip div.right {
    grid-area: unset;
}
.content section.column-2.half {
    grid-template-columns: repeat( auto-fit, minmax(310px, 1fr) );
}
.content section.column-2.quarter {
    grid-template-columns: 25% 1fr;
}
.content section.column-2 div {
    position: relative;
    border-radius: 12px;
}
.content section div.narrow-block {
    max-width: 850px;
}
.content section.column-2 div.right {
    float: none;
    display: grid;
}
.content section.column-2 div.left {
    padding: 32px;
    background: #fff;
}
.content section.column-2 div.right .top {
    background: #fff;
    padding: 32px;
    /*margin-bottom: 16px;*/
}
.content section.column-2 div.right .right-grid, .content section.column-2 div.left .left-grid {
    display: grid;
    grid-template-columns: repeat( auto-fill, minmax(200px, 1fr) );
    gap: 16px;
}
.content section.column-2 div.right .right-grid img {
    max-width: 100%;
}
.content section.column-2 div.right .bottom {
    padding: 32px;
    background: #fff;
}
.content section.column-2 div.left-nav .nav {
    background: #fff;
    padding: 32px;
    margin-bottom: 16px;
}
.content section.column-2 div.right-list .list {
    padding: 32px;
    background: #fff;
}
.content section.column-2 div.left-nav ul {
    padding: 0;
    border: solid 1px #B6B6BE;
    border-radius: 4px;
}
.content section.column-2 div.left-nav li {
    position: relative;
    list-style: none;
    padding: 0;
    border-bottom: solid 1px #B6B6BE;
}
.content section.column-2 div.left-nav li:last-of-type {
    border-bottom: none;
}
.content section.column-2 div.left-nav li a {
    display: block;
    padding: 8px 16px;
    font-weight: 700;
}
.content section.column-2 div.left-nav li a.active {
    background: #252F88;
    color: #fff;
}
.content section.column-2 div.left-nav li a:hover {
    text-decoration: none;
    background: #252F88;
    color: #fff;
}
.content section.column-2 div.left-nav li a i {
    position: absolute;
    right: 16px;
}
.content section.column-2 .img-grid {
    text-align: center;
}
.content section.column-2 .img-grid img {
    vertical-align: middle;
    padding: 0 8px;
}
.content section.column-2 a.toggle {
    position: relative;
    background: #f1f1f1;
    color: #000;
    padding: 10px 10px 10px 25px;
    display: block;
}
.content section.column-2 a.toggle i {
    position: absolute;
    top: 12px;
    right: 16px;
}
.content section.column-2 div.honorees {
    padding: 16px 0;
    border-top: solid 1px #ccc;
    border-radius: 0;
}
.content section.column-2 div.toggle-div {
    display: none;
    padding: 0 32px 8px 32px;
    border: solid 1px #eee;
    border-top: none;
    border-radius: 0 0 12px 12px;
}
.content section.column-2 ul.no-disc {
    padding: 16px 0 0 0;
}
.content section.column-2 ul.no-disc li {
    list-style: none;
}
.content section.column-2 .form-grid {
    display: grid;
    grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) );
    gap: 20px;
}
.content section.column-2 .form-grid input, .content section.column-2 .form-grid select, .content section.column-2 .form-grid textarea {
    width: 100%;
}
.content section.column-2 .form-grid label {
    display: block;
    font-size: 90%;
}
.content section.column-2 p.red, .content section .red {
    color: #cf2e2e;
}
.content section.column-2 p.yellow {
    color: #fcb900;
}
.content section .orange {
    color: #F18F01;
}
.content section.column-2 p.green {
    color: #76A12D;
}
.content section.column-2 p.note {
    font-size: 90%;
}
.content section.column-2 .keep-together {
    display: inline-block;
}
.wizard {
    max-width: 1024px;
    margin: auto;
}
.wizard a {
    color: #76A12D;
    font-weight: 700;
}
.wizard a.back {
    color: #8D8D8D;
}
.wizard .green {
    color: #76A12D;
}
.wizard div {
    background: #fff;
}
.wizard .step {
    display: grid;
    grid-template-columns: 33% 1fr;
    border-radius: 4px;
    box-shadow: -1px 3px 5px #ccc;
}
.wizard .step.no-img {
    grid-template-columns: 25px 1fr;    
}
.wizard .step.no-img .text-col {
    padding: 100px 32px 128px 32px;
}
.wizard .step.no-img .text-col.no-crumb {
    padding-top: 32px;
}
.wizard .step.no-img .text-col .buttons {
    right: 16px;
}
.wizard .step div {   
    padding: 110px 64px;
}
.wizard .step div.grid {   
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 16px;
    padding: 0;
}
.wizard .step div.step-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 16px;
    padding: 0;
}
.wizard .step div.grid div {
    position: relative;
    border: solid 1px #E7EAEB;
    padding: 16px 16px 24px 16px;
    border-radius: 4px;
}
.wizard .step div.step-grid a {   
    position: relative;
    min-height: 225px;
}
.wizard .step div.step-grid a i {
    position: absolute;
    bottom: 8px;
    right: 8px;
}
.wizard .step div.step-grid a div {  
    padding: 48px 16px 32px 16px;
} 
.wizard .step div.step-grid a.flip3D .front {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    border-top: solid 4px #DDECEF;
    box-shadow: 1px 2px 3px #ccc;
    transform: perspective(600px) rotateY(0deg);
    backface-visibility: hidden;
    transition: transform .5s linear 0s;
}
.wizard .step div.step-grid a.flip3D .back {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding-top: 16px;
    border-top: solid 1px #DDECEF;
    box-shadow: 1px 2px 3px #ccc;
    transform: perspective(600px) rotateY(180deg);
    backface-visibility: hidden;
    transition: transform .5s linear 0s;
}
.wizard .step div.step-grid a.flip3D .back p {
    font-size: 80%;
}
.wizard .step div.step-grid a div img { 
    max-width: 100%;
}
.wizard .step div.step-grid div .number-circle {   
    display: inline-block;
    background: #7FA0B6;
    border-radius: 50%;
    margin-right: 8px;
    width: 20px;
    height: 20px;
    color: #fff;
    font-size: 90%;
    text-align: center;
}
.wizard .step div.grid div p.link {
    position: absolute;
    bottom: 8px;
}
.wizard .step .crumb {   
    position: absolute;
    top: 32px;
    padding: 0;
}
.wizard .step .crumb span.num {  
    display: inline-block; 
    height: 24px;
    width: 24px;
    text-align: center;
    padding: 2px;
    border: solid 1px #C0C0C0;
    border-radius: 50%;
}
.wizard .step .crumb span.active, .wizard .step .crumb span.complete {  
    background: #44788D;
    color: #fff;
    border-color: #44788D;
}
.wizard .step .image-col {
    background: #DDECEF;
}
.wizard .step .image-col img {
    position: relative;
    z-index: 700;
}
.wizard .step .text-col {
    position: relative; 
    padding: 128px;
}
.wizard .step .text-col h1 {
    font-size: 175%;
    font-weight: 700;
    padding-bottom: 16px;
}
.wizard .step .text-col h2 {
    font-size: 150%;
    padding-bottom: 16px;
}
.wizard .step .text-col h1.crumb {
    font-size: 150%;
    font-weight: normal;
    left: 32px;
    right: 32px;
    padding-bottom: 32px;
    border-bottom: solid 1px #D2D2D2;
}
.wizard .step .text-col h1.crumb i {
    padding-right: 8px;
}
.wizard .step .text-col .buttons {
    position: absolute;
    bottom: 32px;
    right: 128px;
}
.wizard .step .text-col .buttons a, .wizard .step .text-col .buttons span {
    margin: 0 16px;
    box-shadow: none;
}
.wizard .step .text-col .buttons .button {    
    border: solid 1px #8DD6B0;
}
.wizard .step .text-col .buttons.center {
    left: 16px;
}
.wizard .step input[type=radio], .modal input[type=radio] {
    visibility: hidden;
    opacity: 0;
    height: 1px;
    width: 1px;
}
.wizard .step label, .modal input[type=radio] + label {
    position: relative;
    display: inline-block;
    font-size: 100%;
    padding: 8px 24px;
    min-width: 32px;
    margin-right: 8px;
    text-align: center;
    border: solid 2px #B6B6BE;
    border-radius: 4px;
}
.wizard .step input[type=radio]:checked + label, .modal input[type=radio]:checked + label {
    border-color: #8DD6B0;
}
.wizard .step label:hover {
    background: #E1F2ED;
}
.wizard .step .long-buttons label {
    width: 100%;
    text-align: left;
}
.wizard .step .long-buttons label .blue {
    color: #62A3BA;
}
.wizard .step label img, .modal input[type=radio] + label img {
    display: none;
    position: absolute;
    top: -8px;
    right: 4px;
}
.wizard .step .text-col .image {
    display: inline-block;
    background: #F5FAFB;
    padding: 16px;
}
.wizard .step .text-col .title {
    font-size: 125%;
    font-weight: 700;
    padding: 8px 0;
}
.wizard .step .text-col .help {
    position: absolute;
    bottom: 32px;
    left: 32px;
    padding: 8px 32px;
    border: solid 1px #E7EAEB;
    border-radius: 4px;
}
.wizard .step .text-col .text-col-nav {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 16px;
}
.wizard .step .text-col .text-col-nav a {
    text-align: center;
}
.wizard .step .text-col .text-col-nav a img {
    border-radius: 50%;
    padding: 4px;
}
.wizard .step .text-col .text-col-nav a.active img, .wizard .step .text-col .text-col-nav a:hover img {
    background: #76A12D;
}
.wizard .info-2col {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    background: none;
}
.wizard .info {
    padding: 16px;
    border: solid 1px #E7EAEB;
    border-radius: 4px;
}
.wizard .info i {
    color: #76A12D;
    font-size: 125%;
    padding-right: 16px;
}
.wizard .step .text-col li {
    padding-bottom: 16px;
}
.wizard .step .text-col li img {
    padding: 0 16px;
    width: 50px;
}
/*.content section.column-2 div.right-list p {
    padding-bottom: 32px;
}*/
.content section h2, .content section h3, .content section h4, .content section h5, .content section h6 {
    font-size: 150%;
    font-weight: 600;
    color: #76A12D;
    padding-bottom: 16px;
}
.content section h2 span.date {
    display: block;
    font-size: 67%;
    color: #8d8d8d;
}
.content section.column-2 div.right-list span {
    display: block;
}
.content section.column-2 div.right-list span.date {
    font-size: 90%;
}
.content section.column-2 div.right-list span.headline {
    font-weight: 700;
}
.content section.column-2 div.right-list ul {
    padding: 0;
}
.content section.column-2 div.right-list li {
    position: relative;
    list-style: none;
    padding: 0 24px 0 0;
    border-bottom: solid 1px #B6B6BE;
}
.content section.column-2 div.right-list li:last-of-type {
    border-bottom: none;
}
.content section.column-2 div.right-list li a {
    display: block;
    padding: 8px 0;
}
.content section.column-2 div.right-list li a:hover {
    text-decoration: none;
    color: #76A12D;
}
.content section.column-2 div.right-list li a i {
    position: absolute;
    right: 8px;
}
.content section.column-2 div.right-list .multi-line li a i {
    top: 50%;
}
.content section.column-2 div.right-list ul.bullets {
    padding-left: 24px;
}
.content section.column-2 div.right-list ul.bullets li {
    list-style: disc;
    padding: 0 0 4px 0;
    border-bottom: none;
}
.content section.column-2 div.right-list ul.bullets li a {
    display: inline;
    padding: 0;
}
section .breadcrumb {
    font-size: 75%;
    font-weight: 700;
    padding-bottom: 8px;
    margin-top: -24px;
    color: #7FA0B6;
}
section .breadcrumb a, section .breadcrumb i {
    color: #8d8d8d;
}
.content section.column-2 p {
    padding-bottom: 16px;
}
.content section.column-2 p.breadcrumb {
    padding-bottom: 8px;
}
.content section.column-2 p.error, .content section.column-2 p.msg {
    padding-bottom: 8px;
}
.content section p.title {
    font-size: 125%;
    font-weight: 600;
    padding-bottom: 16px;    
}
.content section ul, .content section ol {
    padding-left: 24px;
}
/*.content section ul.float-ul {
    position: relative;
    left: 32px;
    padding-right: 32px;
}*/
.content section ul li {
    list-style: disc;
    padding-bottom: 4px;
}
.content section ol li {
    list-style: decimal;
    padding-bottom: 4px;
}
.content section.column-2 .table-scroll {
    overflow-x: auto;
    border-radius: 0;
}
.content section.column-2 table {
    border-collapse: collapse;
    border: solid 1px #000;
    max-width: 1024px;
}
.content section.column-2 table th {
    font-weight: 600;
    text-align: left;
    padding: 8px;
    vertical-align: top;
    border: solid 1px #000;
}
.content section.column-2 table td {
    vertical-align: top;
    padding: 8px;
    border: solid 1px #000;
}
.content section.column-2 blockquote {
    text-align: center;
    padding: 0 32px;
    max-width: 850px;
    border-left: solid 5px #ddd;
}
.content section .input {
    position: relative;
    margin: 8px 0;
}
.content section .input label {
    display: block;
    font-size: 75%;
    color: #888;
}
.content section .input input, .content section .input select {
    width: 100%;
}
.content section button {    
    display: inline-block;
    background: none;
    border-radius: 4px;
    font-weight: 700;
    font-size: 90%;
    padding: 6px 12px;
    border: solid 2px #224E4B;
}
.content section.ipc-search button {
    background: #333;
}
.content section.ipc-search .gsc-tabHeader {
    background-color: transparent;
}
.contact-form label {
    display: block;
    font-size: 90%;
}
.contact-form input, .contact-form select, .contact-form textarea {
    width: 100%;
    margin-bottom: 16px;
}
.contact-form input[type="submit"] {
    width: auto;
}
.content section.column-2 img.right {
    padding: 0 0 16px 16px;
}
.content .map svg {
    max-height: 768px;
}
.content .map svg a:hover path, .content .map svg path.selected {
    fill: #DFE1F6;
}
.content .map svg a:hover {
    color: #fff;
}
footer {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 16px;
    justify-items: center;
    background: #fff;
    margin-top: 64px;
    padding: 16px;
}
footer #footer-logo {
    text-align: right;
}
footer #footer-logo .logo {
    display: inline-block;
    width: 305px;
    text-align: left;
}
footer #footer-logo .address {
    display: inline-block;
    width: 275px;
    text-align: left;
}
footer #footer-nav {
    padding: 6px 16px;
}
footer p.mail {
    font-size: 90%;
    padding-bottom: 8px;
}
footer li {
    padding-bottom: 4px;
}
footer a {
    text-decoration: underline;
    margin-right: 16px;
}
footer p.copy {
    grid-column-end: span 2;
    font-size: 90%;
}

#newpassword {
    display: none;
    animation: fadein .2s;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #999;
    background: rgba(0,0,0,.8);
    z-index: 999;
    overflow-y: auto;
}
#newpassword.show {
    display: block;
}
#newpassword form {  
    box-sizing: border-box;
    background: #fff;
    position: absolute;
    top: 33.33%;
    left: 37.5%;
    width: 25%;
    padding: 32px 32px 64px 32px;
    -webkit-overflow-scrolling: touch;
}
#newpassword form .closemodal {
    font-size: 125%;
    position: absolute;
    top: 2px;
    right: 8px;
}
#newpassword form p.header {
    font-size: 125%;
    font-weight: 700;
}
#newpassword .input {
    position: relative;
    margin: 8px 0;
}
#newpassword label {
    display: block;
    font-size: 75%;
    color: #888;
}
#newpassword input {
    padding: 0 4px 2px 4px;
    width: 100%;
}
#newpassword a.cancel {
    position: absolute;
    bottom: 30px;
    right: 32px;
    font-size: 80%;
}
#newpassword button {
    position: absolute;
    bottom: 24px;
    left: 32px;
    display: inline-block;
    background: none;
    border-radius: 4px;
    font-weight: 700;
    font-size: 90%;
    padding: 6px 12px;
    border: solid 2px #224E4B;
}

.modal-wrap {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 16px;
    background: rgba(0,0,0,.8);
    align-items: center;
    align-content: center;
    z-index: 999;
}
.modal {
    position: relative;
    background: #fff;
    width: 95%;
    max-width: 800px;
    max-height: 100%;
    margin: 12.5% auto;
    padding: 32px;
    overflow: auto;
    border-radius: 4px;
}
#audio-modal, #video-modal, #bandwidth-modal {
    display: none;
}
.modal p.reg {
    font-size: 100%;
}
.close-modal {
    position: absolute;
    top: 6px;
    right: 12px;
}
.modal p {
    font-size: 125%;
}
.modal h5 {    
    font-size: 150%;
    font-weight: 600;
    color: #F18F01;
    padding-bottom: 16px;
}
.modal label {
    display: block;
    padding-bottom: 8px;
}
.modal select, .modal input, .modal audio {
    display: block;
    width: 100%;
}
.modal input[type="submit"] {
    display: inline-block;
    padding: 12px 24px;
    border-radius: 4px;
    font-weight: 700;
    background: #76A12D;
    color: #fff;
    width: auto;
    border: solid 1px #76A12D;
}
.modal a {
    color: #76A12D;
}
.modal a.button {
    border: solid 1px #76A12D;
    box-shadow: none;
}
.modal hr {
    border-style: solid;
    border-color: #D2D2D2;
    border-width: 1px;
}
.modal video {
    height: 300px;
}
#sc-container {
    margin: auto;
}
#sc-start-button {
    visibility: hidden;
}
#sc-results-ping, #sc-results-upload, #sc-branding, #sc-basic-link, #sc-footer {
    display: none;
}
.sc-result {
    float: none !important;
}
.bar-wrap {
    background: #E8ECEE;
    border-radius: 4px;
}
.bar {
    --volume: 0%;
    position: relative;
    width: 100%;
    height: 32px;
    border-radius: 4px;
}
.bar::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border-radius: 5px;
    width: var(--volume);
    background-color: #B6B6BE;
    transition: width 100ms linear;
}


/* AJAX loader */
.half-circle-spinner, .half-circle-spinner * {
    box-sizing: border-box;
}
.half-circle-spinner {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    position: relative;
    margin: auto;
}
.half-circle-spinner .circle {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    border: calc(60px / 10) solid transparent;
}
.half-circle-spinner .circle.circle-1 {
    border-top-color: #153341;
    animation: half-circle-spinner-animation 1s infinite;
}
.half-circle-spinner .circle.circle-2 {
    border-bottom-color: #153341;
    animation: half-circle-spinner-animation 1s infinite alternate;
}
@keyframes half-circle-spinner-animation {
    0% {
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(360deg);
    }
}

/* MEDIA QUERIES */
@media screen and (max-width: 1599px) {
    header nav ul.left {
        padding-left: 20px;
    }
}

@media screen and (max-width: 1439px) {
    header nav ul.left, header nav ul.right {
        float: none;
        padding-left: 20px;
    }
    header nav li {
        padding: 8px;
    }
    header nav li.lang {
        float: right;
    }
    .content section.column-2 img.right {
        width: 100%;
        padding-left: 0;
    }
    .main .hero .intro-flex div {
        padding-right: 25%;
    }
}
@media screen and (max-width: 1023px) {
    header nav {
        display: none;
        position: absolute;
        top: 125px;
        left: 0;
        right: 0;
        background: #fff;
        padding-bottom: 8px;
        box-shadow: 1px 1px 3px #ccc;
        max-height: 600px;
        overflow: auto;
    }
    header nav.show {
        display: block;
    }
    header nav li {
        display: block;
    }
    header nav li.lang {
        float: right;
        margin-top: -260px;
    }
    header nav li ul.dropdown-menu {
        display: block;
        position: static;
        box-shadow: none;
    }
    #menu {
        display: block;
    }
    .main .hero .intro {
        padding: 6.25%;
    }
}
@media screen and (max-width: 799px) {
    .main .hero .intro-flex div {
        padding-right: 0;
    }
    .main .hero h1 {
        font-size: 200%;
    }
    .main .hero p {
        padding-right: 0;
    }
    .main .hero.landing .intro, .main .hero.provider .intro, .main .hero.patient .intro {
        position: relative;
    }
    .main .hero.landing div.buttons, .main .hero.provider div.buttons, .main .hero.patient div.buttons {
        position: relative;
    }
    .main .hero.landing div.buttons a, .main .hero.provider div.buttons a, .main .hero.patient div.buttons a {
        display: block;
        margin: 4px 0;
        max-width: 400px;
    }
    .home section.cards .form-grid, .content section.column-2 .form-grid {
        display: block;
    }    
    .content section.column-1 .product-grid {
        display: block;
    }
    .content section.column-2, .content section.column-2.flip {
        grid-template-columns: repeat( auto-fit, minmax(310px, 1fr) );
    }
    .content section.column-2 div.right {
        grid-area: 1;
    }
    footer {
        display: block;
        text-align: center;
    }
    footer .logos, footer #footer-logo {
        text-align: center;
    }
    footer #footer-logo .logo, footer #footer-logo .address {
        width: auto;
        text-align: center;
    }
}
@media screen and (max-width: 599px) {
    .home section.cards .inner-card {
        display: block;
    }
    .content section .cards {
        display: block;
    }
    .content .section-tabs li {
        display: block;
    }
    .content .section-tabs li:first-child a, .content .section-tabs li:last-child a {
        border-radius: 12px 12px 0 0;
    }
    .filters {
        display: block;
    }
}
@media screen and (max-width: 399px) {
    header {
        grid-template-columns: 180px 1fr;
    }
    .search {
        display: flex;
    }   
    .home section.cards, .content section.column-2 div.right .right-grid  {
        display: block;
    }
    .home section.cards .card, .content section.column-2 .card, .content section.column-2 div.right .right-grid .card  {
        margin-bottom: 32px;
    }
}