#navigation {
    position: fixed;
    width: 100%;
    min-height: 66px;
    margin: 0;
    padding: 8px 0;
    top: 0;
    left: 0;
    right: 0;
    z-index: 500;
    -webkit-transition: background .3s ease-in-out,-webkit-box-shadow .3s ease-in-out;
    -moz-transition: background .3s ease-in-out,-moz-box-shadow .3s ease-in-out;
    transition: background .3s ease-in-out,box-shadow .3s ease-in-out
}

#navigation.active,#navigation.scrolled {
    --tw-shadow: 0 4px 14px 0 #0000000d;
    --tw-ring-shadow: 0 0 #0000;
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 4px 14px 0 var(--tw-shadow-color);
    background: #fff!important;
    -webkit-box-shadow: 0 0 #0000, 0 0 #0000, 0 4px 14px 0 #0000000d;
    -moz-box-shadow: 0 0 #0000, 0 0 #0000, 0 4px 14px 0 #0000000d;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

#navigation .logo {
    position: relative;
    display: block;
    height: 50px;
    margin: 0;
    float: left
}

#navigation .logo a {
    display: inline-block;
    vertical-align: middle
}

#navigation .logo a img {
    display: block;
    width: auto!important;
    height: 50px;
    margin: -4px 6px 0 -6px;
}

#navigation.active .logo a img,#navigation.scrolled .logo a img {
    filter: none!important
}

#navigation .search {
    position: relative;
    display: block;
    width: 180px;
    height: 40px;
    margin: 5px 0 5px 15px;
    float: left
}

#navigation .search input[type=text] {
    display: block;
    width: 100%;
    height: 40px;
    padding: 0 12px;
    font-size: 14px;
    color: #252530;
    background: rgba(255,255,255,.15);
    border: 1px solid rgba(0,0,0,.12);
    box-shadow: none;
    border-radius: 4px
}

#navigation.active .search input[type=text],#navigation.scrolled .search input[type=text] {
    color: #212529
}

#navigation .search input[type=text]::-webkit-input-placeholder {
    color: #fff
}

#navigation .search input[type=text]::-moz-placeholder {
    color: #fff
}

#navigation .search input[type=text]::-ms-placeholder {
    color: #fff
}

#navigation .search input[type=text]::placeholder {
    color: #fff
}

#navigation.active .search input[type=text]::-webkit-input-placeholder,#navigation.scrolled .search input[type=text]::-webkit-input-placeholder {
    color: #adadad!important
}

#navigation.active .search input[type=text]::-moz-placeholder,#navigation.scrolled .search input[type=text]::-moz-placeholder {
    color: #adadad!important
}

#navigation.active .search input[type=text]::-ms-placeholder,#navigation.scrolled .search input[type=text]::-ms-placeholder {
    color: #adadad!important
}

#navigation.active .search input[type=text]::placeholder,#navigation.scrolled .search input[type=text]::placeholder {
    color: #adadad!important
}

#navigation .search .search-results {
    display: none;
    margin: 10px 0 0;
    z-index: 999;
    border: 0;
    border-radius: 4px;
    background: #fff;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.3);
    -moz-box-shadow: 0 2px 10px 0 rgba(0,0,0,.3);
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.3)
}

#navigation .search .search-results .item {
    display: block;
    text-align: left;
    padding: 12px 10px;
    border-radius: 4px
}

#navigation .search .search-results .item:hover {
    cursor: pointer;
    background: #f4f6f8
}

#navigation .search .search-results .item img {
    display: inline-block;
    width: 22px;
    height: 22px;
    margin: 0 8px 0 0;
    vertical-align: middle;
    border-radius: 4px
}

#navigation .search .search-results .item span.title {
    display: inline-block;
    font-size: 14px;
    color: #222;
    vertical-align: middle
}

#navigation .menu {
    display: block;
    float: right
}

#navigation .menu ul {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
    min-height: 50px
}

#navigation .menu ul li {
    position: relative;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    margin: 5px 40px 0 0
}

#navigation .menu ul li:hover{
    background-color: rgba(44, 56, 98, .051);
    border-radius: .125rem;
    transition: .3s;
    border-radius:8px;
    
}

#navigation .menu ul li:hover ul {
    display: block
}

#navigation .menu ul li:last-child {
    margin-right: 0
}

#navigation .menu ul li a,#navigation .menu ul li button {
    display: block;
    height: 40px;
    padding: 0 8px;
    border: 0;
    background: rgba(255,255,255,.15);
    border-radius: 4px;
    border-bottom: 2px solid transparent
}

#navigation .menu ul li a.dropdown:after {
    content: '';
    background-image:url(/images/icons/angle-down.svg);
    background-size: contain;
    width: 15px;
    height: 15px;
    vertical-align: -25%;
    display: inline-block;
    margin: 0 0 0 10px;
    vertical-align: middle;
    transition: transform ease .3s;
}
#navigation .menu ul li:hover a.dropdown:after{
    transform: rotate(180deg) translate(0, 2px);
}
#navigation .menu ul li a:hover,#navigation .menu ul li button:hover {
    border-radius: 4px 4px 0 0;
    text-decoration: none
}

#navigation .menu ul li a img {
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    margin: 12px 0 0
}

#navigation .menu ul li button img {
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    margin: 0
}

#navigation .menu ul li a span,#navigation .menu ul li button span {
    display: inline-block;
    margin: 0;
    color: #323738;
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
}

#navigation .menu ul li ul {
    position: absolute;
    display: none;
    list-style: none;
    margin: 4px 0 0;
    padding: 8px;
    min-width: 180px;
    top: 36px;
    left: 50%;
    transform: translateX(-50%);
    width: auto!important;
    background: #fff;
    border-radius: 8px;
    border: 0;
    z-index: 900;
    white-space: nowrap;
    -webkit-box-shadow: 0 0 20px 0 #00000012;
    -moz-box-shadow: 0 0 20px 0 #00000012;
    box-shadow: 0 0 20px 0 #00000012;
    -webkit-transition: top .3s ease-in-out;
    -moz-transition: top .3s ease-in-out;
    transition: top .3s ease-in-out
}

#navigation .menu ul li ul:before {
    position: absolute;
    content: '';
    width: 0;
    height: 16px;
    left: 0;
    right: 0;
    top: -25px;
    display: block;
    margin: 0 auto 0;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    border-bottom: 12px solid #fff
}

#navigation .menu ul li ul li {
    display: block;
    height: auto!important;
    margin: 0!important;
    padding: 12px 6px!important;
    line-height: 1;
    text-align: left;
    border: 0
}

#navigation .menu ul li ul li:last-child {
    border-bottom: 0
}

#navigation .menu ul li ul li a {
    display: block;
    width: 100%;
    height: auto!important;
    color: #212529;
    font-size: 14px;
    font-weight: 400;
    padding: 0 10px;
    border: 0;
    background: 0 0
}

#navigation .menu ul li ul li a:hover {
    border: 0!important
}

#navigation .menu ul li ul li a img {
    float: left;
    display: block;
    width: 24px;
    height: 24px;
    margin: 0 10px 0 0
}

#navigation .menu ul li ul li:hover a img {
    filter: invert(26%) sepia(92%) saturate(1662%) hue-rotate(182deg) brightness(96%) contrast(103%)
}

#navigation .menu ul li ul li a span.title {
    display: block;
    margin: 0 0 3px 0;
    padding: 0;
    color: #3e3e3e;
    text-align: left;
    font-weight: 400;
    border: 0
}

#navigation .menu ul li ul li a span.description {
    display: block;
    margin: 0 0 0 34px;
    padding: 0;
    font-size: 12px;
    font-weight: 300;
    line-height: 1.2;
    color: rgba(42,62,82,.6);
    -webkit-transition: color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out
}

#navigation .menu ul li ul li:hover a span.title {
    color: #0072bb
}

#navigation .menu ul li ul li:hover a span.description {
    color: #324960
}

#navigation .menu-show {
    position: absolute;
    display: none;
    width: 24px;
    height: 24px;
    top: 21px;
    left: 8px
}

#navigation .menu-hide {
    position: absolute;
    display: none;
    width: 24px;
    height: 24px;
    top: 21px;
    left: 266px
}

#navigation .menu-search {
    position: absolute;
    display: none;
    width: 24px;
    height: 24px;
    top: 21px;
    right: 8px
}

#navigation .menu-search .menu-search-hide,#navigation .menu-search .menu-search-show {
    display: none
}

#navigation .menu-hide button,#navigation .menu-search button,#navigation .menu-show button {
    background: 0 0;
    border: 0;
    padding: 0
}

#navigation .menu-hide button img,#navigation .menu-search button img,#navigation .menu-show button img {
    display: flex;
    width: 24px;
    height: 24px
}

#navigation:after {
    content: '';
    display: table;
    clear: both
}

#header {
    position: relative;
    display: block;
    width: 100%;
    min-height: 540px;
    height: auto!important;
    padding: 25px 20px;
    overflow: hidden;
    z-index: 0;
    margin-top: 0;
}

#header .wrapper {
    clip-path: ellipse(135% 70% at 50% 30%);
    height: auto;
}

#header .thumbnail {
    position: relative;
    display: block;
    width: 100%
}

#header .thumbnail img {
    display: block;
    margin: 20px auto;
    width: 80%;
    height: auto!important
}

#header .content {
    display: block;
    margin: 0;
    padding: 85px 0;
}

#header .content h1.title {
    display: block;
    color: #fff;
    font-size: 44px;
    margin: 0;
    max-width: 540px;
    padding: 0;
    word-spacing: -1.6px;
    line-height: 48px;
}

#header .content h1.title span {
    color: inherit;
    font-weight: 700;
}

#header .content p.description {
    display: block;
    margin: 10px 0 30px;
    color: #fff;
    line-height: 1.5;
    font-size: 17px;
    letter-spacing: -.4px;
    font-weight: 500;
    max-width: 540px;
}

#header .content button {
    position: relative;
    display: inline-block;
    height: 50px;
    padding: 0 18px;
    line-height: 50px;
    font-weight: 400;
    font-size: 18px;
    text-align: center;
    white-space: nowrap;
    border: 0;
    border-radius: 4px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

#header .content button.recommend {
    margin: 0;
    background: #fff;
    color: #212529
}

#header .content button.recommend:hover {
    background: #e2e6ea
}

#header .content button.compare {
    margin: 0 0 0 10px;
    background: #2384db;
    color: #fff
}

#header .content button.compare:hover {
    --tw-brightness: brightness(1.15);
   filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) 
}

#header .statistics {
    display: block;
    width: 100%
}

#header .statistics ul {
    display: table;
    table-layout: fixed;
    width: 100%;
    max-width: 400px;
    margin: 0;
    padding: 10px 0 0;
    list-style: none;
    text-align: center;
    border-collapse: separate;
    border-spacing: 20px 0;
    border-top: 3px dotted #fff
}

#header .statistics ul li {
    position: relative;
    display: table-cell;
    width: 33%;
    margin: 0;
    border-radius: 4px;
    box-shadow: -1px 1px 9px rgba(167,12,45,.15);
    background: #fff;
    vertical-align: top
}

#header .statistics ul li:before {
    content: '';
    position: absolute;
    display: block;
    margin: 0 auto;
    width: 0;
    height: 16px;
    left: 0;
    right: 0;
    bottom: -25px;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    border-top: 12px solid #fff;
    z-index: 1
}

#header .statistics ul li .icon {
    display: block;
    margin: 10px auto 0;
    width: 40px;
    height: 40px;
    padding: 10px;
    border-radius: 50%;
    background-color: #0172bb;
    background-repeat: no-repeat;
    background-size: 50px 50px
}

#header .statistics ul li .icon img {
    width: 20px;
    height: 20px
}

#header .statistics ul li span.amount {
    display: block;
    margin: 3px auto;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.5;
    font-family: fantasy;
    letter-spacing: 1px
}

#header .statistics ul li span.title {
    position: absolute;
    display: block;
    margin: 0 auto;
    bottom: -35px;
    left: 0;
    right: 0;
    font-weight: 600;
    font-size: 15px;
    line-height: 1.5;
    color: #0172bb;
    text-align: center
}

#header:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    background-image: url('/images/content/banner.png');
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 10%;
    z-index: -1
}

#top-offers {
    position: relative;
    display: block;
    width: 100%;
    height: auto!important;
    margin: 0 0 50px 0;
}

#top-offers .last-updated {
    position: relative;
    display: none;
    float: right;
    padding: 0 5px;
    margin: -40px 0 0 0;
    text-align: right;
    background: #e2e2e2;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    border-radius: 4px;
    color: #4e5155
}

#top-offers .last-updated span.title {
    display: block;
    margin: 5px 0;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    color: #000;
    letter-spacing: -.1px
}

#top-offers .last-updated span.title:before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 5px 0 0;
    background-image: url('/images/icons/benefits-dark.svg');
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
    vertical-align: middle
}

#top-offers .last-updated span.title strong {
    font-weight: 700
}

#top-offers .container {
    display: flex;
    justify-content: center;
    width: 100%;
    text-align: center
}
#top-offers .container .card, #offers .subjects .card{
    flex-shrink: 0;
    height: 100%;
    white-space: normal;
    --tw-shadow: 0 2px 16px 0 #344a9a1f;
    --tw-shadow-colored: 0 2px 16px 0 var(--tw-shadow-color);
    box-shadow: 0 0 #0000, 0 0 #0000, 0 2px 16px 0 #344a9a1f;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
#top-offers .container .card{
    position: relative;
    display: inline-block;
    width: calc(33% - 20px);
    margin: 0 10px 20px 10px;
    padding: 0 20px 20px;
    background: #fff;
    border: 0;
    border-radius: 16px;
    vertical-align: top;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}
#offers .subjects .card{border-radius: 16px;--tw-shadow: 0 0 8px 0 #0000001f;--tw-shadow-colored: 0 0 8px 0 var(--tw-shadow-color);}
#article article #offers .subjects .card{
    box-shadow: unset;
    background-color: rgb(253 253 253);
    border: solid 1px #e4e4e5;
}
#article #offers .subjects h2 img{
    vertical-align: middle;
}
#top-offers .container .card:nth-of-type(1) {
    order: 3
}

#top-offers .container .card:nth-of-type(2) {
    order: 2
}

#top-offers .container .card:nth-of-type(3) {
    order: 4
}

#top-offers .container .card:nth-of-type(4) {
    order: 1
}

#top-offers .container .card:nth-of-type(5) {
    order: 5
}

#top-offers .container .card .grade, #offers .card .container .options .grade .score span.amount{
    position: absolute;
    top: 0;
    right: 0;
    width: 72px;
    height: 40px;
    background: url('/images/icons/stars.svg') center left 18px no-repeat;
    background-size: 18px 18px;
    text-align: right;
    padding: 8px 8px 0 0;
    font-size: 19px;
    font-weight: 700;
    color: #323738;
    border-radius: 0 3px 0 0;
    z-index: 1
}
body #offers .card .container .options .grade .score .amount{
    line-height: 1;
    background-position: top 8px left 14px;
}
#top-offers .container .card .ratings {
    display: block;
    font-size: 12px;
    color: #757575;
}

#top-offers .container .card .thumbnail {
    width: 100%;
    height: 120px;
    margin: 10px 0;
    padding: 0 40px;
    white-space: nowrap;
    overflow: hidden;
    border-bottom: solid 1px #E4E4E5;
}

#top-offers .container .card .thumbnail img {
    box-sizing: inherit;
    vertical-align: middle;
    object-fit: contain;
    max-width:160px;
    max-height: 78px;
    width: 100%;
    height: auto;
}

#top-offers .container .card .details h3{
    color: #323738;
    line-height: 24px;
    font-size:18px;
    font-weight:600;
    text-align: left;
    margin: 5px 0 0 0;
}

#top-offers .container .card .details p.description {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-box;
    margin: 0 0 10px 0;
    padding: 10px 0 0;
    font-size: 14px;
    color: #727574;
    font-weight: 500;
    text-align: left;
}

#top-offers .container .card .details .btn-subject,#top-offers .container .card .details .reviews {
    --tw-border-opacity: 1;
    font-size: 13px;
    text-align: center;
    border-radius: 8px;
    line-height: 22px;
}

#top-offers .container .card .details .d-flex{
    display: flex;
    margin-top:8px;
    box-sizing: inherit;
    justify-content: space-between;
    gap: 8px;
    align-items: center;
}

#top-offers .container .card .details a.reviews,#evaluate .steps button.btn-cancel, #evaluate .steps button.btn-prev {
    background-color: transparent;
    color: #323738;
    text-decoration: inherit;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(52 74 154/var(--tw-border-opacity,1));
}

#top-offers .btn-secondary {
    margin-top: 50px;
}

#top-offers:after {
    content: '';
    display: table;
    clear: both
}

#offers {
    display: block;
    width: 100%;
    padding: 20px 0;
    margin: 0;
    overflow: hidden;
    background: #FFFFFF;
}

#offers .details {
    position: relative;
    display: table;
    width: 100%;
    margin: 0 0 20px;
    overflow: auto
}

#offers .details h1,#offers .details h2 {
    display: table-cell;
    margin: 0;
    padding: 0;
    text-align: left;
    font-size: 13px;
    line-height: 20px;
    font-weight: 400;
    color: #2d2d2d;
    text-transform: uppercase;
    vertical-align: middle
}

#offers .details h1 span,#offers .details h2 span {
    font-weight: 700
}

#offers .details h1 img,#offers .details h2 img {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle
}

#offers .details .btn-filter {
    float: left;
    width: calc(50% - 8px);
    margin: 0
}

#offers .details .btn-sort {
    float: right;
    width: calc(50% - 8px);
    margin: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #FFF;
    background-image: url(/images/icons/angle-down.svg);
    border: 1px solid #DDD;
    border-radius: 4px;
    padding-left: 1.2rem;
    font-weight: 400;
    padding-right: 1.2rem;
    color: #111111;
    text-align: left;
    text-indent: 4px;
}

#offers .details .btn-sort option {
    background: #fff;
    color: black;
    text-indent: 10px;
}

#offers .details .btn-advertising-policy {
    float: right;
    display: inline-block;
    border: 0;
    background: 0 0;
    line-height: 20px
}

#offers .details .btn-advertising-policy:before {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 5px 0 0;
    background-image: url('/images/icons/advertising-policy.svg');
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
    vertical-align: middle
}

#offers .details .btn-advertising-policy span {
    display: inline;
    color: #2d2d2d;
    font-size: 13px;
    font-weight: 300;
    line-height: 1.5;
    vertical-align: middle
}

#offers .details .modal-advertising-policy {
    position: absolute;
    display: none;
    top: 25px;
    right: 0;
    width: 100%;
    max-width: 275px;
    z-index: 999;
    background: #f5f4f3;
    padding: 10px;
    -webkit-box-shadow: 0 0 25px rgba(0,0,0,.15);
    -moz-box-shadow: 0 0 25px rgba(0,0,0,.15);
    box-shadow: 0 0 25px rgba(0,0,0,.15)
}

#offers .details .modal-advertising-policy p {
    display: block;
    font-size: 13px;
    line-height: 1.5;
    margin: 0 0 10px
}

#offers .details .modal-advertising-policy button {
    display: block;
    width: 100%;
    height: 40px;
    color: #fff;
    border-radius: 4px;
    border: 0;
    background: #0072bb
}

#offers .filter {
    position: relative;
    display: block;
    margin: 0 20px 0 0;
    background: #eef4f9;
    border-radius: 16px;
}

#offers .filter .content {
    display: block;
    padding: 16px 20px;
    border-radius: inherit;
}

#offers .filter .content::-webkit-scrollbar {
    width: 5px
}

#offers .filter .content::-webkit-scrollbar-track {
    background: #e5e5e5;
    border-radius: 10px
}

#offers .filter .content::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #777
}

#offers .filter .content span.title {
    display: block;
    font-weight: 700;
    font-size: 16px;
    color: #000;
}

#offers .filter .content select {
    display: block;
    width: 100%;
    height: 32px;
    margin: 5px 0 15px;
    border: 1px solid #c5c5c5;
    border-radius: 4px
}

#offers .filter .content ul {
    display: block;
    width: 100%;
    margin: 5px 0;
    list-style: none;
    padding: 0 0 15px;
}
#offers .filter .content ul#categories,#offers .filter .content ul.ideale-leeftijd,#offers .filter .content ul.aantal-leden{
    display: table-row-group;
    white-space: inherit;
    transition: .6s;
    height: 100px;
    position: relative;
}
#offers .filter .content ul:first-of-type li {
    display: inline-grid !important;
    position: relative;
    width: calc(26.5% - -7px);
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    margin: 0 1%;
    overflow: hidden;
    top: 0;
    height: 35px;
}

#offers .filter .content ul#categories li:first-child,#offers .filter .content ul.ideale-leeftijd li:first-child,#offers .filter .content ul.aantal-leden li:first-child {
    width: auto;
    padding: 0;
    max-height: unset;
    height: auto;
    min-height: unset;
    margin: 0 0 5px;
    border-radius: 0;
    border: 0;
    position: absolute;
    top: -20px;
    right: 0;
    background-color: transparent;
}
#offers .filter .content ul.ideale-leeftijd li:first-child{
    top: -30px;
}
#offers .filter .content ul.aantal-leden li:first-child{
    top: -27.5px;
}
#offers .filter .content ul.gratis-versie li:first-child,#offers .filter .content ul.prijsklasse li:first-child,#offers .filter .content ul:last-of-type li:first-child{display:none}
#offers .filter .content ul:last-of-type {
    border-bottom: 0;
    padding: 0
}
#offers .filter .content ul:last-of-type li,#offers .filter .content ul:first-of-type li:first-child{
    background-color:transparent
}
#offers .filter .content ul li {
    display: block;
    margin: 0 0 6px;
    min-height: 18px;
    background-color: #FFF;
}#offers .filter .content ul:nth-of-type(4){
    display: flex;
}
    #offers .filter .content ul:nth-of-type(4) li {
        width: 48%;
        border: 1px solid #e5e5dd;
        border-radius: 8px;
        margin: 0 6px 0 0;
        padding: 6px 10px;
        position: relative;
    }
#offers .filter .content ul li span.description {
    font-size: 14px;
    display: block;
    line-height: 18px
}

#offers .filter .content ul li span.description label {
    display: block;
    line-height: 18px;
    color: #797979
}

#offers .filter .content ul li input[type=checkbox] {
    position: relative;
    float: left;
    display: block;
    margin: 2px 10px 0 0;
    width: 18px;
    height: 18px;
    border: 0;
    background: #fff
}

#offers .filter .content ul li input[type=checkbox]:after {
    position: absolute;
    content: '';
    width: inherit;
    height: inherit;
    left: 0;
    top: 0;
    text-align: center;
    vertical-align: middle;
    line-height: 16px;
    font-size: 0;
    border: 1px solid #c5c5c5;
    border-radius: 4px;
    z-index: 2;
    background: #fff;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#offers .filter .content ul li input[type=checkbox]:checked:after {
    content: '\2714';
    color: #fff;
    font-size: 12px;
    border-color: #0072bb;
    background-color: #0072bb
}
body #offers .filter .content ul li.active {
    border-color: #2384db;
    background-color: rgb(35 132 219 / 12%);
    color: #000;
}
#offers .card {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 0 20px;
    padding: 0;
    background: #fff;
    border:solid 1px transparent;
    border-radius: 0;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12),0 1px 3px 0 rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12),0 1px 3px 0 rgba(0,0,0,.2);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12),0 1px 3px 0 rgba(0,0,0,.2)
}

#offers .card .container {
    display: table;
    width: 100%;
    padding: 16px;
    border-bottom: 1px solid #f1f1f1;
}
#article #offers .card .container{
    padding: 20px 16px;
}
#offers .card.active{
    border-color: #2384db; 
}
#offers .card.active .container .position{
    color: #2384db;
    background-color: #eef4f9;
    left: 0;
    top: 0;
}
#offers .card.active .container .symbol .inner-image{
    background-color: #eef4f9;
    border-style: dashed;
    border-width: 1px;
    border-color: #2384db;
}
#article .content .details h2 b {
    position: absolute;
    top: -5px;
    left: -5px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    z-index: 1;
    text-align: center;
    border-radius: 1px;
    background-color: #ef1745;
    color: #fff
}

#article .content .details h2 a {
    margin-left: 30px
}

#offers .card .container .symbol {
    position: relative;
    display: table-cell;
    width: 160px;
    height: 114px;
}
#article #offers .card .container .symbol{
    min-width: 155px;
    width: 155px;
    background-color: #FFF;
}
#offers .card .container .symbol .inner-image{
    display: flex;
    height: 95px;
    margin: 10px 0;
    padding: 15px 15px 35px 15px;
    overflow: hidden;
    vertical-align: middle;
    border-radius: 8px;
    border: solid 1px #e4e4e5;
}
#article #offers .card .container .symbol .inner-image{
    padding: 10px;
    height: 100%;
    margin: 0;
    align-items: anchor-center;
}
#article #offers .card .container .symbol .inner-image img{
    min-height: 55px;
    max-width: 110px;
    margin: auto;
}
#offers .card .container .symbol img {
    position: relative;
    display: block;
    max-width: 135px;
    width: 100%;
    height: auto;
    max-height: 55px;
    padding: 0;
    border-radius: 3px;
    object-fit: contain;
    object-position: 50% 50%
}

#offers .card .container .symbol .btn-compare {
    position: relative;
    display: block;
    width: 100%;
    max-width: fit-content;
    height: 25px;
    padding: 0 5px 0 10px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    color: #3e3e3e;
    background: #FFF;
    font-weight: 400;
    border: 0;
    vertical-align: middle;
    line-height: 25px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

#offers .card .container .symbol .btn-compare img {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 4px;
    vertical-align: middle;
    border-radius: 0
}

#offers .card.active .container .symbol .btn-compare, #offers .card.active .container .symbol .btn-compare {
    visibility: hidden;
}

#offers .card.active .container .symbol .btn-compare:after {
    content: attr(data-title);
    position: absolute;
    visibility: visible;
    display: block;
    top: 0;
    left: 0;
    text-indent: 30px;
    width: 100%;
    color: rgba(0, 0, 0, .87);
    background: transparent;
    font-weight: 400;
    border: 0;
    vertical-align: middle;
    line-height: 25px
}

#offers .card .container .thumbnail {
    position: relative;
    display: table-cell;
    width: 290px;
    height: auto;
    margin: 0;
    padding: 0 0 20px 0;
    overflow: hidden;
    vertical-align: middle
}

#offers .card .container .thumbnail img {
    position: relative;
    display: block;
    width: 120%;
    height: auto
}

#article .content .details .offer-box {
    position: relative
}

#article .content .details a.subject-logo,#offers .card .container .thumbnail .brand {
    position: absolute;
    display: block;
    width: 75%;
    height: 50px;
    padding: 5px 0 5px 15px;
    left: 0;
    bottom: 45px;
    line-height: 40px;
    text-align: center;
    background-color: rgba(255,255,255,.8);
    z-index: 999
}

#article .content .details a.subject-logo {
    bottom: 20%;
    max-width: fit-content;
    padding: 7.5px 25px;
    height: 55px
}

#article .content .details a.subject-logo:after,#offers .card .container .thumbnail .brand:after {
    content: '';
    position: absolute;
    right: -35px;
    top: 0;
    border-right: 35px solid transparent;
    border-top: 50px solid rgba(255,255,255,.8)
}

#article .content .details a.subject-logo:after {
    border-top: 55px solid rgba(255,255,255,.8)
}

#article .content .details a.subject-logo img,#offers .card .container .thumbnail .brand img {
    display: inline-block;
    height: auto!important;
    max-height: 40px;
    margin: 0 auto;
    width: auto!important;
    max-width: 128px;
    vertical-align: middle
}

#offers .card .container .thumbnail .btn-compare {
    position: absolute;
    display: block;
    width: 100%;
    height: 25px;
    padding: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    color: #b5b5b5;
    background: #f5f4f4;
    font-weight: 400;
    border: 0;
    vertical-align: middle;
    line-height: 25px
}

#offers .card .container .thumbnail .btn-compare img {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 4px;
    vertical-align: middle;
    border-radius: 0
}

#offers .card .container .thumbnail .btn-compare.active {
    visibility: hidden
}

#offers .card .container .thumbnail .btn-compare.active:after {
    content: attr(data-title);
    position: absolute;
    visibility: visible;
    display: block;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    color: #fff;
    background: #0970e3;
    font-weight: 400;
    border: 0;
    vertical-align: middle;
    line-height: 25px
}

#offers .card .container .details {
    display: table-cell;
    width: auto!important;
    margin: 0;
    padding: 0 25px;
    text-align: left;
    overflow: visible;
    vertical-align: top
}
#article #offers .card .container .details{
    min-width: 275px;
    padding: 0 10px 0 20px;
}
#offers .card .container .details ol{
    list-style: none;
    padding-left:0;
    margin-left:0
}
#offers .card .container .details ol li{
    color: #727574;
    line-height: 20px;
    font-size:13px
}

#article #offers .card .container .details ol li:before{
    content:"";
    display: inline-block;
    width: 21px;
    height: 12px;
    background-image: url(/images/icons/checkmark.svg);
    background-repeat: no-repeat;
    background-size: 12px 12px;
    background-position: center top 2px;
    filter: brightness(0) saturate(100%) invert(48%) sepia(70%) saturate(462%) hue-rotate(79deg) brightness(102%) contrast(92%);
}

#offers .card .btn-features{
    background-image: url(/images/icons/angle-down.svg);
    background-repeat: no-repeat;
    background-size: 12px 12px;
    background-position: left -2px top 7px;
    background-color:transparent;
    color: #323738;
    position: relative;
    display: flex;
    margin: auto;
    top: auto;
    bottom: 0px;
    right: 0;
    left: 0;
    line-height: 24px;
    padding-left: 15px;
    max-width: fit-content;
}

#offers .card .container .details span.title {
    position: relative;
    display: block;
    font-weight: 700;
    font-size: 24px;
    color: #3e3e3e;
    line-height: 28px;
    margin: 5px 0 0;
    padding: 0;
    text-align: left;
    vertical-align: top
}
#article #offers .card .container .details span.title {
    font-size: 21px;
    line-height: 20px;
}
#offers .card[data-id="96636"] .container .position{
    border-bottom-right-radius: 0;
}
#offers .card[data-id="96636"] .container .position::after {
    content: attr(data-title);
    position: absolute;
    left: 28px;
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    border-radius: 2px;
    background-color: #0C44CC;
    text-transform: uppercase;
    height: 22px;
    line-height: 22px;
    color: #fff;
    padding: 0 15px;
    margin: 0 0 0 8px;
    vertical-align: top;
    min-width: max-content;
    border-bottom-right-radius: 12px;
}

#offers .card .container .details .review {
    display: block;
    width: 100%
}

#offers .card .container .details .review .rating {
    display: inline-block;
    margin: 0 5px 0 0;
    vertical-align: middle
}

#offers .card .container .details .review .ratings {
    position: relative;
    display: inline-block;
    padding: 0 10px 0 0;
    margin: 2px 6px 0 0;
    color: #0072bb;
    font-size: 13px;
    font-weight: 500;
    border-right: 1px solid #ccc;
    line-height: 1;
    vertical-align: middle
}

#offers .card .container .details .review .reviews {
    position: relative;
    display: inline-block;
    margin: 2px 0 0;
    padding: 0;
    color: #0072bb;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    vertical-align: middle
}
#offers .card .container .details .description a{
    color: #0072bb;
    font-weight: 500;
}
#offers .card .container .details .review .ratings:before,#offers .card .container .details .review .reviews:before {
    position: absolute;
    content: '';
    display: none;
    width: 0;
    height: 15px;
    margin: 0 auto;
    top: 0;
    left: 0;
    right: 0;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    border-bottom: 15px solid #092144
}

#offers .card .container .details .review .ratings:after,#offers .card .container .details .review .reviews:after {
    position: absolute;
    content: attr(data-title);
    display: none;
    width: 100%;
    min-width: 150px;
    padding: 8px 4px;
    margin: 0;
    text-align: center;
    background: #092144;
    color: #fff;
    font-size: 12px;
    border-radius: 4px;
    line-height: 1.5;
    z-index: 9;
    top: 25px;
    left: 50%;
    transform: translate(-50%);
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,.05);
    -moz-box-shadow: 0 0 20px rgba(0,0,0,.05);
    box-shadow: 0 0 20px rgba(0,0,0,.05)
}

#offers .card .container .details .review .ratings:hover:after,#offers .card .container .details .review .ratings:hover:before,#offers .card .container .details .review .reviews:hover:after,#offers .card .container .details .review .reviews:hover:before {
    display: block!important;
    cursor: pointer
}

#offers .card .container .details p.description {
    display: block;
    margin: 0 auto;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #727574;
    letter-spacing: .3px;
    text-align: left
}

#offers .card .container .options {
    min-width: 170px;
    display: table-cell;
    vertical-align: top;
    text-align: center
}
#article #offers .card .container .options{
    max-width: 235px;
    min-width: 210px;
}
#offers .card .container .options .grade {
    position: relative;
    display: block;
    margin: 0 0 15px
}

#offers .card .container .options .grade span.title {
    display: inline-block;
    margin: 0 10px 0 0;
    padding: 0 10px 0 0;
    font-size: 15px;
    font-weight: 700;
    color: #222;
    border-right: 1px solid #e5e5e5;
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    transform: translate(0,0);
    -webkit-transition: transform .3s ease,opacity .3s ease;
    -moz-transition: transform .3s ease,opacity .3s ease;
    transition: transform .3s ease,opacity .3s ease
}

#offers .card .container .options .grade:hover span.title {
    opacity: 0;
    -webkit-transform: translate(50%,0);
    -moz-transform: translate(50%,0);
    transform: translate(50%,0)
}

#offers .card .container .options .grade .score {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 24px;
}

#offers .card .container .options .grade:hover .score span.amount {
    -webkit-transform: scale(1.3) translate(0,0) translateZ(0);
    transform: scale(1.3) translate(0,0) translateZ(0)
}

#offers .card .container .options .grade .score .tooltip {
    position: absolute;
    display: none;
    margin: 50px 0 0;
    padding: 0;
    top: 0;
    right: -25px;
    background: #fff;
    min-height: 100px;
    border-radius: 16px;
    z-index: 400;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.2);
    box-shadow: 0 0 10px rgba(0,0,0,.2)
}

#offers .card .container .options .grade .score .tooltip:before {
    position: absolute;
    content: '';
    display: block;
    width: 0;
    right: 25px;
    top: -36px;
    border-bottom: 18px solid #fff;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    border-top: 18px solid transparent;
    filter: drop-shadow(0 -7px 5px rgba(0, 0, 0, .15))
}

#offers .card .container .options .grade:hover .score .tooltip {
    display: block
}

#offers .card .container .options .grade .score .tooltip .item {
    display: table;
    width: 100%;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: .2s;
    -moz-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-name: tooltip-item-appear;
    -moz-animation-name: tooltip-item-appear;
    animation-name: tooltip-item-appear;
    visibility: visible;
    opacity: 0
}

#offers .card .container .options .grade .score .tooltip .item:nth-of-type(1) {
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    animation-delay: .1s
}

#offers .card .container .options .grade .score .tooltip .item:nth-of-type(2) {
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    animation-delay: .2s
}

#offers .card .container .options .grade .score .tooltip .item:nth-of-type(3) {
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    animation-delay: .3s
}

#offers .card .container .options .grade .score .tooltip .item:nth-of-type(4) {
    -webkit-animation-delay: .4s;
    -moz-animation-delay: .4s;
    animation-delay: .4s
}

#offers .card .container .options .grade .score .tooltip .item:nth-of-type(5) {
    -webkit-animation-delay: .5s;
    -moz-animation-delay: .5s;
    animation-delay: .5s
}

#offers .card .container .options .grade .score .tooltip .item:nth-of-type(even) {
    background: #f2f2f2;
}

#offers .card .container .options .grade .score .tooltip .item .icon {
    display: table-cell;
    padding: 10px 0 10px 10px;
    width: 26px;
    vertical-align: top
}

#offers .card .container .options .grade .score .tooltip .item .icon img {
    display: block;
    margin: 4px 0 0;
    width: 16px;
    height: 16px
}

#offers .card .container .options .grade .score .tooltip .item .information {
    display: table-cell;
    padding: 10px;
    vertical-align: baseline
}

#offers .card .container .options .grade .score .tooltip .item .information span.name {
    display: block;
    margin: 0 0 5px;
    padding: 0;
    font-size: 14px;
    color: #0b71e3;
    font-weight: 600;
    text-align: left;
    border: 0;
    white-space: nowrap;
    line-height: 1;
    opacity: 1
}

#offers .card .container .options .grade .score .tooltip .item .information p.description {
    display: block;
    font-weight: 400;
    text-align: left;
    font-size: 13px;
    line-height: 1.25
}

#offers .card .container .options .grade .score .tooltip .item .information p.description strong {
    font-weight: 700;
    color: #353535
}

#offers .card .container .options .grade .score .tooltip .item .score {
    display: table-cell;
    padding: 10px 10px 10px 0;
    line-height: 1;
    vertical-align: baseline
}

#offers .card .container .options .grade .score .tooltip .item .score span {
    display: block;
    padding: 0 5px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
    border-radius: 4px;
    background: #0970e3
}

#offers .card .container .options .grade .score .tooltip .item a {
    width: 100%;
    display: table-cell;
    text-align: right;
    padding: 8px 12px;
    font-size: 13px;
    font-weight: 500;
    color: #0072bb;
}

#offers .card .container .options .rating {
    display: none
}

#offers .card .container .options .links {
    display: block;
    overflow: unset;
}
#offers .card .container .options .links a{
    padding: 8px 16px;
    --tw-shadow: 0 2px 5px 0 #2c386217, 0 4px 12px 0 #2c386233;
    --tw-shadow-colored: 0 2px 5px 0 var(--tw-shadow-color), 0 4px 12px 0 var(--tw-shadow-color);
    box-shadow: 0 0 #0000, 0 0 #0000, 0 2px 5px 0 #2c386217, 0 4px 12px 0 #2c386233;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    width: 170px;
    font-size: 15px;
    text-transform: capitalize;
}
#article #offers .card .container .options .links a{
    width: 95%;
    max-width:200px;
}
#offers .card .container .options .links a img{
    filter: invert(1);
    object-fit: contain;
    object-position: -4px 1px;
    width: 20px;
    height: 20px;
    vertical-align: top;
}
#offers .card .outlinks {    
    display: none;
    margin: 0 16px;
    padding: 16px 0;
    border-top: solid 1px #e5e5e5
}

#offers .card .outlinks span.slogan {
    display: block;
    margin: 0 0 16px;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 600
}

#offers .card .outlinks .btn-subject {
    border-radius: 8px!important;
}

#offers .card .outlinks .btn-features:before{
    content: "";
    display: inline-block;
    background-image: url(/images/icons/angle-right.svg);
    background-size:16px 16px;
    background-repeat:no-repeat;
    background-position: top -1px left -5px;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    stroke: black;
    transition: ease transform .1s;
}
#offers .card .outlinks .btn-features.active{bottom:auto;border-radius: 0;margin-top: 18px;font-size: 0;}
#offers .card .outlinks .btn-features.active:before{
    background-position: 0 0;
    transform: rotate(90deg) translate(-2px, 7px);
}
#offers .card .outlinks .btn-features.active:after{
    content:"Verberg details";
    font-size: 14px;
    text-indent: -11px;
}
#offers .card .outlinks .btn-features {
    display: block;
    margin: 10px auto 0 0;
    color: #434343;
    font-weight: 500;
    padding-left: 25px;
    font-size: 14px;
    line-height: 1.8;
    vertical-align: middle;
    background-image: unset;
    border-radius: 0 0 16px 16px;
    margin-left: 0;
    background-color: #F2F2F2;
    text-align: left;
}

#offers .card .outlinks .btn-compare {
    position: relative;
    display: block;
    width: 100%;
    height: 46px;
    padding: 0 5px;
    margin: 5px 0 0;
    color: #b5b5b5;
    background: #f5f4f4;
    font-size: 16px;
    font-weight: 400;
    border: 0;
    border-radius: 6px;
    vertical-align: middle;
    line-height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

#offers .card .outlinks .btn-compare img {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 4px;
    vertical-align: middle;
    border-radius: 0
}

#offers .card .outlinks .btn-compare.active {
    visibility: hidden
}

#offers .card .outlinks .btn-compare.active:after {
    content: attr(data-title);
    position: absolute;
    visibility: visible;
    display: block;
    width: 100%;
    color: #fff;
    background: #0970e3;
    font-size: 16px;
    font-weight: 400;
    top: 0;
    left: 0;
    border: 0;
    border-radius: 6px;
    vertical-align: middle;
    line-height: 46px
}
#offers .card .features{
    display:none
}
#offers .card .features.active {
    display: flex;
    width: 100%;
    padding: 12.5px;
    background-color: #FFF;
    overflow: auto;
    border-top: 0;
    border-radius: inherit;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

#offers .card .features .item {
    position: relative;
    display: inline-flex;
    padding: 8px 10px;
    margin: 0 10px 0 0;
    border: 1px solid #e4e4e5;
    border-radius: 8px;
    width: calc(20% - 0px);
}

#offers .card .features .item:first-of-type {
    margin-left: 0;
}

#offers .card .features .item:last-of-type {
    margin-right: 0;
}

#offers .card .features .item .icon {
    display: inline-block;
    padding: 6px;
    width: 32px;
    height: 32px;
    margin: 0 2px 0 0;
    vertical-align: middle
}

#offers .card .features .item .details {
    display: inline-block;
    width: auto!important;
    margin: 0;
    overflow: visible;
    vertical-align: middle
}

#offers .card .features .item .details span.name {
    display: block;
    margin: 0;
    font-weight: 400;
    font-size: 13px;
    color: #727574;
    line-height: 1.5;
    letter-spacing: -.4px;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

#offers .card .features .item .details span.description {
    display: block;
    font-size: 13px;
    color: #323738;
    font-weight: 600;
    line-height: 1;
    margin: 0;
    text-align: left
}

#offers .card .buttons .reviews {
    display: none;
    margin: 10px;
    padding: 8px 10px;
    color: #323738;
    font-size: 16px;
    font-weight: 700;
    background-color: #FFF;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(52 74 154);
    border-radius: 8px;
    text-align: center;
    line-height: unset;
}

#offers .btn-secondary {
    margin: 50px auto 30px
}

#offers:after {
    content: '';
    display: table;
    clear: both
}

#home {
    position: relative;
    display: block;
    width: 100%
}

#home .reviews {
    position: relative;
    display: block;
    width: 100%;
    padding: 50px 20px;
    margin: 0;
    overflow: hidden;
}

#home .reviews:before {
    content: "";
    position: absolute;
    width: 70px;
    z-index: 2;
    left: 0;
    top: 0;
    bottom: 0;
    background: -webkit-linear-gradient(to right,#fff 0,rgba(255,255,255,0) 100%);
    background: -moz-linear-gradient(to right,#fff 0,rgba(255,255,255,0) 100%);
    background: linear-gradient(to right,#fff 0,rgba(255,255,255,0) 100%)
}

#home .reviews h2.title {
    display: block;
    margin: 10px 0 15px;
    padding: 0 20px;
    text-align: center;
    font-size: 32px;
    font-weight: 500;
    color: #3e3e3e
}

#home .reviews span.description {
    display: block;
    margin: 0 auto;
    max-width: 975px;
    text-align: center;
    font-size: 16px;
    color: #2d2d2d;
    line-height: 24px;
    font-weight: 300
}

#home .reviews .container {
    width: 8140px;
    margin: 75px 0 0;
    -webkit-animation: scroll 60s linear infinite;
    -moz-animation: scroll 60s linear infinite;
    -o-animation: scroll 60s linear infinite;
    animation: scroll 60s linear infinite
}

#home .reviews .container:hover {
    animation-play-state: paused
}

#home .reviews .container .card {
    position: relative;
    display: block;
    margin: 0 25px 20px;
    padding: 0;
    width: 320px;
    background: #fff;
    overflow: visible;
    text-align: left;
    border: solid 1px #e5e5dd;
    border-radius: 16px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

#home .reviews .container .card:hover {
    transform: scale(1.05)
}

#home .reviews .container .card .thumbnail {
    position: relative;
    display: block;
    top: 0;
    left: 0;
    width: auto;
    height: 55px;
    margin: 0;
    overflow: hidden;
    align-items: center
}

#home .reviews .container .card .thumbnail img {
    display: block;
    width: 100%;
    height: 50px;
    border-radius: 50%;
    padding: 0;
    object-fit: contain;
    object-position: 50% 50%
}

#home .reviews .container .card .thumbnail[data-mood="1"] img {
    background-color: #f17a54
}

#home .reviews .container .card .thumbnail[data-mood="2"] img {
    background-color: #fbb851
}

#home .reviews .container .card .thumbnail[data-mood="3"] img {
    background-color: #f6d757
}

#home .reviews .container .card .thumbnail[data-mood="4"] img {
    background-color: #b7ea83
}

#home .reviews .container .card .thumbnail[data-mood="5"] img {
    background-color: #76db98
}

#home .reviews .container .card span.name {
    display: block;
    margin: 2px 0;
    font-size: 16px;
    font-weight: 600;
    color: #222;
    line-height: 1.5;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

#home .reviews .container .card span.website {
    display: block;
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    color: #757575;
    line-height: 1.5;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

#home .reviews .container .card span.title a {
    display: block;
    margin: 0 0 5px;
    font-size: 15px;
    font-weight: 500;
    color: #3d4852;
    line-height: 1.25
}

#home .reviews .container .card p.description {
    color: #757575;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
}
#home .reviews .container .card p.description, #home .reviews .container .card .title{padding: 5px 18px;font-weight: 500;color: #4e5155;}
#home .reviews .container .card a {
    display: inline-block;
    font-size: 14px;
    margin: 5px 0 10px;
    color: #fa5931;
    font-weight: 400;
    text-decoration: none
}

#home .reviews:after {
    content: "";
    position: absolute;
    width: 70px;
    z-index: 2;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-transform: rotateZ(180deg);
    -moz-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
    background: -webkit-linear-gradient(to right,#fff 0,rgba(255,255,255,0) 100%);
    background: -moz-linear-gradient(to right,#fff 0,rgba(255,255,255,0) 100%);
    background: linear-gradient(to right,#fff 0,rgba(255,255,255,0) 100%)
}

#home .articles, #home #faq{
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    margin: 30px 0;
    overflow: hidden;
}

#home .articles h3.title, #home #faq h2.title {
    display: block;
    margin: 10px 0 20px;
    padding: 0 20px;
    text-align: center;
    font-size: 32px;
    line-height: 1;
    font-weight: 500;
    color: #3e3e3e
}

#home .articles span.description {
    display: block;
    margin: 0 auto;
    max-width: 975px;
    font-weight: 300;
    text-align: center;
    font-size: 16px;
    color: #000;
    line-height: 1.5
}

#home .articles .container {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 50px 0 30px 0;
    text-align: center
}

#home .articles .container .card {
    position: relative;
    display: inline-block;
    width: calc(25% - 30px);
    margin: 0 10px;
    padding: 0;
    background: #fff;
    border: 0;
    border-radius: 8px;
    vertical-align: top;
    overflow: hidden;
    -webkit-box-shadow: 0 2px 12px rgba(158,182,201,.5);
    -moz-box-shadow: 0 2px 12px rgba(158,182,201,.5);
    box-shadow: 0 2px 12px rgba(158,182,201,.5)
}

#home .articles .container .card:only-of-type {
    margin: 0!important
}

#home .articles .container .card:hover {
    cursor: pointer
}

#home .articles .container .card .thumbnail {
    display: block;
    width: 100%;
    height: 175px;
    margin: 0;
    padding: 0;
    overflow: hidden
}

#home .articles .container .card .thumbnail img {
    display: block;
    width: 100%;
    height: 175px;
    padding: 0;
    object-fit: cover;
    object-position: 50% 50%
}

#home .articles .container .card .details {
    display: block;
    width: 100%;
    margin: 10px 0;
    padding: 5px 20px
}

#home .articles .container .card .details span.title {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: box;
    margin: 0 auto;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
    color: #212529;
    letter-spacing: .3px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

#home .articles .btn-secondary {
    margin: 50px auto 20px;
}

#home:after {
    content: '';
    display: table;
    clear: both
}

#content {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    overflow: hidden
}

#review {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    padding: 20px 0 0;
    overflow: hidden;
}

#review b,#review strong{
    font-weight: 600;
    margin-right:5px
}

#review .content {
    position: relative;
    display: block;
    margin: 0 20px 20px 0;
    padding: 20px 20px 20px 0;
    background: #fff;
    border-radius: 0;
}

#review .content .details {
    display: block;
    margin: 0 0 20px
}
#review .content .details nav, #article .details nav{
    --tw-shadow: 0 0px 8px 0 #0000001f;
    --tw-shadow-colored: 0 0px 8px 0 var(--tw-shadow-color);
    padding: 6px;
    margin:35px 0;
    border-radius:16px;
    max-width: 100%;
    overflow: hidden;
    box-shadow: 0 0 #0000, 0 0 #0000, 0 0 8px 0 #0000001f;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
#review .content .details nav.scrolled:before,#review .content .details nav.scrolled:after, #article .details nav.scrolled:before,#article .details nav.scrolled:after{
    content:"";
    position:absolute;
    top: 0;
    bottom: 0;
    width: 60px;
}
#review .content .details nav.scrolled:before, #article .details nav.scrolled:before{
    right:auto;
    left:0;
    background: linear-gradient(to right, white, transparent);
}
#review .content .details nav.scrolled:after, #article .details nav.scrolled:after{
    right: 0;
    left:auto;
    background: linear-gradient(to left, white, transparent);
}
#review .content .details nav.scrolled, #article .details nav.scrolled{
    position: fixed;
    top: 0;
    left: 0;
    margin:0;
    background: white;
    border-bottom: solid 1px rgb(228 228 229);
    z-index: 100;
    width: 100vw;
    border-radius: 0;
  }
#review .content .details nav ul, #article .details nav ul{
    border: 0 solid #e5e7eb;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    gap: 8px;
    overflow-x: scroll;
    justify-content: flex-start;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
#review .content .details nav ul li, #article .details nav ul li{
    min-width: -moz-fit-content;
    min-width: fit-content;
    width: auto;
    height: 38px;
    border: 0 solid #e5e7eb;
    box-sizing: border-box;
    margin: 0 0 10px;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    font-size: 15px;
    line-height: 20px;
    transition: background-color 220ms ease-in-out;
}
#review .content .details nav ul li:hover, #article .details nav ul li:hover{
    background-color: rgba(44, 56, 98, .051);
    color: #323738;
    cursor: pointer;
}
#review .content .details nav ul li a, #article .details nav ul li a{
    color: inherit;
    text-decoration: inherit;
    border-radius: 10px;
    padding: 8px 16px;
}
#review .content .details nav ul li.active , #article .details nav ul li.active {
    --tw-bg-opacity: 0.1;
    --tw-text-opacity: 1;
    background-color: rgba(var(--color-primary), var(--tw-bg-opacity));
    color: rgba(var(--color-primary), var(--tw-text-opacity));
    font-weight: 600;
  }
#review #banner .details .author{
    min-width: 230px;
    margin: 10px 0 0 -4px;
}

#review .content .details p{
    margin: 0 0 25px;
    font-size: 16px;
    line-height: 24.5px;
}

#review .content .details h2 {
    display: block;
    margin: 0 0 15px;
    color: #323738;
    font-weight: 700;
    font-size: 23px;
    line-height: 1.25
}

#review .details span.date {
    display: block;
    margin: 0 0 10px;
    color: #717171;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.5
}

#review .content .details p.description {
    display: block;
    margin: 0;
    color: #323738;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.75
}

#review .content .summary {
    display: block;
    margin: 0 0 20px
}
#review .content .widgets{
    display:flex
}
#review .content .widgets .item{
    
}
#review .content .summary h3,#review .features h3 {
    display: block;
    margin: 0 0 10px;
    color: #323738;
    font-weight: 700;
    font-size: 23px;
    line-height: 1.25
}

#review .content .summary table {
    margin-bottom: 50px;
    overflow: hidden
}

#review .content .summary table tr:nth-child(even) {
    background: #fff
}
#review .prices table {
    margin: 20px 0 0;
}

#review .prices table tr th {
    text-align: left;
    padding: 25px 5px 25px 16px;
    font-weight: 500;
    background: #f4f5f8;
    position: relative;
    color: #000;
    border-radius: inherit;
}

#review .prices table tr th:nth-of-type(2) {
    border-left: 1px solid #d5d5d5;
}
#review .prices table tr th:nth-of-type(1) {
    border-top-left-radius:8px
}
#review .prices table tr th:last-of-type {
    border-top-right-radius:8px
}
#review .prices table tr:last-of-type td:first-child{
    border-bottom-left-radius: 8px;
    border-left: solid 1px #eee;
}
#review .prices table tr td:first-child {
    box-shadow: 5px 0 6px -2px #d5d5d5;
    max-width: 85px;
    border-left: solid 1px #eee;
}

#review .content .summary table tr:last-of-type a{
    text-decoration: underline;
    color: #76db98;
    font-weight: 700
}

#review .content .summary table tr td {
    padding: 15px;
}
#review .content .summary table tr td:first-of-type{
    padding-left: 0;
}

#review .content .summary table tr td img {
    background-image: url(/images/content/thumb-down.svg);
    background-size: contain;
    width: 100px;
    height: 100px;
    display: block;
    filter: invert(23%) sepia(74%) saturate(5998%) hue-rotate(338deg) brightness(94%) contrast(99%);
    padding: 0;
    margin: 0 10px
}

#review .content .summary table tr td span.title {
    display: block;
    font-size: 16px;
    font-weight: 700;
    white-space: nowrap
}

#review .content .summary table tr td span.description {
    display: block;
    font-size: 16px;
    font-weight: 400;
}

#review .content .compare {
    display: block;
    width: 100%;
    margin: 0 0 20px;
    padding: 10px;
    border-radius: 16px;
    background: #FFF;
    border: solid 1px #e4e4e5;
    overflow: auto
}

#review .content .compare img {
    display: inline-block;
    width: auto!important;
    height: 70px;
    margin: 0 15px 0 0;
    vertical-align: middle
}

#review .content .compare span.title {
    display: inline-block;
    font-size: 18px;
    color: #2d2d2d;
    font-weight: 700;
    letter-spacing: .6px;
    vertical-align: middle
}

#review .content .compare button {
    float: right;
    display: block;
    margin: 10px 0
}

#review .content .thumbnail {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 0 20px;
    overflow: hidden;
    border-radius: 14px;
    padding: 0;
}

#review .content .thumbnail img {
    width: 119%;
    height: auto!important;
    object-fit: contain;
    border-radius: inherit;
}

#review .content .thumbnail .brand {
    position: absolute;
    display: block;
    height: 65px;
    padding: 10px 15px;
    right: 0;
    bottom: 35px;
    line-height: 45px;
    text-align: center;
    background-color: rgba(255,255,255,.8)
}

#review .content .thumbnail .brand:before {
    content: '';
    position: absolute;
    left: -35px;
    top: 0;
    border-left: 35px solid transparent;
    border-top: 65px solid rgba(255,255,255,.8);
}

#review .content .thumbnail .brand img {
    display: inline-block;
    height: auto!important;
    max-height: 45px;
    min-width: 100px;
    margin: 0 auto;
    width: auto!important;
    max-width: 100%;
    vertical-align: middle
}

#review .content .impressions {
    display: block;
    width: 100%;
    margin: 0
}

#review .content .impressions .item {
    display: inline-block;
    width: 100%;
    margin: 0 0 15px;
    vertical-align: top
}

#review .content .impressions .item span.title {
    display: block;
    margin: 0 25px 10px 0;
    padding: 0 0 10px;
    color: #323738;
    font-weight: 700;
    font-size: 21px;
    line-height: 1.25;
}

#review .content .impressions .item ul {
    display: block;
    margin: 0;
    padding: 0 20px 0 0;
    list-style: none
}

#review .content .impressions .item ul li {
    display: block;
    margin: 0 0 8px;
    padding: 0;
    line-height: 1.5
}

#review .content .impressions .item ul li:before,#compare .subjects .card .item ul li.pro:before,#compare .subjects .card .item ul li.con:before {
    content: '';
    display: inline-block;
    margin: 0 6px -2px 0;
    width: 16px;
    height: 16px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center left;
}
#compare .subjects .card .item ul li.pro:before, 
#review .content .impressions .item ul li.pro:before {
    background-image: url('/images/content/pros.svg')
}

#review .content .impressions .item ul li.con:before, #compare .subjects .card .item ul li.con:before{
    background-image: url('/images/content/cons.svg')
}

#review .prices {
    position: relative;
    display: block;
    margin: 0 20px 20px 0;
    padding: 20px;
    background: #fff;
    border-radius: 0;
}
#review .prices ul{
    list-style:none;
    padding-inline: 0;
}
#review .prices ul li{
    margin-bottom: 10px;
}
#review .prices h2 {
    display: block;
    margin: 0 0 10px;
    color: #4e5155;
    font-weight: 700;
    font-size: 23px;
    line-height: 1.25
}

#review .prices p.description {
    display: block;
    margin: 0;
    color: #494949;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.75
}

#review .prices table tbody {
    margin: 20px 0 0;
    border-radius: 8px;
    border: 0;
}
#review .prices table tbody tr:last-of-type{border-radius: 0 0 8px 8px;}
#review .prices table tr td {
    text-align: left;
    padding: 20px 5px 20px 15px;
    font-weight: 400;
    color: #222;
    border-bottom: 1px solid #e5e5e5
}
#review .prices table tbody tr td:last-of-type{
    border-right: 1px solid #e5e5e5;
}
#review .prices table tr:last-child td {
    border-bottom: 1px solid #eee;
}

#article .faq, #review .faq {
    position: relative;
    display: block;
    margin: 0 20px 20px 0;
    padding: 20px;
    background: #fff;
    border-radius: 0;
}

#article .faq h2, #review .faq h2 {
    display: block;
    margin: 0 0 5px;
    color: #4e5155;
    font-size: 26px;
    font-weight: 700;
    text-align: left
}

#article .faq h4, #review .faq h4 {
    display: block;
    margin: 0;
    color: #727574;
    font-size: 23px;
    font-weight: 600;
    text-align: left
}

#article .faq span.contact, #review .faq span.contact {
    display: block;
    margin: 0;
    color: #4e5155;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    text-align: center
}

#article .faq .questions, #review .faq .questions {
    position: relative;
    display: block;
    margin: 20px 0;
    padding: 0
}

#article .faq .questions ul, #review .faq .questions ul {
    display: block;
    list-style: none;
    padding: 0;
    margin: 0
}

#article .faq .questions ul li, #review .faq .questions ul li {
    position: relative;
    display: block;
    margin: 0;
    border-bottom: 1px solid #dadce0;
}

#article .faq .questions ul li:hover, #review .faq .questions ul li:hover{
    background-color:#f3f5f6;
    border-radius:12px
}

#article .faq .questions ul li label.title, #review .faq .questions ul li label.title {
    position: relative;
    display: block;
    padding: 15px 40px 15px 5px;
    color: #1f1f1f;
    font-weight: 500;
    font-size: 16px;
    text-align: left;
    background: transparent;
    transition: background-color .220s ease-in-out;
    clear: both;
    line-height: 20px;
}

#article .faq .questions ul li label.title:after, #review .faq .questions ul li label.title:after {
    content: '';
    background-color: #f1f3f4;
    border-radius: 50%;
    background-image: url(/images/icons/angle-down.svg);
    background-repeat: no-repeat;
    background-size: 50% 50%;
    background-position: center;
    object-fit: contain;
    position: absolute;
    top: 0;
    margin: auto;
    bottom: 0;
    right: 0;
    font-size: 45px;
    line-height: 54px;
    width: 36px;
    height: 36px;
}
#article .faq .questions ul li:hover label.title:after, #review .faq .questions ul li:hover label.title:after{
    background-color: #dee1e3
}
#article .faq .questions ul li label.title:hover, #review .faq .questions ul li label.title:hover {
    opacity: .8;
    cursor: pointer
}

#article .faq .questions ul li p.description, #review .faq .questions ul li p.description {
    padding: 0 5px;
    font-size: 16px;
    line-height: 0;
    opacity: 0;
    font-weight: 400;
    background: #fff;
    color: #474747;
    overflow: hidden;
    -webkit-transition: padding .35s ease-in-out;
    -moz-transition: padding .35s ease-in-out;
    transition: padding .35s ease-in-out
}
#article .faq .questions ul li p.description strong, #review .faq .questions ul li p.description strong{
    font-weight: 600;
}
#article .faq .questions ul li input[type=checkbox], #review .faq .questions ul li input[type=checkbox] {
    display: none
}

#article .faq .questions ul li input[type=checkbox]:checked~label.title, #review .faq .questions ul li input[type=checkbox]:checked~label.title {
    background: #FFF
}

#article .faq .questions ul li input[type=checkbox]:checked~label.title:after, #review .faq .questions ul li input[type=checkbox]:checked~label.title:after {
    transform-origin: center center;
    transform: scale3d(1, -1, 1);
}

#article .faq .questions ul li input[type=checkbox]:checked~p.description, #review .faq .questions ul li input[type=checkbox]:checked~p.description {
    padding: 5px 5px 20px;
    opacity: 1;
    line-height: 24px;
}

#review .comments {
    position: relative;
    display: block;
    margin: 0 20px 20px 0;
    box-sizing: border-box;
    line-height: initial;
    border: 1px solid #e4e4e5;
    border-bottom: 0;
    border-radius: 16px;
    background: #f9f9f9;
    padding: 24px;
}

#review .comments h5,#review .comments h6 {
    display: block;
    margin: 0 0 10px;
    color: #4e5155;
    font-weight: 700;
    font-size: 23px;
    line-height: 1.25
}

#review .comments .ratings {
    display: block;
    width: 100%;
    margin: 0 0 20px
}

#review .comments .ratings table tr td {
    padding: 5px 10px 5px 0
}

#review .comments .ratings table tr td.title {
    font-size: 15px;
    font-weight: 300;
    color: #757575;
    line-height: 1.5;
    white-space: nowrap
}

#review .comments .ratings table tr td.progress {
    width: 100%
}

#review .comments .ratings table tr td.total {
    font-size: 15px;
    font-weight: 700;
    color: #3d4852;
    line-height: 1.5;
    white-space: nowrap
}

#review .comments .review {
    box-sizing: border-box;
    line-height: initial;
    padding: 20px;
    background: #fff;
    border: 1px solid #e4e4e5;
    border-radius: 12px;
    margin: 20px 0 0;
}

#review .comments .review .details {
    display: table;
    width: 100%
}

#review .comments .review .details .thumbnail {
    display: table-cell;
    width: 50px;
    height: auto!important;
    vertical-align: middle;
    border-radius: 50%
}

#review .comments .review .details .thumbnail[data-mood="1"] img {
    background-color: #f17a54
}

#review .comments .review .details .thumbnail[data-mood="2"] img {
    background-color: #fbb851
}

#review .comments .review .details .thumbnail[data-mood="3"] img {
    background-color: #f6d757
}

#review .comments .review .details .thumbnail[data-mood="4"] img {
    background-color: #b7ea83
}

#review .comments .review .details .thumbnail[data-mood="5"] img {
    background-color: #76db98
}

#review .comments .review .details .thumbnail img {
    display: block;
    width: 50px;
    height: 50px;
    margin: 0;
    border-radius: 50%
}

#review .comments .review .details .person {
    display: table-cell;
    vertical-align: middle;
    padding: 0 0 0 15px
}

#review .comments .review .details .person span.name {
    display: block;
    font-size: 15px;
    font-weight: 500;
    color: #353535;
    line-height: 1.5
}

#review .comments .review .details .person span.date {
    display: block;
    font-size: 13px;
    font-weight: 300;
    color: #757575;
    line-height: 1.5
}

#review .comments .review .details .rating {
    float: right;
    margin: 15px 0
}

#review .comments .review .comment {
    display: block;
    margin: 20px 0;
    padding: 0;
    border: 0
}

#review .comments .review .comment span.title {
    display: block;
    margin: 0 0 3px;
    font-size: 16px;
    font-weight: 700;
    color: #222;
    line-height: 1.5
}

#review .comments .review .comment span.upvote {
    display: block;
    font-size: 15px;
    font-weight: 400;
    color: #759885;
    line-height: 1.5
}

#review .comments .review .comment span.upvote:before {
    content: '\2713';
    display: inline-block;
    margin: 0 5px 0 0;
    color: #759885!important
}

#review .comments .review .comment span.downvote {
    display: block;
    font-size: 15px;
    font-weight: 400;
    color: #e54b49;
    line-height: 1.5
}

#review .comments .review .comment span.downvote:before {
    content: '\2717';
    display: inline-block;
    margin: 0 5px 0 0;
    color: #e54b49!important
}

#review .comments .review .comment p.description {
    display: block;
    margin: 8px 0;
    color: #494949;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5
}
#review .comments .review .comment p.description a{
    color:#0770e3
}
#review .comments .review .comment p.description a:hover,#offers .card .container .options .grade .score .tooltip .item a:hover {
    text-decoration: underline;
}
#review .comments .review .strengths {
    display: block;
    margin: 0
}

#review .comments .review .strengths ul {
    display: inline-block;
    width: 50%;
    margin: 0;
    padding: 0;
    list-style: none;
    vertical-align: top
}

#review .comments .review .strengths ul li {
    position: relative;
    display: block;
    margin: 0;
    padding: 0
}

#review .comments .review .strengths ul li span {
    display: inline;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    vertical-align: middle
}

#review .comments .review .share {
    display: block;
    margin: 15px 0;
    padding: 0;
    text-align: right;
    list-style: none;
    overflow: auto
}

#review .comments .review .share li {
    display: inline-block;
    margin: 0 0 0 5px
}

#review .comments .review .share li:nth-child(1),#review .comments .review .share li:nth-child(2) {
    float: left;
    margin: 0 20px 0 0
}

#review .comments .review .share li a {
    display: inline-block;
    height: 36px;
    margin: 0 0 5px;
    padding: 0 12px;
    font-size: 13px;
    font-weight: 400;
    background: #fff;
    line-height: 36px;
    border: 1px solid #e5e5e5;
    border-radius: 3px
}

#review .comments .review .share li a img {
    float: left;
    display: block;
    width: 16px;
    height: 16px;
    margin: 9px 5px 9px 0
}

#review .comments .review .share li button {
    display: inline-block;
    height: 36px;
    margin: 0 0 5px;
    padding: 0 8px;
    color: #0770e3;
    font-size: 13px;
    font-weight: 400;
    background: #fff;
    line-height: 36px;
    border: 1px solid #0770e3;
    border-radius: 8px;
}
#review .comments .review .share li button img{
    filter: invert(30%) sepia(31%) saturate(6792%) hue-rotate(201deg) brightness(95%) contrast(94%);
}
#review .comments .review .share li button span{
    color:#0770e3;
}
#review .comments .review .share li button img {
    float: left;
    display: block;
    width: 14px;
    height: 14px;
    margin: 11px 5px 11px 0
}

#review .comments .review .share li button.active,#review .comments .review .share li button.active span.likes {
    color: #22b079
}

#review .comments .review .share li button.active img {
    -webkit-filter: invert(48%) sepia(63%) saturate(483%) hue-rotate(105deg) brightness(100%) contrast(93%);
    -moz-filter: invert(48%) sepia(63%) saturate(483%) hue-rotate(105deg) brightness(100%) contrast(93%);
    -ms-filter: invert(48%) sepia(63%) saturate(483%) hue-rotate(105deg) brightness(100%) contrast(93%);
    -o-filter: invert(48%) sepia(63%) saturate(483%) hue-rotate(105deg) brightness(100%) contrast(93%);
    filter: invert(48%) sepia(63%) saturate(483%) hue-rotate(105deg) brightness(100%) contrast(93%)
}

#review .comments .comment {
    display: block;
    width: 100%;
    padding: 20px 0 0;
    margin: 20px 0 0;
    border-top: 1px solid #e5e5e5
}

#review .comments .comment span.name {
    display: block;
    color: #222;
    font-weight: 500;
    font-size: 15px
}

#review .comments .comment span.name span.date {
    float: right;
    font-weight: 300;
    font-size: 13px;
    color: #636365
}

#review .comments .comment p.description {
    display: block;
    width: 100%;
    margin: 8px 0;
    color: #494949;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5
}

#review .comments .reply {
    display: block;
    width: 100%;
    padding: 20px 0 0;
    margin: 20px 0 0;
    border-top: 1px solid #e5e5e5
}

#review .comments .reply table tr td {
    padding: 0 10px 10px
}

#review .comments .reply table tr:last-child td {
    padding-bottom: 0!important
}

#review .comments .reply table tr td:first-child {
    padding-left: 0!important
}

#review .comments .reply table tr td:last-child {
    padding-right: 0!important
}

#review .comments .reply table tr td span.title {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: #222
}

#review .comments .reply table tr td span.agreements {
    display: block;
    font-size: 13px;
    font-weight: 400
}

#review .comments .reply table tr td span.agreements a {
    color: #2773bd;
    font-weight: 500
}

#review .comments .reply table tr td input[type=text] {
    display: block;
    width: 100%;
    padding: 8px;
    font-size: 13px;
    border-radius: 3px;
    border: 1px solid #e5e5e5
}

#review .comments .reply table tr td textarea {
    display: block;
    width: 100%;
    height: 125px;
    padding: 8px;
    font-size: 13px;
    border-radius: 3px;
    border: 1px solid #e5e5e5;
    resize: none
}

#review .comments .reply table tr td button {
    margin: 0
}

#review .card {
    position: relative;
    display: block;
    margin: 0 0 20px;
    padding: 0;
    background: #fff;
    border-radius: 16px;
}

#review .card .thumb {
    display: block;
    width: 100%;
    height: auto!important;
    margin: 0;
    padding: 16px;
    overflow: hidden;
    background: #f2f2f2;
    border-radius: 16px 16px 0 0;
    border: solid 1px #e5e5e5;
    border-bottom: 0;
}
#review .card .container .grade .circular-chart .percentage{
    font-weight:700
}
#review .card .thumb .thumbnail{
    background-color: #FFF;
    border-style: dashed;
    border-width: 1px;
    border-color: #2384db;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
}
#review .card .thumb .thumbnail span{
    flex-basis: 100%;
    font-size:14px;
    text-align:center;
    background-color: #eef4f9;
    border-radius: 0 0 12px 12px;
    padding: 4px 6px;
    color: #323738;
}

#review .card .thumbnail img {
    display: block;
    width: 100%;
    max-width: 210px;
    height: auto!important;
    margin: 0 auto;
    padding: 25px 16px;
    border-radius: 5px;
}

#review .card .container {
    display: table;
    width: 100%;
    padding: 0 10px 0 0;
    margin: 0 0 15px;
    border: 1px solid #e5e5e5;
    border-radius: 16px;
}

#review .card .container .grade {
    display: table-cell;
    padding: 0 0 0 10px;
    border-left: 1px dashed #e5e5e5;
    text-align: center;
    vertical-align: middle
}

#review .card .container .grade span.title {
    display: block;
    font-size: 10px;
    color: #212529;
    margin-top: 3px;
}

#review .card .container .grade span.description {
    display: block;
    font-size: 32px;
    font-weight: 700;
    color: #4e5155
}

#review .card .container .review {
    display: table-cell;
    padding: 10px 0 10px 8px;
    text-align: center;
    vertical-align: middle;
    min-width: 150px;
    background-color: #f9f9f9;
    border-radius: 16px 0 0 16px;
}

#review .card .container .review span.title {
    display: block;
    font-size: 13px;
    color: #212529;
    margin: 0;
    line-height: 1.5
}

#review .card .container .review .rating {
    line-height: 1!important
}

#review .card .container .review span.description {
    position: relative;
    display: block;
    font-size: 12px;
    color: #757575
}

#review .card .outlink {
    padding: 20px;
    border-radius: 0 0 16px 16px;
    border: solid 1px #e5e5e5;
    border-top: 0;
}
#review .card .outlink .btn-primary{
    background-color:#dd3028;
    border-color:#dd3028;
    max-width: 178px;
}
#review .card .outlink button {
    padding: 0!important;
    text-align: center
}

#review .card .widgets {
    display: table;
    table-layout: fixed;
    width: 100%;
    border-top: 1px solid #e5e5e5
}

#review .card .widgets .item {
    display: table-cell;
    padding: 10px;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5
}

#review .card .widgets .item:first-of-type,#review .card .widgets .item:last-of-type {
    border: 0
}

#review .card .widgets .item img {
    display: block;
    margin: 0 auto;
    width: 37.5px;
    height: auto!important
}

#review .card .widgets .item span.title {
    display: block;
    font-size: 13px;
    font-weight: 300;
    color: #000;
    margin: 7px 0 0;
    text-align: center;
    line-height: 1.25
}

#review .card .widgets .item span.title strong {
    font-weight: 700
}

#review .features {
    position: relative;
    display: block;
    padding: 30px 0
}
#review .features ul {
    display: flex;
    width: 100%;
    margin: 25px 0 15px 0;
    padding: 0;
}

#review .features ul li {
    display: inline-block;
    width: 100%;
    height: auto;
    border-radius: 16px;
    background-color: rgb(45 59 111 / 5%);
    margin: 0 12px 0 0;
    padding: 12px 10px;
}

#review .features ul li img {
    display: block;
    width: 48px;
    height: 48px;
    transform: scale(0.75);
    margin: auto;
    padding: 0;
}

#review .features ul li span.name {
    display: block;
    font-size: 13.5px;
    line-height: 30px;
    font-weight: 400;
    color: #727574;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

#review .features ul li span.description {
    display: block;
    font-size: 15px;
    line-height: normal;
    font-weight: 600;
    color: #323738;
    margin: 0 auto;
    text-align: center;
}

#review .top-offers {
    position: relative;
    display: block;
    margin: 0 0 20px 0;
    padding: 20px 30px;
    background: #f2f2f2;
    border-radius: 16px;
}

#review .top-offers h3 {
    display: block;
    font-size: 22px;
    font-weight: 400;
    margin: 0 0 20px
}

#review .top-offers .item {
    display: table;
    width: 100%;
    margin: 0 0 8px;
    padding: 8px;
    background: #fff;
    position: relative;
    box-sizing: border-box;
    transition: all 0.2s linear;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
#review .top-offers .item:hover{
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    position: relative;
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
    cursor:pointer;
}
#review .top-offers .item:last-of-type {
    margin: 0!important
}

#review .top-offers .item .details {
    display: flex;
    text-align: left;
    vertical-align: middle;
    padding: 0 15px 0 0
}
#review .top-offers .item .details a{
    position: absolute;
    border-radius: 50%;
    width: 34px;
    height: 34px;
    border: 0;
    left: auto;
    right: -10px;
    top: 0;
    bottom: 0;
    font-size: 18px;
    line-height: 34px;
    margin: auto;
}

#review .top-offers .item .details span.title {
    display: block;
    margin: 0;
    font-size: 17px;
    line-height: 2;
}

#review .top-offers .item .details .rating {
    margin: 5px 0
}

#review .top-offers .item .details button {
    margin: 0
}

#review .top-offers .item .thumbnail {
    display: table-cell;
    height: auto!important;
    width: 50px;
    margin: 0;
    overflow: hidden;
    text-align: left;
    vertical-align: middle
}

#review .top-offers .item .thumbnail img {
    display: inline-block;
    width: auto;
    max-width: 38px;
    height: auto!important;
    margin: 0;
    padding: 0;
    border-radius: 5px;
    vertical-align: middle
}

#review button.btn-secondary {
    margin-bottom: 20px
}

#review:after {
    content: '';
    display: table;
    clear: both
}

#evaluate {
    position: relative;
    display: block;
    width: 100%;
    padding: 20px 0;
    margin: 0;
    overflow: hidden;
    background: #f8f9fa
}

#evaluate .evaluate-step:not(:first-of-type) {
    display: none
}

#evaluate .steps {
    display: block;
    width: 100%;
    margin: 0;
    overflow: auto
}

#evaluate .steps button.btn-cancel,#evaluate .steps button.btn-prev {
    float: left;
}

#evaluate .steps button.btn-next,#evaluate .steps button.btn-save {
    float: right;
    background-color: #2384db;
}

#evaluate .questions {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 0 20px 0;
    padding: 0;
    background: #fff;
    border-radius: 0;
}

#evaluate .questions ul {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0
}

#evaluate .questions ul li {
    display: block;
    padding: 0 10px;
    border-bottom: 1px dotted #c5c5c5;
    overflow: auto
}

#evaluate .questions ul li:last-child {
    background: #f5f5f5;
    border: 0
}

#evaluate .questions ul li span.title {
    position: relative;
    padding: 5px;
    font-size: 16px;
    font-weight: 400;
    line-height: 54px;
    vertical-align: middle
}

#evaluate .questions ul li .stars {
    display: block;
    float: right
}

#evaluate .questions ul li .stars label {
    font-size: 36px
}

#evaluate .questions ul li .stars label:before {
    font-size: 41px
}

#evaluate .experience {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 0 20px 0;
    padding: 0;
    background: #fff;
    border-radius: 0;
}

#evaluate .experience table tr:not(:last-child) td {
    padding-bottom: 10px
}

#evaluate .experience table tr td {
    padding-left: 10px;
    padding-right: 10px
}

#evaluate .experience table tr td:first-child {
    padding-left: 0
}

#evaluate .experience table tr td:last-child {
    padding-right: 0
}

#evaluate .experience table tr td label.title,#evaluate .experience table tr td span.title {
    display: block;
    margin: 0 0 3px;
    color: #222;
    font-weight: 500;
    font-size: 15px
}

#evaluate .experience table tr td span.description {
    display: block;
    color: #757575;
    font-weight: 400;
    font-size: 14px
}

#evaluate .experience table tr td span.review-length {
    display: block;
    margin: 3px 0 0;
    font-weight: 300;
    font-size: 12px;
    color: #757575
}

#evaluate .experience table tr td span.review-length span.current-review-length {
    font-weight: 300;
    font-size: 12px;
    color: #757575
}

#evaluate .experience table tr td input[type=text] {
    display: block;
    width: 100%;
    padding: 8px;
    background: #fff;
    border: 1px solid #e4e4e5;
    border-radius: 8px;
    box-shadow: none;
    font-size: 14px;
    line-height: 22px;
}

#evaluate .experience table tr td textarea {
    display: block;
    width: 100%;
    height: 125px;
    padding: 8px;
    font-size: 14px;
    border-radius: 8px;
    border: 1px solid #e4e4e5;
    resize: none
}

#evaluate .experience ul {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0
}

#evaluate .experience ul li {
    display: block;
    margin: 0 0 8px
}

#evaluate .recommend {
    position: relative;
    display: table;
    table-layout: fixed;
    width: 100%;
    margin: 0 0 20px 0;
    padding: 0;
    background: #fff;
    border-radius: 0;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12),0 1px 3px 0 rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12),0 1px 3px 0 rgba(0,0,0,.2);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12),0 1px 3px 0 rgba(0,0,0,.2)
}

#evaluate .recommend .item {
    position: relative;
    display: table-cell;
    width: 50%;
    padding: 20px;
    vertical-align: middle;
    z-index: 1
}

#evaluate .recommend .item:last-of-type:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('/images/content/evaluate.svg');
    background-color: rgba(1,114,187,.75);
    background-size: 50% auto;
    background-repeat: repeat;
    z-index: -1
}

#evaluate .recommend .item span.title {
    display: block;
    font-size: 22px;
    font-weight: 500;
    color: #353535;
    text-align: center
}

#evaluate .recommend .item:last-of-type span.title {
    color: #fff!important
}

#evaluate .recommend .item ul {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin: 15px 0 0;
    padding: 0
}

#evaluate .recommend .item ul li {
    display: table-cell;
    width: 50%;
    text-align: center
}

#evaluate .recommend .item ul li input {
    display: none
}

#evaluate .recommend .item ul li label {
    display: inline-block;
    opacity: .6;
    padding: 10px 30px;
    border-radius: 50%
}

#evaluate .recommend .item ul li label.approve {
    background: #1ec64f
}

#evaluate .recommend .item ul li label.disapprove {
    background: #ef1745
}

#evaluate .recommend .item ul li label img {
    display: block;
    width: 48px;
    height: 48px;
    margin: 0 auto
}

#evaluate .recommend .item ul li label span {
    display: block;
    margin: 5px 0 0;
    font-size: 20px;
    font-weight: 700;
    color: #fff
}

#evaluate .recommend .item ul li input:checked+label,#evaluate .recommend .item ul li label:hover {
    cursor: pointer;
    opacity: 1;
    color: #000
}

#evaluate .recommend .item select {
    display: block;
    width: 100%;
    max-width: 500px;
    height: 42px;
    margin: 15px auto 0;
    padding: 0 7px;
    font-size: 16px;
    border: 1px solid #e5e5e5;
    background: #fff
}

#evaluate .impressions {
    position: relative;
    display: table;
    width: 100%;
    table-layout: fixed;
    margin: 0 0 20px 0;
    padding: 20px;
    background: #fff;
    border-radius: 0;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12),0 1px 3px 0 rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12),0 1px 3px 0 rgba(0,0,0,.2);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12),0 1px 3px 0 rgba(0,0,0,.2)
}

#evaluate .impressions .item {
    position: relative;
    display: table-cell;
    width: 50%;
    vertical-align: middle
}

#evaluate .impressions .item:first-of-type {
    border-right: 1px solid #e5e5e5;
    padding: 0 15px 0 0
}

#evaluate .impressions .item:last-of-type {
    padding: 0 0 0 15px
}

#evaluate .impressions .item span.title {
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: #353535
}

#evaluate .impressions .item ul {
    display: block;
    width: 100%;
    margin: 15px 0 0;
    padding: 0
}

#evaluate .impressions .item ul li {
    display: block;
    margin: 0 0 8px
}

#evaluate .impressions .item ul li:last-child {
    margin: 0
}

#evaluate .impressions .item ul li input[type=text] {
    display: block;
    width: 100%;
    height: 40px;
    padding: 8px 48px 8px 8px;
    font-size: 13px;
    border-radius: 3px;
    border: 1px solid #e5e5e5;
    background-image: url('/images/icons/plus.png');
    background-position: right 0 top 0;
    background-size: 40px 40px;
    background-repeat: no-repeat
}

#evaluate .impressions .item ul li input[type=text]:after {
    position: absolute;
    width: 32px;
    height: 40px;
    right: 0;
    top: 0;
    z-index: 0;
    background: #e5e5e5
}

#evaluate .gender {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 0 20px 0;
    padding: 20px;
    background: #fff;
    border-radius: 0;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12),0 1px 3px 0 rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12),0 1px 3px 0 rgba(0,0,0,.2);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12),0 1px 3px 0 rgba(0,0,0,.2)
}

#evaluate .gender span.title {
    display: block;
    font-size: 22px;
    font-weight: 500;
    color: #353535;
    text-align: center
}

#evaluate .gender ul {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin: 15px 0 0;
    padding: 0
}

#evaluate .gender ul li {
    display: table-cell;
    width: 50%;
    text-align: center
}

#evaluate .gender ul li input {
    display: none
}

#evaluate .gender ul li label {
    display: inline-block;
    opacity: .6
}

#evaluate .gender ul li label img {
    display: block;
    width: 48px;
    height: 48px;
    margin: 0 auto
}

#evaluate .gender ul li label span {
    display: block;
    margin: 10px 0 0;
    font-size: 18px;
    font-weight: 700;
    color: #000
}

#evaluate .gender ul li input:checked+label,#evaluate .gender ul li label:hover {
    cursor: pointer;
    opacity: 1;
    color: #000
}

#evaluate .personal {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 0 20px 0;
    padding: 20px;
    background: #fff;
    border-radius: 0;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12),0 1px 3px 0 rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12),0 1px 3px 0 rgba(0,0,0,.2);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12),0 1px 3px 0 rgba(0,0,0,.2)
}

#evaluate .personal table {
    table-layout: fixed
}

#evaluate .personal table tr:not(:last-child) td {
    padding-bottom: 10px
}

#evaluate .personal table tr td {
    padding-left: 10px;
    padding-right: 10px
}

#evaluate .personal table tr td:first-child {
    padding-left: 0
}

#evaluate .personal table tr td:last-child {
    padding-right: 0
}

#evaluate .personal table tr td span.divider {
    display: block;
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #d5d5d5;
    line-height: 0;
    margin: 25px 0 15px
}

#evaluate .personal table tr td span.divider span {
    background: #fff;
    color: #757575;
    font-weight: 500;
    padding: 0 10px
}

#evaluate .personal table tr td label.title,#evaluate .personal table tr td span.title {
    display: block;
    margin: 0 0 3px;
    color: #222;
    font-weight: 500;
    font-size: 15px
}

#evaluate .personal table tr td input[type=email] {
    display: block;
    width: 100%;
    height: 40px;
    padding: 8px 8px 8px 32px;
    font-size: 13px;
    border-radius: 3px;
    border: 1px solid #e5e5e5;
    background-image: url('/images/icons/email.svg');
    background-position: left 8px top 12px;
    background-size: 16px 16px;
    background-repeat: no-repeat
}

#evaluate .personal table tr td input[type=text] {
    display: block;
    width: 100%;
    height: 40px;
    padding: 8px 8px 8px 32px;
    font-size: 13px;
    border-radius: 3px;
    border: 1px solid #e5e5e5;
    background-image: url('/images/icons/name.svg');
    background-position: left 8px top 12px;
    background-size: 16px 16px;
    background-repeat: no-repeat
}

#evaluate .personal table tr td input[type=number] {
    display: block;
    width: 100%;
    height: 40px;
    padding: 8px 8px 8px 32px;
    font-size: 13px;
    border-radius: 3px;
    border: 1px solid #e5e5e5;
    background-image: url('/images/icons/age.svg');
    background-position: left 8px top 12px;
    background-size: 16px 16px;
    background-repeat: no-repeat
}

#evaluate .personal table tr td .agreement {
    display: block;
    margin: 5px 0;
    overflow: auto
}

#evaluate .personal table tr td .agreement label {
    display: inline;
    margin: 0 0 0 5px;
    font-size: 13px
}

#evaluate .personal table tr td span.agreements {
    display: block;
    font-size: 14px;
    font-weight: 400
}

#evaluate .personal table tr td span.agreements a {
    color: #2773bd;
    font-weight: 500
}

#evaluate .personal table tr td button {
    margin: 0
}

#compare {
    position: relative;
    display: block;
    width: 100%;
    overflow-x: scroll;
    padding: 20px 0;
    margin: 0;
    background: #FFF;
    border-top: 1px solid #dfdfdf
}

#compare .subjects {
    display: block;
    width: 100%
}

#compare .subjects .card {
    position: relative;
    display: inline-block;
    width: calc(33% - 16px);
    margin: 0 10px 20px 0;
    padding: 0 0 16px 0;
    background: #fff;
    border-radius: 12px;
    border: solid 1px #e4e4e5;
    vertical-align: top;
    text-align: left;
    white-space: normal!important;
}

#compare .subjects .card .btn-subject{
    max-width: 190px;
    height:44px;
    margin: auto
} 
#compare .subjects .card .review{
    color: #2773bd;
    font-weight: 500;
    display: block;
    margin: auto;
    max-width: fit-content;
    padding: 5px;
}
#compare .subjects .card .position {
    position: absolute;
    top: 4px;
    left: auto;
    right: 4px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 21px;
    font-weight: 200;
    z-index: 2;
    text-align: center;
    border-radius: 50%;
    color: #4e5155;
    z-index:999
}

#compare .subjects .card .position:hover {
    cursor: pointer
}

#compare .subjects .card .thumbnail, #sticky-thumbnails.sticky-thumbnails-mobile .thumbnail{
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 14px;
    width: 100%;
    align-items: center;
    justify-content: center;
    height: 250px;
    margin: 0;
    padding: 40px 24px 10px;
    overflow: hidden;
    vertical-align: middle;
    transition: height 220ms ease-in-out
}

#compare .subjects .card .thumbnail .score{
    display: flex;
    font-size: 27px;
    font-weight: 700;
}
#compare .subjects .card .thumbnail img, #sticky-thumbnails.sticky-thumbnails-mobile .thumbnail img {
    position: relative;
    display: block;
    width: -webkit-fill-available;
    max-width: 200px;
    height: 40px;
    object-fit: contain;
}
#compare .subjects .card .thumbnail .score img{
    height: auto;
    width: 24px;
}
#sticky-thumbnails.sticky-thumbnails-mobile .thumbnail .score, body #sticky-thumbnails.sticky-thumbnails-mobile .thumbnail a.review{
    display:none
}
#compare .subjects .card .thumbnail .brand, #sticky-thumbnails.sticky-thumbnails-mobile .thumbnail .brand {
    position: absolute;
    display: block;
    width: 75%;
    height: 50px;
    padding: 5px 0 5px 15px;
    left: 0;
    bottom: 15px;
    line-height: 40px;
    text-align: center;
    background-color: rgba(255,255,255,.8)
}

#compare .subjects .card .thumbnail .brand:after, #sticky-thumbnails.sticky-thumbnails-mobile .thumbnail .brand:after {
    content: '';
    position: absolute;
    right: -35px;
    top: 0;
    border-right: 35px solid transparent;
    border-top: 50px solid rgba(255,255,255,.8)
}

#compare .subjects .card .thumbnail .brand img,#sticky-thumbnails.sticky-thumbnails-mobile .thumbnail .brand img {
    display: inline-block;
    height: auto!important;
    max-height: 40px;
    margin: 0 auto;
    width: auto!important;
    max-width: 128px;
    vertical-align: middle
}

#compare .subjects .card .item {
    display: block;
    width: 100%;
    margin: 10px 0;
    padding: 0;
}
#compare .subjects .card .item p.description{
    padding: 16px;
}
#compare .subjects .card div:nth-of-type(2) ul{padding: 20px;}
#compare .subjects .card .item h2,#compare .subjects .card .item h3,#compare .subjects .card .item h4,#compare .subjects .card .item h5 {
    display: block;
    margin: 0;
    font-size: 16px;
    text-align: center;
    font-weight: 600;
    background-color: #F2F2F2;
    padding: 4px 0;
}

#compare .subjects .card .item ul {
    display: block;
    width: 100%;
    margin: 0;
    padding: 15px;
}
#compare .subjects .card .item .pricing{
    display:flex;
    flex-direction:column;
    align-items:center;
    min-height: 100px;
    gap: 20px;
    padding-top: 20px;
}
#compare .subjects .card .item ul.general li:nth-of-type(1){
    border: dashed 1px #2384db;
    border-radius: 8px;
}
#compare .subjects .card .item .pricing > span, #compare .subjects .card .item .pricing > p strong{
    font-size:22px;
    font-weight:700;
    line-height: 34px;        
    color: #99a5c5;
}
#compare .subjects .card .item .pricing p strong {
    color: #323738;
}
#compare .subjects .card .item ul.features{
    display: inline-block;
    align-items: center;
    max-width: 100%;
    padding: 16px 8px 0;
}
#compare .subjects .card .item ul.features li{flex-direction: column;display: flex;height: auto;max-height:84px;align-items: center;max-width: fit-content;padding: 8px 8px 8px 6px;margin: 0 0 8px 8px;float: left;gap: 5px;border: solid 1px #e4e4e5;border-radius: 8px;}
#compare .subjects .card .item ul.features li .title{
    color: #727574;
    font-size: 13.5px;
    text-align: center;
    width: -webkit-fill-available;
}
#compare .subjects .card .item ul.features li img.icon{
    width: 24px;
    height: auto;
    display: block;
    margin: 0 auto;
}
#compare .subjects .card .item ul.features li .description{
    display: block;
    color: #111;
    font-weight: 500;
    margin: 0;
    line-height: 1;
    text-align: center;
}
#compare .subjects .card .item ul.impressions{
    display: flex;
    flex-direction: column;
    gap: 8px;
}
#compare .subjects .card .item ul li {
    position: relative;
    display: table;
    width: 100%;
    height: 30px
}
#compare .subjects .card .item ul li.pro,#compare .subjects .card .item ul li.con{
    display: flex;
    line-height: 24px;
    gap: 6px;
    align-items: flex-start;
    height: auto;
    color: #323738;
}
#compare .subjects .card .item ul li.pro:before,#compare .subjects .card .item ul li.con:before{min-width: 16px;min-height: 16px;align-self: baseline;position: relative;top: 6px;}
#compare .subjects .card .item ul li span.title {
    display: table-cell;
    margin: 0;
    font-weight: 500;
    font-size: 13px;
    color: #111;
    letter-spacing: -.4px;
    text-align: left;
    overflow: hidden;
    vertical-align: middle
}

#compare .subjects .card .item ul li span.title img {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 5px 0 0;
    vertical-align: middle
}

#compare .subjects .card .item ul.summaries li span.title img {
    display: none
}


#compare .subjects .card .item ul li span.description {
    display: table-cell;
    font-size: 13px;
    color: #6a6a6a;
    margin: 3px 0;
    text-align: right;
    vertical-align: middle
}

#compare .subjects .card .item ul li span.slogan {
    display: flex;
    background-color: #eef4f9;
    font-size: 16px;
    color: #323738;
    margin: 4px;
    padding: 4px 20px;
    text-align: center;
    line-height: 18px;
    vertical-align: middle;
    font-weight: 600;
}

#compare .subjects .card .item ul li .rating {
    float: right;
    margin: 5px 0
}

#compare .subjects .card .item ul.summaries li span.description,#compare .subjects .card .item ul.summaries li span.title {
    display: block;
    text-align: left;
    font-size: 16px;
}
#articles {
    display: block;
    width: 100%;
    margin: 0;
    background: #fff
}

#articles h2 {
    display: block;
    font-weight: 700;
    font-size: 23px;
    color: #4e5155;
    line-height: 1.25;
    margin: 0;
}
#articles h2.title{
    text-indent: 15px;
}

#articles .card {
    position: relative;
    display: flex;
    margin: 0 16px 5px 0;
    padding: 16px;
    overflow: auto;
    border-radius: 3px;
    background: #fff;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

#articles .card span.date {
    display: table-row;
    height: 25px;
    padding: 0;
    color: #4e5155;
    font-weight: 300;
    font-size: 13px;
    font-style: italic;
    line-height: 1.5
}
#articles .card .thumbnail {
    display: inline-flex;
    width: 226px;
    height: auto;
    margin: 0px 20px 0 0;
    padding: 0;
    vertical-align: middle;
}

#articles .card .thumbnail img {
    display: flex;
    width: -webkit-fill-available;
    height: auto;
    padding: 0;
    border-radius: 8px;
    object-fit: cover;
    object-position: 50% 50%;
}

#articles .card .details {
    display: inline-flex;
    flex-direction: column;
    padding: 0 0 0 10px;
    width: auto;
}

#articles .card .details q {
    display: block;
    margin: 0 0 10px;
    padding: 15px 20px 15px 30px;
    color: #4e5155;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

#articles .card .details q:after,#articles .card .details q:before {
    display:none
}

#articles .card .details q:before {
    content: open-quote;
    margin-left: -30px;
    margin-right: 5px
}

#articles .card .details q:after {
    content: close-quote
}

#articles .card .details a {
    float: right;
    display: inline-block;
    color: #656565;
    font-weight: 400;
    font-size: 13px;
    background: #f8f9fa;
    line-height: 1.5;
    padding: 7px 10px;
    border-radius: 3px
}
#article article figure{
    margin:0;
    padding:0
}
#article article figure img{
    max-width: 100%;
    min-width: -webkit-fill-available;
    border-radius:16px
}
#article .top-offers ,#articles .top-offers {
    position: relative;
    display: block;
    margin: 0 0 20px 0;
    padding: 20px;
    background: rgb(221 48 40 / 5%);
    border-radius: 16px;
}

#article .top-offers h3 ,#articles .top-offers h3 {
    display: block;
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
    margin: 0 0 20px;
    color: rgb(50 55 56);
    text-transform: capitalize;
}

#article .top-offers .item ,#articles .top-offers .item {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0 0 12px;
    padding: 12px;
    border-radius: 12px;
    background: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    height: 56px;
}

#article .top-offers .item:last-of-type ,#articles .top-offers .item:last-of-type {
    margin: 0!important
}

#article .top-offers .item .details ,#articles .top-offers .item .details {
    display: inline-flex;
    text-align: left;
    vertical-align: middle;
    padding: 0;
    width: 45%;
}
#article .top-offers .item .details .btn-primary,#articles .top-offers .item .details .btn-primary{
    background-color:rgb(221 48 40);
    border-color:rgb(221 48 40);
    line-height: unset;
    align-items: anchor-center;
    display: inline-flex;
    padding: 0 25px;
    margin-left: auto;
    margin-right: 0;
}
#article .top-offers .item .details span.title ,#articles .top-offers .item .details span.title {
    display: block;
    margin: 0;
    font-size: 18px;
    font-weight: 300;
    line-height: 1
}

#article .top-offers .item .details .rating ,#articles .top-offers .item .details .rating {
    margin: 5px 0
}

#article .top-offers .item .details button ,#articles .top-offers .item .details button {
    margin: 0
}

#article .top-offers .item .thumbnail ,#articles .top-offers .item .thumbnail {
    display: inline-flex;
    height: auto!important;
    margin: 0;
    overflow: hidden;
    text-align: right;
    vertical-align: middle;
    width: 55%;
    align-self: center;
}

#article .top-offers .item .thumbnail img ,#articles .top-offers .item .thumbnail img {
    display: inline-flex;
    width: 100%;
    max-width: max-content;
    height: auto!important;
    margin: 0 auto;
    padding: 12px;
    border-radius: 5px;
    vertical-align: middle;
    transform: scale(0.85);
}
#articles:after {
    content: '';
    display: table;
    clear: both
}

#articles .full-article .card .thumbnail{
    width: -webkit-fill-available;
    height: 370px;
    overflow: visible;
}
#articles .full-article .card .thumbnail img{object-fit: cover;min-width: -webkit-fill-available;}
#articles .full-article h2{
    line-height: 34px;
    font-size: 28px;
    font-weight: 600;
}
#articles .full-article button{
    border-color: #dd3028 !important;
    border-style: solid;
    color:#dd3028;
    background-color:transparent;
    line-height: 0;
    font-size: 18px;
    font-weight:500;
    border-radius:8px;
    padding:18px 20px;
    max-width:fit-content;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 20px;
}
#articles .full-article button img{
    filter: invert(25%) sepia(44%) saturate(4341%) hue-rotate(347deg) brightness(91%) contrast(92%);
}
#articles .full-article .details p,#banner.article-banner .details p{
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    display: -webkit-box;
    overflow: hidden;
    line-height: 28px;
    font-size:16px
}

#articles .full-article .by-author-modular, .by-author-modular{
    display:flex;
    flex-wrap:wrap;
    width: 100%;
    align-items: center;
    text-indent: 5px;
    margin-top: 5px;
    margin-bottom: 15px;
}
#articles .full-article .by-author-modular img,.by-author-modular img{
        object-fit: cover;
        height: 50px;
        width: 50px;
        border-radius: 50%;
        margin: 5px;
}
.by-author-modular span.date, .by-author-modular a,#articles .full-article .by-author-modular span.date,#articles .full-article .by-author-modular a{
    line-height: 24px;
    font-size: 14px;
    font-weight: 500;
    background: transparent;
    padding: 0;
    margin: 0;
    float: unset;
    max-width: fit-content;
    justify-content: space-around;
    display: flex;
    flex-direction: revert;
}
#articles .full-article .by-author-modular span.date{
    
}
#article {
    position: relative;
    display: block;
    width: 100%;
    padding: 20px 0 0;
    margin: 0;
    overflow: hidden;
    background: #ffffff;
}
#article h1, #banner.article-banner .details .h1{
    position: relative;
    display: block;
    margin: 0 0 15px;
    color: #323738;
    font-size: 28px;
    line-height:40px;
    font-weight: 600
}
#article .content {
    position: relative;
    display: block;
    margin: 0 20px 20px 0;
    padding: 0;
    background: #fff;
    border-radius: 0;
    overflow: auto;
}
#article article .content{
    display: flex;
    padding: 0;
    margin: 0;
    flex-direction: row;
}
#article article section ol, #article article section ul{
    list-style: none;
    padding-inline:0
}
#article article section li a, #article article section p a{
    color: #5878eb
}
#article article section li a.pointer{padding: 6px 5px;display: inline-block;}
#article article section li a.pointer::before{
    content: '👉 ';
}
#article article section li a:hover, #article article section p a:hover{
    text-decoration: underline
}
#article article footer{
    background: #FFF;
}
#article .content .details {
    display: block;
    margin: 0;
    padding: 20px 20px 0 20px
}
#article article .content .details{
    display: flex;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(228 228 229);
    background-color: rgb(255 255 255);
    padding: 24px;
    flex-direction: row;
    border-radius: 16px;
    box-sizing: border-box;
    margin-bottom:30px
}
#article .content .details h2 {
    display: block;
    margin: 0 0 10px;
    color: #4e5155;
    font-weight: 700;
    font-size: 23px;
    line-height: 1.25
}

#article .content .details h3 {
    display: block;
    margin: 0 0 10px;
    color: #4e5155;
    font-weight: 600;
    font-size: 21px;
    line-height: 1.25
}

#article .content .details hr {
    margin: 25px 0;
    opacity: .3
}

#article .content .details h4 {
    display: block;
    margin: 0 0 10px;
    color: #4e5155;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.25
}

#article .content .details span.date {
    display: block;
    margin: 0 0 10px;
    color: #4e5155;
    font-weight: 300;
    font-size: 15px;
    line-height: 1.5
}

#article .content .details span.date:before {
    content: '';
    display: inline-block;
    margin: 0 5px 2px 0;
    width: 16px;
    height: 16px;
    vertical-align: sub;
    background-image: url('/images/icons/calendar.svg');
    background-size: contain
}

#article .content .details .thumbnail {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 0 10px;
    overflow: hidden
}

#article .content .details .thumbnail img {
    width: 100%;
    height: auto!important
}

#article .content .details .quote {
    display: block;
    margin: 0 0 10px!important;
    padding: 15px;
    color: #333;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5;
    border-radius: 4px;
    background: #FFF
}

#article .content .details .quote-blue {
    border-left: 8px solid #0172bb
}

#article .content .details .quote-yellow {
    border-left: 8px solid #f6d757
}

#article .content .details .description {
    display: block;
    margin: 0
}

#article .content .details .description p {
    display: block;
    margin: 0 0 20px;
    color: #494949;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 16px;
}

#article .content .details .description q {
    display: block;
    margin: 0 0 10px;
    padding: 15px 20px 15px 30px;
    color: #4e5155;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    font-style: italic;
    opacity: .9;
    background: #f6f6f6
}

#article .content .details .description q:after,#article .content .details .description q:before {
    font-weight: 600;
    font-size: 36px;
    color: #213e78;
    line-height: 0;
    padding: 0 5px;
    opacity: .6;
    vertical-align: text-bottom
}

#article .content .details .description q:before {
    content: open-quote;
    margin-left: -30px;
    margin-right: 5px
}

#article .content .details .description q:after {
    content: close-quote
}

#article .content .details .description ul {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none
}

#article .content .details .description ul li {
    color: #494949;
    font-size: 15px;
    font-weight: 300
}

#article .content .details .description ul li a.btn-line {
    background-color: #fff;
    color: #0770e3;
    height: 46px;
    line-height: 44px;
    margin-bottom: 10px;
    height: 46px
}

#article .content .details .description strong {
    display: block;
    margin: 0 0 5px;
    font-size: 19px;
    font-weight: 500
}

#article .content .options {
    display: table;
    width: 100%;
    padding: 10px 20px
}
#article article .content .options {
    padding: 15px 0 30px;
}
#article .content .options .item {
    vertical-align: middle;
    display: flex;
    height: auto;
    margin-top: 30px;
    border-radius: 16px;
    border-width: 1px;
    border-style: solid;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 16px 24px;
    border-color: rgb(228 228 229);
}

#article .content .options .item:first-of-type {gap: 15px;flex-direction: row;}

#article .content .options .item:last-of-type {
    text-align: right;
    gap: 15px;
}

#article .content .options .item span.title {
    font-size: 22px;
    line-height: 28px;
    margin: 0;
    vertical-align: middle
}

#article .content .options .item button {
    display: flex;
    background: transparent;
    border-radius: 8px;
    border: solid 2px #dd3028;
    width: 48px;
    height: 48px;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    justify-content: center;
    align-items: center;
}

#article .content .options .item button img {
    display: flex;
    width: 32px;
    height: 33px;
}

#article .content .options .item ul {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
    vertical-align: middle
}

#article .content .options .item ul li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 0 0
}

#article .content .options .item ul li a {
    display: block
}

#article .content .options .item ul li a img {
    display: block;
    width: 36px;
    height: 36px
}

#article .index {
    position: relative;
    display: block;
    margin: 0 0 20px;
    padding: 20px 20px 6px 20px;
    background: #eef4f9;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
}

#article .index h3 {
    display: block;
    margin: 0 0 10px;
    padding: 0 0 10px;
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    border-bottom: 1px solid #c1e0e6
}

#article .index ul {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0
}

#article .index ul li {
    display: block;
    width: 100%
}

#article .index ul li span.title {
    display: block;
    margin: 0 0 10px;
    font-size: 15px;
    font-weight: 300;
    color: #222;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}


#article .top-offers .item:last-of-type {
    margin: 0!important
}

#faq {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: #fff
}

#faq .questions {
    position: relative;
    display: block;
    margin: 0 0 20px;
    padding: 0
}

#faq .questions ul {
    display: block;
    list-style: none;
    padding: 0;
    margin: 0
}

#faq .questions ul li {
    position: relative;
    display: block;
    margin: 0 0 25px
}

#faq .questions ul li label.title {
    position: relative;
    display: block;
    padding: 15px 40px 15px 20px;
    color: #0072bb;
    font-weight: 400;
    font-size: 16px;
    text-align: left;
    background: #f5f4f4;
    transition: all .3s ease-in-out;
    clear: both
}

#faq .questions ul li label.title {
    padding: 5px 15px
}

#faq .questions ul li label.title:after {
    content: '\002B';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    font-size: 45px;
    line-height: 75px
}

#faq .questions ul li label.title:hover {
    opacity: .8;
    cursor: pointer
}

#faq .questions ul li p.description {
    padding: 0 20px;
    font-size: 15px;
    line-height: 0;
    opacity: 0;
    font-weight: 300;
    background: #fff;
    overflow: hidden;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

#faq .questions ul li input[type=checkbox] {
    display: none
}

#faq .questions ul li input[type=checkbox]:checked~label.title {
    background: #dae5f7
}

#faq .questions ul li input[type=checkbox]:checked~label.title:after {
    content: '\2212'
}

#faq .questions ul li input[type=checkbox]:checked~p.description {
    padding: 25px 20px 0;
    opacity: 1;
    line-height: 1.6
}

#faq .questions ul li input[type=checkbox]:checked~p.description {
    padding: 35px 20px;
    line-height: 26px;
    font-size: 16px;
    background-color: #eef3fa
}

#banner {
    display: block;
    width: 100%;
    margin: 66px 0 0;
    padding: 8px 0;
}
#banner.article-banner{
    display:flex;
    background-color: #eef4f9;
    border: 1px solid #e5e7eb;
    min-height:136px;
    margin-top: 0;
}
#banner.article-banner .wrapper{
    padding-bottom: 32px;
    padding-top: 32px;
}
#banner .wrapper {
    display: table
}
#review #banner .wrapper {
    align-items: center;
    padding-left: 0;
    display: flex;
    border-radius: 0;
    flex-direction: row;
    margin: 0;
}
#banner .thumbnail {
    display: flex;
    width: 152px;
    height: 114px;
    vertical-align: middle;
    padding: 12px;
    border: solid 1px #e4e4e5;
    border-radius: 14px;
}

#banner .thumbnail img {
    display: block;
    width: 100%;
    height: auto!important;
    padding: 6px;
    border-radius: 5px;
    background: rgba(255,255,255,.5);
    object-fit: contain;
}

#banner .details {
    display: table-cell;
    vertical-align: middle
}

#review #banner .details {
    padding-inline: 20px;
}

#banner .details h1 {
    display: table-cell;
    width: 100%;
    margin: 0;
    color: #323738;
    font-size: 28px;
    font-weight: 600;
    line-height: 30px;
    vertical-align: middle;
}

#banner .details h2 {
    display: none;
    margin: 0 0 5px;
    color: #252530;
    line-height: 1;
    font-size: 27px;
    font-weight: 700
}

#banner .details h3 {
    display: none;
    margin: 0;
    color: #ddd;
    line-height: 1;
    font-size: 15px;
    font-weight: 400
}

#banner .details .rating {
    display: none;
    text-align: left
}

#breadcrumbs {
    display: block;
    margin: 66px 0 0;
    background: #FFF;
}

#breadcrumbs ul,#breadcrumbs ol {
    display: block;
    margin: 0;
    padding: 10px 0;
    list-style: none;
    white-space: nowrap;
    overflow: hidden
}
#breadcrumbs ol li,
#breadcrumbs ul li {
    display: inline-block
}
#breadcrumbs ol li+li:before,
#breadcrumbs ul li+li:before {
    content: '>';
    padding: 0 12px;
    color: #757575
}

#breadcrumbs ol li a,#breadcrumbs ul li a {
    color: #323738;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    text-decoration: none
}
#breadcrumbs ol li a:hover,
#breadcrumbs ul li a:hover {
    color: #0172bb;
    text-decoration: underline
}

#breadcrumbs ol li span,#breadcrumbs ul li span {
    color: #353535;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5
}

footer {
    display: block;
    width: 100%;
    background: rgb(249 249 249);
    padding: 50px 0 0;
    z-index: 100
}

footer p.description {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0 0 15px;
    color: #FFF;
    font-size: 12.5px;
    line-height: 1.5;
    border-bottom: solid 1px rgba(255,255,255,.1)
}

footer p.description a {
    color: #E1E1E1;
}

footer span.title {
    display: block;
    margin: 0 0 5px;
    color: #323738;
    font-size: 21px
}

footer ul.menu {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0
}

footer ul.menu li {
    display: block;
    margin: 0 30px 0 0;
    padding: 8px 0;
    text-align: left;
    border-bottom: solid 1px rgba(255,255,255,.1)
}

footer ul.menu li:last-child {
    margin: 0 30px 0 0!important;
    border-bottom: 0
}

footer ul.menu li a {
    display: block;
    font-size: 16px;
    color: #323738;
    font-weight: 400;
    line-height: 1.5
}

footer ul.menu li a.title {
    font-size: 17px;
    color: #323738;
    margin: 0 0 4px;
    font-weight: 400;
}

footer ul.menu li a.description {
    font-size: 14px
}

footer ul.menu li a span {
    font-weight: 500;
    color: inherit!important
}

footer ul.menu li a img {
    float: left;
    display: block;
    width: 24px;
    height: 24px;
    margin: 0 10px 0 0;
    border-radius: 50%
}

footer img.logo {
    display: block;
    width: 100%;
    max-width: 180px;
    height: auto!important;
    margin: -5px 10px 25px 15px;
    padding: 0 10px 0 0;
}

footer span.copyright {
    display: block;
    font-size: 14px;
    color: #FFF;
    line-height: 1;
    padding: 10px 0 5px;
    text-align: center;
    margin: 0 auto 0;
}

footer span.copyright a {
    color: #E1E1E1;
}

footer span.rights {
    display: block;
    font-size: 14px;
    color: #f8f9fa;
    line-height: 1.5;
    padding: 6px 0 0;
    margin: 0;
    text-align: center;
}

footer ul.brands {
    display: table;
    table-layout: fixed;
    margin: 15px 30px 15px 0;
    padding: 15px 0 0;
    border-top: 1px solid rgba(255,255,255,.1)
}

footer ul.brands li {
    display: table-cell;
    width: 33%;
    padding: 0 10px 0 0;
    vertical-align: middle
}

footer ul.brands li img {
    display: block;
    width: 100%
}

footer:after {
    content: '';
    display: table;
    clear: both
}
footer #sitemap_btm{
    background-color: rgb(50 55 56);
    color: white;
    display: block;
    height: auto;
    min-height: 190px;
    padding: 20px;
}
footer .wrapper{
    padding: 0;
}
footer .wrapper .row .row{
    padding: 0 0 25px 25px;
}
#top-offers .container .card .ribbon{display:none}
#outlink #clear-compare{position:absolute;color:#000;font-weight:300;font-size: 24px;right:-18px;top:4px;padding: 0;width: 21px;height: 21px;line-height: 0;border-radius: 50%;}