html {
font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body {
margin: 0;
}  article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
} audio,
canvas,
progress,
video {
display: inline-block; vertical-align: baseline; } audio:not([controls]) {
display: none;
height: 0;
} [hidden],
template {
display: none;
}  a {
background-color: transparent;
} a:active,
a:hover {
outline: 0;
}  abbr[title] {
border-bottom: 1px dotted;
} b,
strong {
font-weight: bold;
} dfn {
font-style: italic;
} h1 {
font-size: 2em;
margin: 0.67em 0;
} mark {
background: #ff0;
color: #000;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}  img {
border: 0;
} svg:not(:root) {
overflow: hidden;
}  figure {
margin: 1em 40px;
} hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
} pre {
overflow: auto;
} code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}   button,
input,
optgroup,
select,
textarea {
color: inherit; font: inherit; margin: 0; } button {
overflow: visible;
} button,
select {
text-transform: none;
} button,
html input[type="button"], input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; cursor: pointer; } button[disabled],
html input[disabled] {
cursor: default;
} button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
} input {
line-height: normal;
} input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
} input[type="search"] {
-webkit-appearance: textfield; -moz-box-sizing: content-box;
-webkit-box-sizing: content-box; box-sizing: content-box;
} input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
} legend {
border: 0; padding: 0; } textarea {
overflow: auto;
} optgroup {
font-weight: bold;
}  table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
body {
font-size: 20px;
line-height: 28px;
font-family: 'Roboto', serif;
font-weight: 400;
color: #547681;
background-color: #fff;
}
.container-1600 {
max-width: 1600px;
}
.container-custom {
max-width: 1110px;
}
.container-custom2 {
max-width: 750px;
}
.container-custom3 {
max-width: 830px;
}
.no-padding {
padding: 0;
}
h1 {
font-size: 27px;
font-weight: 500;
color: #547681;
}
.share_button {
color: #fff;
border-radius: 30px;
padding: 5px;
display: inline-block;
padding-left: 30px;
padding-right: 30px;
font-weight: bold;
font-size: 14px;
}
.share_button__link,
.share_button__link:hover {
display: inline-block;
cursor: pointer;
text-decoration: none;
}
.share_button--fb {
background-color: #475993;
}
.share_button--tw {
background-color: #76a9ea;
}
.article-image {
border-radius: 20px;
-webkit-box-shadow: 0px 0px 13px 6px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 13px 6px rgba(0,0,0,0.25);
box-shadow: 0px 0px 13px 6px rgba(0,0,0,0.25);
}
.white {
color: #ffffff;
}
.dark {
color: #1b1819;
}
.dblue {
color: #043140;
}
.lblue {
color: #45c7ed;
}
.main-title-color {
color: #46c7ed;
}
.main-text-color {
color: #547681;
}
.slide-text-color {
color: #3e565e;
}
.bg-white {
background-color: #ffffff;
}
.bg-lightblue-color {
background-color: #45c7ed;
}
.grey {
color: #666666;
}
.font-12 {
font-size: 12px;
line-height: 20px;
}
.font-14 {
font-size: 14px;
line-height: 20px;
}
.font-15 {
font-size: 15px;
line-height: 20px;
}
.font-16 {
font-size: 16px;
line-height: 22px;
}
.font-17 {
font-size: 17px;
line-height: 22px;
}
.font-18 {
font-size: 18px;
line-height: 24px;
}
.font-21 {
font-size: 21px;
line-height: 24px;
}
.font-24 {
font-size: 24px;
line-height: 34px;
}
.font-27 {
font-size: 27px;
line-height: 34px;
}
.font-30 {
font-size: 30px;
line-height: 34px;
}
.font-36 {
font-size: 36px;
line-height: 46px;
}
.font-44 {
font-size: 44px;
line-height: 54px;
}
.font-light {
font-weight: 300;
}
.font-regular {
font-weight: 400;
}
.font-semi-bold {
font-weight: 600;
}
.font-bold {
font-weight: 700;
}
@media only screen and (max-width: 575px) {
.font-36 {
font-size: 30px;
line-height: 33px;
}
.font-16 {
font-size: 15px;
line-height: 20px;
}
}
div.mod-languages ul {
margin: 0;
padding: 0;
list-style: none;
}
.mod-languages select {
border: none;
}
.mod-languages li {
list-style-type: none;
}
.mod-languages a {
color: #043140;
}
div.mod-languages a {
text-decoration: none;
display: flex;
align-items: center;
}
div.mod-languages img {
margin-right: 10px;
}
.header img {
max-width: 260px;
}
.header-inner {
background-color: #ffffff;
position: relative;
z-index: 9999;
}
.navbar {
padding: 0;
}
#nav-icon3 span {
width: 23px;
height: 4px;
background-color: #043140;
display: block;
margin-bottom: 2px;
}
#main-navigation ul.main-navigation-old li {
position: relative;
}
#main-navigation ul.main-navigation-old li a {
color: #043140;
font-size: 16px;
font-weight: 600;
padding-bottom: 20px;
padding-top: 20px;
}
#main-navigation ul.main-navigation-old li div div a {
color: #45c7ed;
font-size: 16px;
font-weight: 600;
padding-bottom: 20px;
padding-top: 20px;
}
#main-navigation .dropdown-menu {
top: 95%;
}
#main-navigation .dropdown-menu a {
padding-bottom: 10px;
padding-top: 10px;
}
#main-navigation .dropdown-item:focus,
#main-navigation .dropdown-item:hover {
color: #fff;
background-color: rgba(69,199,237,0.5);
}
#main-navigation .dropdown-item.active,
#main-navigation .dropdown-item:active {
color: #fff;
background-color: #45c7ed;
}
#main-navigation .nav-item:hover .dropdown .dropdown-menu {
display: block;
}
.submenus {
position: absolute;
background-color: #ffffff;
width: 100%;
top: 100%;
left: 50%;
z-index: 900;
max-width: 1560px;
margin: 0px auto;
transform: translateX(-50%);
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
overflow: hidden;
box-shadow: 0 0 40px 2px rgba(0,0,0,0.4);
}
.submenus .submenu-inner {
padding: 50px 45px;
z-index: 901;
position: relative;
}
.submenus > div {
display: none;
}
.submenus h3 {
position: relative;
padding-bottom: 20px;
}
.submenus h3::after {
content: '';
display: block;
position: absolute;
width: 65px;
background-color: #45c7ed;
bottom: 0;
left: 0;
height: 4px;
border-radius: 5px;
}
.submenus ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.submenus ul.two-columns {
columns: 2;
-webkit-columns: 2;
-moz-columns: 2;
}
.submenus li a {
padding: 0;
font-weight: 400;
font-size: 14px;
color: #043140;
}
@media only screen and (max-width: 991px) {
.header_logo {
position: relative;
z-index: 999;
background-color: #043140;
}
div#navbarCollapse {
position: fixed;
width: 80%;
left: 0;
top: 0;
background-color: #043140;
height: 100%;
max-width: 380px;
color: #ffffff;
overflow: scroll;
}
#main-navigation ul.main-navigation-old {
padding-bottom: 30px;
padding-top: 30px;
}
#main-navigation ul.main-navigation-old li {
display: block;
width: 100%;
text-align: left;
padding-bottom: 20px;
}
#main-navigation ul.main-navigation-old li a {
color: #ffffff;
padding: 0 20px;
font-size: 18px;
}
#main-navigation ul.main-navigation-old li:hover::after,
#main-navigation ul.main-navigation-old li a.active::after,
#main-navigation ul.main-navigation-old li.hover::after {
display: none;
}
.mod-languages {
margin-left: 20px;
}
}
.rainbow_row {
position: absolute;
bottom: -8px;
width: 100%;
z-index: -1;
display: flex;
}
.rainbow_row__item {
display: inline-flex;
width: 10%;
height: 8px;
}
.rainbow_row__item--orange {
background-color: #febe10;
}
.rainbow_row__item--green {
background-color: #c3d941;
}
.rainbow_row__item--blue {
background-color: #45c7ed;
}
ul.main-navigation {
padding: 0;
margin: 0;
list-style-type: none;
}
ul.main-navigation > li {
display: inherit;
position: relative;
}
ul.main-navigation > li > a {
color: #043140;
font-size: 16px;
font-weight: 600;
padding: 20px;
text-decoration: none;
}
ul.main-navigation > li > ul {
-webkit-border-radius: 15px;
-webkit-border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
-moz-border-radius: 15px;
-moz-border-radius-topleft: 0;
-moz-border-radius-topright: 0;
border-radius: 15px;
border-top-left-radius: 0;
border-top-right-radius: 0;
text-align: left;
padding: 0;
margin: 0;
list-style-type: none;
top: 100%;
background-color: #fff;
position: absolute;
width: 200px;
z-index: 999;
display: none;
}
ul.main-navigation > li > ul > li > a {
padding: 10px 20px;
font-size: 16px;
font-weight: 600;
text-decoration: none;
color: #07313f;
display: block;
}
ul.main-navigation > li > ul > li > ul {
-webkit-border-radius: 15px;
-webkit-border-top-left-radius: 0;
-moz-border-radius: 15px;
-moz-border-radius-topleft: 0;
border-radius: 15px;
border-top-left-radius: 0;
text-align: left;
padding: 0;
margin: 0;
list-style-type: none;
background-color: #f5f5f5;
left: 100%;
position: absolute;
width: 200px;
display: none;
top: 0;
}
ul.main-navigation > li > ul > li > ul > li > a {
padding: 10px 20px;
font-size: 16px;
font-weight: 600;
text-decoration: none;
color: #07313f;
display: block;
}
ul.main-navigation > li:hover > a {
color: #4dc7eb;
}
ul.main-navigation > li:hover > ul {
display: block;
}
ul.main-navigation > li:hover > ul >li > a:hover {
color: #4dc7eb;
background-color: #f4f4f4;
}
ul.main-navigation > li:hover > ul >li.hover > a {
color: #4dc7eb;
background-color: #f4f4f4;
}
ul.main-navigation > li:hover > ul >li:hover > ul {
display: block;
}
ul.main-navigation > li:hover > ul >li:hover > ul >li > a:hover {
color: #4dc7ec;
background-color: #ffffff;
}
@media only screen and (max-width: 991px) {
ul.main-navigation {
padding-bottom: 30px;
padding-top: 30px;
}
ul.main-navigation li a {
color: #ffffff;
padding: 0 20px;
font-size: 18px;
}
ul.main-navigation li:hover::after,
ul.main-navigation li a.active::after,
ul.main-navigation li.hover::after {
display: none;
}
ul.main-navigation > li {
display: block;
width: 100%;
text-align: left;
}
ul.main-navigation > li > ul {
display: block;
position: relative;
top: 0;
left: 0;
background: transparent;
color: #fff;
width: 100%;
}
ul.main-navigation > li > ul > li {
text-align: left;
}
ul.main-navigation > li > ul > li > a {
color: #fff;
padding: 0;
padding-left: 40px;
}
ul.main-navigation > li > ul > li > ul {
display: block;
position: relative;
background: transparent;
color: #fff;
top: 0;
left: 0;
}
ul.main-navigation > li > ul > li > ul > li {
text-align: left;
}
ul.main-navigation > li > ul > li > ul > li > a {
color: #fff;
padding: 0;
padding-left: 60px;
}
}
#full-width-slider a {
color: #fff;
}
#full-width-slider a:hover {
text-decoration: none;
}
#full-width-slider .carousel-item-bg {
width: 100%;
height: 90%;
position: absolute;
top: 0;
left: 0;
background-repeat: no-repeat;
background-size: cover;
background-position: top center;
}
#full-width-slider .carousel-item-bg::after {
width: 100%;
height: 100%;
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
background-color: #57bfd9;
opacity: 0.8;
}
#full-width-slider .slider_title {
margin-top: 50px;
margin-bottom: 20px;
}
#full-width-slider .slider_description {
margin-bottom: 30px;
}
#full-width-slider .slider_frontimage {
z-index: 9;
transform: translateY(10%);
}
#full-width-slider .carousel-indicators li {
border-radius: 10px;
width: 10px;
height: 10px;
background-color: #81989f;
transition: 0.2s width ease-in-out;
cursor: pointer;
}
#full-width-slider .carousel-indicators li.active {
border-radius: 10px;
width: 30px;
height: 10px;
background-color: #45c7ed;
}
#full-width-slider .carousel-control-prev {
left: 5px;
}
#full-width-slider .carousel-control-next {
right: 5px;
}
#full-width-slider .carousel-control-prev img,
#full-width-slider .carousel-control-next img {
max-width: 100%;
}
#full-width-slider .carousel-indicators {
right: 0;
bottom: -50px;
}
.owl-theme .owl-dots .owl-dot span,
.owl-theme .owl-dots .owl-dot:hover span {
border-radius: 10px;
width: 10px;
height: 10px;
background-color: #81989f;
margin: 0 3px;
transition: 0.2s width ease-in-out;
outline: none;
}
.owl-theme .owl-dots .owl-dot.active span {
border-radius: 10px;
width: 30px;
height: 10px;
background-color: #45c7ed;
}
.owl-theme .owl-dots .owl-dot {
outline: 0;
}
.owl-carousel .owl-stage {
display: flex;
}
.owl-carousel .owl-item {
display: flex;
flex: 1 0 auto;
height: auto !important;
}
.hot-products-main-title {
color: #000;
margin-bottom: 40px;
}
.hot-products a.customPrevBtn {
position: absolute;
bottom: -2px;
left: calc(50% - 90px);
font-size: 30px;
color: #45c7ed;
z-index: 1;
}
.hot-products a.customNextBtn {
position: absolute;
bottom: -2px;
right: calc(50% - 90px);
font-size: 30px;
color: #45c7ed;
z-index: 1;
}
.hot-products .hot-product {
background-color: #fff;
border-radius: 5px;
overflow: hidden;
padding: 10px 0 58px;
box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.1);
transition: all 0.3s ease-in-out;
margin: 10px 5px 10px;
}
.hot-products .hot-product .product-image {
max-width: 300px;
margin: 0px auto;
padding: 20px;
}
.hot-products .hot-product a {
text-decoration: none;
}
.hot-products .hot-product .product-title {
color: #547681;
padding: 0px 40px;
margin-bottom: 10px;
text-align: center;
}
.hot-products .hot-product .product-desc {
text-align: center;
padding: 0px 20px;
}
.hot-products .hot-product .product-link {
background-color: #45c7ed;
color: #fff;
text-align: center;
padding: 15px;
visibility: hidden;
position: absolute;
bottom: 10px;
width: calc(100% - 10px);
height: 58px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
left: 5px;
}
.hot-products .hot-product:hover {
box-shadow: 0px 0px 3px 2px rgba(69,199,237,0.4);
}
.hot-products .hot-product:hover .product-link {
visibility: visible;
}
.hot-products .hot-product.hovered .product-link {
visibility: visible;
}
.hot-products.category_page .hot-product {
margin: 0;
border-left: 1px solid #d9e3e6;
height: 100%;
}
.hot-products.category_page .hot-product .product-link {
width: calc(100% - 30px);
left: 15px;
bottom: 0;
}
.hot-products.category_page .col-12 {
margin-bottom: 30px;
}
.video-home {
position: relative;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
}
.video-home .custom {
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.video-home h3 {
position: relative;
z-index: 2;
}
.video-home::before {
content: '';
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 1;
background: -moz-linear-gradient(left,#febe10 0%,rgba(255,255,255,0) 90%,rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(left,#febe10 0%,rgba(255,255,255,0) 90%,rgba(255,255,255,0) 100%);
background: linear-gradient(to right,#febe10 0%,rgba(255,255,255,0) 90%,rgba(255,255,255,0) 100%);
}
.video-home .custom-content {
padding: 30px 30px 0;
font-size: 18px;
line-height: 26px;
}
.video-home .custom-content img {
margin-bottom: 30px;
}
.video-homepage {
position: relative;
z-index: 2;
}
.video-homepage p a {
display: block;
margin: 0 auto;
width: 136px;
height: 136px;
color: transparent;
}
.video-homepage p a::before {
display: block;
content: url(//www.helenvita.com/wp-content/themes/helenvita/assets/images/play-button.png);
}
.hidden-link {
display: none;
}
.latest-news a {
text-decoration: none;
}
.latest-news h3 {
font-size: 24px;
line-height: 34px;
font-weight: 700;
margin-left: 20px;
}
.latest-news .col-12 {
margin-bottom: 20px;
}
.latest-news .latest-new {
border-radius: 15px;
border: 1px solid #dce5e8;
background-color: #fff;
padding: 20px;
margin-bottom: 20px;
height: 100%;
-webkit-box-shadow: 0px 0px 13px 7px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 13px 7px rgba(0,0,0,0.1);
box-shadow: 0px 0px 13px 7px rgba(0,0,0,0.1);
transition: box-shadow 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.latest-news .latest-new h3 {
font-size: 18px;
line-height: 24px;
font-weight: 600;
color: #46c7ed;
margin-left: 0;
}
.latest-news .latest-new .new-desc {
font-size: 14px;
line-height: 20px;
color: #547681;
}
.latest-news .latest-new:hover {
-webkit-box-shadow: 0px 0px 13px 7px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 13px 7px rgba(0,0,0,0.3);
box-shadow: 0px 0px 13px 7px rgba(0,0,0,0.3);
}
.acymailing_introtext {
font-size: 24px;
font-weight: 700;
display: block;
color: #fff !important;
margin: 0px 5px 10px;
}
.acymailing_form {
border-radius: 35px;
border: 1px solid #ffffff;
display: inline-block;
padding: 5px 10px 5px 10px;
position: relative;
background: #fff;
margin-top: 10px;
width: 100%;
max-width: 320px;
}
.acymailing_form .input-group>.form-control {
max-width: 257px;
}
.acymailing_form .form-control {
display: inline-block;
width: 100%;
outline: none;
border: 0px solid transparent;
max-width: 257px;
}
.acymailing_form .form-control:focus {
outline: none;
}
.acymailing_form .button-gold {
display: inline-block;
position: relative;
top: 5px;
right: 5px;
border: 0;
background-color: transparent;
background-image: url(//www.helenvita.com/wp-content/themes/helenvita/assets/images/form-arrow.png);
background-repeat: no-repeat;
width: 30px;
height: 22px;
margin-left: 5px;
}
.footer-social ul {
padding: 0;
margin: 0;
list-style-type: none;
}
.footer-social ul li {
font-size: 24px;
font-weight: 700;
display: inline-block;
color: #ffffff !important;
margin: 0px 5px 10px;
}
.footer-social ul li a {
color: #ffffff !important;
padding: 8px;
display: inline-block;
}
.footer-social ul li a:hover {
color: #45c7ed !important;
}
.footer-social ul li:last-child {
margin: 0px 0px 10px;
}
.footer-social ul li:last-child a {
padding-right: 0px;
}
.pre-footer {
background-color: #c3d941;
padding: 40px 0;
color: #fff;
}
.pre-footer .container-fluid {
position: relative;
}
@media only screen and (max-width: 767px) {
.pre-footer {
padding: 20px 0;
}
}
footer ul {
list-style-type: none;
padding: 0;
margin: 0;
}
footer ul li {
margin-bottom: 5px;
}
footer ul li a {
font-size: 16px;
line-height: 22px;
color: #547681;
text-decoration: none;
}
footer ul li a:hover {
text-decoration: none;
color: #547681;
}
footer .footer-1 form {
max-width: 320px;
}
footer .footer-1 form .input-group {
background-color: #fff;
border-radius: 2rem;
padding: 6px 0px 6px 10px;
}
footer .footer-1 form .input-group span#basic-addon2 {
padding: 0;
margin: 0;
}
footer .footer-4 {
font-size: 14px;
line-height: 18px;
font-weight: 400;
}
footer .footer-4 a {
text-decoration: none;
color: #666;
}
footer .footer-4 a:hover {
text-decoration: none;
color: #666;
}
@media only screen and (max-width: 767px) {
footer .footer-1 form {
margin: 0 auto;
}
}
.copyright {
margin-top: 40px;
font-size: 14px;
line-height: 20px;
}
.signature {
margin-top: 40px;
font-size: 14px;
line-height: 20px;
}
@media only screen and (max-width: 991px) {
.signature {
margin-top: 0px;
font-size: 14px;
line-height: 20px;
}
}
.product-page .product_title {
color: #000;
}
.product-page .product-ml {
font-size: 18px;
font-weight: 300;
color: #000000;
}
.product-page ul#myTab {
background-color: #f0f8fa;
border-radius: 5px;
overflow: hidden;
}
.product-page ul#myTab li.nav-item a.nav-link {
font-size: 16px;
color: #043140;
border-radius: 0;
}
.product-page ul#myTab li.nav-item a.nav-link.active,
.product-page ul#myTab li.nav-item a.nav-link:hover {
border-color: #47c8ed;
background-color: #47c8ed;
color: #fff;
}
.videoWrapper {
position: relative;
padding-bottom: 56.25%;
padding-top: 25px;
height: 0;
}
.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.search_form_holder {
background-color: #45c7ed;
}
.search_form_holder button {
outline: none;
}
.search_form_holder .input-group {
max-width: 500px;
border-radius: 5px;
}
.search_results .search_title a {
text-decoration: none;
}
.search_results .search_title a:hover {
color: #45c7ed;
}
.breadcrumb_holder {
background-color: #fff;
}
.breadcrumb_holder ul.breadcrumb {
background: transparent;
margin: 0;
}
.breadcrumb_holder ul.breadcrumb li,
.breadcrumb_holder ul.breadcrumb li a {
font-size: 12px;
font-weight: 600;
color: #757575;
}
#main-content .pagination {
text-align: center;
margin: 50px auto;
width: 100%;
font-size: 15px;
}
#main-content .pagination ul {
list-style-type: none;
padding: 0;
margin: 0;
}
#main-content .pagination ul li span,
#main-content .pagination ul li a {
color: #000;
margin: 0 3px;
padding: 5px;
display: inline-block;
}
#main-content .pagination ul li {
display: inline-block;
}
#main-content .pagination ul li a {
background-color: transparent;
text-decoration: none;
}
#main-content .pagination ul li span,
#main-content .pagination ul li a:hover {
text-decoration: underline;
}
#main-content .pagination ul .pagination-start,
#main-content .pagination ul .pagination-prev,
#main-content .pagination ul .pagination-next,
#main-content .pagination ul .pagination-end {
color: #000;
margin: 0 3px;
padding: 10px;
}
#main-content .pagination ul .pagination-start span,
#main-content .pagination ul .pagination-prev span,
#main-content .pagination ul .pagination-next span,
#main-content .pagination ul .pagination-end span {
padding: 0px;
margin: 0px;
width: auto;
height: auto;
text-decoration: none;
}
#main-content .pagination ul .pagination-start a,
#main-content .pagination ul .pagination-prev a,
#main-content .pagination ul .pagination-next a,
#main-content .pagination ul .pagination-end a {
padding: 0px;
margin: 0px;
width: auto;
height: auto;
}
#main-content .pagination ul .pagination-start,
#main-content .pagination ul .pagination-end {
display: none;
}
.sub_category_block {
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
min-height: 340px;
position: relative;
border-radius: 20px;
overflow: hidden;
}
.sub_category_block img {
opacity: 0;
}
.sub_category_block__text {
text-align: center;
font-weight: 700;
font-size: 24px;
position: absolute;
bottom: 0;
width: 100%;
color: #fff;
background: -moz-linear-gradient(top,rgba(87,204,239,0) 1%,rgba(87,204,239,0.4) 22%,rgba(87,204,239,0.52) 45%,rgba(87,204,239,0.7) 80%,rgba(161,219,255,0.8) 100%);
background: -webkit-linear-gradient(top,rgba(87,204,239,0) 1%,rgba(87,204,239,0.4) 22%,rgba(87,204,239,0.52) 45%,rgba(87,204,239,0.7) 80%,rgba(161,219,255,0.8) 100%);
background: linear-gradient(to bottom,rgba(87,204,239,0) 1%,rgba(87,204,239,0.4) 22%,rgba(87,204,239,0.52) 45%,rgba(87,204,239,0.7) 80%,rgba(161,219,255,0.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0057ccef',endColorstr='#cca1dbff',GradientType=0);
padding: 30px 10px;
transition: all .4s ease;
}
.sub_category_block__link {
margin-bottom: 35px;
display: block;
}
.sub_category_block__link:hover {
text-decoration: none;
}
.sub_category_block__link:hover .sub_category_block__text {
padding: 40px 10px;
}
.contact_right {
color: #000;
font-size: 16px;
font-weight: 40000;
}
.contact_right span {
font-weight: 600;
}
.contact_right i {
color: #45c7ed;
}
.form-vertical-line {
position: relative;
background-color: #d9e3e6;
height: calc(100% - 20px);;
width: 1px;
margin: 0 auto;
}
.helenvita_form .btn-primary {
color: #fff;
padding: 10px 30px;
background-color: #45c7ed;
border-color: #45c7ed;
border-radius: 0;
}
.helenvita_form .form-control {
font-size: 14px;
}
.helenvita_form .rsform-input-box {
border-radius: 0;
}
.helenvita_form .rsform-text-box {
border-radius: 0;
}
.helenvita_form .rsform-select-box {
border-radius: 0;
}
.helenvita_form .form-group {
margin-bottom: 20px;
}
.product-images-carousel.owl-carousel .owl-item img {
display: block;
width: auto;
margin: 0px auto;
}
.product-images {
background-color: #fff;
border-radius: 30px;
}
.color-new-coffee {
color: #666666;
}
.color-black {
color: #000;
}
li.active ul.nav-child.unstyled.small {
display: block !important;
}
.home_circles {
margin-top: 80px;
text-align: center;
padding-top: 80px;
padding-bottom: 80px;
}
.home_circles .hp_icon_image {
padding: 50px;
}
@media only screen and (max-width: 767px) {
.home_circles {
margin-top: 30px;
padding-top: 30px;
padding-bottom: 30px;
}
.home_circles .hp_icon_image {
padding: 20px;
width: 48%;
}
}
.blue_bg {
background-color: #ecf9fd;
padding-top: 80px;
padding-bottom: 80px;
margin-top: 50px;
}
.video-home * {
color: #fff;
}
#sj-popup-117 .sj-popup {
max-width: 80%;
}
.sj_popup_wrap {
z-index: 9999999 !important;
background-color: rgba(0,0,0,0.5);
}
.sj_popup_wrap .relative {
background: none !important;
}
.sj_popup_wrap .popup-center p {
margin: 0 !important;
}
.sj_popup_wrap .popup-center img {
max-width: 100%;
margin: 0 auto;
display: block;
}
a.cc-btn.cc-dismiss {
border-radius: 10px;
}
.helenvita-baby-slider img {
max-height: 458px;
}
#full-width-slider .helenvita-baby-slider .carousel-item-bg::after {
opacity: 0;
}
#full-width-slider .helenvita-hydration-slider .carousel-item-bg::after {
opacity: 0;
}
.helenvita-hydration-slider .slider_title {
margin-top: 80px !important;
opacity: 0;
}
.helenvita-hydration-slider .slider_description {
margin-bottom: 100px !important;
}
.helenvita-hydration-slider img {
margin-top: -100px;
}
.helenvita-acnormal-slider .white {
color: #56bfed;
}
.helenvita-hair-slider .white {
color: #d1e2f2;
text-shadow: 1px 1px 4px #000;
}
.helenvita-hydration-slider.helenvita-hair-slider .slider_title {
margin-top: 110px !important;
}
.home_circles .hp_icon_image {
font-weight: 500;
}
.home_circles .hp_icon_image img {
margin-bottom: 30px;
}
.table-striped tbody tr:nth-of-type(odd) {
background-color: #f0f8fa;
}
@media only screen and (max-width: 767px) {
.cli-bar-btn_container {
flex-direction: column;
}
.cli-bar-btn_container a {
margin-bottom: 10px !important;
}
}
input:focus {
outline: none !important;
box-shadow: none !important;
}
.header {
box-shadow: 0px -4px 15px 0px rgba(0,0,0,0.3);
}
.header-logo {
margin-top: auto;
margin-bottom: auto;
}
@media only screen and (max-width: 991px) {
.header-logo {
padding: 15px 0;
}
}
@media only screen and (max-width: 575px) {
.header-logo img {
max-width: 170px;
}
}
.header-right {
margin-left: auto;
display: flex;
flex-direction: column;
}
.header-right-top {
display: flex;
margin-left: auto;
margin-top: 10px;
}
@media only screen and (max-width: 991px) {
.header-right-top {
margin-bottom: 10px;
margin: auto;
}
}
.header-right-top-social {
list-style-type: none;
margin: 0;
padding: 0;
margin-top: auto;
margin-bottom: auto;
margin-right: 10px;
}
.header-right-top-social li {
display: inline-block;
}
.header-right-top-social li a {
color: #000;
font-size: 90%;
border: 1px solid #e6e8e9;
width: 30px;
height: 30px;
display: inline-block;
text-align: center;
line-height: 30px;
border-radius: 10px;
}
.header-right-top-language-container {
margin-top: auto;
margin-bottom: auto;
}
@media only screen and (max-width: 575px) {
.header-right-top-language-container a {
font-size: 0;
}
}
.header-right-top .search-container {
margin-right: 20px;
}
.header-right-top .search-container #mod-finder-searchform113 input.form-control {
border: 0;
outline: none;
}
.header-right-top .search-container span#basic-addon2 {
background: none;
border: none;
padding: 2px 0 0;
font-size: 20px;
}
.header-right-top .search-container #mod-finder-searchform113 button {
background: none;
border: 0;
outline: none;
color: #000;
}
@media only screen and (max-width: 991px) {
.header-right-top-social {
display: none;
}
.header-right-top .search-container {
display: none;
}
}
.header-right-burger {
display: none;
}
.header-right-burger-line {
width: 35px;
height: 2px;
background-color: #45c7ed;
}
.header-right-burger-line--middle {
margin: 8px auto;
}
@media only screen and (max-width: 991px) {
.header-right-burger {
display: inline-block;
margin-left: 15px;
margin-top: auto;
margin-bottom: auto;
}
}
@media only screen and (max-width: 991px) {
.header-right-bottom .main-navigation {
display: block;
position: absolute;
width: 100%;
left: 0;
opacity: 0;
pointer-events: none;
background-color: #fff;
}
.header-right-bottom .main-navigation.open {
opacity: 1;
pointer-events: auto;
}
}
ul.main-navigation .deeper .deeper .fa-angle-down {
display: none;
}
ul.main-navigation > li > a {
color: #547681;
padding: 10px 15px;
}
ul.main-navigation > li:last-child > a {
padding-right: 0px;
}
ul.main-navigation > li > ul {
border-radius: 0;
box-shadow: 0 0 40px rgba(0,0,0,0.1);
}
ul.main-navigation > li > ul::before {
content: '';
display: block;
width: 16px;
height: 16px;
background-color: #fff;
position: absolute;
top: -8px;
left: 50%;
transform: translateX(-50%) rotate(45deg);
z-index: -1;
}
ul.main-navigation > li > ul > li {
position: relative;
}
ul.main-navigation > li > ul > li > a {
color: #547681;
font-size: 75%;
}
ul.main-navigation > li > ul > li > a:hover {
color: #4dc7eb;
background-color: transparent !important;
text-decoration: underline;
}
ul.main-navigation > li > ul > li > ul {
border-radius: 0;
background-color: #fff;
box-shadow: 0 0 40px rgba(0,0,0,0.1);
}
ul.main-navigation > li > ul > li > ul:before {
content: '';
display: block;
width: 16px;
height: 16px;
background-color: #fff;
position: absolute;
top: 14px;
left: 0;
transform: translateX(-50%) rotate(45deg);
z-index: 0;
}
ul.main-navigation > li > ul > li > ul > li {
position: relative;
}
ul.main-navigation > li > ul > li > ul > li >a {
color: #547681;
}
ul.main-navigation > li > ul > li > ul > li > a:hover {
color: #4dc7eb;
background-color: transparent !important;
text-decoration: underline;
}
@media only screen and (max-width: 991px) {
ul.main-navigation > li > ul {
box-shadow: 0 0 0 rgba(0,0,0,0);
}
ul.main-navigation > li > ul:before {
display: none;
}
ul.main-navigation > li > ul > li > ul {
box-shadow: 0 0 0 rgba(0,0,0,0);
background-color: transparent;
}
ul.main-navigation > li > ul > li > ul:before {
display: none;
}
}
@media only screen and (max-width: 991px) {
div#navbarCollapse {
top: 134px;
height: calc(100% - 134px);
background-color: #fff;
}
ul.main-navigation {
padding-bottom: 0;
padding-top: 0;
}
ul.main-navigation > li > a {
color: #547681;
padding: 10px 20px;
display: block;
background-color: #ffffff;
border-bottom: 1px solid #d4d4d4;
}
ul.main-navigation > li.active > a {
background-color: #45c7ed;
color: #fff;
}
ul.main-navigation > li > ul > li > a {
color: #547681;
padding-top: 10px;
padding-bottom: 10px;
background-color: #ffffff;
display: block;
border-bottom: 1px solid #d4d4d4;
}
ul.main-navigation > li > ul > li.active > a {
background-color: #45c7ed;
color: #fff;
}
ul.main-navigation > li > ul > li > ul {
width: 100%;
}
ul.main-navigation > li > ul > li > ul > li > a {
color: #547681;
padding-top: 10px;
padding-bottom: 10px;
display: block;
background-color: #ffffff;
border-bottom: 1px solid #d4d4d4;
}
ul.main-navigation > li > ul > li > ul > li.active > a {
background-color: #45c7ed;
color: #fff;
}
}
.latest-news-container {
background-color: #fff;
}
.latest-news-container .latest-new {
padding: 0;
box-shadow: none;
overflow: hidden;
max-width: 510px;
margin: 0 auto 20px;
}
.latest-news-container .latest-new:hover {
box-shadow: none;
}
.latest-news-container .latest-new .latest-new-container {
padding: 20px;
}
.latest-news-container .latest-new .latest-new-readmore {
font-size: 16px;
line-height: 20px;
color: #0094bf;
font-weight: bold;
}
body.home .pre-footer {
background-color: #fff;
}
.pre-footer {
background-color: transparent;
color: #fff;
padding: 0;
padding-bottom: 45px;
position: relative;
overflow: hidden;
}
.pre-footer:before {
background-color: #cdeff9;
content: '';
top: calc(50% - (45px / 2));
left: 0;
width: 100%;
height: calc(50% + (45px / 2));
position: absolute;
}
@media only screen and (max-width: 767px) {
.pre-footer:before {
top: 120px;
height: 100%;
}
}
.pre-footer .pre-footer-container {
position: relative;
padding: 20px 40px;
z-index: 0;
border-radius: 15px;
}
.pre-footer .pre-footer-container #mod-finder-searchform113 input#mod-finder-searchword113 {
background-color: transparent;
color: #043140;
outline: none !important;
}
.pre-footer .pre-footer-container #mod-finder-searchform113 .lblue {
color: #043140;
}
.pre-footer .pre-footer-container .footer-social ul li a {
color: #5bceef !important;
padding: 8px;
display: inline-block;
background-color: transparent;
border-radius: 50%;
width: 46px;
text-align: center;
height: 50%;
}
.pre-footer .pre-footer-container .footer-social ul li a i {
margin: 0 !important;
}
.pre-footer .pre-footer-container .footer-social ul li:last-child {
padding-right: 8px;
}
.pre-footer h3 {
color: #369cba;
}
.newsletter-container {
padding-top: 20px;
padding-bottom: 20px;
background-color: #f4f4f4;
margin-top: 60px;
}
.acymailing_form {
border-radius: 2px;
border: 2px solid #d0d2d3;
width: 100%;
}
.acymailing_form .form-control {
width: 84%;
}
@media only screen and (max-width: 767px) {
.acymailing_form {
margin-bottom: 20px;
}
}
.footer-container {
background-color: #fff;
padding-top: 30px;
}
.footer-container h3 {
font-size: 16px;
font-weight: 600;
}
.copyright-container {
border-top: 1px solid #d0d2d3;
margin-top: 30px;
padding-top: 20px;
padding-bottom: 10px;
}
.categorydescription {
color: #547681;
max-width: 800px;
margin: 0 auto;
}
.sidebar-categories {
margin-bottom: 30px;
}
.sidebar-categories h3 {
font-weight: 500;
color: #000;
font-size: 15px;
margin-bottom: 25px;
}
.sidebar-categories ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.sidebar-categories ul li {
padding-left: 12px;
position: relative;
}
.sidebar-categories ul li a {
font-weight: 400;
color: #000;
}
.sidebar-categories ul li.active > a {
font-weight: 600;
}
.sidebar-categories ul ul {
margin-top: 5px;
}
.sidebar-categories ul ul li {
padding-left: 12px;
position: relative;
}
.sidebar-categories ul ul li.active {
color: #45c7ed;
}
.sidebar-categories ul ul li.active::before {
color: #45c7ed;
}
.sidebar-categories.leftsquare ul li {
padding-left: 18px;
}
.sidebar-categories.leftsquare ul li:before {
content: '';
display: block;
width: 11px;
height: 11px;
background-color: #efefef;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
border-radius: 50%;
z-index: 0;
}
.sidebar-categories.leftsquare ul li.active:before {
background-color: #45c7ed;
}
.category_page {
border-left: 1px solid #d9e3e6;
}
.category_page--search {
border-left: 0px solid #d9e3e6;
}
.category_page--search .product-image {
min-height: 260px;
display: flex;
}
.category_page--search .product-image img {
margin-bottom: auto;
margin-top: auto;
}
.search-pages-counter {
font-size: 16px;
font-weight: 300;
color: #000;
}
.search-pages-counter h2 {
font-size: 27px;
font-weight: 500;
color: #000;
}
.search_results--row {
margin-bottom: 42px;
margin-top: 10px;
}
.sub_category_v2 {
position: relative;
padding-left: 30px;
margin-bottom: 30px;
}
.sub_category_v2::before {
content: '';
display: block;
height: 100%;
width: 1px;
background-color: #1d424f;
position: absolute;
top: 0px;
left: 0px;
}
.sub_category_v2:hover::before {
background-color: #45c7ed;
width: 2px;
}
.sub_category_v2__link {
text-decoration: none;
}
.sub_category_v2__link:hover {
text-decoration: none;
}
.sub_category_v2__title {
font-weight: 500;
color: #000;
font-size: 21px;
}
.sub_category_v2__action {
color: #000;
font-size: 14px;
margin-bottom: 15px;
}
.sub_category_v2__action i {
border: 1px solid #000;
border-radius: 50%;
width: 24px;
height: 24px;
text-align: center;
margin-left: 10px;
line-height: 23px;
font-size: 12px;
}
@media only screen and (max-width: 767px) {
.sub_category_v2 {
padding-left: 15px;
margin-bottom: 50px;
}
}
.faq {
border-bottom: 1px solid #bcc2c4;
padding-bottom: 20px;
margin-top: 15px;
}
.faq__title {
font-size: 18px;
font-weight: 500;
color: #000000;
position: relative;
padding-left: 40px;
}
.faq__arrows {
position: absolute;
left: 0;
top: 2px;
}
.faq__arrows .fa {
color: 000000;
width: 24px;
height: 24px;
text-align: center;
line-height: 24px;
border: 1px solid #000;
border-radius: 50%;
}
.faq .fa-minus {
display: none;
cursor: pointer;
}
.faq .fa-plus {
display: inline-block;
cursor: pointer;
}
.faq__text {
font-size: 16px;
font-weight: 300;
color: #000000;
overflow: hidden;
padding: 0 0 0 40px;
max-height: 0px;
transition: max-height .3s;
}
.faq.faq__active .faq__text {
height: auto;
max-height: 1000px;
}
.faq.faq__active .fa-minus {
display: inline-block;
}
.faq.faq__active .fa-plus {
display: none;
}
.news-block {
margin-bottom: 30px;
}
.news-block__container {
padding: 20px 0;
}
.news-block__image {
border-radius: 3px;
}
.news-block__title {
color: #000000;
font-size: 21px;
font-weight: 500;
line-height: 24px;
margin-bottom: 10px;
}
.news-block__read-more {
color: #000000;
font-size: 14px;
line-height: 20px;
}
.news-block__read-more i {
border: 1px solid #000;
border-radius: 50%;
width: 24px;
height: 24px;
text-align: center;
margin-left: 10px;
line-height: 23px;
font-size: 12px;
}
.news-block__link:hover {
text-decoration: none;
}
.news-block__link:hover .news-block__read-more {
color: #4ac8ed;
}
.news-block__link:hover .news-block__read-more i {
border-color: #4ac8ed;
}
.carousel-item__image {
display: block;
margin: 0 auto;
width: 100%;
}
.carousel-item__image.carousel-item__image--1920 {
display: none;
}
.carousel-item__image.carousel-item__image--1023 {
display: none;
}
.carousel-item__image.carousel-item__image--320 {
display: none;
}
@media screen and (min-width: 1024px) {
.carousel-item__image.carousel-item__image--1920 {
display: block;
}
}
@media screen and (min-width: 480px) and (max-width: 1023px) {
.carousel-item__image.carousel-item__image--1023 {
display: block;
}
}
@media screen and (max-width: 479px) {
.carousel-item__image.carousel-item__image--320 {
display: block;
}
}
.footer-awards img {
display: inline-block;
margin-right: 10px;
margin-bottom: 10px;
max-width: 90px;
}