:root {
	--wp--preset--aspect-ratio--square: 1;
	--wp--preset--aspect-ratio--4-3: 4/3;
	--wp--preset--aspect-ratio--3-4: 3/4;
	--wp--preset--aspect-ratio--3-2: 3/2;
	--wp--preset--aspect-ratio--2-3: 2/3;
	--wp--preset--aspect-ratio--16-9: 16/9;
	--wp--preset--aspect-ratio--9-16: 9/16;
	--wp--preset--color--black: #000000;
	--wp--preset--color--cyan-bluish-gray: #abb8c3;
	--wp--preset--color--white: #ffffff;
	--wp--preset--color--pale-pink: #f78da7;
	--wp--preset--color--vivid-red: #cf2e2e;
	--wp--preset--color--luminous-vivid-orange: #ff6900;
	--wp--preset--color--luminous-vivid-amber: #fcb900;
	--wp--preset--color--light-green-cyan: #7bdcb5;
	--wp--preset--color--vivid-green-cyan: #00d084;
	--wp--preset--color--pale-cyan-blue: #8ed1fc;
	--wp--preset--color--vivid-cyan-blue: #0693e3;
	--wp--preset--color--vivid-purple: #9b51e0;
	--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgba(6, 147, 227, 1) 0%, rgb(155, 81, 224) 100%);
	--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%);
	--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgba(252, 185, 0, 1) 0%, rgba(255, 105, 0, 1) 100%);
	--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgba(255, 105, 0, 1) 0%, rgb(207, 46, 46) 100%);
	--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%);
	--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%);
	--wp--preset--gradient--blush-light-purple: linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%);
	--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%);
	--wp--preset--gradient--luminous-dusk: linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%);
	--wp--preset--gradient--pale-ocean: linear-gradient(135deg, rgb(255, 245, 203) 0%, rgb(182, 227, 212) 50%, rgb(51, 167, 181) 100%);
	--wp--preset--gradient--electric-grass: linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%);
	--wp--preset--gradient--midnight: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%);
	--wp--preset--font-size--small: 12px;
	--wp--preset--font-size--medium: 20px;
	--wp--preset--font-size--large: 36px;
	--wp--preset--font-size--x-large: 42px;
	--wp--preset--font-size--regular: 16px;
	--wp--preset--font-size--larger: 36px;
	--wp--preset--font-size--huge: 48px;
	--wp--preset--spacing--20: 0.44rem;
	--wp--preset--spacing--30: 0.67rem;
	--wp--preset--spacing--40: 1rem;
	--wp--preset--spacing--50: 1.5rem;
	--wp--preset--spacing--60: 2.25rem;
	--wp--preset--spacing--70: 3.38rem;
	--wp--preset--spacing--80: 5.06rem;
	--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
	--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
	--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
	--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);
	--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);
}

:where(.is-layout-flex) {
	gap: 0.5em;
}

:where(.is-layout-grid) {
	gap: 0.5em;
}

body .is-layout-flex {
	display: flex;
}

.is-layout-flex {
	flex-wrap: wrap;
	align-items: center;
}

.is-layout-flex > :is(*, div) {
	margin: 0;
}

body .is-layout-grid {
	display: grid;
}

.is-layout-grid > :is(*, div) {
	margin: 0;
}

:where(.wp-block-columns.is-layout-flex) {
	gap: 2em;
}

:where(.wp-block-columns.is-layout-grid) {
	gap: 2em;
}

:where(.wp-block-post-template.is-layout-flex) {
	gap: 1.25em;
}

:where(.wp-block-post-template.is-layout-grid) {
	gap: 1.25em;
}

.has-black-color {
	color: var(--wp--preset--color--black) !important;
}

.has-cyan-bluish-gray-color {
	color: var(--wp--preset--color--cyan-bluish-gray) !important;
}

.has-white-color {
	color: var(--wp--preset--color--white) !important;
}

.has-pale-pink-color {
	color: var(--wp--preset--color--pale-pink) !important;
}

.has-vivid-red-color {
	color: var(--wp--preset--color--vivid-red) !important;
}

.has-luminous-vivid-orange-color {
	color: var(--wp--preset--color--luminous-vivid-orange) !important;
}

.has-luminous-vivid-amber-color {
	color: var(--wp--preset--color--luminous-vivid-amber) !important;
}

.has-light-green-cyan-color {
	color: var(--wp--preset--color--light-green-cyan) !important;
}

.has-vivid-green-cyan-color {
	color: var(--wp--preset--color--vivid-green-cyan) !important;
}

.has-pale-cyan-blue-color {
	color: var(--wp--preset--color--pale-cyan-blue) !important;
}

.has-vivid-cyan-blue-color {
	color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

.has-vivid-purple-color {
	color: var(--wp--preset--color--vivid-purple) !important;
}

.has-black-background-color {
	background-color: var(--wp--preset--color--black) !important;
}

.has-cyan-bluish-gray-background-color {
	background-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}

.has-white-background-color {
	background-color: var(--wp--preset--color--white) !important;
}

.has-pale-pink-background-color {
	background-color: var(--wp--preset--color--pale-pink) !important;
}

.has-vivid-red-background-color {
	background-color: var(--wp--preset--color--vivid-red) !important;
}

.has-luminous-vivid-orange-background-color {
	background-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}

.has-luminous-vivid-amber-background-color {
	background-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}

.has-light-green-cyan-background-color {
	background-color: var(--wp--preset--color--light-green-cyan) !important;
}

.has-vivid-green-cyan-background-color {
	background-color: var(--wp--preset--color--vivid-green-cyan) !important;
}

.has-pale-cyan-blue-background-color {
	background-color: var(--wp--preset--color--pale-cyan-blue) !important;
}

.has-vivid-cyan-blue-background-color {
	background-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

.has-vivid-purple-background-color {
	background-color: var(--wp--preset--color--vivid-purple) !important;
}

.has-black-border-color {
	border-color: var(--wp--preset--color--black) !important;
}

.has-cyan-bluish-gray-border-color {
	border-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}

.has-white-border-color {
	border-color: var(--wp--preset--color--white) !important;
}

.has-pale-pink-border-color {
	border-color: var(--wp--preset--color--pale-pink) !important;
}

.has-vivid-red-border-color {
	border-color: var(--wp--preset--color--vivid-red) !important;
}

.has-luminous-vivid-orange-border-color {
	border-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}

.has-luminous-vivid-amber-border-color {
	border-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}

.has-light-green-cyan-border-color {
	border-color: var(--wp--preset--color--light-green-cyan) !important;
}

.has-vivid-green-cyan-border-color {
	border-color: var(--wp--preset--color--vivid-green-cyan) !important;
}

.has-pale-cyan-blue-border-color {
	border-color: var(--wp--preset--color--pale-cyan-blue) !important;
}

.has-vivid-cyan-blue-border-color {
	border-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

.has-vivid-purple-border-color {
	border-color: var(--wp--preset--color--vivid-purple) !important;
}

.has-vivid-cyan-blue-to-vivid-purple-gradient-background {
	background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;
}

.has-light-green-cyan-to-vivid-green-cyan-gradient-background {
	background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;
}

.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
	background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;
}

.has-luminous-vivid-orange-to-vivid-red-gradient-background {
	background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;
}

.has-very-light-gray-to-cyan-bluish-gray-gradient-background {
	background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;
}

.has-cool-to-warm-spectrum-gradient-background {
	background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;
}

.has-blush-light-purple-gradient-background {
	background: var(--wp--preset--gradient--blush-light-purple) !important;
}

.has-blush-bordeaux-gradient-background {
	background: var(--wp--preset--gradient--blush-bordeaux) !important;
}

.has-luminous-dusk-gradient-background {
	background: var(--wp--preset--gradient--luminous-dusk) !important;
}

.has-pale-ocean-gradient-background {
	background: var(--wp--preset--gradient--pale-ocean) !important;
}

.has-electric-grass-gradient-background {
	background: var(--wp--preset--gradient--electric-grass) !important;
}

.has-midnight-gradient-background {
	background: var(--wp--preset--gradient--midnight) !important;
}

.has-small-font-size {
	font-size: var(--wp--preset--font-size--small) !important;
}

.has-medium-font-size {
	font-size: var(--wp--preset--font-size--medium) !important;
}

.has-large-font-size {
	font-size: var(--wp--preset--font-size--large) !important;
}

.has-x-large-font-size {
	font-size: var(--wp--preset--font-size--x-large) !important;
}

:where(.wp-block-post-template.is-layout-flex) {
	gap: 1.25em;
}

:where(.wp-block-post-template.is-layout-grid) {
	gap: 1.25em;
}

:where(.wp-block-columns.is-layout-flex) {
	gap: 2em;
}

:where(.wp-block-columns.is-layout-grid) {
	gap: 2em;
}

:root :where(.wp-block-pullquote) {
	font-size: 1.5em;
	line-height: 1.6;
}
.wp-block-button__link {
	color: #fff;
	background-color: #32373c;
	border-radius: 9999px;
	box-shadow: none;
	text-decoration: none;
	padding: calc(.667em + 2px) calc(1.333em + 2px);
	font-size: 1.125em
}

.wp-block-file__button {
	background: #32373c;
	color: #fff;
	text-decoration: none
}
html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.8);
    font-size: 15px;
    line-height: 1.6;
    background: #f7f7f7;
    overflow-x: hidden;
}


#content {
    position: relative;
}

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

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],
template {
    display: none;
}

a {
    background-color: transparent;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: 700;

}

dfn {
    font-style: italic;
}


h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    color: #000;
    margin: 0 0 15px;
    line-height: 1.2;
    font-weight: 700;

}

h1 {
    font-size: 32px;
}

h2 {
    font-size: 28px;
}

h3 {
    font-size: 25px;
}

h4 {
    font-size: 22px;
}

h5 {
    font-size: 19px;
    line-height: 1.4;
}

h6 {
    font-size: 16px;
    line-height: 1.5;
}

mark {
    background: #ff0;
    color: #333;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

figure {
    margin: 1em 40px;
}

hr {
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input {
    line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
    width: 100%;
}

optgroup {
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}


/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {

    word-wrap: break-word;
}

p {
    margin: 0 0 15px;

}

dfn,
cite,
em,
i {
    font-style: italic;
}

blockquote {
    margin: 0 0 15px;
}

address {
    margin: 0 0 15px;
}

pre {
    background: #fff;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

code,
kbd,
tt,
var {
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    font-size: 15px;
    font-size: 0.9375rem;
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

mark,
ins {
    background: #fff9c0;
}

big {
    font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
    box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    box-sizing: inherit;
}


blockquote {
    position: relative;
    padding-left: 40px;
    font-size: 17px;


}

blockquote.alignright {
    padding-right: 0;
    margin-bottom: 14px;
}

blockquote:before {
    position: absolute;
    left: 0;
    top: -7px;
    font-size: 30px;
    font-family: 'FontAwesome';
    color: #d700a6;
    content: '\e804';
}

blockquote p {
    margin: 0;
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}

ul,
ol {
    margin: 0 0 15px 15px;
    padding: 0;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}


dt {
    font-weight: bold;
    margin-bottom: 1em;
}

dd {
    margin: 0 1.5em 1.5em;
}

img {
    height: auto; /* Make sure images are scaled correctly. */
    max-width: 100%; /* Adhere to container width. */
    vertical-align: middle;
}

figure {
    margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */
}

table {
    margin: 0 0 15px;
    width: 100%;
    display: table;


    border: none;

    border: 1px solid rgba(0, 0, 0, 0.1);
}

table td, table th {
    padding: 10px 15px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 767px) {
    .playtable {
        width: 100%;
        overflow: auto !important;
        border: 1px solid rgba(0, 0, 0, 0.1);

        box-sizing: border-box;
        margin: 20px 0 20px;
    }

    .playtable table {
        margin: 0 0 0 0 !important;
        border: none !important;
        border-radius: 0 !important;
    }
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/


button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {

    outline: 0;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
    color: #666;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    padding: 10px;
}

select {
    border: 1px solid #e0e0e0;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {

    outline: 0;
}


#respond textarea {
    height: 150px;

}

p.form-submit {
    clear: both;
    display: inline-block;
    position: relative;
}

.comment-notes {
    font-size: 14px;
    font-style: italic;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 20px;
}

#respond label {
    margin-bottom: 7px;
    display: block;
}

#commentform p {
    margin-bottom: 21px;
}

#commentform p.comment-form-comment {
    margin-bottom: 0;
}

#commentform p.form-submit {
    margin: 10px 0 0;

}

p.comment-form-cookies-consent {
    margin: 10px 0 15px;
}

#respond .comment-form-cookies-consent input[type="checkbox"],
.comment-form-cookies-consent input[type="checkbox"] {
    width: auto;
    float: left;
    height: auto;
    min-height: auto;
    margin-right: 10px;
}

#respond .comment-form-cookies-consent label,
.comment-form-cookies-consent label {
    display: table;
    margin: 0;
    line-height: 1;
}

.miniature {
    width: 45%;
    float: left;
    margin-right: 20px;
    margin-bottom: 15px;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
    color: #ff642e;
    text-decoration: none;
}

a:hover,
a:focus,
a:active {
    color: #000;
}

a:focus {
    outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
#masthead {
    position: relative;
    width: 100%;
    padding: 15px 0;

    background: #000;

}


#navigation-menu {
    background-color: #fff;
    position: relative;
    z-index: 3;
    min-height: 70px;
}

#masthead .social-icons {
    margin: 10px 0 0;
}


.site-logo img {
    width: 170px;

}


.site-description {
    margin: 4px 0 0;
    line-height: 1.3;
    color: #5276f1;
    font-weight: bold;
}

.main-navigation {
    display: block;
    position: relative;

}

.main-navigation ul {
    list-style: none;
    margin: 0;
	display: flex;
	flex-wrap: wrap;
}


.main-navigation li {
    position: relative;
    margin-right: 15px;
}

.main-navigation ul.nav-menu li a {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: #999;


}

.main-navigation ul.nav-menu li a:hover {
    color: #fff;
}


.main-navigation a {
    display: block;

}


form.search-form {
    width: 100%;
    max-width: 100%;
    position: relative;
}

input.search-field {
    height: auto;
    border-radius: 0;
    padding: 10px 15px;
    width: 100%;
}


.site-menu {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

button.menu-toggle {
    position: absolute;
    right: 0;
    padding: 0;
    border: none;
    background: none;
}

button.menu-toggle:focus {
    outline: 0;
}

.menu-label {
    display: none;
}

.menu-toggle i {
    color: #fff;
    font-size: 20px;
}

button.dropdown-toggle {
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    background-color: transparent;
    border: none;
    width: 45px;
    height: 57px;
    line-height: 62px;
}


.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
    margin: 0;
    overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
    float: left;
    width: 50%;
    position: relative;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
    position: relative;
}

.navigation.post-navigation,
.navigation.posts-navigation {
    margin-top: 20px;
    background-color: #f6f6f6;
    padding: 23px 20px;
}

.post-navigation a,
.posts-navigation a {
    color: #000;
    display: block;
}

.post-navigation a:hover,
.posts-navigation a:hover
{
    color: #fb772f;
}

.post-navigation,
.posts-navigation {
    padding: 0;
    position: relative;
}

.pagination .page-numbers,
.pagination .page-numbers.dots:hover {
    text-align: center;
    line-height: 45px;
    width: 45px;
    height: 45px;
    display: inline-block;
    margin-right: 5px;
    color: #fff;
    background-color: #000;

}

.pagination .page-numbers.current,
.pagination .page-numbers:hover,
.pagination .page-numbers:focus {
    color: #fff;
    background-color: #f07e44;
}

.pagination .prev.page-numbers svg,
.pagination .next.page-numbers svg {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    width: 12px;
    height: 12px;
}

.pagination .next.page-numbers svg {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.prev.page-numbers svg,
.next.page-numbers svg {
    fill: #cecece;
}

.nav-previous span {
    padding-left: 38px;
    float: left;
    text-align: left;
}

.nav-next span {
    padding-right: 38px;
    float: right;
    text-align: right;
}

.navigation .nav-previous svg {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
    position: absolute;
    top: 5px;
    left: 0;
}

.navigation .nav-next svg {
    position: absolute;
    top: 5px;
    right: 0;
}

.post-navigation span,
.posts-navigation span {
    display: table;
    font-size: 22px;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    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: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
    outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.footer-widgets-area:before,
.footer-widgets-area:after,
.wrapper:before,
.wrapper:after,
.widget:before,
.widget:after,
.post-archive:before,
.post-archive:after {
    content: "";
    display: table;
    table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.footer-widgets-area:before,
.footer-widgets-area:after,
.wrapper:before,
.wrapper:after,
.widget:before,
.widget:after,
.post-archive:before,
.post-archive:after {
    clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
    margin: 0 0 30px;
}

#secondary {
    height: 100%;
    background: #fff;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.07);
    padding: 15px;
    border-radius: 10px;
}

#secondary .widget ul {
    list-style: none;
    margin: 0;
}

#secondary .widget ul li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 10px;
    margin-bottom: 10px;
}

#secondary .widget ul li a {
    font-weight: 700;
    display: block;
    line-height: 1.3;
}

/* Make sure select elements fit in widgets. */
.widget select {
    max-width: 100%;
    background-color: #efefef;
    padding: 10px;
    border: none;
    width: 100%;
    max-width: 300px;
}


form.search-form button.search-submit {

    position: absolute;
    right: 0;
    top: 7px;
    background-color: transparent;
    border: none;
    width: 45px;
    border-radius: 0;
    color: #000;
}


form.search-form {
    position: relative;
    overflow: hidden;
}

form.search-form input {
    width: 100%;


}


#secondary .widget-title {
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 15px;
    color: #000;
}

.footer-widgets-area .widget ul {
    list-style: none;
    margin: 0;
}

.footer-widgets-area .widget ul li {
    display: inline-block;
    padding: 10px 15px;
}

.footer-widgets-area .widget ul li a {
    font-weight: 700;
    text-transform: uppercase;
    color: #999;
    font-size: 14px;
}

.footer-widgets-area .widget ul li a:hover {
    color: #fff;
}

input[type="submit"] {
    padding: 10px 25px;
    border: none;
    border-radius: 30px;
    text-transform: none;
    color: #fff;
    position: relative;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    background-color: #00c453;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

input[type="submit"]:hover {
    color: #fff;

    text-decoration: none;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
    display: block;
}

.hentry {
    margin: 0;
}

.updated:not(.published) {
    display: none;
}


.page-content,
.entry-content,
.entry-summary {
    margin: 0;
}

.entry-content a {
    text-decoration: underline;
}

.entry-content a.green-btn {
    text-decoration: none;
}

.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, .entry-content ul, .entry-content ol, .entry-content p, .entry-content blockquote {
    clear: both;
}

.entry-content p:first-of-type {
    clear: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content {
    clear: both;
    padding-bottom: 30px;
}

#reply-title,
.comments-title {
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 15px;
    color: #000;
}

.comment-meta {
    font-size: 14px;
}

.comment-date {
    font-size: 13px;
    color: #a5a5a5;
}

#comments ol {
    list-style: none;
    margin: 0;
}

#comments ol.children {
    padding-left: 30px;
}

.says {
    display: none;
}

a.comment-reply-link {
    font-weight: 700;
    color: #3daa45;
}

#comments {
    margin-top: 30px;
}

.comment-author img {
    margin-top: 5px;
    border-radius: 50%;
    float: left;
    margin-right: 20px;
    margin-bottom: 15px;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
    display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
    display: block;
}

/*--------------------------------------------------------------
# Layouts and titles
--------------------------------------------------------------*/
section {
    position: relative;
}

.relative {
    display: block;
    position: relative;
}

.relative:before,
.relative:after {
    content: "";
    display: table;
    clear: both;
}

.page-section {
    padding: 60px 0;
}

.no-padding-top {
    padding-top: 0;
}

.entry-content {
    margin-top: 0;
}

.wrapper {
    width: 100%;

    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 576px) {
    .wrapper {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .wrapper {
        max-width: 730px;
    }
}

@media (min-width: 992px) {
    .wrapper {
        max-width: 960px;
    }
}

@media (min-width: 1230px) {
    .wrapper {
        max-width: 1200px;
    }
}

.post-thumbnail-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.entry-title {
    font-size: 18px;
    margin: 0 0 10px;
    word-wrap: break-word;

    font-weight: 700;
}

.entry-title a,
.section-title a {
    text-decoration: none;
    display: block;
}


.overlay {
    background-color: #000;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.4;
}

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

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

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

#infinite-handle {
    text-align: center;
    margin-bottom: 30px;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
    max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

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

/*--------------------------------------------------------------
#  Breadcrumb List
--------------------------------------------------------------*/
.breadcrumbs {
    font-size: 13px;
}

.breadcrumbs a {
    color: #969696;
}

.breadcrumbs a:hover {
    color: #f9b242;
}

/*--------------------------------------------------------------
#  Featured slider
--------------------------------------------------------------*/
#featured-slider {
    height: 320px;
    width: 100%;
    background-size: cover;
    max-width: 1170px;
    margin: 30px auto;
    position: relative;
    padding: 40px;
    font-weight: 700;
    color: #fff;

}

.featured-link {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

#featured-slider a.green-btn {
    display: block;
    margin: 30px 0;
    padding: 10px;
    max-width: 200px;
}

#featured-slider a.yellow-btn {
    display: none;
    margin: 15px auto;
    padding: 10px;
    max-width: 260px;
}

.slide-title {
    font-size: 26px;
}

.slide-promo {
    position: relative;
    z-index: 9;
}

.slide-promo span {
    position: relative;
    margin-right: 22px;
    cursor: pointer;
    display: inline-block;
    color: #ffd800;
}

.slide-promo span:after {
    content: '';
    -webkit-mask-position: 50%;
    background-color: #ffd800;
    position: absolute;
    width: 18px;
    height: 18px;
    top: 2px;
    right: -22px;
}

.fixed-bottom {
    display: none;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 15px;
    background: linear-gradient(to left, #1a0000 0%, #3d0302 50%, #792245 100%);
}

.fixed-bottom img {
    width: 170px;
}

@media (max-width: 1224px) {
    #featured-slider {
        margin: 0 0 30px;
        max-width: 100%;
    }
}

@media (max-width: 767px) {
    #featured-slider {
        height: auto;
        padding: 30px 15px;
        text-align: center;
        background: linear-gradient(to right, #1a0000 0%, #3d0302 50%, #792245 100%);
    }

    .slide-title {
        font-size: 23px;
    }

    #featured-slider a.green-btn {
        margin: 15px auto;
        max-width: 260px;
    }

    #featured-slider a.yellow-btn {
        display: block;
    }

    .fixed-bottom {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
}

@media (max-width: 400px) {
    .fixed-bottom img {
        width: 120px;
    }
}

@media (max-width: 350px) {
    .fixed-bottom img {
        display: none;
    }

    .fixed-bottom, .fixed-bottom a {
        display: block;
    }
}

.not-found-title {
    font-weight: 700;
    font-size: 30px;
    margin: 0 0 15px;
    color: #fff;
}

.error404.left-sidebar #primary,
.error404.right-sidebar #primary {
    width: 100%;
    padding: 0;
}

.error-404.not-found {
    text-align: center;
    max-width: 500px;
    margin: 0 auto;
}

.error-404 h1 {
    font-size: 40px;
}

.error-404.not-found .page-content {
    margin: 15px 0;
}


/*--------------------------------------------------------------
#  							Top bar
--------------------------------------------------------------*/
#top-bar {
    background-color: #ffb606;
    color: #fff;
    padding: 0;
    min-height: 50px;
    z-index: 3;
}

ul.contact-info {
    list-style: none;
    padding: 10px 0;
    margin: 0;
}

#top-bar .contact-info a {
    color: #fff;
    font-size: 16px;
}

#top-bar .contact-info a:hover {
    opacity: 0.8;
    color: #fff;
}

#top-bar svg.icon-up,
#top-bar svg.icon-down {
    margin: auto;
    display: block;
    cursor: pointer;
    fill: #fff;
}

#top-bar svg.icon-up,
#top-bar.top-menu-active svg.icon-down {
    display: none;
}

#top-bar.top-menu-active svg.icon-up {
    display: block;
}

#top-bar .contact-info svg {
    fill: #fff;
    margin-right: 10px;
    display: inline-block;
}

#top-bar .secondary-menu ul {
    padding: 10px 0;
}

#top-bar .social-icons svg {
    fill: #fff;
}

.secondary-menu .apply-now {
    background-color: #F2184F;
    color: #fff;
    padding: 11px 29px;
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    position: relative;
    text-align: center;
    text-transform: uppercase;
}

.secondary-menu .apply-now:hover {
    background-color: #fff;
    color: #ffb606;
}

.site-info {
    text-align: center;
    max-width: 700px;
    margin: 0 auto;
    color: rgba(255, 255, 255, 0.6);
}

.site-info p {
    font-size: 13px;
    line-height: 2;
}

.site-info ul li a {
    font-size: 14px;
    color: #999;
}

.site-info ul li a:hover {
    color: #fff;
}

.site-info ul {
    list-style: none;
    margin: 0 0 15px;
}

.site-info ul li {
    display: inline-block;
    margin: 5px 15px;
}

.custom-menu {
    margin-bottom: 15px;
}

#colophon {
    background: #000;
    margin: 30px 0 0;
    padding: 0 0 20px;
}

.footer-widgets-area {
    text-align: center;
    padding: 30px 0 0;
}

.entry-content iframe {
    width: 100%;
    height: 500px;
    border: none;
    padding: 0;
}

.single-btn {
    text-align: center;
    padding: 30px 0;
}

#inner-content-wrapper {
    padding: 40px 0 0;
}

#page-site-header {
    background: #fff;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.07);
    padding: 15px 0;
}

#page-site-header h1 {
    font-size: 25px;
    margin: 0;
}

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

.payments_img img {
    margin: 10px 30px;
}

.dev_img {
    text-align: center;
    padding: 30px 0;
}

.dev_img img {
    margin: 10px 30px;
}

a.yellow-btn {
    text-align: center;
    border-radius: 30px;
    background: #4b05cb;
    padding: 10px 30px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
}

a.green-btn {
    text-align: center;
    border-radius: 30px;
    background: #ff642e;
    padding: 10px 30px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
}

#secondary a.green-btn, #secondary a.yellow-btn {
    display: block;
}

#secondary a.yellow-btn {
    margin-bottom: 15px;
}

.playtop a.yellow-btn {
    margin-right: 15px;
}


.news-content {
    padding: 15px;
    background: #fff;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.07);
    border-radius: 10px;
    margin-bottom: 30px;
}

.news-content img {
    border-radius: 5px;
    margin-bottom: 10px;
    width: 100%;
}

.news-content-title a {
    display: block;
    line-height: 1.3;
    font-weight: 700;
}


.play-box {
    background: #000;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    margin: 0 0 30px;
}

.play-box img {
    width: 100%;
}

.play-box span {
    display: block;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.7);
}

.play-box-button {
    position: absolute;
    top: 16%;
    left: 0;
    right: 0;
    display: none;
    width: 100%;
    text-align: center;
}

.play-box:hover .play-box-button {
    display: block;
}

.play-box:hover img {
    opacity: 0.2;
}

a.play-link {
    color: #12100e;
    width: 48px;
    height: 48px;
    padding-left: 5px;
    display: block;
    padding-top: 8px;
    font-size: 20px;
    margin: 10px auto;
    border-radius: 50%;
    border: 1px solid #3daa45;
    background: #3daa45;
    text-align: center;
}

a.play-link:hover {
    background: rgba(0, 0, 0, 0.8);
    color: #3daa45;
}

a.demo-link {
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    font-size: 14px;
}

.play-box a.green-btn {
    padding: 10px;
    display: block;
    max-width: 180px;
    margin: 15px auto;
}

.dev_category ul {
    list-style: none;
    margin: 0 0 10px;
}

.dev_category ul li {
    display: inline-block;
    margin: 0 0 20px;
    margin-right: 10px;
}

.dev_category ul li a {
    font-weight: 700;
    border-radius: 5px;
    text-transform: uppercase;
    color: #fff;
    background: #3e06ff;
    padding: 10px 20px;
}

.wp-pagenavi {
    clear: both;
    padding: 10px 0;
}

.wp-pagenavi a, .wp-pagenavi span {
    text-decoration: none;
    background: #fff;
    padding: 7px 12px;
    margin-right: 5px;
    font-weight: 700;
    color: #000;
    border-radius: 5px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
    background: #ff642e;
    color: #fff;
}

.archive-description {
    padding-top: 20px;
}

.featured-image {
    border-radius: 10px;
    overflow: hidden;
}

.post-item-wrapper {
    margin-bottom: 30px;
}

.home .pfr span {
    display: block;
    margin: 0 0 5px;
}


.home h1, .home h2, .home .h2 {
    font-weight: 700;
    color: #000;
    margin: 0 0 15px;
    font-size: 22px;
}

.home h3 {
    font-size: 18px;
}

.play-promocode {
    font-weight: 700;
    text-align: center;
    font-weight: 700;
    padding: 15px;
    margin: 0 0 15px;
    border: 1px dashed #c209c7;
}

.play-promocode-top, .playpromocodetop {
    font-weight: 700;
    text-align: center;
    font-weight: 700;
    padding: 15px;
    color: #fff;
    background: #35387b;
    background: linear-gradient(to right, #35387b 0%, #c211b9 30%, #0063e9 76%, #002b70 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#35387b', endColorstr='#002b70', GradientType=1);

}

.playpromocodetop {
    z-index: 99;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
}

a.pfcode {
    position: relative;
    margin-right: 25px;
    text-decoration: none !important;
    color: #d81712;
}

a.pfcode:after {
    content: '';
    -webkit-mask-position: 50%;
    background-color: #d81712;
    position: absolute;
    width: 18px;
    height: 18px;
    top: -1px;
    right: -22px;
}

.play-promocode-top a.pfcode, .playpromocodetop a.pfcode {
    color: #ffab00;
}

.play-promocode-top a.pfcode:after, .playpromocodetop a.pfcode:after {
    background-color: #ffab00;
}

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

.pf-1, .pf-2, .pf-3, .pf-4, .pf-5, .pf-6, .pf-7, .pf-8, .pf-9, .pf-10, .pf-11, .pf-12 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.read-link {
    text-align: center;
    padding: 15px 0;
}

#home-text a {
    text-align: center;
    border-radius: 30px;
    background: #00c453;
    padding: 10px;
    display: block;
    margin: 15px auto;
    max-width: 240px;
    color: #fff;
    font-weight: 700;
}

.bottom-go a.yellow-btn {
    margin-right: 15px;
}

/*--------------------------------------------------------------
# 					RESPONSIVE
--------------------------------------------------------------*/
@media (min-width: 992px) {

    .pf-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .pf-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .pf-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .pf-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .pf-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .pf-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .pf-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .pf-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .pf-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .pf-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .pf-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .pf-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media screen and (min-width: 567px) {
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6 {
        margin: 0 -15px;
    }

    .col-2 article,
    .col-3 article,
    .col-4 article,
    .col-5 article,
    .col-6 article {
        padding: 0 15px;
        float: left;
        width: 50%;
        margin-bottom: 30px;
    }

    .col-2 article:nth-child(2n+1),
    .col-3 article:nth-child(2n+1),
    .col-4 article:nth-child(2n+1) {
        clear: left;
    }

    .col-2 article:nth-last-child(-n+2),
    .col-3 article:nth-last-child(-n+2),
    .col-4 article:nth-last-child(-n+2) {
        margin-bottom: 0;
    }


}

@media screen and (min-width: 768px) {
    .col-1 .hentry {
        width: 100%;
    }

    .col-2 .hentry {
        width: 50%;
        float: left;
    }

    .col-3 .hentry {
        width: 33.33%;
        float: left;
    }

    .col-4 .hentry {
        width: 50%;
        float: left;
    }

    .col-5 .hentry {
        width: 20%;
        float: left;
    }

    .col-6 .hentry {
        width: 16.66%;
        float: left;
    }

    .col-3 article {
        width: 33.33%;
    }

    .col-3 article:nth-child(2n+1) {
        clear: none;
    }

    .col-3 article:nth-child(3n+1) {
        clear: left;
    }

    .col-3 article:nth-last-child(-n+3) {
        margin-bottom: 0;
    }

    .archive-blog-wrapper article.has-post-thumbnail {
        position: relative;
        display: table;
        width: 100%;
    }

    .archive-blog-wrapper article.has-post-thumbnail .featured-image {
        width: 42.6%;
        float: left;
    }

    .archive-blog-wrapper article.has-post-thumbnail .entry-container {
        width: 57.4%;
        float: left;
    }

    .no-sidebar .archive-blog-wrapper article.has-post-thumbnail {
        width: 50%;
        float: left;
    }

    .no-sidebar .second-design .archive-blog-wrapper article.has-post-thumbnail .featured-image,
    .no-sidebar .second-design .archive-blog-wrapper article.has-post-thumbnail .entry-container {
        width: 50%;
    }

    .left-sidebar #primary .archive-blog-wrapper .entry-container,
    .right-sidebar #primary .archive-blog-wrapper .entry-container {
        padding-left: 30px;
    }


}

@media screen and (min-width: 992px) {
    .col-4 .hentry {
        width: 25%;
        float: left;
    }

    .col-5 .hentry {
        width: 20%;
        float: left;
    }

    .col-4 article {
        width: 25%;
    }

    .col-4 article:nth-child(2n+1) {
        clear: none;
    }

    /*	.col-4 article:nth-child(4n+1) {
            clear: left;
        }*/
    .col-4 article:nth-last-child(-n+4) {
        margin-bottom: 0;
    }


    .grid-item:nth-child(2n),
    .grid-item:nth-child(3n),
    .grid-item:nth-child(5n) {
        width: 25%;
    }

    .grid-item:nth-child(2n) .featured-image {
        padding: 333px 0;
    }

    .grid-item:nth-child(3n) .featured-image,
    .grid-item:nth-child(4n) .featured-image,
    .grid-item:nth-child(5n) .featured-image {
        padding: 168px 0;
    }

    .grid-item:nth-child(6n) .featured-image {
        padding: 155px 0;
    }


    .site-info {
        display: flex;
        align-items: center;
        flex-direction: row;
        justify-content: center;
    }

    .site-info.col-3 span,
    .site-info.col-3 .social-icons {
        width: 20%;
    }

    .site-info.col-3 .custom-menu {
        width: 60%;
        margin-top: 18px;
    }

    .site-info.col-3 span {
        text-align: left;
        padding-right: 25px;
    }

    .site-info.col-3 .social-icons {
        text-align: right;
    }


}

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

    .menu-overlay.active {
        display: none;
    }


    button.dropdown-toggle,
    .menu-toggle {
        display: none;
    }

    .main-navigation li {
        display: inline-block;
    }

    .right-sidebar #primary,
    .left-sidebar #primary {
        width: 70%;
        float: left;
        padding-right: 30px;
    }

    .right-sidebar #secondary,
    .left-sidebar #secondary {
        width: 30%;
        float: left;
    }

    .left-sidebar #primary {
        padding-left: 30px;
        padding-right: 0;
        float: right;
    }

    .no-sidebar #primary {
        width: 100%;
        float: none;
        padding-right: 0;
    }

}

@media (max-width: 1229px) {
    #featured-news .pf-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .news-content-title {
        min-height: 50px;
    }

    .play-box-button {
        top: 8%;
    }
}

@media screen and (max-width: 1023px) {
    .site-branding {
        text-align: center;
        width: 100%;
    }

    .site-menu {
        display: block;
        text-align: center;
    }

    .playtop {
        padding: 10px 0;
    }

    .main-navigation {
        position: static;
    }

    #secondary {
        margin: 40px auto 0;
        max-width: 500px;
    }

    .main-navigation ul.nav-menu li a {
        padding: 10px 20px;
        font-weight: 700;
        text-transform: uppercase;
        color: #fff;
        border-radius: 5px;
        border: 1px solid transparent;

    }

    .main-navigation ul.nav-menu li {
        border-bottom: 1px solid #191513;
    }

    .main-navigation ul.nav-menu li:last-child {
        border: none;
    }

    .main-navigation ul.nav-menu li a:hover {
        background: none;
    }

}

@media screen and (max-width: 991px) {
    #featured-race .wrapper {
        background: none;
        padding-top: 40px;
        padding-bottom: 40px;
    }

    #featured-slots .pf-3, .category-template-category-sloty-php .site-main .pf-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .play-box-button {
        top: 15%;
    }
}

@media screen and (max-width: 767px) {
    .entry-content iframe {
        height: 400px;
    }

    .miniature {
        width: 100%;
        margin-right: 0;
    }

    .featured-image {
        margin-bottom: 15px;
    }

    .dev_img img {
        margin: 7px;
        max-width: 100px;
    }

    .payments_img img {
        margin: 10px 15px;
        max-height: 30px;
    }

    #featured-news .pf-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .news-content-title {
        min-height: auto;
    }

    .play-box-button {
        top: 15%;
    }
}

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

    .play-box-button {
        top: 25%;
    }

    .entry-content iframe {
        height: 300px;
    }
}

@media screen and (max-width: 500px) {
    #featured-slots .pf-3, .category-template-category-sloty-php .site-main .pf-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

}

@media screen and (max-width: 430px) {
    .entry-content iframe {
        height: 250px;
    }

    .playtop a.yellow-btn {
        width: 80%;
        margin: 0 auto 15px;
        display: block;
    }

    .playtop a.green-btn {
        width: 80%;
        display: block;
        margin: 0 auto;
    }

    #fortunas .jssocials-share-logo {
        font-size: 16px;
    }

    #fortunas .jssocials-share-link {
        padding: 5px;
    }

    .bottom-go a {
        display: block;
        margin: 15px 0 !important;
    }
}

@media screen and (max-width: 350px) {
    .play-box-button {
        top: 20%;
    }
}

@media (max-width: 850px) {
	.main-navigation ul {
		justify-content: center;
	}
}
footer, h1 {
	padding-top: 20px !important;
}
main img {
	display: block;
	max-width: 100%;
	border-radius: 14px;
	margin: 30px auto;
}