/*Reset*/
.main-container {padding:0; max-width:none; margin:0;}
.top-container {width:100%; max-width:100%; padding:0; margin:0;}
.club5stars-widget-products .widget-products-category-list .toolbar {display: none;}
.hide-spacing {display:none;}
.top-container .uni-banner,
.add-to-links {display:none;}
.product-list-wide {max-width:1400px; margin:0 auto; padding:3em 20px;}

/*KV*/
.club5-kv {background-image: url(../images/kv-desktop.jpg); background-color:#f4f4f4; background-position:50% 0; background-repeat:no-repeat; background-size:cover;}
.club5-kv.club5-blue-version {background-image: url(../images/kv-desktop-blue.jpg);}
.club5-kv.club5-kv-ilove {background-image: url(../images/kv-desktop-ilove.jpg); background-position:right;}
.club5-kv .club5-kv-inner {max-width:1400px; margin:0 auto; padding:3em 20px;}
.club5-kv.club5-kv-ilove .club5-kv-inner {position:relative;}

.club5-kv-des {width:50%; padding:40px; background:rgba(255,255,255,0.6);}
.club5-kv-des h1 {margin:0 0 20px 0; padding:0; color:#222222; font-size:36px; line-height:1.2em; text-transform: uppercase;}
.club5-kv-des p {margin:0 0 20px 0; padding:0; color:#222222; font-size:18px; line-height:1.4em;}
.club5-kv-des .phone-link {margin:0; padding:0; color:#222222; font-size:24px; line-height:1.2em; pointer-events: none; cursor: default; text-decoration: none;}
.club5-kv-des .phone-link:before {font-family: "FontAwesomeSolid"; content: "\f095"; transform: rotateY(180deg); display: inline-block; vertical-align: middle; font-size: 24px; color: #002e6d; margin-right: 0.5em;}
.club5-kv.club5-kv-ilove .club5-kv-des {position: relative;}
.club5-kv.club5-kv-ilove .club5-kv-ilove-logo {position:absolute; right:30px; bottom:0;}
.club5-kv.club5-kv-ilove .club5-kv-ilove-logo h3 {font-size:56px; font-weight:bold; color:#222;}
.club5-kv.club5-kv-ilove .club5-kv-ilove-logo h3 .fa {color:#002e6d; font-size:56px; font-style: normal;}
.club5-kv.club5-kv-ilove .club5-kv-ilove-logo h3 .fa:before {content:"\f004"; font-family: "FontAwesomeSolid";}

/*Cards*/
.club5-cards:after {content:""; clear:both; display:block; position:relative; line-height:0;}
.club5-cards .club5-cards-premium {width:50%; float:left; background-color:#002e6d;}
.club5-cards .club5-cards-exclusive {width:50%; float:right; background-color:#222222;}

.club5-cards .club5-cards-tab {display:table;}
.club5-cards .club5-cards-row {display:table-row;}
.club5-cards .club5-cards-cell {width:300px; display:table-cell; padding:1em; text-align:center; vertical-align:middle;}
.club5-cards .club5-cards-cell img {max-width:100px;}
.club5-cards .club5-cards-cell a {margin:0; padding:0; color:#ffffff; font-size:20px; line-height:1.2em; display:inline-block; text-decoration:none;}
.club5-cards .club5-cards-cell a span {text-transform:uppercase; font-weight:bold;}
.club5-cards .club5-cards-cell a em {font-style: normal;}
.club5-cards .club5-cards-cell a em:before {font-family: 'FontAwesomeSolid';}

.club5-cards .club5-cards-premium .club5-cards-tab {margin:0 0 0 auto;}
.club5-cards .club5-cards-exclusive .club5-cards-tab {margin:0 auto 0 0;}

/*Banner Slim*/
.banner-slim-wrapper {background-color:#ffffff; padding:20px 30px;}
.banner-slim-wrapper .banner-slim {max-width:1200px; margin:0 auto;}
.banner-slim-wrapper .banner-slim .banner-slim .banner-slim-content {background:rgba(250, 250, 250, 0.85);}

/* Widget product category */
.club5-widget-products {background-color:#f4f4f4;}
.club5-widget-products .club5-widget-products-inner {max-width:1400px; margin:0 auto; padding:1em 20px;}
.club5-widget-products:after {content:""; clear: both; display: block; position: relative;}
.club5-widget-products .products-grid {display:none;}

.club5-widget-products .widget-products-category-list .club5-carousel div.item {padding:0 10px;}
.club5-widget-products .widget-products-category-list .club5-carousel div.item .li-content {border: 3px solid #ddd; padding: 10px; background-color:#FFFFFF; text-align:center; overflow:hidden;}

.club5-widget-products .widget-products-category-list .club5-carousel.owl-theme .owl-controls .owl-buttons .owl-prev {left:-16px;}
.club5-widget-products .widget-products-category-list .club5-carousel.owl-theme .owl-controls .owl-buttons .owl-next {right:-16px;}

.club5-widget-products #club5-gif-product {display:none;}
.club5-widget-products #club5-gif-product .li-content {padding: 25px 20px; border: 3px solid #00285e; position:relative;}
.club5-widget-products #club5-gif-product .li-content h4 {width:75%; font-size: 30px; font-weight: 600; color: #00285e; line-height: 1em; position: relative; text-align:left; z-index: 2;}
.club5-widget-products #club5-gif-product .li-content h4 span {display: block; color: #222222; font-size: 24px;}
.club5-widget-products #club5-gif-product .li-content .club5-gif-image-container {width: 100%; text-align: center; padding-bottom: 10px;}
.club5-widget-products #club5-gif-product .li-content h2 {color: #222222; font-size: 18px; text-align:center; text-transform: uppercase;}
.club5-widget-products #club5-gif-product .li-content .club5-gif-button {text-align: center; padding-top: 8px;}
.club5-widget-products #club5-gif-product .li-content .club5-gif-button a {width: 100%; display: inline-block; margin: 20px 0 0 0; padding: 10px 15px; color: #ffffff; font-size: 14px; line-height: 1.4em; font-weight: normal; text-transform: uppercase; background-color: #00285e; border-radius: 0; border: none;}
.club5-widget-products #club5-gif-product .li-content .club5-gif-button a:hover {text-decoration: underline; background-color: #00285e;}
.club5-widget-products #club5-gif-product .li-content .price-box {width:100%; text-align:center; display:block;}
.club5-widget-products #club5-gif-product .li-content .price-box .regular-price {color: #00285e; text-transform: uppercase;}
.club5-widget-products #club5-gif-product .li-content .gift-logo {position:absolute; top: 15px; right: 20px; line-height:normal;}
.club5-widget-products #club5-gif-product .li-content .gift-logo:before {content:''; display: inline-block; width: 60px; height: 60px; background-image: url('../images/dr-gift-icon.svg'); background-repeat: no-repeat; vertical-align: middle; position: relative;}
.club5-widget-products .widget-products-category-list .products-grid #club5-gif-product .club-five {text-align: center; margin-top: 10px;}
.club5-widget-products .widget-products-category-list .products-grid #club5-gif-product .club-five .club5-price,
.club5-widget-products .widget-products-category-list .products-grid #club5-gif-product .club-five .club5-label {font-weight: bold; font-size: 24px; color: #00285e;}
.club5-widget-products .widget-products-category-list .products-grid .club-five {color: #222222; margin: 8px 0 9px 0;}
.club5-widget-products .widget-products-category-list .products-grid .club-five .club5-price {font-size: 16px;}
.club5-widget-products .widget-products-category-list .products-grid .new-label {padding: 10px; font-size:24px;}
.club5-widget-products .widget-products-category-list .products-grid .club-five .club5-price.club5-blue-version,
.club5-widget-products .widget-products-category-list .products-grid .club-five .club5-label.club5-blue-version {color:#0C285F;}

/* Benefits */
.club5-benefits {display:none; background: #e1e1e1 url(../images/benefits-cards-bck.jpg) 50% 50% repeat-y;}
.club5-benefits .club5-benefits-inner {max-width:1400px; margin:0 auto; padding:2em 20px; text-align:center;}
.club5-benefits .club5-benefits-hd {margin-bottom:2em;}
.club5-benefits .club5-benefits-hd h2 {margin:0 0 0.5em 0; padding:0; color:#002e6d; font-size:30px; line-height:1.2em; text-transform: uppercase;}
.club5-benefits .club5-benefits-hd h3 {margin:1em 0 0.5em 0; padding:0; color:#222222; font-size:24px; line-height:1.2em; text-align:center;}
.club5-benefits .club5-benefits-hd p {margin:0; padding:0 0 0.5em 0; color:#222222; font-size:14px; line-height:1.4em; position:relative;}
.club5-benefits .club5-benefits-card {max-width:285px; margin:0 auto;}
.club5-benefits .club5-benefits-card h3 {margin:10px 0 0 0; padding:0; color:#222222; font-size:24px; line-height:1.2em; text-transform: uppercase;}
.club5-benefits .club5-benefits-card h4 {margin:5px 0 0 0; padding:0; color:#002e6d; font-size:24px; line-height:1.2em;}
.club5-benefits .club5-benefits-card h5 {margin:5px 0 0 0; padding:0; color:#222222; font-size:16px; line-height:1.2em; font-weight:normal; text-transform: uppercase;}
.club5-benefits .club5-benefits-card h6 {margin:1em 0 0 0; padding:0; color:#000000; font-size:20px; line-height:1.2em; font-weight: normal; text-transform: uppercase;}
.club5-benefits .club5-benefits-card h6 span {display:block; color:#002e6d;}
.club5-benefits .club5-benefits-card .club5-list-wrapper {padding-top:0.5em; margin-top:1.2em; border-top: 1px solid #d2d2d2;}
.club5-benefits .club5-benefits-card ul {margin-top:1em;}
.club5-benefits .club5-benefits-card ul li {text-align:left; margin:0; padding:4px 0 4px 20px; color:#222222; font-size:16px; line-height:1.2em; position:relative;}
.club5-benefits .club5-benefits-card ul li h6 {margin:0; padding:0; color:#222222; font-size:16px; line-height:1.2em; font-weight:bold; font-family: Arial, Helvetica, sans-serif;}
.club5-benefits .club5-benefits-card ul li p {margin:0; padding:0; color:#222222; font-size:13px; line-height:1.2em; font-weight:normal;}
.club5-benefits .club5-benefits-card ul li:before {font-family: "FontAwesomeSolid"; content: "\f005"; display: inline-block; vertical-align: middle; font-size: 16px; color: #002e6d; position:absolute; top:3px; left:0;}
.club5-benefits .club5-benefits-card ul li.club5-list-li-hidden {display:none;}
.club5-benefits .club5-benefits-card ul.club5-list-exclusive li:before {color:#002b5d;}
.club5-benefits .club5-benefits-card p {text-align:left; margin:1em 0 0 0; padding:0; color:#222222; font-size:16px; line-height:1.2em; position:relative;}
.club5-benefits .club5-benefits-card .club5-benefits-view-more {margin-top:1em; margin-bottom:2em; text-align:left;}
.club5-benefits .club5-benefits-card .club5-benefits-view-more a {margin:0; padding:0; color:#222222; font-size:14px; line-height:1.2em; font-weight:bold; text-decoration:none;}
.club5-benefits .club5-benefits-card .club5-benefits-view-more a:hover {text-decoration:none;}
.club5-benefits .club5-benefits-card .club5-benefits-view-more a span {text-decoration:underline;}
.club5-benefits .club5-benefits-card .club5-benefits-view-more a:hover span {text-decoration:none;}
.club5-benefits .club5-benefits-card .club5-benefits-view-more a:after {content:"\f0d7"; color:#222222; font-family:"FontAwesomeSolid"; font-size:14px; line-height:normal; margin-left:0.5em;}
.club5-benefits .club5-benefits-card .club5-benefits-view-more a.current:after {content:"\f0d8"; color:#222222; font-family:"FontAwesomeSolid"; font-size:14px; line-height:normal; margin-left:0.5em;}

.club5-benefits .club5-benefits-card .club5-benefits-btn a {width: 100%; display: inline-block; margin: 20px 0 0 0; padding: 10px 15px; color: #ffffff; font-size: 14px; line-height: 1.4em; font-weight: normal; text-transform: uppercase; background-color: #00285e; border-radius: 0; border: none;}
.club5-benefits .club5-benefits-card .club5-benefits-btn a:hover {text-decoration: underline; background-color: #00285e;}

.club5-benefits .club5-benefits-lnk {margin-top:2em;}
.club5-benefits .club5-benefits-lnk a {margin:0; padding:0; color:#222222; font-size:16px; line-height:1.2em; font-weight:bold; text-decoration:underline;}
.club5-benefits .club5-benefits-lnk a:hover {text-decoration:none;}

.club5-benefits .club5-benefits-terms {margin-top:2em;}
.club5-benefits .club5-benefits-terms a {margin:0; padding:0; color:#9c8181; font-size:14px; line-height:1.2em; text-decoration:underline;}
.club5-benefits .club5-benefits-terms a:hover {text-decoration:none;}

/*Timer*/
.club5-timer {background-color:#f4f4f4;}
.club5-timer .club5-timer-inner {max-width:1400px; margin:0 auto; padding:2em 40px 0;}
.club5-timer.no-counter .club5-timer-inner {display:none;}
.club5-timer .club5-timer-inner #campaign-counter-valid-txt,
.club5-timer .club5-timer-inner #campaign-counter {font-size:28px; font-weight:bold; display:inline-block; margin:0;}

#accordion {background-color: #FFFFFF;}
.club5-best-choice .club5-best-choice-inner,
.club5-loyalty .club5-loyalty-inner,
.club5-acting-with-care .club5-acting-with-care-inner,
.club5-content .club5-content-inner,
.club5-faq .club5-faq-inner {max-width:1400px; margin:0 auto; padding:2em 40px;}
.club5-faq {background-color: #e1e1e1;}

@media only screen and (max-width:1200px){
.club5-kv {background-image: url(../images/kv-mobile.jpg); background-position:100% 0;}
.club5-kv.club5-blue-version {background-image: url(../images/kv-mobile-blue.jpg);}
.club5-kv.club5-kv-ilove {background-image: url(../images/kv-mobile-ilove.jpg); background-position:center;}

.club5-kv-des .phone-link {font-size:24px;}
.club5-kv-des .phone-link:before {font-size: 24px;}
.club5-kv.club5-kv-ilove .club5-kv-ilove-logo h3,
.club5-kv.club5-kv-ilove .club5-kv-ilove-logo h3 .fa {font-size:42px;}

.club5-cards .club5-cards-cell img {max-width:80px;}
.club5-cards .club5-cards-cell a {font-size:16px;}

.club5-timer .club5-timer-inner #campaign-counter-valid-txt,
.club5-timer .club5-timer-inner #campaign-counter {font-size:24px;}

.club5-widget-products #club5-gif-product .li-content h4 {width:100%; font-size: 24px;}
.club5-widget-products #club5-gif-product .li-content h4 span {font-size: 18px;}
.club5-widget-products #club5-gif-product .li-content .gift-logo {display:none;}
}

@media only screen and (max-width:960px){
.club5-kv-des {padding: 30px;}
.club5-kv-des h1 {font-size:32px;}
.club5-kv-des p {font-size:16px;}

.club5-cards .club5-cards-cell img {max-width:60px;}
.club5-cards .club5-cards-cell a {font-size:14px;}

.club5-widget-products #club5-gif-product .li-content h4 {font-size: 18px;}
.club5-widget-products #club5-gif-product .li-content h4 span {font-size: 16px;}
.club5-widget-products .widget-products-category-list .products-grid .new-label {font-size:18px;}
}

@media only screen and (max-width:768px){
.club5-widget-products #club5-gif-product .li-content h4 {font-size: 24px;}
.club5-widget-products #club5-gif-product .li-content h4 span {font-size: 18px;}

.club5-kv.club5-kv-ilove .club5-kv-ilove-logo h3,
.club5-kv.club5-kv-ilove .club5-kv-ilove-logo h3 .fa {font-size:36px;}
}

@media only screen and (max-width:640px){
.club5-kv .club5-kv-inner {padding:0; min-height:175px;}
.club5-kv-des {width:100%; padding:20px; background-color:#f4f4f4;}
.club5-kv-des .phone-link {pointer-events: auto; cursor: pointer;}
.club5-kv.club5-kv-ilove .club5-kv-ilove-logo h3,
.club5-kv.club5-kv-ilove .club5-kv-ilove-logo h3 .fa {font-size:26px;}

.club5-benefits-card-col-premium {margin-bottom:3em;}
.club5-cards:after {display:none;}
.club5-cards .club5-cards-premium {width:100%; float:none;}
.club5-cards .club5-cards-exclusive {width:100%; float:none;}
.club5-cards .club5-cards-tab {width:100%;}
.club5-cards .club5-cards-cell {width:70%;}
.club5-cards .club5-cards-cell:first-child {width:30%;}
.club5-cards .club5-cards-cell img {width:auto; max-width:60px;}
.club5-cards .club5-cards-cell a {font-size:16px;}

.banner-slim-wrapper {padding:10px;}

.club5-timer .club5-timer-inner {padding:1em 24px 0;}
.club5-timer .club5-timer-inner #campaign-counter-valid-txt,
.club5-timer .club5-timer-inner #campaign-counter {font-size:18px;}

.club5-widget-products .club5-widget-products-inner {padding:1em 20px;}
.club5-widget-products .widget-products-category-list .club5-carousel div.item {padding:0 5px;}
.club5-widget-products #club5-gif-product .li-content h2,
.widget-product-link h2.product-name,
.club5-widget-products #club5-gif-product .li-content h4,
.club5-widget-products #club5-gif-product .li-content h4 span,
.club5-widget-products .widget-products-category-list .products-grid .club-five .club5-price {font-size:16px; line-height:1.2em;}

.product-list-wide {padding:1em 20px;}
}

@media only screen and (max-width:480px){
.club5-kv-des {padding: 20px 10px;}
.club5-kv-des h1 {font-size:24px;}
.club5-kv-des p {font-size:14px;}
.club5-kv-des .phone-link {font-size:18px;}
.club5-kv-des .phone-link:before {font-size: 18px;}
.club5-kv.club5-kv-ilove .club5-kv-ilove-logo {right:15px;}

.club5-cards .club5-cards-cell a {font-size:14px;}

.club5-widget-products #club5-gif-product .li-content {padding:10px;}
.club5-widget-products .widget-products-category-list .products-grid .new-label {font-size:16px; padding:10px;}
.club5-widget-products #club5-gif-product .li-content .club5-gif-button a,
.club5-widget-products .products-grid .actions .view-prod {font-size:14px; padding:5px 10px;}
.club5-widget-products #club5-gif-product .li-content h4,
.club5-widget-products #club5-gif-product .li-content h4 span,
.club5-widget-products .products-grid .price-box span span.price,
.club5-widget-products .products-grid .price-box p span.price,
.club5-widget-products .widget-products-category-list .products-grid .club-five .club5-price {font-size:14px;}

.txt-out-of-stock,
.txt-only-10-left {font-size:11px;}

.club5-best-choice .club5-best-choice-inner,
.club5-loyalty .club5-loyalty-inner,
.club5-acting-with-care .club5-acting-with-care-inner,
.club5-content .club5-content-inner,
.club5-faq .club5-faq-inner,
.club5-benefits .club5-benefits-inner {padding:20px 10px;}
.club5-benefits .club5-benefits-hd h2 {font-size:24px;}
.club5-benefits .club5-benefits-hd h3 {font-size:20px;}

.club5-timer .club5-timer-inner #campaign-counter-valid-txt,
.club5-timer .club5-timer-inner #campaign-counter {font-size: 16px;}
}

@media only screen and (max-width:336px){
.club5-widget-products #club5-gif-product .li-content h4,
.club5-widget-products #club5-gif-product .li-content h4 span,
.club5-widget-products #club5-gif-product .li-content h2,
.widget-product-link h2.product-name {font-size:18px;}
.club5-widget-products #club5-gif-product .li-content .club5-gif-button a,
.club5-widget-products .products-grid .actions .view-prod {font-size:16px; padding:8px 10px 7px 10px;}
.club5-widget-products .products-grid .price-box span span.price,
.club5-widget-products .products-grid .price-box p span.price,
.club5-widget-products .widget-products-category-list .products-grid .club-five .club5-price {font-size:16px;}

.club5-widget-products .widget-products-category-list .products-grid .new-label {font-size:16px;}
}

@media only screen and (max-width:320px){
.club5-widget-products #club5-gif-product .li-content .gift-logo:before {font-size: 44px;}
}