/* ==========================================================================
   Layout layer - the reference site's used CSS, rule for rule.

   Colours are NOT edited here. palette.css loads after this file and
   restates every colour, so the two concerns stay separate and this file
   can be regenerated from the reference at any time.
   ========================================================================== */
[sizes^="auto, " i]){contain-intrinsic-size: 3000px 1500px;}@media (min-resolution: 192dpi){}.img-center{clear: both;}
.screen-reader-text{border: 0px; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; overflow-wrap: normal !important;}
.screen-reader-text:focus{background-color: rgb(221, 221, 221); clip-path: none; color: rgb(68, 68, 68); display: block; font-size: 1em; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000;}
html :where([style*="border-color"]){border-style: solid;}:where(body){margin: 0px;}
div){margin: 0px;}
body{padding: 0px;}
@keyframes spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes blink { 
  0% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; }
}
html, body, div, span, h1, h2, h3, h4, p, a, em, img, strong, i, ul, li, form, label, table, tbody, thead, tr, th, td, article, footer, header, nav, section{margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;}
article, footer, header, nav, section{display: block;}
ul{list-style: none;}
table{border-collapse: collapse; border-spacing: 0px;}
body{background: rgb(238, 238, 238); font-size: 15px; line-height: 1.5em; color: rgb(68, 68, 68); font-weight: 300;}
::selection{background: rgb(238, 238, 238); color: rgb(51, 51, 51);}
a{color: rgb(51, 51, 51); text-decoration: none;}
a:hover{color: rgb(51, 51, 51);}
img{max-width: 100%; height: auto;}
a, a::before, a::after{transition-duration: 0.2s; transition-timing-function: ease;}
a img{transition: opacity 0.2s;}
em{font-style: italic;}
strong{font-weight: 600;}
ul{box-sizing: content-box;}
.img-center{margin-left: auto; margin-right: auto;}
.clear{clear: both; display: block; overflow: hidden; visibility: hidden; width: 0px; height: 0px;}
.group::before, .group::after{content: ""; display: table;}
.group::after{clear: both;}
.group{zoom: 1;}
body{font-family: Titillium, Arial, sans-serif;}
@font-face { font-family: Titillium; src: url("fonts/titillium-light-webfont.woff") format("woff"), url("fonts/titillium-light-webfont.ttf") format("truetype"); font-weight: 300; font-style: normal; }
@font-face { font-family: Titillium; src: url("fonts/titillium-lightitalic-webfont.woff") format("woff"), url("fonts/titillium-lightitalic-webfont.ttf") format("truetype"); font-weight: 300; font-style: italic; }
@font-face { font-family: Titillium; src: url("fonts/titillium-regular-webfont.woff") format("woff"), url("fonts/titillium-regular-webfont.ttf") format("truetype"); font-weight: 400; font-style: normal; }
@font-face { font-family: Titillium; src: url("fonts/titillium-regularitalic-webfont.woff") format("woff"), url("fonts/titillium-regularitalic-webfont.ttf") format("truetype"); font-weight: 400; font-style: italic; }
@font-face { font-family: Titillium; src: url("fonts/titillium-semibold-webfont.woff") format("woff"), url("fonts/titillium-semibold-webfont.ttf") format("truetype"); font-weight: 600; font-style: normal; }
input, textarea, button, select, label{font-family: inherit;}
.richtext button{font-size: 14px;}
.richtext button{margin: 0px; box-sizing: border-box; border-radius: 0px;}
.richtext button{appearance: none; transition: 0.2s;}
.entry a{color: rgb(0, 0, 0); box-shadow: rgb(153, 153, 153) 0px 1px 0px;}
.entry a:hover{box-shadow: rgb(0, 0, 0) 0px 1px 0px;}
.entry{font-size: 19px; line-height: 1.6em;}
.entry p{margin-bottom: 1em;}
.entry ul{margin: 0px 0px 15px 30px;}
.entry li{margin: 0px;}
.entry ul li{list-style: square;}
.entry img.img-center{margin: 18px auto; clear: both; display: block;}
.entry table{font-size: 14px; margin-bottom: 1.5em; width: 100%; text-align: center;}
.entry table tr.alt{background: rgb(238, 238, 238);}
.entry table td{border: 1px solid rgb(221, 221, 221); text-align: center; padding: 5px; vertical-align: middle;}
.entry table th{border: 1px solid rgb(221, 221, 221); font-weight: 600; text-align: center; padding: 10px 5px;}
h1, h2, h3, h4{color: rgb(51, 51, 51); font-weight: 300; overflow-wrap: break-word;}
.entry h2, .entry h3, .entry h4{margin-bottom: 14px; font-weight: 600; line-height: 1.3em;}
.entry h2{font-size: 34px; letter-spacing: -0.7px;}
.entry h3{font-size: 28px; letter-spacing: -0.5px;}
.entry h4{font-size: 24px; letter-spacing: -0.3px;}
#wrapper{background: rgb(255, 255, 255); min-width: 1024px; height: 100%; border-top: 10px solid rgb(51, 51, 51); overflow: hidden;}.container-inner{min-width: 100%; width: 100%; margin: 0px auto;}.main-inner{position: relative; min-height: 600px;}
.content{margin: 0px auto; position: relative; width: 100%;}
.pad{padding: 30px 50px;}
.grid{margin-right: 3.2%; float: left; display: inline; position: relative;}
.last{clear: right; margin-right: 0px !important;}
.one-full{margin-right: 0px; width: 100%;}
.social-links{float: right; position: relative; z-index: 2;}
.social-links li{display: inline-block; margin-left: 8px; line-height: 16px; font-size: 0px;}
.social-links li a{position: relative; text-align: center; display: block !important;}
.social-links .social-tooltip{color: rgb(51, 51, 51); font-size: 24px; display: inline; position: relative; z-index: 98;}
.social-links .social-tooltip:hover{color: rgb(68, 68, 68); text-decoration: none;}
.social-links .social-tooltip:hover::after{top: -36px; background: rgb(238, 238, 238); font-size: 14px; color: rgb(102, 102, 102); content: attr(title); display: block; right: 0px; padding: 5px 15px; position: absolute; white-space: nowrap; border-radius: 3px;}
.social-links .social-tooltip:hover::before{top: -10px; right: 8px; border-style: solid; border-image: none; border-color: rgb(238, 238, 238) transparent; border-width: 5px 5px 0px; content: ""; display: block; position: absolute; z-index: 1;}
#header{background: rgba(255, 255, 255, 0.97); position: relative; z-index: 99; border-bottom-color: rgb(238, 238, 238);}
@media only screen and (min-width: 1025px){#header{transition: 0.25s ease-in-out; transform: translate3d(0px, 0px, 0px);}}
#header img{box-shadow: none;}
#header .pad{padding-top: 10px; padding-bottom: 10px;}
#profile{position: relative; overflow: hidden; padding-bottom: 60px;}
#profile::after{background: rgb(255, 255, 255); height: 20px; width: 340px; position: relative; left: -10px; top: 30px;}
#profile-image{position: relative;}
#profile-image img{display: block; width: 100%;}
#profile-name{margin: 20px 50px 10px; font-size: 17px; line-height: 1.6em; font-weight: 600; color: rgb(255, 255, 255);}
#profile-description{margin: 0px 50px 50px; font-size: 15px; line-height: 1.6em; color: rgba(255, 255, 255, 0.7);}
.site-title{font-size: 32px; font-weight: 300; letter-spacing: -0.5px; float: left; line-height: 60px; padding: 10px 20px 10px 0px; position: relative; z-index: 2;}
.site-title a{display: block; color: rgb(51, 51, 51); max-width: 100%;}
.site-title a img{display: block; max-width: 100%; max-height: 60px; height: auto; padding: 0px; margin: 0px auto; border-radius: 0px;}
.menu-toggle-icon{float: right; width: 30px; height: 20px; position: relative; transform: rotate(0deg); transition: 0.5s ease-in-out; cursor: pointer;}
.menu-toggle-icon span{display: block; position: absolute; height: 2px; width: 100%; background: rgb(51, 51, 51); border-radius: 2px; opacity: 1; left: 0px; transform: rotate(0deg); transition: 0.25s ease-in-out;}
.menu-toggle-icon span:nth-child(1){top: 0px; transform-origin: left center;}
.menu-toggle-icon span:nth-child(2){top: 8px; transform-origin: left center;}
.menu-toggle-icon span:nth-child(3){top: 16px; transform-origin: left center;}
@media only screen and (min-width: 720px){.mobile-menu #wrap-nav-mobile{display: none;}}
@media only screen and (max-width: 719px){.mobile-menu #wrap-nav-header{display: none;}
#nav-mobile, #nav-header, #nav-footer{display: none;}}
.nav-menu > .menu-toggle{display: none;}
.nav-menu .menu, .nav-menu .menu ul{display: flex; list-style: none; margin: 0px; padding: 0px;}
.nav-menu a{display: block; text-decoration: none; width: 100%;}
.nav-menu .menu ul{flex-direction: column; max-width: 0px; max-height: 0px; overflow: hidden;}
.nav-menu:not(.mobile) .menu .sub-menu{position: absolute;}
.nav-menu .screen-reader-text{display: none;}
.nav-menu .menu-item-wrapper{display: flex;}
.nav-menu{line-height: 20px;}
.nav-menu button{color: inherit; cursor: pointer; font-family: inherit; position: relative; text-align: inherit; user-select: none; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: none; border-radius: 0px; font-size: inherit; font-weight: 400; letter-spacing: inherit; padding: 0px; text-transform: none;}
.nav-menu:not(.mobile) .menu{flex-wrap: wrap; justify-content: flex-start;}
.nav-menu:not(.mobile) .menu{position: relative;}
.nav-menu:not(.mobile) .menu ul{font-size: 15px; opacity: 0; padding: 10px 0px; position: absolute; top: calc(100% + 20px); transition: opacity 0.15s linear, transform 0.15s linear, right 0.15s; transform: translateY(6px); z-index: 1;}
.nav-menu:not(.mobile) .menu ul li{position: relative;}
.nav-menu:not(.mobile) .menu ul a{display: block; padding: 7px 20px; transition: background-color 0.15s linear; width: 100%;}
.nav-menu:not(.mobile) .menu li ul.sub-menu:not(.active){opacity: 0;}
.nav-menu:not(.mobile) .menu ul::before, .nav-menu:not(.mobile) .menu ul::after{content: ""; display: block; position: absolute; bottom: 100%;}
.nav-menu:not(.mobile) .menu ul::before{left: 0px; right: 0px; height: 20px;}
.nav-menu:not(.mobile) .menu ul::after{border: 8px solid transparent; left: 18px;}
.nav-menu:not(.mobile) a, .nav-menu:not(.mobile) span{transition: 0.3s;}
.nav-menu a{color: rgb(255, 255, 255); font-weight: 600;}
.nav-menu .svg-icon{fill: rgb(51, 51, 51);}
.nav-menu:not(.mobile) .menu ul{background: rgb(51, 51, 51); color: rgb(255, 255, 255); border-radius: 4px;}
.nav-menu:not(.mobile) .menu ul::after{border-bottom-color: rgb(51, 51, 51);}
.nav-menu:not(.mobile){font-size: 16px; font-weight: 400; float: right; padding: 12px 0px 20px;}
.nav-menu:not(.mobile) a{color: rgb(102, 102, 102);}
.nav-menu:not(.mobile) a:hover{color: rgb(51, 51, 51);}
.nav-menu:not(.mobile) ul ul a{font-size: 14px;}
.nav-menu:not(.mobile) ul ul a:hover{color: rgb(204, 204, 204);}
.nav-menu:not(.mobile) ul ul > li:hover > span{background: rgba(255, 255, 255, 0.1);}
.nav-menu:not(.mobile) ul ul a{color: rgb(238, 238, 238);}
.nav-menu:not(.mobile) button{background: none; color: rgb(102, 102, 102); padding: 0px 4px; margin-left: 2px; border-radius: 4px;}
.nav-menu:not(.mobile) button .svg-icon{fill: rgb(187, 187, 187);}
.nav-menu:not(.mobile) .menu > li{margin: 16px 20px 0px 0px; position: relative;}
.nav-menu:not(.mobile) .menu > li:last-child{margin-right: 0px;}
.nav-menu:not(.mobile) .menu a{padding: 0px;}
.nav-menu:not(.mobile) li.current_page_item > span > a, .nav-menu:not(.mobile) li.current-menu-item > span > a, .nav-menu:not(.mobile) li.current-menu-ancestor > span > a{color: rgb(51, 51, 51);}
.nav-menu:not(.mobile) ul ul li.current_page_item > span > a, .nav-menu:not(.mobile) ul ul li.current-menu-item > span > a{color: rgb(170, 170, 170);}
#footer .nav-menu:not(.mobile){background: rgb(255, 255, 255); float: none; padding-top: 8px; padding-left: 20px; padding-right: 20px; position: relative; z-index: 2;}
#footer .nav-menu:not(.mobile) button{transform: rotate(-180deg);}
#footer .nav-menu:not(.mobile) .menu{justify-content: center;}
#page{padding-top: 60px; padding-bottom: 80px;}
#footer{background: rgb(238, 238, 238); color: rgb(119, 119, 119); position: relative; padding-bottom: 70px; border-top: 1px solid rgb(238, 238, 238);}
#footer .pad{padding-bottom: 20px;}
#footer-widgets{background: rgb(255, 255, 255); border-bottom: 1px solid rgb(238, 238, 238);}
#footer-widgets .widget{padding: 20px 0px;}
#footer-bottom{position: relative; overflow: hidden; z-index: 99; text-align: center;}
#footer-bottom img{box-shadow: none;}
#footer-bottom .pad{padding-top: 20px;}
#footer-bottom a{color: rgb(68, 68, 68);}
#footer-bottom a:hover{color: rgb(51, 51, 51);}
#footer-bottom #footer-logo{display: inline-block; margin-bottom: 20px; max-height: 60px; border-radius: 0px;}
#footer-bottom #back-to-top{background: rgb(255, 255, 255); color: rgb(51, 51, 51); padding: 10px 0px; overflow: hidden; text-align: center; width: 60px; height: 30px; display: block; margin: -1px auto 0px; border-radius: 0px 0px 4px 4px;}
#footer-bottom #back-to-top i{font-size: 38px; position: relative; top: -7px;}
#footer-bottom #back-to-top:hover{color: rgb(51, 51, 51);}
#footer-bottom .social-links{padding-top: 40px; float: none;}
#footer-bottom .social-links a{color: rgb(68, 68, 68);}
#footer-bottom .social-links a:hover{color: rgb(51, 51, 51);}
#footer-bottom .social-links .social-tooltip{font-size: 20px;}
#footer-bottom .social-links .social-tooltip:hover::after{background: rgb(51, 51, 51); color: rgb(255, 255, 255);}
#footer-bottom .social-links .social-tooltip:hover::before{border-color: rgb(51, 51, 51) transparent;}
.entry-body{width: 100%;}
.entry-header, .entry-content, .entry-footer{max-width: 740px; padding-right: 40px; padding-left: 40px; margin-right: auto; margin-left: auto;}
.entry-header{margin: 40px auto; position: relative;}
.entry-header .entry-title{font-weight: 600; font-size: 50px; line-height: 1.3em; letter-spacing: -1px; margin-bottom: 20px; margin-right: 40px;}.entry-footer{margin-top: 40px; margin-bottom: 40px;}
.widget{color: rgb(119, 119, 119); font-size: 14px;}
.widget a{color: rgb(119, 119, 119);}
.widget a:hover{color: rgb(51, 51, 51);}
.screen-reader-text{border: 0px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; width: 1px; position: absolute !important; overflow-wrap: normal !important;}
.screen-reader-text:focus{background-color: rgb(255, 255, 255); border-radius: 3px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 2px 2px; clip-path: none; color: rgb(51, 51, 51); display: block; font-size: 0.875rem; font-weight: bold; height: auto; right: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; clip: auto !important;}
#profile, .entry-content img, .faq-item{border-radius: 20px;}
#footer-bottom .pad, #profile, .entry-content, .entry-footer, .entry-header{max-width: 940px;}
.cky-btn-revisit-wrapper{display: none !important;}
#wrapper{border-top: 0px;}
.entry h3{margin: 20px 0px;}
.entry h2{margin: 40px 0px 20px;}
.entry p + table{margin-bottom: 25px;}
.entry table + *{margin-top: 40px;}
.entry ul{margin: 10px 10px 10px 40px;}
@media only screen and (max-width: 768px){.entry ul{margin: 10px 10px 10px 20px;}
.entry table + *{margin-top: 15px;}}
.entry ul li{list-style: disc;}
.entry a{box-shadow: none;}
.entry img.img-center{border-radius: 10px;}
#page{padding-bottom: 40px; padding-top: 20px;}
.entry-header{margin: 30px auto 0px;}
#profile-description{margin: 0px;}
.entry-footer{margin: 0px auto;}
#header .pad{display: flex; flex-direction: row; height: 80px; justify-content: space-between;}
#header .pad > :first-child{margin-right: auto;}
.nav-menu:not(.mobile){float: unset;}
.site-title a img{margin: 0px; padding: 0px 0px 0px 20px;}
@media only screen and (min-width: 620px) and (max-width: 960px){.pad{padding: 30px 40px;}}
@media only screen and (max-width: 719px){#header, #header .pad{flex-direction: column; height: 100%; padding: 0px;}
.site-title a img{margin: 0px auto;}
.entry-header{margin-top: 0px;}}
@media only screen and (max-width: 600px){.site-title a img{margin: 0px; max-height: 40px;}}
.rating-card{padding: 10px 20px;}
.entry table td{text-align: unset;}
.entry-content table{background: 0px 0px; border-spacing: 0px 5px; width: 100%;}
.entry-content table thead tr{box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 8px; transition: transform 0.2s, box-shadow 0.2s;}
.entry-content table thead tr th:first-child{font-weight: 600;}
.entry-content table tr td, .entry-content table tr th{border-width: medium medium 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(193, 193, 193); border-image: none;}
.entry-content table tr:last-child td, .entry-content table tr:last-child th{border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor;}
td, td:last-child{border-width: medium medium 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(193, 193, 193); border-image: none;}
.entry-content table tbody tr:first-child td:last-child, .entry-content table thead tr:first-child th:last-child{border-top-right-radius: 12px;}
.entry-content table tbody tr:first-child td:first-child, .entry-content table thead tr:first-child th:first-child{border-top-left-radius: 12px;}
.entry-content table tbody tr:last-child td:first-child, .entry-content table thead tr:last-child th:first-child{border-bottom-left-radius: 12px;}
.entry-content table tbody tr:last-child td:last-child{border-bottom-right-radius: 12px;}
.entry-content table tbody tr td{font-size: 17px; line-height: 1.5; padding: 5px 15px;}
.entry-content table tbody tr td:first-child{font-weight: unset;}
.entry-content table tbody tr strong{font-weight: 700;}
@media (max-width: 700px){.entry-content table{display: block; max-width: 100%; overflow-x: auto; border-spacing: 0px 3px; width: 100%;}
.entry-content table::-webkit-scrollbar-thumb{background: linear-gradient(90deg, rgb(184, 34, 255), rgb(34, 185, 255)); border-radius: 3px;}}
@media (max-width: 576px){.entry-content table tbody tr td, .entry-content table thead tr th{font-size: 13px; padding: 10px 12px;}
.entry-content table{display: block; max-width: 100%; overflow-x: auto; border-spacing: 0px 3px; width: 100%;}
.entry-content table::-webkit-scrollbar{height: 6px;}
.entry-content table::-webkit-scrollbar-track{background: rgba(0, 0, 0, 0.05); border-radius: 3px;}
.entry-content table::-webkit-scrollbar-thumb{background: linear-gradient(90deg, rgb(184, 34, 255), rgb(34, 185, 255)); border-radius: 3px;}
.entry-content table thead{display: table-header-group;}
.entry-content table tbody{display: table-row-group;}
.entry-content table tbody tr{display: table-row;}}
.entry-content table tr, .entry-content table tr.alt{background: rgb(237, 237, 237);}
.rating-card{align-items: center; background-color: rgb(237, 237, 237); border-radius: 10px; display: flex; flex-direction: row; gap: 20px; justify-content: space-between; margin-bottom: 10px; max-width: 100%; min-height: 110px; overflow: hidden;}
.rating-card__logo{align-items: flex-start; flex-shrink: 0; justify-content: center;}
.rating-card__logo, .rating-card__logo-link{display: flex; flex-direction: column; width: 188px;}
.rating-card__logo-link{flex-wrap: nowrap;}
.rating-card__logo-link img{border-width: 1px; border-style: solid; border-color: currentcolor currentcolor red; border-image: none; border-radius: 9px; height: 64px; max-width: 100%; object-fit: cover; transition: transform 0.5s; width: 100%;}
.rating-card__logo-link img:hover{transform: scale(1.1);}
.rating-card__name, .rating-card__score{font-size: 20px; font-weight: 700;}
.rating-card__score{border-radius: 10px; flex-shrink: 0; max-width: 45px; padding: 5px 0px; text-align: center;}
.rating-card__expert, .rating-card__score{background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); width: 100%;}
.rating-card__expert{align-items: center; border-radius: 6px; display: flex; font-size: 14px; font-weight: 600; gap: 2px; justify-content: center; line-height: 20px; margin-top: 9px; max-width: 100%; min-height: 20px; padding: 2px 1px;}
.rating-card__expert svg{color: rgb(22, 163, 74);}
.rating-card__details{flex: 1 1 0%; min-width: 0px;}
.rating-card__bonus{font-size: 16px; font-weight: 700;}
.rating-card__points{font-size: 18px; font-weight: 700;}
.rating-card__actions{flex-direction: column; flex-shrink: 0;}
.rating-card__actions, .rating-card__button{align-items: flex-end; display: flex; justify-content: center;}
a.rating-card__button{background-color: rgb(0, 0, 0); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 10px; box-shadow: none; box-sizing: border-box; font-size: 16px; font-weight: 700; height: 46px; line-height: 46px; min-width: 180px; padding: 0px 10px; text-align: center; transition: filter 0.5s; color: rgb(255, 255, 255) !important;}
a.rating-card__button:hover{box-shadow: none; filter: saturate(1.5);}
.rating-card__brand{display: flex; flex-direction: column; gap: 5px;}
.rating-card__points{align-items: center; display: flex; flex-wrap: nowrap; gap: 5px;}
.rating-card__actions{gap: 5px;}
.rating-card__promo, a.rating-card__button{box-sizing: border-box;}
.rating-card__promo{place-content: center; align-items: center; background: rgb(250, 250, 250); border-radius: 8px; border-style: dashed; border-width: 2px; display: flex; flex-wrap: nowrap; font-size: 16px; font-weight: 700; height: 42px; line-height: 42px; min-width: 180px; padding: 0px 4px; text-align: center; text-transform: uppercase;}
.number-rating{display: flex; font-size: 16px; line-height: 1.5em; margin-top: 2px;}
.star-rating{display: flex; margin-bottom: 1px;}
.rating-card__promo-code{font-size: 15px; font-weight: 700; letter-spacing: 1px;}
.rating-card__copy-btn{background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: rgb(51, 51, 51); cursor: pointer; height: 100%; margin-left: 5px; min-width: 20px; padding: 0px; transition: 0.2s;}
.rating-card__copy-btn:hover{color: rgb(22, 163, 74); transform: scale(1.1);}
@media (max-width: 768px){.rating-card{padding: 20px;}
.rating-card, .rating-card__details{flex-direction: column; gap: 10px;}
.rating-card__details{align-items: center; display: flex; text-align: center;}
.rating-card__button{min-width: 180px; padding: 5px 15px; width: 100%;}
.rating-card__promo{width: 98%;}}
#footer{background: rgb(0, 0, 0); padding-bottom: 40px;}
#footer .footer-widget-1.grid{float: none; margin: 0px auto;}
#footer-bottom .pad{margin: 0px auto;}
#footer-bottom img{max-width: 150px !important; width: 100%;}
.footer-main{align-items: flex-start; display: flex; justify-content: space-between;}
@media only screen and (max-width: 660px){.footer-main{flex-direction: column;}
div#wrap-nav-footer{width: 100%;}}
#footer .nav-menu:not(.mobile) .menu{flex-direction: column; justify-content: start; text-align: left;}
.footer-info{align-items: flex-start; display: flex; flex-direction: column; max-width: 600px; text-align: left; width: 100%;}
#footer-bottom #back-to-top{background: rgb(0, 0, 0); border-radius: 50px; bottom: 200px; color: rgb(255, 255, 255); display: none; height: 40px; padding: 0px; position: fixed; right: 3%; width: 40px; z-index: 9999;}
#footer .nav-menu:not(.mobile){background: rgb(238, 238, 238);}
#footer-bottom #back-to-top i{font-size: 24px; top: 20%;}
#footer-widgets{border-bottom: 0px;}
.footer-widget-1{align-items: center; display: flex; flex-flow: wrap; gap: 20px; justify-content: center; padding: 0px 20px;}
#footer .nav-menu:not(.mobile) .menu > li:first-child{margin-top: 0px;}
div#copyright{text-align: center;}
#footer-widgets .widget{padding: 10px 0px;}
@media only screen and (max-width: 845px){.footer-info{max-width: 400px;}
.footer-widget-1{gap: 10px;}
#footer-widgets .widget{padding: 5px 0px;}}
@media only screen and (max-width: 719px){#footer{background: rgb(238, 238, 238); color: rgb(119, 119, 119); padding-bottom: 30px; position: relative;}
#footer-bottom #footer-logo{margin-left: 0px !important; margin-right: auto;}
#footer-bottom .pad{padding-bottom: 10px !important; padding-top: 20px !important;}}
@media only screen and (max-width: 660px){#footer-bottom .pad{padding-bottom: 0px;}
#footer-widgets .widget{padding: 0px;}
.footer-widget-1{box-sizing: border-box; gap: 20px;}
.footer-info{max-width: 600px;}}
#profile{align-items: center; background-color: rgb(237, 237, 237); box-sizing: border-box; display: flex; flex-direction: row; justify-content: space-between; margin: 0px auto 20px; overflow: visible; padding: 5px 20px;}
#profile-image img{width: unset;}
#profile .profile-block{align-items: center; display: flex;}
#profile.group::after, #profile.group::before{content: none;}
#profile #profile-name, .profile-info{color: rgb(51, 51, 51);}
.profile-text-block{display: flex; flex-direction: column; gap: 10px; margin-left: 30px; margin-right: 50px;}
.profile-icon-text{height: 25px; left: -27px; position: absolute; top: -2px; width: 25px;}
.profile-text-1, .profile-text-2{position: relative;}
.profile-icon{height: 25px; position: absolute; right: -4px; top: 0px; width: 25px; z-index: 9999;}
.description-icon{align-items: center; cursor: pointer; display: flex; padding-bottom: 5px; position: relative;}
.social-links .social-tooltip:hover::after{content: none;}
#profile-description{background: rgba(0, 0, 0, 0.82); border: 1px solid rgb(204, 204, 204); border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 10px; color: rgb(255, 255, 255); display: none; font-size: 14px; left: 200px; line-height: 1.4; padding: 10px 14px; position: absolute; top: 0px; transform: translateX(-50%); width: 250px; z-index: 10;}
.description-icon svg{height: 16px; width: 16px;}
.description-icon:hover #profile-description{display: block;}
.profile-info{color: rgb(51, 51, 51); display: flex; flex-direction: column; margin-left: 10px; padding: 10px;}
#profile-image{max-width: 80px;}
.profile-avatar{border: 2px solid rgb(255, 255, 255); border-radius: 50px; box-shadow: rgb(159, 159, 159) 0px 0px 10px; position: relative; width: 100%;}
.profile-main-info{display: flex; flex-direction: row; gap: 5px;}
#profile-name{font-size: 21px; margin: 0px; text-transform: uppercase;}
.profile-author{display: flex; flex-direction: row; gap: 5px;}
@media only screen and (max-width: 960px){#profile #profile-description, #profile #profile-name{margin-left: 0px; margin-right: 0px;}
#profile #profile-name{line-height: 1.5em;}
#profile-image{background: 0px 0px !important;}}
@media only screen and (max-width: 760px){div#profile{gap: 10px;}
.profile-text-block{margin-right: 0px;}}
@media only screen and (max-width: 660px){div#profile{align-items: flex-start; flex-direction: column; font-size: 14px; margin-bottom: 0px; padding: 5px 10px;}
#profile-name{font-size: 15px;}
.profile-info{color: rgb(51, 51, 51); display: flex; flex-flow: wrap; gap: 3px; padding: 10px;}
.profile-text-block{gap: 3px;}
.profile-icon-text{height: 23px; top: -1px; width: 23px;}
.profile-author{display: flex; flex-wrap: wrap;}
#profile-description{left: 85%; top: 32px;}}
@media only screen and (max-width: 719px){#nav-footer, #nav-header, #nav-mobile{display: flex;}
#profile{padding-bottom: 20px !important;}
#profile-description{transform: translateX(-65%);}}
.faq-item{background: rgb(237, 237, 237); margin-bottom: 10px; padding: 20px;}
h3.faq-question{margin: 0px 0px 10px;}
.faq-answer{display: flex; flex-direction: row; gap: 10px; padding-left: 56px; position: relative;}
.faq-answer-icon{height: 46px; left: 0px; position: absolute; top: 3px; width: 46px;}
@keyframes badge-pulse { 
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.1); }
}
.highlight-column, .highlight-row{background-color: rgb(89, 89, 89); font-weight: 700; color: rgb(255, 255, 255) !important;}
.pros-cons-wrapper{display: flex; flex-wrap: wrap; gap: 20px; justify-content: space-between; margin: 20px 0px 40px;}
.cons-block, .pros-block{border-radius: 10px; display: flex; flex: 1 1 0%; flex-direction: column; min-width: 200px; overflow: hidden;}
.cons-block-title, .pros-block-title{padding: 12px 16px;}
.pros-block-title{background-color: rgb(0, 147, 10);}
.cons-block-title{background-color: rgb(255, 15, 49);}
.cons-block-list, .pros-block-list{background-color: rgb(231, 231, 231);}
.cons-block-list, .pros-block-list{flex: 1 1 0%; padding: 20px;}
.cons-block-list ul, .pros-block-list ul{list-style: none; margin: 0px; padding-left: 20px;}
.cons-block-list li, .pros-block-list li{line-height: 1.4; margin-bottom: 8px; padding-left: 28px; position: relative; list-style: none !important;}
@media (max-width: 768px){.pros-cons-wrapper{flex-direction: column;}}
.pros-block-list ul li::before{color: rgb(39, 81, 42); content: "✔";}
.cons-block-list ul li::before, .pros-block-list ul li::before{font-size: 16px; font-weight: 700; left: 0px; position: absolute; top: 0px;}
.cons-block-list ul li::before{color: rgb(107, 37, 47); content: "✖";}
body{font-family: Roboto, Arial, sans-serif;}
a.social-tooltip:hover i, .entry a:not(.rating-card__button){color: rgb(235, 0, 255) !important;}
#profile, .entry-content table tr, .entry-content table tr.alt, .faq-item, .rating-card{background-color: rgb(0, 0, 0);}
#profile, .entry-content table tr, .entry-content table tr.alt, .faq-item, .rating-card, .profile-info, #profile #profile-name, .faq-item h3{color: rgb(255, 255, 255);}
.profile-icon svg, .profile-icon-text svg, .faq-answer-icon svg{fill: rgb(235, 0, 255);}
#footer-bottom #back-to-top{background: rgb(235, 0, 255); color: rgb(255, 255, 255);}
.rating-card__promo{border-color: rgb(235, 0, 255); color: rgb(235, 0, 255);}
button.rating-card__copy-btn{color: rgb(235, 0, 255);}
.rating-card__logo-link img{border-color: rgb(235, 0, 255);}
.entry-content table::-webkit-scrollbar-thumb, a.rating-card__button, .rating-card__expert, .rating-card__score{background: rgb(158, 0, 173); color: rgb(255, 255, 255);}
.highlight-column, .highlight-row{background-color: rgb(158, 0, 173);}
.pros-block-title{background-color: rgb(5, 173, 139);}
.pros-block-list{background-color: rgb(0, 0, 0);}
.cons-block-title{background-color: rgb(199, 41, 91);}
.cons-block-list{background-color: rgb(0, 0, 0);}
#header{background: rgb(0, 0, 0); border-bottom-color: rgba(0, 0, 0, 0.1);}
.site-title a{color: rgb(255, 255, 255);}
@media only screen and (max-width: 719px){.site-title{border-bottom-color: rgba(255, 255, 255, 0.2) !important;}}
#header .nav-menu:not(.mobile) a{color: rgba(255, 255, 255, 0.8);}
#header .nav-menu:not(.mobile) a:hover{color: rgb(255, 255, 255);}
#header .nav-menu:not(.mobile) button{color: rgb(255, 255, 255);}
#header .nav-menu:not(.mobile) button .svg-icon{fill: rgba(255, 255, 255, 0.5);}
#header .nav-menu:not(.mobile) li.current_page_item > span > a, #header .nav-menu:not(.mobile) li.current-menu-item > span > a, #header .nav-menu:not(.mobile) li.current-menu-ancestor > span > a{color: rgb(255, 255, 255);}
#footer{background: rgb(0, 0, 0);}
#footer .footer-widget-1.grid{background: rgb(0, 0, 0);}
#footer .nav-menu:not(.mobile){background: rgb(0, 0, 0);}
#footer-bottom a{color: rgb(255, 255, 255);}
#footer-bottom a:hover{color: rgba(255, 255, 255, 0.8);}
#footer-bottom .social-links a{color: rgba(255, 255, 255, 0.7);}
#footer-bottom .social-links a:hover{color: rgb(255, 255, 255);}
#footer-bottom .social-links .social-tooltip:hover::after{background: rgb(255, 255, 255); color: rgb(102, 102, 102);}
#footer-bottom .social-links .social-tooltip:hover::before{border-color: rgb(255, 255, 255) transparent;}
#footer .nav-menu:not(.mobile), #footer .nav-menu:not(.mobile) a{color: rgba(255, 255, 255, 0.8);}
#footer .nav-menu:not(.mobile) a:hover{color: rgb(255, 255, 255);}
#footer .nav-menu:not(.mobile) button{color: rgb(255, 255, 255);}
#footer .menu-toggle-icon span{background: rgb(255, 255, 255);}
#footer{border-top: 0px;}#wrapper{min-width: 320px;}
@media only screen and (max-width: 960px){#profile-image{background: rgb(68, 68, 68);}
#profile-image img{margin: 0px auto;}
#page{padding-bottom: 0px;}}
@media only screen and (min-width: 620px) and (max-width: 960px){#profile::after{display: none;}}
@media only screen and (max-width: 619px){#profile{padding-bottom: 58px;}}
@media only screen and (min-width: 480px) and (max-width: 960px){.entry-header .entry-title{font-size: 42px;}}
@media only screen and (max-width: 719px){.entry-header, .entry-content, .entry-footer{padding-right: 20px; padding-left: 20px;}
#profile-name, #profile-description{margin-right: 20px; margin-left: 20px;}
.container{padding: 0px;}
.grid{width: 100%; margin: 0px 0px 10px;}
.pad{padding: 20px 20px 10px;}
.entry{font-size: 15px;}
.entry h2{font-size: 26px; letter-spacing: -0.5px;}
.entry h3{font-size: 24px; letter-spacing: -0.3px;}
.entry h4{font-size: 22px; letter-spacing: -0.3px;}
#header, #header .pad{padding: 0px;}
.site-title{padding: 10px 0px; margin: 0px; width: 100%; float: none; line-height: 50px; border-bottom: 1px solid rgb(238, 238, 238);}
.site-title a{text-align: center;}
#footer-bottom .pad{padding-top: 50px; padding-bottom: 40px;}
#footer-bottom{text-align: center;}
#footer-bottom #footer-logo{margin-left: auto; margin-right: auto;}
#footer-bottom .social-links{float: none;}
#footer-bottom .social-links li{margin-left: 4px; margin-right: 4px;}
#page{padding-top: 20px;}
.entry-header{margin-bottom: 20px;}
.entry-header .entry-title{font-size: 28px; margin-bottom: 10px;}}
@media only screen and (max-width: 479px){.content{width: 100%; float: none; margin-right: 0px !important; margin-left: 0px !important;}
.main, .main-inner{background-image: none !important; padding: 0px !important;}
.pad{padding: 15px 15px 5px;}
.site-title{font-size: 32px;}}
@-webkit-keyframes fa-beat { 
  0%, 90% { transform: scale(1); }
  45% { transform: scale(var(--fa-beat-scale,1.25)); }
}
@keyframes fa-beat { 
  0%, 90% { transform: scale(1); }
  45% { transform: scale(var(--fa-beat-scale,1.25)); }
}
@-webkit-keyframes fa-bounce { 
  0% { transform: scale(1) translateY(0px); }
  10% { transform: scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0); }
  30% { transform: scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em)); }
  50% { transform: scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0); }
  57% { transform: scale(1) translateY(var(--fa-bounce-rebound,-.125em)); }
  64% { transform: scale(1) translateY(0px); }
  100% { transform: scale(1) translateY(0px); }
}
@keyframes fa-bounce { 
  0% { transform: scale(1) translateY(0px); }
  10% { transform: scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0); }
  30% { transform: scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em)); }
  50% { transform: scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0); }
  57% { transform: scale(1) translateY(var(--fa-bounce-rebound,-.125em)); }
  64% { transform: scale(1) translateY(0px); }
  100% { transform: scale(1) translateY(0px); }
}
@-webkit-keyframes fa-fade { 
  50% { opacity: var(--fa-fade-opacity,.4); }
}
@keyframes fa-fade { 
  50% { opacity: var(--fa-fade-opacity,.4); }
}
@-webkit-keyframes fa-beat-fade { 
  0%, 100% { opacity: var(--fa-beat-fade-opacity,.4); transform: scale(1); }
  50% { opacity: 1; transform: scale(var(--fa-beat-fade-scale,1.125)); }
}
@keyframes fa-beat-fade { 
  0%, 100% { opacity: var(--fa-beat-fade-opacity,.4); transform: scale(1); }
  50% { opacity: 1; transform: scale(var(--fa-beat-fade-scale,1.125)); }
}
@-webkit-keyframes fa-flip { 
  50% { transform: rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg)); }
}
@keyframes fa-flip { 
  50% { transform: rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg)); }
}
@-webkit-keyframes fa-shake { 
  0% { transform: rotate(-15deg); }
  4% { transform: rotate(15deg); }
  8%, 24% { transform: rotate(-18deg); }
  12%, 28% { transform: rotate(18deg); }
  16% { transform: rotate(-22deg); }
  20% { transform: rotate(22deg); }
  32% { transform: rotate(-12deg); }
  36% { transform: rotate(12deg); }
  40%, 100% { transform: rotate(0deg); }
}
@keyframes fa-shake { 
  0% { transform: rotate(-15deg); }
  4% { transform: rotate(15deg); }
  8%, 24% { transform: rotate(-18deg); }
  12%, 28% { transform: rotate(18deg); }
  16% { transform: rotate(-22deg); }
  20% { transform: rotate(22deg); }
  32% { transform: rotate(-12deg); }
  36% { transform: rotate(12deg); }
  40%, 100% { transform: rotate(0deg); }
}
@-webkit-keyframes fa-spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}
@keyframes fa-spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}
:root{--fa-style-family-brands: "Font Awesome 6 Brands"; --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands";}

:root{--fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free";}

:root{--fa-style-family-classic: "Font Awesome 6 Free"; --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free";}








.container, #wrapper{background: rgb(16, 15, 20);}
body{background: rgb(16, 15, 20); color: rgb(255, 255, 255);}
#header .pad{padding: 10px 70px 10px 50px;}
@media only screen and (max-width: 719px){#header, #header .pad{padding: 0px;}}
h1, h2, h3, h4{color: rgb(235, 0, 255);}
#header{border-bottom: 1px solid rgb(235, 0, 255);}
#header .pad > :first-child{margin-right: auto; display: flex; align-content: center; align-items: center;}
.menu-toggle-icon span{background: rgb(255, 255, 255);}
@media only screen and (max-width: 719px){.site-title{border-bottom: 0px;}}
.nav-menu .svg-icon{fill: rgb(255, 255, 255);}
.cons-block-title p, .pros-block-title p{color: rgb(255, 255, 255); font-weight: 600; font-size: 19px; line-height: 1.2; margin: 0px; text-align: center;}
@media (max-width: 768px){.cons-block-title p, .pros-block-title p{font-size: 17px !important;}}
#footer .social-links a{color: rgb(0, 0, 0); transition: none;}
#footer .social-links .social-tooltip i:hover, #footer .social-links .social-tooltip i:hover{color: rgb(0, 0, 0) !important;}
.social-links .social-tooltip:hover::before{content: none;}
#footer-bottom .social-links{padding: 0px;}
.cky-overlay{background: rgb(0, 0, 0); opacity: 0.4; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 99999999;}
.cky-hide{display: none;}
.cky-btn-revisit-wrapper{display: flex; align-items: center; justify-content: center; background: rgb(0, 86, 167); width: 45px; height: 45px; border-radius: 50%; position: fixed; z-index: 999999; cursor: pointer;}
.cky-revisit-bottom-left{bottom: 15px; left: 15px;}
.cky-btn-revisit-wrapper .cky-btn-revisit{display: flex; align-items: center; justify-content: center; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: pointer; position: relative; margin: 0px; padding: 0px;}
.cky-btn-revisit-wrapper .cky-btn-revisit img{max-width: fit-content; margin: 0px; height: 30px; width: 30px;}
.cky-revisit-bottom-left:hover::before{content: attr(data-tooltip); position: absolute; background: rgb(78, 75, 102); color: rgb(255, 255, 255); left: calc(100% + 7px); font-size: 12px; line-height: 16px; width: max-content; padding: 4px 8px; border-radius: 4px;}
.cky-revisit-bottom-left:hover::after{position: absolute; content: ""; border-width: 5px 5px 5px 0px; border-style: solid; border-color: transparent rgb(78, 75, 102) transparent transparent; border-image: none; left: calc(100% + 2px);}
.cky-revisit-hide{display: none;}
.cky-consent-container{position: fixed; width: 100%; box-sizing: border-box; z-index: 9999999;}
.cky-consent-container .cky-consent-bar{background: rgb(255, 255, 255); border: 1px solid; padding: 16.5px 24px; box-shadow: rgba(172, 171, 171, 0.3) 0px -1px 10px 0px;}
.cky-banner-bottom{bottom: 0px; left: 0px;}
.cky-notice .cky-title{color: rgb(33, 33, 33); font-weight: 700; font-size: 18px; line-height: 24px; margin: 0px 0px 12px;}
.cky-notice-group{display: flex; justify-content: space-between; align-items: center; font-size: 14px; line-height: 24px; font-weight: 400;}
.cky-notice-des *, .cky-preference-content-wrapper *, .cky-accordion-header-des *{font-size: 14px;}
.cky-notice-des{color: rgb(33, 33, 33); font-size: 14px; line-height: 24px; font-weight: 400;}
.cky-consent-bar .cky-notice-des p, .cky-preference-body-wrapper .cky-preference-content-wrapper p, .cky-accordion-header-wrapper .cky-accordion-header-des p{color: inherit; margin-top: 0px; overflow-wrap: break-word;}
.cky-notice-des p:last-child, .cky-preference-content-wrapper p:last-child{margin-bottom: 0px;}
.cky-switch input[type="checkbox"]:focus-visible{outline: rgb(24, 99, 220) solid 2px; outline-offset: 2px;}
.cky-btn:focus:not(:focus-visible), .cky-accordion-header .cky-accordion-btn:focus:not(:focus-visible), .cky-preference-content-wrapper .cky-show-desc-btn:focus:not(:focus-visible), .cky-btn-revisit-wrapper .cky-btn-revisit:focus:not(:focus-visible), .cky-preference-header .cky-btn-close:focus:not(:focus-visible){outline: 0px;}
button.cky-show-desc-btn:not(:hover):not(:active){color: rgb(24, 99, 220); background: transparent;}
button.cky-accordion-btn:not(:hover):not(:active), button.cky-banner-btn-close:not(:hover):not(:active), button.cky-btn-close:not(:hover):not(:active), button.cky-btn-revisit:not(:hover):not(:active){background: transparent;}
.cky-consent-bar button:hover, .cky-consent-bar button:focus{text-decoration: none;}
.cky-notice-btn-wrapper{display: flex; justify-content: center; align-items: center; margin-left: 15px;}
.cky-notice-btn-wrapper .cky-btn{text-shadow: none; box-shadow: none;}
.cky-btn{font-size: 14px; font-family: inherit; line-height: 24px; padding: 8px 27px; font-weight: 500; margin: 0px 8px 0px 0px; border-radius: 2px; white-space: nowrap; cursor: pointer; text-align: center; text-transform: none; min-height: 0px;}
.cky-btn:hover{opacity: 0.8;}
.cky-btn-customize{color: rgb(24, 99, 220); background: transparent; border: 2px solid rgb(24, 99, 220);}
.cky-btn-reject{color: rgb(24, 99, 220); background: transparent; border: 2px solid rgb(24, 99, 220);}
.cky-btn-accept{background: rgb(24, 99, 220); color: rgb(255, 255, 255); border: 2px solid rgb(24, 99, 220);}
.cky-btn:last-child{margin-right: 0px;}
@media (max-width: 768px){.cky-notice-group{display: block;}
.cky-notice-btn-wrapper{margin-left: 0px;}
.cky-notice-btn-wrapper .cky-btn{flex: 1 1 auto; max-width: 100%; margin-top: 10px; white-space: unset;}}
@media (max-width: 576px){.cky-notice-btn-wrapper{flex-direction: column;}
.cky-notice .cky-title, .cky-notice-des, .cky-notice-btn-wrapper{padding: 0px 28px;}
.cky-consent-container .cky-consent-bar{padding: 16.5px 0px;}
.cky-notice-des{max-height: 40vh; overflow-y: scroll;}
.cky-notice-btn-wrapper .cky-btn{width: 100%; padding: 8px; margin-right: 0px;}
.cky-notice-btn-wrapper .cky-btn-accept{order: 1;}
.cky-notice-btn-wrapper .cky-btn-reject{order: 3;}
.cky-notice-btn-wrapper .cky-btn-customize{order: 2;}}
@media (max-width: 425px){.cky-notice .cky-title, .cky-notice-des, .cky-notice-btn-wrapper{padding: 0px 24px;}
.cky-notice-btn-wrapper{flex-direction: column;}
.cky-btn{width: 100%; margin: 10px 0px 0px;}
.cky-notice-btn-wrapper .cky-btn-customize{order: 2;}
.cky-notice-btn-wrapper .cky-btn-reject{order: 3;}
.cky-notice-btn-wrapper .cky-btn-accept{order: 1; margin-top: 16px;}}
@media (max-width: 352px){.cky-notice .cky-title{font-size: 16px;}
.cky-notice-des *{font-size: 12px;}
.cky-notice-des, .cky-btn{font-size: 12px;}}
.cky-modal{box-shadow: rgba(0, 0, 0, 0.3) 0px 32px 68px; margin: 0px auto; position: fixed; max-width: 100%; background: rgb(255, 255, 255); top: 50%; box-sizing: border-box; border-radius: 6px; z-index: 999999999; color: rgb(33, 33, 33); transform: translate(-50%, 100%); visibility: hidden; transition: all;}
.cky-preference-center{max-height: 79vh; width: 845px; overflow: hidden; flex: 1 1 0px; display: flex; flex-direction: column; border-radius: 6px;}
.cky-preference-header{display: flex; align-items: center; justify-content: space-between; padding: 22px 24px; border-bottom: 1px solid;}
.cky-preference-header .cky-preference-title{font-size: 18px; font-weight: 700; line-height: 24px;}
.cky-preference-header .cky-btn-close{margin: 0px; cursor: pointer; vertical-align: middle; padding: 0px; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; width: 24px; height: 24px; min-height: 0px; line-height: 0; text-shadow: none; box-shadow: none;}
.cky-preference-header .cky-btn-close img{margin: 0px; height: 10px; width: 10px;}
.cky-preference-body-wrapper{padding: 0px 24px; flex: 1 1 0%; overflow: auto; box-sizing: border-box;}
.cky-preference-content-wrapper{font-size: 14px; line-height: 24px; font-weight: 400; padding: 12px 0px;}
.cky-preference-content-wrapper{border-bottom: 1px solid;}
.cky-preference-content-wrapper .cky-show-desc-btn{font-size: 14px; font-family: inherit; color: rgb(24, 99, 220); text-decoration: none; line-height: 24px; padding: 0px; margin: 0px; white-space: nowrap; cursor: pointer; background: transparent; border-color: transparent; text-transform: none; min-height: 0px; text-shadow: none; box-shadow: none;}
.cky-accordion-wrapper{margin-bottom: 10px;}
.cky-accordion{border-bottom: 1px solid;}
.cky-accordion:last-child{border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor;}
.cky-accordion .cky-accordion-item{display: flex; margin-top: 10px;}
.cky-accordion .cky-accordion-body{display: none;}
.cky-accordion-header-wrapper{cursor: pointer; width: 100%;}
.cky-accordion-item .cky-accordion-header{display: flex; justify-content: space-between; align-items: center;}
.cky-accordion-header .cky-accordion-btn{font-size: 16px; font-family: inherit; color: rgb(33, 33, 33); line-height: 24px; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; font-weight: 700; padding: 0px; margin: 0px; cursor: pointer; text-transform: none; min-height: 0px; text-shadow: none; box-shadow: none;}
.cky-accordion-header .cky-always-active{color: rgb(0, 128, 0); font-weight: 600; line-height: 24px; font-size: 14px;}
.cky-accordion-header-des{font-size: 14px; line-height: 24px; margin: 10px 0px 16px;}
.cky-accordion-chevron{margin-right: 22px; position: relative; cursor: pointer;}
.cky-accordion .cky-accordion-chevron i::before{content: ""; position: absolute; border-right-width: 1.4px; border-right-style: solid; border-bottom-width: 1.4px; border-bottom-style: solid; border-color: inherit; height: 6px; width: 6px; transform: rotate(-45deg); transition: 0.2s ease-in-out; top: 8px;}
.cky-audit-table{background: rgb(244, 244, 244); border-radius: 6px;}
.cky-audit-table .cky-empty-cookies-text{color: inherit; font-size: 12px; line-height: 24px; margin: 0px; padding: 10px;}
.cky-footer-shadow{display: block; width: 100%; height: 40px; background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%); position: absolute; bottom: calc(100% - 1px);}
.cky-footer-wrapper{position: relative;}
.cky-prefrence-btn-wrapper{display: flex; flex-wrap: wrap; align-items: center; justify-content: center; padding: 22px 24px; border-top: 1px solid;}
.cky-prefrence-btn-wrapper .cky-btn{flex: 1 1 auto; max-width: 100%; text-shadow: none; box-shadow: none;}
.cky-btn-preferences{color: rgb(24, 99, 220); background: transparent; border: 2px solid rgb(24, 99, 220);}
.cky-preference-header, .cky-preference-body-wrapper, .cky-preference-content-wrapper, .cky-accordion-wrapper, .cky-accordion, .cky-accordion-wrapper, .cky-footer-wrapper, .cky-prefrence-btn-wrapper{border-color: inherit;}
@media (max-width: 845px){.cky-modal{max-width: calc(100% - 16px);}}
@media (max-width: 576px){.cky-modal{max-width: 100%;}
.cky-preference-center{max-height: 100vh;}
.cky-prefrence-btn-wrapper{flex-direction: column;}
.cky-prefrence-btn-wrapper .cky-btn{width: 100%; margin: 10px 0px 0px;}
.cky-prefrence-btn-wrapper .cky-btn-reject{order: 3;}
.cky-prefrence-btn-wrapper .cky-btn-accept{order: 1; margin-top: 0px;}
.cky-prefrence-btn-wrapper .cky-btn-preferences{order: 2;}}
@media (max-width: 425px){.cky-accordion-chevron{margin-right: 15px;}
.cky-notice-btn-wrapper{margin-top: 0px;}}
@media (max-width: 352px){.cky-preference-header .cky-preference-title{font-size: 16px;}
.cky-preference-header{padding: 16px 24px;}
.cky-preference-content-wrapper *, .cky-accordion-header-des *{font-size: 12px;}
.cky-preference-content-wrapper, .cky-accordion-header .cky-always-active, .cky-accordion-header-des, .cky-preference-content-wrapper .cky-show-desc-btn{font-size: 12px;}
.cky-accordion-header .cky-accordion-btn{font-size: 14px;}}
@media (max-width: 768px){.cky-notice-btn-wrapper{margin-left: 0px; margin-top: 10px; justify-content: left;}}
.b24-window-mounts #b24-window-mount-2674593486239969906413612536672, .b24-form #b24-2674593486239969906413612536672, .b24-form #b24-2674593486239969906413612536672.b24-form-dark{--b24-primary-color: rgba(0, 0, 0, 1); --b24-primary-text-color: rgba(255, 255, 255, 1); --b24-text-color: rgba(255, 255, 255, 1); --b24-background-color: rgba(74, 74, 74, 1); --b24-field-border-color: rgba(219, 219, 219, 1); --b24-field-background-color: rgba(36, 36, 36, 0.94); --b24-field-focus-background-color: rgba(0, 0, 0, 1); --b24-popup-background-color: rgba(74, 74, 74, 1); --b24-primary-hover-color: rgba(0, 0, 0, 0.7);}
.uk-offers-stars-container{font-size: 20px; line-height: 1; vertical-align: middle; display: inline-flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important;}
.uk-offers-star{width: 1em; height: 1em; margin-right: 2px; position: relative !important; display: inline-block !important; padding: 0px !important; float: none !important;}
.uk-offers-star svg{display: block; width: 100%; height: 100%;}
.uk-offers-star:last-child{margin-right: 0px;}
.uk-offers-star-empty{color: rgb(230, 230, 230); width: 100%; height: 100%; display: block !important;}
.uk-offers-star-fill{top: 0px; left: 0px; overflow: hidden; white-space: nowrap; color: rgb(255, 204, 0); width: 0%; z-index: 10; height: 100%; position: absolute !important; display: block !important;}
.uk-offers-star-fill svg{width: 1em !important; max-width: none !important; height: 100% !important;}
.b24-form-section{padding: 60px 0px;}
@media (max-width: 767px){.b24-form-section{padding: 40px 0px;}}
.uk-offers-stars-container{display: inline-flex; font-size: 20px; line-height: 1; color: rgb(224, 224, 224);}
.uk-offers-star{position: relative; display: inline-block; margin-right: 2px;}
.uk-offers-star-empty{color: rgb(230, 230, 230);}
.uk-offers-star-fill{position: absolute; top: 0px; left: 0px; overflow: hidden; white-space: nowrap; color: rgb(255, 204, 0); width: 0%; z-index: 1;}
@media only screen and (max-width: 719px){.mobile-menu #wrap-nav-header{display: none;}
#nav-mobile, #nav-header, #nav-footer{display: none;}
.mobile #nav-mobile, .mobile #nav-header, .mobile #nav-footer{display: block;}}
.nav-menu.mobile > .menu-toggle{display: block;}
.nav-menu.mobile > .menu-toggle ~ *{max-height: 4000px; overflow: hidden; width: 100%; transition: max-height 0.5s cubic-bezier(1, 0, 1, 0);}
.nav-menu.mobile > .menu-toggle[aria-expanded="false"] ~ *{max-height: 0px; transition: max-height 0.5s cubic-bezier(0, 1.05, 0, 1);}
.nav-menu.mobile ul{flex-direction: column;}
.nav-menu.mobile .menu ul{transition: max-height 500ms; max-width: 100%;}
.nav-menu.mobile{padding: 0px;}
.nav-menu.mobile button:focus{outline: none;}
.nav-menu.mobile > button{padding: 16px 20px; float: right;}
.nav-menu.mobile button .svg-icon{transition: 250ms;}
.nav-menu.mobile ul{border: 0px;}
.nav-menu.mobile ul li .menu-item-wrapper{justify-content: space-between; width: 100%;}
.nav-menu.mobile > div > ul > li:last-child{margin-bottom: 52px;}
.nav-menu.mobile ul li a{font-size: 16px; font-weight: 600; padding: 14px 20px;}
.nav-menu.mobile ul ul li a{font-size: 14px;}
.nav-menu.mobile ul ul li a{padding: 12px 0px 12px 40px;}
.nav-menu.mobile ul button{margin: 10px 0px; padding: 0px 20px;}
.nav-menu.mobile > div > ul.menu{visibility: hidden; transition: 0.3s;}
.nav-menu.mobile{background: rgb(238, 238, 238);}
.nav-menu.mobile ul ul{background: rgba(0, 0, 0, 0.03);}
.nav-menu.mobile ul li .menu-item-wrapper, .nav-menu.mobile ul ul li .menu-item-wrapper{border-bottom: 1px solid rgba(0, 0, 0, 0.07);}
.nav-menu.mobile ul li a{color: rgb(51, 51, 51);}
.nav-menu.mobile ul button{border-left: 1px solid rgba(0, 0, 0, 0.07);}
.nav-menu.mobile > div > ul{border-top: 1px solid rgba(0, 0, 0, 0.07);}
#footer .nav-menu.mobile{background: rgb(255, 255, 255);}
.nav-menu.mobile > div > ul > li:last-child{margin-bottom: 10px;}
#footer .nav-menu.mobile{background: rgb(238, 238, 238);}
#footer .nav-menu.mobile{background: rgb(0, 0, 0) !important;}
#footer .nav-menu.mobile ul li a{color: rgb(255, 255, 255);}
#footer .nav-menu.mobile ul li .menu-item-wrapper{border-bottom: 1px solid rgba(255, 255, 255, 0.15);}
#footer .nav-menu.mobile > div > ul{border-top: 1px solid rgba(255, 255, 255, 0.15);}
.nav-menu.mobile{background: rgb(0, 0, 0);}
.nav-menu.mobile ul li a{color: rgb(255, 255, 255);}
.toggled .menu-toggle-icon span:nth-child(1){transform: rotate(45deg); top: -2px; left: 5px;}
.toggled .menu-toggle-icon span:nth-child(2){width: 0%; opacity: 0;}
.toggled .menu-toggle-icon span:nth-child(3){transform: rotate(-45deg); top: 19px; left: 5px;}
.nav-menu.mobile > div > ul.menu, .nav-menu.mobile.toggled > div > ul.menu ul.sub-menu{visibility: hidden; transition: 0.3s;}
.nav-menu.mobile.toggled > div > ul.menu{visibility: visible;}