@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');
body {
    background-color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    color: #303336;
}
body.menu-opened{
    overflow: hidden;
}
body.menu-opened #site {
    transform: translateX(-100px);
}
#site{
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    transition: all .3s ease 0s;
}
main{
	flex: 1;
}
img {
    max-width: 100%;
    height: auto !important;
    vertical-align: middle;
}
a {
    color: #dc010d;
}
a:hover {
    color: #dc010d;
}
a:focus{
    text-decoration: none!important;
}
.alignleft {
    float: left;
    padding: 5px 10px 5px 0;
}
.alignright {
    float: right;
    padding: 5px 0 5px 10px;
}
.aligncenter{
	display: block;
	margin: 0 auto;
}
[type=reset]:focus, 
[type=submit]:focus, 
button:focus, 
html [type=button]:focus{
    outline: none;
    text-decoration: none;
}
button, input[type="submit"]{
    cursor: pointer;
    -webkit-appearance: none;
     -moz-appearance: none;
}
input, select{
    -webkit-appearance: none;
     -moz-appearance: none;
}

@media screen and (min-width: 961px) {
    #menu,
    .mobile-open{
        display: none;
    }
}
:focus {
    outline: none;
}
.title-site{
    font-size: 28px;
}
@media (min-width: 1200px){
	.col-xl-25 {
	    -ms-flex: 0 0 20%;
	    flex: 0 0 20%;
	    max-width: 20%;
	}
}
.mobile-open {
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    color: #fff;
    font-size: 25px;
    width: 37px;
    border-radius: 50%;
    transition: all .3s ease 0s;
    text-align: center;
}
.mobile-open.search {
    left: initial;
    right: 10px;
    font-size: 20px;
    width: 30px;
}
.ui-menu.ui-widget {
    background-color: #fff;
    position: absolute;
    box-shadow: 2px 2px 11px rgba(0, 0, 0, .4);
    padding: 0;
    margin: 0;
    list-style: none;
    z-index: 9999;
}
.ui-menu.ui-widget .ui-menu-item{
    transition: all .3s ease 0s;
    padding: 7px 10px;
    border-bottom: 1px solid #e0e0e0;
    cursor: pointer;
    font-size: 16px;
}
.ui-menu.ui-widget .ui-menu-item:last-child{
    border-bottom: none;
}
.ui-menu.ui-widget .ui-menu-item:hover{
    background-color: #e8e8e8;
}
.ui-menu.ui-widget .ui-menu-item img {
    width: 39px;
    display: inline-block;
    margin-right: 15px;
    height: 59px !important;
    object-fit: contain;
}
.mobile-open.random {
    right: 67px;
    left: initial;
    font-size: 16px;
    width: auto;
}
.mobile-open.random > a i {
    color: #dc010d;
    padding-right: 5px;
}
.mobile-open.random > a {
    color: #fff;
}
.mobile-open.random > a:hover{
    text-decoration: none;
}
.mobile-open:active{
    background-color: rgba(255, 255, 255, .2);
}
.shared-button {
    font-size: 0;
}
/*--- Header Nav---*/
.gallery {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}
.gallery-item{
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 10px;
}
.gallery-columns-2 .gallery-item {
    flex: 0 0 50%;
    max-width: 50%;
}
.gallery-columns-3 .gallery-item {
    flex: 0 0 33.333%;
    max-width: 33.333%;
}
.gallery-columns-4 .gallery-item {
    flex: 0 0 25%;
    max-width: 25%;
}
.gallery-columns-5 .gallery-item {
    flex: 0 0 20%;
    max-width: 20%;
}
.gallery-columns-5 .gallery-item {
    flex: 0 0 16.666%;
    max-width: 16.666%;
}
/*--- Header ---*/
#header{
    background-color: #25282a;
}
.logo {
    background-color: #dc010d;
    transition: all .3s ease 0s;
}
.logo:hover {
    background-color: rgba(220, 1, 13, .8);
}
.logo > a{
    padding: 30.5px 0;
}
.logo > a > img {
    transition: all .3s ease 0s;
    backface-visibility: hidden;
}
.logo:active img {
    transform: scale(0.96);
}
.top_menu {
    font-size: 0;
}
.top_menu .menu-item {
    display: inline-block;
    font-size: 20px;
    position: relative;
    text-transform: uppercase;
}
.top_menu>.menu-item-has-children>a::after {
    content: "\f0d7";
    display: inline-block;
    vertical-align: middle;
    font-weight: 900;
    margin-left: 6px;
    font-family: 'Font Awesome 5 Pro';
    line-height: 1;
    font-size: 14px;
}
.top_menu .menu-item a {
    color: #ffffff;
    padding: 29px 15px;
    display: block;
    transition: all .2s ease 0s;
}
.top_menu .menu-item a:hover {
    text-decoration: none;
    background-color: #303336;
    color: #fff;
}
.top_menu .menu-item.menu-item-has-children:hover>.sub-menu{
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    max-height: 700px;
    transition-delay: .2s;
    transition-duration: 0s,.2s,.2s;
}
.sub-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    position: absolute;
    background-color: #fff;
    box-shadow: 3px 3px 11px rgba(0, 0, 0, .3);
    text-align: left;
    width: 300px;
    opacity: 0;
    visibility: hidden;
    top: auto;
    transform: scale(0.5);
    transition: 0s max-height .15s linear,0.1s opacity cubic-bezier(0.39,.575,.565,1),0.15s transform cubic-bezier(0.1,1.26,.83,1);
    transform-origin: top left;
    max-height: 0;
    z-index: 999;
}
.top_menu .sub-menu .menu-item {
    display: block;
    font-size: 17px;
    margin: 0;
    border-bottom: 1px solid rgba(48, 51, 54, 0.12);
}
.top_menu .sub-menu .menu-item:last-child{
    border-bottom: 0;
}
.top_menu .sub-menu .menu-item a {
    padding: 6px 10px;
    color: #303336;
}
.top_menu .sub-menu .menu-item a:hover {
    background-color: #303336;
    color: #fff;
}
.sub-menu .sub-menu {
    left: 300px;
    top: 0;
}
/*---Mobile Menu---*/
.search-site {
    background-color: #303336;
}
.random-button {
    font-size: 20px;
    color: #fff;
    transition: all .3s ease 0s;
    border: 1px solid #626465;
    padding: 15px 17px;
}
.site-page .random-button {
    background-color: #dc010d;
    border-color: #dc010d;
    padding: 15px;
}
.site-page .random-button:hover {
    border-color: #25282a;
    background-color: rgb(37, 40, 42);
}
.site-page .random-button:hover i {
    color: #fff;
}
.site-page .random-button i{
    color: #fff;
}
.random-button i {
    color: #dc010d;
    padding-right: 15px;
    display: inline-block;
    font-size: 32px;
    transition: all .3s ease 0s;
    vertical-align: middle;
}
.random-button:hover i{
	color: #25282a;
}
.random-button:hover{
	color: #fff;
	text-decoration: none;
	background-color: #626465;
}
#search-form {
    padding: 24px 0;
}
.search-site .form-control {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #5c6268;
    color: #fff;
    font-size: 18px;
}
.search-site .btn {
    background-color: transparent;
    color: #fff;
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
}
.search-site .form-group {
    padding: 0 30px;
}
.search-site .form-control:focus {
    box-shadow: none;
    border-bottom-color: #8e8e8e;
}
.search-site .btn:hover {
    color: rgba(255, 255, 255, .6);
}
/*--- Recent Added ---*/
.section-title {
    font-size: 30px;
    font-weight: 400;
}
.section-title-after {
    color: #e5e5e5;
    max-width: 110px;
    margin: 0 auto;
}
.section-title-after span::before,
.section-title-after span::after {
	position: absolute;
    content: " ";
    width: 120px;
    height: 1px;
    background-color: #e5e5e5;
    top: 61%;
}	
.section-title-after span::before{
	left: 0;
}
.section-title-after span::after {
	right: 0;
}
.section-title-after span i {
    background-color: #fff;
    z-index: 10;
    position: relative;
    vertical-align: middle;
    padding: 0 5px;
}
.today-total {
    right: 0;
    left: 0;
    bottom: 0;
}
.today-total span {
    background-color: rgba(220, 1, 13, .9);
    padding: 7px 20px 5px;
    color: #fff;
    display: inline-block;
}
.article-title {
    font-size: 24px;
    background-color: #f5f6fa;
    padding: 15px;
}
.calculate-money .article-title {
    font-size: 21px;
}
/*--- Items list ---*/
.item-link,
.expenses-link {
    font-size: 20px;
    font-weight: 300;
    color: #222222;
    padding-top: 10px;
    transition: all .2s ease 0s;
}
.item-link:hover,
.expenses-link:hover {
	text-decoration: none;
	color: rgba(34, 34, 34, .6);
}
.category-link {
    color: #222;
    font-size: 12px;
    text-transform: uppercase;
    padding-top: 5px;
}
.category-link:hover {
    color: #222;
}
.view-more {
    border: 1px solid #303336;
    color: #222222;
    font-size: 24px;
    padding: 10px 40px;
    transition: all .3s ease 0s;
}
.view-more:hover {
    background-color: #303336;
    color: #fff;
    text-decoration: none;
}
/*--- Breadcrumbs ---*/
.breadcrumbs-wrap {
    background-color: #f5f6fa;
}
.breadcrumbs {
    font-weight: 300;
    color: #222;
}
.breadcrumbs a {
    color: #222;
    transition: all .2s ease 0s;
}
.breadcrumbs a:hover{
	text-decoration: none;
	color: rgba(34, 34, 34, .6);
}
.breadcrumbs .sep i {
    line-height: 1;
    color: #848484;
    display: inline-block;
    vertical-align: middle;
}
.page-numbers {
    display: inline-block;
    border: 1px solid #ccc;
    padding: 5px 10px;
    color: #222;
    font-weight: 300;
    transition: all .3s ease 0s;
}
.page-numbers:hover {
    background-color: #222;
    color: #fff;
    text-decoration: none;
}
.page-numbers.current{
	background-color: #222;
    color: #fff;
}
.page-numbers.dots {
    pointer-events: none;
}
.total-money {
    font-size: 24px;
}
.post-ratings img, 
.post-ratings-loading img, 
.post-ratings-image img {
    border: 0;
    padding: 0;
    margin: 0;
}
.post-ratings img, 
.post-ratings-loading img, 
.post-ratings-image img {
    width: 35px;
    margin: 0 4px;
}
.item-ratings .row:last-child {
    background-color: #eee;
    padding: 5px 0;
    margin-top: 15px;
}
.title-site.title-celeb {
    font-weight: 300;
}
/*--- Filter ---*/
.filter-title {
    background-color: #dc010d;
    color: #fff;
    margin-left: -15px;
    padding: 15px 0;
}
.btn-filter {
    background-color: #dc010d;
    color: #fff;
}
.btn-filter:hover {
    background-color: #303336;
}
.category-accordion {
    color: #fff;
    background: #fff;
    margin-bottom: 0;
}
.category-accordion .panel {
    background: none;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: 1px solid #dadada;
}
.panel-group .panel {
    -webkit-border-radius: 0;
    border-radius: 0;
}
.category-accordion .panel-default>.panel-heading {
    background: #fff;
    border: none;
    -webkit-border-radius: 0;
    border-radius: 0;
}
.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}
.category-accordion .panel-title>a {
    padding: 17px 0;
    text-transform: uppercase;
    font-size: 14px;
}
.category-accordion .panel-title>a {
    background: none;
    color: #333;
}
.category-accordion .panel-title>a:hover {
    text-decoration: none;
    background-color: #e2e2e2;
    padding-left: 10px;
}
.panel-title>a {
    display: block;
    position: relative;
    padding: 10px 15px;
    background: #fff;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    transition: .3s;
    font-weight: 700;
    letter-spacing: .45px;
}
.category-accordion-icon {
    width: 20px;
    margin-right: 10px;
    color: #303336;
    text-align: center;
}
.category-accordion .panel-body {
    padding: 10px 15px 15px;
    background: #fff;
    color: #2b2b2b;
}
#categories-slider-tab,
#country-slider-tab,
#zodiac-slider-tab{
    overflow-x: hidden;
    max-height: 300px;
    overflow-y: auto;
}
.panel-title>a::before {
    font-family: 'Font Awesome\ 5 Pro';
    transition: all .3s ease 0s;
    content: '\f107';
    position: absolute;
    font-size: 16px;
    top: 15px;
    right: 15px;
    transform: scale(-1);
}
.panel-title>a.collapsed::before {
    transform: scale(1);
}
.filter-list li label{
    cursor: pointer;
}
.filter-list li label::before {
    content: "";
    width: 17px;
    height: 17px;
    display: inline-block;
    border: 1px solid rgba(48, 51, 54, .5);
    cursor: pointer;
    margin-right: 12px;
    transition: all .2s ease 0s;
    font-size: 15px;
    vertical-align: middle;
    line-height: 15px;
    color: rgb(220, 1, 13);
}
.filter-list li input:checked ~ label::before {
    content: "\f00c";
    font-family: 'Font Awesome\ 5 Pro';
    border-color: currentColor;
}
.filter-list li input {
    position: absolute;
    opacity: 0;
}
.filter-list li {
    border-bottom: 1px solid #e6e6e6;
    padding: 5px 0;
    font-size: 16px;
}
.filter-list li:last-child {
    border-bottom: none;
}
.filter-list li:last-child{
    border: none;
}
.filter-list-sub {
    padding-left: 15px;
}
/*--- Comments ---*/
.commentlist .comment {
    background-color: #f1f1f1;
    padding: 15px;
    border: 1px solid #eaeaea;
    margin-bottom: 10px;
}
.commentlist .comment:last-child {
    border-bottom: none;
}
.commentlist .says{
    display: none;
}
.commentlist .fn{
    font-style: normal;
    font-size: 20px;
    font-weight: 500;
}
.btn-submit {
    background-color: #dc010d;
    color: #fff;
}
.btn-submit:hover {
    background-color: rgba(220, 1, 13, .8);
}
.comment-notes {
    display: none;
}
.comment-body {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}
.comment-author, 
.comment-meta {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 5px 15px;
}
.comment-meta{
    text-align: right;
}
.comment-meta a {
    color: #000;
    font-size: 14px;
}
.comment-body>p {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 15px;
}
.comment-edit-link {
    display: none;
}
#post-listing {
    overflow: hidden;
}
/*--- Nav Links ---*/
.related-posts .nav-links {
    display: flex;
    flex-wrap: wrap;
}
.related-posts .nav-links > div {
    flex: 0 0 50%;
    max-width: 50%;
}
.related-posts .nav-links a {
    display: block;
    padding: 2.5px 30px;
    position: relative;
    transition: all .2s ease 0s;
    color: #000;
    text-align: left;
    font-weight: bold;
}
.related-posts .nav-links a:hover {
    text-decoration: none;
    color: #dc010d;
}
.related-posts .nav-links a .star-title {
    display: block;
    font-size: 16px;
    color: #dc010d;
    font-weight: 400;
}
.related-posts .nav-links a > i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    font-weight: 400;
    font-size: 25px;
}
.related-posts .nav-next a > i {
    left: 0;
}
.related-posts .nav-previous a > i{
    right: 0;
}
.related-posts .nav-previous {
    order: 2;
}
.related-posts .nav-next {
    order: 1;
}
.didmistake {
    background-color: #f0f0f1;
    padding-left: 15px;
}
.didmistake .btn {
    padding: 20px 0;
    background-color: #303336;
    color: #fff;
    font-weight: bold;
}
.didmistake .btn i {
    font-size: 25px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -5px;
}
.didmistake .btn:hover {
    background-color: #dc010d;
}
.modal-content .btn {
    background-color: #303336;
    border: none;
    color: #fff;
}
/*--- Article ---*/
.article-text img {
    width: initial !important;
    height: auto !important;
}
.list-about-celeb li {
    margin-bottom: 5px;
    background-color: #f5f6fa;
    font-weight: bold;
    padding: 10px;
}
.list-about-celeb li span {
    font-weight: 400;
    padding-top: 5px;
}
.wp-caption-text {
    text-align: left;
    font-size: 12px;
    color: #7b7b7b;
    padding-top: 5px;
    margin: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}   
.wp-caption-text.thumbnail-caption-main {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .3);
    padding: 5px 10px;
    color: #cacaca;
}
.wp-caption {
    margin-bottom: 15px;
    width: 100% !important;
}
.count-dollars::after {
    content: "=";
    color: #dc010d;
    font-size: 100px;
    line-height: 25px;
    position: absolute;
    right: -20px;
    font-family: initial;
}
.count-gold::after {
    content: "or";
    color: #dc010d;
    font-size: 20px;
    line-height: 23px;
    position: absolute;
    right: -20px;
}
.link-source {
    font-size: 14px;
    color: rgba(0, 0, 0, .6);
    position: relative;
    cursor: pointer;
    transition: all .3s ease 0s;
}
.link-source:hover {
    color: #000;
}
.link-source-text {
    position: absolute;
    background-color: #fff;
    top: -70px;
    left: -7px;
    text-align: center;
    box-shadow: 2px 4px 12px rgba(0, 0, 0, .3);
    color: #000;
    font-size: 16px;
    padding: 5px 15px;
    min-width: 500px;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease 0s;
    pointer-events: none;
}
.link-source:hover .link-source-text,
.link-source-text:hover {
    opacity: 1;
    visibility: visible;
    pointer-events: initial;
}
.link-source-text i {
    position: absolute;
    left: 7px;
    bottom: -12px;
    color: #fff;
    font-size: 20px;
}
.calculate-image {
    height: 130px;
}
.totalearn {
    border: 4px solid #dc010d;
    padding: 20px 0;
    font-size: 22px;
    margin: 0 20px;
}
.totalearn .earned {
    font-size: 16px
}
.page-compare.list-about-celeb li {
    font-size: 15px;
}
.add-compare {
    color: #000;
    border: 2px solid #dc010d;
    padding: 5px 0;
    font-size: 16px;
    transition: all .3s ease 0s;
}
.add-compare:hover{
    background-color: #dc010d;
    color: #fff;
    text-decoration: none;
}
.addcompare {
    position: absolute;
    right: 30px;
    top: 15px;
    z-index: 999999;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-50px);
    transition: all .3s ease 0s;
}
.item-wrap:hover .addcompare {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.addcompare a.add-compare,
.addcompare a.remove-compare {
    color: #fff;
    background-color: #dc010d;
    padding: 4px 10px;
}
.addcompare a.add-compare:hover,
.addcompare a.remove-compare:hover {
    color: #fff;
    background-color: #b70912;
    border-color: #b70912;
}
.remove-compare {
    background-color: #dc010d;
    color: #fff;
    padding: 5px 0;
    transition: all .3s ease 0s;
    font-size: 16px;
}
.remove-compare:hover {
    background-color: #b70912;
    text-decoration: none;
    color: #fff;
}
/*--- calculator ---*/
.widget-calculator {
    background-color: #f5f6fa;
}
.calculator-title {
    background-color: #303336;
    padding: 20px 0;
    color: #fff;
    font-size: 20px;
}
.calculator-title .fal {
    color: #dc010d;
    font-size: 32px;
    line-height: 21px;
    display: inline-block;
    vertical-align: middle;
    margin: -4px 10px 0 0;
}
.savings{
    font-size: 20px;
}
.widget-calculator .form-group {
    background-color: #fff;
    padding: 15px 30px;
    margin: 0 30px;
    font-size: 30px;
    font-weight: bold;
}
.widget-calculator .form-control {
    border: none;
    border-bottom: 2px solid #a2a4a5;
    font-size: 20px;
    margin-right: 5px;
}
.earn-title {
    font-size: 18px;
    border-left: 7px solid #dc010d;
    padding-left: 5px;
}
.will-earn {
    font-size: 30px;
}
.widget-calculator label::before {
    content: '';
    display: none;
    position: absolute;
    left: 42px;
    top: 25px;
    width: 1px;
    height: 24px;
    background: #000;
    opacity: 1;
    z-index: 3;
}
.widget-calculator .form-control:not(:focus) + label.cursor::before {
    display: inline-block;
    animation: cursor 1s infinite step-end;
}
@keyframes cursor {
    50% { background: transparent; }
}
/*--- Footer ---*/
#footer{
	background-color: #000000;
}
.menu-footer{
	background-color: #101010;
}
.footer_menu {
    font-size: 0;
}
.footer_menu .menu-item {
    display: inline-block;
    font-size: 18px;
    position: relative;
    text-transform: uppercase;
    font-weight: 300;
}
.footer_menu .menu-item a{
    color: #fff;
    padding: 30px 15px;
    display: block;
    transition: all .2s ease 0s;
}
.footer_menu .menu-item a:hover{
    text-decoration: none;
    color: rgba(255, 255, 255, .5);
}
.copyright{
	padding: 25px 0;
	line-height: 1;
	color: #d0d0d0;
}


.ct-chart {
    height: 400px;
}
.ct-bar {
    stroke-width: 75px;
}
.ct-bar-label{
    fill: #fff;
}
.ct-label.ct-vertical.ct-start {
    color: #000;
    font-size: 16px;
    font-weight: bold;
}
.item-wrap img {
    width: 290px;
    height: 360px!important;
    object-fit: cover;
}
.expenses-wrap img {
    width: 450px;
    height: 300px!important;
    object-fit: cover;
}

.margin {padding-top:30px; padding-bottom:30px;} 


#ac_573502 .ac_title_wrapper .ac_title { background-color:#fff !important; color:#616161 !important; font-weight:bold !important; height: 80px !important;}
#ac_573502 .ac_title_wrapper  {border:0px !important;}

.footer_menu .menu-item:last-child {
    font-size: 0;
}