small sup {
font-family:AvenirLTPro-Roman !important;
font-weight:normal;
}

.header-section {
box-shadow: 0px 2px 3px rgba(0,0,0,.16);
padding: 15px 0 .5vw;
border-radius: 0px 0px 15px 15px;
width: 100%;
background-color: #fff;
position:relative;
margin-bottom:-10px;
}

.header-section-nav {
display:table;
margin:auto;
}

@media (max-width:925px) {
.header-section-nav {
display:block;
width:100%;
}
}

@media (max-width:500px) {
.X_header-section {
box-shadow:none;
padding: 15px 0 0vw;
border-radius: 0;
}
}

.header-logos {
display:table-cell;
vertical-align:middle;
padding-left:20px;
}

@media (max-width:925px) {
.header-logos {
display: block;
padding: 0;
width: 74%;
margin: auto;
float:left;
text-align:center;
}
}

.header-nav {
vertical-align:middle;
display:table-cell;
padding:0 5vw 20px;
}

@media (max-width:925px) {
.header-nav {
display: none;
}
}

.header-nav-buttons {
background-color:#449AE1;
padding:10px 16px;
border-radius:25px;
font-size:16px;
line-height:20px;
white-space:nowrap;
text-align:center;
}

@media (max-width:925px) {
.header-nav-buttons {
}
}

.header-nav a {
font-family:AvenirLTPro-Heavy;
color:#fff;
font-weight:bold;
text-decoration:none;
padding:0 2vw;
}

.header-nav a:hover {
text-decoration:underline;
}

@media (max-width:925px) {
.header-nav a {
font-weight:normal;
display:none;
}
}

@media (max-width:925px) {
.header-mobile-nav {
width: 13%;
float:left;
text-align:right;
}
}

.mobile-nav {
display:none;
}

@media (max-width:925px) {
.mobile-nav {
display:inline-block;
cursor:pointer;
width:32px;
height:28px;
}
}

#mobile-nav-overlay {
display:none;
z-index:1000;
top:0;
width:100%;
height:100%;
background:rgba(0,0,0,.8);
position:fixed;
}

.header-logos-overlay {
max-width:55%;
margin:auto;
display:block;
max-height:7vw;
min-height:45px;
}

.header-menu-close {
display:block;
width:100%;
padding: 2.5vw 0 1vw 0;
background: #19388a;
position:relative;
cursor:pointer;
}

.close-x {
position:absolute;
top:0;
left:6vw;
padding:20px 2vw 0 0;
}

.header-menu-item-mobile {
font-family:AvenirLTPro-Roman;
font-size:18px;
font-weight:bold;
color:#154B95;
display:block;
width:93%;
padding: 4vw 0 3vw 7%;
background: #fff;
border-bottom: 1px solid #1B39A5;
text-decoration:none;
}

.header-search {
display:table-cell;
vertical-align:middle;
padding-bottom:18px;
position:relative;
z-index:999;
}

@media (max-width:925px) {
.header-search {
display:block;
padding-right: 0;
position: absolute;
right: 0vw;
top: 1.5vw;
width:13%;
float:left;
}
}

.header-search #cludo-search-form .search-button, .header-search #cludo-search-form button, .header-search #cludo-search-form-content button, .header-search .cludo-search-form .search-button, .header-search .cludo-search-form button {
background-color:#fff;
position:relative;
}

.sign-up-tab {
position: fixed;
width: 9vw;
right: 0;
top: 50vh;
z-index:1;
}

@media (max-width:767px) {
.show-on-desktop {
display:none;
}
}

@media (min-width:768px) {
.show-on-mobile {
display:none;
}
}

body, h1, h2, h3, h4, h5, h6, p {
font-family: AvenirLTPro-Roman;
color:#454545;
padding:0;
margin:0;
font-size:1.15vw;
line-height:1.8vw;
}

@media (max-width:1224px) {
body, h1, h2, h3, h4, h5, h6, p {
font-size:14px;
line-height:20px;
}
}

@media (max-width:767px) {
body, h1, h2, h3, h4, h5, h6, p {
font-size:4.3vw;
line-height:5.3vw;
}
}

img {
width:auto;
max-width:100%;
height:auto;
}

.section-margins {
width:80%;
margin:auto;
}

.hero-heading {
color:#1B39A5;
font-family: 'Arvo', serif;
font-size:3.35vw;
line-height:3.55vw;
}

@media (max-width:1224px) {
.hero-heading {
font-size: 41px;
line-height:43px;
}
}

@media (max-width:767px) {
.hero-heading {
font-size: 6.95vw;
line-height:9vw;
}
}

.hero-paragraph {
font-size:1.46vw;
line-height:2vw;
}

@media (max-width:1224px) {
.hero-paragraph {
font-size: 16px;
line-height: 21px;
}
}

@media (max-width:767px) {
.hero-paragraph {
font-size:4.25vw;
line-height:5.3vw;
}
}

.section-heading {
font-family: 'Arvo', serif;
font-weight:bold;
color:#1B39A5;
font-size:2.5vw;
line-height:3.1vw;
background-size: contain;
background-repeat: no-repeat;
text-align:center;
margin:auto;
max-width: max-content;
}

@media (max-width:1224px) {
.section-heading {
font-size:26px;
line-height:32px;
}
}

@media (max-width:767px) {
.section-heading {
font-size:6.4vw;
line-height: 6.95vw;
}
}

.subheading {
font-family: AvenirLTPro-Heavy;
font-weight:bold;
color:#449AE1;
font-size:2.1vw;
line-height:2.6vw;
background-size: auto 100%;
background-repeat: no-repeat;
max-width: max-content;
}

@media (max-width:1224px) {
.subheading {
font-size:22px;
line-height:25px;
}
}

@media (max-width:767px) {
.subheading {
font-size:5.85vw;
line-height:6.95vw;
text-align:center;
}
}

.orajelkids-button {
display:inline-block;
color:#fff;
background:#449AE1;
border-radius:2vw;
font-weight:bold;
}

@media (max-width:1224px) {
.orajelkids-button {
border-radius:25px;
}
}

@media (max-width:767px) {
.orajelkids-button {
border-radius:5vw;
margin: 4vw auto 0;
}
}

.orajelkids-button:hover {
background:#FD8B00;
}

.orajelkids-button-label {
font-family: AvenirLTPro-Heavy;
font-size:1.25vw;
padding:0 1vw 0 1.5vw;
vertical-align:middle;
}

@media (max-width:1224px) {
.orajelkids-button-label {
font-size:13px;
}
}

@media (max-width:767px) {
.orajelkids-button-label {
font-size:4.25vw;
line-height:10vw;
padding: 0 2vw 0 3.5vw;
}
}

.orajelkids-button img {
height:2vw;
vertical-align:middle;
padding:.5vw;
}

@media (max-width:1224px) {
.orajelkids-button img {
height:20px;
padding:5px;
}
}

@media (max-width:767px) {
.orajelkids-button img {
height:8vw;
padding:.5vw 1vw 1vw;
}
}

.two-up .product-card {
width:46%;
margin:2%;
text-align:center;
float:left;
}

.three-up .product-card {
width:29.3%;
margin:2%;
text-align:center;
float:left;
}

.product-card {
width:21%;
margin:2%;
text-align:center;
float:left;
}

@media (max-width:767px) {
.product-card {
width:46%;
}
}

.product-card-product-name {
display:inline-block;
font-family:AvenirLTPro-Heavy;
font-weight:bold;
font-size:1.4vw;
line-height: 1.8vw;
color:#449AE1;
min-height:5em;
margin-bottom:1em;
letter-spacing: .25px;
}

@media (max-width:1224px) {
.product-card-product-name {
font-size:17px;
line-height: 22px;
}
}

@media (max-width:767px) {
.product-card-product-name {
font-size: 4.2vw;
line-height: 5.3vw;
margin-bottom:.25em;
font-weight:normal;
}
}

.product-card a:hover .orajelkids-button {
background:#FD8B00;
}

.helpful-links-section {
width:100%;
}

.helpful-links-heading {
width:75%;
background-image:url('/images/helpful-links-heading-bg.svg');
background-position: 50%;
padding: 1.5vw 0 1vw;
margin-top:4vw;
}

@media (max-width:767px) {
.helpful-links-heading {
padding: 5vw 0 4vw;
margin-top:9vw;
}
}

.helpful-links {
width:69%;
margin:auto;
text-align:center;
}

@media (max-width:1224px) {
.helpful-links {
width:82%;
}
}

@media (max-width:767px) {
.helpful-links {
width:96%;
}
}

.helpful-link {
float: left;
width: 28%;
margin: 7vw 2% 0;
border: 2px solid #449AE1;
border-radius: 25px;
}

@media (max-width:767px) {
.helpful-link {
float:none;
width:80%;
margin:7vw 0 0 16%;
}
}

.helpful-links-four-up .helpful-link {
float: left;
width: 22.5%;
margin: 7vw 1% 0;
border: 2px solid #449AE1;
border-radius: 25px;
}

@media (max-width:1050px) {
.helpful-links-four-up .helpful-link {
float: left;
width: 43%;
margin: 7vw 3% 4vw;
border: 2px solid #449AE1;
border-radius: 25px;
}
}

@media (max-width:767px) {
.helpful-link, .helpful-links-four-up .helpful-link {
float:none;
width:80%;
margin:4vw 0 0 16%;
}
}

.helpful-link-image {
margin-top: -6vw;
width:86%;
}

@media (max-width:767px) {
.helpful-link-image {
float: left;
width: 40%;
margin: 5.75vw 2vw 0 -12vw;
}
}

@media (max-width:767px) {
.helpful-link-text-cta {
float: left;
width: 70%;
text-align: left;
margin: 3vw 0;
}
}

.helpful-link-title {
font-family:AvenirLTPro-Heavy;font-weight:bold;
color:#1B39A5;
font-size:1.46vw;
line-height:1.9vw;
display:block;
margin:2vw;
min-height:5.9vw;
}

@media (max-width:1224px) {
.helpful-link-title {
font-size:17px;
line-height: 21px;
min-height:5.5rem;
}
}

@media (max-width:767px) {
.helpful-link-title {
font-size:4.8vw;
line-height: 5.3vw;
text-align:left;
margin-left:0;
min-height:16.3vw;
}
}

.helpful-link a {
text-decoration:none;
display:block;
}

.helpful-link .orajelkids-button {
margin-bottom:2.25vw;
}

.helpful-link a:hover .orajelkids-button {
background:#FD8B00;
}


.slick-slide {
height: inherit !important;
}

.slick-slide img {
width:auto;
margin:auto;
}

.slick-prev::before, .slick-next::before {
color:#1B39A5;
}

.slick-dots {
bottom:5px;
}

.stage-guides-section {
background-image:linear-gradient(#f7fafe, #fff);
width:100%;
margin:auto;
}

@media (max-width:767px) {
.stage-guides-section {
background:#fff;
margin-left:4%;
width:90%;
padding:2vw 0;
}
}

.stage-guide-cards {
width:69%;
max-width:1400px;
margin:auto;
text-align:center;
}

.sg-two-up {
width:90%;
}

@media (max-width:767px) {
.stage-guide-cards, .sg-two-up .stage-guide-cards {
background-color:unset;
width: 95%;
margin-left: 6%;
}
}

.stage-guide-card {
float: left;
width: 30.3%;
margin: 7vw 1.5% 0;
border-radius: 25px;
}

.sg-two-up .stage-guide-card {
float:left;
width:47%;
margin:4vw 1.5% 0;
}

@media (max-width:767px) {
.stage-guide-card, .sg-two-up .stage-guide-card {
float:none;
width:94%;
margin:8vw auto 6vw;
font-size:4.8vw;
line-height: 5.3vw;
text-align:left;
min-height:16.3vw;
}
}

@media (max-width:767px) {
.stage-guide-card {
}
}

.stage-guide-image {
margin-top: -6vw;
max-width: 50%;
}

.sg-two-up .stage-guide-image {
float: left;
width: 11vw;
margin: -3vw 0vw 1vw 0vw;
}

@media (max-width:767px) {
.stage-guide-image, .sg-two-up .stage-guide-image {
float: left;
width: 40%;
margin: -4vw 0vw 3vw -12vw;
}
}

.sg-two-up .stage-guide-text-cta {
float: left;
width: 62%;
text-align: center;
margin: 1vw 0 1vw;
padding:0 0.5%;
}

@media (max-width:767px) {
.stage-guide-text-cta, .sg-two-up .stage-guide-text-cta {
float: left;
width: 70%;
text-align: center;
margin: 3vw 0;
padding:unset;
}
}

.stage-guide-title {
font-family:AvenirLTPro-Heavy;font-weight:bold;
color:#1B39A5;
font-size:1.46vw;
line-height:1.9vw;
display:block;
margin:.5vw 1vw;
min-height:5.9vw;
}

@media (max-width:1224px) {
.stage-guide-title {
font-size: 17px;
line-height: 21px;
}
}

.sg-two-up .stage-guide-title {
text-align:center;
margin-left:0;
min-height:0;
padding-bottom:.5vw;
}

@media (max-width:767px) {
.stage-guide-title, .sg-two-up .stage-guide-title {
font-size:4.8vw;
line-height: 5.3vw;
text-align:center;
margin-left:0;
min-height:0;
padding:1vw 0 3vw;
}
}

.stage-guide-card p {
padding:0 .75vw;
min-height: 6em;
}

.sg-two-up .stage-guide-card p {
min-height: 4.5em;
padding-bottom:1vw;
}

.stage-guide-card a {
text-decoration:none;
display:block;
}

.stage-guide-card .orajelkids-button {
margin-bottom:2.25vw;
}

.sg-two-up .stage-guide-card .orajelkids-button {
margin-bottom:1vw;
}

@media (max-width:767px) {
.sg-two-up .stage-guide-card .orajelkids-button {
margin-bottom:2.25vw;
}
}

.stage-guide-card a:hover .orajelkids-button {
background:#FD8B00;
}

.our-products-categories {
text-align: center;
width: 75%;
margin: auto;
}

@media (max-width:767px) {
.our-products-categories {
width: 100%;
}
}

.our-products-category {
width: 29%;
float: left;
margin: 2%;
}

@media (max-width:767px) {
.our-products-category {
width:46%;
}
}

.our-products-category .orajelkids-button {
color: #1B39A5;
background: #fff;
border: 2px solid #449AE1;
box-shadow: 0 .25vw .25vw rgba(0,0,0,.1);
}

.our-products-category:hover .orajelkids-button {
background: #449AE1;
color:#fff;
}

.our-products-category .product-card-product-name {
min-height:unset;
}

@media (max-width:767px) {
.our-products-category .product-card-product-name {
font-size: 4.4vw;
margin-bottom:0;
}
}

@media (max-width:767px) {
.prod-cat-03 {
width:100%;
}
}

@media (max-width:767px) {
.prod-cat-03 .our-products-category {
float:none;
margin:auto;
}
}

footer {
background-color:#E2F0FF;
background-image: url('/images/footer-bg.svg');
background-repeat: no-repeat;
background-position: 100% 50%;
background-size: contain;
margin-top:5vw;
text-align:center;
padding:4vw 0;
}

@media (max-width:767px) {
footer .section-margins {
width:95%;
margin:auto;
}
}

.footer-logos {
padding:1vw 0 2vw;
}

@media (max-width:767px) {
.footer-logos {
width: 55%;
float: left;
padding-left: 5%;
}
}

@media (min-width:768px) {
.footer-social-upper {
display:none;
}
}

@media (max-width:767px) {
.footer-social-upper {
width:40%;
float:left;
}
}

@media (max-width:767px) {
.footer-social-upper img {
width:25%;
padding:0 3.5%;
}
}

@media (max-width:767px) {
.footer-intro {
padding-bottom: 4vw;
}
}

.footer-signup-form {
background-color: #fff;
border-radius: 25px;
width: 70%;
margin: 2.5vw auto;
padding: 2vw;
box-shadow:.1vw .25vw .5vw rgba(0,0,0,.16);
}

@media (max-width:767px) {
.footer-signup-form {
width:96%;
}
}

.footer-signup-form p {
padding-bottom:2vw;
}

#first_name {
float:left;
width:41.5%;
padding:.75%;
border:none;
border-bottom:1px solid #449AE1;
margin:1%;
}

#last_name {
float:left;
width:51.5%;
padding:.75%;
border:none;
border-bottom:1px solid #449AE1;
margin:1%;
}

#email {
float:left;
width:51.5%;
padding:.75%;
border:none;
border-bottom:1px solid #449AE1;
margin:1%;
}

.birthdate {
float:left;
width:41.5%;
padding:.75%;
border:none;
border-bottom:1px solid #449AE1;
margin:1%;
}

@media (max-width:767px) {
#first_name, #last_name, #email, .birthdate {
float:none;
width:98.5%;
min-height:2em;
}
}

.form-check {
padding-top:2vw;
}

.footer-email-icon {
padding-top:6vw;
}

.footer-emailsignup-heading {
font-family: 'Arvo', serif;
color:#449AE1;
font-size: 1.88vw;
line-height:1.88vw;
margin:2vw 0;
}

@media (max-width:767px) {
.footer-emailsignup-heading {
font-size: 5.3vw;
line-height: 5.3vw;
padding: 4vw 0;
}
}

.footer-signup-form .orajelkids-button {
cursor:pointer;
margin:1.5vw auto 0.5vw;
}

@media (max-width:767px) {
.footer-signup-form .orajelkids-button {
margin: 6vw auto 7vw;
}
}

.footer-moreinfo-heading {
font-family: 'Arvo', serif;
color:#449AE1;
font-size: 1.88vw;
line-height:1.88vw;
padding:2vw 0 1vw;
}

@media (max-width:767px) {
.footer-moreinfo-heading {
font-size: 5.3vw;
line-height: 5.3vw;
}
}

.footer-social-lower {
margin:1vw 0 2vw;
}

@media (max-width:767px) {
.footer-social-lower {
display:none;
}
}

.footer-social-lower img {
padding:0 .75vw;
width:3vw;
}

.footer-button-row {
width:75%;
margin:auto;
}

@media (max-width:767px) {
.footer-button-row {
width:90%;
}
}

@media (max-width:1000px) {
.footer-button-row {
width:100%;
}
}

.footer-link-cta {
width: 31.3%;
display: block;
float: left;
margin: .25vw 1%;
}

@media (max-width:767px) {
.footer-link-cta {
width: 100%;
float: none;
margin: .25vw 0%;
}
}

.footer-link-cta .orajelkids-button {
width:100%;
text-align:left;
position:relative;
color:#449AE1;
background:#fff;
}

@media (max-width:767px) {
.footer-link-cta .orajelkids-button {
margin:2vw auto 0;
}
}

@media (max-width:1224px) {
.footer-link-cta .orajelkids-button {
min-height:20px;
}
}

.footer-link-cta .orajelkids-button:hover {
color:#fff;
background: #FD8B00;
}

.footer-link-cta .orajelkids-button-label {
line-height:3vw;
}

@media (max-width:767px) {
.footer-link-cta .orajelkids-button-label {
line-height:10vw;
font-weight:normal;
}
}

.footer-link-cta .orajelkids-button img {
position:absolute;
right:0;
top:0;
height:2vw;
}

@media (max-width:767px) {
.footer-link-cta .orajelkids-button img {
padding:1vw;
height:8.5vw;
}
}

.thank-you-message {
padding-bottom:6vw;
}

.mikmak-discover {
cursor:pointer;
}