@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500&display=swap');
body{font-family:Helvetica;}
:root{--star-size:60px;--star-color:#fff;--star-background:#FF9D2E;}
.Stars{--percent:calc(var(--rating) / 5 * 100%);display:inline-block;font-size:var(--star-size);font-family:Times;line-height:1;}
*{position:relative;box-sizing:border-box;}
.container{max-width:1674px;padding:0 20px;margin:0 auto;}
.row{display:flex;}
a.cta-button{background-color:#ff9d2e;color:white;display:block;text-decoration:none;border-radius:100px;background-image:url(../images/cta-arrow.webp);background-size:14px;background-repeat:no-repeat;background-position:85%;transition:all .3s;}

/** header **/
.logo img{max-width:310px;}
header.header .row{justify-content:space-between;align-items:center;}
.header__right ul{list-style:none;display:flex;justify-content:end;}
.header__right ul a{color:#08C86D;text-decoration:none;font-size:25px;line-height:25px;font-weight:bold;}
.header__right ul li{margin-left:30px;}
header.header{padding:25px 0 0;}

/** footer **/
.footer{background:#525775;color:white;padding:50px 0 31px;font-size:18px;line-height:23px;font-weight:400;}
.footer-logo{flex:2;}
.footer-logo img{width:100%;}
.footer-content{flex:5;padding:0 80px;font-weight:100;font-size:14px;line-height:20px;}
.footer-menu{flex:1;text-align:right;}
.footer_bottom .row{justify-content:space-between;}
.footer_bottom{border-top:1px solid;padding-top:30px;margin-top:20px;}
.footer-menu li{list-style:none;margin:15px 0;}
.footer-menu li a{text-decoration:none;color:white;font-weight:bold;font-size:21px;}
.footer-content p{margin-top:0;}
.footer-menu ul{padding:0;}
.footer-content a{color:white;text-decoration:none;}

/** Block listicle **/
.block-listicle__head{background-color:#08C86D;color:white;font-size:28px;padding:30px 0;border-radius:20px;margin-bottom:10px;}
.block-listicle__logo-col,.block-listicle__author-col,.block-listicle__cta-col{width:18.75%;}
.block-listicle__list-col{width:30%;}
.block-listicle__logo-col img{max-width:200px;margin:0 auto;display:block;}
.block-listicle-item .row > div,.block-listicle__head .row > div{padding:0 20px;}
.block-listicle__list-col h2,.block-listicle__author-col h2{font-size:22px;color:#08C86D;margin-top:0;}
.block-listicle__list-content{font-size:18px;line-height:25px;color:#525775;font-style:italic;}
.block-listicle__list-content ul{padding-left:20px;}
.block-listicle__head .block-listicle__logo-col{padding-left:40px!important;}
p.block-listicle__rating-score{font-size:50px;margin:0;color:#4a4a4a;}
.block-listicle-item .block-listicle__rating-col{text-align:center;color:#525775;}
.block-listicle-item{box-shadow:0px 3px 6px #00000029;background-color:#F5F5F5;margin-bottom:20px;border-radius:17px;padding:40px 0;}
.block-listicle-item .Stars{font-size:25px;}
p.block-listicle__rating-votes{font-size:26px;margin-top:10px;margin-bottom:10px;font-weight:100;}
p.block-listicle__rating-votes-text{margin-top:0;font-size:18px;font-weight:bold;margin-bottom:0;}
.block-listicle__cta-col .cta-button{font-size:20px;width:220px;padding-right:55px;padding-left:35px;padding-top:15px;padding-bottom:15px;float:right;text-align:left;}
.block-listicle__cta-col{text-align:right;}
.special-offer{clear:both;float:right;padding-top:15px;width:100%;}
p.special-offer__price{font-size:17px;line-height:20px;color:#525252;position:relative;text-align:center;width:fit-content;margin:0 auto;}
p.special-offer__text{color:black;font-size:24px;line-height:29px;margin-top:0;margin-bottom:0;clear:both;font-weight:bold;text-align:center;font-family:Barlow Condensed}
a.cta-button:hover{background-color:#c86c04;}
p.special-offer__price:after{content:"";position:absolute;width:115%;height:3px;background:#FF0000;left:-5px;right:0;top:2px;bottom:0;margin:auto;}
.has-badge:after{content:"";position:absolute;background-image:url(../images/badge-icon.webp);width:70%;height:35px;top:-3%;right:10%;background-size:contain;background-repeat:no-repeat;background-position:right;}
.block-listicle__cta-col small{font-size:14px;background-image:url(../images/tooltip-icon.webp);cursor:pointer;background-repeat:no-repeat;background-size:contain;background-position:right;padding-right:20px;}
.tootip-content{position:absolute;z-index:999;font-size:18px;width:110%;left:5%;padding:10px;background:white;color:#000;border-radius:6px;box-shadow:0px 0px 4px rgb(117 115 115 / 50%);top:calc(100% + 10px);text-align:center;display:none;}
.block-listicle__cta-col small:hover + div{display:block;}
.tootip-content:before{content:"";position:absolute;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:15px solid white;top:-10px;right:0;left:0;margin:0 auto;width:0px;}
.block-listicle__rating-col{width:15%;text-align:center;}
.block-listicle-item.has-badge:after{content:none;}
.block-listicle-item .block-listicle__logo-col,.block-listicle__rating-col.desktop,.block-listicle__cta-col{display:flex;justify-content:center;align-items:center;}
p.block-listicle-items__sub-title{color:#525775;font-style:italic;font-size:30px;line-height:1.3em;margin-bottom:20px;}
h2.block-listicle-items__title{font-size:43px;line-height:1.2em;color:#08C86D;border-bottom:1px solid #525775;margin-bottom:40px;padding-bottom:30px;margin-top:0;font-weight:700;}
p.block-listicle-items__sub-title strong{text-decoration:underline;}
.block-listicle-items{padding-bottom:30px;}

/** Page Header **/
.page_header{background-color:#69C575;padding:80px 0;color:white;}
.featured-image{max-width:55%;}
.featured-image img{width:100%;}
.page_header .row{justify-content:end;align-items:center;}
.page_header h1{padding-right:90px;font-size:75px;line-height:1.2em;}

/** Block Content **/
.block-content img{width:100%;height:auto;margin:30px 0;}
.block-content{color:#525775;font-size:30px;line-height:1.5em;padding:30px 0;}

.rating{display:flex;justify-content:center;margin-bottom:20px;}
.star{font-size:30px;color:gray;cursor:pointer;transition:color 0.2s ease-in-out;}
.star.active{color:#FF9E2E;}

.hidden {
    display: none;
}
@media screen and (max-width:1920px){
	:root{--star-size:4.167vw;}
	.Stars::before{letter-spacing:0.208vw;}
	.container{max-width:85%;padding:0 1.389vw;}
	.logo img{max-width:21.528vw;}
	.header__right ul a{font-size:1.2vw;line-height:1.736vw;}
	.header__right ul li{margin-left:2.083vw;}
	header.header{padding:1.2vw 0;}
	.footer{padding:3.472vw 0 2.153vw;font-size:1vw;line-height:1.597vw;}
	.footer-content{padding:0 4vw;font-size:0.972vw;line-height:1.388vw;}
	.footer_bottom{border-top:0.069vw solid;padding-top:2.083vw;margin-top:1.389vw;}
	.footer-menu li{margin:.8vw 0;}
	.footer-menu li a{font-size:1vw;}

	/** Block listicle **/
	.block-listicle__head{font-size:1.5vw;padding:1.4vw 0;border-radius:1.389vw;margin-bottom:0.694vw;}
	.block-listicle__logo-col img{max-width:10vw;}
	.block-listicle-item .row > div,.block-listicle__head .row > div{padding:0 1vw;}
	.block-listicle__list-col h2,.block-listicle__author-col h2{font-size:1.3vw;}
	.block-listicle__list-content{font-size:.95vw;line-height:1.3em;}
	.block-listicle__list-content ul{padding-left:1vw;}
	.block-listicle__head .block-listicle__logo-col{padding-left:2.778vw!important;}
	p.block-listicle__rating-score{font-size:2.6vw;}
	.block-listicle-item{box-shadow:0vw 0.208vw 0.417vw #00000029;margin-bottom:1vw;border-radius:1.181vw;padding:1.5vw 0;}
	.block-listicle-item .Stars{font-size:1.5vw;}
	p.block-listicle__rating-votes{font-size:1.2vw;margin-top:0.694vw;margin-bottom:0.694vw;}
	p.block-listicle__rating-votes-text{font-size:1.1vw;}
	.block-listicle__cta-col .cta-button{padding:1vw;font-size:1.1vw;width:13vw;padding-right:4vw;padding-left:2.083vw;padding-top:1.042vw;padding-bottom:1.042vw;}
	p.special-offer__price{font-size:1.1vw;margin-bottom:0.347vw;}
	p.special-offer__text{font-size:1.4vw;line-height:1em;}
	p.special-offer__price:after{height:0.14vw;left:-7.5%;}
	.block-listicle__cta-col small{font-size:0.972vw;padding-right:1.389vw;}
	.tootip-content{font-size:1vw;padding:0.694vw;border-radius:0.417vw;box-shadow:0vw 0vw 0.278vw rgb(117 115 115 / 50%);top:calc(100% + 0.694vw);}
	.tootip-content:before{border-left:1.042vw solid transparent;border-right:1.042vw solid transparent;border-bottom:1.042vw solid white;top:-0.694vw;}
	p.block-listicle-items__sub-title{font-size:1.4vw;margin-bottom:1vw;margin-top:1.2vw;}
	h2.block-listicle-items__title{font-size:2vw;border-width:.1vw;margin-bottom:1.7vw;padding-bottom:1.4vw;}
	.star{font-size:1.5vw;}
  	.rating{margin-bottom:1vw;}

	/** Page header **/
	.page_header{padding:3.5vw 0;}
	.page_header h1{font-size:3.5vw;padding-right:4vw;}

	/** Block contennt **/
	.block-content{padding:2vw 0;font-size:1.49vw;}
	.block-content img{margin:1vw 0;}
}
@media screen and (max-width:768px){
	.container{max-width:100%;padding:0 15px;}
	.hamburger{width:25px;cursor:pointer;position:absolute;right:0;top:0;bottom:0;margin:auto;height:17px;}
	.hamburger span{display:block;background-color:#08C86D;height:2px;margin-bottom:5px;}
	.header__right ul li{width:100%;margin-bottom:5px;margin-left:0;}
	.header__right ul{flex-flow:wrap;position:absolute;text-align:right;right:0;width:calc(100% + 30px);background-color:white;z-index:9999;top:-5px;margin-top:5px;padding:10px 15px 15px;display:none;margin-right:-15px;}
	.header__right ul a{font-size:15px;line-height:25px;}
	.header__right{position:static!important;width:100%;}
	header.header .row{flex-flow:wrap;}
	.main-footer .row{flex-wrap:wrap;align-items:center;}
	.footer-content{width:100%;flex:none;order:3;font-size:14px;line-height:17px;padding:0;font-weight:100;padding-top:15px;}
	.footer-menu{order:1;text-align:left;width:50%;flex:none;}
	.footer-logo{order:2;}
	.footer-menu li a{font-size:15px;line-height:25px;}
	.footer{font-size:14px;line-height:22px;padding:20px 0;}
	.footer_bottom .row{flex-flow:wrap;}
	.footer-left{margin-bottom:8px;}
	.footer-content strong{font-size:18px;line-height:23px;}
	header.header{padding:5px 0;}
	.logo img{max-width:190px;}

	/** Block listicle **/
	.block-listicle__head .block-listicle__list-col,.block-listicle__head .block-listicle__author-col,.block-listicle__head .block-listicle__rating-col{display:none;}
	.block-listicle__head .row{justify-content:space-between;align-items:center;}
	.block-listicle__head{font-size:22px;padding:10px 20px;border-radius:17px;margin-bottom:15px;}
	.block-listicle__head .row > div{width:50%;padding:0!important;}
	.block-listicle__cta-col small{font-size:12px;padding-right:20px;display:block;}
	.block-listicle-item{margin-bottom:15px;box-shadow:0px 3px 6px #00000029;border-radius:17px;padding:15px 0;}
	.block-listicle-item .block-listicle__logo-col{width:50%;padding-left:0!important;}
	.block-listicle-item .block-listicle__list-col{width:50%;padding-right:0!important;}
	.block-listicle-item .row{flex-flow:wrap;align-items:flex-start;padding:0 15px;}
	.block-listicle__logo-col img{max-width:85%;max-height:115px;}
	.block-listicle__list-col h2,.block-listicle__author-col h2{font-size:18px;line-height:20px;}
	.block-listicle__list-content{font-size:14px;line-height:20px;}
	.block-listicle-item .block-listicle__author-col{display:none;}
	.block-listicle__rating-col.mobile{width:100%;display:block!important;margin-top:15px;}
	p.block-listicle__rating-score{font-size:48px;line-height:55px;}
	.block-listicle-item .Stars{font-size:20px;}
	p.block-listicle__rating-votes{font-size:23px;line-height:26px;margin-bottom:10px;}
	p.block-listicle__rating-votes-text{font-size:19px;line-height:21px;}
	.block-listicle-item .row > div,.block-listicle__head .row > div{padding:10px 15px;}
	.block-listicle-item .block-listicle__cta-col{width:100%;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #707070;padding-left:0!important;padding-right:0!important;margin-top:10px;}
	.block-listicle__cta-col .cta-button{font-size:18px;line-height:20px;max-width:200px;width:100%;padding:15px 9% 15px 25px;order:2;background-size:15px;background-position:93%;border-radius:100px;}
	.special-offer{float:none;width:50%;padding-right:15px;text-align:left;}
	p.special-offer__price{font-size: 20px;line-height: 40px;float:none;}
	p.special-offer__text{font-size:22px;line-height:24px;}
	.block-listicle__rating-col.desktop{display:none;}
	.block-listicle-item.has-badge:after{content:"";height:35px;right:15px;top:-8px;max-width:150px;width:100%;}
	.block-listicle-item.has-badge .block-listicle__list-col{padding-top:20px;}
	.block-listicle__wrap-logo{background-color:white;padding:10px;border-radius:0 20px 20px 0;left:-15px;margin-top:-5px;min-height:115px;display:flex;align-items:center;width:calc(100% + 15px);}
	.block-listicle__logo-col{display:block!important;}
	.wrap-col-item{width:100%;display:flex;align-items:center;justify-content:space-between;}
	.tootip-content{font-size:11px;padding:10px;width:150%;right:-20px!important;left:auto;top:19px;}
	.tootip-content:before{border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid white;top:-6px;}
	.tootip-content:before{right:17px;left:auto;}
	.tootip-content:after{content:"x";position:absolute;top:2px;right:5px;color:gray;}
	p.block-listicle-items__sub-title{font-size:15px;margin-bottom:10px;margin-top:10px;line-height:1.3em;}
	h2.block-listicle-items__title{font-size:20px;border-width:1px;margin-bottom:15px;padding-bottom:10px;}
	p.block-listicle-items__sub-title strong{display:block;}
	p.special-offer__price.desktop{display:none;}
	p.special-offer__price.mobile{display:block!important;}
	.star{font-size:20px;}
	.rating{10px 0}

	/** Block content **/
	.block-content{font-size:17px;line-height:24px;padding:15px 0;}
	.block-content img{margin:10px 0;}

	/** Page header **/
	.page_header .row{flex-flow:wrap;}
	.page_header h1{font-size:34px;width:100%;margin-top:0;}
	.featured-image{max-width:none;position:relative;overflow:hidden;}
	.featured-image img{transform:scale(1.03);}
	.page_header{padding:30px 0;}
}
@media screen and (max-width:375px){
	.footer-content strong{font-size:15px;line-height:20px;}

	/** Block listicle **/
	.block-listicle__head .row > div{font-size:16px;}
	.block-listicle__cta-col small{font-size:10px;padding-right:15px;}
	.block-top-right h1{font-size:25px;line-height:30px;}
	.block-listicle__list-col h2,.block-listicle__author-col h2{font-size:16px;}
	.block-listicle__list-content{font-size:13px;line-height:17px;}
	.block-listicle__cta-col .cta-button{font-size:15px;max-width:150px;padding-top:10px;padding-bottom:10px;padding-left:15px;}
	p.special-offer__text{font-size:20px;line-height:22px;}
	.block-listicle-item .row > div,.block-listicle__head .row > div{padding:5px 10px;}
	.block-listicle-item .block-listicle__cta-col{padding-top:10px!important;}
	.special-offer{padding-top:0;}
	p.special-offer__price.mobile{font-size:15px;}
	.block-listicle-item{padding:10px 0;}
	p.block-listicle__rating-votes-text{font-size:15px;line-height:15px;}
	p.block-listicle__rating-votes{font-size:17px;line-height:20px;margin-bottom:5px;margin-top:5px;}
	.block-listicle-item.has-badge:after{max-width:120px;top:-10px;}

	/** Page Header **/
	.page_header h1{font-size:30px;margin-bottom:9px;}
	.page_header{padding:20px 0;}

	/** Block content **/
	.block-content{font-size:15px;line-height:22px;}
	.block-content img{margin:5px 0;}
}