/*
 * Theme Name: Basic
 * Description: Basic is fully responsive, clean and minimal WordPress theme. It has various options in WordPress Customizer to change look of the theme - primary design color, background and header, page layout (left or right sidebar, full or centered content). Clean valid code, semantic markup, markup by Schema.org, full adaptation to mobile devices. Basic is ready to use with child themes and gives for developers simple design change with custom hooks and action. Translation Ready (English, Russian, Ukrainian, French, German, Polish, Turkish). Fully compatible with WPML, WooCommerce, bbPress.
 * Theme URI: http://wp-puzzle.com/basic/
 * Author: WP Puzzle
 * Author URI: http://wp-puzzle.com/
 * Version: 1.3.5
 * License: GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Tags: two-columns, one-column, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, sticky-post, threaded-comments, translation-ready, microformats
 * Text Domain: basic
 */

*,
::after,
::before {
    box-sizing: border-box;
}

::selection {
background: #fcb514;
color: #000;
}

::-moz-selection {
background: #fcb514;
color: #000;
}

::-webkit-selection {
background: #fcb514;
color: #000;
}

/* reset & 12 columns
 * ============================================================================ */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    padding: 0;
    margin: 0;
    font-size: 100%;
    vertical-align: baseline;
    border: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
    display: block
}

body {
    line-height: 1.4;
    font-family: -apple-system,BlinkMacSystemFont,Arial,Segoe UI,Roboto,Helvetica Neue,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-size: 16px;
    color: #222;
    word-wrap: break-word;
    min-width: 280px;
}

ol,
ul {
    list-style: none
}

a:focus {
    outline: 0
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: ''
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 5px;
  margin: 15px 0;
}

table td {
    padding: 5px 20px;
    border: 1px solid #ddd;
    vertical-align: middle;
}

img,
object,
embed,
video {
    max-width: 100%
}

object,
embed,
video {
    width: 100%
}

img {
    height: auto;
    vertical-align: middle;
    border: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -ms-interpolation-mode: bicubic
}

svg:not(:root) {
    overflow: hidden
}

.clearfix:before,
.clearfix:after {
    display: table;
    line-height: 0;
    content: ""
}

.clearfix:after {
    clear: both
}

.grid {
    width: 90%;
    margin-left: auto;
    margin-right: auto
}

.grid [class*=col] {
    width: 100%;
    margin-left: 0
}

@media screen and (min-width:1024px) {
    .grid {
        width: 100%
    }

    .grid [class*=col] {
        float: left
    }

    .grid:after,
    .grid:before,
    .grid .newrow:before {
        display: table;
        line-height: 0;
        content: ""
    }

    .grid:after,
    .grid .newrow,
    .grid .newrow:before {
        clear: both
    }

    .grid [class*=col] {
        margin-left: 1.694915254%;
        margin-right: 0
    }

    .grid .newrow,
    .grid [class*=col]:first-of-type {
        margin-left: 0
    }

    .grid .col1 {
        width: 6.779661017%
    }

    .grid .col2 {
        width: 15.25423729%
    }

    .grid .col3 {
        width: 23.72881356%
    }

    .grid .col4 {
        width: 32.20338983%
    }

    .grid .col5 {
        width: 40.6779661%
    }

    .grid .col6 {
        width: 49.15254237%
    }

    .grid .col7 {
        width: 57.62711864%
    }

    .grid .col8 {
        width: 66.10169492%
    }

    .grid .col9 {
        width: 74.57627119%
    }

    .grid .col10 {
        width: 83.05084746%
    }

    .grid .col11 {
        width: 91.52542373%
    }

    .grid .col12 {
        width: 100%
    }
}

.fl {
    float: left
}

.fr {
    float: right
}

.b {
    font-weight: bold
}

.i {
    font-style: italic
}

.tl {
    text-align: left
}

.tc {
    text-align: center
}

.tr {
    text-align: right
}

.pn {
    padding: 0
}

.mn {
    margin: 0
}

.hide {
    display: none
}

/* ============================================================================ */


/* ============================================================================
 *		LAYOUT
 * ============================================================================ */
html {
    height: 100%;
}

.wrapper {
    margin: 0 auto;
}

#header {
  min-height: 85px;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  overflow: hidden;
  box-shadow: 0px 1px 2px #000;
}

#main {
    padding: 0;
    margin: 0 auto;
    position: relative;
}

#content {
    width: 100%;
    float: none;
}

#sidebar {
    display: none;
}

#sidebar.block {
    display: block;
}

#footer {
    width: 100%;
    padding: 20px 0;
    margin: 0;
    background: #353432;
}

.maxwidth {
    margin: 0 auto;
    position: relative;
    width: 90%;
    max-width: 1080px;
}

body.custom-background .wrapper {
    margin: 0 auto;
    background: #fff;
    max-width: 1160px;
}


/* ============================================================================ */




/* ============================================================================
 *		inline HTML TAGS
 * ============================================================================ */

a {
    color: #222;
}

a:hover {
    color: #936;
}

p {
    padding: 0 0 1em 0;
}

p:last-child {
    padding-bottom: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
.wtitle,
.title {
    margin: 0;
    padding: 15px 0 10px 0;
    line-height: 110%;
    font-weight: bold;
}

h1 {
    font-size: 36px;
    padding: 0;
    margin: 0 0 20px 0;
    text-align: center;
}

@media screen and (max-width: 613px) {
    h1 {
        margin: 0 0 10px 0;
    }
}

h2 {
    font-size: 30px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 20px;
}

h5,
h6 {
    font-size: 18px;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    text-decoration: none;
}

/* ============================================================================
 *		HEADER
 * ============================================================================ */
header {
    background: #353432
}

.top-offers-blk {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  right: 15px;
}

.logo-blk {
  margin: 0 auto;
  padding: 5px 0 10px 0;
  width: 303px;
  background: #fff;
  position: relative;
  min-height: 82px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.logo-blk:before {
    position: absolute;
    top: -1px;
    right: -1px;
    width: 0;
    height: 0;
    content: '';
    border-width: 0 0 110px 60px;
    border-style: solid;
    border-color: transparent transparent #353432 transparent;
}

.logo-blk:after {
    position: absolute;
    top: -1px;
    left: 0px;
    width: 0;
    height: 0;
    content: '';
    border-width: 0 0 110px 60px;
    border-style: solid;
    border-color: transparent transparent transparent #353432;
}

.top-offers-blk .offer-logo {
  margin: 0;
  padding: 0;
  display: block;
  color: transparent;
}

.top-offers-blk .offer-logo::selection {
  color: transparent;
}

.top-offers-blk .offer-logo.pokerdom {
  width: 175px;
  height: 35px;
  background: url(/assets/img/cropped-pokerdom.png) center center/contain no-repeat;
  filter: drop-shadow(0rem 0rem 0.05rem rgba(0, 0, 0, 0.5));
}

.top-offers-blk .offer-logo.ggpokerok {
  width: 150px;
  height: 29px;
  background: url(/assets/img/ggpokerok_logo.png?v=1.0) center center/contain no-repeat;
  filter: drop-shadow(0rem 0rem 0.05rem rgba(0, 0, 0, 0.5));
}

.top-offers-blk .offer-logo.pokermatch {
  width: 140px;
  height: 59px;
  background: url(/assets/img/cropped-pokermatch.png?v=1.1) center center/contain no-repeat;
}

.top-offers-blk .offer-logo.pokerstars {
  width: 165px;
  height: 45px;
  background: url(/assets/img/cropped-pokerstars.png?v=1.0) center center/contain no-repeat;
  position: relative;
  left: 5px;
  filter: drop-shadow(0rem 0rem 0.05rem rgba(0, 0, 0, 0.5));
}



.top-offers-blk .offer-logo:hover {
    opacity: 0.8;
}

.sitedescription {
    /*text-align: center;*/
    padding-top: 10px;
}

/*body.wp-custom-logo #logo { display: none;}*/
.sitetitle.center .custom-logo {
  margin-left: auto;
  margin-right: auto;
  /* width: 45%; */
  max-width: 140px;
}

.sitetitle.right .custom-logo {
    margin-left: auto;
    margin-right: 0;
}

.custom-logo-top {
    display: block;
    margin-bottom: 20px;
}

.custom-logo-bottom {
    display: block;
    margin-top: 20px;
}

.sitetitle .custom-logo-left {
    float: left;
    margin-right: 20px;
}

.sitetitle .custom-logo-right {
    float: right;
    margin-left: 20px;
}

.sitetitle.right .custom-logo-right,
.sitetitle.left .custom-logo-right {
    margin-left: 20px;
    margin-right: 0;
}

.sitetitle.left .custom-logo-left,
.sitetitle.right .custom-logo-left {
    margin-left: 0;
    margin-right: 20px;
}


/* mobile navigation button */
/*#mobile-menu {
    display: block;
    padding: 15px 0;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    font-weight: 500;
    cursor: pointer;
    background: #353432;
    z-index: 999;
    position: relative;
}

#mobile-menu:hover {
    opacity: 0.8;
}*/

.mobile-burger {
  width: 42px;
  height: 40px;
  background: #f2f2f2;
  display: inline-block;
  position: absolute;
  border-radius: 2px;
  line-height: 40px;
  font-size: 22px;
  border: none;
  top: 2px;
  right: 2px;
  outline: none;
  margin: 0;
  padding: 0;
  z-index: 10;
  box-shadow: 0px 1px 2px #000;
}

.mobile-burger:before {
    content: '';
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23444" width="40px" height="40px"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M4 18h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zm0-5h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zM3 7c0 .55.45 1 1 1h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1z"/></svg>') no-repeat;
    background-size: 100%;
    width: 32px;
    height: 32px;
    display: block;
    margin: 0 auto;
}

.mobile-burger-active:before {
    content: '';
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23444" width="40px" height="40px"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z"/></svg>') no-repeat;
    background-size: 100%;
    width: 32px;
    height: 32px;
    display: block;
    margin: 0 auto;
}


.topnav nav {
    display: none;
    z-index: 1;
}

.top-menu {
  background: #353432;
  position: relative;
  z-index: 10;
  min-width: 245px;
  border-bottom: 1px dotted #7d7d7d;
  text-align: right;
  margin: 0 auto;
}

.top-menu li {
    padding: 0;
    display: block;
}

.top-menu li a,
.top-menu li span {
    
    display: block;
    padding: 20px 20px 16px;
    color: #fff;
    font-size: 19px;
    line-height: 20px;
    font-weight: 500;
    text-decoration: none;
    position: relative;
    cursor: pointer;
    text-transform: uppercase;
    border-bottom: 4px solid transparent;
}

.topnav li.active-itm a,
.topnav li a:hover,
.top-menu li span:hover,
.top-menu li .sub-menu>li:hover>a,
.top-menu li .sub-menu>li:hover>span:hover {
    color: #fff;
    border-bottom: 4px solid #fff;
}

.top-menu .current_page_item>a,
.top-menu .current_page_item>span,
.top-menu .current-menu-item>a,
.top-menu .current-menu-item>span {
    color: #fff;
}

.top-menu .current-menu-item>a:hover,
.top-menu .current-menu-item>span:hover {
    color: #fff;
}

/**/

.topnav .main-menu-blk {
  /* height: 275px; */
  position: absolute;
  width: 245px;
  z-index: 99;
  background: #353432;
  right: 0;
  box-shadow: 0px 1px 2px #000;
}



/**/

.offers-in-menu {
  position: relative;
}

.offers-in-menu .offer-mob-link {
  display: block;
  margin: 20px 20px 15px auto;
  color: transparent;
}

.offers-in-menu .offer-mob-link::selection {
  color: transparent;
}

.offers-in-menu .pokerdom {
  background: url(/assets/img/pokerdom-white.png) center right/contain no-repeat;
  width: 140px;
  height: 27px;
}

.offers-in-menu .ggpokerok {
  background: url(/assets/img/ggpokerok-white.png) center right/contain no-repeat;
  width: 150px;
  height: 29px;
}

.offers-in-menu .pokerstars {
  background: url(/assets/img/pokerstars-white.png) center right/contain no-repeat;
  width: 140px;
  height: 37px;
}

.offers-in-menu .pokermatch {
  background: url(/assets/img/pokermatch-white.png) center right/contain no-repeat;
  width: 136px;
  height: 47px;
}







@media screen and (min-width: 1024px) {

.offers-in-menu {
  display: none;
}

.topnav .main-menu-blk {
  display: block;
  position: initial;
  height: initial;
  width: 100%;
  box-shadow: none;
}

.top-offers-blk .menu-item.active-offer .logo-blk {
  background: #e6e6e6;
}

}


@media screen and (max-width: 1023px) {

.top-offers-blk .menu-item {
  display: none;
}

.top-offers-blk .menu-item.active-offer {
  display: block;
}

.topnav li.active-itm a {
  border: none;
  font-weight: bold;
}

}

/* ============================================================================ */



/* ============================================================================
 *		CONTENT
 * ============================================================================ */
.entry-box {
    margin: 30px 0 0;
}

@media screen and (max-width: 613px) {
    .entry-box {
      margin: 15px 0 0;
    }
}

.entry-box .entry {
    padding-bottom: 30px;
}

.entry-box ul,
.entry-box ol {
    margin: 0 0 1em 25px;
}

.entry-box ul {
list-style: outside url('data:image/svg+xml;utf8,<svg width="7" height="12" viewBox="0 0 301 285" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><use xlink:href="%23path0_fill" transform="translate(134)"/><use xlink:href="%23path1_fill"/><defs><path id="path0_fill" d="M163.307 135.9L30.256 2.857C28.357.955 26.167 0 23.692 0c-2.472 0-4.659.955-6.562 2.857L2.853 17.132C.95 19.035 0 21.221 0 23.699c0 2.478.95 4.664 2.853 6.567L115.06 142.47 2.854 254.677C.951 256.58.001 258.77.001 261.241c0 2.477.95 4.667 2.853 6.57l14.277 14.271c1.902 1.905 4.089 2.854 6.562 2.854 2.478 0 4.665-.951 6.563-2.854l133.051-133.044c1.902-1.902 2.851-4.093 2.851-6.567s-.949-4.664-2.851-6.571z"/><path id="path1_fill" d="M166.162 142.471c0-2.474-.947-4.665-2.857-6.571L30.263 2.857C28.361.955 26.171 0 23.697 0s-4.665.955-6.567 2.857L2.856 17.133C.95 19.036 0 21.222 0 23.7c0 2.478.95 4.664 2.856 6.567L115.06 142.471 2.856 254.677C.95 256.58 0 258.77 0 261.241c0 2.477.95 4.667 2.856 6.57l14.273 14.271c1.903 1.905 4.093 2.854 6.567 2.854s4.664-.951 6.567-2.854l133.042-133.044c1.91-1.902 2.857-4.093 2.857-6.567z"/></defs></svg>');
}

.entry-box ol {
    list-style: decimal;
}

.entry-box ul ul,
.entry-box ul ol,
.entry-box ol ol,
.entry-box ol ul {
    margin-top: 0;
    margin-bottom: 0;
}

.entry-box li {
    padding-top: 5px;
}

.entry-box ul li {
    padding-left: 5px;
    position: relative;
}

.ftrwidget ul {
    list-style: outside url("img/li.svg");
}

.video-responsive {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
    margin-bottom: 1em;
}

.video-responsive iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}

.comment-body ol,
.comment-body ul {
    margin: 0.2em 0 0.5em 40px
}

.comment-body ul {
    list-style-type: disc;
}

.comment-body ol {
    margin-left: 40px;
    list-style-type: decimal;
}

.entry h1,
.entry h2,
.entry h3,
.entry h4,
.entry h5,
.entry h6,
.comment-body h2,
.comment-body h3,
.comment-body h4,
.comment-body h5,
.comment-body h6 {
    padding-top: 30px;
    padding-bottom: 10px;
}

.sticky {
    border: 5px solid #eee;
    padding: 30px;
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100;
}



/* ============================================================================
 *		FOOTER
 * ============================================================================ */
#footer {
    color: #fff;
    font-size: 14px;
    line-height: 125%;
    text-decoration: none;
    margin-top: 35px;
}

#footer a {
    color: #fff;
    transition: opacity 0.3s;
}

#footer a:hover {
    color: #999999;
    text-decoration: underline;
}

#footer .maxwidth {
    position: relative;
}

.footer-menu {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    margin-bottom: 30px;
}

.footmenu {
    padding: 0 0 20px 0;
    margin: 0;
    text-align: center;
}

.footer-menu li {
    display: inline-block;
    padding: 5px 10px;
}

#footer .footer-menu a:hover {
    color: #fff;
    opacity: 0.7;
}

#copy {
    text-align: center;
    /*font-size: 12px;*/
}

#designedby {
    text-align: center;
    opacity: 0.8;
}

#toTop {
    position: fixed;
    z-index: 1000;
    bottom: 60px;
    right: 23px;
    margin: 0;
    padding: 12px 14px;
    display: none;
    cursor: pointer;
    background: #222;
    color: #fff;
    border-radius: 3px;
    transform: rotate(-90deg);
    font-size: 24px;
    text-align: center;
}

#toTop:hover {
    background: #999;
    text-decoration: none;
    border-radius: 3px;
}



/* ============================================================================
 *		ADAPTIVE
 * ============================================================================ */

/* ___ Laptop/Tablet ( > 768px )  --------------------------------------------- */
@media only screen and (min-width: 768px) {

    .sitetitle {
        text-align: left;
    }

    .sitetitle.center {
        text-align: center;
    }

    .sitetitle.right {
        text-align: right;
    }

    #header {
        background-size: auto;
    }

    #header .searchform {
        display: block;
        float: right;
        margin: 35px 0 0;
    }

    body.custom-background #header {
        background-size: contain;
    }

    .anons-thumbnail {
        display: block;
    }

    .rinput {
        display: inline-block;
        width: 30%;
        margin-right: 4%;
    }

    .rurl {
        margin-right: 0;
    }

    #copy {
        padding-bottom: 0;
    }

    #designedby {
        text-align: right;
    }

}


/* ___ Desktop ( > 1024px ) ------------------------------------------------ */
@media only screen and (min-width: 1024px) {

    body.custom-background #header .menu {
        width: 100%;
        margin: 0;
        padding: 0 40px;
        border-radius: 0
    }

    body.custom-background .wrapper {
        margin: 40px auto;
    }

    body.custom-background .wrapper {
        border-radius: 10px;
    }

    body.custom-background #footer {
        border-radius: 0 0 10px 10px;
    }

    #mobile-menu {
        display: none;
    }

    .topnav nav {
        display: block;
    }

    .top-menu {
        position: static;
        text-align: center;
        border-bottom: none;
    }

    .top-menu li {
      display: inline-block;
      position: relative;
      left: -15px;
      top: 0px;
      margin: 0 20px;
    }

    .top-menu .sub-menu,
    .top-menu .children {
        display: none;
        margin: 0;
        position: absolute;
        top: 100%;
        left: 0;
        background: #936;
        width: 300px;
        z-index: 1000;
        box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.1);
    }

    .top-menu .sub-menu li,
    .top-menu .children li {
        display: block;
        text-align: left;
    }

    .top-menu .sub-menu li a,
    .top-menu .children li a {
        color: #fff;
        border-top: 1px solid rgba(255, 255, 255, 0.2);
    }

    .top-menu li:hover>.sub-menu,
    .top-menu li:hover>.children {
        display: block;
    }

    .top-menu .sub-menu .sub-menu,
    .top-menu .children .children {
        display: none;
        top: 0;
        left: 100%;
        padding: 0;
        border-top: 0;
        border-left: 3px solid #fff;
    }

    .top-menu .sub-menu li:hover>.sub-menu,
    .top-menu .children li:hover>.children {
        display: block;
    }

    .top-menu .menu-item-has-children>a:after,
    .top-menu .menu-item-has-children>span:after,
    .top-menu .page_item_has_children>a:after,
    .top-menu .page_item_has_children>span:after {
        content: '»';
        position: absolute;
        right: 20px;
        margin: 1px 0 0 15px;
        transform: rotate(90deg);
    }

    .top-menu .sub-menu>.menu-item-has-children>a:after,
    .top-menu .sub-menu>.menu-item-has-children>span:after,
    .top-menu .children>.page_item_has_children>a:after,
    .top-menu .children>.page_item_has_children>span:after {
        content: '»';
        margin: 0;
        transform: none;
    }

    .top-menu .menu-item-has-children>a,
    .top-menu .menu-item-has-children>span,
    .top-menu .page_item_has_children>a,
    .top-menu .page_item_has_children>span {
        padding-right: 40px;
    }



}

/* ___ Desktop ( > 1200px ) ------------------------------------------------ */
@media only screen and (min-width: 1280px) {
    body.custom-background #header {
        border-radius: 10px 10px 0 0;
    }

    #navpages li {
        padding-left: 10px;
    }

    #navpages .sub-menu {
        margin-left: 10px;
    }

    #navpages .sub-menu .sub-menu {
        left: 190px;
    }

    #navpages li a {
        font-size: 16px;
        padding: 10px;
    }

    .comment-list ul.children {
        margin: 0 0 50px 30px;
    }

}

/* -------------------------------------------------------------------------- */
/* 
@font-face {
    font-family: 'HeliosCondLightC';
    src: url('/assets/fonts/HeliosCondLightC.eot');
    src: url('/assets/fonts/HeliosCondLightC.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/HeliosCondLightC.woff') format('woff'),
        url('/assets/fonts/HeliosCondLightC.ttf') format('truetype'),
        url('/assets/fonts/HeliosCondLightC.svg#HeliosCondLightC') format('svg')
} */

.text-center {
    text-align: center;
}



/*  ** ********************************************************************** */

.faq-blk {
    margin: 0 0 20px 0;
}

/**/

.promocode-blk {
    margin: 30px 0;
    border: 1px solid #3d3d3d;
    background: #353432;
    padding: 25px 0;
    width: 100%;
}

.promocode-blk__icon, .promocode-blk__info, .promocode-blk__button {
    display: table-cell;
    border: none;
}

.promocode-blk__icon {
    vertical-align: middle;
    position: relative;
    top: 0;
    text-align: center;
    /*padding: 0 15px 10px 15px;*/
    width: 186px;
}

.promocode-blk__main {
    border: none;
    padding: 0;
}

.offer-info {
    display: block;
    font-size: 1.5rem;
    line-height: 1.5rem;
    font-style: italic;
    text-shadow: 0px 0px 1px #FCB514;
    color: #FCB514;
    font-weight: bold;
    padding-right: 16px;
    padding-left: 16px;
}

@media screen and (max-width: 1023px) {
    .offer-info {
        padding: 20px 0 0 0;
    }
}

.promocode-blk__info {
    width: 65%;
    vertical-align: middle;
    padding: 10px;
}

.promocode-blk__info__head {
    color: #e9e9e9;
    font-size: 24px;
    margin: 0;
    font-weight: bold;
    margin-bottom: 15px;
    text-decoration: none;
    line-height: 1.2;
    position: relative;
    top: 5px;
}

.promocode-blk__info__head:hover {
    color: #fcb514;
}

.promocode-blk__info__descr {
    color: #e9e9e9;
    font-size: 16px;
    margin: 11px 0;
}


.promocode-blk__button {
    width: 15%;
    vertical-align: middle;
}

.promocode-popup-btn {
    
    display: inline-block;
    transition: .15s;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    color: #2d2b29;
    border: 0;
    border-bottom: 2px solid #acacac;
    background: #ebebeb;
    margin: 10px;
    padding: 12px;
    line-height: 28px;
    font-weight: bold;
    font-size: 16px;
}

.promocode-popup-btn:hover {
    background: #fcb514;
    border-bottom: 2px solid #000;
    color: #000;
}

.button__text {
    position: relative;
    top: 3px;
    font-weight: bold;
}

@media screen and (max-width: 1023px) {
  .promocode-blk__icon {
    display: block;
    width: 100%;
  }
  .promocode-blk__main {
    display: block;
    padding: 0 20px;
    text-align: center;
  }
}

@media screen and (max-width: 1023px) {
.promocode-blk__button {
    display: block;
    margin: 0 auto;
    width: 200px;
}

}

/**/

.promo-info {
    font-size: 26px;
    color: #fcb514;
    line-height: 1.2;
}

.promo-content.promo-text {
    margin: 15px 0 12px 0;
}

.promocode-copy-wrp {
    margin: 7px 0;
    text-align: center;
}

.code {
    display: inline-block;
    vertical-align: top;
    background: #00000075;
    font-size: 18px;
    margin: 7px;
    line-height: 25px;
    overflow: hidden;
    padding: 13px 20px;
}

.btn-clipboard {
    
    display: inline-block;
    transition: all .25s ease-in;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    color: #2d2b29;
    border: 0;
    border-bottom: 2px solid #acacac;
    background: #ebebeb;
    margin: 7px;
    height: 49px;
    padding: 12px;
    line-height: 28px;
    font-weight: bold;
    cursor: pointer;
}

.button-go-site {
    padding: 15px 25px;
    
    display: inline-block;
    transition: all .25s ease-in;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    color: #2d2b29;
    border: 0;
    border-bottom: 2px solid #865e04;
    background-color: #fcb514;
    line-height: 28px;
}

.ov-x {
    overflow-x: auto;
}


/* mirror-block-main */

@keyframes rotation {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.mirror-block-main {
    display: flex;
    flex-wrap: wrap;
    /*margin: 0 0 14px;*/
    border-radius: 3px;
    background-color: #353432;
    padding: 21px 32px 26px;
    width: 100%;
    /* background: linear-gradient(117.5deg, #353432 0%, #353432 53.5%, #fcb514 53.6%, #fcb514 100%); */
    background-size: contain;
    position: relative;
    overflow: hidden;
}

/* .mirror-block-main:after {
    content: '';
    display: block;
    width: 55%;
    height: 100%;
    position: absolute;
    background: url(/assets/img/pkm.png) no-repeat;
    background-size: contain;
    background-position: right bottom;
    right: -10px;
    bottom: 0px;
    z-index: 1;
} */

.mirror-block-main .img-wrap {
    margin: 11px 0 0;
    width: 40px;
    height: 40px;
    background: url('data:image/svg+xml;utf8,<svg fill="none" height="40" viewBox="0 0 40 40" width="40" xmlns="http://www.w3.org/2000/svg"><g fill="%23fff"><path d="m6.85628 7.14237c7.08402-7.249093 18.73822-7.38787 25.98542-.30205l-2.0648.02449c-.4488.00816-.7998.36735-.7998.81634.0082.44082.3673.80001.808.80001h.0081l4.0154-.04898c.4489-.00816.7998-.36735.7998-.81634l-.049-4.01638c-.0081-.44899-.3672-.80818-.8161-.80002-.4489.00817-.7998.36736-.7998.81634l.0245 2.06534c-7.8838-7.70624-20.5664-7.55113-28.27061.3347-2.66873 2.73473-4.49685 6.14698-5.272174 9.87768-.758997 3.6327-.4978367 7.3879.750834 10.8736.12242.3266.43255.5388.759.5388.08977 0 .17955-.0163.26932-.0489.41622-.147.63658-.6123.48967-1.0368-2.391243-6.6858-.7998-14.0002 4.16224-19.07783z"/><path d="m6.03104 34.3101c3.76234 3.6736 8.71626 5.6899 13.96386 5.6899h.2367c5.3456-.0653 10.3403-2.1959 14.07-6.0246 2.6769-2.7347 4.4969-6.1552 5.2722-9.8858.759-3.6327.4978-7.3879-.7508-10.8737-.1469-.4163-.6121-.6367-1.0365-.4898-.4162.147-.6366.6123-.4897 1.0368 2.3994 6.6858.808 14.0002-4.1541 19.0778-3.4359 3.5103-8.0225 5.4777-12.9356 5.5348-4.9049.0571-9.5405-1.8041-13.04981-5.2327l2.0648-.0245c.44887-.0082.79981-.3674.79981-.8164-.0082-.4408-.36727-.8-.80797-.8h-.00817l-4.01533.049c-.21219 0-.41623.0898-.57129.2449-.1469.1551-.22852.3592-.22852.5714l.04897 4.0164c.00816.4409.36726.8.80797.8h.00816c.44887-.0081.7998-.3673.7998-.8163z"/><path d="m31.1763 15.3547c-1.7873-4.3021-5.8353-7.15927-10.4383-7.43682-.0816-.00817-.1713-.00817-.2611-.01633-.0082 0-.0245 0-.0327 0-.0489 0-.0979-.00816-.1469-.00816-.0081 0-.0163 0-.0244 0-.0898 0-.1796-.00817-.2775-.00817-1.5915 0-3.1421.31021-4.6193.92247-2.987 1.23271-5.313 3.55921-6.54533 6.54701-1.24051 2.9878-1.24051 6.2777 0 9.2573 1.87713 4.5388 6.26783 7.4777 11.18093 7.4777.0653 0 .1224 0 .1877-.0082.0326 0 .0735.0082.1061.0082.0163 0 .0326 0 .0408-.0082.0735 0 .1387-.0082.2122-.0082h.0816c.0245 0 .0408 0 .0653-.0081 1.3466-.0735 2.6687-.3755 3.9337-.898 2.987-1.2327 5.313-3.5592 6.5453-6.547 1.2324-2.9878 1.2406-6.2777 0-9.2573-.0081 0-.0081 0-.0081-.0082zm-15.3921-4.9552c-.8978 1.1674-1.616 2.694-2.0893 4.4654h-2.832c1.1018-1.9755 2.8157-3.5347 4.9213-4.4654zm-5.6558 6.0899h3.2155c-.1877 1.1021-.2856 2.2776-.2856 3.5103 0 1.2163.1061 2.4.3101 3.5102h-3.24c-.81611-2.2857-.81611-4.7429 0-7.0205zm.7345 8.6287h2.8809c.506 1.8041 1.2732 3.3634 2.2117 4.5552-2.1382-.898-3.9418-2.4817-5.0926-4.5552zm8.6265 5.2409c-1.6894-.4979-3.1911-2.5225-4.048-5.2409h4.048zm0-6.8572h-4.4642c-.2286-1.1102-.351-2.2939-.351-3.5103 0-1.2326.1143-2.4163.3102-3.5102h4.505zm0-8.6287h-4.1215c.8243-2.8082 2.326-4.7919 4.1215-5.24907zm9.6547-.0082h-2.2443c-.4162-1.5592-1.012-2.9225-1.7628-4.0164 1.6567.9307 3.0523 2.3103 4.0071 4.0164zm-8.0388-5.24904c1.7955.46534 3.289 2.44904 4.1214 5.24904h-4.1214zm0 6.87354h4.505c.204 1.0939.3101 2.2695.3101 3.5103 0 1.2163-.1224 2.4-.3509 3.5102h-4.4642zm0 13.8696v-5.2409h4.048c-.857 2.7184-2.3586 4.743-4.048 5.2409zm3.8684-1.1347c.7917-1.1184 1.4364-2.5225 1.8853-4.1062h2.2851c-.9712 1.747-2.4075 3.1593-4.1704 4.1062zm4.9049-5.7225h-2.6524c.2041-1.1102.3102-2.2858.3102-3.5103 0-1.2326-.098-2.4082-.2857-3.5102h2.6279c.8162 2.2857.8162 4.7429 0 7.0205z"/></g></svg>') no-repeat;
      animation: rotation 6s linear infinite;
}

.mirror-block-main .content-wrap {
    display: flex;
    flex-direction: column;
    padding: 0 0 0 30px;
    width: calc(100% - 40px);
    justify-content: space-between;
}

.mirror-block-main .title {
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    line-height: 36px;
    z-index: 9;
    padding: 0 0 12px 0;
}

.mirror-block-main .btn-wrap {
    margin: 0;
    position: relative;
    z-index: 2;
}

.mirror-block-main .btn-wrap a {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  color: #2d2b29;
  border: 0;
  border-bottom: 2px solid #acacac;
  background: #ebebeb;
  padding: 15px 26px 12px 27px;
  line-height: 24px;
  font-size: 20px;
  font-weight: bold;
  transition: .2s;
  position: relative;
}

.mirror-block-main .btn-wrap a:hover {
    background: #fcb514;
    border-bottom: 2px solid #000;
    color: #000;
}

.mirror-block-main .btn-wrap a:active {
  color: #f00;
}


@media screen and (max-width: 613px) {
.mirror-block-main:after {
/*  width: 100%;
  height: 80%;
  position: absolute;
  right: -110px;*/
  background: none;
}

.mirror-block-main {
  padding: 20px 10px;
  background: #353432;
}

.mirror-block-main .content-wrap {
  width: 100%;
  padding: 0 10px;
  text-align: center;
}



}

/* / mirror-block-main */


/* mobile grid container */

.mobile-grid-container {
    text-align: center;
    margin-bottom: 10px;
}

.mobile-grid-item {
    display: inline-block;
    width: 45%;
    font-size: 18px;
    margin: 10px;
    vertical-align: top;
}

.android-btn, .appstore-btn {
    width: 195px;
    height: 55px;
    object-fit: cover;
    border-radius: 5px;
    box-shadow: 0px 0px 2px #111;
}

.mobile-grid-item .f-h3s {
    margin: 10px 0;
    padding: 0;
}

.mobile-grid-item .mobile-grid-item-descr {
    margin: 10px 0;
    font-size: 16px;
}



@media screen and (max-width: 580px) {
.mobile-grid-item {
    width: 95%;
}

}

/* / mobile grid container */

/* fix popup */

.promo-content.promo-text {
    margin: 15px 0 20px 0;
}

.promo-title {
    padding: 0;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.4;
}

.promo-description {
    padding: 0;
    margin: 15px 0;
    line-height: 1.4;
}

.promo-description.list-des {
    margin: 10px 0 10px 0;
    padding: 0;
    font-style: italic;
}

@media screen and (max-width: 580px) {
.promo-title {
    line-height: 1.2;
}

.promo-description {
    line-height: 1.2;
}

}

/**/

.textcontent table tbody tr:first-child {
    background-color: #ebebeb;
}
.textcontent table tr:nth-child(even) {
    background-color: #f9f9f9;
}

/* ↓ Стили для блока "контейнера" куда входит блок с промокодом и кнопка ↓ */
.pm-code-wrp {
    position: relative;
    top: 1px;
    margin: 0;
    text-align: center;
    width: 200px;
    display: flex;
    z-index: 5;
    margin-bottom: 20px;
}

/* ↓ Стили для блока с промокодом ↓ */
.pm-code-wrp .code-blk {
    border-radius: 2px 0 0 2px;
    background: #fff;
    font-size: 24px;
    font-weight: 500;
    text-align: center;
    white-space: nowrap;
    width: 145px;
    height: 45px;
    line-height: 45px;
    color: #000;
}

/* ↓ Стили кнопки копирования ↓ */
.pm-code-wrp .copy-btn-bonus {
    width: 55px;
    height: 45px;
    border: none;
    display: inline-block;
    vertical-align: top;
    border-radius: 0 2px 2px 0;
    outline: none;
    cursor: pointer;
    background: #fcb514;
}

/* ↓ Стили для иконки на кнопке копирования ↓ */
.pm-code-wrp .copy-btn-bonus .copy-icon {
  display: inline-block;
  width: 25px;
  height: 25px;
  position: relative;
  top: 1px;
  left: 1px;
    background: url('data:image/svg+xml;utf8,<svg fill="%23fff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" id="svg-icon-copy"><path d="M20 1.25H5a2.507 2.507 0 00-2.5 2.5v17.5H5V3.75h15v-2.5z"></path><path d="M10 8.75v17.5h13.75V8.75H10zm0-2.5h13.75a2.5 2.5 0 012.5 2.5v17.5a2.5 2.5 0 01-2.5 2.5H10a2.5 2.5 0 01-2.5-2.5V8.75a2.5 2.5 0 012.5-2.5z"></path></svg>') no-repeat;
}

/* ↓ Стили для кнопки ПОСЛЕ копирования ↓ */
.pm-code-wrp .copy-btn-bonus.copied {
  background: #282828;
  box-shadow: 0px 0px 3px #ffcc5e;
}




/* ↓ Стили для всплывашки ↓ */

.tooltiptext {
  position: absolute;
  display: inline-block;
  background: #fcb514;
  color: #fff;
  text-shadow: 0px 0px 0px #fff;
  text-align: center;
  padding: 6px;
  border-radius: 5px;
  z-index: 9;
  transition: opacity .6s;
  font-size: 14px;
  bottom: -31px;
  left: 20px;
  box-shadow: 0px 1px 3px 0px #333;
}

.tooltiptext::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -3px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #c59429 transparent;
}

.pm-action-label {
  margin: 0 0 15px 0;
  max-width: 520px;
  border-radius: 2px;
  background-color: #bc0000;
  padding: 3px 10px 4px 10px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.25rem;
  letter-spacing: 0.6px;
  max-height: 46px;
  overflow: hidden;
}

/* Additional FX */

.wrapper .show {
  display: block;
}

@media screen and (max-width: 613px) {

.pm-code-wrp {
    margin: 0 auto 20px auto;
}

}


/* FX for mobile only */
@media screen and (max-width: 1023px) {

.wrapper .hide-mobile {
  display: none;
}


}


/**/

/* original */
/* .main-logo-wrp {
  text-align: center;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 20px 0 25px 0;
}

.logo-img {
  width: 60px;
  margin: 0 12px 0 0;
  filter: drop-shadow(0rem 0.1rem 0.17rem rgba(255, 255, 255, 0.99));
}

.logo-descr {
  font-size: 34px;
  letter-spacing: 1px;
  font-weight: bold;
} */
/* original */



/* new v */

.main-logo-wrp {
  text-align: center;
  color: #000;
  margin: 15px auto 2px auto;
  background: #353432;
  padding: 0;
  margin-top: 1px;
  position: relative;
  left: 0;
  width: 100%;
  max-width: 908px;
  min-height: 55px;
}




.main-logo-wrp a {
    text-decoration: none;
}
.main-logo-wrp a:hover {
    color: #000;
    opacity: 0.9;
}

.logo-inr-wrp {
  display: flex;
  align-items: center;
  justify-content: center;
}

.logo-img {
  /* width: 62px;
  height: 62px; */
  /* filter: drop-shadow(0rem 0rem 0.05rem rgba(0, 0, 0, 0.99));
  background: url(/assets/img/icon.png) center center/contain no-repeat; */
  margin: 0 10px 0 0;
  color: #fff;
  font-size: 40px;
  height: 40px;
  line-height: 35px;
}

.logo-descr {
  font-size: 20px;
  font-weight: bold;
  text-shadow: 0px 0px 1.5px #000;
  letter-spacing: 1px;
  color: #fff;
}


@media screen and (max-width: 900px) {

.main-logo-wrp.logo-blk::before, .main-logo-wrp.logo-blk::after {
content: none;
}

}



/* @media screen and (min-width: 1024px) {

.main-logo-wrp {
  left: 19px;
}

} */




/**/

/* .std-table td {
  width: 35%;
} */

.std-table {
  width: 99.9%;
  margin: 10px 0 30px 0;
}

.std-table th,
.std-table td {
  border: 1px solid #ddd;
}

.std-table th {
/*  background: #ddd;*/
  padding: 7px;
}

.std-table th:first-of-type,
.std-table td:first-of-type {
  width: 15%;
}

.std-table th:nth-of-type(2),
.std-table td:nth-of-type(2) {
  width: 28%;
}

.std-table th:nth-of-type(3),
.std-table td:nth-of-type(3) {
  width: 28%;
}

.std-table th:nth-of-type(4),
.std-table td:nth-of-type(4) {
  width: 28%;
}




/* .tab-item {
  display: none;
}
*/

.tabs {
  display: flex;
  flex-flow: row wrap;
  margin-bottom: 25px;
}

.tabs .tab {
  background: #ccc;
  color: #000;
  text-align: center;
  padding: 5px;
  border-radius: 2px;
  cursor: pointer;
  box-shadow: 0px 1px 2px #000;
  margin-top: 10px;
  
}

.tabs .tab:nth-of-type(2) {
  margin-left: 8px;
  margin-right: 8px;
}

.tabs .tab.current-tab {
  background: #353432;
  color: #fff
}


/**/

.h2fix {
    height: 253px;
}

.add2h {
    height: 65px;
}

/* .h150 {
  position: relative;
  top: 55px;
  height: 150px;
  text-align: left;
} */

.pm-label-inf {
  color: #fff;
  font-size: 20px;
  margin-bottom: 17px;
}


@media screen and (max-width:613px) {
.h2fix {
    height: 298px;
}

.add2h {
    height: 84px;
}

/* .h150 {
  text-align: center;
} */

.pm-label-inf {
  margin-bottom: 10px;
  line-height: 24px;
}

}

/*  telegram    */
#mobile {
  display: none;
}

.telegram {
  min-width: 250px;
  height: 58px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  padding: 5px;
  background-color: unset;
}

.telegram a {
  text-decoration: none;
  color: #333;
}

.telegram:hover {
  transform: scale(1.05);
}

.telegram a span {
  font-weight: 500;
  font-size: 14px;
  margin-left: 7px;
  margin-bottom: 2px;
}

#telega {
  position: relative;
  width: 45px;
  display: inline-flex;
  vertical-align: bottom;
}

@media (max-width: 767px) {
  #mobile {
    display: flex;
    margin-bottom: 30px;
    margin-top: 5px;
  }
}

#circle-t {
  fill: url(#tlogo-a);
}

.stop1 {
  stop-color: #2aabee;
}

.stop2 {
  stop-color: #229ed9;
}

.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem;
}

.col-12 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.pt-3,
.py-3 {
  padding-top: 1rem;
}

.d-flex {
  display: -ms-flexbox;
  display: flex;
}

.justify-content-center {
  -ms-flex-pack: center;
  justify-content: center;
}

.rounded {
  border-radius: 0.25rem;
}

.btn {
  color: #212529;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #fff;
  border: 1px solid #333;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 10px;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.d-inline-flex {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.text-uppercase {
  text-transform: uppercase;
}