@charset "UTF-8";

@font-face {
    font-family: 'Cairo-Regular';
    src: url('../fonts/Cairo-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Cairo-Light';
    src: url('../fonts/Cairo-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Cairo-Bold';
    src: url('../fonts/Cairo-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


/*
	Theme Name: Cloux
	Theme URI: themeforest.net/user/gloriathemes
	Author: Gloria Themes
	Author URI: gloriathemes.com
	Description: Cloux – Multi-Purpose WordPress Game Theme
	License: GNU General Public License v2 or later
	License URI: www.gnu.org/licenses/gpl-2.0.html
	Tags: one-column, two-columns, three-columns, right-sidebar, left-sidebar, custom-colors, custom-header, custom-menu, custom-logo, featured-images, post-formats, sticky-post, theme-options, threaded-comments, translation-ready
	Text Domain: cloux
	Version: 1.1
*/



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

[Index]
	1. Global
		1.1 General
		1.2 Form Elements & Inputs
		1.3 WordPress Core
		1.4 Loader
			1.4.1 General
			1.4.2 Style 1
			1.4.3 Style 2
			1.4.4 Style 3
			1.4.5 Style 4
		1.5 Cloux Core
			1.5.1 General
			1.5.2 Modals
			1.5.3 Paginations
	2. Pages
		2.1 General
		2.2 Page Banner
		2.3 404 Page
	3. Page Builder Elements
		3.1 Title
		3.2 Game List
		3.3 Game Slider
		3.4 Banner Box
		3.5 Categorized Games
		3.6 Blog
		3.7 MailChimp Newsletter
		3.8 Content Box
		3.9 Social Links
		3.10 App Box
		3.11 Game Search
		3.12 Woo Products
		3.13 Game Carousel
		3.14 Content Slider
		3.15 Character Box
		3.16 Video Carousel
		3.17 Video Carousel
		3.18 eSport Players
		3.19 Sponsors
		3.20 Fixture
		3.21 Service Box
		3.22 Contact Box
		3.23 Icon List
		3.24 WPBakery Elements
	4. Widgets
		4.1 General
		4.2 Latest Posts Widget
		4.2 WP Default Widgets
		4.4 Newsletter
	5. Header
		5.1 General
		5.2 Style 1
		5.3 Style 2
		5.4 Style 3
		5.5 Style 4
		5.6 Style 5
		5.7 Header Positions
		5.8 Mobile Header
	6. Footer
		6.1 General
		6.2 Style 1
	7. Comments
	8. Archives & Posts
		 8.1 General Single
		 	8.1.1 General
		 	8.1.2 Featured Content
		 8.2 Post Styles
		 8.3 Post List Styles
		 8.4 Post Detail Elements
		 8.5 Game Styles
		 8.6 Game Single
		 8.7 Game List Styles
		 8.8 No Content
		 8.9 Product Styles
		 8.10 Fixture Styles
		 8.11 Fixture List Styles
		 8.12 eSport Player Single
		 8.13 eSport Player Single
	9. Plugins
		9.1 WooCommerce
		9.2 bbPress
		9.3 Flex Menu
	10. Responsive
	11. Selectors
		11.1 Color Selector
		11.2 Hover Colors Without Theme Color
		11.3 Shadows

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



/*======
*
* 1. Global
*
======*/
/*====== 1.1 General ======*/
html {
    font-size: 13px;
    font-family: 'Cairo-Regular';
}

body {
    font-size: 1rem;
    background: #FFFFFF;
    line-height: 1.8;
    color: #777777;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a,
a:visited {
    color: #000000;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3;
    outline: 0;
    font-family: 'Cairo-Regular';
}

    a:hover,
    a:focus {
        text-decoration: none;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -o-transition: 0.3s;
        -ms-transition: 0.3s;
        transition: 0.3;
        outline: 0;
    }

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 2.308rem 0 1.154rem;
    font-weight: 800;
    line-height: 1.1;
    color: #000000;
}

h1 {
    font-size: 3.231rem;
}

h2 {
    font-size: 2.462rem;
}

h3 {
    font-size: 1.846rem;
}

h4 {
    font-size: 1.615rem;
}

h5 {
    font-size: 1.385rem;
}

h6 {
    font-size: 1.154rem;
}

blockquote:before {
    content: '“';
    font-size: 6.308rem;
    font-weight: 800;
    font-style: normal;
    line-height: 6.8rem;
    height: 2.154rem;
    overflow: hidden;
    display: block;
    margin-bottom: 1.615rem;
}

blockquote {
    font-size: 1rem;
    margin: 2.308rem 15%;
    text-align: center;
    clear: both;
}

    blockquote p {
        margin: 0 0 2.308rem 0;
    }

        blockquote p:last-child {
            margin-bottom: 0;
        }

.plyr,
pre,
div.wpb_button,
div.wpb_content_element,
ul.wpb_thumbnails-fluid > li,
p {
    margin-bottom: 0rem; /*2.308rem;*/
    font-family: 'Cairo-Regular';
    text-align: right;
}

ol,
ul {
    margin-bottom: 2.308rem;
}

img {
    max-width: 100%;
    height: auto;
}

hr {
    margin-top: 2.308rem;
    margin-bottom: 2.308rem;
    border-top: 1px solid #e8e8e8;
}

table {
    max-width: 100%;
    width: 100%;
    border: 1px solid #eeeeee;
}

    table thead th {
        border: 1px solid #eeeeee;
    }

    table td,
    table th {
        padding: 1.05rem 1.5rem;
        vertical-align: top;
        border: 1px solid #eeeeee;
    }

caption {
    padding: 1.154rem 0;
}


table.vertical-align tr td {
    vertical-align: middle;
}

table.text-center tr td,
table.text-center tr th {
    text-align: center;
}



/*====== 1.2 Form Elements & Inputs ======*/
.upload-input,
.select2-dropdown,
.select2-search--dropdown .select2-search__field,
.select2-container--default .select2-search--dropdown .select2-search__field,
.select2-container--default .select2-selection--single,
#add_payment_method table.cart td.actions .coupon .input-text,
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce-checkout table.cart td.actions .coupon .input-text,
#bbpress-forums #bbp-your-profile fieldset input,
#bbpress-forums #bbp-your-profile fieldset textarea,
.custom-file-control,
input[type="email"],
input[type="number"],
input[type="password"],
input[type="tel"],
input[type="url"],
input[type="text"],
input[type="time"],
input[type="week"],
input[type="search"],
input[type="month"],
input[type="datetime"],
input[type="date"],
textarea,
textarea.form-control,
select,
.woocommerce form .form-row .select2-container .select2-choice,
.form-control,
div.cs-select,
.cs-select {
    display: block;
    width: 100%;
    padding: 1rem 1.538rem;
    background-color: #fff;
    background-image: none;
    border: 0.1538rem solid #eeeeee;
    color: #777777;
    box-shadow: none;
    line-height: 1.8;
    height: auto;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s;
    border-radius: 0;
    outline: 0;
    font-size: 0.9231rem;
    text-align: right;
    font-family: 'Cairo-Regular';
}

    .form-control:focus {
        border-color: #eeeeee;
    }

div.cs-select,
.cs-select {
    padding: 0rem;
    max-width: 100%;
}

    div.cs-select.cs-active,
    .cs-select.cs-active {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .cs-select .cs-placeholder {
        color: #b1b1b1;
        padding: 1rem 1.538rem;
    }

    .cs-select > span::after {
        left: 1.538rem;
        right: auto !important;
        content: "\f078";
        display: inline-block;
        font-family: Font Awesome\ 5 Free;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        text-rendering: auto;
        font-size: 0.9rem;
        font-weight: 600;
    }

    .cs-select .cs-options {
        border: 0.1538rem solid #eeeeee;
        width: calc(100% - -0.3077rem);
        margin-left: -0.1538rem;
        -webkit-transition: 0.2s;
        -moz-transition: 0.2s;
        -o-transition: 0.2s;
        -ms-transition: 0.2s;
        transition: 0.2s;
        opacity: 0;
    }

    .cs-select.cs-active .cs-options {
        opacity: 1;
        -webkit-transition: 0.2s;
        -moz-transition: 0.2s;
        -o-transition: 0.2s;
        -ms-transition: 0.2s;
        transition: 0.2s;
    }

    .cs-select ul {
        padding: 0.5385rem 0;
        max-height: 30.77rem;
        overflow: auto;
    }

        .cs-select ul span {
            padding: 0.5385rem 1.538rem;
        }

        .cs-select ul li {
            -webkit-transition: 0.2s;
            -moz-transition: 0.2s;
            -o-transition: 0.2s;
            -ms-transition: 0.2s;
            transition: 0.2s;
        }

            .cs-select ul li:hover,
            .cs-select ul li:focus {
                -webkit-transition: 0.2s;
                -moz-transition: 0.2s;
                -o-transition: 0.2s;
                -ms-transition: 0.2s;
                transition: 0.2s;
            }

.slick-slide {
    outline: 0rem;
}

input::-webkit-input-placeholder {
    color: #b1b1b1;
}

input::-moz-placeholder {
    color: #b1b1b1;
}

input:-ms-input-placeholder {
    color: #b1b1b1;
}

input:-moz-placeholder {
    color: #b1b1b1;
}

.form-control::-webkit-input-placeholder {
    color: #b1b1b1;
}

.form-control::-moz-placeholder {
    color: #b1b1b1;
}

.form-control:-ms-input-placeholder {
    color: #b1b1b1;
}

.form-control:-moz-placeholder {
    color: #b1b1b1;
}

textarea::-webkit-input-placeholder {
    color: #b1b1b1;
}

textarea::-moz-placeholder {
    color: #b1b1b1;
}

textarea:-ms-input-placeholder {
    color: #b1b1b1;
}

textarea:-moz-placeholder {
    color: #b1b1b1;
}

select::-webkit-input-placeholder {
    color: #b1b1b1;
}

select::-moz-placeholder {
    color: #b1b1b1;
}

select:-ms-input-placeholder {
    color: #b1b1b1;
}

select:-moz-placeholder {
    color: #b1b1b1;
}

.custom-file-control::before,
button,
input[type="submit"],
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s;
    text-transform: uppercase;
    outline: 0;
    padding: 0.99rem 2.308rem;
    font-weight: 500;
    border-radius: 0;
    color: #FFFFFF;
    border: 0;
    font-size: 1rem;
    line-height: 1.8;
}

.custom-file-control:lang(en):empty::after {
    color: #a9a8a8;
}

.custom-file-input {
    height: 3.8rem;
}

.custom-file-control::before {
    height: 3.8rem;
    line-height: 3.8rem;
    padding-top: 0;
    padding-bottom: 0;
    font-style: normal;
}

button:hover, input[type="submit"]:hover,
button:active, input[type="submit"]:active,
button:active:hover, input[type="submit"]:active:hover,
button:active:focus, input[type="submit"]:active:focus,
button:active:visited, input[type="submit"]:active:visited,
button:focus, input[type="submit"]:focus,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s;
    outline: 0;
    cursor: pointer;
    background-color: #000000;
    color: #FFFFFF;
    font-family: 'Cairo-Regular';
}

.cloux-close {
    background-color: #000000;
    text-align: center;
    width: 3.462rem;
    height: 3.462rem;
    color: #FFFFFF;
    font-size: 1.692rem;
    font-weight: 200;
    cursor: pointer;
    z-index: 20;
}

    .cloux-close:focus,
    .cloux-close:hover,
    .cloux-close {
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -o-transition: 0.3s;
        -ms-transition: 0.3s;
        transition: 0.3s;
    }

        .cloux-close:before {
            content: 'x';
        }

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

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

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

.cloux-button.style-1 a,
.cloux-button.style-1 a:visited {
    font-size: 1rem;
    border: 0.1538rem solid #000000;
    font-weight: 600;
    display: inline-block;
    text-transform: uppercase;
    padding: 0.7692rem 1.692rem;
    cursor: pointer;
    cursor: pointer;
}

.cloux-button.style-2 a,
.cloux-button.style-2 a:visited {
    font-size: 1.077rem;
    border-bottom: 0.1538rem solid #FFFFFF;
    font-weight: 600;
    display: inline-block;
    text-transform: uppercase;
    padding: 0.7692rem 1.538rem;
    color: #ffffff;
    cursor: pointer;
}

.cloux-button.style-3 a,
.cloux-button.style-3 a:visited {
    font-size: 1.077rem;
    border-bottom: 0.1538rem solid #000000;
    font-weight: 600;
    display: inline-block;
    text-transform: uppercase;
    padding: 0.7692rem 1.538rem;
    position: relative;
    cursor: pointer;
}

    .cloux-button.style-3 a:hover span,
    .cloux-button.style-3 a:focus span {
        z-index: 2;
        position: relative;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -o-transition: 0.3s;
        -ms-transition: 0.3s;
        transition: 0.3s;
    }

    .cloux-button.style-3 a:before,
    .cloux-button.style-3 a:visited:before {
        position: absolute;
        width: 100%;
        height: 0%;
        bottom: 0;
        left: 0;
        content: '';
        display: block;
        z-index: 1;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -o-transition: 0.3s;
        -ms-transition: 0.3s;
        transition: 0.3s;
    }

    .cloux-button.style-3 a:hover:before,
    .cloux-button.style-3 a:focus:before {
        height: 100%;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -o-transition: 0.3s;
        -ms-transition: 0.3s;
        transition: 0.3s;
    }

    .cloux-button.style-3 a:hover span,
    .cloux-button.style-3 a:focus span {
        color: #FFFFFF;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -o-transition: 0.3s;
        -ms-transition: 0.3s;
        transition: 0.3s;
    }

.form-item {
    margin-bottom: 1.538rem;
    text-align: right;
    font-family: 'Cairo-Regular';
}

.cloux-checkbox[type="checkbox"]:not(:checked),
.cloux-checkbox[type="checkbox"]:checked {
    position: absolute;
    left: -769.2rem;
}

    .cloux-checkbox[type="checkbox"]:not(:checked) + .cloux-label,
    .cloux-checkbox[type="checkbox"]:checked + .cloux-label {
        position: relative;
        padding-right: 2em;
        cursor: pointer;
        line-height: 1.1rem;
        font-family: 'Cairo-Regular';
    }

        .cloux-checkbox[type="checkbox"]:not(:checked) + .cloux-label:before,
        .cloux-checkbox[type="checkbox"]:checked + .cloux-label:before {
            content: '';
            position: absolute;
            left: none;
            right: 0;
            top: 0;
            width: 1.154rem;
            height: 1.154rem;
            border: 0.1538rem solid #e8e8e8;
            background: #fff;
        }

        .cloux-checkbox[type="checkbox"]:not(:checked) + .cloux-label:after,
        .cloux-checkbox[type="checkbox"]:checked + .cloux-label:after {
            content: '✔';
            position: absolute;
            top: .1em;
            right: .1em;
            font-size: 1.3em;
            line-height: 0.8;
            transition: all .2s;
        }

        .cloux-checkbox[type="checkbox"]:not(:checked) + .cloux-label:after {
            opacity: 0;
            transform: scale(0);
        }

        .cloux-checkbox[type="checkbox"]:checked + .cloux-label:after {
            opacity: 1;
            transform: scale(1);
        }

.cloux-checkbox[type="checkbox"]:disabled:not(:checked) + .cloux-label:before,
.cloux-checkbox[type="checkbox"]:disabled:checked + .cloux-label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd;
}

.cloux-checkbox[type="checkbox"]:disabled:checked + .cloux-label:after {
    color: #999;
}

.cloux-checkbox[type="checkbox"]:disabled + .cloux-label {
    color: #aaa;
}

.cloux-checkbox[type="checkbox"]:checked:focus + .cloux-label:before,
.cloux-checkbox[type="checkbox"]:not(:checked):focus + .cloux-label:before {
    border: 1px dotted blue;
}

.cloux-label {
    margin: 0;
    padding: 1px 0;
    font-size: 0.9231rem;
}

.cloux-tabs {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
}

    .cloux-tabs:after,
    .cloux-tabs:before {
        content: '';
        display: block;
        clear: both;
    }

    .cloux-tabs > li {
        display: inline-block;
        margin-right: 1.538rem;
        position: relative;
    }

        .cloux-tabs > li:last-child {
            margin-right: 0;
        }

        .cloux-tabs > li > a,
        .cloux-tabs > li > a:visited {
            display: block;
            font-size: 1rem;
            font-weight: 600;
            text-transform: uppercase;
            border: 0.1538rem solid #eeeeee;
            padding: 0.85rem 1.538rem;
        }

.cloux-form label {
    font-weight: 600;
}

.form-row {
    margin-right: -0.5385rem;
    margin-left: -0.5385rem;
    margin-bottom: 1.154rem;
}

    .form-row > .col,
    .form-row > [class*=col-] {
        padding-right: 0.5385rem;
        padding-left: 0.5385rem;
    }

div.wpcf7-response-output {
    padding: 1.154rem 1.538rem;
    margin: 0rem 0rem 1.154rem;
    font-size: 0.9231rem;
    text-align: right;
}

span.wpcf7-not-valid-tip {
    font-size: 0.9231rem;
    margin: 0.3846rem 0rem 0rem;
}


/*====== 1.3 WordPress Core ======*/
.alignnone {
    margin: 0.3846rem 1.538rem 1.538rem 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 0.3846rem auto 0.3846rem auto;
}

.alignright {
    float: right;
    margin: 0.3846rem 0 2.308rem 2.308rem;
}

.alignleft {
    float: left;
    margin: 0.3846rem 2.308rem 2.308rem 0;
}

a img.alignright {
    float: right;
    margin: 0.3846rem 0 2.308rem 2.308rem;
}

a img.alignnone {
    margin: 0.3846rem 2.308rem 2.308rem 0;
}

a img.alignleft {
    float: left;
    margin: 0.3846rem 2.308rem 2.308rem 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #eeeeee;
    max-width: 96%;
    padding: 0.3846rem 0.2308rem 0.7692rem;
    text-align: center;
    clear: both;
    margin-bottom: 2.308rem !important;
}

    .wp-caption.alignnone {
        margin: 0.3846rem 1.538rem 1.538rem 0;
    }

    .wp-caption.alignleft {
        margin: 0.3846rem 1.538rem 1.538rem 0;
    }

    .wp-caption.alignright {
        margin: 0.3846rem 01.538rem 1.538rem;
    }

    .wp-caption img {
        border: 0 none;
        height: auto;
        margin: 0;
        max-width: 98.5%;
        padding: 0;
        width: auto;
    }

    .wp-caption p.wp-caption-text {
        font-size: 0.8462rem;
        line-height: 1.308rem;
        margin: 1.077rem 0 0;
        padding: 0 0.3077rem 0.3846rem;
    }

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

    .screen-reader-text:focus {
        background-color: #f1f1f1;
        border-radius: 0.2308rem;
        box-shadow: 0 0 0.1538rem 0.1538rem rgba(0, 0, 0, 0.6);
        clip: auto !important;
        color: #FB5F84;
        display: block;
        font-size: 1.077rem;
        font-size: 0.875rem;
        font-weight: bold;
        height: auto;
        left: 0.3846rem;
        line-height: normal;
        padding: 1.154rem 1.769rem 1.077rem;
        text-decoration: none;
        top: 0.3846rem;
        width: auto;
        z-index: 100000;
    }

.gallery-caption {
    clear: both;
}

.commentlist .bypostauthor {
    clear: both;
}

.post-content .edit-link {
    display: block;
    clear: both;
}

    .post-content .edit-link:after,
    .post-content .edit-link:before {
        content: '';
        display: block;
        clear: both;
    }

    .post-content .edit-link a,
    .post-content .edit-link a:visited {
        color: #FFF;
        margin: 01.154rem 2.308rem 0;
        display: block;
        float: left;
        font-weight: 500;
        padding: 0.4615rem 1.923rem 0.3846rem;
        border-radius: 1.923rem;
        border: 1px solid transparent;
    }

        .post-content .edit-link a:last-child,
        .post-content .edit-link a:last-child:visited {
            margin-right: 0;
        }

        .post-content .edit-link a:focus,
        .post-content .edit-link a:hover {
            background: #343838;
        }

        .post-content .edit-link a.comment-edit-link {
            margin-bottom: 0;
            margin-top: 1.154rem;
        }

.gallery dt {
    float: none;
    clear: none;
    text-align: center;
    width: auto;
}

.gallery dd {
    text-align: center;
    margin: 0.7692rem 0 0;
}



/*====== 1.4 Loader ======*/
/*====== 1.4.1 General ======*/
.loader-wrapper {
    opacity: 1;
    visibility: visible;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000000;
    background: #FFFFFF;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s;
}

.loaded .loader-wrapper {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s;
}

.spinner {
    background: #ffffff;
    margin: 7.692rem auto;
    left: 0;
    margin: 0 auto;
    position: relative;
    top: calc(50% - 1.538rem);
    text-align: center;
}



/*====== 1.4.2 Style 1 ======*/
.loader-style-1 .spinner {
    width: 3.077rem;
    height: 3.077rem;
}

.loader-style-1 .double-bounce1,
.loader-style-1 .double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
    animation: sk-bounce 2.0s infinite ease-in-out;
}

.loader-style-1 .double-bounce2 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
    0%, 100% {
        -webkit-transform: scale(0.0)
    }

    50% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes sk-bounce {
    0%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }

    50% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}



/*====== 1.4.3 Style 2 ======*/
.loader-style-2 .spinner {
    width: 5.385rem;
    height: 5.385rem;
}

    .loader-style-2 .spinner > div {
        width: 1.385rem;
        height: 1.385rem;
        border-radius: 100%;
        display: inline-block;
        -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
        animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    }

    .loader-style-2 .spinner .bounce1 {
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s;
    }

    .loader-style-2 .spinner .bounce2 {
        -webkit-animation-delay: -0.16s;
        animation-delay: -0.16s;
    }

@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}



/*====== 1.4.4 Style 3 ======*/
.loader-style-3 .spinner {
    width: 3.077rem;
    height: 3.077rem;
    -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
    animation: sk-rotateplane 1.2s infinite ease-in-out;
}

@-webkit-keyframes sk-rotateplane {
    0% {
        -webkit-transform: perspective(9.231rem)
    }

    50% {
        -webkit-transform: perspective(9.231rem) rotateY(180deg)
    }

    100% {
        -webkit-transform: perspective(9.231rem) rotateY(180deg) rotateX(180deg)
    }
}

@keyframes sk-rotateplane {
    0% {
        transform: perspective(9.231rem) rotateX(0deg) rotateY(0deg);
        -webkit-transform: perspective(9.231rem) rotateX(0deg) rotateY(0deg)
    }

    50% {
        transform: perspective(9.231rem) rotateX(-180.1deg) rotateY(0deg);
        -webkit-transform: perspective(9.231rem) rotateX(-180.1deg) rotateY(0deg)
    }

    100% {
        transform: perspective(9.231rem) rotateX(-180deg) rotateY(-179.9deg);
        -webkit-transform: perspective(9.231rem) rotateX(-180deg) rotateY(-179.9deg);
    }
}



/*====== 1.4.5 Style 4 ======*/
.loader-style-4 .sk-fading-circle {
    width: 4.615rem;
    height: 4.615rem;
    position: relative;
    margin: 7.692rem auto;
    left: 0;
    margin: 0 auto;
    position: relative;
    top: calc(50% - 1.538rem);
    text-align: center;
}

    .loader-style-4 .sk-fading-circle .sk-circle {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }

        .loader-style-4 .sk-fading-circle .sk-circle:before {
            content: '';
            display: block;
            margin: 0 auto;
            width: 15%;
            height: 15%;
            border-radius: 100%;
            -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
            animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
        }

    .loader-style-4 .sk-fading-circle .sk-circle2 {
        -webkit-transform: rotate(30deg);
        -ms-transform: rotate(30deg);
        transform: rotate(30deg);
    }

    .loader-style-4 .sk-fading-circle .sk-circle3 {
        -webkit-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
        transform: rotate(60deg);
    }

    .loader-style-4 .sk-fading-circle .sk-circle4 {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .loader-style-4 .sk-fading-circle .sk-circle5 {
        -webkit-transform: rotate(120deg);
        -ms-transform: rotate(120deg);
        transform: rotate(120deg);
    }

    .loader-style-4 .sk-fading-circle .sk-circle6 {
        -webkit-transform: rotate(150deg);
        -ms-transform: rotate(150deg);
        transform: rotate(150deg);
    }

    .loader-style-4 .sk-fading-circle .sk-circle7 {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .loader-style-4 .sk-fading-circle .sk-circle8 {
        -webkit-transform: rotate(210deg);
        -ms-transform: rotate(210deg);
        transform: rotate(210deg);
    }

    .loader-style-4 .sk-fading-circle .sk-circle9 {
        -webkit-transform: rotate(240deg);
        -ms-transform: rotate(240deg);
        transform: rotate(240deg);
    }

    .loader-style-4 .sk-fading-circle .sk-circle10 {
        -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        transform: rotate(270deg);
    }

    .loader-style-4 .sk-fading-circle .sk-circle11 {
        -webkit-transform: rotate(300deg);
        -ms-transform: rotate(300deg);
        transform: rotate(300deg);
    }

    .loader-style-4 .sk-fading-circle .sk-circle12 {
        -webkit-transform: rotate(330deg);
        -ms-transform: rotate(330deg);
        transform: rotate(330deg);
    }

    .loader-style-4 .sk-fading-circle .sk-circle2:before {
        -webkit-animation-delay: -1.1s;
        animation-delay: -1.1s;
    }

    .loader-style-4 .sk-fading-circle .sk-circle3:before {
        -webkit-animation-delay: -1s;
        animation-delay: -1s;
    }

    .loader-style-4 .sk-fading-circle .sk-circle4:before {
        -webkit-animation-delay: -0.9s;
        animation-delay: -0.9s;
    }

    .loader-style-4 .sk-fading-circle .sk-circle5:before {
        -webkit-animation-delay: -0.8s;
        animation-delay: -0.8s;
    }

    .loader-style-4 .sk-fading-circle .sk-circle6:before {
        -webkit-animation-delay: -0.7s;
        animation-delay: -0.7s;
    }

    .loader-style-4 .sk-fading-circle .sk-circle7:before {
        -webkit-animation-delay: -0.6s;
        animation-delay: -0.6s;
    }

    .loader-style-4 .sk-fading-circle .sk-circle8:before {
        -webkit-animation-delay: -0.5s;
        animation-delay: -0.5s;
    }

    .loader-style-4 .sk-fading-circle .sk-circle9:before {
        -webkit-animation-delay: -0.4s;
        animation-delay: -0.4s;
    }

    .loader-style-4 .sk-fading-circle .sk-circle10:before {
        -webkit-animation-delay: -0.3s;
        animation-delay: -0.3s;
    }

    .loader-style-4 .sk-fading-circle .sk-circle11:before {
        -webkit-animation-delay: -0.2s;
        animation-delay: -0.2s;
    }

    .loader-style-4 .sk-fading-circle .sk-circle12:before {
        -webkit-animation-delay: -0.1s;
        animation-delay: -0.1s;
    }

@-webkit-keyframes sk-circleFadeDelay {
    0%, 39%, 100% {
        opacity: 0;
    }

    40% {
        opacity: 1;
    }
}

@keyframes sk-circleFadeDelay {
    0%, 39%, 100% {
        opacity: 0;
    }

    40% {
        opacity: 1;
    }
}



/*====== 1.5 Cloux Core ======*/
/*====== 1.5.1 General ======*/
.cloux-wrapper {
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    background: #FFFFFF;
}

    .cloux-wrapper.boxed-true {
        max-width: 92.31rem;
        -webkit-box-shadow: 0 0 1.846rem 0 rgba(0,0,0,0.10);
        -moz-box-shadow: 0 0 1.846rem 0 rgba(0,0,0,0.10);
        box-shadow: 0 0 1.846rem 0 rgba(0,0,0,0.10);
    }

.container.full-width-active {
    width: 100%;
    max-width: 100%;
}

.fluid-container {
    padding: 0 4.615rem;
}

.cloux-element-wrapper {
    padding-left: 2.308rem;
    padding-right: 2.308rem;
    width: 90rem;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
}

.hide {
    display: none !important;
}

.sidebar-align-left {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
}

.sidebar-align-right {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
}

.content-box {
    padding: 3.077rem;
}

    .content-box.style-2 {
        padding: 0;
        box-shadow: none !important;
    }

    .content-box:before,
    .content-box:after {
        content: '';
        display: block;
        clear: both;
    }

.scrollbar-outer > .scroll-element {
    background: transparent;
}

.scrollbar-outer > .scroll-element {
    border-radius: 0;
}

    .scrollbar-outer > .scroll-element .scroll-element_track {
        background: #dedede;
    }

    .scrollbar-outer > .scroll-element .scroll-element_track {
        opacity: 0.2;
        border-radius: 0;
    }

    .scrollbar-outer > .scroll-element .scroll-bar {
        background: #dedede;
    }

    .scrollbar-outer > .scroll-element .scroll-bar {
        background: #e4e4e4;
    }

        .scrollbar-outer > .scroll-element .scroll-bar:focus,
        .scrollbar-outer > .scroll-element .scroll-bar:hover {
            background: #dcdcdc;
        }

    .scrollbar-outer > .scroll-element .scroll-bar {
        border-radius: 0;
        -webkit-transition: 0.1s;
        -moz-transition: 0.1s;
        -o-transition: 0.1s;
        -ms-transition: 0.1s;
        transition: 0.1;
        cursor: pointer;
    }

        .scrollbar-outer > .scroll-element .scroll-bar:hover,
        .scrollbar-outer > .scroll-element .scroll-bar:focus {
            -webkit-transition: 0.1s;
            -moz-transition: 0.1s;
            -o-transition: 0.1s;
            -ms-transition: 0.1s;
            transition: 0.1;
        }

.scroll-wrapper > .scroll-content.scroll-scrolly_visible {
    padding-right: 3.077rem;
    left: inherit;
    margin: 0rem;
}



/*====== 1.5.2 Modals ======*/
.cloux-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5000;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -ms-flexbox;
    display: flex;
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
}

    .cloux-modal:before {
        content: '';
        display: none;
        width: 100%;
        height: 100%;
        position: fixed;
        background: #000000;
        opacity: 0.4;
        top: 0;
        left: 0;
        z-index: 50001;
    }

    .cloux-modal.wxs:before,
    .cloux-modal.ws:before,
    .cloux-modal.wm:before,
    .cloux-modal.l:before {
        display: block;
    }

.admin-bar .cloux-content-box .popup .cloux-close,
.admin-bar .cloux-modal .cloux-close {
    margin-top: 2.462rem;
}

.cloux-modal .cloux-modal-content {
    padding: 2.54rem;
    margin: 0 auto;
    background-color: #FFFFFF;
    z-index: 50002;
    position: relative;
    box-shadow: none;
    border-radius: 0;
    box-shadow: 0 0 2rem rgba(0, 0, 0, 0.30);
    border: 0;
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    width: 100%;
    height: 100%;
    max-height: 100%;
}

    .cloux-modal .cloux-modal-content .content-inner {
        position: relative;
        width: 100%;
        height: 100%;
    }

        .cloux-modal .cloux-modal-content .content-inner > .scroll-wrapper {
            width: 100%;
            height: 100%;
        }

.cloux-modal.inner-l .cloux-modal-content .content-inner,
.cloux-modal.l .cloux-modal-content {
    width: 92.31rem;
}

.cloux-modal.inner-wm .cloux-modal-content .content-inner,
.cloux-modal.wm .cloux-modal-content {
    width: 69.23rem;
}

.cloux-modal.inner-ws .cloux-modal-content .content-inner,
.cloux-modal.ws .cloux-modal-content {
    width: 59.08rem;
}

.cloux-modal.inner-wxs .cloux-modal-content .content-inner,
.cloux-modal.wxs .cloux-modal-content {
    width: 38.46rem;
}

.cloux-modal.inner .cloux-modal-content .content-inner {
    margin: 0 auto;
}

.cloux-modal.inner .cloux-modal-content {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -ms-flexbox;
    display: flex;
}

.cloux-modal .cloux-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 50;
}

.cloux-modal .cloux-title {
    margin-bottom: 3.077rem;
}

.login-modal form .links:after,
.login-modal form .links:before {
    content: '';
    display: block;
    clear: both;
}

.login-modal form .links a,
.login-modal form .links a:visited {
    display: block;
}

    .login-modal form .links a:first-child {
        float: left;
    }

    .login-modal form .links a:last-child {
        float: right;
    }

.signup-modal .cloux-errors .alert-no,
.signup-modal .cloux-errors .alert-ok,
.login-modal .cloux-errors .alert-no,
.login-modal .cloux-errors .alert-ok {
    margin-top: 1.154rem;
}

.signup-modal .cloux_loading,
.login-modal .cloux_loading {
    display: none;
}

    .signup-modal .cloux_loading i,
    .login-modal .cloux_loading i {
        margin-right: 0.7692rem;
    }

.signup-modal.loading .cloux_loading,
.login-modal.loading .cloux_loading {
    display: block;
    margin-top: 0.3846rem;
}

.modal-color {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 50002;
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
}

.modal-color-a {
    background-color: #000000;
}



/*====== 1.5.3 Paginations ======*/
.post-pagination:after,
.post-pagination:before {
    display: block;
    clear: both;
    content: '';
}

.navigation.comment-navigation,
.post-pagination.style-1 ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: 600;
}

.navigation.comment-navigation {
    margin-top: 2rem;
}

    .navigation.comment-navigation div,
    .post-pagination.style-1 ul li {
        display: inline-block;
        margin-right: 0.8462rem;
    }

        .navigation.comment-navigation div:last-child,
        .post-pagination.style-1 ul li:last-child {
            margin-right: 0;
        }

        .navigation.comment-navigation div a,
        .navigation.comment-navigation div a:visited,
        .post-pagination.style-1 ul li > a,
        .post-pagination.style-1 ul li > a:visited,
        .post-pagination.style-1 ul li > span {
            display: block;
            border: 0.1538rem solid #000000;
            padding: 0.7692rem 1.538rem;
        }

        .post-pagination.style-1 ul li.next i {
            margin-left: 0.7692rem;
        }

        .post-pagination.style-1 ul li.previous i {
            margin-right: 0.7692rem;
        }

        .post-pagination.style-1 ul li i {
            font-size: 0.8462rem;
        }



/*======
*
* 2. Pages
*
======*/
/*====== 2.1 General ======*/
.single-content-wrapper .page-content.content-box.style-2 {
    margin-bottom: 0;
}

.overflow-visible {
    overflow: visible !important;
}

.background-top-right,
.vc_row.background-top-right,
.background-top-right .vc_column-inner {
    background-position: top right !important;
}

.background-top-left,
.vc_row.background-top-left,
.background-top-left .vc_column-inner {
    background-position: top left !important;
}

.background-top-center,
.vc_row.background-top-center,
.background-top-center .vc_column-inner {
    background-position: top center !important;
}

.background-bottom-right,
.vc_row.background-bottom-right,
.background-bottom-right .vc_column-inner {
    background-position: bottom right !important;
}

.background-bottom-left,
.vc_row.background-bottom-left,
.background-bottom-left .vc_column-inner {
    background-position: bottom left !important;
}

.background-bottom-center,
.vc_row.background-bottom-center,
.background-bottom-center .vc_column-inner {
    background-position: bottom center !important;
}

.background-center-right,
.vc_row.background-center-right,
.background-center-right .vc_column-inner {
    background-position: center right !important;
}

.background-center-left,
.vc_row.background-center-left,
.background-center-left .vc_column-inner {
    background-position: center left !important;
}

.background-center-center,
.vc_row.background-center-center,
.background-center-center .vc_column-inner {
    background-position: center center !important;
}



/*====== 2.2 Page Banner ======*/
.cloux-page-banner {
    background-color: #000000;
    width: 100%;
    padding: 3rem 0; /*6.308rem 0;*/
    position: relative;
    margin: 0 0 2rem; /*0 0 6.308rem;*/
}

    .cloux-page-banner.remove-gap {
        margin-bottom: 0;
    }

    .cloux-page-banner.position-2 {
        padding-top: 8.462rem;
    }

        .cloux-page-banner.position-2.header-style-5 {
            padding-top: 8.846rem;
        }

        .cloux-page-banner.position-2.header-style-4 {
            padding-top: 16.15rem;
        }

        .cloux-page-banner.position-2.header-style-3 {
            padding-top: 11.46rem;
        }

        .cloux-page-banner.position-2.header-style-2 {
            padding-top: 10.77rem;
        }

        .cloux-page-banner.position-2.header-style-1 {
            padding-top: 3rem; /*10.69rem;*/
        }

    .cloux-page-banner:after,
    .cloux-page-banner:before {
        content: '';
        display: block;
        clear: both;
    }

    .cloux-page-banner h1 {
        margin: 0;
        text-transform: uppercase;
        font-size: 3.462rem;
        color: #FFFFFF;
        font-weight: 800;
        text-align: right;
        font-family: 'Cairo-Regular';
    }

    .cloux-page-banner .background {
        background-color: #000000;
        background-image: url(include/assets/img/page-banner.jpg);
        background-position: center center;
        background-size: cover;
        opacity: 0.4;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }

    .cloux-page-banner .content {
        position: relative;
        z-index: 1;
    }

    .cloux-page-banner .cloux-breadcrumb {
        margin-top: 1.231rem;
        font-family: 'Cairo-Regular';
    }

        .cloux-page-banner .cloux-breadcrumb > ul {
            list-style: none;
            padding: 0rem;
            margin: 0rem;
        }

            .cloux-page-banner .cloux-breadcrumb > ul > li {
                display: inline-block;
                margin-right: 0.4615rem;
            }

                .cloux-page-banner .cloux-breadcrumb > ul > li:last-child {
                    margin-right: 0rem;
                }

                .cloux-page-banner .cloux-breadcrumb > ul > li:after {
                    content: '>';
                    display: inline-block;
                    margin-left: 0.4615rem;
                }

                .cloux-page-banner .cloux-breadcrumb > ul > li:last-child:after {
                    display: none;
                }

                .cloux-page-banner .cloux-breadcrumb,
                .cloux-page-banner .cloux-breadcrumb > ul > li a,
                .cloux-page-banner .cloux-breadcrumb > ul > li a:visited {
                    color: #FFFFFF;
                    text-align: right;
                    direction: rtl;
                }

                    .cloux-page-banner .cloux-breadcrumb > ul > li.current-item {
                        border-bottom: 0.1538rem solid #eeeeee;
                        padding-bottom: 0.2308rem;
                    }



/*====== 2.3 404 Page ======*/
.error404 .error404-content {
    text-align: center;
}

    .error404 .error404-content i {
        font-size: 10.77rem;
        line-height: 10.77rem;
        margin-bottom: 3.462rem;
    }

    .error404 .error404-content .cloux-title {
        margin-bottom: 1.154rem;
    }

    .error404 .error404-content p {
        margin-bottom: 0rem;
    }



/*======
*
* 3. Page Builder Elements
*
======*/
/*====== 3.1 Title ======*/
.cloux-title.style-1 {
    font-size: 3.462rem;
    font-weight: 800;
    text-transform: uppercase;
    color: #000000;
    line-height: 1.1;
    letter-spacing:-1px !important;
}

.cloux-title.style-2 {
    font-size: 2.692rem;
    font-weight: 800;
    text-transform: uppercase;
    color: #000000;
    line-height: 1.1;
}

.cloux-title.style-3 {
    font-size: 3.462rem;
    font-weight: 800;
    text-transform: uppercase;
    color: #000000;
    line-height: 1.1;
}

.cloux-title.style-4 {
    font-size: 2.154rem;
    font-weight: 800;
    text-transform: uppercase;
    color: #000000;
    line-height: 1.1;
    font-family:'Cairo-Regular';
    text-align:right;
    letter-spacing:-1px !important;
}

.cloux-title-wrapper.color-style-2 .cloux-title.style-1,
.cloux-title-wrapper.color-style-2 .cloux-title.style-2,
.cloux-title-wrapper.color-style-2 .cloux-title.style-3,
.cloux-title-wrapper.color-style-2 .cloux-title.style-4 {
    color: #FFFFFF;
}

.cloux-title.center {
    font-family: 'Cairo-Regular';
    text-align: center;
}

.cloux-title.left {
    font-family: 'Cairo-Regular';
    text-align: right;
}

.cloux-title.right {
    font-family: 'Cairo-Regular';
    text-align: left;
}



/*====== 3.2 Game List ======*/
.game-listing .post-pagination {
    margin-top: 3.385rem;
}

.game-details.style-1 {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 0.7692rem;
    line-height: 0.7692rem;
    text-transform: uppercase;
}

    .game-details.style-1,
    .game-details.style-1 a,
    .game-details.style-1 a:visited {
        color: #a0a0a0;
    }

        .game-details.style-1 > li {
            margin-right: 2.308rem;
            display: inline-block;
            padding-bottom: 0.3846rem;
        }

            .game-details.style-1 > li:last-child {
                margin-right: 0;
            }

            .game-details.style-1 > li > ul {
                list-style: none;
                padding: 0;
                margin: 0 0 -0.3846rem;
                display: inline-block;
                vertical-align: baseline;
            }

                .game-details.style-1 > li > ul > li {
                    display: inline-block;
                    margin-right: 0.2308rem;
                }

                    .game-details.style-1 > li > ul > li:after {
                        content: ',';
                    }

                    .game-details.style-1 > li > ul > li:last-child {
                        margin-right: 0rem;
                    }

                        .game-details.style-1 > li > ul > li:last-child:after {
                            display: none;
                        }

            .game-details.style-1 > li > i {
                display: inline-block;
                font-size: 0.9231rem;
                vertical-align: middle;
                margin-left: 0.7692rem;
            }

            .game-details.style-1 > li.price > i {
                font-size: 1.308rem;
            }

            .game-details.style-1 > li.price del {
                font-weight: 600;
            }

            .game-details.style-1 > li.price ins {
                display: inline-block;
                color: #cccccc;
            }

                .game-details.style-1 > li.price ins > span {
                    display: inline;
                    text-decoration: line-through;
                }

            .game-details.style-1 > li span {
                display: inline-block;
                font-size: 0.8462rem;
                vertical-align: middle;
            }



/*====== 3.3 Game Slider ======*/
.cloux-game-slider .wrap {
    background-position: center center;
    background-size: cover;
    padding: 11.54rem 0;
    text-align: center;
    color: #FFFFFF;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

    .cloux-game-slider .wrap:after,
    .cloux-game-slider .wrap:before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
    }

    .cloux-game-slider .wrap:after {
        background: -moz-linear-gradient(left, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
        opacity: 0.2;
    }

    .cloux-game-slider .wrap:before {
        background: #000000;
        opacity: 0.2;
    }

.cloux-game-slider .inner {
    max-width: 59.23rem;
    position: relative;
    z-index: 3;
    margin-left: auto;
    margin-right: auto;
}

.cloux-game-slider .title {
    font-size: 6.154rem;
    line-height: 6.154rem;
    font-weight: 800;
    margin-bottom: 2.308rem;
    text-transform: uppercase;
}

.cloux-game-slider .excerpt {
    margin-bottom: 3.231rem;
    font-size: 1.154rem;
}

.cloux-game-slider .game-details.style-1 {
    font-size: 0.9231rem;
    line-height: 0.9231rem;
    margin-bottom: 1.692rem;
}

    .cloux-game-slider .game-details.style-1 > li > i {
        font-size: 1.077rem;
        line-height: 1.077rem;
    }

    .cloux-game-slider .game-details.style-1,
    .cloux-game-slider .game-details.style-1 a,
    .cloux-game-slider .game-details.style-1 a:visited,
    .cloux-game-slider a,
    .cloux-game-slider a:visited {
        color: #FFFFFF;
    }

.cloux-game-slider .buttons > .cloux-button {
    display: inline-block;
    margin-right: 3.462rem;
}

    .cloux-game-slider .buttons > .cloux-button:last-child {
        margin-right: 0;
    }

.cloux-game-slider .slick-dots {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    bottom: 3.077rem;
    width: 100%;
}

    .cloux-game-slider .slick-dots li {
        display: inline-block;
        padding: 0 0.5385rem;
    }

        .cloux-game-slider .slick-dots li button {
            background: transparent;
            font-size: 0;
            width: 1.154rem;
            height: 1.154rem;
            border-radius: 50%;
            padding: 0;
            border: 1px solid #FFFFFF;
        }

            .cloux-game-slider .slick-dots li.slick-active button,
            .cloux-game-slider .slick-dots li button:hover,
            .cloux-game-slider .slick-dots li button:focus {
                background: #FFFFFF;
            }

.cloux-game-slider .slick-arrow {
    height: 6.923rem;
    width: 4.615rem;
    position: absolute;
    top: calc(0rem + -6.923rem);
    bottom: 0;
    margin: auto;
    z-index: 5;
    cursor: pointer;
    padding: 0.3846rem;
    opacity: 0.5;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

    .cloux-game-slider .slick-arrow:hover,
    .cloux-game-slider .slick-arrow:focus {
        opacity: 0.7;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -o-transition: 0.3s;
        -ms-transition: 0.3s;
        transition: 0.3s;
    }

    .cloux-game-slider .slick-arrow.prev {
        right: 7rem;
    }

    .cloux-game-slider .slick-arrow.next {
        right: 2.308rem;
    }

    .cloux-game-slider .slick-arrow.prev {
        background-image: url(include/assets/img/left-arrow-white.svg);
    }

    .cloux-game-slider .slick-arrow.next {
        background-image: url(include/assets/img/right-arrow-white.svg);
    }



/*====== 3.4 Banner Box ======*/
.banner-box {
    position: relative;
    background-size: cover;
    background-position: center center;
    color: #FFFFFF;
    padding: 3.462rem;
}

    .banner-box:before {
        content: '';
        display: block;
        background: #000000;
        opacity: 0.5;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

    .banner-box .wrap {
        position: relative;
        z-index: 2;
    }

    .banner-box .top-title {
        font-weight: 600;
        text-transform: uppercase;
        line-height: 1rem;
        margin-bottom: 0.6923rem;
    }

    .banner-box .main-title {
        font-size: 2.154rem;
        line-height: 2.154rem;
        font-weight: 800;
        text-transform: uppercase;
        margin-bottom: 1.692rem;
    }

    .banner-box .text {
        margin-bottom: 1.231rem;
        font-size: 0.9231rem;
    }

        .banner-box .text p:last-child {
            margin-bottom: 0rem;
        }



/*====== 3.5 Categorized Games ======*/
.categorized-games .tab-content .cloux-button {
    margin-top: 3.385rem;
}

.categorized-games .categorized-games-tabs {
    margin-bottom: 3.462rem;
}

    .categorized-games .categorized-games-tabs.left {
        text-align: left;
    }

    .categorized-games .categorized-games-tabs.right {
        text-align: right;
    }

    .categorized-games .categorized-games-tabs.center {
        text-align: center;
    }



/*====== 3.6 Blog ======*/
.cloux-blog > .post-list {
    margin: 0 -1.154rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: flex;
}

    .cloux-blog > .post-list .post-style-3 .image img {
        transform: translateX(0%);
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        width: 100%;
        max-width: 100%;
    }

    .cloux-blog > .post-list > .item {
        margin-bottom: 3.462rem;
        padding: 0 1.154rem;
    }

.cloux-blog.style-5 > .post-list > .item {
    margin-bottom: 4.615rem;
}

.cloux-blog.style-4 > .post-list > .item {
    margin-bottom: 1.538rem;
}

    .cloux-blog.style-4 > .post-list > .item:last-child {
        margin-bottom: 0rem;
    }

.cloux-blog > .post-list.column-1 > .item {
    width: 100%;
}

.cloux-blog > .post-list.column-2 > .item {
    width: 50%;
}

.cloux-blog > .post-list.column-3 > .item {
    width: 33.33333333333333%;
}

.cloux-blog > .post-list.column-4 > .item {
    width: 25%;
}

.cloux-blog > .post-list > .item.none-shadow > .post-style-1 {
    padding: 0;
    box-shadow: none !important;
}

    .cloux-blog > .post-list > .item.none-shadow > .post-style-1 .content {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0;
    }



/*====== 3.7 MailChimp Newsletter ======*/
.cloux-mailchimp {
    background-size: cover;
    background-position: center;
    position: relative;
    background-image: url('img/footerBg.jpg');
}

    .cloux-mailchimp.style-1:before,
    .cloux-mailchimp.style-2:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
        opacity: 0.75;
    }

    .cloux-mailchimp.style-2 {
        background: #000000;
    }

    .cloux-mailchimp .title {
        text-transform: uppercase;
        font-weight: 700;
    }

    .cloux-mailchimp.style-3 .title {
        margin-bottom: 1.154rem;
    }

    .cloux-mailchimp.style-1 .title,
    .cloux-mailchimp.style-2 .title {
        color: #FFFFFF;
        font-size: 2rem;
        font-weight: 800;
    }

    .cloux-mailchimp .content {
        width: 100%;
    }

    .cloux-mailchimp .mc4wp-alert {
        margin-top: 2.308rem;
        font-size: 0.9231rem;
    }

    .cloux-mailchimp.style-1 .inner,
    .cloux-mailchimp.style-2 .inner {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
        z-index: 2;
        padding: 0;
        margin: 0rem -1.154rem;
        padding: 2rem 0; /*5.769rem 0;*/
    }

        .cloux-mailchimp.style-1 .inner > div,
        .cloux-mailchimp.style-2 .inner > div {
            padding: 0rem 1.154rem;
            font-family: 'Cairo-Regular';
            direction: rtl;
            float: right;
            letter-spacing:-1px !important;
        }

        .cloux-mailchimp.style-1 .inner,
        .cloux-mailchimp.style-2 .inner,
        .cloux-mailchimp.style-1 .inner a,
        .cloux-mailchimp.style-1 .inner a:visited,
        .cloux-mailchimp.style-2 .inner a,
        .cloux-mailchimp.style-2 .inner a:visited {
            color: #FFFFFF;
            direction: rtl;
        }

    .cloux-mailchimp.style-1 .cloux-newsletter,
    .cloux-mailchimp.style-2 .cloux-newsletter {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0 -0.7692rem;
    }

        .cloux-mailchimp.style-1 .cloux-newsletter > .item,
        .cloux-mailchimp.style-2 .cloux-newsletter > .item {
            width: 90%;
            padding: 0 0.7692rem;
        }

        .cloux-mailchimp.style-1 .cloux-newsletter > .email,
        .cloux-mailchimp.style-2 .cloux-newsletter > .email {
            width: 100%;
        }

        .cloux-mailchimp.style-1 .cloux-newsletter > .button > button,
        .cloux-mailchimp.style-1 .cloux-newsletter > .button > input,
        .cloux-mailchimp.style-2 .cloux-newsletter > .button > button,
        .cloux-mailchimp.style-2 .cloux-newsletter > .button > input {
            width: 100%;
            background: #FFFFFF;
        }

            .cloux-mailchimp.style-1 .cloux-newsletter > .button > button:hover,
            .cloux-mailchimp.style-1 .cloux-newsletter > .button > input:hover,
            .cloux-mailchimp.style-1 .cloux-newsletter > .button > button:focus,
            .cloux-mailchimp.style-1 .cloux-newsletter > .button > input:focus,
            .cloux-mailchimp.style-2 .cloux-newsletter > .button > button:hover,
            .cloux-mailchimp.style-2 .cloux-newsletter > .button > input:hover,
            .cloux-mailchimp.style-2 .cloux-newsletter > .button > button:focus,
            .cloux-mailchimp.style-2 .cloux-newsletter > .button > input:focus {
                background: #000000;
            }

        .cloux-mailchimp.style-1 .cloux-newsletter > .item input[type="text"],
        .cloux-mailchimp.style-1 .cloux-newsletter > .item input[type="password"],
        .cloux-mailchimp.style-1 .cloux-newsletter > .item input[type="email"],
        .cloux-mailchimp.style-1 .cloux-newsletter > .item select,
        .cloux-mailchimp.style-2 .cloux-newsletter > .item input[type="text"],
        .cloux-mailchimp.style-2 .cloux-newsletter > .item input[type="password"],
        .cloux-mailchimp.style-2 .cloux-newsletter > .item input[type="email"],
        .cloux-mailchimp.style-2 .cloux-newsletter > .item select {
            background: transparent;
            border-color: #FFFFFF;
            color: #FFFFFF;
        }

        .cloux-mailchimp.style-1 .cloux-newsletter > .item input::-webkit-input-placeholder {
            color: #FFFFFF;
        }

        .cloux-mailchimp.style-1 .cloux-newsletter > .item input::-moz-placeholder {
            color: #FFFFFF;
        }

        .cloux-mailchimp.style-1 .cloux-newsletter > .item input:-ms-input-placeholder {
            color: #FFFFFF;
        }

        .cloux-mailchimp.style-1 .cloux-newsletter > .item input:-moz-placeholder {
            color: #FFFFFF;
        }

        .cloux-mailchimp.style-2 .cloux-newsletter > .item input::-webkit-input-placeholder {
            color: #FFFFFF;
        }

        .cloux-mailchimp.style-2 .cloux-newsletter > .item input::-moz-placeholder {
            color: #FFFFFF;
        }

        .cloux-mailchimp.style-2 .cloux-newsletter > .item input:-ms-input-placeholder {
            color: #FFFFFF;
        }

        .cloux-mailchimp.style-2 .cloux-newsletter > .item input:-moz-placeholder {
            color: #FFFFFF;
        }

    .cloux-mailchimp.style-3 .cloux-newsletter .item {
        margin-bottom: 1.154rem;
    }

        .cloux-mailchimp.style-3 .cloux-newsletter .item > input,
        .cloux-mailchimp.style-3 .cloux-newsletter .item.button > button {
            width: 100%;
        }

        .cloux-mailchimp.style-3 .cloux-newsletter .item:last-child {
            margin-bottom: 0rem;
        }



/*====== 3.8 Content Box ======*/
.cloux-content-box {
    background-size: cover;
    background-position: center;
    position: relative;
    overflow: hidden;
}

    .cloux-content-box .inner {
        padding-left: 0;
        padding-right: 0;
    }

    .cloux-content-box.padding-150 .inner {
        padding-top: 11.54rem;
        padding-bottom: 11.54rem;
    }

    .cloux-content-box.padding-90 .inner {
        padding-top: 6.923rem;
        padding-bottom: 6.923rem;
    }

    .cloux-content-box.padding-75 .inner {
        padding-top: 5.769rem;
        padding-bottom: 5.769rem;
    }

    .cloux-content-box.padding-50 .inner {
        padding-top: 3.846rem;
        padding-bottom: 3.846rem;
    }

    .cloux-content-box.padding-45 .inner {
        padding-top: 3.462rem;
        padding-bottom: 3.462rem;
    }

    .cloux-content-box.padding-30 .inner {
        padding-top: 2.308rem;
        padding-bottom: 2.308rem;
    }

    .cloux-content-box.padding-15 .inner {
        padding-top: 1.154rem;
        padding-bottom: 1.154rem;
    }

    .cloux-content-box.padding-0 .inner {
        padding-top: 0rem;
        padding-bottom: 0rem;
    }

    .cloux-content-box.content-left .inner {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

    .cloux-content-box.style-1:before,
    .cloux-content-box.style-2:before,
    .cloux-content-box.style-3:before {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 1;
        content: '';
        display: block;
    }

    .cloux-content-box.style-1:before {
        background: #000000;
        opacity: 0.6;
    }

    .cloux-content-box.style-2:before {
        background: #FFFFFF;
        opacity: 0.8;
    }

    .cloux-content-box.style-3:before {
        background: #000000;
        opacity: 0.6;
    }

    .cloux-content-box .inner.main-content {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0 -2.692rem;
        position: relative;
        z-index: 3;
    }

    .cloux-content-box .logos ul:before,
    .cloux-content-box .logos ul:after {
        content: '';
        display: block;
        clear: both;
    }

    .cloux-content-box .logos ul {
        margin: 0 -1.154rem -2.308rem;
        list-style: none;
        padding: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .cloux-content-box .logos ul li {
            padding: 0 1.154rem 2.308rem;
            width: 50%;
        }

            .cloux-content-box .logos ul li:nth-child(2n+1) {
                clear: both;
            }

    .cloux-content-box .inner > .media-content {
        min-width: 40.77rem;
        max-width: 100%;
    }

        .cloux-content-box .inner > .media-content img {
            width: 35.38rem;
        }

        .cloux-content-box .inner > .media-content.image > img,
        .cloux-content-box .inner > .media-content > video,
        .cloux-content-box .inner > .media-content > embed,
        .cloux-content-box .inner > .media-content > iframe,
        .cloux-content-box .inner > .media-content > audio {
            width: 100%;
        }

        .cloux-content-box .inner > .media-content > video,
        .cloux-content-box .inner > .media-content > embed,
        .cloux-content-box .inner > .media-content > iframe,
        .cloux-content-box .inner > .media-content > audio {
            height: 19.92rem;
        }

    .cloux-content-box .inner > .media-content,
    .cloux-content-box .inner > .content {
        padding: 0 2.692rem;
    }

    .cloux-content-box .title {
        font-size: 3.846rem;
        line-height: 3.846rem;
        font-weight: 800;
        text-transform: uppercase;
        margin-bottom: 2.538rem;
    }

    .cloux-content-box.separate-titles-true .title span {
        display: block;
    }

    .cloux-content-box .popup .title,
    .cloux-content-box.style-2 .content .title {
        color: #000000;
    }

    .cloux-content-box.style-5 .content .title,
    .cloux-content-box.style-5 .content > .excerpt,
    .cloux-content-box.style-1 .content .title,
    .cloux-content-box.style-1 .content > .excerpt,
    .cloux-content-box.style-3 .content .title,
    .cloux-content-box.style-3 .content > .excerpt {
        color: #ffffff;
    }

    .cloux-content-box.style-4 .content .title {
        color: #000000;
    }

    .cloux-content-box.style-3 .title > span {
        color: #000000;
    }

    .cloux-content-box .content > .buttons > .cloux-button {
        margin-right: 2.308rem;
        display: inline-block;
    }

        .cloux-content-box .content > .buttons > .cloux-button:last-child {
            margin-right: 0rem;
        }

    .cloux-content-box .content > .buttons.style-1 {
        margin-top: 4.077rem;
    }

    .cloux-content-box .content > .buttons.style-3,
    .cloux-content-box .content > .buttons.style-2 {
        margin-top: 2.538rem;
    }

    .cloux-content-box .popup {
        background: rgba(255, 255, 255, 0.98);
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 200;
        padding: 0;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

        .cloux-content-box .popup.style-1,
        .cloux-content-box .popup.style-2 {
            position: absolute;
        }

        .cloux-content-box .popup.style-3 {
            position: fixed;
        }

        .cloux-content-box .popup .hover-color {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

        .cloux-content-box .popup .hover-color-c {
            background-color: #000000;
        }

        .cloux-content-box .popup .wrap {
            background: #FFFFFF;
            width: 100%;
            top: 0;
            height: 100%;
            position: absolute;
            left: 0;
        }

        .cloux-content-box .popup.style-1 .wrap,
        .cloux-content-box .popup.style-2 .wrap {
            padding: 6.923rem 0;
        }

        .cloux-content-box .popup.style-3 .wrap {
            padding: 11.54rem 0;
        }

        .cloux-content-box .popup,
        .cloux-content-box .popup .hover-color,
        .cloux-content-box .popup .wrap {
            transform: translateX(-100%);
            -webkit-transform: translateX(-100%);
            -moz-transform: translateX(-100%);
        }

            .cloux-content-box .popup.hover,
            .cloux-content-box .popup.hover .hover-color,
            .cloux-content-box .popup.hover .wrap {
                transform: translateX(0%);
                -webkit-transform: translateX(0%);
                -moz-transform: translateX(0%);
            }

            .cloux-content-box .popup .cloux-close {
                position: absolute;
                top: 0;
                right: 0;
                z-index: 10;
                transform: translateY(-100%);
                -webkit-transform: translateY(-100%);
                -moz-transform: translateY(-100%);
            }

            .cloux-content-box .popup.style-1 .wrap,
            .cloux-content-box .popup.style-1 .wrap .title > span {
                color: #FFFFFF;
            }

            .cloux-content-box .popup .wrap-block {
                position: relative;
                height: 100%;
            }

                .cloux-content-box .popup .wrap-block > .container {
                    max-height: 100%;
                    height: 100%;
                }

            .cloux-content-box .popup.style-3 .wrap-block > .container {
                max-height: 100%;
                height: 100%;
                max-width: 100%;
                padding: 0 11.54rem;
            }

            .cloux-content-box .popup .hover-content-wrap {
                position: relative;
                width: 100%;
                height: 100%;
                max-height: 100%;
            }

                .cloux-content-box .popup .hover-content-wrap .scroll-wrapper {
                    width: 100%;
                    height: 100%;
                }



/*====== 3.9 Social Links ======*/
.cloux-social-links.style-1,
.cloux-social-links.style-2 {
    background-color: #FFFFFF;
}

    .cloux-social-links.style-1 ul,
    .cloux-social-links.style-2 ul,
    .cloux-social-links.style-3 ul {
        list-style: none;
        padding-top: 2rem; /*5.769rem;*/
        padding-bottom: 0; /*2.846rem;*/
        margin: 0; /*0 -1.154rem;*/
        padding-left: 0;
        padding-right: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        display: flex;
    }

.cloux-social-links.style-3 ul {
    margin: 0rem -0.3846rem -0.3846rem;
}

    .cloux-social-links.style-1 ul:before,
    .cloux-social-links.style-1 ul:before,
    .cloux-social-links.style-3 ul:before,
    .cloux-social-links.style-2 ul:after,
    .cloux-social-links.style-2 ul:after,
    .cloux-social-links.style-3 ul:after {
        content: '';
        display: block;
        clear: both;
    }

.cloux-social-links.style-1 ul li,
.cloux-social-links.style-2 ul li {
    display: block;
    text-align: center;
    margin-bottom: 2.308rem;
    padding: 0 1.154rem;
}

.cloux-social-links.style-3 ul li {
    text-align: center;
    padding: 0rem 0.3846rem;
    margin-bottom: 0.3846rem;
}

.cloux-social-links.column-1 ul li {
    width: 100%;
}

.cloux-social-links.column-2 ul li {
    width: 50%;
}

.cloux-social-links.column-3 ul li {
    width: 33.33333333333333%;
}

.cloux-social-links.column-4 ul li {
    width: 25%;
}

.cloux-social-links.column-5 ul li {
    width: 20%;
}

.cloux-social-links.column-6 ul li {
    width: 16.66666666666667%;
}

.cloux-social-links.column-7 ul li {
    width: 14.28571428571429%;
}

.cloux-social-links.style-1 ul li i,
.cloux-social-links.style-2 ul li i {
    font-size: 2.692rem;
    line-height: 2.692rem;
    display: block;
    margin-bottom: 1.154rem;
}

.cloux-social-links.style-3 ul li i {
    font-size: 1.308rem;
    line-height: 1.308rem;
    display: block;
    color: #FFFFFF;
}

.cloux-social-links.style-1 ul li span,
.cloux-social-links.style-2 ul li span {
    color: #000000;
    text-transform: uppercase;
    font-size: 1.154rem;
    font-weight: 600;
    display: block;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3;
}

.cloux-social-links.style-3 ul li span {
    display: none;
}

.cloux-social-links.style-3 ul li a,
.cloux-social-links.style-3 ul li a:visited {
    display: block;
    padding: 1.538rem 1.154rem;
}



/*====== 3.10 App Box ======*/
.cloux-app-box:before,
.cloux-app-box:after {
    content: '';
    display: block;
    clear: both;
}

.cloux-app-box ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.cloux-app-box.style-1 ul,
.cloux-app-box.style-2 ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: flex;
}

.cloux-app-box ul:before {
    content: '';
    display: block;
    clear: both;
}

.cloux-app-box ul li a,
.cloux-app-box ul li a:visited {
    display: block;
    width: 100%;
    height: 100%;
}

.cloux-app-box.style-1 ul li,
.cloux-app-box.style-2 ul li {
    width: 50%;
}

.cloux-app-box.style-1,
.cloux-app-box.style-2 {
    font-size: 0.9231rem;
    line-height: 1.4rem;
}

    .cloux-app-box.style-1 ul,
    .cloux-app-box.style-2 ul {
        margin: 0 -0.5385rem -1.538rem;
    }

        .cloux-app-box.style-1 ul li i,
        .cloux-app-box.style-2 ul li i {
            font-size: 1.846rem;
            line-height: 2.5rem;
            display: inline-block;
            margin-right: 1.154rem;
            vertical-align: middle;
        }

        .cloux-app-box.style-1 ul li .text,
        .cloux-app-box.style-2 ul li .text {
            display: inline-block;
            vertical-align: middle;
            width: calc(100% - 3rem);
        }

        .cloux-app-box.style-1 ul li a,
        .cloux-app-box.style-1 ul li a:visited,
        .cloux-app-box.style-2 ul li a,
        .cloux-app-box.style-2 ul li a:visited {
            border: 1px solid #000000;
            padding: 1.154rem 1.538rem;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
        }

            .cloux-app-box.style-1 ul li a,
            .cloux-app-box.style-1 ul li a:visited {
                border-color: rgba(119, 119, 119, 0.25098039215686274);
                color: #777777;
            }

            .cloux-app-box.style-2 ul li a,
            .cloux-app-box.style-2 ul li a:visited {
                border-color: rgba(255, 255, 255, 0.15);
                color: #FFFFFF;
            }

        .cloux-app-box.style-1 ul li,
        .cloux-app-box.style-2 ul li {
            padding: 0 0.7692rem 1.538rem;
        }

            .cloux-app-box.style-1 ul li a:hover,
            .cloux-app-box.style-1 ul li a:focus,
            .cloux-app-box.style-2 ul li a:hover,
            .cloux-app-box.style-2 ul li a:focus {
                color: #FFFFFF;
            }



/*====== 3.11 Game Search ======*/
.cloux-game-search {
    z-index: 15;
}

    .cloux-game-search .no-page {
        z-index: 2;
        position: relative;
    }

    .cloux-game-search.column-1 .items .item {
        width: 100%;
    }

    .cloux-game-search.column-2 .items .item {
        width: 50%;
    }

    .cloux-game-search.column-3 .items .item {
        width: 33.33333333333333%;
    }

    .cloux-game-search.column-4 .items .item {
        width: 25%;
    }

    .cloux-game-search.column-5 .items .item {
        width: 20%;
    }

    .cloux-game-search.column-6 .items .item {
        width: 16.66666666666667%;
    }

    .cloux-game-search.column-7 .items .item {
        width: 14.28571428571429%;
    }

    .cloux-game-search.style-1 {
        padding: 1.5rem 0 0; /*4.615rem 0rem 3.077rem;*/
        background-size: cover;
        background-position: center;
        position: relative;
    }

        .cloux-game-search.style-1:before {
            content: '';
            display: block;
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            opacity: 0.75;
        }

        .cloux-game-search.style-1 .no-page {
            color: #FFFFFF;
        }

        .cloux-game-search.style-3 .title,
        .cloux-game-search.style-2 .title,
        .cloux-game-search.style-1 .title {
            font-size: 2rem;
            line-height: 2rem;
            font-weight: 800;
            padding-right: 2.308rem;
            text-transform: uppercase;
        }

        .cloux-game-search.style-1 .title {
            color: #FFFFFF;
        }

    .cloux-game-search.style-3 .title,
    .cloux-game-search.style-2 .title {
        color: #000000;
    }

    .cloux-game-search.style-1 input[type="text"],
    .cloux-game-search.style-1 input[type="password"],
    .cloux-game-search.style-1 input[type="email"],
    .cloux-game-search.style-1 select,
    .cloux-game-search.style-1 input[type="text"],
    .cloux-game-search.style-1 input[type="password"],
    .cloux-game-search.style-1 input[type="email"],
    .cloux-game-search.style-1 select {
        background: transparent;
        border-color: #FFFFFF;
        color: #FFFFFF;
    }

    .cloux-game-search.style-1 .item > .cs-select {
        background: transparent;
        border-color: #FFFFFF;
    }

        .cloux-game-search.style-1 .item > .cs-select > span::after,
        .cloux-game-search.style-1 .item > .cs-select .cs-placeholder {
            color: #FFFFFF;
        }

    .cloux-game-search.style-1 input::-webkit-input-placeholder {
        color: #FFFFFF;
    }

    .cloux-game-search.style-1 input::-moz-placeholder {
        color: #FFFFFF;
    }

    .cloux-game-search.style-1 input:-ms-input-placeholder {
        color: #FFFFFF;
    }

    .cloux-game-search.style-1 input:-moz-placeholder {
        color: #FFFFFF;
    }

    .cloux-game-search.style-1 input::-webkit-input-placeholder {
        color: #FFFFFF;
    }

    .cloux-game-search.style-1 input::-moz-placeholder {
        color: #FFFFFF;
    }

    .cloux-game-search.style-1 input:-ms-input-placeholder {
        color: #FFFFFF;
    }

    .cloux-game-search.style-1 input:-moz-placeholder {
        color: #FFFFFF;
    }

    .cloux-game-search.style-2 .items,
    .cloux-game-search.style-1 .items {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
        z-index: 3;
    }

        .cloux-game-search.style-3 .items .cs-select,
        .cloux-game-search.style-3 .items select,
        .cloux-game-search.style-3 .items input,
        .cloux-game-search.style-3 .items textarea,
        .cloux-game-search.style-3 .items button,
        .cloux-game-search.style-2 .items button,
        .cloux-game-search.style-1 .items button {
            width: 100%;
        }

        .cloux-game-search.style-1 .items button {
            background-color: #FFFFFF;
        }

            .cloux-game-search.style-1 .items button:hover,
            .cloux-game-search.style-1 .items button:focus {
                background: #000000;
            }

    .cloux-game-search.style-2 .items,
    .cloux-game-search.style-1 .items {
        margin: 0 -0.7692rem;
        direction: rtl;
    }

        .cloux-game-search.style-2 .items .item,
        .cloux-game-search.style-1 .items .item {
            padding: 0 0.7692rem;
            margin-bottom: 1.538rem;
        }

    .cloux-game-search.style-3 .items .item {
        margin-bottom: 0.7692rem;
    }

        .cloux-game-search.style-3 .items .item:last-child {
            margin-bottom: 0;
        }



/*====== 3.12 Woo Products ======*/
.cloux-woo-product .product-list {
    margin: 0 -1.154rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: flex;
    position: relative;
}

    .cloux-woo-product .product-list > .item {
        padding: 0 1.154rem;
        margin-bottom: 3.462rem;
    }

    .cloux-woo-product .product-list.column-1 > .item {
        width: 100%;
    }

    .cloux-woo-product .product-list.column-2 > .item {
        width: 50%;
    }

    .cloux-woo-product .product-list.column-3 > .item {
        width: 33.33333333333333%;
    }

    .cloux-woo-product .product-list.column-4 > .item {
        width: 25%;
    }

    .cloux-woo-product .product-list.column-5 > .item {
        width: 20%;
    }



/*====== 3.13 Game Carousel ======*/
.cloux-game-carousel .wrap {
    position: relative;
    color: #FFFFFF;
    height: 34.62rem;
    background-size: cover;
    background-position: center;
}

    .cloux-game-carousel .wrap > a,
    .cloux-game-carousel .wrap > a:visited {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 3;
    }

    .cloux-game-carousel .wrap:before {
        content: '';
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 1;
        background: #000000;
        opacity: 0.3;
    }

    .cloux-game-carousel .wrap .game-details.style-1 {
        margin-bottom: 1rem;
    }

        .cloux-game-carousel .wrap .game-details.style-1,
        .cloux-game-carousel .wrap .game-details.style-1 a,
        .cloux-game-carousel .wrap .game-details.style-1 a:visited {
            color: #FFFFFF;
        }

    .cloux-game-carousel .wrap .inner {
        position: absolute;
        z-index: 2;
        left: 3.462rem;
        right: 3.462rem;
        bottom: 3.077rem;
    }

    .cloux-game-carousel .wrap .title {
        font-size: 2.308rem;
        line-height: 2.308rem;
        font-weight: 800;
        text-transform: uppercase;
        color: #ffffff;
    }

.cloux-game-carousel .slick-dots {
    list-style: none;
    padding: 0;
    margin: 1.538rem 0 0;
    text-align: center;
}

    .cloux-game-carousel .slick-dots li {
        display: inline-block;
        padding: 0 0.3846rem;
    }

        .cloux-game-carousel .slick-dots li button {
            background: transparent;
            font-size: 0;
            width: 1.154rem;
            height: 1.154rem;
            border-radius: 50%;
            padding: 0;
            border: 1px solid #e5e5e5;
        }

.cloux-game-carousel .slick-arrow {
    position: absolute;
    background: #FFFFFF;
    font-size: 1.077rem;
    bottom: 3.308rem;
    z-index: 1;
    cursor: pointer;
    width: 3.077rem;
    height: 3.077rem;
    line-height: 3.077rem;
    background-size: 1.154rem;
    background-position: center;
    background-repeat: no-repeat;
}

.cloux-game-carousel.dots-deactive .slick-arrow {
    bottom: 0;
}

.cloux-game-carousel .slick-arrow.next {
    right: 0;top:50%;background-color:transparent;
}

.cloux-game-carousel .slick-arrow.prev {
    left: 0;
    top: 50%;
    background-color: transparent;
}

.cloux-game-carousel .slick-arrow.prev {
    background-image: url(include/assets/img/left-arrow-dark.svg);
}

.cloux-game-carousel .slick-arrow.next {
    background-image: url(include/assets/img/right-arrow-dark.svg);
}



/*====== 3.14 Content Slider ======*/
.cloux-content-slider .cloux-element-wrapper {
    position: relative;
    z-index: 3;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.cloux-content-slider .wrap {
    background-position: center center;
    background-size: cover;
    padding: 5.769rem 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

    .cloux-content-slider .wrap.style-1 {
        color: #FFFFFF;
    }

    .cloux-content-slider .wrap:after,
    .cloux-content-slider .wrap:before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
    }

    .cloux-content-slider .wrap.style-1:after {
        background: -moz-linear-gradient(left, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
        opacity: 0.2;
    }

    .cloux-content-slider .wrap.style-1:before {
        background: #000000;
        opacity: 0.2;
    }

.cloux-content-slider .images {
    position: relative;
}

    .cloux-content-slider .images ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .cloux-content-slider .images ul li {
            margin-bottom: 3.462rem;
        }

            .cloux-content-slider .images ul li:last-child {
                margin-bottom: 0;
            }

.cloux-content-slider .title {
    display: inline-block;
    font-size: 6.538rem;
    line-height: 6.538rem;
    font-weight: 800;
    margin-bottom: 2.692rem;
    text-transform: uppercase;
}

.cloux-content-slider .text {
    font-size: 1.154rem;
    min-width: 42.31rem;
}

.cloux-content-slider .wrap.style-2 .title {
    color: #000000;
}

.cloux-content-slider .wrap.separate-titles-true .title span {
    display: block;
}

.cloux-content-slider .excerpt {
    margin-bottom: 3.231rem;
}

.cloux-content-slider a,
.cloux-content-slider a:visited {
    color: #FFFFFF;
}

.cloux-content-slider .buttons {
    margin-top: 3.385rem;
}

    .cloux-content-slider .buttons > .cloux-button {
        display: inline-block;
        margin-right: 3.462rem;
    }

        .cloux-content-slider .buttons > .cloux-button:last-child {
            margin-right: 0;
        }

    .cloux-content-slider .buttons.style-2,
    .cloux-content-slider .buttons.style-3 {
        margin-top: 2.692rem;
    }

.cloux-content-slider .slick-dots {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    bottom: 3.077rem;
    width: 100%;
}

    .cloux-content-slider .slick-dots li {
        display: inline-block;
        padding: 0 0.5385rem;
    }

        .cloux-content-slider .slick-dots li button {
            background: transparent;
            font-size: 0;
            width: 1.308rem;
            height: 1.308rem;
            border-radius: 50%;
            padding: 0;
            border: 1px solid #FFFFFF;
        }

.cloux-content-slider.style-2 .slick-dots li button {
    border-color: #e5e5e5;
}

.cloux-content-slider.style-1 .slick-dots li.slick-active button,
.cloux-content-slider.style-1 .slick-dots li button:hover,
.cloux-content-slider.style-1 .slick-dots li button:focus {
    background: #FFFFFF;
}

.cloux-content-slider .slick-arrow {
    height: 6.923rem;
    width: 4.615rem;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 5;
    cursor: pointer;
    padding: 0.3846rem;
    opacity: 0.1;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.cloux-content-slider.style-1 .slick-arrow {
    opacity: 0.3;
}

.cloux-content-slider .slick-arrow:hover,
.cloux-content-slider .slick-arrow:focus {
    opacity: 0.15;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
}

.cloux-content-slider .slick-arrow.prev {
    right: 7rem;
}

.cloux-content-slider .slick-arrow.next {
    right: 2.308rem;
}

.cloux-content-slider.style-1 .slick-arrow.prev {
    background-image: url(include/assets/img/left-arrow-white.svg);
}

.cloux-content-slider.style-1 .slick-arrow.next {
    background-image: url(include/assets/img/right-arrow-white.svg);
}

.cloux-content-slider.style-2 .slick-arrow.prev {
    background-image: url(include/assets/img/left-arrow-dark.svg);
}

.cloux-content-slider.style-2 .slick-arrow.next {
    background-image: url(include/assets/img/right-arrow-dark.svg);
}



/*====== 3.15 Character Box ======*/
.cloux-character-box .characters {
    margin: 0 -1.154rem -2.308rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: flex;
    position: relative;
}

    .cloux-character-box .characters > .item > .image {
        position: relative;
        cursor: pointer;
        overflow: hidden;
    }

        .cloux-character-box .characters > .item > .image .plus {
            position: absolute;
            width: 4.615rem;
            height: 4.615rem;
            right: 0;
            left: 0;
            top: 0;
            bottom: 0;
            margin: auto;
            -webkit-transition: 0.6s;
            -moz-transition: 0.6s;
            -o-transition: 0.6s;
            -ms-transition: 0.6s;
            transition: 0.6s;
            opacity: 0;
            visibility: hidden;
        }

    .cloux-character-box .characters > .item:hover > .image .plus,
    .cloux-character-box .characters > .item:focus > .image .plus {
        -webkit-transition: 0.6s;
        -moz-transition: 0.6s;
        -o-transition: 0.6s;
        -ms-transition: 0.6s;
        transition: 0.6s;
        opacity: 1;
        visibility: visible;
    }

    .cloux-character-box .characters > .item > .image .plus:before,
    .cloux-character-box .characters > .item > .image .plus:after {
        position: absolute;
        content: '';
        display: block;
        background: #FFFFFF;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        margin: auto;
    }

    .cloux-character-box .characters > .item > .image .plus:before {
        width: 1px;
        height: 4.615rem;
    }

    .cloux-character-box .characters > .item > .image .plus:after {
        height: 1px;
        width: 4.615rem;
    }

    .cloux-character-box .characters > .item > .image:before {
        content: '';
        display: block;
        opacity: 0.6;
        background: #000000;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 0%;
        -webkit-transition: 0.6s;
        -moz-transition: 0.6s;
        -o-transition: 0.6s;
        -ms-transition: 0.6s;
        transition: 0.6s;
    }

    .cloux-character-box .characters > .item:focus > .image:before,
    .cloux-character-box .characters > .item:hover > .image:before {
        height: 100%;
        -webkit-transition: 0.6s;
        -moz-transition: 0.6s;
        -o-transition: 0.6s;
        -ms-transition: 0.6s;
        transition: 0.6s;
    }

    .cloux-character-box .characters > .item > .image > .name-wrapper {
        position: absolute;
        text-align: center;
        width: 100%;
        bottom: 2.308rem;
        left: 0;
        right: 0;
        -webkit-transition: 0.6s;
        -moz-transition: 0.6s;
        -o-transition: 0.6s;
        -ms-transition: 0.6s;
        transition: 0.6s;
    }

    .cloux-character-box .characters > .item:focus > .image > .name-wrapper,
    .cloux-character-box .characters > .item:hover > .image > .name-wrapper {
        bottom: -100%;
        -webkit-transition: 0.6s;
        -moz-transition: 0.6s;
        -o-transition: 0.6s;
        -ms-transition: 0.6s;
        transition: 0.6s;
    }

    .cloux-character-box .characters > .item > .image .name {
        color: #000000;
        font-size: 1.154rem;
        line-height: 1.154rem;
        font-weight: 800;
        text-transform: uppercase;
        padding: 1.308rem 2.308rem;
        display: inline-block;
    }

    .cloux-character-box .characters > .item .cloux-modal .name {
        font-size: 3.846rem;
        line-height: 3.846rem;
        font-weight: 800;
        text-transform: uppercase;
        margin-bottom: 2.538rem;
        color: #000000;
    }

    .cloux-character-box .characters > .item .content-inner {
        height: 100%;
    }

    .cloux-character-box .characters > .item {
        padding: 0 1.154rem;
        margin-bottom: 2.308rem;
    }

.cloux-character-box.column-1 .characters > .item {
    width: 100%;
}

.cloux-character-box.column-2 .characters > .item {
    width: 50%;
}

.cloux-character-box.column-3 .characters > .item {
    width: 33.33333333333333%;
}

.cloux-character-box.column-4 .characters > .item {
    width: 25%;
}

.cloux-character-box.column-5 .characters > .item {
    width: 20%;
}



/*====== 3.16 Video Carousel ======*/
.cloux-video-carousel-element {
    margin: 0 -2.308rem;
}

.cloux-video-carousel .item {
    padding: 2.308rem 2.308rem 1.154rem;
    opacity: 0.4;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    transition: 0.4s;
}

    .cloux-video-carousel .item.slick-active.slick-current {
        opacity: 1;
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        -o-transition: 0.4s;
        -ms-transition: 0.4s;
        transition: 0.4s;
    }

.cloux-video-carousel .slick-dots {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
    width: 100%;
}

    .cloux-video-carousel .slick-dots li {
        display: inline-block;
        padding: 0 0.5385rem;
    }

        .cloux-video-carousel .slick-dots li button {
            background: transparent;
            font-size: 0;
            width: 1.154rem;
            height: 1.154rem;
            border-radius: 50%;
            padding: 0;
            border: 1px solid #e5e5e5;
        }

.cloux-video-carousel .slick-arrow {
    height: 6rem;
    width: 6rem;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 5;
    cursor: pointer;
    padding: 0.3846rem;
    opacity: 0.6;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

    .cloux-video-carousel .slick-arrow:hover,
    .cloux-video-carousel .slick-arrow:focus {
        opacity: 0.85;
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        -o-transition: 0.4s;
        -ms-transition: 0.4s;
        transition: 0.4s;
    }

    .cloux-video-carousel .slick-arrow.prev {
        left: 4.208rem;
        background-image: url(include/assets/img/left-arrow-white.svg);
    }

    .cloux-video-carousel .slick-arrow.next {
        right: 4.208rem;
        background-image: url(include/assets/img/right-arrow-white.svg);
    }


/*====== 3.17 Video Carousel ======*/
.cloux-achievement-list.style-2,
.cloux-achievement-list.style-2 p,
.cloux-achievement-list.style-2 a,
.cloux-achievement-list.style-2 a:visited,
.cloux-achievement-list.style-2 a p,
.cloux-achievement-list.style-2 a:visited p,
.cloux-achievement-list.style-4,
.cloux-achievement-list.style-4 p,
.cloux-achievement-list.style-4 a,
.cloux-achievement-list.style-4 a:visited,
.cloux-achievement-list.style-4 a p,
.cloux-achievement-list.style-4 a:visited p {
    color: #FFFFFF;
}

.cloux-achievement-list .number,
.cloux-achievement-list .number {
    height: 4.231rem;
    line-height: 3.615rem;
    width: 4.231rem;
    border: 0.1538rem solid #eeeeee;
    font-size: 1.385rem;
    text-align: center;
    font-weight: 800;
    text-transform: uppercase;
    padding: 0.2308rem;
    margin-right: 1.923rem;
}

.cloux-achievement-list.style-4 .title,
.cloux-achievement-list.style-3 .title,
.cloux-achievement-list.style-2 .title,
.cloux-achievement-list.style-1 .title {
    font-weight: 800;
    text-transform: uppercase;
    font-size: 1.615rem;
    line-height: 1.615rem;
}

.cloux-achievement-list ul {
    list-style: none;
    padding: 0;
    margin: 0 -1.154rem -2.308rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .cloux-achievement-list ul li {
        padding: 0 1.154rem 2.308rem;
    }

        .cloux-achievement-list ul li,
        .cloux-achievement-list ul li a,
        .cloux-achievement-list ul li a:visited {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

            .cloux-achievement-list ul li p {
                margin: 0 0 0.3077rem;
                font-size: 0.9231rem;
                color: #999999;
            }

.cloux-achievement-list.column-1 ul li {
    width: 100%
}

.cloux-achievement-list.column-2 ul li {
    width: 50%
}

.cloux-achievement-list.column-3 ul li {
    width: 33.33333333333333%
}

.cloux-achievement-list.column-4 ul li {
    width: 25%
}

.cloux-achievement-list.column-5 ul li {
    width: 20%
}



/*====== 3.18 eSport Players ======*/
.cloux-esport-players .esport-game-tabs {
    margin-bottom: 3.462rem;
}

    .cloux-esport-players .esport-game-tabs.left {
        text-align: left;
    }

    .cloux-esport-players .esport-game-tabs.right {
        text-align: right;
    }

    .cloux-esport-players .esport-game-tabs.center {
        text-align: center;
    }

.cloux-esport-players .player-list {
    margin: 0rem -1.154rem -2.308rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: flex;
    position: relative;
}

    .cloux-esport-players .player-list > .item > .image {
        position: relative;
        cursor: pointer;
        overflow: hidden;
    }

        .cloux-esport-players .player-list > .item > .image .plus {
            position: absolute;
            width: 4.615rem;
            height: 4.615rem;
            right: 0;
            left: 0;
            top: 0;
            bottom: 0;
            margin: auto;
            -webkit-transition: 0.6s;
            -moz-transition: 0.6s;
            -o-transition: 0.6s;
            -ms-transition: 0.6s;
            transition: 0.6s;
            opacity: 0;
            visibility: hidden;
        }

    .cloux-esport-players .player-list > .item:hover > .image .plus,
    .cloux-esport-players .player-list > .item:focus > .image .plus {
        -webkit-transition: 0.6s;
        -moz-transition: 0.6s;
        -o-transition: 0.6s;
        -ms-transition: 0.6s;
        transition: 0.6s;
        opacity: 1;
        visibility: visible;
    }

    .cloux-esport-players .player-list > .item > .image .plus:before,
    .cloux-esport-players .player-list > .item > .image .plus:after {
        position: absolute;
        content: '';
        display: block;
        background: #FFFFFF;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        margin: auto;
    }

    .cloux-esport-players .player-list > .item > .image .plus:before {
        width: 1px;
        height: 4.615rem;
    }

    .cloux-esport-players .player-list > .item > .image .plus:after {
        height: 1px;
        width: 4.615rem;
    }

    .cloux-esport-players .player-list > .item > .image:before {
        content: '';
        display: block;
        opacity: 0.6;
        background: #000000;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 0%;
        -webkit-transition: 0.6s;
        -moz-transition: 0.6s;
        -o-transition: 0.6s;
        -ms-transition: 0.6s;
        transition: 0.6s;
    }

    .cloux-esport-players .player-list > .item:focus > .image:before,
    .cloux-esport-players .player-list > .item:hover > .image:before {
        height: 100%;
        -webkit-transition: 0.6s;
        -moz-transition: 0.6s;
        -o-transition: 0.6s;
        -ms-transition: 0.6s;
        transition: 0.6s;
    }

    .cloux-esport-players .player-list > .item > .image .username-wrapper {
        position: absolute;
        text-align: center;
        width: 100%;
        bottom: 2.308rem;
        left: 0;
        right: 0;
        -webkit-transition: 0.6s;
        -moz-transition: 0.6s;
        -o-transition: 0.6s;
        -ms-transition: 0.6s;
        transition: 0.6s;
    }

    .cloux-esport-players .player-list > .item:focus > .image .username-wrapper,
    .cloux-esport-players .player-list > .item:hover > .image .username-wrapper {
        bottom: -100%;
        -webkit-transition: 0.6s;
        -moz-transition: 0.6s;
        -o-transition: 0.6s;
        -ms-transition: 0.6s;
        transition: 0.6s;
    }

    .cloux-esport-players .player-list > .item .image .username {
        color: #000000;
        font-size: 1.154rem;
        line-height: 1.154rem;
        font-weight: 800;
        text-transform: uppercase;
        padding: 1.308rem 2.308rem;
        display: inline-block;
    }

    .cloux-esport-players .player-list > .item .cloux-modal .username {
        font-size: 3.846rem;
        line-height: 3.846rem;
        font-weight: 800;
        text-transform: uppercase;
        margin-bottom: 2.538rem;
        color: #000000;
    }

        .cloux-esport-players .player-list > .item .cloux-modal .username span {
            display: block;
        }

    .cloux-esport-players .player-list > .item .cloux-modal .social-links {
        margin-bottom: 2.538rem;
    }

        .cloux-esport-players .player-list > .item .cloux-modal .social-links ul {
            list-style: none;
            padding: 0rem;
            margin: 0rem;
        }

            .cloux-esport-players .player-list > .item .cloux-modal .social-links ul li {
                display: inline-block;
                font-size: 1.154rem;
                padding-right: 1.154rem;
            }

                .cloux-esport-players .player-list > .item .cloux-modal .social-links ul li a,
                .cloux-esport-players .player-list > .item .cloux-modal .social-links ul li a:visited {
                    color: #8f8f8f;
                }

    .cloux-esport-players .player-list > .item .cloux-modal .content-inner {
        height: 100%;
    }

    .cloux-esport-players .player-list > .item {
        padding: 0 1.154rem;
        margin-bottom: 2.308rem;
    }

.cloux-esport-players.column-1 .player-list > .item {
    width: 100%;
}

.cloux-esport-players.column-2 .player-list > .item {
    width: 50%;
}

.cloux-esport-players.column-3 .player-list > .item {
    width: 33.33333333333333%;
}

.cloux-esport-players.column-4 .player-list > .item {
    width: 25%;
}

.cloux-esport-players.column-5 .player-list > .item {
    width: 20%;
}



/*====== 3.19 Sponsors ======*/
.cloux-sponsors ul {
    list-style: none;
    padding: 0rem;
    margin: 0rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: flex;
    position: relative;
}

.cloux-sponsors.style-1 ul,
.cloux-sponsors.style-2 ul {
    margin: 0 -1.154rem -2.308rem;
}

    .cloux-sponsors.style-1 ul > li,
    .cloux-sponsors.style-2 ul > li {
        padding: 0 1.154rem;
        margin-bottom: 2.308rem;
        text-align: center;
    }

        .cloux-sponsors.style-1 ul > li > .wrap,
        .cloux-sponsors.style-2 ul > li > .wrap {
            padding: 1.154rem;
        }

        .cloux-sponsors.style-1 ul > li > .wrap {
            border: 1px solid rgba(0, 0, 0, 0.05);
        }

        .cloux-sponsors.style-2 ul > li > .wrap {
            border: 1px solid rgba(255, 255, 255, 0.20);
        }

        .cloux-sponsors.style-1 ul > li a,
        .cloux-sponsors.style-1 ul > li a:visited {
            display: block;
        }

.cloux-sponsors.column-1 ul > li {
    width: 100%;
}

.cloux-sponsors.column-2 ul > li {
    width: 50%;
}

.cloux-sponsors.column-3 ul > li {
    width: 33.33333333333333%;
}

.cloux-sponsors.column-4 ul > li {
    width: 25%;
}

.cloux-sponsors.column-5 ul > li {
    width: 20%;
}

.cloux-sponsors.column-6 ul > li {
    width: 16.66666666666667%;
}

.cloux-sponsors.column-7 ul > li {
    width: 14.28571428571429%;
}



/*====== 3.20 Fixture ======*/
.esport-fixture .esport-fixture-tabs {
    margin-bottom: 3.462rem;
}

    .esport-fixture .esport-fixture-tabs.left {
        text-align: left;
    }

    .esport-fixture .esport-fixture-tabs.right {
        text-align: right;
    }

    .esport-fixture .esport-fixture-tabs.center {
        text-align: center;
    }



/*====== 3.21 Service Box ======*/
.cloux-service-box {
    text-align: center;
}

    .cloux-service-box a,
    .cloux-service-box a:visited {
        display: block;
    }

    .cloux-service-box i {
        width: 11.54rem;
        height: 11.54rem;
        line-height: 11.54rem;
        display: inline-block;
        border: 0.1538rem solid #EEE;
        text-align: center;
        font-size: 4.231rem;
        border-radius: 50%;
        margin-bottom: 1.923rem;
    }

    .cloux-service-box .title {
        font-size: 2rem;
        text-transform: uppercase;
        font-weight: 800;
        line-height: 1.1em;
        margin-bottom: 1.538rem;
    }

    .cloux-service-box .text {
        color: #777777;
    }

        .cloux-service-box .text p:last-child {
            margin-bottom: 0rem;
        }



/*====== 3.22 Contact Box ======*/
.cloux-contact-box {
    direction: rtl;
}

    .cloux-contact-box > .contact-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 0.7692rem;
    }

        .cloux-contact-box > .contact-row:last-child {
            margin-bottom: 0rem;
        }

        .cloux-contact-box > .contact-row > i {
            font-size: 1.154rem;
            width: 1.154rem;
            margin-left: 1.154rem;
        }

        .cloux-contact-box > .contact-row > a,
        .cloux-contact-box > .contact-row > a:visited {
            color: #777777
        }



/*====== 3.23 Icon List ======*/
.cloux-icon-list > ul {
    list-style: none;
    padding: 0rem;
    margin: 0rem;
}

    .cloux-icon-list > ul > li {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 0.7692rem;
    }

        .cloux-icon-list > ul > li:last-child {
            margin-bottom: 0rem;
        }

        .cloux-icon-list > ul > li > i {
            font-size: 1.154rem;
            width: 1.154rem;
            margin-right: 1.154rem;
        }



/*====== 3.24 WPBakery Elements ======*/
.visible {
    overflow: inherit !important;
}

.vc_grid.vc_row {
    display: block;
}

div.vc_wp_custommenu {
    margin-bottom: 0rem;
}

.cloux-theme .wpb_gmaps_widget .wpb_wrapper {
    background: transparent;
    padding: 0rem;
}

.cloux-theme.wpb-js-composer .vc_tta.vc_general .vc_tta-panel-title {
    margin: 0rem;
    padding: 0rem;
    line-height: 1.8;
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: 600;
}

.cloux-theme.wpb-js-composer .vc_tta .vc_tta-controls-icon {
    height: 0.6154rem;
    width: 0.6154rem;
}

.cloux-theme.wpb-js-composer .vc_tta-color-white.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body,
.cloux-theme.wpb-js-composer .vc_tta-color-white.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body::after,
.cloux-theme.wpb-js-composer .vc_tta-color-white.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body::before,
.cloux-theme.wpb-js-composer .vc_tta-color-white.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading,
.cloux-theme.wpb-js-composer .vc_tta-color-white.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading {
    border-color: #EEE;
}

.cloux-theme.wpb-js-composer .vc_tta.vc_tta-shape-rounded .vc_tta-panel-body,
.cloux-theme.wpb-js-composer .vc_tta.vc_tta-shape-rounded .vc_tta-panel-heading,
.cloux-theme.wpb-js-composer .vc_tta.vc_tta-shape-rounded .vc_tta-tab > a {
    border-radius: 0rem;
}

.cloux-theme.wpb-js-composer .vc_tta.vc_general .vc_tta-panel-title > a {
    padding: 1.538rem 1.538rem;
}

.cloux-theme.wpb-js-composer .vc_tta-color-white.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading:focus,
.cloux-theme.wpb-js-composer .vc_tta-color-white.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading:hover {
    background-color: #f9f9f9;
}

.cloux-theme.wpb-js-composer .vc_tta.vc_general .vc_tta-panel-body {
    padding: 2.308rem;
}



/*======
*
* 4. Widgets
*
======*/
/*====== 4.1 General ======*/
.widget-box {
    padding: 3.077rem;
    margin-bottom: 3.462rem;
}

    .widget-box:last-child {
        margin-bottom: 0;
    }

    .widget-box > .cloux-title {
        margin-bottom: 1.923rem;
    }

    .widget-box:after,
    .widget-box:before {
        content: '';
        display: block;
        clear: both;
    }



/*====== 4.2 Latest Posts Widget ======*/
.latest-posts-widget > .post {
    margin-bottom: 1.538rem;
}

    .latest-posts-widget > .post:last-child {
        margin-bottom: 0rem;
    }


/*====== 4.3 WP Default Widgets ======*/
.widget_search .search-form-widget input[type="text"] {
    margin-bottom: 1.154rem;
}

.widget_search .search-form-widget button {
    width: 100%;
}

.widget_tag_cloud .tagcloud,
.widget_nav_menu ul,
.widget_rss ul,
.widget_recent_comments ul,
.widget_meta ul,
.widget_pages ul,
.widget_categories ul,
.widget_archive ul,
.widget_recent_entries ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .widget_nav_menu ul .sub-menu,
    .widget_pages ul .children,
    .widget_categories ul .children {
        padding-left: 0.7692rem;
        margin-bottom: -0.6923rem;
    }

    .widget_nav_menu ul li,
    .widget_rss ul li,
    .widget_recent_comments ul li,
    .widget_meta ul li,
    .widget_pages ul li,
    .widget_categories ul li,
    .widget_archive ul li,
    .widget_recent_entries ul li {
        border-bottom: 1px solid #eeeeee;
        padding: 0.6923rem 0;
    }

    .widget_rss ul li {
        border-bottom: 0;
        padding: 0 0 2.308rem;
    }

        .widget_nav_menu ul li:last-child,
        .widget_rss ul li:last-child,
        .widget_recent_comments ul li:last-child,
        .widget_meta ul li:last-child,
        .widget_pages ul li:last-child,
        .widget_categories ul li:last-child,
        .widget_archive ul li:last-child,
        .widget_recent_entries ul li:last-child {
            border-bottom: 0;
        }

        .widget_rss ul li:first-child,
        .widget_recent_comments ul li:first-child,
        .widget_meta ul li:first-child,
        .widget_archive ul li:first-child,
        .widget_recent_entries ul li:first-child {
            padding-top: 0;
        }

        .widget_rss ul li:last-child,
        .widget_recent_comments ul li:last-child,
        .widget_meta ul li:last-child,
        .widget_archive ul li:last-child,
        .widget_recent_entries ul li:last-child {
            padding-bottom: 0;
        }

.widget_calendar table td,
.widget_calendar table th {
    padding: 0.3846rem;
    text-align: center;
}

.widget_tag_cloud a,
.widget_tag_cloud a:visited {
    padding: 0.6923rem 1.438rem;
    border: 0.1538rem solid #000000;
    text-transform: uppercase;
    display: inline-block;
    margin: 0 0.1538rem 0.3846rem;
    font-size: 1rem !important;
    font-weight: 600;
}

.widget_rss ul li a.rsswidget,
.widget_rss ul li a.rsswidget:visited {
    text-transform: uppercase;
    font-size: 1.154rem;
    display: block;
    line-height: 1.1em;
    font-weight: 700;
}

.widget_rss ul li cite,
.widget_rss .rss-date {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 0.7692rem;
    display: inline-block;
}

.widget_rss ul li .rssSummary {
    color: #8e8e8e;
    font-size: 0.9231rem;
}

.widget_rss .rss-date {
    margin-bottom: 0.6154rem;
}

.widget_rss ul li cite {
    font-style: normal;
    margin-top: 0.6154rem;
}



/*====== 4.4 Newsletter ======*/
.widget_mc4wp_form_widget .cloux-newsletter .item {
    margin-bottom: 1.154rem;
}

    .widget_mc4wp_form_widget .cloux-newsletter .item.fname,
    .widget_mc4wp_form_widget .cloux-newsletter .item.lname {
        display: none;
    }

    .widget_mc4wp_form_widget .cloux-newsletter .item.button > input {
        width: 100%;
    }

    .widget_mc4wp_form_widget .cloux-newsletter .item:last-child {
        margin-bottom: 0rem;
    }

.widget_mc4wp_form_widget .mc4wp-alert {
    margin-top: 1.154rem;
}

    .widget_mc4wp_form_widget .mc4wp-alert p:last-child {
        margin-bottom: 0;
    }



/*======
*
* 5. Header
*
======*/
/*====== 5.1 General ======*/
.cloux-header {
    z-index: 10;
    position: relative;
}

    .cloux-header.fixed-top.position-2,
    .cloux-header.fixed-top {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1030;
    }

.logo .site-logo-texted {
    font-size: 2.538rem;
    text-transform: uppercase;
    line-height: 2.538rem;
    font-weight: 800;
    color: #000000;
}

.logo .site-logo .black {
    font-family: "Titillium Web";
    font-size: 2.538rem;
    text-transform: uppercase;
    line-height: 2.538rem;
    font-weight: 800;
    color: #000000;
    float: left;
}

.logo .site-logo .yellow {
    font-family: "Titillium Web";
    font-size: 2.538rem;
    text-transform: uppercase;
    line-height: 2.538rem;
    font-weight: 800;
    color: #ed9700;
    float: left;
}

.cloux-header .elements {
    text-align: right;
}

    .cloux-header .elements > div,
    .cloux-header .elements > ul {
        text-align: right;
    }

        .cloux-header .elements > div > *,
        .cloux-header .elements > ul > * {
            text-align: left;
        }

    .cloux-header .elements .social-links {
        list-style: none;
        padding: 0;
        margin: 0;
        display: inline-block;
        vertical-align: middle;
    }

        .cloux-header .elements .social-links li {
            display: inline-block;
        }

            .cloux-header .elements .social-links li a,
            .cloux-header .elements .social-links li a:visited {
                display: block;
                color: #000000;
                font-size: 1.154rem;
                padding-left: 1.154rem;
                padding-right: 0;
            }

            .cloux-header .elements .social-links li:last-child a,
            .cloux-header .elements .social-links li:last-child a:visited {
                padding-right: 0;
            }

    .cloux-header .elements .search {
        display: inline-block;
        padding-right: 1.154rem;
    }

        .cloux-header .elements .search > i {
            font-size: 1.04rem;
            color: #000000;
            cursor: pointer;
            vertical-align: middle;
        }

            .cloux-header .elements .search > i:focus,
            .cloux-header .elements .search > i:hover,
            .cloux-header .elements .search > i {
                -webkit-transition: 0.3s;
                -moz-transition: 0.3s;
                -o-transition: 0.3s;
                -ms-transition: 0.3s;
                transition: 0.3s;
            }

        .cloux-header .elements .search .modal-search {
            text-align: left;
            transform: translateY(-100%);
            -webkit-transform: translateY(-100%);
            -moz-transform: translateY(-100%);
        }

            .cloux-header .elements .search .modal-search .cloux-title {
                margin-bottom: 3.077rem;
            }

    .cloux-header .elements .modal-search {
        position: fixed;
        width: 100%;
        height: 100%;
        background: #FFFFFF;
        left: 0;
        top: 0;
        z-index: 10000;
    }

        .cloux-header .elements .modal-search .search-content {
            position: absolute;
            width: 100%;
            height: 100%;
            background-color: #FFFFFF;
            transform: translateY(-100%);
            -webkit-transform: translateY(-100%);
            -moz-transform: translateY(-100%);
        }

            .cloux-header .elements .modal-search .search-content .search-form {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                border: 0.1538rem solid #eeeeee;
            }

                .cloux-header .elements .modal-search .search-content .search-form input[type="text"] {
                    border: 0;
                }

                .cloux-header .elements .modal-search .search-content .search-form button {
                    background: transparent;
                    color: #b1b1b1;
                }

                .cloux-header .elements .modal-search .search-content .search-form button {
                    opacity: 0.8;
                }

        .cloux-header .elements .modal-search .cloux-close {
            position: absolute;
            top: 0;
            right: 0;
            transform: translateY(-100%);
            -webkit-transform: translateY(-100%);
            -moz-transform: translateY(-100%);
        }

    .cloux-header .elements .user-box {
        display: inline-block;
        padding: 0 0.7692rem;
        border-radius: 1.9230rem;
        margin-left: 2.308rem;
    }

        .cloux-header .elements .user-box > a,
        .cloux-header .elements .user-box > a:visited {
            color: #FFFFFF;
            padding: 0.3846rem 0.7692rem;
            display: inline-block;
            text-transform: uppercase;
            font-size: 0.7692rem;
            cursor: pointer;
        }

        .cloux-header .elements .user-box a:first-child {
            border-right: 0; /*1px solid rgba(0, 0, 0, 0.08);*/
            border-left: 0
        }

        .cloux-header .elements .user-box a:last-child {
            border-right: 1px solid rgba(255, 255, 255, 0.15);
            border-left: 0;
            font-family: 'Cairo-Regular';
        }

.cloux-header .cloux-navbar.style-1 {
    padding: 0;
    margin: 0;
}

    .cloux-header .cloux-navbar.style-1 .navbar-menu {
        list-style: none;
        padding: 0;
        margin: 0;
        direction: rtl;
    }

        .cloux-header .cloux-navbar.style-1 .navbar-menu > li {
            display: inline-block;
        }

        .cloux-header .cloux-navbar.style-1 .navbar-menu .dropdown-menu {
            position: absolute;
            top: 100%;
            left: 0;
            z-index: 1000;
            float: left;
            display: block;
            opacity: 0;
            font-size: 1rem;
            color: #212529;
            text-align: left;
            list-style: none;
            background-color: #fff;
            background-clip: padding-box;
            visibility: hidden;
            border: 0;
            padding: 0.7692rem 0;
            margin: 0;
            box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.10);
            border-top-style: solid;
            border-top-width: 0.1538rem;
            border-radius: 0;
            min-width: 16.38rem;
            -webkit-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
            -moz-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
            -ms-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
            transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
        }

        .cloux-header .cloux-navbar.style-1 .navbar-menu li:hover > .dropdown-menu {
            opacity: 1;
            visibility: visible;
            -webkit-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
            -moz-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
            -ms-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
            transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
        }

        .cloux-header .cloux-navbar.style-1 .navbar-menu .dropdown-menu .dropdown-menu {
            left: 100%;
            margin-top: -0.9231rem;
            top: 0;
        }

        .cloux-header .cloux-navbar.style-1 .navbar-menu > li > .nav-link,
        .cloux-header .cloux-navbar.style-1 .navbar-menu > li > .nav-link:visited {
            padding: 1.154rem;
            color: #000000;
            font-size: 1rem;
            font-weight: 600;
            display: block;
        }

        .cloux-header .cloux-navbar.style-1 .navbar-menu .dropdown-menu .nav-link {
            padding: 0.7692rem 2.308rem;
            border-bottom: 1px solid #eeeeee;
            color: #4a4a4a;
            position: relative;
            overflow: hidden;
            display: block;
            font-family: 'Cairo-Regular';
            text-align: right;
        }

        .cloux-header .cloux-navbar.style-1 .navbar-menu li:last-child > .nav-link {
            /*padding-right: 0;*/
        }

        .cloux-header .cloux-navbar.style-1 .navbar-menu li:last-child > .nav-link {
            border-bottom: 0;
        }

        .cloux-header .cloux-navbar.style-1 .navbar-menu .caret {
            margin-right: 0.5385rem;
        }

            .cloux-header .cloux-navbar.style-1 .navbar-menu .caret:before {
                content: "\f078";
                display: inline-block;
                font-family: Font Awesome\ 5 Free;
                -moz-osx-font-smoothing: grayscale;
                -webkit-font-smoothing: antialiased;
                font-size: inherit;
                text-rendering: auto;
                font-size: 0.6rem;
                position: relative;
                top: -1px;
            }



/*====== 5.2 Style 1 ======*/
.cloux-header.style-1 {
    padding: 2.308rem 0;
    background-color: #FFFFFF;
}

    .cloux-header.style-1.position-2 {
        padding: 2.308rem 0 1.154rem;
    }

    .cloux-header.style-1 .elements .search > i,
    .cloux-header.style-1 .elements .social-links li a,
    .cloux-header.style-1 .elements .social-links li a:visited {
        color: #8f8f8f;
    }



/*====== 5.3 Style 2 ======*/
.cloux-header.style-2 {
    padding: 2.308rem 0;
}

    .cloux-header.style-2.position-2 {
        padding: 2.308rem 0 1.154rem;
    }

    .cloux-header.style-2 .cloux-navbar.style-1 .navbar-menu {
        text-align: center;
    }

        .cloux-header.style-2 .cloux-navbar.style-1 .navbar-menu > li > .nav-link,
        .cloux-header.style-2 .cloux-navbar.style-1 .navbar-menu > li > .nav-link:visited {
            text-transform: uppercase;
            font-weight: 500;
        }

    .cloux-header.style-2 .elements .search > i,
    .cloux-header.style-2 .elements .social-links li a,
    .cloux-header.style-2 .elements .social-links li a:visited {
        color: #434343;
    }



/*====== 5.4 Style 3 ======*/
.cloux-header.style-3 {
    padding: 2.308rem 0;
    background-color: #FFFFFF;
}

    .cloux-header.style-3 .cloux-navbar.style-1 {
        text-align: center;
        margin-top: 1rem;
    }

        .cloux-header.style-3 .cloux-navbar.style-1 .navbar-menu > li > .nav-link,
        .cloux-header.style-3 .cloux-navbar.style-1 .navbar-menu > li > .nav-link:visited {
            text-transform: uppercase;
        }

    .cloux-header.style-3 .elements .search > i,
    .cloux-header.style-3 .elements .social-links li a,
    .cloux-header.style-3 .elements .social-links li a:visited {
        color: #434343;
    }



/*====== 5.5 Style 4 ======*/
.cloux-header.style-4 {
    padding: 2.308rem 0rem 0rem;
    background-color: #FFFFFF;
}

    .cloux-header.style-4 .cloux-navbar.style-1 {
        text-align: center;
        margin-top: 2.308rem;
        background-color: #000000;
    }

        .cloux-header.style-4 .cloux-navbar.style-1 .navbar-menu > li > .nav-link,
        .cloux-header.style-4 .cloux-navbar.style-1 .navbar-menu > li > .nav-link:visited {
            text-transform: uppercase;
            color: #FFFFFF;
            font-weight: 500;
            padding: 1.424rem 1.154rem;
            font-family: 'Cairo-Regular';
            direction: rtl;
        }

    .cloux-header.style-4 .elements .search > i,
    .cloux-header.style-4 .elements .social-links li a,
    .cloux-header.style-4 .elements .social-links li a:visited {
        color: #000000;
    }



/*====== 5.6 Style 5 ======*/
.cloux-header.style-5 {
    padding: 2.308rem 0;
    background-color: #FFFFFF;
}

    .cloux-header.style-5.position-2 {
        padding: 2.308rem 0 1.154rem;
    }

    .cloux-header.style-5 .cloux-navbar.style-1 .navbar-menu > li > .nav-link,
    .cloux-header.style-5 .cloux-navbar.style-1 .navbar-menu > li > .nav-link:visited {
        text-transform: uppercase;
    }

    .cloux-header.style-5 .elements .search > i,
    .cloux-header.style-5 .elements .social-links li a,
    .cloux-header.style-5 .elements .social-links li a:visited {
        color: #434343;
    }



/*====== 5.7 Header Positions ======*/
.cloux-header.position-2 {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    background: transparent;
    z-index: 50;
}

.admin-bar .cloux-header.position-2 {
    top: 32px;
}

.cloux-header.position-2 .cloux-navbar.style-1 .navbar-menu > li > .nav-link,
.cloux-header.position-2 .cloux-navbar.style-1 .navbar-menu > li > .nav-link:visited {
    color: #FFFFFF;
}

.cloux-header.position-2 .elements .search > i,
.cloux-header.position-2 .elements .social-links li a,
.cloux-header.position-2 .elements .social-links li a:visited {
    color: #FFFFFF;
}

.cloux-header.position-2 .logo .site-logo-texted {
    color: #ffffff;
}

.cloux-header.style-4.position-2 .cloux-navbar.style-1 {
    background-color: transparent;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.cloux-header.style-4.position-2 .cloux-navbar.style-1 {
    margin-top: 0.3846rem;
}



/*====== 5.8 Mobile Header ======*/
.cloux-mobile-header {
    display: none;
}

    .cloux-mobile-header > .main-wrap {
        width: 100%;
        background: #FFFFFF;
        padding: 0.7692rem 2.308rem;
        z-index: 100;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: fixed;
        top: 0;
        left: 0;
    }

        .cloux-mobile-header > .main-wrap > .logo img {
            z-index: 100;
            height: auto;
            width: 100px !important;
        }

        .cloux-mobile-header > .main-wrap > .menu-icon {
            cursor: pointer;
        }

            .cloux-mobile-header > .main-wrap > .menu-icon > span {
                height: 0.1538rem;
                width: 1.538rem;
                background-color: #222222;
                display: block;
                margin-bottom: 0.2308rem;
            }

    .cloux-mobile-header > .mobile-sidebar > .overlay {
        visibility: visible;
        overflow: hidden;
        cursor: pointer;
        opacity: 0.8;
        background: #000000;
        position: fixed;
        height: 100%;
        width: 100%;
        z-index: 104;
        -webkit-transition: 0s;
        -moz-transition: 0s;
        -o-transition: 0s;
        -ms-transition: 0s;
        transition: 0s;
        transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        position: fixed;
        top: 0rem;
        left: 0rem;
    }

    .cloux-mobile-header > .mobile-sidebar > .content-wrapper > .content {
        height: 100%;
    }

    .cloux-mobile-header > .mobile-sidebar > .content-wrapper {
        transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        position: fixed;
        position: fixed;
        width: 26.92rem;
        max-width: 100%;
        height: 100%;
        background: #FFFFFF;
        left: 0rem;
        top: 0rem;
        padding: 4.615rem 2.308rem;
        z-index: 105;
        box-shadow: 0rem 0rem 1.538rem rgba(0, 0, 0, 0.16);
        -webkit-transition: 0s;
        -moz-transition: 0s;
        -o-transition: 0s;
        -ms-transition: 0s;
        transition: 0s;
    }

        .cloux-mobile-header > .mobile-sidebar > .content-wrapper .cloux-close {
            position: absolute;
            top: 0;
            right: 0;
        }

        .cloux-mobile-header > .mobile-sidebar > .content-wrapper .logo {
            margin-bottom: 1.923rem;
        }

            .cloux-mobile-header > .mobile-sidebar > .content-wrapper .logo > img {
                height: 2.308rem;
                width: auto;
            }

        .cloux-mobile-header > .mobile-sidebar > .content-wrapper .menu {
            margin-bottom: 1.923rem;
        }

            .cloux-mobile-header > .mobile-sidebar > .content-wrapper .menu ul {
                list-style: none;
                padding: 0rem;
                margin: 0rem;
                overflow: hidden;
                direction: rtl;
                text-align: right;
            }

                .cloux-mobile-header > .mobile-sidebar > .content-wrapper .menu ul li > a,
                .cloux-mobile-header > .mobile-sidebar > .content-wrapper .menu ul li > a:visited {
                    padding: 0.7692rem 0rem;
                    display: block;
                }

                    .cloux-mobile-header > .mobile-sidebar > .content-wrapper .menu ul li > a > i,
                    .cloux-mobile-header > .mobile-sidebar > .content-wrapper .menu ul li > a:visited > i {
                        display: none;
                    }

                .cloux-mobile-header > .mobile-sidebar > .content-wrapper .menu ul li {
                    border-bottom: 1px solid #EEEEEE;
                    position: relative;
                }

            .cloux-mobile-header > .mobile-sidebar > .content-wrapper .menu .dropdown-menu {
                position: relative;
                top: 0;
                left: 0;
                float: none;
                z-index: 1;
                display: block;
                opacity: 0;
                visibility: hidden;
                font-size: 1rem;
                color: #212529;
                text-align: left;
                list-style: none;
                background: transparent;
                padding: 0rem;
                margin: 0rem;
                box-shadow: none;
                border: 0rem;
                border-radius: 0rem;
                -webkit-transition: 0s;
                -moz-transition: 0s;
                -o-transition: 0s;
                -ms-transition: 0s;
                transition: 0s;
                height: 0;
            }

            .cloux-mobile-header > .mobile-sidebar > .content-wrapper .menu .open > .dropdown-menu {
                height: auto;
                opacity: 1;
                visibility: visible;
                padding-bottom: 0.7692rem;
                padding-left: 0.7692rem;
                -webkit-transition: 0s;
                -moz-transition: 0s;
                -o-transition: 0s;
                -ms-transition: 0s;
                transition: 0s;
                text-align: right;
            }

            .cloux-mobile-header > .mobile-sidebar > .content-wrapper .menu ul li.menu-item-has-children > span.caret {
                position: absolute;
                right: auto;
                left: 0;
                top: 0.5385rem;
                font-size: 1.462rem;
                height: 2.462rem;
                line-height: 1.462rem;
                z-index: 5;
                cursor: pointer;
                display: block;
                padding: 0.3846rem 0.8846rem;
            }

                .cloux-mobile-header > .mobile-sidebar > .content-wrapper .menu ul li.menu-item-has-children > span.caret:before {
                    content: "\f078";
                    display: inline-block;
                    font-family: Font Awesome\ 5 Free;
                    -moz-osx-font-smoothing: grayscale;
                    -webkit-font-smoothing: antialiased;
                    font-size: inherit;
                    text-rendering: auto;
                    font-size: 0.85rem;
                    font-weight: 600;
                    color: #777777;
                }

            .cloux-mobile-header > .mobile-sidebar > .content-wrapper .menu ul > li:last-child {
                border-bottom: 0rem;
            }

        .cloux-mobile-header > .mobile-sidebar > .content-wrapper .elements .social-links {
            list-style: none;
            padding: 0;
            margin: 0rem 0rem 1.923rem;
            display: inline-block;
            vertical-align: middle;
        }

            .cloux-mobile-header > .mobile-sidebar > .content-wrapper .elements .social-links li {
                display: inline-block;
            }

                .cloux-mobile-header > .mobile-sidebar > .content-wrapper .elements .social-links li a,
                .cloux-mobile-header > .mobile-sidebar > .content-wrapper .elements .social-links li a:visited {
                    display: block;
                    color: #000000;
                    font-size: 1.154rem;
                    padding-right: 1.154rem;
                }

                .cloux-mobile-header > .mobile-sidebar > .content-wrapper .elements .social-links li:last-child a,
                .cloux-mobile-header > .mobile-sidebar > .content-wrapper .elements .social-links li:last-child a:visited {
                    padding-right: 0rem;
                }

        .cloux-mobile-header > .mobile-sidebar > .content-wrapper .elements .user-box {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            width: 100%;
            text-align: center;
        }

            .cloux-mobile-header > .mobile-sidebar > .content-wrapper .elements .user-box > a,
            .cloux-mobile-header > .mobile-sidebar > .content-wrapper .elements .user-box > a:visited {
                color: #FFFFFF;
                padding: 0.7692rem;
                display: block;
                text-transform: uppercase;
                font-size: 0.8462rem;
                cursor: pointer;
                width: 50%;
            }

            .cloux-mobile-header > .mobile-sidebar > .content-wrapper .elements .user-box a:first-child {
                border-right: 1px solid rgba(0, 0, 0, 0.08);
                border-left: 0
            }

            .cloux-mobile-header > .mobile-sidebar > .content-wrapper .elements .user-box a:last-child {
                border-left: 1px solid rgba(255, 255, 255, 0.15);
                border-right: 0;
            }



/*======
*
* 6. Footer
*
======*/
/*====== 6.1 General ======*/
.cloux-footer-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: flex;
    direction: rtl;
    font-family: 'Cairo-Regular';
}

    .cloux-footer-menu ul:before,
    .cloux-footer-menu ul:after {
        content: '';
        display: block;
        clear: both;
    }

    .cloux-footer-menu ul li {
        border: 0;
        width: 50%;
        padding: 0.3846rem 0;
        margin: 0;
        direction: rtl;
    }

        .cloux-footer-menu ul li:nth-child(2n+1) {
            clear: both;
        }

        .cloux-footer-menu ul li a:before {
            content: '';
            display: inline-block;
            border-right: 0.3846rem solid transparent;
            border-left: 0.3846rem solid transparent;
            border-bottom: 0.3846rem solid transparent;
            border-top: 0.3846rem solid transparent;
            margin-left: 0.8462rem;
        }

.cloux-footer .copyright {
    font-size: 0.9231rem;
    background-color: #000000;
    padding: 1.308rem 0;
}

    .cloux-footer .copyright:after,
    .cloux-footer .copyright:before {
        content: '';
        display: block;
        clear: both;
    }

    .cloux-footer .copyright .container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        direction: rtl;
    }

    .cloux-footer .copyright .copyright-content {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        direction: rtl;
    }

        .cloux-footer .copyright .copyright-content .copyright-logo {
            margin-left: 1.538rem;
            margin-right: 0;
        }

            .cloux-footer .copyright .copyright-content .copyright-logo img {
                height: auto;
                width: auto;
            }

            .cloux-footer .copyright .copyright-content .copyright-logo .black {
                font-family: "Titillium Web";
                font-size: 1.4rem;
                text-transform: uppercase;
                line-height: 1.4rem;
                font-weight: 800;
                color: #fff;
                float: left;
            }

            .cloux-footer .copyright .copyright-content .copyright-logo .yellow {
                font-family: "Titillium Web";
                font-size: 1.4rem;
                text-transform: uppercase;
                line-height: 1.4rem;
                font-weight: 800;
                color: #ed9700;
                float: left;
            }

        .cloux-footer .copyright .copyright-content .copyright-text {
            padding-top: 13px;
        }

    .cloux-footer .copyright .copyright-menu {
        list-style: none;
        padding: 0;
        margin: 0;
        direction: rtl;
    }

        .cloux-footer .copyright .copyright-menu li {
            display: inline-block;
        }

        .cloux-footer .copyright .copyright-menu .caret {
            display: none;
        }

.blank-footer {
    height: 4.615rem;
    width: 100%;
    clear: both;
}



/*====== 6.2 Style 1 ======*/
.cloux-footer.style-1 {
    margin-top: 2rem; /*6.923rem;*/
    background-color: #000000;
    color: #FFFFFF;
    text-align: right;
    font-family: 'Cairo-Regular';
}

    .cloux-footer.style-1.remove-gap {
        margin-top: 0;
    }

    .cloux-footer.style-1 .cloux-title.style-4,
    .cloux-footer.style-1 .post-details.style-1 ul,
    .cloux-footer.style-1 .post-details.style-1 ul a,
    .cloux-footer.style-1 .post-details.style-1 ul a:visited,
    .cloux-footer.style-1 a,
    .cloux-footer.style-1 a:visited {
        color: #FFFFFF;
    }



/*======
*
* 7. Comments
*
======*/
.cloux-comments {
    margin-top: 3.462rem;
}

    .cloux-comments .cloux-title {
        margin-bottom: 1.923rem;
    }

    .cloux-comments > .comment-form {
        margin-bottom: 3.462rem;
    }

    .cloux-comments .comment-form .form-inputs {
        margin: 0 -0.7692rem -1.538rem;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .cloux-comments .comment-form .form-inputs:before,
        .cloux-comments .comment-form .form-inputs:after {
            content: '';
            display: block;
            clear: both;
        }

        .cloux-comments .comment-form .form-inputs .item {
            padding: 0 0.7692rem 1.538rem;
            width: 25%;
        }

    .cloux-comments .comment-form .form-textarea {
        margin-bottom: 1.154rem;
    }

    .cloux-comments .comment-form .item input,
    .cloux-comments .comment-form .button button {
        width: 100%;
        padding-top: 1.2rem;
        padding-bottom: 1.2rem;
    }

    .cloux-comments .comment-form .button button {
        padding-top: 1.25rem;
    }

    .cloux-comments .comment-form p.form-submit {
        display: none;
    }

.logged-in .cloux-comments .comment-form p.form-submit {
    display: block;
}

.cloux-comments .comment-list {
    margin-bottom: 3.462rem;
}

    .cloux-comments .comment-list p.no-comments {
        margin: 2.308rem 0rem;
    }

    .cloux-comments .comment-list > ol,
    .cloux-comments .comment-list ol .children {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .cloux-comments .comment-list > ol li.pingback,
        .cloux-comments .comment-list > ol li.comment {
            margin-top: 2.308rem;
        }

        .cloux-comments .comment-list > ol > li:first-child {
            margin-top: 0rem;
        }

        .cloux-comments .comment-list > ol li.pingback li,
        .cloux-comments .comment-list > ol li.comment li {
            margin-left: 2.308rem;
        }


        .cloux-comments .comment-list > ol li.comment:after,
        .cloux-comments .comment-list > ol li.comment:before,
        .cloux-comments .comment-list > ol li.pingback:after,
        .cloux-comments .comment-list > ol li.pingback:before {
            content: '';
            display: block;
            clear: both;
        }

        .cloux-comments .comment-list > ol li .comment-wrapper {
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        }

        .cloux-comments .comment-list > ol li.comment .comment-content {
            width: calc(100% - 10rem);
        }

        .cloux-comments .comment-list > ol li.comment .comment-image {
            margin-right: 2.308rem;
            min-width: 7.692rem;
        }

        .cloux-comments .comment-list > ol li .comment-image img {
            margin: 0;
            padding: 0;
        }

        .cloux-comments .comment-list > ol li .comment-content p {
            margin-bottom: 1rem;
            color: #999999;
            font-size: 0.9231rem;
        }

            .cloux-comments .comment-list > ol li .comment-content p.moderation-message {
                font-style: italic;
            }

        .cloux-comments .comment-list > ol li .comment-content .comment-author {
            font-size: 1.385rem;
            line-height: 1.385rem;
            font-weight: 800;
            text-transform: uppercase;
            margin-bottom: 0.8462rem;
        }

        .cloux-comments .comment-list > ol li .comment-info {
            line-height: 1.154rem;
        }

            .cloux-comments .comment-list > ol li .comment-info > .item {
                color: #999999;
                font-size: 0.7692rem;
                text-transform: uppercase;
            }

            .cloux-comments .comment-list > ol li .comment-info > .item {
                display: inline-block;
                margin-right: 2.077rem;
            }

                .cloux-comments .comment-list > ol li .comment-info > .item:last-child {
                    margin-right: 0;
                }

                .cloux-comments .comment-list > ol li .comment-info > .item a,
                .cloux-comments .comment-list > ol li .comment-info > .item a:visited {
                    color: #999999;
                    vertical-align: text-bottom;
                }

                .cloux-comments .comment-list > ol li .comment-info > .item i {
                    font-size: 0.9231rem;
                    margin-right: 0.5rem;
                }



/*======
*
* 8. Archives & Posts
*
======*/
/*====== 8.1 General Single ======*/
/*====== 8.1.1 General ======*/
.single-content-wrapper .single-content:before,
.single-content-wrapper .single-content:after {
    content: '';
    display: block;
    clear: both;
}

.single-content-wrapper .content-box {
    margin-bottom: 3.462rem;
}

    .single-content-wrapper .content-box:last-child {
        margin-bottom: 0;
    }

    .game-sidebar .cloux-title,
    .single-content-wrapper .content-box .cloux-title {
        margin-bottom: 0.923rem;
    }

.single-content-wrapper .page-content .post-tags,
.single-content-wrapper .page-content .post-pages,
.single-content-wrapper .single-content .post-tags,
.single-content-wrapper .single-content .post-pages {
    margin-top: 2.308rem;
    clear: both;
    text-transform: uppercase;
}

    .single-content-wrapper .page-content .post-tags:before,
    .single-content-wrapper .page-content .post-tags:after,
    .single-content-wrapper .page-content .post-pages:before,
    .single-content-wrapper .page-content .post-pages:after,
    .single-content-wrapper .single-content .post-tags:before,
    .single-content-wrapper .single-content .post-tags:after,
    .single-content-wrapper .single-content .post-pages:before,
    .single-content-wrapper .single-content .post-pages:after {
        content: '';
        display: block;
        clear: both;
    }


    .single-content-wrapper .page-content .post-tags > ul,
    .single-content-wrapper .single-content .post-tags > ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .single-content-wrapper .page-content .post-tags > ul > li,
        .single-content-wrapper .single-content .post-tags > ul > li {
            margin: 0rem 0.4rem 0.4rem 0rem;
            vertical-align: middle;
            display: inline-block;
        }

            .single-content-wrapper .page-content .post-tags > ul > li.title,
            .single-content-wrapper .single-content .post-tags > ul > li.title {
                font-weight: 700;
                color: #000000;
                margin-right: 0.8rem;
            }

            .single-content-wrapper .page-content .post-tags > ul > li a,
            .single-content-wrapper .page-content .post-tags > ul > li a:visited,
            .single-content-wrapper .single-content .post-tags > ul > li a,
            .single-content-wrapper .single-content .post-tags > ul > li a:visited {
                display: block;
                border: 1px solid #e5e5e5;
                padding: 0.4615rem 0.9231rem 0.3846rem;
                font-size: 0.8462rem;
                font-weight: 500;
            }

    .single-content-wrapper .page-content .post-pages span,
    .single-content-wrapper .page-content .post-pages > a > span,
    .single-content-wrapper .page-content .post-pages > a:visited > span,
    .single-content-wrapper .single-content .post-pages span,
    .single-content-wrapper .single-content .post-pages > a > span,
    .single-content-wrapper .single-content .post-pages > a:visited > span {
        display: block;
        border: 1px solid #e5e5e5;
        padding: 0.4615rem 0.9231rem 0.3846rem;
        font-size: 0.8462rem;
        font-weight: 500;
    }

    .single-content-wrapper .page-content .post-pages > a > span,
    .single-content-wrapper .page-content .post-pages > a:visited > span,
    .single-content-wrapper .page-content .post-pages > a:hover > span,
    .single-content-wrapper .page-content .post-pages > a:focus > span,
    .single-content-wrapper .single-content .post-pages > a > span,
    .single-content-wrapper .single-content .post-pages > a:visited > span,
    .single-content-wrapper .single-content .post-pages > a:hover > span,
    .single-content-wrapper .single-content .post-pages > a:focus > span {
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -o-transition: 0.3s;
        -ms-transition: 0.3s;
        transition: 0.3;
    }

    .single-content-wrapper .page-content .post-pages > div,
    .single-content-wrapper .page-content .post-pages > span,
    .single-content-wrapper .page-content .post-pages > a,
    .single-content-wrapper .page-content .post-pages > a:visited,
    .single-content-wrapper .single-content .post-pages > div,
    .single-content-wrapper .single-content .post-pages > span,
    .single-content-wrapper .single-content .post-pages > a,
    .single-content-wrapper .single-content .post-pages > a:visited {
        margin-right: 1.154rem;
        vertical-align: middle;
        display: inline-block;
    }

    .single-content-wrapper .page-content .post-pages > .title,
    .single-content-wrapper .single-content .post-pages > .title {
        font-weight: 700;
        color: #000000;
    }

.single-content-wrapper .single-content .post-details {
    margin-top: 2.308rem;
}

.single-content-wrapper .social-share {
    padding: 0;
}

    .single-content-wrapper .social-share .social-share-links {
        list-style: none;
        padding: 0;
        margin: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .single-content-wrapper .social-share .social-share-links li a,
        .single-content-wrapper .social-share .social-share-links li a:visited {
            color: #FFFFFF;
            display: block;
            text-align: center;
            padding: 1.154rem;
        }

            .single-content-wrapper .social-share .social-share-links li a i {
                font-size: 1.231rem;
            }

            .single-content-wrapper .social-share .social-share-links li a span {
                font-size: 0.9231rem;
                margin-left: 0.9231rem;
            }

            .single-content-wrapper .social-share .social-share-links li a i,
            .single-content-wrapper .social-share .social-share-links li a span {
                display: inline-block;
                vertical-align: middle;
            }

        .single-content-wrapper .social-share .social-share-links li {
            display: inline-block;
            background: #000000;
            -webkit-transition: 0.3s;
            -moz-transition: 0.3s;
            -o-transition: 0.3s;
            -ms-transition: 0.3s;
            transition: 0.3;
        }

            .single-content-wrapper .social-share .social-share-links li:focus,
            .single-content-wrapper .social-share .social-share-links li:hover {
                -webkit-transition: 0.3s;
                -moz-transition: 0.3s;
                -o-transition: 0.3s;
                -ms-transition: 0.3s;
                transition: 0.3;
            }

            .single-content-wrapper .social-share .social-share-links li.facebook {
                background-color: #3b5998;
            }

            .single-content-wrapper .social-share .social-share-links li.twitter {
                background-color: #1da1f2;
            }

            .single-content-wrapper .social-share .social-share-links li.google-plus {
                background-color: #dd4b39;
            }

            .single-content-wrapper .social-share .social-share-links li.pinterest {
                background-color: #bd081c;
            }

            .single-content-wrapper .social-share .social-share-links li.linkedin {
                background-color: #0077b5;
            }

            .single-content-wrapper .social-share .social-share-links li.tumblr {
                background-color: #35465c;
            }

            .single-content-wrapper .social-share .social-share-links li.reddit {
                background-color: #ff4500;
            }

            .single-content-wrapper .social-share .social-share-links li.delicious {
                background-color: #3399ff;
            }

            .single-content-wrapper .social-share .social-share-links li.stumbleupon {
                background-color: #eb4924;
            }

            .single-content-wrapper .social-share .social-share-links li.whatsapp {
                background-color: #128c7e;
            }

            .single-content-wrapper .social-share .social-share-links li.facebook,
            .single-content-wrapper .social-share .social-share-links li.twitter {
                flex: 3;
                min-width: 30%;
            }

            .single-content-wrapper .social-share .social-share-links li a > span {
                display: none;
            }

            .single-content-wrapper .social-share .social-share-links li.facebook > a > span,
            .single-content-wrapper .social-share .social-share-links li.twitter > a > span {
                display: inline-block;
            }

.single-content-wrapper .post-author .content-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.single-content-wrapper .post-author .image {
    min-width: 8.462rem;
    margin-right: 2.308rem;
}

    .single-content-wrapper .post-author .image img {
        margin: 0rem;
        padding: 0rem;
    }

.single-content-wrapper .post-author .user-social-links ul {
    margin: 0rem;
    padding: 0rem;
    list-style: none;
    vertical-align: middle;
    font-size: 1rem;
    line-height: 1rem;
}

    .single-content-wrapper .post-author .user-social-links ul li {
        display: inline-block;
        margin-right: 1.154rem;
        margin-bottom: 0.9231rem;
    }

        .single-content-wrapper .post-author .user-social-links ul li:last-child {
            margin-right: 0;
        }

        .single-content-wrapper .post-author .user-social-links ul li a,
        .single-content-wrapper .post-author .user-social-links ul li a:visited {
            color: #777777;
        }

.single-content-wrapper .post-author .content p {
    margin-bottom: 0;
    font-size: 0.9231rem;
}

.single-content-wrapper .post-author .content .author-site,
.single-content-wrapper .post-author .content .author-site:visited {
    font-style: italic;
    color: #a0a0a0;
    font-size: 0.9231rem;
    display: inline-block;
    font-weight: 500;
    margin-right: 1.154rem;
}

.single-content-wrapper .related-posts .column {
    margin: 0 -1.154rem -2.308rem;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .single-content-wrapper .related-posts .column:after,
    .single-content-wrapper .related-posts .column:before {
        content: '';
        display: block;
        clear: both;
    }

    .single-content-wrapper .related-posts .column > .post {
        padding: 0 1.154rem 2.308rem;
    }

.single-content-wrapper .related-posts .column-1 > .post {
    width: 100%;
}

.single-content-wrapper .related-posts .column-2 > .post {
    width: 50%;
}

.single-content-wrapper .related-posts .column-3 > .post {
    width: 33.33333333333333%;
}

.single-content-wrapper .related-posts .column-4 > .post {
    width: 25%;
}

.single-content-wrapper .related-posts .post-style-3 .post-details .comment,
.single-content-wrapper .related-posts .post-style-3 .post-details .author {
    display: none;
}

.single-content-wrapper .related-posts .post-style-3 .title {
    font-size: 1.846rem;
}

.single-content-wrapper .post-navigation {
    padding: 0;
}

    .single-content-wrapper .post-navigation ul {
        list-style: none;
        padding: 0;
        margin: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        font-weight: 600;
        text-transform: uppercase;
    }

        .single-content-wrapper .post-navigation ul li {
            width: 50%;
            float: left;
            -webkit-transition: 0.3s;
            -moz-transition: 0.3s;
            -o-transition: 0.3s;
            -ms-transition: 0.3s;
            transition: 0.3;
        }

            .single-content-wrapper .post-navigation ul li a,
            .single-content-wrapper .post-navigation ul li a:visited {
                display: block;
                text-align: center;
                padding: 1.154rem;
            }

            .single-content-wrapper .post-navigation ul li.previous a,
            .single-content-wrapper .post-navigation ul li.previous a:visited {
                color: #FFFFFF;
            }

            .single-content-wrapper .post-navigation ul li.previous i {
                margin-right: 0.7692rem;
            }

            .single-content-wrapper .post-navigation ul li.next i {
                margin-left: 0.7692rem;
            }

            .single-content-wrapper .post-navigation ul li i {
                font-size: 0.8462rem;
            }

.post-review ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .post-review ul.extra-gap {
        margin-bottom: 3.462rem;
    }

.post-analysis > ul.analysis > li > ul > li > .title,
.post-review > ul.review > li > .content > .title {
    font-size: 1.462rem;
    line-height: 1.462rem;
    margin-bottom: 1.154rem;
    color: #000000;
    font-weight: 800;
    text-transform: uppercase;
}

.post-review > ul.review > li > .content > .score {
    border: 0.3077rem solid #eeeeee;
    font-size: 4.231rem;
    line-height: 4.231rem;
    font-weight: 800;
    text-align: center;
    padding: 2.708rem 2.708rem 3.069rem;
    float: right;
    margin: 0 0 2.308rem 2.308rem;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3;
}

    .post-review > ul.review > li > .content > .score span {
        display: block;
        text-transform: uppercase;
        font-size: 0.9231rem;
        line-height: 0.9231rem;
        margin-top: 0.3846rem;
    }

.post-review .cloux-title {
    margin-bottom: 1.923rem;
}

.post-review > ul.review > li > ul.items {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .post-review > ul.review > li > ul.items > li {
        margin-bottom: 1rem;
    }

        .post-review > ul.review > li > ul.items > li.star {
            border-bottom: 1px solid #eeeeee;
            padding-bottom: 1rem;
            margin-bottom: 1.462rem;
        }

        .post-review > ul.review > li > ul.items > li:last-child {
            margin-bottom: 0;
        }

        .post-review > ul.review > li > ul.items > li.star:last-child {
            padding-bottom: 0;
            border-bottom: 0;
        }

        .post-review > ul.review > li > ul.items > li > .content {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
            justify-content: space-between;
            font-weight: 500;
            color: #000000;
        }

        .post-review > ul.review > li > ul.items > li > .cloux-progress-bar {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            background: #eeeeee;
            height: 1rem;
            margin-top: 0.2308rem;
        }

            .post-review > ul.review > li > ul.items > li > .cloux-progress-bar .cloux-progress {
                height: 100%;
                width: 0;
                -webkit-transition: all 2s cubic-bezier(0.7, 0, 0.3, 1);
                -moz-transition: all 2s cubic-bezier(0.7, 0, 0.3, 1);
                -ms-transition: all 2s cubic-bezier(0.7, 0, 0.3, 1);
                -o-transition: all 2s cubic-bezier(0.7, 0, 0.3, 1);
                transition: all 2s cubic-bezier(0.7, 0, 0.3, 1);
            }

                .post-review > ul.review > li > ul.items > li > .cloux-progress-bar .cloux-progress.load-progress {
                    height: 100%;
                    -webkit-transition: all 2s cubic-bezier(0.7, 0, 0.3, 1);
                    -moz-transition: all 2s cubic-bezier(0.7, 0, 0.3, 1);
                    -ms-transition: all 2s cubic-bezier(0.7, 0, 0.3, 1);
                    -o-transition: all 2s cubic-bezier(0.7, 0, 0.3, 1);
                    transition: all 2s cubic-bezier(0.7, 0, 0.3, 1);
                }

.post-review .cloux-star-review {
    font-size: 0.9231rem;
    line-height: 0.9231rem;
    color: #dddddd;
    position: relative;
}

    .post-review .cloux-star-review i {
        margin-right: 0.3846rem;
    }

        .post-review .cloux-star-review i:last-child {
            margin-right: 0;
        }

    .post-review .cloux-star-review .cloux-star-review-skill {
        position: absolute;
        top: 0;
        left: 0;
    }

.post-analysis ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.post-analysis > ul > li > ul {
    margin: 0 -1.154rem -2.308rem;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .post-analysis > ul > li > ul:after,
    .post-analysis > ul > li > ul:before {
        content: '';
        display: block;
        clear: both;
    }

.post-analysis > ul > li.column > ul > li {
    padding: 0 1.154rem 2.308rem;
}

.post-analysis > ul > li.column-1 > ul > li {
    width: 100%;
}

.post-analysis > ul > li.column-2 > ul > li {
    width: 50%;
}

.post-analysis > ul > li.column-3 > ul > li {
    width: 33.33333333333333%;
}

    .post-analysis > ul > li.column-3 > ul > li:nth-last-child(3),
    .post-analysis > ul > li.column-3 > ul > li:nth-last-child(2),
    .post-analysis > ul > li.column-3 > ul > li:nth-last-child(1) {
        margin-bottom: 0rem;
    }

.post-analysis > ul > li.column > ul > li > ul > li {
    margin-bottom: 0.2308rem;
}

.post-analysis > ul > li > ul > li > ul > li > i {
    font-size: 1rem;
    margin-right: 0.7692rem;
}



/*====== 8.1.2 Featured Content ======*/
.page-content .featured-content,
.single-content .featured-content {
    margin: -3.077rem -3.077rem 3.077rem;
    position: relative;
    overflow: hidden;
}

.page-content.content-box.style-2 .featured-content,
.single-content.content-box.style-2 .featured-content {
    margin: 0rem 0rem 3.077rem;
}

.page-content .featured-content img,
.single-content .featured-content img {
    transform: translateX(0%);
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    width: 105%;
    max-width: 105%;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    transition: 0.4s;
}

.page-content:hover .featured-content img,
.single-content:hover .featured-content img {
    transform: translateX(-3%);
    -webkit-transform: translateX(-3%);
    -moz-transform: translateX(-3%);
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    transition: 0.4s;
}

.featured-gallery {
    margin-bottom: 3.077rem;
}

    .featured-gallery .slick-list {
        margin: -3.077rem -3.077rem 0rem;
    }

.content-box.style-2 .featured-gallery .slick-list {
    margin: 0rem;
}

.featured-gallery .slick-list img {
    width: 100%;
}

.featured-gallery .slick-dots {
    list-style: none;
    padding: 0;
    margin: 1.308rem 0 0;
    text-align: center;
}

    .featured-gallery .slick-dots li {
        display: inline-block;
        padding: 0 0.3846rem;
    }

        .featured-gallery .slick-dots li button {
            background: transparent;
            font-size: 0;
            width: 1.154rem;
            height: 1.154rem;
            border-radius: 50%;
            padding: 0;
            border: 1px solid #e5e5e5;
        }

.featured-gallery .slick-arrow {
    height: 3.923rem;
    width: 3.923rem;
    position: absolute;
    top: calc(50% + -1.96rem);
    margin: auto;
    z-index: 5;
    cursor: pointer;
    padding: 0.3846rem;
    opacity: 0.6;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

    .featured-gallery .slick-arrow:hover,
    .featured-gallery .slick-arrow:focus {
        opacity: 0.85;
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        -o-transition: 0.4s;
        -ms-transition: 0.4s;
        transition: 0.4s;
    }

    .featured-gallery .slick-arrow.prev {
        left: 0rem;
        background-image: url(include/assets/img/left-arrow-white.svg);
    }

    .featured-gallery .slick-arrow.next {
        right: 0rem;
        background-image: url(include/assets/img/right-arrow-white.svg);
    }

.featured-gallery.grid {
    margin: -3.077rem -3.077rem 3.077rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.content-box.style-2 .featured-gallery.grid {
    margin: 0rem 0rem 3.077rem;
}

.featured-gallery.grid > .item {
    width: 25%;
    position: relative;
    overflow: hidden;
}

    .featured-gallery.grid > .item img {
        width: 100%;
    }

    .featured-gallery.grid > .item > a:before {
        content: '';
        display: block;
        background: #000000;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        visibility: visible;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -o-transition: 0.3s;
        -ms-transition: 0.3s;
        transition: 0.3s;
        opacity: 0;
    }

    .featured-gallery.grid > .item:focus a:before,
    .featured-gallery.grid > .item:hover a:before {
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -o-transition: 0.3s;
        -ms-transition: 0.3s;
        transition: 0.3s;
        opacity: 0.4;
        visibility: visible;
    }

.featured-codes {
    margin: -3.077rem -3.077rem 3.077rem;
}

.content-box.style-2 .featured-codes {
    margin: 0rem 0rem 3.077rem;
}

.featured-codes > img,
.featured-codes > video,
.featured-codes > frame,
.featured-codes > iframe,
.featured-codes > embed,
.featured-codes > div,
.featured-codes > table {
    width: 100%;
}

.featured-codes.video > video,
.featured-codes.video > frame,
.featured-codes.video > iframe,
.featured-codes.video > embed {
    height: 31.54rem;
}



/*====== 8.2 Post Styles ======*/
.post-styles:after,
.post-styles:before {
    content: '';
    display: block;
    clear: both;
}

.post-style-1 .image {
    position: relative;
    overflow: hidden;
}

    .post-style-1 .image img {
        transform: translateX(0%);
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        max-width: 105%;
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        -o-transition: 0.4s;
        -ms-transition: 0.4s;
        transition: 0.4s;
    }

.post-style-1:hover .image img {
    transform: translateX(-3%);
    -webkit-transform: translateX(-3%);
    -moz-transform: translateX(-3%);
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    transition: 0.4s;
}

.post-style-1 .content {
    padding: 2.615rem 3.077rem 3.077rem;
}

.post-style-1 .summary {
    margin-bottom: 2.077rem;
    max-height: 5.231rem;
    overflow: hidden;
}

.post-style-1 .title {
    font-size: 2.154rem;
    text-transform: uppercase;
    font-weight: 800;
    line-height: 1.1em;
    margin-bottom: 1.231rem;
}

.post-style-1 .details {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
}

    .post-style-1 .details .post-details {
        margin-right: auto;
    }

    .post-style-1 .details .post-details,
    .post-style-1 .details .cloux-button {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    }

.post-style-2 .image {
    position: relative;
    overflow: hidden;
}

    .post-style-2 .image img {
        transform: translateX(0%);
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        width: 105%;
        max-width: 105%;
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        -o-transition: 0.4s;
        -ms-transition: 0.4s;
        transition: 0.4s;
    }

.post-style-2:hover .image img {
    transform: translateX(-3%);
    -webkit-transform: translateX(-3%);
    -moz-transform: translateX(-3%);
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    transition: 0.4s;
}

.post-style-2 .content {
    padding: 1.923rem 2.308rem 2.308rem;
}

.post-style-2 .summary {
    margin-bottom: 1.538rem;
    max-height: 5.231rem;
    overflow: hidden;
}

.post-style-2 .title {
    font-size: 2rem;
    text-transform: uppercase;
    font-weight: 800;
    line-height: 1.1em;
    margin-bottom: 1.538rem;
}

.post-style-2 .post-details {
    margin-bottom: 1.538rem;
}

.post-style-3 .image {
    position: relative;
    overflow: hidden;
    margin: 0 0 1.923rem;
}

    .post-style-3 .image img {
        transform: translateX(0%);
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        width: 105%;
        max-width: 105%;
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        -o-transition: 0.4s;
        -ms-transition: 0.4s;
        transition: 0.4s;
    }

.post-style-3:hover .image img {
    transform: translateX(-3%);
    -webkit-transform: translateX(-3%);
    -moz-transform: translateX(-3%);
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    transition: 0.4s;
}

.post-style-3 .summary {
    margin-bottom: 1.538rem;
    max-height: 3.462rem;
    overflow: hidden;
}

.post-style-3 .title {
    font-size: 2rem;
    text-transform: uppercase;
    font-weight: 800;
    line-height: 1.1em;
    margin-bottom: 1.538rem;
}

.post-style-3 .cloux-button {
    margin-top: 1.538rem;
}

.post-style-4 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

    .post-style-4 .image {
        margin-right: 1.538rem;
    }

        .post-style-4 .image img {
            min-width: 6.923rem;
            max-width: 6.923rem;
        }

    .post-style-4 .title {
        font-weight: 600;
        font-size: 1rem;
        line-height: 1.5rem;
    }

    .post-style-4 .post-details.style-1 ul li {
        font-size: 0.7692rem;
    }

        .post-style-4 .post-details.style-1 ul li i {
            font-size: 0.9231rem;
        }

    .post-style-1.sticky-post,
    .post-style-2.sticky-post,
    .post-style-3.sticky-post,
    .post-style-4.sticky-post {
        position: relative;
    }

        .post-style-1.sticky-post:after,
        .post-style-2.sticky-post:after,
        .post-style-3.sticky-post:after,
        .post-style-4.sticky-post:after {
            font-family: Font Awesome\ 5 Free;
            -moz-osx-font-smoothing: grayscale;
            -webkit-font-smoothing: antialiased;
            display: inline-block;
            font-style: normal;
            font-variant: normal;
            text-rendering: auto;
            line-height: 1;
            color: #FFFFFF;
            text-align: right;
            content: "\f005";
            display: block;
            width: 3.077rem;
            height: 3.077rem;
            line-height: 3.077rem;
            text-align: center;
            position: absolute;
            left: 0;
            top: 0;
            font-weight: 600;
        }

        .post-style-4.sticky-post:after {
            width: 1.923rem;
            height: 1.923rem;
            line-height: 1.923rem;
            font-size: 0.5rem;
        }



/*====== 8.3 Post List Styles ======*/
.post-list:before,
.post-list:after {
    content: '';
    display: block;
    clear: both;
}

.post-list-style-1 {
    margin-bottom: 3.462rem;
}

    .post-list-style-1 .post-style-1 {
        margin-bottom: 3.462rem;
    }

        .post-list-style-1 .post-style-1:last-child {
            margin-bottom: 0;
        }

.post-list-style-2 {
    margin: 0 -1.154rem 2.308rem;
}

    .post-list-style-2 .post-style-2 {
        margin-bottom: 3.462rem;
        width: 50%;
        padding: 0 1.154rem;
        float: left;
    }

        .post-list-style-2 .post-style-2:nth-child(2n+1) {
            clear: both;
        }

        .post-list-style-2 .post-style-2:last-child {
            margin-bottom: 0;
        }

.post-list-style-3 {
    margin: 0 -1.154rem 2.308rem;
}

    .post-list-style-3 .post-style-3 {
        margin-bottom: 3.462rem;
        width: 50%;
        padding: 0 1.154rem;
        float: left;
    }

        .post-list-style-3 .post-style-3:nth-child(2n+1) {
            clear: both;
        }

        .post-list-style-3 .post-style-3:last-child {
            margin-bottom: 0;
        }

.post-list-style-4 {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .post-list-style-4 > li,
    .post-list-style-4 .post-style-4 {
        margin: 0 0 1.538rem;
    }

        .post-list-style-4 > li:last-child,
        .post-list-style-4 .post-style-4:last-child {
            margin-bottom: 0;
        }



/*====== 8.4 Post Detail Elements ======*/
.post-details.style-1 ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .post-details.style-1 ul:before,
    .post-details.style-1 ul:after {
        content: '';
        display: block;
        clear: both;
    }

    .post-details.style-1 ul,
    .post-details.style-1 ul a,
    .post-details.style-1 ul a:visited {
        color: #777777;
    }

        .post-details.style-1 ul li {
            display: inline-block;
            font-size: 0.9231rem;
            margin-right: 1.538rem;
        }

            .post-details.style-1 ul li i {
                font-size: 1.154rem;
                margin-right: 0.6923rem;
                vertical-align: middle;
            }

            .post-details.style-1 ul li.author img {
                border-radius: 50%;
                margin: 0 0.7692rem 0 0;
                padding: 0;
                vertical-align: text-bottom;
            }

            .post-details.style-1 ul li:last-child {
                margin-right: 0;
            }



/*====== 8.5 Game Styles ======*/
.game-style-1 .poster {
    position: relative;
    margin-bottom: 1.231rem;
    background: #000000;
    max-height: 162px;
    overflow: hidden;
}

@media (max-width:1100px) {
    .game-style-1 .poster {
        max-height: 170px;
    }
}

@media (max-width:900px) {
    .game-style-1 .poster {
        max-height: 160px;
    }
}

@media (max-width:767px) {
    .game-style-1 .poster {
        max-height: 200px;
    }
}

@media (max-width:600px) {
    .game-style-1 .poster {
        max-height: 160px;
    }
}

@media (max-width:500px) {
    .game-style-1 .poster {
        max-height: 150px;
    }
}

@media (max-width:450px) {
    .game-style-1 .poster {
        max-height: 250px;
    }
}

.game-style-1 .poster img {
    width: 100%;
}

.game-style-1 .poster a,
.game-style-1 .poster a:visted {
    display: block;
    position: relative;
}

.game-style-1 .poster > a:before,
.game-style-1 .poster > a:visted:before {
    display: block;
    opacity: 0;
    visibility: hidden;
    content: '';
    background: #000000;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    transition: 0.4s;
}

.game-style-1:focus .poster > a:before,
.game-style-1:focus .poster > a:visited:before,
.game-style-1:hover .poster > a:before,
.game-style-1:hover .poster > a:visited:before {
    opacity: 0.2;
    visibility: visible;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    transition: 0.4s;
}

.game-style-1 .poster .genre {
    position: absolute;
    bottom: 1.231rem;
    right: 1.538rem;
    margin-left: 1.538rem;
    text-align: right;
}

    .game-style-1 .poster .genre ul {
        list-style: none;
        padding: 0rem;
        margin: 0rem;
        font-size: 0.7692rem;
        text-transform: uppercase;
        display: inline-block;
    }

        .game-style-1 .poster .genre ul li {
            display: inline-block;
            margin-right: 0.2308rem;
        }

            .game-style-1 .poster .genre ul li:after {
                content: ',';
            }

            .game-style-1 .poster .genre ul li:last-child:after {
                display: none;
            }

            .game-style-1 .poster .genre ul li:last-child {
                margin-right: 0rem;
            }

        .game-style-1 .poster .genre ul,
        .game-style-1 .poster .genre ul a,
        .game-style-1 .poster .genre ul a:visited {
            color: #ffffff;
        }

    .game-style-1 .poster .genre i {
        display: inline-block;
        font-size: 0.8462rem;
        margin-left: 0.7692rem;
    }

.game-style-1 .content .title {
    font-size: 1.5rem;
    line-height: 1.5rem;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 1rem;
    height: 20px;
    overflow: hidden;
}

.game-style-1 .content .game-details {
    height: 30px;
    margin-bottom: 0.2rem;
}

.game-style-1 .content .summary {
    font-size: 0.9231rem;
    color: #999999;
    max-height: 3.231rem;
    overflow: hidden;
    line-height: 1rem;
    overflow: hidden;
    height: 28px;
    font-family: 'Cairo-Regular';
}

.game-style-1 .content .btn-play {
    font-size: 1rem;
    color: #fff;
    display: block;
    text-align: center;
    background-color: #ed9700;
    cursor: pointer;
    max-height: 3.231rem;
    overflow: hidden;
    width: 50%;
    min-width: 115px;
    direction: rtl;
    float: right;
    margin-left:10px;
}
.game-style-1 .content .btn-play:hover {
    color:#fff;
}
    .game-style-1 .content .btn-play .fa-play {
        margin-left: 10px;
        margin-right: 0;
        transform: rotate(180deg);
    }

.game-style-2:before,
.game-style-2:after {
    content: '';
    display: block;
    clear: both;
}

.game-style-2 .wrap {
    position: relative;
    color: #FFFFFF;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
}

    .game-style-2 .wrap > a,
    .game-style-2 .wrap > a:visited {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 5;
    }

    .game-style-2 .wrap .poster {
        width: 100%;
    }

        .game-style-2 .wrap .poster:after {
            content: '';
            display: block;
            opacity: 0.6;
            background: -moz-linear-gradient(top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.75) 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(top, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.75) 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf000000', endColorstr='#bf000000',GradientType=0 ); /* IE6-9 */
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            -webkit-transition: 0.6s;
            -moz-transition: 0.6s;
            -o-transition: 0.6s;
            -ms-transition: 0.6s;
            transition: 0.6s;
        }

        .game-style-2 .wrap .poster:before {
            content: '';
            display: block;
            opacity: 0.6;
            background: #000000;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 0%;
            -webkit-transition: 0.6s;
            -moz-transition: 0.6s;
            -o-transition: 0.6s;
            -ms-transition: 0.6s;
            transition: 0.6s;
        }

.game-style-2:focus .wrap .poster:before,
.game-style-2:hover .wrap .poster:before {
    height: 100%;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -o-transition: 0.6s;
    -ms-transition: 0.6s;
    transition: 0.6s;
}

.game-style-2 .game-details.style-1,
.game-style-2 .game-details.style-1 a,
.game-style-2 .game-details.style-1 a:visited {
    color: #FFFFFF;
}

.game-style-2 .poster img {
    width: 100%;
}

.game-style-2 .content {
    position: absolute;
    bottom: 2.308rem;
    left: 2.308rem;
    right: 2.308rem;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -o-transition: 0.6s;
    -ms-transition: 0.6s;
    transition: 0.6s;
    opacity: 1;
    visibility: visible;
}

    .game-style-2 .content .title {
        font-size: 1.846rem;
        line-height: 1.846rem;
        text-transform: uppercase;
        font-weight: 800;
        margin-bottom: 1.385rem;
    }

        .game-style-2 .content .title a,
        .game-style-2 .content .title a:visited {
            color: #FFFFFF;
        }

.game-style-2:hover .main-content,
.game-style-2:focus .main-content {
    bottom: -100%;
    visibility: hidden;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -o-transition: 0.6s;
    -ms-transition: 0.6s;
    transition: 0.6s;
}

.game-style-2 .hover-content {
    width: calc(100% - 4.615rem);
    right: 2.308rem;
    left: 100%;
    top: auto;
    bottom: auto;
    text-align: center;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -o-transition: 0.6s;
    -ms-transition: 0.6s;
    transition: 0.6s;
}

.game-style-2:hover .hover-content,
.game-style-2:focus .hover-content {
    left: 2.308rem;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -o-transition: 0.6s;
    -ms-transition: 0.6s;
    transition: 0.6s;
}

.game-style-3 {
    /*display: -ms-inline-flexbox;
    display: inline-flex;*/
}

    .game-style-3:before,
    .game-style-3:after {
        content: '';
        display: block;
        clear: both;
    }

    .game-style-3 .image {
        /*min-width: 12rem;*/
        margin-left: 0;
        margin-right: 0;
    }

    .game-style-3 .content {
        -ms-flex-item-align: center;
        align-self: center;
        text-align: right;
    }

        .game-style-3 .content .title {
            font-size: 1.615rem;
            line-height: 1.615rem;
            text-transform: uppercase;
            font-weight: 800;
            margin-bottom: 1.308rem;
        }

        .game-style-3 .content .game-details {
            margin-bottom: 0.231rem;
        }

        .game-style-3 .content .summary {
            color: #999999;
            max-height: 26px;
            overflow: hidden;
        }

        .game-style-3 .content .btn-play {
            font-size: 1rem;
            color: #fff;
            display: block;
            width: 130px;
            text-align: center;
            background-color: #ed9700;
            cursor: pointer;
            max-height: 3.231rem;
            overflow: hidden;
        }

            .game-style-3 .content .btn-play .fa-play {
                margin-left: 10px;
                margin-right: 0;
                transform: rotate(180deg);
            }



/*====== 8.6 Game Single ======*/
.system-requirements .cloux-tabs {
    margin-bottom: 1.769rem;
}

.system-requirements .tab-content ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 0.9231rem;
}

.system-requirements .tab-content .list-name {
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 0.5385rem;
}

.system-requirements .tab-content ul > li > .text p:last-child {
    margin-bottom: 0;
}

.system-requirements .tab-content ul > li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0.5385rem;
}

    .system-requirements .tab-content ul > li > .title {
        min-width: 6.923rem;
        font-weight: 700;
        text-transform: uppercase;
        margin-right: 1.154rem;
    }

    .system-requirements .tab-content ul > li:last-child {
        margin-bottom: 0;
    }

    .system-requirements .tab-content ul > li.block {
        display: block;
    }

        .system-requirements .tab-content ul > li.block > .title {
            margin-right: 0;
            margin-bottom: 0.2308rem;
        }

.system-requirements .tab-content > div > div {
    margin-bottom: 1.769rem;
}

    .system-requirements .tab-content > div > div:last-child {
        margin-bottom: 0rem;
    }

.game-media.content-box {
    background: transparent;
    padding: 0;
    box-shadow: none !important;
    position: relative;
}

    .game-media.content-box .tab-content > .tab-pane {
        display: block !important;
        height: 0;
        overflow: hidden;
    }

    .game-media.content-box .tab-content > .active {
        height: auto;
        overflow: auto;
    }

.game-media .media-tab-content .game-image-carousel {
    margin-bottom: 1.154rem;
}

    .game-media .media-tab-content .game-image-carousel .item img {
        width: auto;
        max-width: 100%;
        max-height: 500px;
        margin: auto;
    }

    .game-media .media-tab-content .game-image-carousel .slick-arrow {
        position: absolute;
        color: #FFFFFF;
        width: 2.308rem;
        height: 2.308rem;
        bottom: 2.308rem;
        z-index: 1;
        cursor: pointer;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

        .game-media .media-tab-content .game-image-carousel .slick-arrow.prev {
            right:32px;
            background-image: url(include/assets/img/left-arrow-white.svg);
            background-color: #ed9700;
        }

        .game-media .media-tab-content .game-image-carousel .slick-arrow.next {
            right:0;
            background-image: url(include/assets/img/right-arrow-white.svg);
            background-color:#ed9700;
        }

.game-media .media-tab-content .game-image-carousel-nav .item {
    cursor: pointer;
    position: relative;
    outline: 0rem;
}

    .game-media .media-tab-content .game-image-carousel-nav .item img {
        padding: 0 0.5385rem;
        width: 100%;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -o-transition: 0.3s;
        -ms-transition: 0.3s;
        transition: 0.3s;
    }

    .game-media .media-tab-content .game-image-carousel-nav .item:before {
        margin: 0 0.5385rem;
        background: #000000;
        content: '';
        display: block;
        width: calc(100% - 1.154rem);
        height: 100%;
        opacity: 0.2;
        position: absolute;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -o-transition: 0.3s;
        -ms-transition: 0.3s;
        transition: 0.3s;
        cursor: pointer;
        z-index: 3;
    }

    .game-media .media-tab-content .game-image-carousel-nav .item:hover:before,
    .game-media .media-tab-content .game-image-carousel-nav .item:focus:before {
        opacity: 0.3;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -o-transition: 0.3s;
        -ms-transition: 0.3s;
        transition: 0.3s;
    }

    .game-media .media-tab-content .game-image-carousel-nav .item.slick-current:before,
    .game-media .media-tab-content .game-image-carousel-nav .item.slick-current:before {
        opacity: 0;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -o-transition: 0.3s;
        -ms-transition: 0.3s;
        transition: 0.3s;
    }

.game-media .media-tabs {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    position: absolute;
    left: calc(100% + 1.154rem);
    top: 0;
    z-index: 2;
}

    .game-media .media-tabs li {
        display: block;
        margin-bottom: 1.154rem;
        position: relative;
    }

        .game-media .media-tabs li:last-child {
            margin-bottom: 0;
        }

        .game-media .media-tabs li a,
        .game-media .media-tabs li a:visited {
            display: block;
            border: 1px solid #eeeeee;
            font-size: 1.538rem;
            width: 3.846rem;
            height: 3.462rem;
            line-height: 3.362rem;
            text-align: center;
        }

            .game-media .media-tabs li a:after,
            .game-media .media-tabs li a:visited:after {
                opacity: 0;
                visibility: hidden;
                content: '';
                display: inline-block;
                background: transparent;
                border-left: 0.5385rem solid #ccc;
                border-right: 0.5385rem solid transparent;
                border-top: 0.5385rem solid transparent;
                border-bottom: 0.5385rem solid transparent;
                position: absolute;
                height: 0.5385rem;
                top: 0;
                bottom: 0;
                margin: auto;
                right: 100%;
                -webkit-transition: 0.3s;
                -moz-transition: 0.3s;
                -o-transition: 0.3s;
                -ms-transition: 0.3s;
                transition: 0.3;
            }

            .game-media .media-tabs li a.active:after,
            .game-media .media-tabs li a.active:visited:after {
                opacity: 1;
                visibility: visible;
                -webkit-transition: 0.3s;
                -moz-transition: 0.3s;
                -o-transition: 0.3s;
                -ms-transition: 0.3s;
                transition: 0.3;
            }

.game-media .game-grid-image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .game-media .game-grid-image > .item {
        width: 25%;
        position: relative;
        overflow: hidden;
    }

        .game-media .game-grid-image > .item img {
            width: 100%;
        }

        .game-media .game-grid-image > .item > a:before {
            content: '';
            display: block;
            background: #000000;
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            visibility: visible;
            -webkit-transition: 0.3s;
            -moz-transition: 0.3s;
            -o-transition: 0.3s;
            -ms-transition: 0.3s;
            transition: 0.3s;
            opacity: 0;
        }

        .game-media .game-grid-image > .item:focus a:before,
        .game-media .game-grid-image > .item:hover a:before {
            -webkit-transition: 0.3s;
            -moz-transition: 0.3s;
            -o-transition: 0.3s;
            -ms-transition: 0.3s;
            transition: 0.3s;
            opacity: 0.4;
            visibility: visible;
        }

.game-media .game-video-carousel .item video,
.game-media .game-video-carousel .item embed,
.game-media .game-video-carousel .item iframe {
    width: 100%;
    height: 33rem;
    background: #000000;
}

.game-media .game-video-carousel .thumbnail {
    width: 100%;
    height: 33.08rem;
    background: #000000;
}

.game-media .game-video-carousel {
    margin-bottom: 0.6154rem;
}

    .game-media .game-video-carousel .slick-arrow {
        position: absolute;
        color: #FFFFFF;
        font-size: 2.308rem;
        line-height: 1.923rem;
        top: 2.308rem;
        z-index: 100;
        cursor: pointer;
    }

        .game-media .game-video-carousel .slick-arrow.next {
            right: 2.308rem;
        }

        .game-media .game-video-carousel .slick-arrow.prev {
            right: 4.231rem;
        }

.game-media .game-video-carousel-nav .item {
    position: relative;
    text-align: center;
}

    .game-media .game-video-carousel-nav .item img {
        padding: 0 0.5385rem;
        width: 100%;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -o-transition: 0.3s;
        -ms-transition: 0.3s;
        transition: 0.3s;
    }

    .game-media .game-video-carousel-nav .item:before {
        margin: 0 0.5385rem;
        background: #000000;
        content: '';
        display: block;
        width: calc(100% - 1.154rem);
        height: 100%;
        opacity: 0.3;
        position: absolute;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -o-transition: 0.3s;
        -ms-transition: 0.3s;
        transition: 0.3s;
        cursor: pointer;
        z-index: 3;
    }

    .game-media .game-video-carousel-nav .item:hover:before,
    .game-media .game-video-carousel-nav .item:focus:before {
        opacity: 0.5;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -o-transition: 0.3s;
        -ms-transition: 0.3s;
        transition: 0.3s;
    }

    .game-media .game-video-carousel-nav .item.slick-current:before,
    .game-media .game-video-carousel-nav .item.slick-current:before {
        opacity: 0;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -o-transition: 0.3s;
        -ms-transition: 0.3s;
        transition: 0.3s;
    }

    .game-media .game-video-carousel-nav .item i {
        position: absolute;
        width: 100%;
        left: 0;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -o-transition: 0.3s;
        -ms-transition: 0.3s;
        transition: 0.3s;
        color: #FFF;
        font-size: 1.3rem;
        height: 1.3rem;
        line-height: 1.5rem;
        margin: auto;
        top: 0;
        bottom: 0;
        z-index: 4;
        cursor: pointer;
        visibility: visible;
        opacity: 1;
    }

    .game-media .game-video-carousel-nav .item.slick-current i {
        opacity: 0;
        visibility: hidden;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -o-transition: 0.3s;
        -ms-transition: 0.3s;
        transition: 0.3s;
    }

.game-media .game-video-carousel-nav .thumbnail {
    width: 100%;
    height: 4.85rem;
    margin: 0 0.5385rem;
    background: #000000;
}

.game-details-box > ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 0.9231rem;
    direction: rtl;
    text-align: right;
}

.game-details-box a,
.game-details-box a:visited {
    color: #777777;
}

.game-details-box > ul > li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1rem;
}

    .game-details-box > ul > li:last-child {
        margin-bottom: 0;
    }

    .game-details-box > ul > li > .title i {
        font-size: 1rem;
        vertical-align: middle;
        margin-left: 0.7692rem;
        width: 1.308rem;
    }

    .game-details-box > ul > li > .title {
        font-weight: 700;
        text-transform: uppercase;
        margin-right: 0.7692rem;
        min-width: 10.60rem;
        font-family: 'Cairo-Regular';
    }

        .game-details-box > ul > li > .title:after {
            content: ':';
        }

    .game-details-box > ul > li > .content > ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .game-details-box > ul > li > .content > ul > li {
            display: inline-block;
            margin-right: 0.2308rem;
        }

            .game-details-box > ul > li > .content > ul > li:last-child {
                margin-right: 0;
            }

            .game-details-box > ul > li > .content > ul > li:after {
                content: ',';
            }

            .game-details-box > ul > li > .content > ul > li:last-child:after {
                display: none;
            }

.game-details-box .btn-play {
    font-size: 1rem;
    color: #fff !important;
    display: block;
    width: 140px;
    text-align: center;
    background-color: #ed9700;
    cursor: pointer;
    max-height: 3.231rem;
    overflow: hidden;
    height: 30px;
    margin: auto;
    padding-top: 3px;
}

    .game-details-box .btn-play .fa-play {
        margin: 0 10px;
        transform: rotate(180deg);
    }

.game-details-box > ul > li > .content > ul.social-media > li {
    margin-right: 1rem;
    font-size: 1.077rem;
}

    .game-details-box > ul > li > .content > ul.social-media > li:last-child {
        margin-right: 0;
    }

    .game-details-box > ul > li > .content > ul.social-media > li:after {
        display: none;
    }

.game-poster .text {
    font-size: 0.9231rem;
    margin-top: 1.538rem;
}

    .game-poster .text p:last-child {
        margin-bottom: 0;
    }

.game-language {
    font-size: 0.9231rem;
}

    .game-language ul {
        list-style: none;
        padding: 0;
        margin: -0.7692rem -0.3846rem;
    }

        .game-language ul:after,
        .game-language ul:before {
            content: '';
            display: block;
            clear: both;
        }

        .game-language ul > li.title {
            font-weight: 700;
            text-transform: uppercase;
        }

        .game-language ul > li {
            padding: 0 0.3846rem;
            width: 25%;
            float: left;
            border-bottom: 1px solid #eeeeee;
            line-height: 3rem;
        }

            .game-language ul > li i.fa-times:before {
                content: '';
            }

            .game-language ul > li:nth-last-child(4),
            .game-language ul > li:nth-last-child(3),
            .game-language ul > li:nth-last-child(2),
            .game-language ul > li:nth-last-child(1) {
                border-bottom: 0;
            }

            .game-language ul > li a,
            .game-language ul > li a:visited {
                color: #777777;
            }

            .game-language ul > li.name {
                width: 28%;
            }

            .game-language ul > li.interface {
                width: 27%;
            }

            .game-language ul > li.audio {
                width: 18%;
            }

            .game-language ul > li.subtitles {
                width: 27%;
            }

            .game-language ul > li.status {
                text-align: center;
                font-size: 1rem;
                line-height: 3rem;
            }

.game-image-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 0.9231rem;
}

    .game-image-info .image img {
        max-width: 6.538rem;
        margin-right: 1.538rem;
    }

.game-review > ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .game-review > ul > li {
        background: #000000;
        background-position: center center;
        background-size: cover;
        margin-bottom: 1.154rem;
        position: relative;
        color: #FFFFFF;
    }

        .game-review > ul > li:last-child {
            margin-bottom: 0;
        }

        .game-review > ul > li a,
        .game-review > ul > li a:visited {
            display: block;
            color: #FFFFFF;
        }

        .game-review > ul > li .wrap {
            padding: 1.154rem;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            background: rgba(0, 0, 0, 0.40);
            -webkit-transition: 0.5s;
            -moz-transition: 0.5s;
            -o-transition: 0.5s;
            -ms-transition: 0.5s;
            transition: 0.5;
        }

        .game-review > ul > li:hover .wrap,
        .game-review > ul > li:focus .wrap {
            background: rgba(0, 0, 0, 0.60);
            -webkit-transition: 0.5s;
            -moz-transition: 0.5s;
            -o-transition: 0.5s;
            -ms-transition: 0.5s;
            transition: 0.5;
        }

        .game-review > ul > li .wrap .point {
            background: rgba(0, 0, 0, 0.50);
            font-weight: 800;
            font-size: 1.692rem;
            line-height: 1.692rem;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            align-items: center;
            padding: 0 0.7692rem;
            margin-right: 1.462rem;
        }

        .game-review > ul > li .wrap .title {
            font-weight: 800;
            font-size: 1.538rem;
            line-height: 1.538rem;
            text-transform: uppercase;
            letter-spacing: 0.04rem;
            margin-bottom: 0.5385rem;
        }

        .game-review > ul > li .wrap .text {
            font-size: 0.9231rem;
        }

            .game-review > ul > li .wrap .text i {
                margin-left: 0.9231rem;
            }

.related-games .related-games-slider {
    margin: 0rem -1.154rem;
    position: relative;
}

    .related-games .related-games-slider .slick-arrow {
        padding: 0rem 0.5385rem;
        height: 2.308rem;
        line-height: 2.308rem;
        font-size: 1rem;
        background: #FFFFFF;
        text-align: center;
        top: 0;
        right: 1.077rem;
        z-index: 3;
        position: absolute;
        cursor: pointer;
        color: #777777;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -o-transition: 0.3s;
        -ms-transition: 0.3s;
        transition: 0.3;
    }

        .related-games .related-games-slider .slick-arrow.prev {
            right: 3.308rem;
            padding-left: 1rem;
        }

        .related-games .related-games-slider .slick-arrow.next {
            padding-right: 1rem;
        }

    .related-games .related-games-slider .game-style-1 {
        padding: 0rem 1.154rem;
        text-align: right;
    }

        .related-games .related-games-slider .game-style-1 .poster {
            box-shadow: none;
        }

        .related-games .related-games-slider .game-style-1 .content .title {
            font-size: 1.5rem;
            line-height: 1.462rem;
        }

    .related-games .related-games-slider .game-details.style-1 > li.price {
        display: none;
    }

.game-contact .copyright p:last-child {
    margin-bottom: 0;
}

.game-contact .copyright {
    margin-bottom: 1.846rem;
}

.game-contact .buttons .cloux-button {
    margin-right: 2.308rem;
    display: inline-block;
}

    .game-contact .buttons .cloux-button:last-child {
        margin-right: 0;
    }

.game-price-list {
    margin-bottom: 3.462rem;
}

.game-price-item {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

    .game-price-item .buttons {
        min-width: 10.8rem;
        margin-left: auto;
        text-align: right;
        align-content: initial;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-left: 1.154rem;
    }

        .game-price-item .buttons > .cloux-button {
            margin-bottom: 1.154rem;
            width: 100%;
        }

            .game-price-item .buttons > .cloux-button:last-child {
                margin-bottom: 0rem;
            }

            .game-price-item .buttons > .cloux-button a,
            .game-price-item .buttons > .cloux-button a:visited {
                width: 100%;
                text-align: center;
            }

        .game-price-item .buttons .cloux-button > * {
            text-align: left;
        }

    .game-price-item.background-active {
        background-size: cover;
        background-position: center center;
    }

        .game-price-item.background-active:before {
            content: '';
            display: block;
            clear: both;
            background: -moz-linear-gradient(left, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0.97) 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(left, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.97) 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to right, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.97) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfffffff', endColorstr='#f7ffffff',GradientType=1 ); /* IE6-9 */
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            z-index: 1;
        }

        .game-price-item.background-active .content,
        .game-price-item.background-active .buttons {
            position: relative;
            z-index: 2;
        }

    .game-price-item .title {
        font-weight: 800;
        text-transform: uppercase;
        color: #000000;
        font-size: 2.154rem;
        line-height: 2.154rem;
        margin-bottom: 1rem;
    }


    .game-price-item .text {
        margin-bottom: 1.154rem;
    }

    .game-price-item .game-details {
        list-style: none;
        padding: 0;
        margin: 0 0 0.9231rem;
    }

    .game-price-item .content > .item:last-child {
        margin-bottom: 0;
    }

    .game-price-item .content .gallery {
        margin: 0 -0.5385rem -1.154rem;
    }

        .game-price-item .content .gallery .item {
            display: inline-block;
            width: 7.692rem;
            padding: 0 0.5385rem;
            padding-bottom: 1.154rem;
        }

            .game-price-item .content .gallery .item:last-child {
                margin-right: 0rem;
            }

    .game-price-item .contact-form .wpcf7 {
        border: 0.1538rem solid #EEEEEE;
        padding: 2.308rem;
    }

    .game-price-item .contact-form .wrap {
        height: 0rem;
        opacity: 0;
        visibility: hidden;
        overflow: hidden;
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -o-transition: 0.5s;
        -ms-transition: 0.5s;
        transition: 0.5;
    }

        .game-price-item .contact-form .wrap.active {
            height: auto;
            opacity: 1;
            visibility: visible;
            overflow: visible;
            -webkit-transition: 0.5s;
            -moz-transition: 0.5s;
            -o-transition: 0.5s;
            -ms-transition: 0.5s;
            transition: 0.5;
        }



/*====== 8.7 Game List Styles ======*/
.game-list {
    margin: 0 -1.154rem -2.308rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    direction: rtl;
}

    .game-list > .game {
        padding: 0 1.154rem;
    }

        .game-list > .game.game-style-3,
        .game-list > .game.game-style-2,
        .game-list > .game.game-style-1 {
            margin-bottom: 2.308rem;
        }

    .game-list:before,
    .game-list:after {
        content: '';
        display: block;
        clear: both;
    }

    .game-list.column-1 > .game {
        width: 100%;
        direction: rtl;
    }

    .game-list.column-2 > .game {
        width: 50%;
    }

        .game-list.column-2 > .game:nth-child(2n+1) {
            clear: both;
        }

    .game-list.column-3 > .game {
        width: 33.33333333333333%;
    }

        .game-list.column-3 > .game:nth-child(3n+1) {
            clear: both;
        }

    .game-list.column-4 > .game {
        width: 25%;
        text-align: right;
    }

        .game-list.column-4 > .game:nth-child(4n+1) {
            clear: both;
        }



/*====== 8.8 No Content ======*/
.no-content p {
    text-align: center;
}

    .no-content p:last-child {
        margin-bottom: 0rem;
    }

.no-content .search-form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}



/*====== 8.9 Product Styles ======*/
.product-style-1 .image {
    margin-bottom: 1.846rem;
}

    .product-style-1 .image img {
        width: 100%;
    }

.product-style-1 .title {
    font-size: 1.769rem;
    line-height: 1.769rem;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 0.7692rem;
}

.product-style-1 .summary {
    max-height: 3.385rem;
    overflow: hidden;
}

.product-style-1 .woo-product-price {
    margin-bottom: 0.7692rem;
    display: block;
}

    .product-style-1 .woo-product-price,
    .product-style-1 .woo-product-price del {
        font-size: 1.692rem;
        line-height: 1.692rem;
        font-weight: 800;
        text-transform: uppercase;
    }

        .product-style-1 .woo-product-price ins {
            color: #cccccc;
            text-decoration: line-through;
            font-size: 1.308rem;
            line-height: 1.308rem;
            margin-left: 0.7692rem;
        }

.product-style-2 .image {
    margin-bottom: 1.846rem;
}

    .product-style-2 .image img {
        width: 100%;
    }

.product-style-2 .title {
    font-size: 1.769rem;
    line-height: 1.769rem;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 0.7692rem;
}

.product-style-2 .summary {
    max-height: 3.385rem;
    overflow: hidden;
}

.product-style-2 .woo-product-price {
    margin-bottom: 0.7692rem;
    display: block;
}

    .product-style-2 .woo-product-price,
    .product-style-2 .woo-product-price del {
        font-size: 1.692rem;
        line-height: 1.692rem;
        font-weight: 800;
        text-transform: uppercase;
    }

        .product-style-2 .woo-product-price ins {
            color: #cccccc;
            text-decoration: line-through;
            font-size: 1.308rem;
            line-height: 1.308rem;
        }



/*====== 8.10 Fixture Styles ======*/
.fixture-style-1 {
    padding: 2.692rem 3.077rem;
}

    .fixture-style-1 > .wrap {
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 -1.154rem;
    }

        .fixture-style-1 > .wrap > .right {
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            text-align: center;
            width: 40%;
        }

            .fixture-style-1 > .wrap > .right > div {
                width: 33.33333333333333%;
            }

            .fixture-style-1 > .wrap > .right > .team {
                font-size: 1.231rem;
                line-height: 1.231rem;
                font-weight: 800;
                text-transform: uppercase;
                margin: 0 -0.7692rem
            }

                .fixture-style-1 > .wrap > .right > .team > div {
                    padding: 0 0.7692rem;
                    display: block;
                    word-wrap: break-word;
                }

                .fixture-style-1 > .wrap > .right > .team > .logo {
                    margin-bottom: 0.3846rem;
                }

                    .fixture-style-1 > .wrap > .right > .team > .logo > img {
                        width: 5.385rem;
                    }

            .fixture-style-1 > .wrap > .right > .score-date {
                color: #c4c4c4;
                text-align: center;
                padding: 0 0.3846rem;
            }

                .fixture-style-1 > .wrap > .right > .score-date > .score {
                    font-size: 3.2rem;
                    line-height: 3.2rem;
                    font-weight: 800;
                    margin-bottom: 0.3077rem;
                }

                    .fixture-style-1 > .wrap > .right > .score-date > .score > .separator-score {
                        display: inline-block;
                        margin: 0 0.5385rem;
                    }

                .fixture-style-1 > .wrap > .right > .score-date > .date-time {
                    font-size: 0.7692rem;
                    line-height: 0.9rem;
                    font-weight: 400;
                    text-transform: uppercase;
                }

                    .fixture-style-1 > .wrap > .right > .score-date > .date-time > .time {
                        display: block;
                        margin-top: 0.1538rem;
                    }

        .fixture-style-1 > .wrap > .right,
        .fixture-style-1 > .wrap > .left {
            padding: 0 1.154rem;
        }

        .fixture-style-1 > .wrap > .left {
            width: 60%;
        }

            .fixture-style-1 > .wrap > .left > .games {
                margin-bottom: 0.6923rem;
            }

                .fixture-style-1 > .wrap > .left > .games ul {
                    font-size: 1.462rem;
                    line-height: 1.462rem;
                    font-weight: 800;
                    text-transform: uppercase;
                }

                .fixture-style-1 > .wrap > .left > .games ul {
                    list-style: none;
                    padding: 0;
                    margin: 0;
                }

                    .fixture-style-1 > .wrap > .left > .games ul li {
                        margin-right: 0.2308rem;
                        display: inline-block;
                    }

                        .fixture-style-1 > .wrap > .left > .games ul li:after {
                            content: ',';
                            display: inline-block;
                        }

                        .fixture-style-1 > .wrap > .left > .games ul li:last-child {
                            margin-right: 0;
                        }

                            .fixture-style-1 > .wrap > .left > .games ul li:last-child:after {
                                display: none;
                            }

            .fixture-style-1 > .wrap > .left > .title {
                color: #000000;
                font-size: 2rem;
                line-height: 2rem;
                text-transform: uppercase;
                font-weight: 800;
                margin-bottom: 1.462rem;
            }

            .fixture-style-1 > .wrap > .left > .excerpt {
                color: #999999;
            }

            .fixture-style-1 > .wrap > .left > .links > a,
            .fixture-style-1 > .wrap > .left > .links > a:visited {
                color: #c9c9c9;
                text-transform: uppercase;
                font-size: 1.154rem;
                line-height: 1.154rem;
                font-weight: 800;
                display: inline-block;
                margin-right: 2.308rem;
            }

                .fixture-style-1 > .wrap > .left > .links > a:last-child,
                .fixture-style-1 > .wrap > .left > .links > a:visited:last-child {
                    margin-right: 0rem;
                }

.fixture-style-2 > .wrap {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -1.154rem;
}

    .fixture-style-2 > .wrap > .right {
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        text-align: center;
        width: 40%;
    }

        .fixture-style-2 > .wrap > .right > div {
            width: 33.33333333333333%;
        }

        .fixture-style-2 > .wrap > .right > .team {
            font-size: 1.231rem;
            line-height: 1.231rem;
            font-weight: 800;
            text-transform: uppercase;
            margin: 0 -0.7692rem
        }

            .fixture-style-2 > .wrap > .right > .team > div {
                padding: 0 0.7692rem;
                display: block;
            }

            .fixture-style-2 > .wrap > .right > .team > .logo {
                margin-bottom: 0.3846rem;
            }

                .fixture-style-2 > .wrap > .right > .team > .logo > img {
                    width: 5.385rem;
                }

        .fixture-style-2 > .wrap > .right > .score-date {
            color: #c4c4c4;
            text-align: center;
            padding: 0 0.3846rem;
        }

            .fixture-style-2 > .wrap > .right > .score-date > .score {
                font-size: 3rem;
                line-height: 3rem;
                font-weight: 800;
                margin-bottom: 0.3077rem;
            }

                .fixture-style-2 > .wrap > .right > .score-date > .score > .separator-score {
                    display: inline-block;
                    margin: 0 0.5385rem;
                }

            .fixture-style-2 > .wrap > .right > .score-date > .date-time {
                font-size: 0.7692rem;
                line-height: 0.9rem;
                font-weight: 400;
                text-transform: uppercase;
            }

                .fixture-style-2 > .wrap > .right > .score-date > .date-time > .time {
                    display: block;
                    margin-top: 0.1538rem;
                }

    .fixture-style-2 > .wrap > .right,
    .fixture-style-2 > .wrap > .left {
        padding: 0 1.154rem;
    }

    .fixture-style-2 > .wrap > .left {
        width: 60%;
    }

        .fixture-style-2 > .wrap > .left > .games {
            margin-bottom: 0.6923rem;
        }

            .fixture-style-2 > .wrap > .left > .games ul {
                font-size: 1.462rem;
                line-height: 1.462rem;
                font-weight: 800;
                text-transform: uppercase;
            }

            .fixture-style-2 > .wrap > .left > .games ul {
                list-style: none;
                padding: 0;
                margin: 0;
            }

                .fixture-style-2 > .wrap > .left > .games ul li {
                    margin-right: 0.2308rem;
                    display: inline-block;
                }

                    .fixture-style-2 > .wrap > .left > .games ul li:after {
                        content: ',';
                        display: inline-block;
                    }

                    .fixture-style-2 > .wrap > .left > .games ul li:last-child {
                        margin-right: 0;
                    }

                        .fixture-style-2 > .wrap > .left > .games ul li:last-child:after {
                            display: none;
                        }

        .fixture-style-2 > .wrap > .left > .title {
            color: #000000;
            font-size: 2rem;
            line-height: 2rem;
            text-transform: uppercase;
            font-weight: 800;
            margin-bottom: 1.462rem;
        }

        .fixture-style-2 > .wrap > .left > .excerpt {
            color: #999999;
            margin-bottom: 1.308rem;
        }

        .fixture-style-2 > .wrap > .left > .links > a,
        .fixture-style-2 > .wrap > .left > .links > a:visited {
            color: #c9c9c9;
            text-transform: uppercase;
            font-size: 1.154rem;
            line-height: 1.154rem;
            font-weight: 800;
            display: inline-block;
            margin-right: 2.308rem;
        }

            .fixture-style-2 > .wrap > .left > .links > a:last-child,
            .fixture-style-2 > .wrap > .left > .links > a:visited:last-child {
                margin-right: 0rem;
            }



/*====== 8.11 Fixture List Styles ======*/
.esport-fixture-list-style-1 > .fixture-style-1,
.esport-fixture-list-style-1 > .fixture-style-2 {
    margin-bottom: 3.077rem;
}

    .esport-fixture-list-style-1 > .fixture-style-1:last-child,
    .esport-fixture-list-style-1 > .fixture-style-2:last-child {
        margin-bottom: 0rem;
    }



/*====== 8.12 eSport Player Single ======*/
.esport-player-single-social-links {
    margin-bottom: 2.538rem;
}

    .esport-player-single-social-links ul {
        list-style: none;
        padding: 0rem;
        margin: 0rem;
    }

        .esport-player-single-social-links ul li {
            display: inline-block;
            font-size: 1.154rem;
            padding-right: 1.154rem;
        }

            .esport-player-single-social-links ul li a,
            .esport-player-single-social-links ul li a:visited {
                color: #8f8f8f;
            }

.esport-player-single-username {
    font-size: 3.846rem;
    line-height: 3.846rem;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 1.154rem;
    color: #000000;
}



/*====== 8.13 eSport Player Single ======*/
.single-esport-fixture .fixture-style-1 {
    margin-bottom: 4.615rem;
}

.single-esport-fixture .esport-fixture-video audio,
.single-esport-fixture .esport-fixture-video embed,
.single-esport-fixture .esport-fixture-video video,
.single-esport-fixture .esport-fixture-video iframe {
    width: 100%;
    height: 38.46rem;
}



/*======
*
* 9. Plugins
*
======*/
/*====== 9.1 WooCommerce ======*/
.cloux-woo-left-sidebar .main-row > .right-layout {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
}

.cloux-woo-no-sidebar .main-row > .left-layout {
    max-width: 100%;
    -ms-flex: 100%;
    flex: 100%;
}

.cloux-woo-no-sidebar .main-row > .right-layout {
    display: none;
}

.woocommerce .single-content-wrapper h1.page-title {
    display: none;
}

.woocommerce ul.products {
    -ms-flex-align: start;
    align-items: start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0rem -1.154rem -2.308rem;
}

    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product {
        float: none;
        margin: 0;
        padding: 0rem 1.154rem 2.308rem;
    }

    .woocommerce ul.products.columns-5 > li.product,
    .woocommerce.columns-5 ul.products > li.product {
        width: 25%;
    }

    .woocommerce ul.products.columns-4 > li.product,
    .woocommerce.columns-4 ul.products > li.product {
        width: 25%;
    }

    .woocommerce ul.products.columns-3 > li.product,
    .woocommerce.columns-3 ul.products > li.product {
        width: 33.33333333333333%;
    }

    .woocommerce ul.products.columns-2 > li.product,
    .woocommerce.columns-2 ul.products > li.product {
        width: 50%;
    }

    .woocommerce ul.products > li.product {
        width: 100%;
    }

.woocommerce .woocommerce-ordering {
    margin: 0 0 2.308rem;
}

.woocommerce ul.products li.product a img,
.woocommerce ul.products li.product a:visited img {
    margin-bottom: 1.846rem;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
    font-size: 1.769rem;
    line-height: 1.769rem;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 0.7692rem;
    padding: 0rem;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce ul.products li.product .price {
    font-size: 1.692rem;
    line-height: 1.692rem;
    font-weight: 800;
    text-transform: uppercase;
}

    .woocommerce div.product p.price del,
    .woocommerce div.product span.price ins,
    .woocommerce ul.products li.product .price del,
    .woocommerce ul.products li.product .price ins {
        display: inline-block;
    }

    .woocommerce ul.products li.product .price ins {
        margin-left: 0.3846rem;
    }

.woocommerce span.onsale,
.woocommerce span.onsale {
    height: auto;
    line-height: normal;
    width: 3.462rem;
    height: 3.462rem;
    line-height: 3.462rem;
    padding: 0;
    text-transform: uppercase;
}

.woocommerce ul.products li.product .onsale {
    margin: 0rem;
    top: 0rem;
    left: 1.154rem;
    border-radius: 0rem;
}

.woocommerce span.onsale {
    margin: -1.154rem 0 0 -1.154rem;
}

.woocommerce .star-rating {
    width: 6.3em;
    color: #000000;
}

.woocommerce .products .star-rating {
    margin-bottom: 0.7692rem;
}

.woocommerce .star-rating span::before,
.woocommerce .star-rating::before {
    letter-spacing: 0.15rem;
}

.woocommerce .star-rating::before {
    color: #EEE;
}

.woocommerce div.product div.images .flex-control-thumbs {
    margin: 1.154rem -0.5385rem 0rem;
}

    .woocommerce div.product div.images .flex-control-thumbs li {
        padding: 0 0.5385rem;
    }

.woocommerce div.product .product_title {
    margin: -0.6923rem 0 0.6154rem;
    text-transform: uppercase;
    font-size: 3.462rem;
    line-height: 3.462rem;
    font-weight: 800;
}

.woocommerce .quantity .qty {
    width: 5.385rem;
    padding: 1.17rem;
}

.woocommerce div.product p.price {
    font-size: 2.308rem;
    line-height: 2.308rem;
    margin-bottom: 1.846rem;
}

.woocommerce div.product div.summary .woocommerce-review-link {
    display: none;
}

.woocommerce div.product .woocommerce-product-rating {
    margin-bottom: 1.385rem;
}

.woocommerce div.product form.cart .button {
    padding-top: 1.231rem;
    padding-bottom: 1.231rem;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
    padding: 0;
    margin: 0rem 0rem 3.462rem;
}

    .woocommerce div.product .woocommerce-tabs ul.tabs li {
        display: inline-block;
        margin: 0 1.538rem 0 0;
        font-size: 1rem;
        font-weight: 600;
        text-transform: uppercase;
        border: 0.1538rem solid #eeeeee;
        border-radius: 0rem;
        background: transparent;
        padding: 0rem;
    }

        .woocommerce div.product .woocommerce-tabs ul.tabs li:last-child {
            margin-right: 0rem;
        }

        .woocommerce div.product .woocommerce-tabs ul.tabs li::after,
        .woocommerce div.product .woocommerce-tabs ul.tabs li::before,
        .woocommerce div.product .woocommerce-tabs ul.tabs::before {
            display: none;
        }

        .woocommerce div.product .woocommerce-tabs ul.tabs li a,
        .woocommerce div.product .woocommerce-tabs ul.tabs li a:visited {
            background: transparent;
            display: block;
            padding: 0.85rem 1.538rem;
        }

.woocommerce div.product .woocommerce-tabs .panel {
    margin-bottom: 4.615rem;
}

.woocommerce div.product div.summary,
.woocommerce div.product div.images {
    margin-bottom: 4.615rem;
}

.woocommerce h3,
.woocommerce div.product .comment-reply-title,
.woocommerce div.product h2,
.woocommerce h2 {
    font-size: 2.154rem;
    line-height: 2.154rem;
    font-weight: 800;
    text-transform: uppercase;
    margin: 0rem 0rem 1.923rem;
    padding: 0rem;
    color: #000000;
    display: block;
}

.woocommerce h3 {
    font-size: 1.923rem;
    line-height: 1.923rem;
}

.woocommerce div.product .product_meta > span {
    display: block;
}

.woocommerce #reviews #review_form_wrapper {
    margin-top: 4.615rem;
}

.woocommerce #reviews #comments ol.commentlist {
    margin: 0;
    width: 100%;
    background: transparent;
    list-style: none;
    padding: 0;
}

    .woocommerce #reviews #comments ol.commentlist li {
        padding: 0;
        margin: 0 0 2.308rem;
        border: 0;
        position: relative;
        background: 0;
        border: 0;
    }

        .woocommerce #reviews #comments ol.commentlist li .description p:last-child {
            padding: 0rem;
            margin: 0rem;
        }

        .woocommerce #reviews #comments ol.commentlist li img.avatar {
            padding: 0rem;
            width: 4.615rem;
            border: 0rem;
            background: transparent;
            border: 0rem;
        }

        .woocommerce #reviews #comments ol.commentlist li .comment-text {
            margin: 0rem;
            width: calc(100% - 5.769rem);
            float: right;
            border-radius: 0rem;
            border: 1px solid #EEEEEE;
            padding: 1.538rem;
        }

.woocommerce div.product div.images .flex-control-thumbs li img,
.woocommerce div.product div.images img {
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
}

.woocommerce nav.woocommerce-pagination {
    text-align: center;
    margin-top: 2.308rem;
}

    .woocommerce nav.woocommerce-pagination ul {
        list-style: none;
        padding: 0rem;
        margin: 0rem;
        border: 0rem;
        white-space: inherit;
    }

        .woocommerce nav.woocommerce-pagination ul li {
            display: inline-block;
            float: none;
            padding: 0rem;
            margin: 0rem 0.8462rem 0rem 0rem;
            border: 0rem;
            overflow: visible;
        }

            .woocommerce nav.woocommerce-pagination ul li:last-child {
                margin-right: 0rem;
            }

            .woocommerce nav.woocommerce-pagination ul li span.current,
            .woocommerce nav.woocommerce-pagination ul li a,
            .woocommerce nav.woocommerce-pagination ul li a:visited {
                display: block;
                border: 0.1538rem solid #000000;
                padding: 1.154rem 1.538rem;
                text-transform: uppercase;
                font-size: 1rem;
                font-weight: 600;
            }

.woocommerce #respond input#submit.loading::after,
.woocommerce a.button.loading::after,
.woocommerce button.button.loading::after,
.woocommerce input.button.loading::after {
    top: 1rem;
}

.woocommerce table.shop_table,
.woocommerce table,
.woocommerce table.shop_table th,
.woocommerce table.shop_table td,
.woocommerce table td,
.woocommerce table th,
.woocomemrce table thead th {
    border: 1px solid #eeeeee;
    padding: 1.75rem 1.5rem;
}

    .woocommerce table.shop_table,
    .woocommerce table {
        padding: 0rem;
    }

#add_payment_method table.cart td.actions .coupon .input-text,
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce-checkout table.cart td.actions .coupon .input-text {
    display: inline-block;
    width: 10rem;
}

.woocommerce #respond input#submit.disabled:hover,
.woocommerce #respond input#submit:disabled:hover,
.woocommerce #respond input#submit:disabled[disabled]:hover,
.woocommerce a.button.disabled:hover,
.woocommerce a.button:disabled:hover,
.woocommerce a.button:disabled[disabled]:hover,
.woocommerce button.button.disabled:hover,
.woocommerce button.button:disabled:hover,
.woocommerce button.button:disabled[disabled]:hover,
.woocommerce input.button.disabled:hover,
.woocommerce input.button:disabled:hover,
.woocommerce input.button:disabled[disabled]:hover,
.woocommerce #respond input#submit.disabled,
.woocommerce #respond input#submit:disabled,
.woocommerce #respond input#submit:disabled[disabled],
.woocommerce a.button.disabled, .woocommerce a.button:disabled,
.woocommerce a.button:disabled[disabled],
.woocommerce button.button.disabled,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled],
.woocommerce input.button.disabled,
.woocommerce input.button:disabled,
.woocommerce input.button:disabled[disabled] {
    color: #FFFFFF;
}

    .woocommerce #respond input#submit.disabled,
    .woocommerce #respond input#submit:disabled,
    .woocommerce #respond input#submit:disabled[disabled],
    .woocommerce a.button.disabled, .woocommerce a.button:disabled,
    .woocommerce a.button:disabled[disabled],
    .woocommerce button.button.disabled,
    .woocommerce button.button:disabled,
    .woocommerce button.button:disabled[disabled],
    .woocommerce input.button.disabled,
    .woocommerce input.button:disabled,
    .woocommerce input.button:disabled[disabled],
    #add_payment_method table.cart input,
    .woocommerce-cart table.cart input,
    .woocommerce-checkout table.cart input {
        margin: 0;
        vertical-align: middle;
        line-height: 1rem;
        padding: 1.45rem 2.308rem;
    }

.woocommerce table.shop_table {
    margin: 0rem 0rem 4.615rem;
    width: 100%;
    border-collapse: collapse;
    border-radius: 0rem;
}

#add_payment_method .cart-collaterals .cart_totals table,
.woocommerce-cart .cart-collaterals .cart_totals table,
.woocommerce-checkout .cart-collaterals .cart_totals table {
    border-collapse: collapse;
    margin: 0 0 1.154rem;
    padding: 0;
}

.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
    border-top: 0.1538rem solid #EEEEEE;
    list-style: none;
    padding: 1.45rem 3.7rem;
    background: #f9f9f9;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 3.462rem;
}

    .woocommerce-error > a,
    .woocommerce-error > a:visited,
    .woocommerce-info > a,
    .woocommerce-info > a:visited,
    .woocommerce-message > a,
    .woocommerce-message > a:visited {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }

    .woocommerce-error::before,
    .woocommerce-info::before,
    .woocommerce-message::before {
        top: 0;
        margin: auto;
        bottom: 0;
        left: 1.5rem;
        font-size: 1.154rem;
        height: 2rem;
    }

.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2,
.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1 {
    float: none;
    width: 100%;
    max-width: 100%;
    padding: 0rem;
    margin-bottom: 4.615rem;
}

.woocommerce form .form-row-first,
.woocommerce form .form-row-last,
.woocommerce-page form .form-row-first,
.woocommerce-page form .form-row-last {
    width: calc(50% - 1.154rem);
}

.select2-dropdown {
    padding: 1.538rem;
}

.select2-search--dropdown {
    padding: 0rem;
    margin: 0rem 0rem 1.154rem;
}

.select2-results__option {
    padding: 0.3846rem 0rem;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected],
.select2-container--default .select2-results__option[aria-selected=true],
.select2-container--default .select2-results__option[data-selected=true] {
    background: transparent;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 1.15rem;
    right: 1.538rem;
}

.woocommerce form .form-row {
    padding: 0rem;
    margin: 0 0 1.923rem;
}

    .woocommerce fieldset legend,
    .woocommerce form .form-row label {
        font-weight: 600;
        font-size: 1rem;
        line-height: 1.8;
    }

.woocommerce fieldset legend {
    text-transform: uppercase;
}

.woocommerce form .form-row textarea#order_comments {
    height: 11.54rem;
}

#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
    background: #F9F9F9;
    border-radius: 0rem;
    padding: 2.308rem;
}

    #add_payment_method #payment ul.payment_methods,
    .woocommerce-cart #payment ul.payment_methods,
    .woocommerce-checkout #payment ul.payment_methods {
        border-bottom-color: #eee;
        margin: 0rem;
        padding: 0rem;
    }

    #add_payment_method #payment div.payment_box,
    .woocommerce-cart #payment div.payment_box,
    .woocommerce-checkout #payment div.payment_box {
        font-size: 1rem;
        border-radius: 0rem;
        line-height: 1.8;
        background-color: #eee;
        color: #777777;
        padding: 1.75rem 1.5rem;
        margin: 1.308rem 0;
    }

        #add_payment_method #payment div.payment_box::before,
        .woocommerce-cart #payment div.payment_box::before,
        .woocommerce-checkout #payment div.payment_box::before {
            border: 1em solid #eeeeef;
            border-right-color: transparent;
            border-left-color: transparent;
            border-top-color: transparent;
            top: -1em;
        }

    .woocommerce-checkout #payment div.form-row.place-order {
        margin: 2.308rem 0rem 0rem;
        padding: 0rem;
    }

    #add_payment_method #payment ul.payment_methods li,
    .woocommerce-cart #payment ul.payment_methods li,
    .woocommerce-checkout #payment ul.payment_methods li {
        position: relative;
    }

    #add_payment_method #payment .payment_method_paypal .about_paypal,
    .woocommerce-cart #payment .payment_method_paypal .about_paypal,
    .woocommerce-checkout #payment .payment_method_paypal .about_paypal {
        float: right;
        line-height: .83em;
        font-size: .83em;
        height: .83em;
        padding-left: 1.154rem;
        top: 0rem;
        bottom: 0rem;
        position: absolute;
        margin: auto;
    }

    #add_payment_method #payment ul.payment_methods li img,
    .woocommerce-cart #payment ul.payment_methods li img,
    .woocommerce-checkout #payment ul.payment_methods li img {
        margin: -0.6154rem 0 0 1.154rem;
        padding: 0rem;
    }

.woocommerce-account .woocommerce {
    margin: 0rem;
}

.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content {
    width: 100%;
    float: none;
}

.woocommerce .woocommerce-MyAccount-navigation {
    margin-bottom: 3.462rem;
    ;
}

    .woocommerce .woocommerce-MyAccount-navigation ul {
        list-style: none;
        padding: 0rem;
        margin: 0rem;
        text-align: center;
    }

        .woocommerce .woocommerce-MyAccount-navigation ul li {
            display: inline-block;
            float: none;
            margin-right: 1.538rem;
        }

            .woocommerce .woocommerce-MyAccount-navigation ul li:last-child {
                margin-right: 0rem;
            }

            .woocommerce .woocommerce-MyAccount-navigation ul li a,
            .woocommerce .woocommerce-MyAccount-navigation ul li a:visited {
                display: block;
                font-size: 1rem;
                font-weight: 600;
                text-transform: uppercase;
                border: 0.1538rem solid #eeeeee;
                padding: 0.85rem 1.538rem;
            }

.woocommerce .woocommerce-order > .woocommerce-order-overview {
    margin: 0rem;
    padding: 0rem;
    list-style: none;
    margin-bottom: 3.462rem;
    background: #F9F9F9;
    -ms-flex-align: start;
    align-items: start;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.woocommerce ul.order_details li {
    float: none;
    padding: 0rem 1.154rem 0rem 0rem;
    margin: 0rem;
    font-size: 1rem;
    font-weight: 700;
    border: 0;
    width: 20%;
}

    .woocommerce ul.order_details li:last-child {
        margin-right: 0rem;
    }

    .woocommerce ul.order_details li strong {
        font-weight: 400;
        b font-size: 1rem;
        margin-top: 0.1538rem;
    }

.woocommerce .woocommerce-MyAccount-content > section,
.woocommerce .woocommerce-order > .woocommerce-order-overview,
.woocommerce .woocommerce-order > section {
    margin-bottom: 3.462rem;
    background: #F9F9F9;
    padding: 3.077rem;
}

.woocommerce .wc-bacs-bank-details-account-name {
    font-weight: 800;
    margin-bottom: 1.154rem;
    font-size: 1rem;
}

.woocommerce ul.order_details.bacs_details {
    margin: 0rem;
    padding: 0rem 0rem 2.308rem;
    list-style: none;
}

.woocommerce .woocommerce-order > section.woocommerce-bacs-bank-details {
    padding-bottom: 1.154rem;
}

.woocommerce ul.order_details.bacs_details li {
    width: 100%;
    padding: 0rem;
    margin: 0rem 0rem 0.7692rem;
}

.woocommerce table.shop_table.order_details th.product-name {
    min-width: 15.38rem;
}

.woocommerce .woocommerce-customer-details address {
    border: 0rem;
    padding: 0rem;
    border-radius: 0rem;
}

.woocommerce .mark,
.woocommerce mark {
    background-color: #f7f7f7;
    color: #777777;
    padding: 0.3846rem 0.7692rem;
}

.woocommerce .woocommerce-result-count {
    margin: 0 0 2.308rem;
    padding: 1rem 0;
}



/*====== 9.2 bbPress ======*/
#bbpress-forums {
    overflow: visible;
}

.bbpress .social-share {
    display: none;
}

.cloux-bbpress-left-sidebar .main-row > .right-layout {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
}

.cloux-bbpress-no-sidebar .main-row > .left-layout {
    max-width: 100%;
    -ms-flex: 100%;
    flex: 100%;
}

.cloux-bbpress-no-sidebar .main-row > .right-layout {
    display: none;
}

#bbpress-forums div.bbp-reply-header,
#bbpress-forums div.bbp-forum-author .bbp-author-role,
#bbpress-forums div.bbp-topic-author .bbp-author-role,
#bbpress-forums div.bbp-reply-author .bbp-author-role,
.bbp-forum-post-date,
div.bbp-template-notice p,
#bbpress-forums .bbp-forums-list li,
li.bbp-forum-freshness,
li.bbp-topic-freshness,
li.bbp-forum-topic-count,
li.bbp-topic-voice-count,
li.bbp-forum-reply-count,
li.bbp-topic-reply-count,
#bbpress-forums .bbp-forum-info .bbp-forum-content,
#bbpress-forums p.bbp-topic-meta {
    font-size: 0.9231rem;
}

div.bbp-breadcrumb,
div.bbp-topic-tags,
#bbpress-forums,
#bbpress-forums ul.bbp-lead-topic,
#bbpress-forums ul.bbp-topics,
#bbpress-forums ul.bbp-forums,
#bbpress-forums ul.bbp-replies,
#bbpress-forums ul.bbp-search-results {
    font-size: 1rem;
}

    #bbpress-forums ul.bbp-lead-topic,
    #bbpress-forums ul.bbp-topics,
    #bbpress-forums ul.bbp-replies,
    #bbpress-forums ul.bbp-search-results {
        margin-bottom: 3.462rem;
    }

    #bbpress-forums ul.bbp-forums {
        border: 0rem;
    }

    #bbpress-forums li.bbp-header {
        border: 0rem;
        color: #FFF;
        text-transform: uppercase;
        padding: 1.385rem 2.308rem;
        font-weight: 700;
    }

        #bbpress-forums li.bbp-header ul {
            -ms-flex-align: start;
            align-items: start;
            -ms-flex-pack: justify;
            justify-content: space-between;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        }

    #bbpress-forums li.bbp-body {
        border: 1px solid #eeeeee;
    }

        #bbpress-forums li.bbp-body ul.forum {
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: justify;
            justify-content: space-between;
            display: -ms-flexbox;
            display: flex;
        }

        #bbpress-forums li.bbp-body ul.forum,
        #bbpress-forums li.bbp-body ul.topic {
            padding: 1.846rem 2.308rem;
            border-top: 1px solid #eeeeee;
            background: #FFFFFF;
        }

        #bbpress-forums li.bbp-body > ul.forum:first-child,
        #bbpress-forums li.bbp-body > ul.topic:first-child {
            border-top: 0rem;
        }

    #bbpress-forums li .bbp-forum-title {
        text-transform: uppercase;
        font-weight: 600;
        margin-bottom: 0.1538rem;
        display: inline-block;
    }

    #bbpress-forums .bbp-forum-info .bbp-forum-content,
    #bbpress-forums p.bbp-topic-meta {
        margin: 0rem;
    }

    #bbpress-forums .bbp-forums-list {
        margin: 1.385rem 0rem 0rem;
        border-left: 1px solid #eeeeee;
        padding-left: 1.154rem;
    }

        #bbpress-forums .bbp-forums-list li {
            display: block;
        }

    #bbpress-forums li.bbp-footer {
        display: none;
    }

div.bbp-breadcrumb {
    display: none;
}

#bbpress-forums div.bbp-search-form {
    float: none;
    margin-bottom: 2.308rem;
}

    #bbpress-forums div.bbp-search-form form > div {
        width: 100%;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
        display: -ms-flexbox;
        display: flex;
    }

        #bbpress-forums #bbp-search-form #bbp_search,
        #bbpress-forums div.bbp-search-form form > div input[type="text"] {
            width: 100%;
            margin-right: 1.154rem;
        }

div.bbp-template-notice p {
    margin: 0;
    line-height: 1.8;
    padding: 1.154rem 1.538rem;
}

#bbpress-forums #bbp-your-profile fieldset span.description,
div.bbp-template-notice.info,
div.bbp-template-notice,
div.indicator-hint {
    color: #777777;
    border-radius: 0;
    border: 0.1538rem solid #EEEEEE;
    background: #FFFFFF;
    padding: 0rem;
    margin: 0rem 0rem 2.308rem;
}

#bbpress-forums #bbp-your-profile fieldset span.description {
    font-style: normal;
    color: #777777;
    border-radius: 0;
    border: 0rem;
    background: #FFFFFF;
    padding: 0 1.538rem;
    margin: 0rem 0rem 2.308rem;
}

#bbpress-forums #bbp-your-profile fieldset fieldset.password span.description {
    margin-left: 0;
    margin-top: 0.3846rem;
    margin-bottom: 2.308rem;
    padding: 0;
}

#bbpress-forums fieldset.bbp-form {
    border: 1px solid #eee;
    padding: 2.308rem;
    margin-bottom: 0rem;
}

    #bbpress-forums fieldset.bbp-form legend {
        display: inline-block;
        width: auto;
        padding: 0.3846rem 1.154rem;
        font-size: 1.154rem;
        font-weight: 800;
        text-transform: uppercase;
        margin: 0rem;
    }

    #bbpress-forums fieldset.bbp-form label {
        margin: 0 0 0.3846rem;
        display: inline-block;
        font-weight: 600;
    }

    #bbpress-forums div.bbp-the-content-wrapper,
    #bbpress-forums fieldset.bbp-form p {
        margin: 0 0 2.308rem;
    }

div.bbp-submit-wrapper {
    margin-top: 0rem;
    float: none;
    clear: both;
}

#bbpress-forums > #subscription-toggle {
    display: inline-block;
    margin-bottom: 2.308rem;
}

    #bbpress-forums > #subscription-toggle a,
    #bbpress-forums > #subscription-toggle a:visited {
        display: block;
        font-size: 1rem;
        font-weight: 600;
        text-transform: uppercase;
        border: 0.1538rem solid #eeeeee;
        padding: 0.6154rem 1.538rem;
    }

        #bbpress-forums > #subscription-toggle a:focus,
        #bbpress-forums > #subscription-toggle a:hover {
            color: #FFFFFF;
        }

#bbpress-forums div.bbp-forum-header,
#bbpress-forums div.bbp-topic-header {
    background-color: #ffffff;
    padding: 1.846rem 2.308rem 0rem;
}

#bbpress-forums div.bbp-reply-header {
    background-color: #ffffff;
    padding: 1.846rem 2.308rem;
}

div.bbp-forum-header,
div.bbp-topic-header,
div.bbp-reply-header,
li.bbp-body div.hentry {
    margin-bottom: 0;
    padding: 0 2.308rem 1.846rem;
}

#bbpress-forums div.bbp-forum-content,
#bbpress-forums div.bbp-topic-content,
#bbpress-forums div.bbp-reply-content {
    margin-left: 0rem;
    padding: 0;
    text-align: left;
}

#bbpress-forums .bbp-body div.bbp-topic-content,
#bbpress-forums .bbp-body div.bbp-reply-content {
    width: calc(100% - 9.615rem);
}

#bbpress-forums ul#bbp-search-results {
    border: 0rem;
}

div.bbp-forum-header,
div.bbp-topic-header,
div.bbp-reply-header {
    border-top: 1px solid #EEEEEE;
}

#bbpress-forums div.bbp-forum-title h3,
#bbpress-forums div.bbp-topic-title h3,
#bbpress-forums div.bbp-reply-title h3 {
    padding: 0;
    text-transform: none;
    text-transform: uppercase;
    font-size: 1.231rem;
    line-height: 1.231rem;
    margin: 0rem;
}

#bbpress-forums div.bbp-topic-header .bbp-meta,
#bbpress-forums div.bbp-forum-header .bbp-meta {
    display: block;
    margin-bottom: 0.3846rem;
}

#bbpress-forums div.bbp-topic-header .bbp-topic-title-meta {
    display: block;
    margin-top: 0.3846rem;
    margin-bottom: 0.3846rem;
}

#bbpress-forums div.bbp-topic-header .bbp-topic-title,
#bbpress-forums div.bbp-forum-header .bbp-forum-title {
    margin-bottom: 0.7692rem;
}

.bbp-pagination {
    float: none;
    width: 100%;
    margin-bottom: 2.308rem;
}

.bbp-pagination-count {
    float: none;
    border: none;
}

.bbp-pagination-links {
    float: none;
    list-style: none;
    display: block;
}

#bbpress-forums ul.bbp-lead-topic,
#bbpress-forums ul.bbp-topics,
#bbpress-forums ul.bbp-forums,
#bbpress-forums ul.bbp-replies,
#bbpress-forums ul.bbp-search-results {
    border: 0rem;
}

#bbpress-forums div.bbp-forum-author,
#bbpress-forums div.bbp-topic-author,
#bbpress-forums div.bbp-reply-author {
    float: none;
    text-align: left;
    min-width: 9.615rem;
    max-width: 100%;
    padding-right: 2.308rem;
}

    #bbpress-forums div.bbp-topic-author br,
    #bbpress-forums div.bbp-reply-author br {
        display: none;
    }

    #bbpress-forums div.bbp-forum-author .bbp-author-role,
    #bbpress-forums div.bbp-topic-author .bbp-author-role,
    #bbpress-forums div.bbp-reply-author .bbp-author-role {
        font-style: normal;
    }

    #bbpress-forums div.bbp-forum-author img.avatar,
    #bbpress-forums div.bbp-topic-author img.avatar,
    #bbpress-forums div.bbp-reply-author img.avatar {
        border: none;
        width: 100%;
        max-width: 100%;
        padding: 0;
        margin: 0 0 0.7692rem;
        float: none;
    }

    #bbpress-forums div.bbp-topic-author a.bbp-author-name,
    #bbpress-forums div.bbp-reply-author a.bbp-author-name {
        clear: both;
        display: block;
        font-weight: 800;
        padding: 0;
        margin: 0;
    }

#bbpress-forums div.reply,
#bbpress-forums div.odd,
#bbpress-forums ul.odd {
    background-color: #FFFFFF;
    -ms-flex-align: start;
    align-items: start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#bbpress-forums div.even,
#bbpress-forums ul.even {
    -ms-flex-align: start;
    align-items: start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

span.bbp-admin-links a,
span.bbp-admin-links a:visited {
    font-size: 0.7692rem;
    padding: 0 0.3846rem;
    display: inline-block;
}

    span.bbp-admin-links a.bbp-topic-super-sticky-link,
    span.bbp-admin-links a.bbp-topic-super-sticky-link:visited {
        padding-left: 0rem;
    }

#bbpress-forums div.bbp-topic-tags {
    float: none;
    padding-bottom: 1.308rem;
}

#bbpress-forums p.bbp-topic-meta img.avatar,
#bbpress-forums ul.bbp-reply-revision-log img.avatar,
#bbpress-forums ul.bbp-topic-revision-log img.avatar,
#bbpress-forums div.bbp-template-notice img.avatar,
#bbpress-forums .widget_display_topics img.avatar,
#bbpress-forums .widget_display_replies img.avatar {
    border: 1px solid #eee;
    margin: 0 0.3846rem;
}

li.bbp-header div.bbp-topic-content span#subscription-toggle,
li.bbp-header div.bbp-topic-content span#favorite-toggle,
li.bbp-header div.bbp-reply-content span#subscription-toggle,
li.bbp-header div.bbp-reply-content span#favorite-toggle {
    margin: 0 0.3846rem;
}

    li.bbp-header div.bbp-reply-content span#subscription-toggle > span {
        margin-left: 0.7692rem;
    }

#bbpress-forums div.bbp-topic-content a,
#bbpress-forums div.bbp-reply-content a {
    color: #FFF;
}

#bbpress-forums li.bbp-header .bbp-search-author,
#bbpress-forums li.bbp-footer .bbp-search-author,
#bbpress-forums li.bbp-header .bbp-forum-author,
#bbpress-forums li.bbp-footer .bbp-forum-author,
#bbpress-forums li.bbp-header .bbp-topic-author,
#bbpress-forums li.bbp-footer .bbp-topic-author,
#bbpress-forums li.bbp-header .bbp-reply-author,
#bbpress-forums li.bbp-footer .bbp-reply-author {
    float: left;
    margin: 0;
    padding: 0;
    min-width: 9.615rem;
    max-width: 100%;
    padding-right: 2.308rem;
}

#bbpress-forums li.bbp-header .bbp-search-content,
#bbpress-forums li.bbp-footer .bbp-search-content,
#bbpress-forums li.bbp-header .bbp-forum-content,
#bbpress-forums li.bbp-footer .bbp-forum-content,
#bbpress-forums li.bbp-header .bbp-topic-content,
#bbpress-forums li.bbp-footer .bbp-topic-content,
#bbpress-forums li.bbp-header .bbp-reply-content,
#bbpress-forums li.bbp-footer .bbp-reply-content {
    margin-left: 0rem;
}

#bbpress-forums,
#bbpress-forums ul.bbp-lead-topic,
#bbpress-forums ul.bbp-topics,
#bbpress-forums ul.bbp-forums,
#bbpress-forums ul.bbp-search-results {
    margin-bottom: 0rem;
}

    #bbpress-forums li.bbp-body,
    #bbpress-forums ul.bbp-replies {
        margin-bottom: 2.308rem;
    }

.bbp-topics-front ul.super-sticky,
.bbp-topics ul.super-sticky,
.bbp-topics ul.sticky,
.bbp-forum-content ul.sticky {
    background-color: #f9f9f9 !important;
}

#bbpress-forums #bbp-user-wrapper #bbp-user-body h2.entry-title {
    font-weight: 800;
    line-height: 1.1em;
    margin-bottom: 1.231rem;
    font-size: 2.154rem;
    text-transform: uppercase;
}

#bbpress-forums .bbp-user-section p {
    margin-bottom: 0.7692rem;
}

#bbpress-forums #bbp-your-profile fieldset label[for] {
    float: none;
    width: auto;
    padding: 0;
    text-align: left;
    cursor: pointer;
    display: block;
}

#bbpress-forums #bbp-your-profile fieldset div {
    margin-bottom: 2.308rem;
    float: none;
    display: block;
}

#bbpress-forums #bbp-your-profile fieldset {
    padding: 0rem;
    border: 0rem;
    margin-bottom: 3.462rem;
}

    #bbpress-forums #bbp-your-profile fieldset fieldset.password {
        width: auto;
        display: block;
    }

    #bbpress-forums #bbp-your-profile fieldset.submit button {
        float: none;
    }

.bbp-pagination-links:after,
.bbp-pagination-links:before {
    display: block;
    clear: both;
    content: '';
}

.bbp-pagination .bbp-pagination-count {
    margin-bottom: 0.9231rem;
}

.bbp-pagination-links {
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: 600;
}

    .bbp-pagination-links > a,
    .bbp-pagination-links > a:visited,
    .bbp-pagination-links > span.current {
        display: inline-block;
        margin-right: 0.8462rem;
        border: 0.1538rem solid #eeeeee;
        padding: 0.7692rem 1.538rem;
    }

        .bbp-pagination-links > span.current,
        .bbp-pagination-links > a:hover,
        .bbp-pagination-links > a:focus {
            border: 0.1538rem solid #eeeeee;
            color: #FFFFFF;
        }

        .bbp-pagination-links > a:last-child,
        .bbp-pagination-links > a:visited:last-child {
            margin-right: 0;
        }

    .bbp-pagination-links a,
    .bbp-pagination-links span.current {
        margin-left: 0rem;
    }

#bbpress-forums #bbp-single-user-details {
    overflow: visible;
}

    #bbpress-forums #bbp-single-user-details #bbp-user-avatar {
        height: auto;
        width: auto;
        margin: 0 auto;
        text-align: center;
    }

        #bbpress-forums #bbp-single-user-details #bbp-user-avatar img.avatar {
            border: none;
            height: 7.692rem;
            padding: 0rem;
            margin: 0rem 0rem 3.462rem;
            width: 7.692rem;
            border-radius: 50%;
        }

    #bbpress-forums #bbp-user-body,
    #bbpress-forums #bbp-single-user-details #bbp-user-navigation,
    #bbpress-forums #bbp-single-user-details {
        width: 100%;
        float: none;
        padding: 0rem;
        margin: 0rem;
    }

        #bbpress-forums #bbp-single-user-details .flexMenu-popup {
            background-color: #FFFFFF;
        }

        #bbpress-forums #bbp-single-user-details #bbp-user-navigation {
            list-style: none;
            padding: 0rem;
            margin: 0rem 0rem 3.462rem;
            text-align: center;
            overflow: visible;
        }

            #bbpress-forums #bbp-single-user-details #bbp-user-navigation > ul > li {
                display: inline-block;
                float: none;
                margin-right: 1.538rem;
                position: relative;
            }

                #bbpress-forums #bbp-single-user-details #bbp-user-navigation > ul > li:last-child {
                    margin-right: 0rem;
                }

                #bbpress-forums #bbp-single-user-details #bbp-user-navigation > ul > li > a,
                #bbpress-forums #bbp-single-user-details #bbp-user-navigation > ul > li > a:visited,
                #bbpress-forums #bbp-single-user-details #bbp-user-navigation > ul > li > span > a,
                #bbpress-forums #bbp-single-user-details #bbp-user-navigation > ul > li > span > a:visited {
                    display: block;
                    font-size: 1rem;
                    font-weight: 600;
                    text-transform: uppercase;
                    border: 0.1538rem solid #eeeeee;
                    padding: 0.85rem 1.538rem;
                }

            #bbpress-forums #bbp-single-user-details #bbp-user-navigation li.current a,
            #bbpress-forums #bbp-single-user-details #bbp-user-navigation li.current a:visited {
                background: transparent;
            }

            #bbpress-forums #bbp-single-user-details #bbp-user-navigation > ul > li ul.flexMenu-popup li {
                width: 100%;
            }

                #bbpress-forums #bbp-single-user-details #bbp-user-navigation > ul > li ul.flexMenu-popup li > span > a,
                #bbpress-forums #bbp-single-user-details #bbp-user-navigation > ul > li ul.flexMenu-popup li > span > a:visited {
                    font-weight: 500;
                    border-bottom: 1px solid #eeeeee;
                    padding: 0.6154rem 1.923rem;
                    background: transparent;
                    display: block;
                }



/*====== 9.3 Flex Menu ======*/
ul.flexMenu-popup {
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
    display: block;
    box-shadow: none;
    border: 0rem;
    padding: 1rem 0rem;
    min-width: 23.08rem;
    border: 0.1538rem solid #eeeeee;
    border-top-left-radius: 0rem;
    border-top-right-radius: 0rem;
    border-bottom-left-radius: 0.2308rem;
    border-bottom-right-radius: 0.2308rem;
    list-style: none;
    margin: 0rem;
    text-align: left;
    right: 0rem;
    margin-top: 1.154rem;
    background: #FFFFFF;
    z-index: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: flex;
}

    ul.flexMenu-popup:after {
        content: '';
        display: block;
        width: 100%;
        height: 1px;
        background: #FFF;
        position: relative;
        top: -1px;
    }

    ul.flexMenu-popup:after,
    ul.flexMenu-popup:before {
        content: '';
        display: block;
        clear: both;
    }

    ul.flexMenu-popup li {
        width: 50%;
    }

        ul.flexMenu-popup li span a,
        ul.flexMenu-popup li span a:visited,
        ul.flexMenu-popup li a,
        ul.flexMenu-popup li a:visited {
            font-weight: 500;
            border-bottom: 1px solid #eeeeee;
            padding: 0.6154rem 1.923rem;
            background: transparent;
            display: block;
        }



/*======
*
* 10. Responsive
*
======*/
@media (max-width: 1415px) {
    .cloux-header.style-2 .cloux-navbar.style-1 .navbar-menu > li > .nav-link,
    .cloux-header.style-2 .cloux-navbar.style-1 .navbar-menu > li > .nav-link:visited {
        padding-left: 0.7rem;
        padding-right: 0.7rem;
        font-size: 0.9231rem;
    }
}

@media (max-width: 1310px) {
    .cloux-header.style-2 .cloux-navbar.style-1 .navbar-menu .caret {
        display: none;
    }
}

@media (max-width: 1300px) {
    .game-media .media-tabs {
        right: inherit;
        left: 0rem;
        /*top: calc(-3.462rem - 1.154rem);*/
    }

        .game-media .media-tabs li {
            margin: 0rem 1.154rem 0rem 0rem;
            display: inline-block;
        }

            .game-media .media-tabs li:last-child {
                margin-right: 0rem;
            }

            .game-media .media-tabs li a:after,
            .game-media .media-tabs li a:visited:after {
                display: none;
            }
}

@media (max-width: 1199px) {
    .cloux-page-banner.position-2.header-style-5,
    .cloux-page-banner.position-2.header-style-4,
    .cloux-page-banner.position-2.header-style-3,
    .cloux-page-banner.position-2.header-style-2,
    .cloux-page-banner.position-2.header-style-1,
    .cloux-page-banner.header-style-1 {
        padding: calc(1.308rem + 3.462rem) 0rem 1.308rem;
    }

    .game-video-carousel-nav,
    .game-image-carousel-nav {
        display: none;
    }

    .game-media .media-tab-content .game-image-carousel {
        margin-bottom: 0rem;
    }

    .single-content-wrapper .related-posts .column-3 > .post,
    .single-content-wrapper .related-posts .column-4 > .post {
        width: 50%;
    }

    .fixture-style-1 > .wrap > .left,
    .fixture-style-2 > .wrap > .left {
        width: 55%;
    }

    .fixture-style-1 > .wrap > .right,
    .fixture-style-2 > .wrap > .right {
        width: 45%;
    }

        .fixture-style-1 > .wrap > .right > .score-date > .score,
        .fixture-style-2 > .wrap > .right > .score-date > .score {
            font-size: 2.6rem;
            line-height: 2.6rem;
        }

    .cloux-sponsors.style-1 ul,
    .cloux-sponsors.style-2 ul {
        margin-left: -0.7692rem;
        margin-right: -0.7692rem;
    }

        .cloux-sponsors.style-1 ul > li,
        .cloux-sponsors.style-2 ul > li {
            padding-left: 0.7692rem;
            padding-right: 0.7692rem;
            margin-bottom: 1.538rem;
        }

    .cloux-achievement-list.column-4 ul li,
    .cloux-achievement-list.column-5 ul li {
        width: 33.33333333333333%;
    }

    .cloux-esport-players.column-5 .player-list > .item,
    .cloux-character-box.column-5 .characters > .item {
        width: 33.33333333333333%;
    }

    .cloux-mobile-header {
        display: block;
    }

    .cloux-header {
        display: none;
    }

    .banner-box {
        padding: 2.308rem;
    }

        .banner-box .main-title {
            font-size: 1.923rem;
            line-height: 1.923rem;
        }

    .container {
        max-width: 100%;
        padding-left: 2.308rem;
        padding-right: 2.308rem;
    }

    .cloux-game-carousel .wrap .inner {
        left: 2.308rem;
        right: 2.308rem;
    }

    .cloux-app-box.style-1 ul li .text,
    .cloux-app-box.style-2 ul li .text {
        font-size: 0.8462rem;
    }

    .cloux-modal .cloux-modal-content {
        padding: 6.923rem;
    }

    .cloux-content-box .popup.style-3 .wrap {
        padding: 6.923rem 0rem;
    }

    .cloux-content-box .popup.style-3 .wrap-block > .container {
        padding: 0rem 6.923rem;
    }

    .cloux-footer .copyright {
        padding: 1.95rem 0 1.308rem;
    }

        .cloux-footer .copyright .container {
            display: block;
            text-align: center;
        }

        .cloux-footer .copyright .copyright-content {
            margin-bottom: 1.154rem;
            display: block;
        }

            .cloux-footer .copyright .copyright-content .copyright-logo {
                margin-right: 0rem;
                margin-bottom: 1.154rem;
            }
}

@media (max-width: 1160px) {
    .game-price-item {
        display: block;
    }

        .game-price-item .buttons {
            padding-left: 0rem;
            margin-top: 2.308rem;
            text-align: left;
            display: block;
        }

            .game-price-item .buttons > .cloux-button {
                width: auto;
                display: inline-block;
                margin-right: 1.154rem;
            }

                .game-price-item .buttons > .cloux-button:last-child {
                    margin-right: 0rem;
                }
}

@media (max-width: 1050px) {
    .fixture-style-1 > .wrap > .left {
        width: 55%;
    }

    .fixture-style-1 > .wrap > .right {
        width: 45%;
    }
}

@media (max-width: 999px) {
    .cloux-game-slider .title {
        font-size: 4.615rem;
        line-height: 4.615rem;
    }

    .cloux-game-slider .inner {
        padding-left: 1.154rem;
        padding-right: 1.154rem;
    }

    .cloux-blog > .post-list.column-4 > .item {
        width: 50%;
    }

    .cloux-esport-players.column-3 .player-list > .item,
    .cloux-esport-players.column-4 .player-list > .item,
    .cloux-esport-players.column-5 .player-list > .item,
    .cloux-character-box.column-3 .characters > .item,
    .cloux-character-box.column-4 .characters > .item,
    .cloux-character-box.column-5 .characters > .item {
        width: 50%;
    }
}

@media (max-width: 991px) {
    .woocommerce.columns-3 ul.products > li.product,
    .woocommerce.columns-4 ul.products > li.product,
    .woocommerce.columns-5 ul.products > li.product {
        width: 50%;
    }

    .main-container > .right-layout,
    .main-container > .left-layout,
    .main-container > .main-row > .right-layout,
    .main-container > .main-row > .left-layout {
        width: 100%;
        max-width: 100%;
        flex: 100%;
    }

    .main-container > .right-layout,
    .main-container > .main-row > .right-layout {
        margin-top: 4.615rem;
    }

    .cloux-achievement-list.column-3 ul li,
    .cloux-achievement-list.column-4 ul li,
    .cloux-achievement-list.column-5 ul li {
        width: 50%;
    }

    .cloux-content-box .logos ul li {
        width: 25%;
    }

    .cloux-content-slider .cloux-element-wrapper > .inner {
        width: 100%;
    }

    .cloux-content-slider .slick-arrow {
        display: none !important;
    }

    .cloux-game-slider .title {
        font-size: 3.462rem;
        line-height: 3.462rem;
    }

    .cloux-game-slider .wrap {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    .game-list.column-4 > .game {
        width: 33.33333333333333%;
    }

    .cloux-game-search.column-8 .items .item,
    .cloux-game-search.column-7 .items .item,
    .cloux-game-search.column-6 .items .item,
    .cloux-game-search.column-5 .items .item,
    .cloux-game-search.column-4 .items .item,
    .cloux-game-search.column-3 .items .item {
        width: 33.33333333333333%;
    }

    .cloux-content-box .inner.main-content {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .cloux-content-box .inner > .media-content {
        margin-bottom: 3.462rem;
    }

        .cloux-content-box .inner > .media-content.image {
            display: none;
        }

    .cloux-woo-product .product-list.column-5 > .item {
        width: 33.33333333333333%;
    }

    .cloux-content-box .inner > .media-content,
    .cloux-content-box .inner > .content {
        width: 100%;
        min-width: 100%;
    }

    .cloux-mailchimp.style-1 .inner,
    .cloux-mailchimp.style-2 .inner {
        display: table;
    }

    .cloux-mailchimp.style-1 .title,
    .cloux-mailchimp.style-2 .title {
        text-align: center;
        margin-bottom: 2.308rem;
    }
}

@media (max-width: 950px) {
    .fixture-style-1 > .wrap,
    .fixture-style-2 > .wrap {
        display: block;
        text-align: center;
    }

        .fixture-style-1 > .wrap > .right,
        .fixture-style-2 > .wrap > .right {
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

        .fixture-style-1 > .wrap > .right,
        .fixture-style-1 > .wrap > .left,
        .fixture-style-2 > .wrap > .right,
        .fixture-style-2 > .wrap > .left {
            width: 100%;
        }

        .fixture-style-1 > .wrap > .left,
        .fixture-style-2 > .wrap > .left {
            margin-bottom: 1.538rem;
        }
}

@media (max-width: 900px) {
    .cloux-content-slider .cloux-element-wrapper {
        display: block;
    }

    .cloux-content-slider .images {
        margin-top: 3.462rem;
    }

        .cloux-content-slider .images ul {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
            justify-content: space-between;
            margin: 0 -0.7692rem -1.538rem;
        }

            .cloux-content-slider .images ul li {
                display: inline-block;
                width: 50%;
                padding: 0 0.7692rem 1.538rem;
                box-shadow: none !important;
                margin: 0rem;
            }

    .cloux-sponsors.column-6 ul > li,
    .cloux-sponsors.column-7 ul > li {
        width: 20%;
    }
}

@media (max-width: 782px) {
    body.admin-bar .cloux-content-box .popup .cloux-close,
    body.admin-bar .cloux-modal .cloux-close,
    body.admin-bar .cloux-mobile-header > .mobile-sidebar > .content-wrapper .cloux-close,
    body.admin-bar .cloux-mobile-header > .main-wrap,
    body.admin-bar {
        margin-top: 46px;
    }
}

@media (max-width: 767px) {
    .woocommerce-error,
    .woocommerce-info,
    .woocommerce-message {
        display: block;
    }

    .woocommerce .woocommerce-error .button,
    .woocommerce .woocommerce-info .button,
    .woocommerce .woocommerce-message .button,
    .woocommerce-page .woocommerce-error .button,
    .woocommerce-page .woocommerce-info .button,
    .woocommerce-page .woocommerce-message .button {
        float: none;
        margin-bottom: 1.154rem;
    }

    .game-price-item .content .gallery .item {
        width: 33.33333333333333%;
    }

    .cloux-comments .comment-form .form-inputs .item {
        width: 50%;
    }

    .single-content-wrapper .related-posts .column-2 > .post,
    .single-content-wrapper .related-posts .column-3 > .post,
    .single-content-wrapper .related-posts .column-4 > .post {
        width: 100%;
    }

    .single-content-wrapper .post-author .content-wrapper {
        display: block;
    }

    .single-content-wrapper .post-author .image {
        margin-right: 0rem;
        margin-bottom: 2.308rem;
    }

    .post-analysis > ul > li.column-3 > ul > li,
    .post-analysis > ul > li.column-2 > ul > li {
        width: 100%;
    }

    .post-review > ul.review > li > .content > .score {
        margin-left: 0rem;
        display: inline-block;
        float: none;
    }

    .single-content-wrapper .social-share .social-share-links li.facebook > a > span,
    .single-content-wrapper .social-share .social-share-links li.twitter > a > span {
        display: none;
    }

    .single-content-wrapper .social-share .social-share-links li.facebook,
    .single-content-wrapper .social-share .social-share-links li.twitter {
        flex: inherit;
        min-width: auto;
    }

    .single-content-wrapper .social-share .social-share-links {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

        .single-content-wrapper .social-share .social-share-links li {
            width: 100%;
        }

    .post-style-1 .details {
        display: block;
    }

        .post-style-1 .details .cloux-button {
            margin-top: 2.077rem;
        }

    .cloux-page-banner h1 {
        font-size: 3rem;
    }

    .content-box {
        padding: 0;
        box-shadow: none !important;
    }

    .post-style-1 .content {
        padding-left: 2.308rem;
        padding-right: 2.308rem;
    }

    .widget-box {
        padding: 2.308rem;
    }

    .featured-gallery .slick-list,
    .featured-codes,
    .featured-gallery.grid,
    .page-content .featured-content,
    .single-content .featured-content {
        margin-top: 0rem;
        margin-left: 0rem;
        margin-right: 0rem;
    }

    .cloux-service-box i {
        width: 9.54rem;
        height: 9.54rem;
        line-height: 9.54rem;
        font-size: 3.5rem;
    }

    .cloux-achievement-list.column-2 ul li,
    .cloux-achievement-list.column-3 ul li,
    .cloux-achievement-list.column-4 ul li,
    .cloux-achievement-list.column-5 ul li {
        width: 100%;
    }

    .cloux-modal .cloux-modal-content {
        padding: 2.308rem;
    }

    .cloux-content-box .popup.style-3 .wrap {
        padding: 2.308rem 0rem;
    }

    .cloux-content-box .popup.style-3 .wrap-block > .container {
        padding: 0rem 2.308rem;
    }

    .cloux-content-box .logos ul {
        margin-left: -0.7692rem;
        margin-right: -0.7692rem;
    }

        .cloux-content-box .logos ul li {
            padding-left: 0.7692rem;
            padding-right: 0.7692rem;
        }

    .game-style-3 .content .summary {
        display: none;
    }

    .cloux-content-slider .cloux-element-wrapper > .inner {
        text-align: center;
    }

    .cloux-content-slider .text {
        margin-left: auto;
        margin-right: auto;
        min-width: 75%;
    }

    .cloux-content-slider .title {
        font-size: 5rem;
        line-height: 5rem;
    }

    .cloux-woo-product .product-list.column-3 > .item,
    .cloux-woo-product .product-list.column-4 > .item,
    .cloux-woo-product .product-list.column-5 > .item {
        width: 50%;
    }

    .game-details.style-1 > li {
        display: block;
        margin: 0rem;
        padding-bottom: 0.9231rem;
    }

    .cloux-game-slider .excerpt {
        overflow: hidden;
        max-height: 7rem;
    }

    .game-list.column-3 > .game,
    .game-list.column-4 > .game {
        width: 50%;
    }

    .cloux-content-box .inner > .media-content.image {
        display: block;
    }

    .cloux-mobile-header > .main-wrap,
    .cloux-element-wrapper,
    .container {
        padding-left: 1.154rem;
        padding-right: 1.154rem;
    }

    .cloux-game-carousel .wrap .inner {
        left: 1.154rem;
        right: 1.154rem;
    }

    .cloux-content-box .title {
        font-size: 3.077rem;
        line-height: 3.077rem;
    }

    .cloux-blog > .post-list.column-4 > .item {
        width: 50%;
    }

    .cloux-blog > .post-list.column-3 > .item {
        width: 100%;
    }

    .cloux-social-links.style-1 ul li span,
    .cloux-social-links.style-2 ul li span {
        display: none;
    }

    .cloux-social-links.style-1 ul li i,
    .cloux-social-links.style-2 ul li i {
        font-size: 2rem;
        line-height: 2rem;
        margin-bottom: 0rem;
    }

    .detMediaContainer.game-media.content-box {
        margin-top: 100px;
    }
    .cloux-game-carousel .wrap{height:20rem;}
}

@media (max-width: 600px) {
    .woocommerce.columns-2 ul.products > li.product,
    .woocommerce.columns-3 ul.products > li.product,
    .woocommerce.columns-4 ul.products > li.product,
    .woocommerce.columns-5 ul.products > li.product {
        width: 100%;
    }

    .cloux-sponsors.column-4 ul > li,
    .cloux-sponsors.column-5 ul > li,
    .cloux-sponsors.column-6 ul > li,
    .cloux-sponsors.column-7 ul > li {
        width: 33.33333333333333%;
    }

    .cloux-title.style-3,
    .cloux-title.style-1 {
        font-size: 2.077rem;
    }

    .cloux-mailchimp.style-1 .cloux-newsletter,
    .cloux-mailchimp.style-2 .cloux-newsletter {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .cloux-mailchimp.style-1 .cloux-newsletter,
    .cloux-mailchimp.style-2 .cloux-newsletter {
        margin-bottom: -1.538rem;
    }

        .cloux-mailchimp.style-1 .cloux-newsletter > .item,
        .cloux-mailchimp.style-2 .cloux-newsletter > .item {
            width: 50%;
            margin-bottom: 1.538rem;
        }
}

@media (max-width: 500px) {
    .system-requirements .tab-content ul > li > .title {
        margin-right: 0;
        margin-bottom: 0.2308rem;
    }

    .system-requirements .tab-content ul > li {
        display: block;
    }

    .game-details-box > ul > li {
        display: block;
    }

        .game-details-box > ul > li > .title {
            margin-right: 0rem;
            margin-bottom: 0.25rem;
        }

    .cloux-comments .comment-list > ol li .comment-image {
        margin-right: 0rem;
        margin-bottom: 2.308rem;
    }

    .cloux-comments .comment-list > ol li.pingback li,
    .cloux-comments .comment-list > ol li.comment li {
        margin-left: 1rem;
    }

    .cloux-comments .comment-form .form-inputs .item {
        width: 100%;
    }

    .cloux-achievement-list .number,
    .cloux-achievement-list .number {
        height: 3.231rem;
        line-height: 2.615rem;
        width: 3.231rem;
        font-size: 0.885rem;
        margin-right: 1.223rem;
    }

    .cloux-achievement-list.style-4 .title,
    .cloux-achievement-list.style-3 .title,
    .cloux-achievement-list.style-2 .title,
    .cloux-achievement-list.style-1 .title {
        font-size: 1.2rem;
        line-height: 1.2rem;
    }

    .cloux-content-box .logos ul li {
        width: 50%;
    }

    .cloux-esport-players.column-2 .player-list > .item,
    .cloux-esport-players.column-3 .player-list > .item,
    .cloux-esport-players.column-4 .player-list > .item,
    .cloux-esport-players.column-5 .player-list > .item,
    .cloux-character-box.column-2 .characters > .item,
    .cloux-character-box.column-3 .characters > .item,
    .cloux-character-box.column-4 .characters > .item,
    .cloux-character-box.column-5 .characters > .item {
        width: 100%;
    }

    .cloux-content-slider .title {
        font-size: 3.846rem;
        line-height: 3.846rem;
    }

    .cloux-woo-product .product-list.column-3 > .item,
    .cloux-woo-product .product-list.column-4 > .item,
    .cloux-woo-product .product-list.column-5 > .item {
        width: 100%;
    }

    .cloux-game-search.column-8 .items .item,
    .cloux-game-search.column-7 .items .item,
    .cloux-game-search.column-6 .items .item,
    .cloux-game-search.column-5 .items .item,
    .cloux-game-search.column-4 .items .item,
    .cloux-game-search.column-3 .items .item
    .cloux-game-search.column-2 .items .item, {
        width: 50%;
    }

    .cloux-blog > .post-list.column-2 > .item,
    .cloux-blog > .post-list.column-3 > .item,
    .cloux-blog > .post-list.column-4 > .item {
        width: 100%;
    }

    ul.flexMenu-popup {
        min-width: 100%;
        text-align: center;
        position: relative !important;
    }

        ul.flexMenu-popup li {
            width: 100%;
        }
}

@media (max-width: 480px) {
    div.bbp-search-form input,
    div.bbp-search-form button {
        font-size: 1rem;
        padding: 0.99rem 2.308rem;
    }

    #bbpress-forums p.bbp-topic-meta {
        font-size: 0.7692rem;
    }

    #bbpress-forums .bbp-body div.bbp-topic-content, #bbpress-forums .bbp-body div.bbp-reply-content {
        width: 100%;
        margin: 0rem;
    }

    #bbpress-forums div.bbp-reply-author img.avatar {
        position: inherit;
        width: auto;
    }

    #bbpress-forums .bbp-body div.bbp-reply-author {
        width: 100%;
        padding: 0rem;
        margin: 0rem 0rem 2.308rem;
    }

    #bbpress-forums li.bbp-header {
        font-size: 0.7692rem;
    }

    div.bbp-forum-header, div.bbp-topic-header, div.bbp-reply-header, li.bbp-body div.hentry {
        padding-left: 1.538rem;
        padding-right: 1.538rem;
    }

    div.bbp-breadcrumb,
    div.bbp-topic-tags,
    #bbpress-forums,
    #bbpress-forums ul.bbp-lead-topic,
    #bbpress-forums ul.bbp-topics,
    #bbpress-forums ul.bbp-forums,
    #bbpress-forums ul.bbp-replies,
    #bbpress-forums ul.bbp-search-results {
        font-size: 0.8462rem;
    }
}

@media (max-width: 450px) {
    .fixture-style-1 > .wrap > .right > .team,
    .fixture-style-2 > .wrap > .right > .team {
        font-size: 0.9231rem;
        line-height: 0.9231rem;
    }

        .fixture-style-1 > .wrap > .right > .team > .logo > img,
        .fixture-style-2 > .wrap > .right > .team > .logo > img {
            width: 3.385rem;
        }

    .fixture-style-1 > .wrap > .right > .score-date > .date-time,
    .fixture-style-2 > .wrap > .right > .score-date > .date-time {
        font-size: 0.6154rem;
        line-height: 0.6154rem;
    }

    .fixture-style-1 > .wrap > .right > .score-date > .score,
    .fixture-style-2 > .wrap > .right > .score-date > .score {
        font-size: 1.5rem;
        line-height: 1.5rem;
    }

    .game-list.column-2 > .game,
    .game-list.column-3 > .game,
    .game-list.column-4 > .game {
        width: 50%;
    }

    .cloux-app-box.style-1 ul li,
    .cloux-app-box.style-2 ul li {
        width: 100%;
    }
}

@media (max-width: 400px) {
    .cloux-sponsors.column-3 ul > li,
    .cloux-sponsors.column-4 ul > li,
    .cloux-sponsors.column-5 ul > li,
    .cloux-sponsors.column-6 ul > li,
    .cloux-sponsors.column-7 ul > li {
        width: 50%;
    }

    .cloux-mailchimp.style-1 .cloux-newsletter > .item,
    .cloux-mailchimp.style-2 .cloux-newsletter > .item {
        width: 100%;
    }

    .cloux-game-search.column-8 .items .item,
    .cloux-game-search.column-7 .items .item,
    .cloux-game-search.column-6 .items .item,
    .cloux-game-search.column-5 .items .item,
    .cloux-game-search.column-4 .items .item,
    .cloux-game-search.column-3 .items .item,
    .cloux-game-search.column-2 .items .item,
    .cloux-game-search.column-1 .items .item {
        width: 100%;
    }

    .cloux-social-links.style-1 ul li i,
    .cloux-social-links.style-2 ul li i {
        font-size: 1.5rem;
        line-height: 1.5rem;
    }

    .cloux-footer-menu ul li {
        width: 100%;
    }

    .categorized-games .cloux-tabs > li {
        width: 100%;
    }

    @media (max-width: 320px) {
        .cloux-content-box .content > .buttons > .cloux-button {
            margin-bottom: 1.538rem;
            display: block;
        }

            .cloux-content-box .content > .buttons > .cloux-button:last-child {
                margin-bottom: 0rem;
            }

        .cloux-content-slider .buttons > .cloux-button {
            display: block;
            margin-right: 0rem;
            margin-bottom: 1.154rem;
        }

            .cloux-content-slider .buttons > .cloux-button:last-child {
                margin-bottom: 0rem;
            }
    }
}



/*======
*
* 11. Selectors
*
======*/
/*====== 11.1 Color Selector ======*/
.post-style-1.sticky-post:after,
.post-style-2.sticky-post:after,
.post-style-3.sticky-post:after,
.post-style-4.sticky-post:after,
.cloux-mobile-header > .mobile-sidebar > .content-wrapper .elements .user-box,
.cloux-social-links.style-3 ul li a,
.cloux-social-links.style-3 ul li a:visited,
#bbpress-forums #bbp-single-user-details #bbp-user-navigation > ul > li > a:hover,
#bbpress-forums #bbp-single-user-details #bbp-user-navigation > ul > li > a:focus,
#bbpress-forums #bbp-single-user-details #bbp-user-navigation > ul > li > span > a:hover,
#bbpress-forums #bbp-single-user-details #bbp-user-navigation > ul > li > span > a:focus,
#bbpress-forums #bbp-single-user-details #bbp-user-navigation > ul > li.current a,
#bbpress-forums #bbp-single-user-details #bbp-user-navigation > ul > li.current a:visited,
.woocommerce .woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce .woocommerce-MyAccount-navigation ul li.is-active a:visited,
.woocommerce .woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce .woocommerce-MyAccount-navigation ul li a:focus,
.woocommerce #respond input#submit.disabled:hover,
.woocommerce #respond input#submit:disabled:hover,
.woocommerce #respond input#submit:disabled[disabled]:hover,
.woocommerce a.button.disabled:hover,
.woocommerce a.button:disabled:hover,
.woocommerce a.button:disabled[disabled]:hover,
.woocommerce button.button.disabled:hover,
.woocommerce button.button:disabled:hover,
.woocommerce button.button:disabled[disabled]:hover,
.woocommerce input.button.disabled:hover,
.woocommerce input.button:disabled:hover,
.woocommerce input.button:disabled[disabled]:hover,
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:focus,
.woocommerce span.onsale,
.bbp-pagination-links > span.current,
.bbp-pagination-links > a:hover,
.bbp-pagination-links > a:focus,
#bbpress-forums > #subscription-toggle a:focus,
#bbpress-forums > #subscription-toggle a:hover,
#bbpress-forums li.bbp-header,
.cloux-content-slider.style-2 .slick-dots li.slick-active button,
.cloux-content-slider.style-2 .slick-dots li button:hover,
.cloux-content-slider.style-2 .slick-dots li button:focus,
.cloux-video-carousel .slick-dots li.slick-active button,
.cloux-video-carousel .slick-dots li button:hover,
.cloux-video-carousel .slick-dots li button:focus,
.cloux-esport-players .player-list > .item > .image .username,
.cloux-character-box .characters > .item > .image .name,
.cloux-game-search.style-1:before,
.cloux-app-box.style-1 ul li a:hover,
.cloux-app-box.style-1 ul li a:focus,
.cloux-app-box.style-2 ul li a:hover,
.cloux-app-box.style-2 ul li a:focus,
.cloux-content-box .popup.style-1 .wrap,
.cloux-content-box.style-3:before,
.cloux-mailchimp.style-1:before,
.game-style-2 .wrap .poster:before,
.cloux-button.style-3 a:before,
.cloux-button.style-3 a:visited:before,
.game-media .media-tabs li a:focus,
.game-media .media-tabs li a:hover,
.game-media .media-tabs li a.active,
.game-media .media-tabs li a.active:visited,
.cloux-tabs > li > a:focus,
.cloux-tabs > li > a:hover,
.cloux-tabs > li > a.active,
.cloux-tabs > li > a.active:visited,
.post-review > ul.review > li > ul.items > li > .cloux-progress-bar .cloux-progress,
.post-review > ul.review > li > .content > .score:hover,
.post-review > ul.review > li > .content > .score:focus,
.single-content-wrapper .post-navigation ul li.previous,
.single-content-wrapper .social-share .social-share-links li:hover,
.single-content-wrapper .social-share .social-share-links li:focus,
.single-content-wrapper .single-content .post-pages > a:hover > span,
.single-content-wrapper .single-content .post-pages > a:focus > span,
.single-content-wrapper .single-content .post-tags > ul > li a:hover,
.single-content-wrapper .single-content .post-tags > ul > li a:focus,
.cloux-game-carousel .slick-dots li.slick-active button,
.cloux-game-carousel .slick-dots li button:hover,
.cloux-game-carousel .slick-dots li button:focus,
.featured-gallery .slick-dots li.slick-active button,
.featured-gallery .slick-dots li button:hover,
.featured-gallery .slick-dots li button:focus,
.widget_tag_cloud a:hover,
.widget_tag_cloud a:focus,
.navigation.comment-navigation div a:focus,
.navigation.comment-navigation div a:hover,
.post-pagination.style-1 ul li > a:focus,
.post-pagination.style-1 ul li > a:hover,
.cloux-button.style-1 a:hover,
.cloux-button.style-1 a:focus,
.hover-color-b,
.modal-color-b,
.custom-file-control::before,
button,
input[type="submit"],
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.cloux-close:focus,
.cloux-close:hover,
.cloux-header .elements .user-box,
.loader-style-4 .sk-fading-circle .sk-circle:before,
.loader-style-3 .spinner,
.loader-style-2 .spinner > div,
.loader-style-1 .double-bounce1,
.loader-style-1 .double-bounce2 {
    background-color: #ed9700;
    font-family: 'Cairo-Regular';
}

.error404 .error404-content i,
.cloux-mobile-header > .mobile-sidebar > .content-wrapper .elements .social-links li a:focus,
.cloux-mobile-header > .mobile-sidebar > .content-wrapper .elements .social-links li a:hover,
.cloux-icon-list > ul > li > i,
.cloux-contact-box > .contact-row > a:focus,
.cloux-contact-box > .contact-row > a:hover,
.cloux-contact-box > .contact-row > i,
.cloux-service-box .title,
.cloux-service-box i,
#bbpress-forums #bbp-single-user-details #bbp-user-navigation > ul > li > a,
#bbpress-forums #bbp-single-user-details #bbp-user-navigation > ul > li > a:visited,
#bbpress-forums #bbp-single-user-details #bbp-user-navigation > ul > li > span > a,
#bbpress-forums #bbp-single-user-details #bbp-user-navigation > ul > li > span > a:visited,
.woocommerce .woocommerce-MyAccount-navigation ul li a,
.woocommerce .woocommerce-MyAccount-navigation ul li a:visited,
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected],
.select2-container--default .select2-results__option[aria-selected=true],
.select2-container--default .select2-results__option[data-selected=true],
.woocommerce-error::before,
.woocommerce-info::before,
.woocommerce-message::before,
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li a:visited,
.woocommerce div.product .woocommerce-tabs ul.tabs li a,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:visited,
.woocommerce div.product .woocommerce-tabs ul.tabs li,
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce ul.products li.product .price,
.esport-player-single-social-links ul li a:focus,
.esport-player-single-social-links ul li a:hover,
.bbp-pagination-links > a,
.bbp-pagination-links > a:visited,
span.bbp-admin-links a:focus,
span.bbp-admin-links a:hover,
#bbpress-forums > #subscription-toggle a,
#bbpress-forums > #subscription-toggle a:visited,
.cloux-page-banner .cloux-breadcrumb > ul > li.current-item,
.cloux-page-banner .cloux-breadcrumb > ul > li.current-item a,
.cloux-page-banner .cloux-breadcrumb > ul > li.current-item a:visited,
.cloux-page-banner .cloux-breadcrumb > ul > li a:focus,
.cloux-page-banner .cloux-breadcrumb > ul > li a:hover,
.fixture-style-1 > .wrap > .right > .team,
.fixture-style-1 > .wrap > .left > .links > a:hover,
.fixture-style-1 > .wrap > .left > .links > a:focus,
.fixture-style-1 > .wrap > .left > .games ul,
.fixture-style-1 > .wrap > .left > .games ul a,
.fixture-style-1 > .wrap > .left > .games ul a:visited,
.fixture-style-2 > .wrap > .right > .team,
.fixture-style-2 > .wrap > .left > .links > a:hover,
.fixture-style-2 > .wrap > .left > .links > a:focus,
.fixture-style-2 > .wrap > .left > .games ul,
.fixture-style-2 > .wrap > .left > .games ul a,
.fixture-style-2 > .wrap > .left > .games ul a:visited,
.cloux-esport-players .player-list > .item .cloux-modal .social-links ul li a:hover,
.cloux-esport-players .player-list > .item .cloux-modal .social-links ul li a:focus,
.cloux-esport-players .player-list > .item .cloux-modal .username span,
.cloux-achievement-list.style-1 .number,
.cloux-achievement-list.style-2 .number,
.cloux-achievement-list.style-3 .number,
.cloux-achievement-list.style-4 .number,
.cloux-achievement-list.style-1 .content .title,
.cloux-achievement-list.style-2 .content .title,
.cloux-achievement-list.style-3 .content .title,
.cloux-achievement-list.style-4 .content .title,
.cloux-content-slider .title span,
.product-style-2 .woo-product-price,
.product-style-1 .woo-product-price,
.cloux-game-search.style-1 .items button,
.cs-select ul li:hover,
.cs-select ul li:focus,
.cs-select > span::after,
.cloux-social-links.style-1 ul li a:hover span,
.cloux-social-links.style-1 ul li a:focus span,
.cloux-footer .copyright .copyright-menu li a:hover,
.cloux-footer .copyright .copyright-menu li a:focus,
.cloux-footer .copyright .copyright-menu li.current-menu-item a,
.cloux-footer .copyright .copyright-menu li.current-menu-item a:visited,
.cloux-footer.style-1 .post-details.style-1 ul a:focus,
.cloux-footer.style-1 .post-details.style-1 ul a:hover,
.cloux-footer.style-1 a:focus,
.cloux-footer.style-1 a:hover,
.cloux-social-links.style-1 ul li i,
.cloux-content-box .title > span,
.cloux-mailchimp.style-1 .cloux-newsletter > .button > button,
.cloux-mailchimp.style-1 .cloux-newsletter > .button > input,
.cloux-mailchimp.style-2 .cloux-newsletter > .button > button,
.cloux-mailchimp.style-2 .cloux-newsletter > .button > input,
.game-style-2 .game-details.style-1 a:focus,
.game-style-2 .game-details.style-1 a:hover,
.cloux-button.style-3 a,
.cloux-button.style-3 a:visited,
.banner-box .top-title,
.post-review .cloux-star-review .cloux-star-review-skill,
.related-games .related-games-slider .slick-arrow:hover,
.related-games .related-games-slider .slick-arrow:focus,
.game-style-1 .poster .genre i,
.game-details.style-1 a:focus,
.game-details.style-1 a:hover,
.game-details.style-1 > li > i,
.game-review > ul > li .wrap .point,
.game-language ul > li a:focus,
.game-language ul > li a:hover,
.game-language ul > li.status i,
.game-language ul > li.title,
.game-details-box a:focus,
.game-details-box a:hover,
.game-details-box > ul > li > .title i,
.game-media .media-tabs li a,
.game-media .media-tabs li a:visited,
.system-requirements .tab-content .list-name,
.cloux-tabs > li > a,
.cloux-tabs > li > a:visited,
.post-analysis > ul > li > ul > li > ul > li > i,
.post-review > ul.review > li > .content > .score,
blockquote:before,
.cloux-comments .comment-list > ol li .comment-info > .item a:focus,
.cloux-comments .comment-list > ol li .comment-info > .item a:hover,
.cloux-comments .comment-list > ol li .comment-info > .item i,
.cloux-comments .comment-list > ol li .comment-content .comment-author,
.single-content-wrapper .post-navigation ul li.next a,
.single-content-wrapper .post-navigation ul li.next a:visited,
.single-content-wrapper .post-author .content .author-site:focus,
.single-content-wrapper .post-author .content .author-site:hover,
.single-content-wrapper .post-author .user-social-links ul li a:focus,
.single-content-wrapper .post-author .user-social-links ul li a:hover,
.widget_tag_cloud a,
.widget_tag_cloud a:visited,
.navigation.comment-navigation div a,
.navigation.comment-navigation div a:visited,
.post-pagination.style-1 ul li > a,
.post-pagination.style-1 ul li > a:visited,
.post-pagination.style-1 ul li > span,
.post-details.style-1 ul a:focus,
.post-details.style-1 ul a:hover,
.cloux-button.style-1 a,
.cloux-button.style-1 a:visited,
.cloux-button.style-2 a:hover,
.cloux-button.style-2 a:focus,
.post-details.style-1 ul li i,
.cloux-header .cloux-navbar.style-1 .navbar-menu .dropdown-menu .nav-link:hover,
.cloux-header .cloux-navbar.style-1 .navbar-menu .dropdown-menu .nav-link:focus,
.cloux-header .cloux-navbar.style-1 .navbar-menu .dropdown-menu li.active .nav-link:hover,
.cloux-header .cloux-navbar.style-1 .navbar-menu .dropdown-menu li.active .nav-link:focus,
.cloux-header.style-1 .elements .social-links li a:focus,
.cloux-header.style-1 .elements .social-links li a:hover,
.cloux-header.style-2 .elements .social-links li a:focus,
.cloux-header.style-2 .elements .social-links li a:hover,
.cloux-header.style-3 .elements .social-links li a:focus,
.cloux-header.style-3 .elements .social-links li a:hover,
.cloux-header.style-4 .elements .social-links li a:focus,
.cloux-header.style-4 .elements .social-links li a:hover,
.cloux-header.style-5 .elements .social-links li a:focus,
.cloux-header.style-5 .elements .social-links li a:hover,
.cloux-header.style-1 .elements .search > i:focus,
.cloux-header.style-1 .elements .search > i:hover,
.cloux-header.style-2 .elements .search > i:focus,
.cloux-header.style-2 .elements .search > i:hover,
.cloux-header.style-3 .elements .search > i:focus,
.cloux-header.style-3 .elements .search > i:hover,
.cloux-header.style-4 .elements .search > i:focus,
.cloux-header.style-4 .elements .search > i:hover,
.cloux-header.style-5 .elements .search > i:focus,
.cloux-header.style-5 .elements .search > i:hover,
.cloux-header.style-1 .cloux-navbar.style-1 .navbar-menu > li > .nav-link:focus,
.cloux-header.style-1 .cloux-navbar.style-1 .navbar-menu > li > .nav-link:hover,
.cloux-header.style-1 .cloux-navbar.style-1 .navbar-menu li:hover > .nav-link,
.cloux-header.style-1 .cloux-navbar.style-1 .navbar-menu li:focus > .nav-link:visited,
.cloux-header.style-1 .cloux-navbar.style-1 .navbar-menu li.active > .nav-link,
.cloux-header.style-1 .cloux-navbar.style-1 .navbar-menu li.active > .nav-link:visited,
.cloux-header.style-2 .cloux-navbar.style-1 .navbar-menu > li > .nav-link:focus,
.cloux-header.style-2 .cloux-navbar.style-1 .navbar-menu > li > .nav-link:hover,
.cloux-header.style-2 .cloux-navbar.style-1 .navbar-menu li:hover > .nav-link,
.cloux-header.style-2 .cloux-navbar.style-1 .navbar-menu li:focus > .nav-link:visited,
.cloux-header.style-2 .cloux-navbar.style-1 .navbar-menu li.active > .nav-link,
.cloux-header.style-2 .cloux-navbar.style-1 .navbar-menu li.active > .nav-link:visited,
.cloux-header.style-3 .cloux-navbar.style-1 .navbar-menu > li > .nav-link:focus,
.cloux-header.style-3 .cloux-navbar.style-1 .navbar-menu > li > .nav-link:hover,
.cloux-header.style-3 .cloux-navbar.style-1 .navbar-menu li:hover > .nav-link,
.cloux-header.style-3 .cloux-navbar.style-1 .navbar-menu li:focus > .nav-link:visited,
.cloux-header.style-3 .cloux-navbar.style-1 .navbar-menu li.active > .nav-link,
.cloux-header.style-3 .cloux-navbar.style-1 .navbar-menu li.active > .nav-link:visited,
.cloux-header.style-4 .cloux-navbar.style-1 .navbar-menu > li > .nav-link:focus,
.cloux-header.style-4 .cloux-navbar.style-1 .navbar-menu > li > .nav-link:hover,
.cloux-header.style-4 .cloux-navbar.style-1 .navbar-menu li:hover > .nav-link,
.cloux-header.style-4 .cloux-navbar.style-1 .navbar-menu li:focus > .nav-link:visited,
.cloux-header.style-4 .cloux-navbar.style-1 .navbar-menu li.active > .nav-link,
.cloux-header.style-4 .cloux-navbar.style-1 .navbar-menu li.active > .nav-link:visited,
.cloux-header.style-5 .cloux-navbar.style-1 .navbar-menu > li > .nav-link:focus,
.cloux-header.style-5 .cloux-navbar.style-1 .navbar-menu > li > .nav-link:hover,
.cloux-header.style-5 .cloux-navbar.style-1 .navbar-menu li:hover > .nav-link,
.cloux-header.style-5 .cloux-navbar.style-1 .navbar-menu li:focus > .nav-link:visited,
.cloux-header.style-5 .cloux-navbar.style-1 .navbar-menu li.active > .nav-link,
.cloux-header.style-5 .cloux-navbar.style-1 .navbar-menu li.active > .nav-link:visited,
.cloux-header.style-1 .elements .search > i:focus,
.cloux-header.style-1 .elements .search > i:hover,
.cloux-header.style-1 .elements .social-links li a:focus,
.cloux-header.style-1 .elements .social-links li a:hover,
.cloux-header.style-2 .elements .search > i:focus,
.cloux-header.style-2 .elements .search > i:hover,
.cloux-header.style-2 .elements .social-links li a:focus,
.cloux-header.style-2 .elements .social-links li a:hover,
.cloux-header.style-3 .elements .search > i:focus,
.cloux-header.style-3 .elements .search > i:hover,
.cloux-header.style-3 .elements .social-links li a:focus,
.cloux-header.style-3 .elements .social-links li a:hover,
.cloux-header.style-4 .elements .search > i:focus,
.cloux-header.style-4 .elements .search > i:hover,
.cloux-header.style-4 .elements .social-links li a:focus,
.cloux-header.style-4 .elements .social-links li a:hover,
.cloux-header.style-5 .elements .search > i:focus,
.cloux-header.style-5 .elements .search > i:hover,
.cloux-header.style-5 .elements .social-links li a:focus,
.cloux-header.style-5 .elements .social-links li a:hover,
.logo .site-logo-texted:focus,
.logo .site-logo-texted:hover,
.cloux-header.position-2 .logo .site-logo-texted:focus,
.cloux-header.position-2 .logo .site-logo-texted:hover,
a:focus,
a:hover,
.cloux-title span,
.cloux-title i,
.cloux-title b,
.loader-style-4 .sk-fading-circle .sk-circle:before {
    color: #ed9700;
}

    .cloux-service-box i,
    #bbpress-forums #bbp-single-user-details #bbp-user-navigation > ul > li > a,
    #bbpress-forums #bbp-single-user-details #bbp-user-navigation > ul > li > a:visited,
    #bbpress-forums #bbp-single-user-details #bbp-user-navigation > ul > li > span > a,
    #bbpress-forums #bbp-single-user-details #bbp-user-navigation > ul > li > span > a:visited,
    .woocommerce .woocommerce-MyAccount-navigation ul li a,
    .woocommerce .woocommerce-MyAccount-navigation ul li a:visited,
    .woocommerce nav.woocommerce-pagination ul li span.current,
    .woocommerce nav.woocommerce-pagination ul li a,
    .woocommerce nav.woocommerce-pagination ul li a:visited,
    .woocommerce div.product .woocommerce-tabs ul.tabs li.active,
    .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover,
    .woocommerce div.product .woocommerce-tabs ul.tabs li a:focus,
    .woocommerce div.product .woocommerce-tabs ul.tabs li,
    .bbp-pagination-links > span.current,
    .bbp-pagination-links > a,
    .bbp-pagination-links > a:visited,
    .bbp-pagination-links > a:hover,
    .bbp-pagination-links > a:focus,
    #bbpress-forums > #subscription-toggle a,
    #bbpress-forums > #subscription-toggle a:visited,
    .cloux-achievement-list.style-1 .number,
    .cloux-achievement-list.style-2 .number,
    .cloux-achievement-list.style-3 .number,
    .cloux-achievement-list.style-4 .number,
    .cloux-content-slider.style-2 .slick-dots li.slick-active button,
    .cloux-content-slider.style-2 .slick-dots li button:hover,
    .cloux-content-slider.style-2 .slick-dots li button:focus,
    .cloux-video-carousel .slick-dots li.slick-active button,
    .cloux-video-carousel .slick-dots li button:hover,
    .cloux-video-carousel .slick-dots li button:focus,
    .cloux-app-box.style-1 ul li a:hover,
    .cloux-app-box.style-1 ul li a:focus,
    .cloux-app-box.style-2 ul li a:hover,
    .cloux-app-box.style-2 ul li a:focus,
    .game-media .media-tabs li a,
    .game-media .media-tabs li a:visited,
    .cloux-tabs > li > a,
    .cloux-tabs > li > a:visited,
    .post-review > ul.review > li > .content > .score:hover,
    .post-review > ul.review > li > .content > .score:focus,
    .single-content-wrapper .single-content .post-pages > a:hover > span,
    .single-content-wrapper .single-content .post-pages > a:focus > span,
    .single-content-wrapper .single-content .post-tags > ul > li a:hover,
    .single-content-wrapper .single-content .post-tags > ul > li a:focus,
    .featured-gallery .slick-dots li.slick-active button,
    .featured-gallery .slick-dots li button:hover,
    .featured-gallery .slick-dots li button:focus,
    .widget_tag_cloud a,
    .widget_tag_cloud a:visited,
    .navigation.comment-navigation div a,
    .navigation.comment-navigation div a:visited,
    .post-pagination.style-1 ul li > a,
    .post-pagination.style-1 ul li > a:visited,
    .post-pagination.style-1 ul li > span,
    .cloux-button.style-1 a,
    .cloux-button.style-1 a:visited,
    .cloux-button.style-2 a:hover,
    .cloux-button.style-2 a:focus {
        border-color: #ed9700;
    }

.woocommerce-error,
.woocommerce-info,
.woocommerce-message,
.cloux-header .cloux-navbar.style-1 .navbar-menu li .dropdown-menu {
    border-top-color: #ed9700;
}
.cloux-footer-menu ul.social-links li a:before {
    border-left-color: transparent;
}

.cloux-footer-menu ul.social-links li {
    width: 40px;
}

.cloux-footer-menu ul li a:before,
.game-media .media-tabs li a.active:after,
.game-media .media-tabs li a.active:visited:after {
    border-left-color: #ed9700;
    transform: rotate(180deg);
}

.cloux-page-banner .cloux-breadcrumb > ul > li.current-item,
.cloux-button.style-3 a,
.cloux-button.style-3 a:visited {
    border-bottom-color: #ed9700;
}



/*====== 11.2 Hover Colors Without Theme Color ======*/
#bbpress-forums #bbp-single-user-details #bbp-user-navigation > ul > li > a:hover,
#bbpress-forums #bbp-single-user-details #bbp-user-navigation > ul > li > a:focus,
#bbpress-forums #bbp-single-user-details #bbp-user-navigation > ul > li > span > a:hover,
#bbpress-forums #bbp-single-user-details #bbp-user-navigation > ul > li > span > a:focus,
#bbpress-forums #bbp-single-user-details #bbp-user-navigation > ul > li.current a,
#bbpress-forums #bbp-single-user-details #bbp-user-navigation > ul > li.current a:visited,
.woocommerce .woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce .woocommerce-MyAccount-navigation ul li.is-active a:visited,
.woocommerce .woocommerce-MyAccount-navigation ul li a:focus,
.woocommerce .woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:focus,
.bbp-pagination-links > span.current,
.bbp-pagination-links > a:hover,
.bbp-pagination-links > a:focus,
.game-media .media-tabs li a:focus,
.game-media .media-tabs li a:hover,
.game-media .media-tabs li a.active,
.game-media .media-tabs li a.active:visited,
.cloux-tabs > li > a:focus,
.cloux-tabs > li > a:hover,
.cloux-tabs > li > a.active,
.cloux-tabs > li > a.active:visited,
.post-review > ul.review > li > .content > .score:hover,
.post-review > ul.review > li > .content > .score:focus,
.single-content-wrapper .single-content .post-pages > a:hover > span,
.single-content-wrapper .single-content .post-pages > a:focus > span,
.single-content-wrapper .single-content .post-tags > ul > li a:hover,
.single-content-wrapper .single-content .post-tags > ul > li a:focus,
.widget_tag_cloud a:hover,
.widget_tag_cloud a:focus,
.navigation.comment-navigation div a:hover,
.navigation.comment-navigation div a:focus,
.post-pagination.style-1 ul li > a:focus,
.post-pagination.style-1 ul li > a:hover,
.cloux-button.style-1 a:hover,
.cloux-button.style-1 a:focus {
    color: #FFFFFF;
}

.cloux-social-links.style-3 ul li a:focus,
.cloux-social-links.style-3 ul li a:hover {
    background: #000000;
}



/*====== 11.3 Shadows ======*/
.post-style-3 .image,
.post-style-2 .post-inner-wrapper,
.post-style-1,
.fixture-style-1,
.product-style-1 .image,
.shadow-box,
.content-box,
.widget-box {
    /*box-shadow: 0 0 3rem rgba(0, 0, 0, 0.10);*/
}

.cloux-content-slider .images ul li,
.cloux-content-box .logos ul li img,
.game-style-1 .poster,
.game-style-2 .wrap,
.categorized-games .game-style-1 .poster,
.categorized-games .game-style-2 .wrap,
.banner-box.shadow-true,
.shadow-box-2,
.cloux-esport-players .player-list > .item > .image {
    box-shadow: 0 0 3rem rgba(0, 0, 0, 0.23);
}

.cloux-character-box .item > .image .name,
.cloux-character-box .item > .image,
.cloux-video-carousel .item .video > img,
.cloux-video-carousel .item .video > embed,
.cloux-video-carousel .item .video > iframe,
.cloux-video-carousel .item .video > audio,
.cloux-video-carousel .item .video > video,
.cloux-content-box .media-content > img,
.cloux-content-box .media-content > embed,
.cloux-content-box .media-content > iframe,
.cloux-content-box .media-content > audio,
.cloux-content-box .media-content > video {
    box-shadow: 0 0 3rem rgba(0, 0, 0, 0.35);
}

.btn-filter {
    float: left;
    color: #fff;
    border: 1px solid #fff;
    padding: 5px 10px;
    cursor: pointer;
}

.urlIframePopUp {
    width: 100%;
    height: 100%;
    background-color: #fff;
    padding: 0;
    margin: 0;
    display: none;
    text-align: center;
}

    .urlIframePopUp .close {
        right: 10px;
        cursor: pointer;
        position: absolute;
    }

    .urlIframePopUp iframe {
        width: 100%;
        height: 100%;
        border: 0;
        overflow: hidden;
    }

.btnRegister {
    background-color: #ed9700;
    border: 0;
    text-transform: uppercase;
    color: #fff;
    padding: 10px;
    font-weight: bold;
    cursor: pointer;
    font-family: 'Cairo-Regular';
    margin-top: 20px;
}

.btnRecover {
    background-color: #ed9700;
    border: 0;
    text-transform: uppercase;
    color: #fff;
    padding: 10px;
    font-weight: bold;
    cursor: pointer;
    font-family: 'Cairo-Regular';
    margin-top: 20px;
    width: fit-content;
}

.btnUpdate {
    background-color: #ed9700;
    border: 0;
    text-transform: uppercase;
    color: #fff;
    padding: 10px;
    font-weight: bold;
    cursor: pointer;
    margin-top: 20px;
    font-family: 'Cairo-Regular';
    width: fit-content;
}

.homeArContainer {
    direction: rtl;
}

.FloatArRight {
    float: right !important;
}

.loginContent .info .lbl {
    font-family: 'Cairo-Regular';
    text-align: right;
    padding-top: 10px;
}

.simple-pagination {
    float: left;
}

.dirRTL {
    direction: rtl;
}

.dirLTR {
    direction: ltr;
}

.lblMsg {
    font-family: 'Cairo-Regular';
}

@media(max-width:450px) {
    .form-horizontal {
        width: 300px;
    }
}


.detailsIframe{width:100%; height:400px;border:1px solid #ed9700;}
.iframeOverlay{width:97%; height:400px;background-color:rgba(0,0,0,0.7);text-align:center;color:#ed9700;top:0;padding-top:50px;}
.iframeOverlay a{color:#ed9700;position: relative;font-size:16px;font-weight:bold;}

.iframe-links{width: 95px;text-align:center;margin-bottom:30px;display:table;margin:5px 0;}
.iframe-links .icons{padding:0 10px;width: 30px;float: right;cursor:pointer;color:#000000;}
.iframe-links .icons:hover{color:#ed9700;}
.iframe-links .icons.social-media-ul .social-media-links{background-color:transparent;z-index:3;display:block;padding:9px 20px; list-style:none;position:absolute;text-align:center;margin-top:-15px;margin-right:-37px;}
.iframe-links .icons.social-media-ul:hover .social-media-links{display:block;}
.iframe-links .icons.social-media-ul .social-media-links:hover{display:block;}
.iframe-links .icons.social-media-ul .social-media-links li{float:right;padding:0 10px;}
.iframe-links .icons.social-media-ul .social-media-links li a {color:#000000;}
.iframe-links .icons.social-media-ul .social-media-links li a:hover {color:#ed9700;}
.iframe-links .icons.addToFav{float:none;padding:0 0 0 10px;}

.featured-games{position:relative;}
.featured-games .image{width:100%;height:auto; opacity: 1;display:block;transition:.5s ease;backface-visibility:hidden;}
.featured-games .content {transition: .5s ease;opacity: 0;position: absolute;top:0;padding: 20px;right:0; width: calc(100% - 25px);height: 100%;text-align: right;}
.featured-games:hover .content {opacity: 1;background-color:rgba(0,0,0,0.7);cursor:pointer;}
.featured-games .content .title a {color: white;font-size: 15px;}
.featured-games .content .title{position: absolute;bottom: 50px;}
.featured-games .content .game-details{position: absolute;bottom: 30px;}


#wishlistSec .deleteBtn{width: 20px;height: 20px;color: #ed9700;font-size: 25px;cursor: pointer;position: absolute;top: -10px;left: 6px;right:unset;}

/*.addToFav{width: fit-content;color:#000000;cursor:pointer;float: left;}
.addedToFav{width: fit-content;color:#ed9700 !important;cursor:pointer;float: left;}*/

.btnAddToFav {
    border: 2px solid #ed9700;
    text-align: center;
    padding: 2px 10px;
    cursor: pointer;
    background-color: #ed9700;
    color: #ffffff;
    font-size: 1rem;
    height: 30px;
}

    .btnAddToFav label {
        font-size: 1rem;
    }

    .btnAddToFav span {
        margin-right: 5px;
    }

.game-styles .content .addToFav {
    color: #282828;
    cursor:pointer;
}

.game-styles .content .addedToFav {
    color: #ed9700;
}


.featuredContainer {width:100%;display: flex;justify-content: flex-end; margin-right:10px;direction:rtl;}
.featuredContainer .slick-wrapper {width: 100%;}
.featuredContainer .slide-item {display: flex !important;height:200px;justify-content: center;align-items: center;text-align: center;height: auto;border-bottom:5px solid #fff;}

.latestGamesContainer {width:100%;display: flex;justify-content:  flex-end; margin-left:10px;direction:rtl;}
.latestGamesContainer .slick-wrapper {width: 100%;}
.latestGamesContainer .slide-item {display: flex !important;height:200px;justify-content: center;align-items: center;text-align: center;height: auto;border:5px solid #fff;}

.gameCategContainer1 {width:100%;display: flex;justify-content:  flex-end; margin-right:10px;direction:rtl;}
.gameCategContainer1 .slick-wrapper {width: 100%;}
.gameCategContainer1 .slide-item {display: flex !important;height:200px;justify-content: center;align-items: center;text-align: center;height: auto;border:5px solid #fff;}

.allgames{width:100%;max-width:300px;margin:auto;padding:5px;cursor:pointer; background-color:#000000; color:#fff !important;text-align:center;font-size:16px;display:block;}

@media(max-width:450px) {
    .featured-games .image a img {
        width: 90%;
    }
    .game-style-3 .image {
        margin-right: 5px;
    }
    .featuredContainer .slick-slide {
        width: 140px !important;float:right;
    }
    .latestGamesContainer .slick-slide {
        width: 140px !important;
        float: right;
    }
    .gameCategContainer1 .slick-slide {
        width: 140px !important;
        float: right;
    }

    .gameCategContainer1 .game-style-1 .poster, .latestGamesContainer .game-style-1 .poster {
        margin-bottom: 0;
    }
    .featured-games .content{width:calc(100% - 5px);}
    .featured-games .content .title{position: absolute;bottom: 0;}
    .game-style-1 .content .btn-play {
        min-width: 105px;
    }

}


.loggedInPopup {width: 90%;height: 125px;max-width: 300px;z-index:5;position: fixed;bottom: 15px;background-color: #fff;padding: 5px;display: none;text-align: center;margin-left: calc(50% - 150px);color:#000000;border:1px solid #777777;}
.loggedInPopup .close {right: 10px;cursor: pointer;position: absolute;}
.loggedInPopup .btnLogin{width:100px;padding:5px;background-color:#ed9700;color:#fff !important;text-align:center;display:block;margin:auto;}
.loggedInPopup .txt{padding:10px 0;font-family:Cairo-Regular;}

.featuredContainer .slick-prev{position: absolute;top: -40px;left: 30px;z-index: 5;padding: 5px 10px;}
.featuredContainer .slick-next{position: absolute;top: -40px;left: 0px;z-index: 5;padding: 5px 10px;}
.gameCategContainer1 .slick-prev, .latestGamesContainer .slick-prev{position: absolute;top:-40px;left: 30px;z-index: 5;padding: 5px 10px;}
.gameCategContainer1 .slick-next, .latestGamesContainer .slick-next{position: absolute;top:-40px;left:0;z-index: 5;padding: 5px 10px;}

.loadMore{width:150px;padding:10px 0;text-align:center;color:#fff;background-color:#000000;text-transform:uppercase;margin:20px auto;cursor:pointer;}

.game-details-content-box{padding:1rem;}
.game-details-box{padding:1rem;}

.paddingZeroLR {
    padding-left: 0;
    padding-right: 0;
}

.marginZeroLR {
    margin-left: 0;
    margin-right: 0;
}