.card{background:#32354c;border:1px solid #383b4f}
.card .card-body{padding:34px 20px 40px;position:relative}
.card .card-body .card-title{color:#9E0ED8;font-weight:800;font-size:25px;padding-bottom:9px}
.card .card-body .card-text{font-size:17px;font-weight:600}
.card .card-body .card-text>p:last-child{margin-bottom:0}
.card .bar{height:3px;width:30px;box-shadow:0 0 8px 6px rgba(202,103,89,.2);margin:0 auto 15px}
.card .card-footer{border-top:none;margin:0 25px 25px;padding:0;font-weight:800;color:#54576c;text-transform:none;background:#2b2e43;cursor:default;border-radius:9px!important}
.card .card-footer .row{flex:1 1 auto}
.card .card-footer .row.authors{display:flex;align-items:center;margin-right:0}
.card .card-footer .reading-time{flex:0 0 110px;margin-left:2px;letter-spacing:0;font-size:15px;text-align:center;justify-content:center}
.card .card-footer .published{font-size:12px;letter-spacing:0;margin-left:14px}
.card .card-footer .author{padding:10px 15px}
.card .card-footer .author,.card .card-footer .reading-time{min-height:54px;display:flex;align-items:center}
.card .card-footer .authors{border-right:2px solid #32354c;margin-right:10px}
.card .card-footer .authors .author{position:relative}
.card .card-footer .authors .author:after{content:"";display:block;position:absolute;height:5px;width:5px;background:#474a60;border-radius:50%;top:0;bottom:0;margin:auto 0;left:57px}
.card .card-footer .authors .author .author-avatar{width:30px;height:30px;border:unset;margin:0}
.card .card-footer .authors .author+.author{margin-left:-50px}
.card-title-color {
    font-weight: 700;
    color: #9E0ED8 !important;
}
.card-title-color2 {
    font-weight: 700;
    color: #ffffff !important;
}
.card-title-color2 span {
    color: green !important;
}
.card-bottom-bg {
    background: #212529;
    margin-bottom: 15px;
    font-weight: 700;
    color: #ffffff;
    cursor: pointer;
    transition: .15s;
padding-top: 15px;
    border-radius: 6px;
    border: 1px solid #212529;
}
.card-games {
    margin-right: 15px;
    margin-left: 15px;
}
.card-games-last {
    margin-right: 0px;
}

@media (min-width: 768px){
.rowgames .col-md-3 {
    -ms-flex: 0 0 22.67%;
    flex: 0 0 22.67%;
    max-width: 25%;
}
}

.flex-column{display:flex;flex-direction:column}
.pagination.card .card-body{padding:15px}
.pagination.card .card-body>.btn{border:none;background:#292c40;border-radius:6px;letter-spacing:0;color:#bdbfd3;font-size:14px;font-weight:900;width:114px;padding:12px 14px}
.pagination.card .card-body>.btn:focus,.pagination.card .card-body>.btn:hover{color:#bdbfd3;background:#2b2e43}
.pagination.card .card-body .page-number{font-size:15px;font-weight:700;color:#8386a2}
.nav-item .nav-link{background:#e1654e;color:#fff;font-weight:700;margin:3px;border-radius:7px}
.tag-header .site-title{color:#e1654e;font-size:42px;font-weight:800}
.tag-header .site-description{font-size:22px;color:#fff}
@media (max-width:1300px){
	.card .card-body{padding:25px 15px 20px}
	.card .card-body .card-title{font-size:21px}
	.card .card-body .card-text{font-size:15px}
	.card .card-footer{margin:0 15px 15px}
	.card .card-footer .reading-time{font-size:13px;flex:0 0 95px}
}
@media (max-width:1150px){
	.card .card-body{font-size:16px}
	.card .card-footer .authors .author{padding:8px 12px}
	.card .card-footer .authors .author:after{display:none}
	.card .card-footer .authors .author .author-avatar{margin-right:0}
	.card .card-footer .published{margin-left:0}
	.card .card-footer .reading-time{min-height:50px}
}
@media (max-width:900px){
	.tag-header{padding:20px 0 44px}
}
@media (max-width:700px){
	.footer-bottom .container.flex-center{padding-top:25px;padding-bottom:25px;flex-direction:column;align-items:center}
	.footer-bottom .copyright{text-align:center}
	.footer-bottom .copyright>h5{line-height:24px}
	.footer-bottom .copyright>h6{line-height:22px;padding-top:0}
	.footer-bottom #tm{margin:15px auto 0}
}
@media (max-width:900px){
	.tag-header{padding:15px 0 35px}
	.tag-header .site-title{font-size:34px}
	.tag-header .site-description{font-size:20px}
}
@media (max-width:650px){
	.tag-header{text-align:center}
	.tag-header .site-title{font-size:30px}
	.tag-header .site-description{font-size:18px}
}
@media (max-width:440px){
	.footer-main{padding:10px 0}
	.footer-main .container.flex-center section{padding:15px 0}
	.pagination.card .card-body{padding:10px}
	.pagination.card .card-body .page-number{font-size:13px}
	.pagination.card .card-body>.btn{font-size:13px;padding:12px 6px}
	.pagination.card .card-body.d-flex{flex-direction:column}
	.pagination.card .card-body .page-number,.pagination.card .card-body>.btn{font-size:14px}
	.pagination.card .card-body .page-number{margin:15px 0;font-weight:800}
	.pagination.card .card-body>.btn{width:120px}
	.card .card-body{padding:20px 15px 15px}
	.card .card-body .card-title{padding-bottom:10px!important}
	.card .card-footer{margin:0 10px 10px}
	.card .card-footer .reading-time{display:none}
}
.items-center{align-items:center}



body {background-color: #0b0724;}
#ndzn-header .header-nav .nav-link .mdi[data-label="Support"]::before {content: "\F087E";font-size: 28px;margin-right: 9px;top: 5px;}    
.modal-backdrop {position: fixed;top: 0;left: 0;z-index: 1049;width: 100vw;height: 100vh;background-color: #202230;}
.modal-backdrop.fade {opacity: 0;}
.modal-backdrop.show {opacity: 0.975;} 
.kg-image { height: auto; }
#ndzn-header .header-main .player-online {min-width: 26px;}

/* How to play */
.instruction-section .left-side {
    max-width: 800px;
}


.how-to-play {
    position: relative;
    /* background: rgba(0,0,0,.21); */
    padding: 120px 0;
	padding-bottom: 0px;
    margin: -70px 0 -45px;
    z-index: 20;
}

.bg-wool-light {
    background-image: url(../img/bg-wool-white.png);
    background-color: #fff;
}

.promo-area .bg-wool-dark {
    background-image: url(../img/bg-wool-dark.png);
}
.bg-grass, .bg-snow, .bg-wool-dark {
    background-color: #313131;
}
.bg-wool-dark {
    background-image: url(../img/bg-wool-dark.png);
}
.text-center {
    text-align: center!important;
}
.promo-area .trans-top-dark {
    background-image: url(../img/trans-top-darkwool.png);
}
.promo-area .woolbgTop {
    height: 100px;
    display: block;
    background-position-x: -710px;
    background-repeat: repeat-x!important;
    width: 100%;
    margin-top: -1px;
    margin-bottom: 50px;
}
	.promo-area .promodivider {
		padding-bottom: 150px!important;
	}
@media screen and (min-width: 1200px) {
	.promo-area .promodivider {
		padding-top: 75px!important;
	}
}
.promo-area .trans-bottom-dark {
    background-image: url(../img/trans-bottom-darkwool.png);
}
.promo-area .woolbgBot {
    height: 100px;
    display: block;
    background-position-x: -815px;
    background-repeat: repeat-x!important;
    width: 100%;
    margin-bottom: -1px;
    margin-top: 50px;
	margin-top: -100px;
}
.promo-area .woolbgBotplay {
    height: 100px;
    display: block;
    background-position-x: -815px;
    background-repeat: repeat-x!important;
    width: 100%;
    margin-bottom: 0px;
    margin-top: 50px;
}

.promo-area .ptbtit2 {
    height: 50px;
}
.promo-area .bg-wool-light {
    background-image: url(../img/bg-wool-light.png);
}

.game-carousel .bggames {
	background-image: url(../img/bg-wool-dark.png);
    background-repeat: repeat;
    padding: 35px;
}
@media only screen and (min-width: 1200px){
.game-carousel .bggames {
    background-repeat: repeat;
    padding: 50px 0 0 0!important;
}
}
.game-carousel .gamesgallery-wrp {
    width: 100%;
    padding-top: 75px;
}
.game-carousel .wbg {
    /*background-color: #eee;*/
}





.accordion .card-header {
    border: 5px solid;
    background: #c5c9eb;
    padding: 10px;
}
.accordion .card {
    border: 5px solid;
}
.accordion .btn-link {
    font-size: 1.05rem;
}
.accordion h2:after {
     display: none;   
}



.socialss a {
       -webkit-filter: grayscale(100%);
   -moz-filter: grayscale(100%);
   -ms-filter: grayscale(100%);
   filter: grayscale(100%);
   filter: gray; /* IE 6-9 */
    }
    
.socialss a:hover {
   -webkit-filter: none;
   -moz-filter: none;
   -ms-filter: none;
   filter: none;
}