@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500&display=swap');
@import url('https://fonts.googleapis.com/css?family=Muli:400,700,800&display=swap');
@import url("bootstrap.min.css");
@import url("animate.css");
@import url("font-awesome.min.css");
@import url("jquery.flipster.min.css");
@import url("owl.carousel.css");
@import url("owl.theme.default.min.css");
@import url("hc-offcanvas-nav.css");
@import url("flexslider.css");
@import url("flag-icon.min.css");

body {font-family: 'Muli', sans-serif; font-size: 16px;line-height: 30px;color: #fee2d1;background: #4d0a0a; -webkit-font-smoothing: antialiased;}
a:active,a:hover,a:focus,a:visited {text-decoration: none;}

h2,h3,h4{font-family: 'Muli', sans-serif;}

section{z-index: 1; position: relative;}

.page-wrapper {position: relative;margin: 0 auto;width: 100%; min-width: 300px; height:auto; overflow-x: hidden;overflow-y: auto;}

.block-title {margin-bottom: 50px; text-align: center;}
.block-title h2 span{font-family: 'Muli', sans-serif;text-transform: uppercase;color: #30c0d2;font-size: 17px;display: block;margin-bottom: 30px;}
.block-title h2 {font-family: 'Muli', sans-serif; margin: 0;color: #fee2d1;font-size: 38px;font-weight: 800; margin-bottom: 20px; text-transform: uppercase;text-shadow: 0px 0px 15px #eaa325;}
.block-title h3{border: 0px; font-size: 18px; color: #ffe6cb; padding: 0 180px; text-transform: none;}

/* Preloader */
.preloader {touch-action: none; background: #4d0a0a;bottom: 0;height: 100%;left: 0;position: fixed;right: 0;top: 0;width: 100%;z-index: 99999;}
.la-ball-scale-multiple,
.la-ball-scale-multiple>div{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.la-ball-scale-multiple{display:block;font-size:0;color:#c97770}
.la-ball-scale-multiple.la-dark{color:#333}
.la-ball-scale-multiple>div{display:inline-block;float:none;background-color:currentColor;border:0 solid currentColor}
.la-ball-scale-multiple{width:32px;height:32px}
.la-ball-scale-multiple>div{position:absolute;top:0;left:0;width:32px;height:32px;border-radius:100%;opacity:0;-webkit-animation:ball-scale-multiple 1s 0s linear infinite;-moz-animation:ball-scale-multiple 1s 0s linear infinite;-o-animation:ball-scale-multiple 1s 0s linear infinite;animation:ball-scale-multiple 1s 0s linear infinite}
.la-ball-scale-multiple>div:nth-child(2){-webkit-animation-delay:.2s;-moz-animation-delay:.2s;-o-animation-delay:.2s;animation-delay:.2s}
.la-ball-scale-multiple>div:nth-child(3){-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s}
.la-ball-scale-multiple.la-sm{width:16px;height:16px}
.la-ball-scale-multiple.la-sm>div{width:16px;height:16px}
.la-ball-scale-multiple.la-2x{width:64px;height:64px; left: 0; top: 0; right: 0; margin: auto; bottom: 0; position: absolute;}
.la-ball-scale-multiple.la-2x>div{width:64px;height:64px}
.la-ball-scale-multiple.la-3x{width:96px;height:96px}
.la-ball-scale-multiple.la-3x>div{width:96px;height:96px}@-webkit-keyframes ball-scale-multiple{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}5%{opacity:.75}100%{opacity:0;-webkit-transform:scale(1);transform:scale(1)}}@-moz-keyframes ball-scale-multiple{0%{opacity:0;-moz-transform:scale(0);transform:scale(0)}5%{opacity:.75}100%{opacity:0;-moz-transform:scale(1);transform:scale(1)}}@-o-keyframes ball-scale-multiple{0%{opacity:0;-o-transform:scale(0);transform:scale(0)}5%{opacity:.75}100%{opacity:0;-o-transform:scale(1);transform:scale(1)}}@keyframes ball-scale-multiple{0%{opacity:0;-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0)}5%{opacity:.75}100%{opacity:0;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}
.preloader .loading-text {font-family: 'Helvetica', sans-serif; font-size: 16px;line-height: 30px;color: #ffffff;background: #4d0a0a; width:256px;height:64px; left: 0; top:128px; right: 0; margin: auto; bottom: 0; position: absolute;}

/* Scroll Top */
.scroll-to-top {display: inline-block;width: 45px;height: 45px;background: #932223;border-radius: 4px;position: fixed;bottom: 20px;right: 20px;z-index: 99;text-align: center;transition: all .4s ease;display: none;}
.scroll-to-top i {font-size: 18px;line-height: 45px;color: #fff;}
.scroll-to-top:hover {background: #273167;}

/*
* Header
*/
.header-navigation{background-color:transparent;margin-bottom:0;border:none;border-radius:0;padding:0;position:relative;background-color:transparent;z-index: 9999;}
.header-navigation .container{background:transparent;position:relative;display:block;}
.header-navigation .container .logo-box{float:left;position:absolute;top:50%;left:15px;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.header-navigation .container .navbar{z-index: 999;}
.header-navigation .container .navbar-brand{max-width:178px;height:auto;margin:0;}
.header-navigation .container .navbar-brand img{width:100%;}
.header-navigation .container .menu-toggler{display:none;}
.header-navigation .main-navigation{float:right;text-align:right;}

.header-navigation ul.navigation-box{margin:0;padding:0;list-style:none;}
.header-navigation ul.navigation-box li a .sub-nav-toggler{display:none;}
.header-navigation ul.navigation-box > li{position:relative;padding:0;display:inline-block;vertical-align:middle;/* Second Level Menu *//* Thrid Level Menu */}
.header-navigation ul.navigation-box > li + li{margin-left:20px;}
.header-navigation ul.navigation-box > li:first-child{padding-left:0;}
.header-navigation ul.navigation-box > li:last-child{padding-right:0;}
.header-navigation ul.navigation-box > li > a{font-family: 'Montserrat', sans-serif;font-size:13px;text-transform:uppercase;color:#ad7966;padding:0;transition:all .4s ease;position:relative;}
.header-navigation ul.navigation-box > li.current > a,
.header-navigation ul.navigation-box > li > a.current,
.header-navigation ul.navigation-box > li > a:hover{color:#fff;}
.header-navigation ul.navigation-box > li.current > a:before,
.header-navigation ul.navigation-box > li > a:hover:before{-webkit-transform:scale(1,1);transform:scale(1,1);-webkit-transform-origin:left center;transform-origin:left center;}
.header-navigation ul.navigation-box > li:hover:before{-webkit-transform:scale(1,1);transform:scale(1,1);-webkit-transform-origin:left bottom;transform-origin:left bottom;}
.header-navigation ul.navigation-box > li > ul > li ul{display:none;}

.header-navigation.stricky-fixed{position:fixed;top:0;left:0;width:100%;z-index:991;background:#273167;border-bottom:0;}

.site-header.header-one{background-color:transparent;position:absolute;top:0;left:0;width:100%;z-index:99;}
.site-header.header-one .header-navigation{background:transparent;}
.site-header.header-one .header-navigation.stricky-fixed{background-color:#410304;box-shadow:0 5px 30px 0 rgba(233,79,202,0.05);}
.site-header.header-one .header-navigation ul.navigation-box > li.current > a,
.site-header.header-one .header-navigation ul.navigation-box > li > a.current,
.site-header.header-one .header-navigation ul.navigation-box > li > a:hover{color:#ffffff;}
.site-header.header-one .header-navigation ul.navigation-box > li{padding:45px 0;}
.site-header.header-one .header-navigation ul.navigation-box > li + li{margin-left:20px;}
.site-header.header-one .header-navigation.stricky-fixed ul.navigation-box > li{padding:25px 0;}

.sparks-l{position: absolute; z-index: 0; left: -50px; top:50px;}
.sparks-r{position: absolute; z-index: -1; right: -50px; bottom:-120px;}

/*
* Flexslider
*/
.custom-navigation{position: absolute; top: 35%; width: 100%; z-index: 99;}
.custom-navigation .flex-next{float:right; width: 71px; height: 71px; margin-right: 30px; transition: all .2s ease-in-out;}
.custom-navigation .flex-next:hover{transform: scale(1.1);}
.custom-navigation .flex-prev{float:left; width: 71px; height: 71px; margin-left: 30px; transition: all .2s ease-in-out;}
.custom-navigation .flex-prev:hover{transform: scale(1.1);}

/*
* Banner
*/
.tarneeb { text-align: center; }
.tarneeb img { width: 44%; }
.banner {position:relative;background: url('../images/1-banner-bg-3.jpg') no-repeat bottom center;background-size: contain; background-position-y: 63%;}
.banner .content-block{position:relative;text-align:center;z-index:10;}
.banner .content-block h3,.banner .content-block p{margin:0;}
.banner .content-block h3{font-family: 'Muli', sans-serif;color:#fee2d1;font-size:36px;line-height:38px;font-weight:700;margin-bottom:40px;}
.banner .content-block p{margin:0;margin-bottom:46px;}
.banner .content-block .app-btn-container { position: relative; top: 50px; }
.banner .content-block .app-btn{display:inline-block;border:solid 1px #fcb655;border-radius:5px;vertical-align:middle;color:#fed9b7;font-weight:400;font-size:10px;line-height:1em;padding:10px 0;padding-left:60px;padding-right:20px;position:relative;background-color:transparent;transition:all .4s ease;}
.banner .content-block .app-btn span{font-size:18px;display:block;line-height:1em;margin-top:5px;}
.banner .content-block .app-btn i{font-size:36px;color:#fed9b7;position:absolute;top:50%;left:20px;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:all .4s ease;}
.banner .content-block .app-btn + .app-btn{margin-left:16px;}
.banner .content-block .app-btn:hover{color:#6d1718;background-color:#fed9b7;border-color:#fed9b7;}
.banner .content-block .app-btn:hover i{color:#6d1718;}

.banner .game-table { width: 35%; position: absolute; left: 32%; top: 65%; }
.banner .card-a     { width: 10%; position: absolute; left: 53%; top: 57%; }
.banner .card-5     { width: 13%; position: absolute; left: 43%; top: 74%; }
.banner .card-7     { width: 10%; position: absolute; left: 37%; top: 64%; }

/*
* Features
*/
.features{padding-bottom: 100px; z-index: 9;}
.features .container{padding-bottom:0px;}
.features .content-block .block-title{margin-bottom:20px;}

.features .phone-1 { position: relative; top: -60px; }
.features .phone-2 { position: relative; top: -280px; left: 140px; }

.list-features{padding:0px; margin:0px; list-style: none;}
.list-features li {display: block; clear: both;}
.list-features li .icon-card{float: left; }
.list-features li .icon-card img { width: 80%; margin-top: 8px; }
.list-features li p{padding-top: 21px; font-size: 15px; margin: 0px; line-height: 22px;padding-right: 75px;}
.icon-vip{position: absolute; z-index: 0; right: -140px; bottom: 10px;}


/*
* Stats
*/
.stats{z-index: 8; padding-top: 100px; padding-bottom: 100px; clear:both;background-color: #6d1718; -webkit-background-size: 100% auto;-moz-background-size:100% auto;-o-background-size:100% auto;background-size:100% auto;}
.stats .title-line{margin:0;color:#777B92;letter-spacing:.2em;font-weight:500;font-size:16px;text-transform:uppercase;text-align:center;margin-bottom:90px;}
.stats .single-stats-one{background:url('../images/circle-stats.png') no-repeat center center;width:200px;height:200px;margin:0 auto;}
.stats .single-stats-one h3,.stats .single-stats-one p{margin:0;}
.stats .single-stats-one h3{font-family: 'Muli', sans-serif;color:#fee2d1;font-size:37px;font-weight:700;line-height:194px;text-transform: uppercase;text-shadow: 0px 0px 15px #eaa325;}
.stats p{font-size:16px;color:#fee2d1;text-transform:uppercase;line-height:16px;margin-top:0px;text-align:center; font-weight: 700;}
.stats .icon-trophy{position: absolute; z-index: 0; left: -90px; top: 240px;}

/*
* Ranking
*/
.ranking{z-index: 7; padding-top:100px; padding-bottom: 100px;clear:both;background: url('../images/bg-ranking.jpg') no-repeat top center; -webkit-background-size: 100% auto;-moz-background-size:100% auto;-o-background-size: 100% auto;background-size:100% auto; min-height: 720px; }
.ranking .icon-ranking{position: absolute; z-index: 0; right: -40px; top: 10px;}
/* .ranking .block-title{margin-top: 110px;} */

.ranking .title {font-weight:700; text-shadow: 0px 0px 15px #eaa325; margin-bottom: 10px;}

.ranking-item {-webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background-color: rgba(0, 0, 0, 0.15); padding: 8px 0; line-height: 38px; text-shadow: 0px 0px 15px #eaa325; color:#fee2d1; margin-bottom: 5px;}
.ranking-item a {color:#fee2d1; text-decoration: none;}
.ranking-item .flag{background-color: transparent; border: 0px; width: 100%;height: 100%;background-size: 60% auto;}
.ranking-item .user-photo img {width: 40px;height: 40px;object-fit:cover; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; max-width: 70%; margin: 0px auto; border: solid 2px #fed9b7;}
.ranking-item .lvl{color: #f79321;}

.rankcol {
    font-weight: bold;
}

.icon-star {
    position: absolute;
    z-index: -1;
    left: -50px;
    bottom: -280px;
}

.col-position { padding-left:  30px; }

.ranking .page-item .page-link {
    border: none;
    background-color: #fee2d1;
    color: #650912;
}

.ranking .page-item.active .page-link {
    background-color: #650912;
    color: #eaa325;
}

/*
* Wall Fame
*/
.wallfame{padding: 45px 0 80px;clear:both;background: url('../images/bg-fame.jpg') no-repeat top center; -webkit-background-size: 100% auto;-moz-background-size:100% auto;-o-background-size: 100% auto;background-size:100% auto;}
.wallfame.blog-page{padding-bottom:120px;}
.single-wallfame { margin-top: 50px; }
.single-wallfame .image-block .inner-block{overflow:hidden;position:relative;}
.single-wallfame .image-block .inner-block > img{width:100%;transition:all .4s ease;}
.single-wallfame .date-block{font-family: 'Muli', sans-serif;font-size:17px;color:#30c0d2;}
.single-wallfame .image-block:hover{cursor:pointer;}
.single-wallfame .image-block:hover .inner-block > img{-webkit-transform:scale(1.05);transform:scale(1.05);}
.single-wallfame .text-block .user-photo{text-align: center; margin-bottom: 45px;}
.single-wallfame .text-block .user-photo img{-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; max-width: 100%; margin: 0px auto; border: solid 1px #fed9b7;}
.single-wallfame .text-block .info-user{width: 100%; padding:40px; position: relative; background: rgba(162, 76, 29, 0.3); -webkit-border-radius:0 0 30px 30px; -moz-border-radius: 0 0 30px 30px; border-radius: 0 0 30px 30px;}
.single-wallfame .text-block h3,.single-wallfame .text-block p{margin:0;}
.single-wallfame .text-block h3{width: 85%; line-height:40px;margin:0 0 20px; background-color: #fee2c9; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; border: solid 2px #fff; color: #650912; font-size: 20px; font-weight: 700; text-align: center; position: absolute; top: -25px; left: 16px;-webkit-box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.5); box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.5);}
.single-wallfame .text-block h3 a{color:#650912;transition:all .4s ease;}
.single-wallfame .text-block h5{font-size: 16px; font-weight: 700; color: #fcb655; margin:10px 0 0;}
.wallfame{padding:20px 0;padding-left:48px;padding-right:48px;}
.wallfame .item img{width:auto;max-width:none;margin-left:auto;margin-right:auto;transition:all .4s ease;}
.wallfame .item img:hover{opacity:0.6;}

/*
* News
*/
.news .block-title{margin-top: 80px;}
.news .item-news h3{font-size: 24px; font-weight: 700; margin-top: 15px;}
.news .item-news h3 a{color: #fdd8c4;}
.news .item-news .date{color:#fcb655;}


/* How to play */
.how-to-play {
    padding-top: 100px;
    padding-bottom: 100px;
}

.btn-how-to-play {
    color: #650912;
    background-color: #fee2d1;
    border: none;
}

.btn-how-to-play:hover, .btn-how-to-play:active {
    background-color: #eaa325;
}

/*
* Download
*/
.download {z-index: 7; padding-top:100px;padding-bottom:120px;background: url('../images/bg-connected.jpg') no-repeat top center; -webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}
.download h3{margin:0;color:#273167;font-size:40px;font-weight:400;margin-bottom:60px;}
.download .app-btn{display:inline-block;border:solid 1px rgba(252, 182, 85, 0.4);margin-top: 10px; border-radius:5px;vertical-align:middle;color:#fed9b7;font-weight:400;font-size:10px;line-height:1em;padding:10px 0;padding-left:60px;padding-right:20px;position:relative;background-color:transparent;transition:all .4s ease;}
.download .app-btn span{font-size:18px;display:block;line-height:1em;margin-top:5px;}
.download .app-btn i{font-size:36px;color:#fed9b7;position:absolute;top:50%;left:20px;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:all .4s ease;}
.download .app-btn + .app-btn{margin-left:16px;}
.download .app-btn:hover{color:#6d1718;background-color:#fed9b7;border-color:#fed9b7;}
.download .app-btn:hover i{color:#6d1718;}
.download .social{margin-top: 35px;}
.download .social a{display: inline-block; width: 50px; height: 50px; background-color: #f7904f; color:#ffffff;-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;text-align: center; line-height: 50px; margin-right: 7px;  font-size: 20px;transition:all .4s ease;}
.download .social a:hover{color:#6d1718;background-color:#fed9b7;}
.icon-cards{position: absolute; z-index: 0; right: -50px; bottom: -60px;}
/*
* Footer
*/
.bottom-footer {padding: 25px 0; position: relative; z-index: 4;background: url('../images/bg-connected.jpg') no-repeat top center; -webkit-background-size: 100% auto;-moz-background-size:100% auto;-o-background-size:a100% auto;background-size:100% auto;}
.bottom-footer p {color: #fed9b7;font-size: 16px; margin:0px; padding:0px;}
.bottom-footer p a {color: #fed9b7;margin-right: 3px;}