.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;
}
.d-none {
display: none;
}
.top-bar {
   border-top-color: #8ac348
}

.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;
}

.pop-img img {
    max-width: 100%;
    max-height: 100%;
}

.header.adil p {
    margin-bottom: 10px;
}

.pop-cnt p {
    margin-bottom: 10px;
}

.footer.figi a {
    font-weight: normal;
}

.owl-theme .owl-nav.disabled+.owl-dots {
    display: none;
}

.yts { height : 400px !important }

.toc-container ul li {
   border-bottom: none;
}
@media only screen and (max-width: 799px) {
   .navigation .mobile .fa {
      background: #8ac348
   }
  #custom_html-21 { display : none; }
}

.post-content a {
   color: green;
}

.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 !important;
}*/

.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;
margin-top: 5px;
}

.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;
}

.textwidget.custom-html-widget > img{
    width: 100%;
    height: 100%;
}

.single-post .sale-banner img{
width: 100%;
    height: 100%;
}

/* 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;
}

.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: 42px;
   line-height: 50px;*/
   font-size: 35px;
   line-height: 38px;
   font-family: "Open Sans", Arial, sans-serif; /* Fallback font added */
   letter-spacing: 0px;
   color: #000000;
   opacity: 1;
}

.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: -1px !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: #222;
    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: 22px;
}

.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: 25%;
   overflow: hidden;
padding-top: 10px;
}

.rank-whole {
counter-increment: myIndex;
    width: 100%;
    display: flex;
    margin: 0px !important;
    height: auto;
    margin-bottom: 15px !important;
}

.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;
}

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

.rank-whole.best-clemence {
   margin-bottom: 20px !important;
}

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

.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;

}
.cle-des {
   width: 58.777777%!important;
line-height: 23px;
}
.rank-whole.best-clemence .social-group a {
   width: 22%;
}
@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;
   }
   .rank-whole {
      height: auto;
   }
}

@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-whole {
   display: block;
   margin-bottom: 0px !important;
} 
.rank-count {
    padding: 0px 15px;
    font-size: 20px;
    left: 0;
}
.rank-price {
padding: 5px 15px !important;
        font-size: 13px !important;
}
   .rank-scoredigit {
       width: 43px;

   }
    .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;
   }
}
/* End Ranking Page CSS */