html .body {
overflow-x: unset !important;
}
html body .blog-container {
display: none !important;
}
html body .faqs-section {
display: none !important;
}
/************ New Tab 2 **************/
.eg-blog-post {
display: flex;
}
article.eg-blog {
background: #fff;
margin: 20px;
border-radius: 10px;
}
article.eg-blog .blog-post-body {
width: 85% !important;
padding-bottom: 42px !important;
}
article.eg-blog .blog-post-figure {
width: 85% !important;
}
article.eg-blog h2.blog-title {
width: 100%;
text-align: left;
margin-left: 0 !important;
}
article.eg-blog .blog-post-body a {
font-size: 16px;
line-height: 0 !important;
}
article.blog.eg-blog {
margin-top: 3rem;
/* height: 360px; */
padding-top: 0 !important;
}
article.blog.eg-blog>div>a img {
padding-top: 1.5rem;
}
a.eg-new-anc {
display: block;
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 16px;
display: flex;
align-items: center;
text-align: center;
letter-spacing: 2.5px;
text-decoration-line: underline;
text-transform: uppercase;
color: #177080 !important;
cursor: pointer;
padding-top: 30px;
}
article.eg-blog header.blog-header {
padding-bottom: 12px;
}
article.eg-blog .blog-post {
color: #232c2c;
}
span.eg-tab-desc {
background: #f9f2f1;
color: #232c2c;
font-weight: bolder;
font-size: 12px;
padding: 4px 15px;
border-radius: 6px;
display: flex;
margin: 20px 0;
justify-content: flex-start;
width: fit-content;
letter-spacing: 0.8px;
}
.eg-tab-two {
display: none;
}
/***************** Tab Content CSS ************************/
section.egTabHtml.eg-first {
display: flex !important;
align-items: center;
flex-direction: column;
justify-content: center;
margin-bottom: 35px;
}
section.egTabHtml.eg-first div {
display: flex;
}
section.egTabHtml.eg-first p {
flex-basis: 74%;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 22px;
display: flex;
align-items: center;
text-align: center;
color: #232C2C;
max-width: 700px !important;
margin-right: 30px;
}
.eg-cta a {
display: flex;
flex-direction: row;
align-items: flex-start;
padding: 13px 32px;
width: 261px;
height: 42px;
border-color: #177080;
background: #177080;
border-radius: 80px;
}
/****/
html body .reviews .slick-slide:not(.slick-active) {
opacity: 1 !important;
}
html body .product-content .inner-wrapper {
padding-bottom: 31px !important;
margin-bottom: 36px !important;
}
html body a.button.button--primary.more-reviews {
display: none !important;
}
html body .review-trustspot .ts-reviews-rating-options {
display: none !important;
}
html body .review-trustspot .ts-reviews-rating-options {
display: none !important;
}
html body .product-content a.product-title {
color: #232C2C !important;
margin-bottom: 10px !important;
line-height: 1.4 !important;
}
html body section.featured-categories .awards ul li img.eg-hide {
display: none !important;
}
html body .product-content .review {
font-size: 16px;
line-height: 22px;
display: flex;
align-items: center;
color: #232C2C !important;
}
html body .reviews .author {
font-weight: 700;
font-size: 16px;
line-height: 22px;
margin-top: 15px;
color: #232C2C;
}
html body section.reviews>h2.title:nth-child(1) {
font-family: 'Value Serif Pro' !important;
font-style: normal;
font-weight: 700;
font-size: 40px;
line-height: 48px;
text-align: center;
letter-spacing: 0.9px;
color: #177080;
position: relative;
}
html body .reviews h2.title::after {
content: '';
margin-top: 30px;
height: 2px;
width: 90%;
background: #BBE0E5;
;
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
}
html body .reviews .slick-list.draggable {
margin-top: 80px;
}
html body .reviews .product-content .inner-wrapper .review-trustspot .trustspot-inline-rating i {
font-size: 14px;
}
html body .reviews .product-content {
padding-left: 0 !important;
}
/******************* Reviews Section *********************/
html body a.eg-subs-link,
.eg-subs-link+abbr {
font-weight: 300 !important;
color: #177080 !important;
font-family: 'HelveticaNeue' !important;
}
.subscription-container {
background: #F5F4F2;
padding-top: 50px !important;
padding-bottom: 50px !important;
}
.subscription-container div.new-footer-form h2 {
letter-spacing: 1px;
color: #177080;
}
html body .subscription-container a.button {
background: #177080 !important;
border-radius: 80px;
color: #fff !important;
}
html body .subscription-container a.button:hover {
background-color: #189fa9 !important;
border-color: #189fa9 !important;
}
/*********** Reviews *********/
html body section.reviews {
background: #F5F4F2 !important;
padding-bottom: 105px !important;
}
html body .review-slide {
background: #ffffff !important;
}
/************ Hero section ****************/
html body .container section.featured-categories .wrapper {
display: none !important;
}
html body div.body>div.hero-carousel-wrapper>div.stages {
display: none !important;
}
html body div.body>div.hero-carousel-wrapper div.heroCarousel-content>h1 {
font-family: 'Value Serif Pro' !important;
font-style: normal;
font-weight: 700;
font-size: 94px;
line-height: 97px;
display: flex;
align-items: center;
text-align: center;
letter-spacing: 1.81429px;
color: #177080;
}
html body .heroCarousel-content.heroCarousel-content--empty {
margin: 0 auto 0 !important;
margin-left: 6vw !important;
}
html body .heroCarousel-content a.heroCarousel-action {
margin-left: 0 !important;
background: #177080 !important;
border-radius: 80px;
border-color: #177080 !important;
margin-top: 30px !important;
}
html body .heroCarousel-content a.heroCarousel-action:hover {
background-color: #189fa9 !important;
border-color: #189fa9 !important;
}
html body .top-seller .top-seller-tabs ul li.stage-one {
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
}
html body .top-seller .top-seller-tabs ul li.stage-three {
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}
/******************** Stage TAB CSS *********************/
.top-seller .top-seller-tab-content .view-more a {
font-family: 'HelveticaNeue' !important;
font-weight: 700 !important;
background-color: #177080 !important;
border-color: #177080 !important;
}
.top-seller .top-seller-tab-content .view-more a:hover {
background-color: #189fa9 !important;
border-color: #189fa9 !important;
}
html body .top-seller .page-heading {
display: none !important;
}
html body .top-seller .top-seller-tabs ul li {
background-color: #fff !important;
}
html body .top-seller .top-seller-tabs ul li:nth-child(2) {
border-left: 1px solid #EDEBE8;
border-right: 1px solid #EDEBE8;
}
html body .top-seller .top-seller-tabs li[class*="stage"].active {
background: #1EBDC9 !important;
height: max-content !important;
border-color: #1EBDC9 !important;
}
html body .top-seller .top-seller-tabs li[class*="stage"] a {
color: #232C2C !important;
padding: 11px 32px !important;
position: relative;
}
html body .top-seller .top-seller-tabs li[class*="stage"] a>span {
font-family: 'HelveticaNeue' !important;
line-height: 12px;
text-align: center;
}
html body .top-seller .top-seller-tabs li[class*="stage"] a>span:nth-child(1) {
font-weight: 500 !important;
font-size: 10px;
letter-spacing: 1px;
margin-bottom: 4px !important;
}
html body .top-seller .top-seller-tabs li[class*="stage"] a>span:nth-child(2) {
font-size: 14px;
font-weight: 700;
letter-spacing: 2px;
}
html body .top-seller .top-seller-tabs li[class*="stage"] a::after {
width: 0;
height: 0;
border-style: solid;
border-width: 10px 14px 0 14px;
background: transparent !important;
bottom: 0 !important;
transform: translateX(-50%) translateY(100%) !important;
left: 50% !important;
border-color: transparent transparent transparent transparent;
}
html body .top-seller .top-seller-tabs li[class*="stage"].active a::after {
border-color: #1EBDC9 transparent transparent transparent !important;
background: transparent !important;
}
html body .top-seller .top-seller-tabs ul {
max-width: 1350px !important;
width: 100%;
border-bottom: none !important;
}
html body .onMobile li {
background: none !important;
}
html body .mobile-selected {
background: #1ebdc9 !important;
color: #232C2C !important;
}
html body .top-seller .top-seller-tabs .mobile-selected::after {
border-color: #232C2C !important;
}
.eg-right-section {
flex: 1;
background: #E9F8FA !important;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}
h2.eg-header {
font-family: 'Value Serif Pro' !important;
font-style: normal;
font-weight: 700;
font-size: 40px;
line-height: 48px;
display: flex;
align-items: center;
text-align: center;
letter-spacing: 0.9px;
color: #177080;
padding-bottom: 90px;
position: relative;
}
.eg-right-section h4 {
font-family: inherit;
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 28px;
display: flex;
align-items: center;
text-align: center;
color: #232C2C;
margin-bottom: 10px;
}
.eg-right-section p {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 22px;
display: flex;
align-items: center;
text-align: center;
color: #232C2C;
margin-bottom: 40px;
font-family: Arial, sans-serif;
}
h2.eg-header::after {
content: '';
height: 2px;
width: 60px;
background: #00A9B8;
position: absolute;
top: 75%;
left: 50%;
transform: translateX(-50%);
}
.eg-cta-wrapper {
display: flex;
justify-content: space-between;
width: 100%;
max-width: 236px;
margin: 0 auto;
}
a.eg-blog-cta {
display: flex;
flex-direction: row;
align-items: center;
text-align: center;
padding: 13px 32px;
border: 2px solid #177080;
height: 42px;
background: #177080;
border-radius: 80px;
color: #fff !important;
transition: all .3s ease;
}
a.eg-blog-cta:hover {
background-color: #189fa9 !important;
border-color: #189fa9 !important;
}
a.faqs-link.eg-faqs {
display: flex;
flex-direction: row;
align-items: flex-start;
padding: 13px 32px;
height: 42px;
border: 2px solid #177080;
border-radius: 80px;
color: #177080;
}
/***************** Slick CTA ***************/
html body button.slick-arrow {
top: 107% !important;
}
html body button.slick-arrow.slick-next {
right: 48% !important;
transform: translateX(50%);
}
html body button.slick-arrow.slick-prev {
left: 48% !important;
transform: translateX(-50%);
}
html body .reviews .slick-prev::before {
background-image: url(https://img.icons8.com/ios-filled/50/177080/back.png) !important;
height: 16px;
width: 14px;
background-size: 22px;
top: -2px;
left: -3px;
position: relative;
transform: rotate(0) !important;
}
html body .reviews .slick-next::before {
background-image: url(https://img.icons8.com/ios-filled/50/177080/back.png) !important;
height: 16px;
width: 14px;
background-size: 22px;
top: -2px;
left: -2px;
position: relative;
transform: rotate(180deg) !important;
}
html body .review-slide.slick-slide {
border-radius: 10px !important;
}
button.slick-prev.slick-arrow,
button.slick-next.slick-arrow {
background: transparent !important;
border: 3px solid #177080 !important;
}
html body button.slick-arrow.slick-next::before {
top: -4px !important;
left: -2px !important;
}
html body button.slick-arrow.slick-prev::before {
top: -4px !important;
left: -3px !important;
}
/******** New Tabs CSS*************/
.eg-tab-wrapper-stage-2 .eg-content-stage {
text-align: center;
margin-right: 20px;
display: flex !important;
align-items: center !important;
}
#read-more,
#read-less {
text-decoration: underline !important;
}
.eg-mg:nth-child(1),
.eg-mg:nth-child(3) {
display: none !important;
}
section.egNewTabContainer {
display: flex;
flex-direction: column;
align-items: center;
padding: 70px 130px;
background: rgba(30, 189, 201, 0.1);
}
.egTabTitle {
font-family: 'Value Serif Pro';
font-style: normal;
font-weight: 700;
font-size: 34px;
line-height: 48px;
text-align: center;
letter-spacing: 0.9px;
color: #177080;
}
ul.eg-tab-cta-container {
max-width: 900px;
width: 100%;
margin: auto;
display: flex;
flex-direction: row;
position: relative;
margin-top: 50px;
}
.eg-btn-one,
.eg-btn-two {
flex: 1;
display: flex;
justify-content: center;
align-items: center;
padding: 24px 32px;
cursor: pointer;
background: #FFFFFF;
}
.eg-btn-one span,
.eg-btn-two span {
font-size: 19px;
color: #232C2C;
position: relative;
font-weight: 700;
font-family: 'HelveticaNeue' !important;
}
.eg-active {
background: #1EBDC9;
}
.eg-btn-one.eg-active span::after,
.eg-btn-two.eg-active span::after {
content: '';
position: absolute !important;
width: 30px;
height: 30px;
background: #1EBDC9 !important;
bottom: -7px !important;
transform: translateX(-50%) translateY(100%) rotate(45deg) !important;
left: 50% !important;
}
.eg-btn-two {
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}
.eg-btn-one {
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
}
.egImgCont {
width: 106px;
height: 106px;
background: #D9D9D9;
border-radius: 10px;
}
img.eg-dream-image {
height: 100%;
}
.eg-tab-wrapper {
display: flex;
list-style: none;
margin-top: 50px;
flex-wrap: wrap;
}
.eg-content {
display: flex;
flex-direction: column;
align-items: center;
max-width: 250px;
margin-right: 35px;
}
li.eg-content span {
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 22px;
color: #232C2C;
padding-top: 12px;
cursor: pointer;
}
p.eg-tab-txt {
font-style: normal;
font-weight: 400;
text-align: center;
color: #232C2C;
}
.eg-icon {
margin-top: 10px;
cursor: pointer;
}
.eg-tab-cta-wrapper {
display: flex;
justify-content: space-between;
width: 100%;
max-width: 300px;
margin: 0 auto;
margin-top: 40px;
}
ul.eg-tab-cta-container::before {
content: '';
height: 1px;
width: 100%;
background: #BBE0E5;
position: absolute;
top: -40%;
left: 50%;
transform: translateX(-50%);
}
.eg-tab-wrapper .eg-tool {
position: relative !important;
}
ul#stage-tooltip li {
text-align: center;
margin-right: 20px;
}
li.eg-content-stage span {
color: #232C2C;
font-weight: 700;
}
p.eg-tab-txtstage {
padding-top: 9px;
color: #232C2C;
margin-left: 7px !important;
font-weight: 300 !important;
}
.eg-tab-wrapper-stage {
display: none;
position: absolute;
top: calc(75% + 13px);
left: 50%;
transform: translateX(-50%);
z-index: 1;
background-color: white;
padding: 20px;
width: max-content;
}
.eg-tab-wrapper-stage.egShow {
display: flex;
}
ul#stage-tooltip::after {
content: '' !important;
width: 20px;
height: 20px;
background: #fff;
position: absolute;
top: -2%;
left: 17.4% !important;
transform: translateX(-50%) rotate(45deg);
}
ul#stage-tooltip-2::after {
content: '' !important;
width: 20px;
height: 20px;
background: #fff;
position: absolute;
top: -1%;
left: 36.5% !important;
transform: translateX(-50%) rotate(45deg);
}
.eg-sweddle {
font-family: 'Value Serif Pro' !important;
font-style: normal;
font-weight: 700;
font-size: 24px;
line-height: 29px;
display: flex;
align-items: center;
text-align: center;
letter-spacing: 0.9px;
color: #177080;
padding-top: 30px;
}
html body .top-seller-tab-content .top-seller-tab ul+div.view-more {
display: none !important;
}
section.top-seller .ts-reviews-rating {
display: flex !important;
flex-direction: column;
}
html body div.container section.top-seller div.top-seller-tab div.card-body div.trustspot-inline-simple div.ts-reviews-rating .trustspot-inline-star {
order: 1 !important;
padding-top: 8px !important;
display: flex !important;
align-items: flex-start;
justify-content: flex-start;
}
html body div.container section.top-seller div.top-seller-tab .card .trustspot-inline-rating i {
margin-right: 2px;
}
html body section.featured-categories {
background: #fff !important;
}
html body section.featured-categories .awards .title {
color: #177080 !important;
font-family: 'Value Serif Pro' !important;
font-size: 24px !important;
text-transform: capitalize !important;
font-weight: 700 !important;
}
html body .top-seller-tab-content .card-body span.card-title-1,
html body .top-seller-tab-content .card-body span.card-title-2,
html body .top-seller-tab-content .card-body span.card-title-5 {
color: #232C2C !important;
}
html body div.container section.top-seller div.top-seller-tab>ul li>article>div.card-body div.trustspot-inline-simple div.ts-reviews-rating-options>a {
color: #177080 !important;
text-decoration: underline !important;
margin-left: 0 !important;
}
html body .card .price-section {
color: #576B6B !important;
font-weight: 700 !important;
font-size: 16px !important;
}
div.container section.top-seller div.top-seller-tab>ul li {
padding-bottom: 75px !important;
}
div.container section.top-seller div.top-seller-tab>ul li>article>div.card-body div.trustspot-inline-simple {
bottom: 73px !important;
}
p.egProducts {
position: absolute;
bottom: 40px !important;
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 16px;
display: flex;
align-items: center;
text-align: center;
letter-spacing: 2.5px;
text-decoration-line: underline;
text-transform: uppercase;
color: #177080;
cursor: pointer;
}
.egTabAnc {
display: none !important;
}
@media screen and (max-width: 767px) {
li.eg-btn-two {
display: block !important;
padding: 18px !important;
position: relative;
border-radius: 8px !important;
}
ul.eg-tab-cta-container {
flex-direction: column !important;
}
.eg-blog-post {
display: flex;
flex-direction: column !important;
}
.eg-btn-one.eg-active span::after,
.eg-btn-two.eg-active span::after {
display: none !important;
}
article.blog.eg-blog {
margin-top: 1rem !important;
}
.eg-tab-wrapper-stage-2 .eg-content-stage {
margin-bottom: 0 !important;
}
.eg-tab-wrapper-stage {
display: none;
position: absolute;
top: calc(41% + 17px) !important;
padding-bottom: 0 !important;
max-width: 90% !important;
}
li.eg-content {
display: flex !important;
flex-direction: row !important;
align-self: baseline !important;
}
.eg-steps-content {
margin-left: 10px !important;
text-align: left !important;
display: flex !important;
flex-direction: column;
align-items: flex-start;
}
p.eg-tab-txt {
text-align: left !important;
}
ul#stage-tooltip-2 {
position: absolute;
top: calc(55% + 10px) !important;
left: 56%;
}
ul#stage-tooltip-2::after {
left: 37% !important;
}
li.eg-content-stage {
display: flex;
justify-content: center;
align-items: center;
}
p.eg-tab-txtstage {
color: #232C2C;
padding-left: 16px;
}
.top-seller .slick-dots li {
padding-left: 0 !important;
}
#stage-tooltip>li {
margin-right: 0 !important;
flex-direction: column;
}
#stage-tooltip>li p {
padding-left: 0 !important;
margin-left: 0 !important;
margin-top: 4px !important;
}
.top-seller .top-seller-tabs>div {
display: flex !important;
flex-direction: column !important;
}
.top-seller .top-seller-tabs>div>span:nth-child(1) {
font-size: 14px !important;
margin-bottom: 8px !important;
}
.top-seller .top-seller-tabs>div>span>span {
display: none !important;
}
html body .subscription-container div.new-footer-form h2 {
font-size: 16px !important;
line-height: 20px !important;
margin-bottom: 25px !important;
}
html body .subscription-container a.button {
width: 130px !important;
font-size: 14px !important;
line-height: 16px !important;
}
html body .reviews .review-trustspot {
max-width: 260px !important;
margin-left: auto;
margin-right: auto;
}
html body .reviews .review-trustspot .trustspot-inline-rating {
justify-content: flex-start !important;
}
.body .heroCarousel-image-wrapper img {
display: none !important;
}
.heroCarousel-slide .heroCarousel-image,
.heroCarousel-slide .heroCarousel-image-wrapper {
height: 375px !important;
}
.heroCarousel-image-wrapper {
background-image: url("https://cdn11.bigcommerce.com/s-xhiv8v/images/stencil/original/image-manager/2021-06-bunnyswaddle-promomobile.png?t=1622518757&_gl=1*k97zoc*_ga*NjU4OTUwODEzLjE2NTQxNDA1ODc.*_ga_WS2VZYPC6G*MTY4MDU3MjI5Ny41NzkuMS4xNjgwNTczNTc1LjMuMC4w") !important;
background-position: 70% 33% !important;
background-size: cover;
background-repeat: no-repeat;
}
.heroCarousel-content.heroCarousel-content--empty {
display: none !important;
}
.heroCarousel-image-wrapper {
display: flex;
justify-content: center;
align-items: flex-start !important;
padding-top: 69px !important;
}
h2.eg-hero-heading {
font-style: normal;
font-weight: 700;
font-size: 40.3175px;
line-height: 48px;
display: flex;
align-items: center;
text-align: center;
letter-spacing: 0.907143px;
font-family: 'Value Serif Pro' !important;
color: #177080;
}
a.eg-anchor {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 10px 23px;
width: 142px;
height: 48px;
background: #177080;
border-radius: 80px;
color: #fff;
}
.eg-hero-wraaper {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 24px;
background: rgba(255, 255, 255, 0.8);
backdrop-filter: blur(2px);
border-radius: 8px;
}
.eg-hero-wraaper h2 {
margin-bottom: 24px !important;
}
h2.eg-header {
padding-bottom: 70px;
font-weight: 700;
font-size: 24px;
line-height: 29px;
}
.eg-right-section h4 {
font-size: 16px;
line-height: 22px;
}
.eg-right-section p {
font-size: 16px;
line-height: 22px;
}
.eg-cta-wrapper {
flex-direction: column;
text-align: center;
align-items: center;
}
.eg-right-section {
padding-top: 55px;
padding-bottom: 55px;
}
h2.eg-header::after {
top: 72%;
}
a.eg-blog-cta {
margin-bottom: 20px;
}
html body .product-content a.product-title {
max-width: 260px !important;
font-size: 16px !important;
}
html body .product-content a.product-title {
color: #232C2C !important;
margin-bottom: 12px !important;
margin-top: 20px !important;
}
html body .reviews .author {
max-width: 260px !important;
padding-left: 0 !important;
}
html body .reviews .auth-reviews img {
max-width: 260px !important;
margin: auto;
}
html body .product-content .review {
max-width: 260px !important;
}
html body section.reviews>h2.title:nth-child(1) {
font-size: 24px !important;
line-height: 24px !important;
}
html body .reviews .img-wrapper {
height: 210px !important;
width: 240px !important;
border-radius: 8px !important;
}
html body .reviews .img-wrapper img {
position: unset !important;
width: 240px !important;
max-width: none;
}
html body .image-content {
padding-top: 30px !important;
}
html body .img-wrapper img {
object-fit: cover;
}
html body a.product-title {
font-weight: 700;
font-size: 18px;
line-height: 22px;
text-align: left !important;
}
html body .review {
font-weight: 400;
font-size: 16px;
line-height: 22px;
text-align: left !important;
}
html body .author {
text-align: left !important;
padding-left: 10px;
}
html body .reviews h2.title {
font-weight: 700;
font-size: 24px;
line-height: 29px;
width: 320px;
margin: auto;
}
html body button.slick-arrow.slick-next {
right: 40% !important;
}
html body button.slick-arrow.slick-prev {
left: 40% !important;
}
.eg-cta a {
width: 200px !important;
padding: 13px 15px !important;
}
html body section.featured-categories .awards,
html body section.featured-categories .awards ul li {
padding: 0 !important;
}
html body section.featured-categories .awards .title {
margin-bottom: 30px !important;
}
.eg-btn-one {
border-radius: 8px !important;
padding: 18px 32px !important;
}
div.container section.top-seller div.top-seller-tab>ul li>article>div.card-body div.trustspot-inline-simple {
bottom: 40px !important;
}
p.egProducts {
font-size: 12px !important;
bottom: 22px !important;
}
div.container section.top-seller div.top-seller-tab>ul li {
padding-bottom: 40px !important;
}
html body ul.slick-dots {
display: block !important;
bottom: -10% !important;
}
html body .top-seller .slick-dots li button,
.top-seller .slick-dots li button:before {
height: 21px !important;
width: 21px !important;
color: #177080;
border-color: #177080;
}
html body .top-seller .slick-dots li.slick-active button::before {
background-color: #177080 !important;
}
.eg-sweddle.mob {
text-align: center !important;
display: block;
padding-top: 18px;
padding-bottom: 20px;
}
section.egTabHtml.eg-first div {
flex-direction: column;
}
.eg-sweddle:not(.mob) {
display: none !important;
}
section.egTabHtml.eg-first p {
display: block;
font-size: 14px;
}
a.egTabAnc {
display: inline !important;
color: #232c2c;
font-weight: 100 !important;
text-decoration: underline;
font-family: 'HelveticaNeue' !important;
}
.eg-cta.eg-cta-one {
margin-top: 20px;
display: block !important;
}
.eg-cta.eg-cta-one a {
font-size: 12px !important;
}
section.top-seller {
margin-top: -80px;
border-radius: 30px 30px 0 0;
}
.body>.container {
background-color: #f9f9f8;
border-radius: 30px 30px 0 0;
}
.egTabTitle {
font-weight: 700;
font-size: 24px;
line-height: 29px;
display: flex;
align-items: center;
text-align: center;
letter-spacing: 0.9px;
color: #177080;
}
.egTabTitle br {
display: block !important;
}
ul.eg-tab-wrapper {
flex-direction: column !important;
justify-content: center;
align-items: center;
margin-top: 42px !important;
}
li.eg-content {
margin-bottom: 30px;
margin-right: unset !important;
}
.eg-tab-cta-wrapper {
flex-direction: column;
text-align: center;
align-items: center;
margin-top: 0;
justify-content: center;
}
section.reviews {
padding-top: 65px;
}
.eg-tab-wrapper-stage.egShow {
display: flex;
flex-direction: column;
}
section.egNewTabContainer {
padding: 50px 30px;
}
.egTabTitle {
font-weight: 700;
font-size: 24px;
line-height: 29px;
display: flex;
align-items: center;
text-align: center;
letter-spacing: 0.9px;
color: #177080;
}
ul.eg-tab-wrapper {
flex-direction: column !important;
justify-content: center;
align-items: center;
}
li.eg-content {
margin-bottom: 30px;
margin-right: unset !important;
}
.eg-tab-cta-wrapper {
flex-direction: column !important;
text-align: center;
align-items: center;
margin-top: 0;
justify-content: center;
}
section.reviews {
padding-top: 65px !important;
}
ul#stage-tooltip {
flex-direction: column !important;
}
p.eg-tab-txtstage {
padding-top: 5px !important;
}
li.eg-content-stage {
margin-bottom: 25px !important;
}
ul#stage-tooltip::after {
left: 49% !important;
}
.eg-btn-one span::after {
display: none !important;
}
li.eg-btn-one {
position: relative;
text-align: left;
justify-content: left;
}
li.eg-btn-one::after,
li.eg-btn-two::after {
content: '';
position: absolute;
right: 20px;
width: 12px;
height: 12px;
border-right: 2px solid;
border-bottom: 2px solid;
border-color: #000;
top: 50%;
right: 15px;
transform: translateY(-50%) rotate(45deg) !important;
}
}
@media(min-width:1200px) {
.heroCarousel-slide .heroCarousel-image,
.heroCarousel-slide .heroCarousel-image-wrapper {
height: 564px !important;
}
}
@media(min-width:1025px) {
.heroCarousel-content {
top: 259px !important;
}
}
@media screen and (min-width: 768px) {
ul.eg-tab-wrapper>li>div:last-child {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.egNewDream {
display: flex;
flex-wrap: wrap;
}
.eg-img-dream {
flex: 1;
}
.eg-right-section {
flex: 1;
}
html body .reviews .img-wrapper {
margin-right: 0 !important;
}
.egTabTitle br {
display: none !important;
}
html body .reviews .img-wrapper {
border-radius: 8px !important;
width: 100%;
height: 100%;
}
html body .reviews .image-content {
margin-top: 10px !important;
margin-bottom: 10px !important;
margin-right: 20px !important;
padding-left: 15px !important;
}
#read-more,
#read-less {
display: none !important;
}
#swaddle-text-full {
display: inline !important;
}
.egMore {
display: flex;
flex-direction: column;
}
li.eg-content-stage {
text-align: center;
}
}
@media screen and (max-width: 1025px) {
.eg-right-section {
padding-top: 38px !important;
padding-bottom: 50px !important;
}
}
@media (min-width: 851px) and (max-width: 991px) {
section.egNewTabContainer {
padding: 70px 100px !important;
}
}
@media (min-width: 767px) and (max-width: 850px) {
section.egNewTabContainer {
padding: 70px 30px !important;
}
html body button.slick-arrow.slick-prev {
left: 47% !important;
}
html body button.slick-arrow.slick-next {
right: 47% !important;
}
}
@media (min-width: 768px) and (max-width:1025px) {
html body .reviews .img-wrapper img {
width: 100% !important;
}
img.eg-dream-image {
height: 100%;
object-fit: cover !important;
}
}
article.eg-blog h2.blog-title a {
color: #232C2C !important;
}
.eg-icon-close {
display: none !important;
}