/* 
Theme Name: POKERDOM
Author: Moriarty
Version: 0.5 
*/
*{margin:0;padding:0;border:0;box-sizing:border-box}
*:hover{transition:all 0.2s}
html::-webkit-scrollbar{width:16px}
html::-webkit-scrollbar-track{border-radius:8px}
html::-webkit-scrollbar-thumb{height:56px;border-radius:8px;border:4px solid transparent;background-clip:content-box;background-color:#2ecc71}
html::-webkit-scrollbar-thumb:hover{background-color:#19964e}
body{font-family:"Montserrat",system-ui,sans-serif;background:#ffffff}
.contents{max-width:1100px;width:100%;margin:0 auto;position:relative}
h1,h2,h3,.h1,.h2,.h3{color:#000;text-align:left;font-weight:600;text-transform:uppercase}
h1,.h1{font-size:28px;margin:0 0 26px}
h2,.h2{font-size:23px;margin:24px 0;font-weight:500}
h3,.h3{font-size:20px;margin:20px 0}
blockquote{border:2px dotted #2ecc71;padding:20px 20px 0;margin:30px 0;width:100%;display:block;border-radius:32px}
.h2.before:before,h1.before:before{content:'';background:url(/upload/icon/icon-before.svg) no-repeat center center;width:54px;height:12px;position:relative;left:0;top:-2px;display:inline-block;margin:0 20px 0 0}
h1.before:before{background:url(/upload/icon/icon-before2.svg) no-repeat center center;height:16px}
p,li{font-size:15px;line-height:140%;margin:0 0 20px;color:#000000}
a{color:#2979ff;text-decoration:none}
ul{list-style-type:"● ";padding:0 0 0 14px;margin:0 0 20px}
ul li{margin:0 0 5px}
ul li::marker{color:#19964e}
ol{list-style:none;counter-reset:num}
ol li{padding:0 0 0 30px;position:relative}
ol li:before{content:counter(num);counter-increment:num;background:#19964e;color:#fff;width:20px;height:20px;position:absolute;left:0;top:0;font-size:11px;display:flex;justify-content:center;line-height:100%;align-items:center;clip-path:polygon(50% 0,90% 20%,100% 60%,75% 100%,25% 100%,0% 60%,10% 20%)}
img{display:block;margin:20px auto;max-width:100%}
.btn{box-sizing:border-box;transition:color 0.2s ease,background 0.2s ease;-webkit-transition:color 0.2s ease,background 0.2s ease;font-weight:600;text-transform:inherit;text-decoration:none!important;text-align:center;border:none;outline:none;display:block;transition:all 0.2s;cursor:pointer;border-radius:32px;padding:20px 50px;margin:20px auto;max-width:350px}
.btn-size-big{background-image:linear-gradient(255deg,#2ecc71,#19964e);color:#fafafa;animation:glowing 1300ms infinite;transition:all 0.5s}
.btn-size-big:hover{background:#19964e}
.btn-green{background-image:linear-gradient(255deg,#2ecc71,#19964e);color:#fafafa}
.btn-green:hover{background:#19964e}
.btn-black{color:#fafafa;border:1px solid #fafafa!important}
.btn-black:hover{background:#2b2b2b}
@keyframes glowing{0{background-color:#19964e;box-shadow:0 0 3px #8d53e9}
50%{background-color:#2ecc71;box-shadow:0 0 10px #00b7ff}
100%{background-color:#19964e;box-shadow:0 0 3px #8d53e9}
}
@media (max-width:744px){.btn{padding:20px}
h1.before:before{content:none}
}
article{min-height:calc(100vh - 255px)}
article,footer{padding:30px 20px;width:100%;position:relative}
header{display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;z-index:10;box-shadow:0 1px 4px 0 rgba(0,0,0,0.07);background:#fff}
header .black{background:#000;width:100%;position:relative;padding:15px 0}
header .contents{padding:0;z-index:1;display:flex;align-items:center;justify-content:flex-start}
header .black .contents{justify-content:space-between}
header .black .contents .header-btn{display:flex;align-items:center;justify-content:flex-end;width:auto;position:relative}
header .black .contents .header-btn .btn{margin:0 0 0 15px;padding:10px 25px;font-size:13px;border:1px solid transparent}
header .contents .logo{width:67px;display:inline-block;position:relative}
header .contents .logo img{height:25px;margin:0;display:block;width:100%}
header .contents .logo.mobile-logo{display:none}
header .contents .logo.desktop{width:167px}
header .contents ul{display:flex;align-items:center;justify-content:space-between;width:calc(100% - 67px);padding:0 10px 0 30px;list-style:none;margin:0;flex-wrap:wrap}
header .contents ul li a{position:relative;color:#999;font-size:14px;width:100%;height:100%;display:block;padding:12px 5px;text-transform:uppercase}
header .contents ul li a:hover{color:#000}
header .contents ul li{height:100%;margin:0;padding:0}
@media (min-width:744px){header .contents ul li:hover a i,header .contents ul li.active a i{background-image:linear-gradient(90deg,#2ecc71 0,#2ecc71 100%);display:block;width:100%;position:absolute;bottom:0;left:0;height:3px;border-radius:5px 5px 0 0}
}
@media (max-width:744px){header{background:#000}
header .contents .logo{width:30px}
header .black{display:none}
header .contents{padding:0 20px}
header .contents .logo.desktop{display:none}
header .contents .logo.mobile-logo{display:block}
}
aside{position:relative;padding:0 20px}
aside .contents{padding-top:20px;padding-bottom:55px}
footer{margin:20px 0 0;background:#000}
footer p{margin:0;text-align:center;color:#ffffff}
header .promokod,header .mobile-btn{display:none}
.top-btn-box{display:flex;align-items:center;justify-content:flex-start;width:100%;flex-wrap:wrap;position:relative;margin:0 0 40px;padding:0 0 40px;border-bottom:1px solid #e8e8e8}
.top-btn-box span{color:#0d0e0e;font-size:22px;display:block}
.top-btn-box p{color:#000;font-size:14px;margin:10px 0}
.top-btn-box .telegramm-box{width:calc(100% - 400px);position:relative;border-left:1px dashed #fff;padding:0 0 0 30px;margin:0 0 0 20px}
.top-btn-box .telegramm-box a{color:#fff;background:#00b7ff;padding:5px 20px;border-radius:32px;display:inline-block;margin:5px 0 0;position:relative}
.top-btn-box .telegramm-box a:hover{background:#0396d0}
@media (max-width:744px){header .contents ul li a{padding:8px 5px}
header .mobile-btn{display:flex;width:30px;position:relative;height:23px;cursor:pointer;align-items:center;justify-content:center}
header .mobile-btn span,header .mobile-btn span:before,header .mobile-btn span:after{width:100%;height:2px;border-radius:10px;background:#fff;display:block;position:absolute;top:0;right:0;border-radius:10px}
header .mobile-btn span:before,header .mobile-btn span:after{content:''}
header .mobile-btn span:before{top:10px;width:80%}
header .mobile-btn span:after{top:20px;width:60%}
header .promokod{display:flex;flex-direction:column;position:relative;text-align:center}
header .promokod span{font-size:10px;color:#fff}
header .promokod i{color:#00b7ff;font-weight:500;font-size:19px;font-style:normal}
header .contents ul.nav{display:none}
header .contents ul.nav.active{display:block;position:absolute;padding:50px 20px;top:0;left:0;background:#000000;z-index:-1;width:100%}
header .contents .logo{padding:7px 0}
header .contents{justify-content:space-between}
.top-btn-box .telegramm-box{width:100%;border-left:0;border-top:1px dashed #fff;padding:10px 0 0;margin:20px 0 0}
.top-btn-box .telegramm-box{text-align:center}
header .promokod i{color:#2ecc71}
}
@media (max-width:490px){.top-btn-box .telegramm-box{margin:0}
footer{margin:10px 0 0}
}
.description img{border:3px solid #2ecc71;border-radius:10px}
.contents .date{color:#b7b7b7;font-size:13px}
.games-box{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;position:relative;width:100%;margin:0 0 30px}
.games-box .item{display:flex;justify-content:center;align-items:center;flex-direction:column;height:160px;width:213px;position:relative;border-radius:10px;background-size:100% 100%!important;margin:0 0 15px}
.games-box .item span{display:none}
.games-box .item:hover:before{content:'';background:#000000b3;width:100%;height:100%;position:absolute;z-index:1;border-radius:10px;display:block}
.games-box .item span{cursor:pointer;display:none;z-index:1;color:#fff;font-size:16px;text-transform:uppercase;letter-spacing:1.1px;padding:5px 30px;line-height:34px;font-weight:bold;border-radius:40px;background:#2ecc71;box-shadow:0 4px 4px 0 rgb(233 30 99 / 25%)}
.games-box .item:hover span{display:block}
@media (max-width:790px){.games-box .item{width:49%}
.games-box{background-image:none;padding:0}
}
@media (max-width:490px){.games-box .item span{display:block}
.games-box .item:before{content:'';background:#000000b3;width:100%;height:100%;position:absolute;z-index:1;border-radius:10px;display:block}
.games-box .item:nth-child(5){display:none}
}
.banner-home{display:flex;align-items:center;justify-content:flex-start;padding:40px;width:100%;height:330px;margin:0 0 30px;flex-wrap:wrap;position:relative}
.banner-home img{position:absolute;left:0;border-radius:5px;z-index:0;margin:0;height:100%;width:100%}
.banner-home span{position:relative;font-size:30px;color:#fff;font-weight:700;margin:0;display:block}
.banner-home p{position:relative;display:block;width:100%;color:#fff;margin:0}
.banner-home i{position:relative;margin:0;font-style:normal}
@media (max-width:760px){.banner-home{height:auto;margin:0 0 15px}
.banner-home span{margin:0 0 5px;font-size:18px}
.banner-home p{font-size:13px;margin:0 0 15px}
.banner-home i{padding:10px 20px;font-size:13px}
}
@media (max-width:490px){.banner-home{padding:20px}
}
.js-move{position:fixed;right:20px;bottom:140px;cursor:pointer;opacity:.7;z-index:10;width:39px;height:39px;text-align:center;line-height:41px;border-radius:100%;background:#19964e}
.js-move svg{font-size:13px;color:#fff;fill:#fff;width:20px;display:inline-block;height:15px;transform:rotate(270deg);line-height:100%;position:relative;top:1px}
.js-move:hover{opacity:.9;transition:all 0.2s}

/* promo */
.promo-banner{overflow: hidden; transition: all 0.5s; display: flex; padding: 1rem; align-items: center; background: #ffffff; width: 100%; max-width: 340px; text-decoration: none; border-radius: 1rem; position: fixed; right: 20px; bottom: 20px; z-index: 10; border: 1px dashed #5cb5ff;}
.promo-banner img{width:50px;height:50px;margin:0;position:relative;z-index:1}
.promo-banner p span,.promo-banner .tg{line-height:130%;font-weight:500;    color: #363636;}
.promo-banner .tg{background:#00b7ff;cursor:pointer;color:#fff;padding:5px 20px;border-radius:32px;display:block;margin:5px 0 0;position:relative;font-style:normal}
.promo-banner p{width:calc(100% - 72px);padding:0 0 0 15px;margin:0;    color: #363636;overflow:hidden;font-size:15px;font-weight:500;position:relative;z-index:1;text-align:center}
.promo-banner .tg:hover{background:#0396d0}
.promo-banner .close{font-style: normal; font-size: 14px; color: #363636; position: absolute; top: 15px; right: 16px; line-height: 100%; display: block; cursor: pointer; width: 15px; height: 15px;}
.promo-banner .close:before, .promo-banner .close:after {content: ""; position: absolute; width: 15px; height: 2px; background: #232323; top: 6px; left: 0;}
.promo-banner .close:before {transform: rotate(45deg);}
.promo-banner .close:after {transform: rotate(-45deg);}