/* 

Add here your custom css styles Example: p { text-align: center; color: red; } 

*/
::placeholder {
  color: #fff;
  opacity: .5; /* Firefox */
  font-size: 14px;
}

::-ms-input-placeholder { /* Edge 12 -18 */
  color: rgba(255,255,255,.5);
  font-size: 14px;
}

.loginRgtrBox .btn-login, .registerBox .btn-register{
	background-color: var(--Bgcolor-primary);
    border-color: var(--Bgcolor-primary);
}

.loginRgtrBox .btn-login:hover, .registerBox .btn-register:hover {
    background-color: var(--Textcolor-tertiary);
  	opacity: 1;
}

.grecaptcha-badge{opacity: 0 !important}
.subscription-update-plan-title{color: #fff}
.subscription-update-plan-cnt{background: #000}
.subscription-update-plan-title button{display: inline-block}
.fb-chat-btn{position: fixed; bottom: 20px; right: 20px; width: 50px; height: auto; z-index: 100000}
@media only screen and (max-width: 992px) {
  .fb-chat-btn{bottom: 15px; right: 20px; width: 44px}
}
.main-content.adv-theme .titleWrap .title{
  font-size: 16px;
}
.SlideAdsWrap{margin-bottom:20px}
.bsrow{margin-right: -15px !important; margin-left: -15px !important;}
.right-col{background: '#000', paddingTop: '50px';}
.MobRightSide{background: #222 !important;}
.mobRightNav li a{color: #ddd !important;}
.layout-with-sidebar .main-col{width: Calc(100% - 340px); float: left; padding: 45px 25px 25px 25px;}
.layout-with-sidebar .sidebar{width: 340px; float:left; background: #000; padding: 95px 25px 75px 25px;}

.non-home.layout-with-sidebar .main-col{padding-top: 0;}
.non-home.layout-with-sidebar .sidebar{padding-top: 25px;}

.layout-with-sidebar .sidebar .banner img{width: 100%}

.main-col .banner, .sidebar .banner{padding-bottom: 25px}
.main-col .banner img{width: 100%}
.fixed-header .global-search-cnt{padding-top: 0;}

@media only screen and (max-width: 1200px) {
	.layout-with-sidebar .main-col{padding: 45px 15px 15px 15px;}
	.layout-with-sidebar .sidebar{padding: 95px 15px 15px 15px;}
}
@media only screen and (max-width: 992px) {
	.layout-with-sidebar .main-col{width: Calc(100% - 300px); padding: 15px 15px 15px 15px;}
	.layout-with-sidebar .sidebar{width: 300px; padding: 15px 15px 15px 15px;}
  	.non-home.layout-with-sidebar .mobile-layout .infinite-scroll-component__outerdiv{margin-top: 0 !important;}
  	.gridContainer{padding-top: 0;}
}
@media only screen and (max-width: 768px) {
	.layout-with-sidebar .main-col{width: Calc(100% - 240px); padding: 15px 15px 15px 15px;}
	.layout-with-sidebar .sidebar{width: 240px; padding: 15px 15px 15px 15px;}
}
@media only screen and (max-width: 576px) {
	.layout-with-sidebar .main-col{width: 100%; padding: 0; float:none;}
	.layout-with-sidebar .sidebar{width: 100%; padding: 25px 15px 15px 15px; float:none;}
}

.button-small{padding: 6px 15px; margin-bottom: 8px;font-size: 12.5px;}
.years button{border-radius: 0;}
.years a{background: #111; color: #888;}
ul.genre-list{padding:0;}
.genre-list li{list-style: none; margin-bottom: 15px;}
.genre-list li a{font-size: 13px;display:block;}
.genre-list li a .fa{display: inline-block; margin-right: 15px;}
.float-right{float:right;}
.float-left{float:left;}
.details-tab .nav-item .nav-link.active{color: #8ad334;}
.popup_cnt .comments{overflow-y: visible;}
.genre-list li a{color: #888;}