body{
overflow-x: hidden;
}
header {
background-color: #A1BDC3;
opacity: 1;
}
.dropdown:hover .dropdown-menu {
display: block;
}
header h4 {
font-size: 1em;
color: white;
text-align: center;
font-weight: lighter;
padding: 10px 0px;
margin-bottom: 0px;
} .cont-hover {
position: relative;
width: 100%;
}
.cont-hover .image {
display: block;
width: 100%;
height: auto;
}
.overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
opacity: 1;
background: rgba(19, 171, 206, 0.6);
}
.wrapp-text {
background: #e9fbff;
padding: 6px 25px;
border-radius: 4px;
color: #1ba7cf;
font-size: 20px;
position: absolute;
top: 70%;
left: 50%;
-webkit-transform: translate(-50%, -100%);
-ms-transform: translate(-50%, -100%);
transform: translate(-50%, -100%);
text-align: center;
}
.wrapp-text .text {
display: inline-block;
width: 198px;
}
.light-gray {
background-color: #F0F7FA !important;
}
.wrapper-text-hl {
color:  #7C7C7C;
line-height: 1.75em;
font-size: 1.2rem;
}
.wrapper-text-hl h3{
font-family: "Averta PE W05 Extrabold";
color: #1FA6CF;
line-height: 1.35em;
font-size: 2.15rem;
display: block;
}
.wrapper-text-hl a {
color: #FD953F;
}
.wrapper-text-hl a:hover {
color: #174c3a !important;
}
.img-col img { width: 100%; }
.blue-bg h3 {
font-family: "Averta PE W05 Extrabold";
color: #FFFFFF;
font-size: 2.15rem;
} 
.blue-bg {
color: #FFFFFF;
background-color: #1FA6CF;
line-height: 1.75em;
font-size: 1.2rem;
}
.wrapper-text {
font-size: 1.42rem;
color: #7C7C7C;
text-align: center;
}
.wrapper-text a {
text-decoration: underline;
color: #1FA6CF;
}
.wrapper-text a:hover {
text-decoration: underline;
color: #58a983;
}
.videos {
background-image: url(https://hiccaway-zzrknacmnjkk6llhd.netdna-ssl.com/wp-content/uploads/2021/09/bg-general2.jpg);
background-repeat: no-repeat;
background-size: cover;
}
.title {
margin-top: 10%;
margin-bottom: 16%;
font-size:5em;
color: #1FA6CF;
line-height: 1.2em;
font-family: "Averta PE W05 Extrabold";
}
.title-mobile .title {
font-size:3.5em;
}
.btn-gen {
color: white !important;
border-radius: 3rem !important;
padding:2rem 4.5rem;
font-family: "Averta PE W05 Extrabold";
font-weight: normal;
letter-spacing: 0.05em;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
transition: all 0.4s;
cursor: pointer;
font-size: 1.3rem;
}
.btn-gen:hover {
background-color: #98CADB !important;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
transition: all 0.4s;
text-decoration: none;
cursor: pointer;
}
.btn-order {
margin-top: 10%;
font-family: "Averta PE W05 Extrabold";
font-weight: normal;
padding: 2rem 4.5rem;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
transition: all 0.4s;
cursor: pointer;
font-size: 1.4rem;
}
.btn-order:hover{
background-color: #98CADB !important;
color: black;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
transition: all 0.4s;
text-decoration: none;
cursor: pointer;
}
.circle-button{
border-radius: 100%;
color: white !important;
font-family: "Averta PE W05 Extrabold";
font-weight: normal;
}
h1.text-green {
font-family: "Averta PE W05 Extrabold";
font-size: 3.4em
}
h2.text-green-light {
font-family: 'Averta PE W05 Regular';
font-size: 2.4em;
}
.kickstarter img {
width: 100%;
}
.kickstarter {
width: 23%;
height: auto;
position: absolute;
bottom: 11px;
}
.videos h2.text-green, .videos h2.text-blue {
font-family: "Averta PE W05 Extrabold";
font-size: 3.4em
}
.videos h3.text-green-light, .videos h3.text-blue-light {
font-family: 'Averta PE W05 Regular';
font-size: 2.4em;
}
.videos h3.text-blue-light {
color: #98CADB;
}
.mobile-videos h2.text-green {
font-size: 3em
}
.mobile-videos h3.text-green-light {
font-family: 'Averta PE W05 Regular';
font-size: 2em;
}
.btn-shop{
padding: 5rem 4.5rem;
font-size: 1.7em;
}
.btn-shop-new {
display: inline-block;
padding: 1rem 3.5rem;
font-size: 1.1em;
background: #508591;
color: #fff;
text-transform: uppercase;
border-radius: 32px;
font-family: "Averta PE W05 Extrabold";
margin-top: 50px;
margin-bottom: 30px;
}
.btn-shop-new:hover {
text-decoration: none;
color: #fff;
background: #FF8131;
}
.btn-plus{
padding: 10px 14px;
}
.question-tlt {font-family: "Averta PE W05 Extrabold";
font-size: 1.4em}
.light-blue {
background-color: #dbeaec;
}
.amazon-logo {
display: block;
margin: 37px auto;
max-width: 111px;
}
.videos .title-videos{
margin-bottom: 30px;
}
.videos .video-big {
margin-bottom: 20px;
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%;
}
.videos iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.videos .video-thumb {
margin-bottom: 40px;
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%;
}
.videos .video-thumb img{
width: 100%;
}
#videoModal .video-thumb{
margin-bottom: 40px;
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%;
}
#videoModal iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#videoModal .modal-content{
background-color: transparent;
border: none;
}
#videoModal .modal-header{
border: none;
}
#videoModal .modal-header button{
background-color: transparent !important;
color: white;
border: none;
}
#videoModal .modal-header i{
font-size: 22px;
}
#videoModal .modal-header button:focus{
outline: none;
}
#videoModal .close{
text-shadow: none;
}
.review{
background-color: #E9F3F7;
}
.review .card{
background-color: #98CADB;
border-radius: 10px;
border-color: #98CADB;
}
.review .card-body {
text-align: center;
}
.card-body p {
color: #fff;
font-size: 1.14rem;
text-align: left;
margin-bottom: 0;
}
.main-text { background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.answ-block {
flex: 1 1 auto;
min-height: 1px;
padding: 1.25rem;
} .card-title.mb-5.text-green.text-center {
font-size: 1.5rem;
}
.card-deck small, .mobile-review small {
font-size: 1.2em;
font-family: "Averta PE W05 Extrabold";
}
.card-text p{
font-size: 1.2rem;
text-align: left;
color: #fff !important;
}
.review .card-footer {
border: none;
background-color: transparent;
font-weight: bold;
}
.review .card-deck {
margin-bottom: 40px;
}
.faq {
background-color: #f9f9f9;
}
.faq h1 {
margin-bottom: 50px;
}
.faq img {
width: 114%;
margin-left: auto;
}
.faq .fa {
margin-right: 10px;
}
.faq .card {
border: none;
}
.faq .card-header {
background-color: transparent;
}
.science {
}
.bubbles {
position: absolute;
z-index: 100;
width: 100%;
height: auto;
display: block;
}
.bg-science {
background: #dae8ea;
background-image: url(https://hiccaway-zzrknacmnjkk6llhd.netdna-ssl.com/wp-content/uploads/2020/11/science-bubbles.svg);
background-repeat: no-repeat;
}
.press {
background: #ffffff !important;
}
.science h2{
font-family: "Averta PE W05 Extrabold";
color: #1FA6CF;
font-size: 3.5rem;
margin-bottom: 54px;
}
.press-title h2 {
font-family: "Averta PE W05 Extrabold";
color: #4F8592;
font-size: 2.7rem;
}
.press-title-mobile h2 {
font-family: "Averta PE W05 Extrabold";
color: #4F8592;
font-size: 3.5rem;
}
.faq h2{
font-family: "Averta PE W05 Extrabold";
font-size: 3.5rem;
}
.science img{
width: 100%;
}
.science p {
padding: 15px 0 1px;
font-size: 1.2rem;
margin: 0 1.25rem 2rem 1.25rem;
}
.package {
position: relative;
padding-bottom: 0px !important;
padding-top: 0px !important;
}
.package .left{
background-color: #ededed;
text-align: center;
padding: 90px 0px;
}
.package .right h3{
color: white;
font-family: 'Averta PE W05 Regular';
}
.package h3 {
font-size: 2.5rem;
}
.package .right{
background-color: #4F8592;
text-align: center;
padding: 90px 0px;
font-family: 'Averta PE W05 Regular';
}
.package .dot {
position: absolute;
top: 47%;
left: 50%;
transform: translate(-50%, -50%);
}
.circle-button {
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
transition: all 0.4s;
cursor: pointer;
}
.circle-button:hover {
background-color: #b0c4c6 !important;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
transition: all 0.4s;
text-decoration: none;
cursor: pointer;
}
.one-pack img {
max-width: 394px;
}
.gral-info {
background-color: #e5e5e5;
}
.gral-info .col-md-4 {
text-align: center;
color: #4F8592;
}
.gral-info .col-md-4 img{
width: 100%;
background-color: #ffffff;
}
.gral-info .col-md-4.dr img{
background-color: #dbeaec;
}
.hicc .pic .pic-thumb {
border: 2px solid #4F8592;
width: 298px;
height: 298px;
background-color: #ffffff;
}
.hicc .pic .col-md-4 {
overflow: hidden;
}
.water-bg img{
margin-top: -302px;
}
.text-dark-gray {
color: #7C7C7C;
}
.px-6 {
padding-left: 6rem!important;
padding-right: 6rem!important;
}
.fa-star {
color: #ffc900;
font-size: 2rem !important;
margin: 5px;
}
.water-bg {
background-image: url(https://hiccaway-zzrknacmnjkk6llhd.netdna-ssl.com/wp-content/uploads/2020/10/water-clear-2.png);
background-position: center 10%;
background-blend-mode: multiply;
width: 100%;
height: 400px;
background-size: cover;
background-repeat: no-repeat;
opacity: opacity: 0.8;
}
.answ-block a:before {
content: '\f0a9';
font-family: 'FontAwesome';
padding-right: 7px;
}
.answ-block p {
color: #7C7C7C;
}
.answ-block a {
color: #679e83;
text-decoration: none;
}
.answ-block a:hover {
color: #24714b;
}
.newpack span {
font-size: 2rem;
}
.newpack h3 {
font-family: "Averta PE W05 Extrabold";
color: #508591;
line-height: 1.35em;
font-size: 2.75rem;
display: block;
}
.newpack.videos {
background-repeat: repeat;
background-size: cover;
background: #f5f5f5; }
.wrap-wondering {
background: #E9F3F7;
}
.wrapper-text-q {
font-size: 1.1rem;
color: #7C7C7C;
}
img.hand-img {width: 125%; } .video {
width: 100%;
border: 1px solid #d9d9d9;
}
.wrapper{
display:table;
width:auto;
position:relative;
width:100%;
}
.playpause {
background-image:url(https://hiccaway-zzrknacmnjkk6llhd.netdna-ssl.com/wp-content/uploads/2021/11/play-button-800.png);
background-repeat:no-repeat;
width:50%;
height:50%;
position:absolute;
left:0%;
right:0%;
top:0%;
bottom:0%;
margin:auto;
background-size:contain;
background-position: center;
} @media (max-width: 575.98px) { 
.water-bg img {
margin-top: -158px;
max-width: 79%;
background-size: 167% auto !important;
}
.water-bg {
background-size: 167% auto !important;
background-position: center bottom !important;
}
.package .dot {
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%);
}
.btn-shop {
padding: 4rem 3.5rem;
font-size: 1.6em;
}
.press-title-mobile h2{
font-size: 3rem;
}
.more-t-mobile .btn-gen {
padding: 2rem 2rem !important;
}
img.hand-img {
width: 89%;
} } @media (min-width: 576px) and (max-width: 767.98px) { 
.water-bg img {
margin-top: -158px;
max-width: 50%;
background-size: 167% auto !important;
}
.water-bg {
background-size: 167% auto !important;
background-position: center bottom !important;
}
.package .dot {
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%);
}
.more-t-mobile .btn-gen {
padding: 2rem 2rem !important;
}
img.hand-img {
width: 89%;
}
} @media (min-width: 768px) and (max-width: 991.98px) {
img.pipes-img {
z-index: 20;
width: 100%;
position: absolute;
left: 48%;
top: 50%;
transform: translate(-50%, -50%);
}
} @media (min-width: 992px) and (max-width: 1199.98px) { 
img.pipes-img {
z-index: 20;
width: 100%;
position: absolute;
left: 48%;
top: 50%;
transform: translate(-50%, -50%);
}
} @media (min-width: 1200px) { 
img.pipes-img {
z-index: 20;
width: 100%;
position: absolute;
left: 48%;
top: 50%;
transform: translate(-50%, -50%);
}
}/*/*/@media (max-width: 575.98px) {
.wrapp-text {
padding: 6px 4px !important;
}
}/*/*/@media (max-width: 767.98px) { 
.wrapp-text {
padding: 6px 25px !important;
}
}