.main-head { background-color: #000000; background-image: none; }

::selection { background: #84c920 }

:-moz-selection { background: #84c920 }

.top-bar { border-top-color: #84c920 }

.trending-ticker .heading, .breadcrumbs .location, .news-focus .heading, .gallery-title, .related-posts .section-head, 
.news-focus .heading .subcats a.active, .post-content a, .comments-list .bypostauthor .comment-author a, .error-page 
.text-404, .main-color, .section-head.prominent, .block.posts .fa-angle-right, a.bbp-author-name, .main-stars span:before,
.main-stars, .recentcomments  .url { color: #84c920 }

.navigation .menu > li:hover > a, .navigation .menu >.current-menu-item > a, .navigation .menu > .current-menu-parent > a,
.navigation .menu > .current-menu-ancestor > a, .tabbed .tabs-list .active a,  
.comment-content .reply, .sc-tabs .active a, .navigation .mega-menu { border-bottom-color: #84c920 }

.main-featured .cat, .main-featured .pages .flex-active, .rate-number .progress, .highlights .rate-number .progress, 
.main-pagination .current, .main-pagination a:hover, .cat-title, .sc-button-default:hover, .drop-caps, .review-box .bar,
.review-box .overall, .post .read-more a, .button, .post-pagination > span { background: #84c920 }

.post-content .wpcf7-not-valid-tip, .main-heading, .review-box .heading, .post-header .post-title:before, 
.highlights h2:before, div.bbp-template-notice, div.indicator-hint, div.bbp-template-notice.info, 
.modal-header .modal-title, .entry-title, .page-title { border-left-color: #84c920 }

@media only screen and (max-width: 799px) { .navigation .mobile .fa { background: #84c920 } }

.post-content a { color: #84c920 }

.post-content { font-size: 14px;  }
.highlights .excerpt, .listing-alt .content .excerpt { font-size: 14px;  }

::selection {
    background: #8ac348
}

 :-moz-selection {
    background: #8ac348
}

.hg-ft:hover {
color: #87cb40 !important;
}
.top-bar {
    border-top-color: #8ac348
}
.d-none {
display: none;
}
.desk-sale .custom-html-widget a img {
    height: auto;
    width: 100%;
}
.mobo-sale .custom-html-widget a img {
height: auto;
    width: 100%;
}
.trending-ticker .heading,
.breadcrumbs .location,
.news-focus .heading,
.gallery-title,
.related-posts .section-head,
.news-focus .heading .subcats a.active,
.post-content a,
.comments-list .bypostauthor .comment-author a,
.error-page .text-404,
.main-color,
.section-head.prominent,
.block.posts .fa-angle-right,
a.bbp-author-name,
.main-stars span:before,
.main-stars,
.recentcomments .url {
    color: green;
}

.navigation .menu>li:hover>a,
.navigation .menu>.current-menu-item>a,
.navigation .menu>.current-menu-parent>a,
.navigation .menu>.current-menu-ancestor>a,
.tabbed .tabs-list .active a,
.comment-content .reply,
.sc-tabs .active a,
.navigation .mega-menu {
    border-bottom-color: #8ac348
}

.main-featured .cat,
.main-featured .pages .flex-active,
.rate-number .progress,
.highlights .rate-number .progress,
.main-pagination .current,
.main-pagination a:hover,
.cat-title,
.sc-button-default:hover,
.drop-caps,
.review-box .bar,
.review-box .overall,
.post .read-more a,
.button,
.post-pagination>span {
    background: #8ac348
}

.post-content .wpcf7-not-valid-tip,
.main-heading,
.review-box .heading,
.post-header .post-title:before,
.highlights .rl-post:before,
div.bbp-template-notice,
div.indicator-hint,
div.bbp-template-notice.info,
.modal-header .modal-title,
.entry-title,
.page-title {
    border-left-color: #8ac348
}

.main-pagination .fa-angle-left:before {
    vertical-align: super;
}

.main-pagination .fa-angle-right:before {
    vertical-align: super;
}

.row.news-0.highlights.sal-banner {
    margin-top: 10px;
}

.pop-img img {
    max-width: 100%;
    max-height: 100%;
}
.pop-cnt p {
    margin-bottom: 10px;
}
.footer.figi a {
    font-weight: normal;
}
.header.adil p {
    margin-bottom: 10px;
}
.owl-theme .owl-nav.disabled+.owl-dots {
display: none;
}
.owl-carousel .owl-item img {
    height: auto;
    margin-top: 10px;
}
@media only screen and (max-width: 799px) {
    .navigation .mobile .fa {
        background: #8ac348
    }
     #custom_html-20 { display : none; }

}

.post-content a {
    color: green;
   font-weight: bold;
}
.post-content a span {
    color: green;
    font-weight: bold !important;
}

.main-head {
    background-color: #292929;
    background-image: none;
}

.navigation {
    background-color: #111;
}

@media only screen and (max-width: 799px) {
    .navigation .menu>li:hover>a,
    .navigation .menu>.current-menu-item>a,
    .navigation .menu>.current-menu-parent>a {
        background-color: #111;
    }
}

.navigation.sticky {
    background: rgb(17, 17, 17);
    background: rgba(17, 17, 17, 0.9);
}

.navigation a,
.mega-menu .heading,
.mega-menu .featured h2 a {
    color: #fff;
}

.navigation .mega-menu,
.navigation .menu ul {
    background-color: #111;
}

@media only screen and (max-width: 799px) {
    .navigation .mega-menu.links>li:hover {
        background-color: #111;
    }
}

.navigation .menu>li li a,
.navigation .mega-menu.links>li>a,
.navigation .mega-menu.links>li li a,
.mega-menu .posts-list .content,
.navigation .mega-menu .sub-nav li a {
    border-color: #292929;
}

@media only screen and (max-width: 799px) {
    .navigation .menu li a {
        border-color: #292929;
    }
}

.mega-menu .heading,
.navigation .mega-menu.links>li>a {
    border-color: #292929;
}

.navigation .menu>li:hover,
.navigation .menu li li:hover,
.navigation .menu li li.current-menu-item,
.navigation .mega-menu .sub-nav li:hover,
.navigation .menu .sub-nav li.current-menu-item {
    background-color: #111;
}

@media only screen and (max-width: 799px) {
    .navigation .menu>li:hover>a,
    .navigation .menu>.current-menu-item>a,
    .navigation .menu>.current-menu-parent>a,
    .navigation .mega-menu.links>li:hover,
    .navigation .menu>.current-menu-ancestor>a,
    .navigation .menu li.active {
        background-color: #111;
    }
}

.navigation {
    border-color: #292929;
}

.mega-menu .sub-nav {
    background: #111;
}

.top-bar {
    background-color: #111;
}

body,
body.boxed {
    background-color: #ffffff;
}

.cat-537,
.cat-title.cat-537 {
    background: #89c540;
}

.navigation .menu .menu-cat-537 .mega-menu {
    border-bottom-color: #89c540;
}

.news-focus .heading.cat-537 .subcats .active,
.news-focus .heading.cat-537,
.cat-text-537 {
    color: #89c540;
}

.navigation .menu>.menu-cat-537:hover>a,
.navigation .menu>.menu-cat-537.current-menu-item>a,
.navigation .menu>.menu-cat-537.current-menu-parent>a {
    border-bottom-color: #89c540;
}

.cat-538,
.cat-title.cat-538 {
    background: #8ec537;
}

.navigation .menu .menu-cat-538 .mega-menu {
    border-bottom-color: #8ec537;
}

.news-focus .heading.cat-538 .subcats .active,
.news-focus .heading.cat-538,
.cat-text-538 {
    color: #8ec537;
}

.navigation .menu>.menu-cat-538:hover>a,
.navigation .menu>.menu-cat-538.current-menu-item>a,
.navigation .menu>.menu-cat-538.current-menu-parent>a {
    border-bottom-color: #8ec537;
}

.cat-539,
.cat-title.cat-539 {
    background: #8ec537;
}

.navigation .menu .menu-cat-539 .mega-menu {
    border-bottom-color: #8ec537;
}

.news-focus .heading.cat-539 .subcats .active,
.news-focus .heading.cat-539,
.cat-text-539 {
    color: #8ec537;
}

.navigation .menu>.menu-cat-539:hover>a,
.navigation .menu>.menu-cat-539.current-menu-item>a,
.navigation .menu>.menu-cat-539.current-menu-parent>a {
    border-bottom-color: #8ec537;
}

.cat-540,
.cat-title.cat-540 {
    background: #8ec537;
}

.navigation .menu .menu-cat-540 .mega-menu {
    border-bottom-color: #8ec537;
}

.news-focus .heading.cat-540 .subcats .active,
.news-focus .heading.cat-540,
.cat-text-540 {
    color: #8ec537;
}

.navigation .menu>.menu-cat-540:hover>a,
.navigation .menu>.menu-cat-540.current-menu-item>a,
.navigation .menu>.menu-cat-540.current-menu-parent>a {
    border-bottom-color: #8ec537;
}

.cat-543,
.cat-title.cat-543 {
    background: #89c540;
}

.navigation .menu .menu-cat-543 .mega-menu {
    border-bottom-color: #89c540;
}

.news-focus .heading.cat-543 .subcats .active,
.news-focus .heading.cat-543,
.cat-text-543 {
    color: #89c540;
}

.navigation .menu>.menu-cat-543:hover>a,
.navigation .menu>.menu-cat-543.current-menu-item>a,
.navigation .menu>.menu-cat-543.current-menu-parent>a {
    border-bottom-color: #89c540;
}

body a:link,
.a:visited,
.a:hover {
    font-weight: bold;
    text-decoration: underline;
}


/* Single Post Changes */

.post-header .post-title {
    font-size: 26px;
}
.right-sidebar .post-header .post-title {
    margin-top: 10px !important;
    padding-left: 0px !important;
    margin-bottom: 5px;
    text-align: left;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 35px;
    line-height: 38px;
    font-family: "Open Sans", Arial, sans-serif;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}
.post-header .post-title:before {
    border-left: none !important;
}

.post-content h5 {
    margin-bottom: 10px;
}

.review-box li {
    margin-bottom: 5px;
}

.review-box .verdict-box {
    padding: 5px 0;
    border-top: none;
    border-bottom: none;
}

.review-box ul {
    list-style: none;
    margin-left: 0;
    padding: 15px 0;
}

.review-box .overall {
    float: center;
}

.review-box .verdict-box .text {
    margin-left: 0px;
}

.review-box {
    border-left: none;
}

.post-slideshow {
    margin-top: 14px;
    background: #fff;
}

.main-content .post-meta {
    display: none;
}


/* General Layout Changes */

.main {
    margin: 5px auto;
}

.post-header {
    margin-bottom: 1px;
}


/* Home Page */

.main-featured {
    background: #fff;
    border: 1px solid #fff;
    margin: 10px 0 10px 0;
    padding: 5px 0;
}

.custom-related h2 {
    margin-bottom: none;
}

.top-bar {
    border-bottom: 1px solid #000;
}


/* Ranking Chart */

.ranking td {
    border: none !important;
    background: #fff !important;
}


/* Sidebar Changes */

.white-space {
    background: white;
    height: 300px;
}

@media only screen and (max-width: 767px) {
    .white-space {
        display: none;
    }
}


/* Footer */

.main-footer {
    background: #101010;
}

.lower-foot {
    background: #282828;
}

.main-footer .posts-list .content {
    border-bottom-color: #333 !important;
}

.main-footer .widgettitle {
    border-bottom-color: #333 !important;
}

.essb-native-skinned-button .essb-native-outside {
    height: 32px!important;
    width: 78px!important;
}

.navigation .menu {
    z-index: 10001 !important;
}

#top .template-fullwidth .entry-content {
    width: 930px;
}

a.tooltips {
    position: relative;
    display: inline;
}

a.tooltips span {
    position: absolute;
    width: 140px;
    color: #FFFFFF;
    background: #000000;
    height: 30px;
    line-height: 30px;
    text-align: center;
    visibility: hidden;
    border-radius: 8px;
}

a.tooltips span:after {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -8px;
    width: 0;
    height: 0;
    border-bottom: 8px solid #000000;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
}

a:hover.tooltips span {
    visibility: visible;
    opacity: 0.8;
    top: 30px;
    left: 50%;
    margin-left: -76px;
    z-index: 999;
}

.social-icons .fa-facebook {
    background: #333 !important;
}

.social-icons .fa-facebook:hover {
    background: #3b5998 !important;
}

.social-icons .fa-twitter {
    background: #333 !important;
}

.social-icons .fa-twitter:hover {
    background: #00ABF0 !important;
}

.social-icons .fa-google-plus {
    background: #333 !important;
}

.social-icons .fa-youtube {
    background: #333 !important;
}

.social-icons .fa-youtube:hover {
    background: #cc181e !important;
}

.social-icons .fa-instagram {
    background: #333 !important;
}

.social-icons .fa-instagram:hover {
    background: #3f729b !important;
}

.navigation.sticky {
    z-index: 10001 !important;
}

.essb-fans.colored li a i.essb-fans-icon-gplus,
.essb-fans.flat li.essb-fans-google a,
.essb-fans.metro li.essb-fans-google a,
.essb-fans.tiny li.essb-fans-google a {
    background-color: #333 !important;
}

.shopbutton {
    padding-top: 20px;
}

.post-header .post-title {
    margin-top: 10px !important;
    padding-left: 0px !important;
}

.news-focus .heading>a {
    color: #222 !important;
}

.news-focus .heading.cat-538 .subcats .active,
.news-focus .heading.cat-538,
.cat-text-538 {
    color: #222 !important;
}

.main-head .right {
    line-height: 35px;
}

.main-head header {
    line-height: 35px;
    min-height: 35px;
}

.main-head .left {
    line-height: 35px;
}

html,
body,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
hr,
dl,
dt,
dd,
ol,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figure,
figcaption,
hgroup,
menu,
footer,
nav,
section,
summary,
time,
mark,
audio,
video,
button,
input,
textarea {
    vertical-align: bottom;
}

.rank {
    sortlist: [[0, 0], [1, 0]]
}

.fluid-width-video-wrapper {
    padding-top: 0% !important;
    width: 102% !important;
    margin-left: -1% !important;
}

.logo-image {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.hp-content {
    padding: 16px;
    font-size: 14px;
    float: left;
}

.search-button {
    margin-top: -10px !important;
}


/* Start Ranking Page CSS */

.rank-divimg {
    max-width: 40%;
    position: relative;
    float: left;
    display: inline-block;
    margin-bottom: 0 !important;
}

.rank-divimg img {
    max-width: 100%;
    float: left !important;
}

.rank-divrank {
    background: #222;
    color: #fff;
    position: absolute;
    top: 9px;
    left: 10px;
    font-size: 18px;
    text-align: center;
    height: 40px;
    width: 40px;
    line-height: 37px;
}

.rank-divscore {
    position: absolute;
    top: 156px;
    left: 0px;
    background: #000;
    height: 49px;
    width: 56px;
    bottom: 0;
    display: flex;
}

.rank-scoredigit {
    color: #fff;
    position: absolute;
    top: 1px;
    width: 54px;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    display: block;
}

.rank-scorelabel {
    position: absolute;
    bottom: 5px;
    width: 54px;
    text-align: center;
    font-size: 11px;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
}

.rank-divcontent {
    position: relative;
    display: block;
    width: 60%;
    display: inline-block;
    padding-left: 11.5px;
    text-align: justify;
    line-height: 18px;
}

.rank-divcontent a {
    font-weight: 500;
}

.rank-divtitle h2 {
    font-weight: bold;
    color: #19232d;
    margin-bottom: 5px;
    line-height: 1;
}

.rank-button1 {
    background: #222;
    padding: 10px 20px;
    float: left;
    display: inline-block;
    position: relative;
    color: #fff !important;
    text-decoration: none !important;
}

.rank-button2 {
    background: #87c731;
    padding: 10px 20px;
    float: left;
    display: inline-block;
    position: relative;
    color: #000 !important;
    text-decoration: none !important;
}

.rank-button2:hover {
    background: #999;
}

.rank-button1:hover {
    background: #999;
}



.rank-leftbutton {
        display: block;
    float: left;
    width: auto;
    padding-right: 11.5px;
padding-top: 10px;
}

.rank-rightbutton {
    display: block;
    width: 32%;
    overflow: hidden;
padding-top: 10px;
}

.rank-count {
    background: #87c731;
    color: #000;
    float: left;
    left: 0;
    padding: 0px 20px;
    position: absolute;
    z-index: 9;
    font-weight: bold;
    font-size: 30px;
    display: flex;
}

.rank-whole.best-clemence {
    display: inline-block;
}

.rank-whole.best-clemence .rank-divcontent {
    padding-left: 0;
padding-bottom: 0;
}

.cle-des {
    width: 58.777777%!important;
}

.best-clemence .rank-divdescription {
    min-height: auto;
}

.rank-whole.best-clemence .best-clem-link {
    width: 100%;
    padding-left: 0px;
    margin-left: 0px;
}

.rank-whole.best-clemence .social-group {
    justify-content: space-between;
    text-align: left;
    padding-left: 0;
}

.rank-whole.best-clemence .social-group a {
    width: 31%;
}
@media only screen and (min-width:300px) and (max-width: 640px) {
    .main-head .title {
        margin-bottom: -23px;
        margin-top: 6px;
        line-height: 1;
    }
    .customsearch {
        display: none;
    }
    .rank-divimg {
        max-width: 100%;
    }
    .rank-divscore {
        top: auto;
        left: 10px;
        bottom: 34px;
    }
    .rank-divtitle h2 {
        font-size: 16px;
        margin-top: 10px;
    }
    .rank-divcontent {
        width: 100%;
        padding-left: 0px;
    }
    .rank-leftbutton {
        width: 50%;
        background: #84c920;
        text-align: center;
        padding: 10px 0px;
    }
    .rank-leftbutton a {
        color: #fff;
    }
    .rank-rightbutton {
        width: 50%;
        background: #222;
        text-align: center;
        padding: 10px 0px;
    }
    .rank-button1 {
        padding: 0px;
        float: none;
    }
    .rank-button2 {
        padding: 0px;
        float: none;
    }
    .rank-divimg {
        max-width: 100%;
    }
    .mobile .search {
        margin-top: 10px;
    }

}

@media only screen and (min-width:641px) and (max-width: 768px) {
    .rank-whole {
        height: auto;
    }
    .customsearch {
        display: none;
    }
    .rank-leftbutton {
        width: 50%;
    }
    .rank-rightbutton {
        width: 50%;
    }
    .rank-divcontent {
        width: 100%;
    }
    .rank-divimg {
        max-width: 100%;
    }
    .mobile .search {
        margin-top: 10px;
    }
    .main-head .title {
        margin-bottom: -27px;
        margin-top: 5px;
        width: 50%;
        float: left;
    }
    .main-head .right {
        width: 45%;
        overflow: hidden;
    }
    .rank-leftbutton {
        width: 20%;
    }
}

@media only screen and (min-width:769px) and (max-width: 1024px) {
    .rank-whole {
        height: auto;
    }
    .rank-divimg {
        max-width: 43%;
    }
}

@media only screen and (max-width: 768px) {
.menu-flag {
    padding-bottom: 100px !important;
}
.rank-count {
        padding: 0px 15px;
        font-size: 20px;
        left: 0;
   }
.rank-price {
padding: 5px 15px !important;
        font-size: 13px !important;
}
   .rank-scoredigit {
       width: 42px;
       font-size: 15px;
   }
    .rank-scorelabel {
       width: 43px;
       font-size: 9px;
       bottom: 0;
   }
    .rank-divscore {
        height: 40px;
        width: 42px;
        left: 0;
        bottom: 0;
   }
    .post-template-template-tvaps .youtube, .post-template-template-tvaps .vi-lazyload, .post-template-template-funstuff .youtube, .post-template-template-funstuff .vi-lazyload, .post-template-template-tvaps .cloud_vid_wrap, .post-template-template-wax .youtube, .post-template-template-wax .vi-lazyload {
      width: -webkit-fill-available;
   }
body .olark-launch-button-wrapper {
        bottom: 70px !important;
    }
summary.faq-title strong {
    font-size: 14px;
font-weight: unset;
}
}
/* End Ranking Page CSS */