/*
Theme Name: Playerx
Theme URI: http://playerx.edge-themes.com
Description: A High-powered Theme for Gaming and eSports
Author: Edge Themes
Author URI: http://themeforest.net/user/edge-themes
Text Domain: playerx
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-menu, featured-images, flexible-header, post-formats, sticky-post, threaded-comments, translation-ready
Version: 1.1
License: GNU General Public License
License URI: licence/GPL.txt

CSS changes can be made in files in the /css/ folder. This is a placeholder file required by WordPress, so do not delete it.

*/
body {
    font-family: Rubik, serif;
}

.edgtf-search-opener, .edgtf-side-menu-button-opener {
    display: none!important;
}

.edgtf-page-header .edgtf-menu-area {
    height: 70px!important;
}

.edgtf-main-menu>ul>li {
    margin: 0!important;
}

.edgtf-main-menu>ul>li>a {
    padding: 0 26px!important;
}

.edgtf-dark-header
.edgtf-page-header>div:not(.edgtf-sticky-header):not(.fixed)
.edgtf-main-menu>ul>li.edgtf-active-item>a,
.edgtf-dark-header
.edgtf-page-header>div:not(.edgtf-sticky-header):not(.fixed)
.edgtf-main-menu>ul>li>a:hover {
    color: #fff!important;
}

.edgtf-main-menu>ul>li>a:after {
    background-color: #fff!important;
    box-shadow: 0px 0px 16px #FFFFFF;
}

.edgtf-main-menu ul li a {
    font-size: 11px!important;
    text-shadow: 0px 0px 16px #FFFFFF;
}
#title-text-first-screen {
    margin-left:0;
}
.first-big-char {
    font-size: 150px;
}

.title-h1 {
    font-size: 117px;
    font-family: 'Montserrat', serif;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 11.7px;
    text-align: center;
    color: rgb(186, 196, 213);
    text-shadow: 0px 0px 16px rgba(129, 205, 255, .86);
    text-transform: uppercase;
}

.subtitle {
    margin-top: -30px;
    font-size: 50px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
}

#play-link {
    margin-top: 190px;
    text-align: center;
}
.play-link p {
    margin-bottom: 29px;
    font-size: 46px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    text-shadow: 0px 0px 16px #FFFFFF;
}
.play-link .wpb_wrapper p a:nth-of-type(3) img {
    position: relative;
    top: -3px;
}

.social-network-links {
    position: absolute;
    top: 21px;
    left: 58px;
    z-index: 99999999!important;
}

.social-network-links ul {
    list-style: none;
    display: flex;
}
.top-social-links {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    margin-top: -50px;
}
.top-social-links li {

    margin: 0 36px 0 0;
}
.social-network-links ul li {
    margin: 0 38px 0 0;
}
.social-network-links ul li a, .top-social-links li a {
    display: block;
    cursor: pointer !important;
    opacity: .6;
}

.hidden {
    display: none !important;
}


#second-screen-section {
    margin-top: 0px;
}

.game-modes-container {
    position: relative;
    width: 100%;
}



.game-modes-items-tabs {
    display: flex;
    justify-content: flex-start !important;
    box-sizing: border-box;
}

.game-modes-tab {
    background-color: transparent;  /* rgba(24, 73, 124, 0.86) */
    transition: all, .38s, ease-in;
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 2.0rem;
    box-sizing: border-box;
    width: calc((90vw/4) + 4rem);
}

.game-modes-tab.active {
    /*background-color: rgba(24, 73, 124, 0.86);*/
    background: linear-gradient(290deg, rgba(24, 73, 124, 0.86) 50%, rgba(24, 73, 124, 0.86) 50%);
    -webkit-clip-path: polygon(5% 0px, 95% 0px, 100% 10%, 100% 90%, 100% 100%, 5% 100%, 0px 100%, 0px 10%);
    clip-path: polygon(5% 0px, 95% 0px, 100% 10%, 100% 90%, 100% 100%, 5% 100%, 0px 100%, 0px 10%);
    background-repeat: no-repeat;
    position: relative;
}
.game-modes-tab.active .left-border {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 3px;
    height: 90%;
    background: rgba(204, 202, 202, 1);
    box-shadow: 2px 2px 8px 1px rgba(255,255,255, .45), -2px -2px 8px 1px rgba(255,255,255, .45);
}
.game-modes-tab.active .right-border {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 3px;
    height: 90%;
    background: rgba(204, 202, 202, 1);
    box-shadow: 2px 2px 8px 1px rgba(255,255,255, .45), -2px -2px 8px 1px rgba(255,255,255, .45);
}
.game-modes-tab.active .top-border {
    position: absolute;
    top: 0;
    left: 5%;
    width: 90%;
    height: 3px;
    background: rgba(204, 202, 202, 1);
    box-shadow: 2px 2px 8px 1px rgba(255,255,255, .45), -2px -2px 8px 1px rgba(255,255,255, .45);
}

.game-modes-tab.active .left-border-45 {
    position: absolute;
    top: 0;
    left: 10px;
    width: 5px;
    height: 10%;
    background: rgba(204, 202, 202, 1);
    box-shadow: 2px 2px 8px 1px rgba(255,255,255, .45), -2px -2px 8px 1px rgba(255,255,255, .45);
    -webkit-transform: skewX(-45deg);
    -moz-transform: skewX(-45deg);
    -ms-transform: skewX(-45deg);
    -o-transform: skewX(-45deg);
    transform: skewX(-45deg);
}
.game-modes-tab.active .right-border-45 {
    position: absolute;
    top: 0;
    right: 10px;
    width: 5px;
    height: 10%;
    background: rgba(204, 202, 202, 1);
    box-shadow: 2px 2px 8px 1px rgba(255,255,255, .45), -2px -2px 8px 1px rgba(255,255,255, .45);
    -webkit-transform: skewX(45deg);
    -moz-transform: skewX(45deg);
    -ms-transform: skewX(45deg);
    -o-transform: skewX(45deg);
    transform: skewX(45deg);
}


.game-modes-item {
    max-width: 375px;
    width: 100%;
    height: 146px;
    background-blend-mode: screen;
    background-image: linear-gradient(to right, rgba(24, 73, 124, 0.6), rgba(3, 34, 66, 0.35) 50%, rgba(24, 73, 124, 0.76));
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    cursor: pointer;
    z-index: 9;

    /* min-width: calc(364px - 2.2rem); */
}

.edgtf-fss-item-link {
    z-index: 1;
}

.game-modes-item-title-container {
    z-index: 9;
}

.game-modes-item .left-top,
.game-modes-item .left-bot,
.game-modes-item .right-top,
.game-modes-item .right-bot {
    position: absolute;
    width: 22px;
    height: 22px;
    background: transparent;
}
.game-modes-item .left-top {
    top: 0;
    left: 0;
    border-left: 2px solid rgba(208, 208, 208, .86);
    border-top: 2px solid rgba(208, 208, 208, .86);
}
.left-shadow {
    position: absolute;
    left: 0;
    width: 0;
    height: 22px;
    box-shadow: -1px 0px 18px 2px rgba(129, 205, 255, 1);
}
.top-shadow {
    position: absolute;
    top: 0;
    height: 0;
    width: 22px;
    box-shadow: -1px 0px 18px 2px rgba(129, 205, 255, 1);
}

.game-modes-item .right-top {
    top: 0;
    right: 0;
    border-top: 2px solid rgba(208, 208, 208, .86);
    border-right: 2px solid rgba(208, 208, 208, .86);
}

.right-shadow {
    position: absolute;
    right: 0;
    width: 0;
    height: 22px;
    box-shadow: -1px 0px 18px 2px rgba(129, 205, 255, 1);
}
.bot-shadow {
    position: absolute;
    bottom: 0;
    height: 0;
    width: 22px;
    box-shadow: -1px 0px 18px 2px rgba(129, 205, 255, 1);
}

.game-modes-item .right-bot {
    right: 0;
    bottom:  0;
    border-right: 2px solid rgba(208, 208, 208, .86);
    border-bottom: 2px solid rgba(208, 208, 208, .86);
}

.game-modes-item .left-bot {
    left: 0;
    bottom:  0;
    border-bottom: 2px solid rgba(208, 208, 208, .86);
    border-left: 2px solid rgba(208, 208, 208, .86);
}

.game-modes-item-title-container {
    font-size: 33.5px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
    position: relative;
    cursor: pointer;
    text-shadow: 0px 0px 14px 2px rgba(255, 255, 255, 1);
}
.game-modes-item-title-container:after {
    content: "";
    position: absolute;
    left: calc(50% - 38px);
    bottom: -19px;
    background: #fff;
    width: 76px;
    height: 3px;
    box-shadow: 0px 0px 14px 1px rgba(255, 255, 255, 1);
}

.game-modes-item-subtitle {
    font-size: 20.5px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #cccaca;
    margin: 0 16px;
}

.close-item {
    position: absolute;
    top: 47px;
    right: 40px;
    font-size: 38px;
    font-weight: 700;
    cursor: pointer;
    z-index: 9;
}

.game-modes-item-content-container {
    display: none;
    /* background: rgba(24, 73, 124, 0.86); */
    position: relative;
    width: 100%;
}

.game-modes-item-content-container .game-modes-item-content {
    background: linear-gradient(225deg, transparent 15px, rgba(24, 73, 124, 0.86) 0) top right,
    linear-gradient(-225deg, transparent 15px, rgba(24, 73, 124, 0.86) 0) top left,
    linear-gradient(-45deg, transparent 15px, rgba(24, 73, 124, 0.86) 0) bottom right,
    linear-gradient(45deg, transparent 15px, rgba(24, 73, 124, 0.86) 0) bottom left;
    background-size: 50.01% 50.01%;
    background-repeat: no-repeat;
}

.game-modes-item-content-container.first .game-modes-item-content {
    background: linear-gradient(225deg, transparent 15px, rgba(24, 73, 124, 0.86) 0) top right,
    linear-gradient(-225deg, transparent 0, rgba(24, 73, 124, 0.86) 0) top left,
    linear-gradient(-45deg, transparent 15px, rgba(24, 73, 124, 0.86) 0) bottom right,
    linear-gradient(45deg, transparent 15px, rgba(24, 73, 124, 0.86) 0) bottom left;
    background-size: 50.01% 50.01%;
    background-repeat: no-repeat;
}

.game-modes-item-content-container.last .game-modes-item-content {
    background: linear-gradient(225deg, transparent 0, rgba(24, 73, 124, 0.86) 0) top right,
    linear-gradient(-225deg, transparent 15px, rgba(24, 73, 124, 0.86) 0) top left,
    linear-gradient(-45deg, transparent 15px, rgba(24, 73, 124, 0.86) 0) bottom right,
    linear-gradient(45deg, transparent 15px, rgba(24, 73, 124, 0.86) 0) bottom left;
    background-size: 50.01% 50.01%;
    background-repeat: no-repeat;
}

.game-modes-item-content-container.visible.first {
    /* background:linear-gradient(225deg, transparent 15px, rgba(24, 73, 124, 0.86) 0)
    top right,
    linear-gradient(-45deg, transparent 15px, rgba(24, 73, 124, 0.86) 0)
    bottom right,
    linear-gradient(45deg, transparent 15px, rgba(24, 73, 124, 0.86) 0)
    bottom left;
    background-size: 50.0001% 50.0001%;
    background-repeat: no-repeat;
    position: relative;
    margin: 0; */
}
.game-modes-item-content-container.visible.first:before {
    /* content: "";
    width: 50%;
    height: 50%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(24, 73, 124, 0.86);
    z-index: 0; */
}
.game-modes-item-content-container.visible.last {
    /* background:linear-gradient(135deg, transparent 15px, rgba(24, 73, 124, 0.86) 0)
    top left,
    linear-gradient(-45deg, transparent 15px, rgba(24, 73, 124, 0.86) 0)
    bottom right,
    linear-gradient(45deg, transparent 15px, rgba(24, 73, 124, 0.86) 0)
    bottom left;
    background-size: 50.0001% 50.0001%;
    background-repeat: no-repeat;
    position: relative;
    margin: 0; */
}
.game-modes-item-content-container.visible.last:before {
    /* content: "";
    width: 50%;
    height: 50%;
    position: absolute;
    top: 0;
    right: 0;
    background: rgba(24, 73, 124, 0.86);
    z-index: 0; */
}

.game-modes-item-content-container.visible {
    /* background: linear-gradient(225deg, transparent 15px, rgba(24, 73, 124, 0.86) 0)
    top right,
    linear-gradient(135deg, transparent 15px, rgba(24, 73, 124, 0.86) 0)
    top left,
    linear-gradient(-45deg, transparent 15px, rgba(24, 73, 124, 0.86) 0)
    bottom right,
    linear-gradient(45deg, transparent 15px, rgba(24, 73, 124, 0.86) 0)
    bottom left;
    background-size: 50.0001% 50.0001%;
    background-repeat: no-repeat;
    position: relative; */
}

.game-modes-item-content-container.visible.first .left-border-container {
    position: absolute;
    left: 0;
    top: 0;
    width: 3px;
    height: 97%;
    background: rgba(204, 202, 202, 0.98);
    box-shadow: 2px 2px 8px 1px rgba(255,255,255, .45), -2px -2px 8px 1px rgba(255,255,255, .45);
}
.game-modes-item-content-container.visible.last .right-border-container {
    position: absolute;
    right: 0;
    top: 0;
    width: 3px;
    height: 97%;
    background: rgba(204, 202, 202, 0.98);
    box-shadow: 2px 2px 8px 1px rgba(255,255,255, .45), -2px -2px 8px 1px rgba(255,255,255, .45);
}
.game-modes-item-content-container.visible .left-border-container {
    position: absolute;
    left: 0;
    top: 3%;
    width: 3px;
    height: 94%;
    background: rgba(204, 202, 202, 0.98);
    box-shadow: 2px 2px 8px 1px rgba(255,255,255, .45), -2px -2px 8px 1px rgba(255,255,255, .45);
}
.game-modes-item-content-container.visible .right-border-container {
    position: absolute;
    right: 0;
    top: 3%;
    width: 3px;
    height: 94%;
    background: rgba(204, 202, 202, 0.98);
    box-shadow: 2px 2px 8px 1px rgba(255,255,255, .45), -2px -2px 8px 1px rgba(255,255,255, .45);
}

.game-modes-item-content-container.visible .bot-border-container {
    position: absolute;
    left: 1.4%;
    bottom: 0;
    width: 97.3%;
    height: 3px;
    background: rgba(204, 202, 202, 0.98);
    box-shadow: 2px 2px 8px 1px rgba(255,255,255, .45), -2px -2px 8px 1px rgba(255,255,255, .45);
}

.game-modes-item-content-container.visible.last .top-border-container {
    position: absolute;
    left: 1.1vw;
    top: 0;
    width: calc(3*calc((90vw/4) + 6px) - 1.1vw + 5px);
    height: 3px;
    background: rgba(204, 202, 202, 0.98);
    box-shadow: 2px 2px 8px 1px rgba(255,255,255, .45), -2px -2px 8px 1px rgba(255,255,255, .45);
}

.game-modes-item-content-container.visible.first .top-border-container {
    position: absolute;
    right: 1.1vw;
    top: 0;
    width: calc(3*calc((90vw/4) + 0.375rem) - 1.1vw + 0.3125rem);
    height: 3px;
    background: rgba(204, 202, 202, 0.98);
    box-shadow: 2px 2px 8px 1px rgba(255,255,255, .45), -2px -2px 8px 1px rgba(255,255,255, .45);
}

.game-modes-item-content-container.visible .left-bot-border-container-45 {
    position: absolute;
    left: 0.6%;
    bottom: 0;
    height: 3%;
    width: 5px;
    background: rgba(204, 202, 202, 0.98);
    box-shadow: 2px 2px 8px 1px rgba(255,255,255, .45), -2px -2px 8px 1px rgba(255,255,255, .45);
    transform: skewX(44deg);
}

.game-modes-item-content-container.visible .right-bot--border-container-45 {
    position: absolute;
    right: 0.6%;
    bottom: 0;
    height: 3%;
    width: 5px;
    background: rgba(204, 202, 202, 0.98);
    box-shadow: 2px 2px 8px 1px rgba(255,255,255, .45), -2px -2px 8px 1px rgba(255,255,255, .45);
    transform: skewX(-45deg);
}
.game-modes-item-content-container.visible .right-top-border-container-45 {
    position: absolute;
    right: 0.6%;
    top: 0;
    height: 3%;
    width: 5px;
    background: rgba(204, 202, 202, 0.98);
    box-shadow: 2px 2px 8px 1px rgba(255,255,255, .45), -2px -2px 8px 1px rgba(255,255,255, .45);
    transform: skewX(45deg);
}
.game-modes-item-content-container.visible.last .right-top-border-container-45 {
    display:none;
}

.game-modes-item-content-container.visible .left-top-border-container-45 {
    position: absolute;
    left: 0.6%;
    top: 0;
    height: 3%;
    width: 5px;
    background: rgba(204, 202, 202, 0.98);
    box-shadow: 2px 2px 8px 1px rgba(255,255,255, .45), -2px -2px 8px 1px rgba(255,255,255, .45);
    transform: skewX(-45deg);
}
.game-modes-item-content-container.visible.first .left-top-border-container-45 {
    display:none;
}

.game-modes-item-content-container.visible.second .top-border-container {
    position: absolute;
    left: 1.1vw;
    top: 0;
    height: 3px;
    background: rgba(204, 202, 202, 0.98);
    box-shadow: 2px 2px 8px 1px rgba(170, 42, 42, 0.45), -2px -2px 8px 1px rgba(255,255,255, .45);
    width: calc(1*calc((90vw/4) + 6px) - 1.1vw + 4px);
}
.game-modes-item-content-container.visible.second:after {
    content: "";
    position: absolute;
    right: 1.1vw;
    top: 0;
    height: 3px;
    width: calc(2*calc((90vw/4) + 6px) - 1.1vw + 5px);
    background: rgba(204, 202, 202, 0.98);
    box-shadow: 2px 2px 8px 1px rgba(255,255,255, .45), -2px -2px 8px 1px rgba(255,255,255, .45);
}

.game-modes-item-content-container.visible.third .top-border-container {
    position: absolute;
    right: 1.1vw;
    top: 0;
    height: 3px;
    width: calc(1*calc((90vw/4) + (6*0.0625rem)) - 1.1vw + (4*0.0625rem));
    background: rgba(204, 202, 202, 0.98);
    box-shadow: 2px 2px 8px 1px rgba(255,255,255, .45), -2px -2px 8px 1px rgba(255,255,255, .45);
}
.game-modes-item-content-container.visible.third:before {
    content: "";
    position: absolute;
    left: 1.1vw;
    top: 0;
    height: 3px;
    width: calc(2*calc((90vw/4) + 6*0.0625rem) - 1.1vw + 4*0.0625rem);
    background: rgba(204, 202, 202, 0.98);
    box-shadow: 2px 2px 8px 1px rgba(255,255,255, .45), -2px -2px 8px 1px rgba(255,255,255, .45);
}

.game-modes-item-content {
    padding: 2.3%;
    display: flex;
    justify-content: space-between;
}

.game-modes-item-text {
    width: 758px;
    padding: 0 0 0 20px;
}

.game-modes-item-text .game-modes-item-excerpt {
    font-size: 1.3rem;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left!important;
    color: #a0a0a0;
    margin-bottom: 50px;
}

.game-modes-item-text h3 {
    font-size: 2rem;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
    text-transform: uppercase;
    padding-bottom: 50px;
}
.game-modes-item-text .more-info {
    text-align: left!important;
}
.game-modes-item-text .more-info a {
    margin-top: 51px;
    font-size: 24px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #bfb6b7;
    text-transform: uppercase;
}

/* Section 3 portfolio */

.section-3 {
    background-position: -75px center!important;
}

.terra--portfolio-title {
    color: #e2e2e2;
    font-size: 2rem;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    text-transform: uppercase;
    padding: 0 0 32px 0;
    z-index: 500;
}
.portfolio-gallery {
    max-width: calc(70vw);
    position: relative;
    margin: 0 0 0 2vw;
    display: flex;
}

.portfolio-gallery .circle-center {
    background: url("./assets/img/group-1-copy-5.png") no-repeat;
    width: 71px;
    height: 71px;
    position: absolute;
    top: calc(46% - 28px);
    left: calc(50% - 36px);
}
.portfolio-gallery .left-line {
    background: url("./assets/img/layer-821-copy-3.png") no-repeat;
    width: 23px;
    height: 144px;
    position: absolute;
    top: 37.6%;
    left: 41%;
    transform: rotate(270deg);
}
.portfolio-gallery .top-line {
    background: url("./assets/img/layer-821-copy-3.png") no-repeat;
    width: 23px;
    height: 144px;
    position: absolute;
    top: 23%;
    left: calc(50% - 12px);
}
.portfolio-gallery .right-line {
    background: url("./assets/img/layer-821-copy-3.png") no-repeat;
    width: 23px;
    height: 144px;
    position: absolute;
    top: 37.6%;
    left: 57.4%;
    transform: rotate(90deg);
}
.portfolio-gallery .bot-line {
    background: url("./assets/img/layer-821-copy-3.png") no-repeat;
    width: 23px;
    height: 144px;
    position: absolute;
    top: 53%;
    left: calc(50% - 12px);
    transform: rotate(180deg);
}


.portfolio-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;

}
.portfolio-item {
    margin-bottom: 48px;
    list-style: none;
}

.image-container {
    width: 643px;
    cursor: pointer;
    position: relative;
}

.image-container img {
    width: 100%;
    display: block;
    height: auto;
    /* max-height: 340px; */
}

.image-container .img-cont-top-left {
    background: url("./assets/img/left-top-sector.png") no-repeat;
    background-size: 100%;
    width: 127px;
    height: 120px;
    position: absolute;
    top: -13px;
    left: -13px;
}

.image-container .img-cont-top-right {
    background: url("./assets/img/right-top-sector.png") no-repeat;
    background-size: 100%;
    width: 127px;
    height: 120px;
    position: absolute;
    top: -13px;
    right: -13px;
}



.image-container .img-cont-bot-right {
    background: url("./assets/img/right-bot-sector.png") no-repeat;
    background-size: 100%;
    width: 127px;
    height: 120px;
    position: absolute;
    bottom: -20px;
    right: -13px;
}

.image-container .img-cont-bot-left {
    background: url("./assets/img/left-bot-sector.png") no-repeat;
    background-size: 100%;
    width: 127px;
    height: 120px;
    position: absolute;
    bottom: -16px;
    left: -13px;
}

.image-container.large-border .img-cont-top-right {
    width: 187px;
    height: 169px;
    top: -20px;
    right: -21px;
}
.image-container.large-border .img-cont-top-left {
    width: 187px;
    height: 169px;
    top: -21px;
    left: -23px;
}
.image-container.large-border .img-cont-bot-right {
    width: 187px;
    height: 169px;
    bottom: -22px;
    right: -20px;
}
.image-container.large-border .img-cont-bot-left {
    width: 187px;
    height: 169px;
    bottom: -18px;
    left: -24px;
}

.image-container .img-borer-top {
    background: url("./assets/img/top-border-min.png") repeat-x;
    position: absolute;
    top: -7px;
    left: 105px;
    width: 69%;
    height: 18px;
}

.image-container .img-borer-right {
    background: url("./assets/img/right-border-min.png") repeat-y;
    position: absolute;
    top: 103px;
    right: -3px;
    width: 12px;
    height: 44%;

}

.image-container .img-borer-bot {
    background: url("./assets/img/bot-border-min.png") repeat-x;
    position: absolute;
    left: 106px;
    bottom: -4px;
    width: 68%;
    height: 11px;
}

.image-container .img-borer-left {
    background: url("./assets/img/left-border-min.png") repeat-y;
    position: absolute;
    left: -6px;
    top: 96px;
    width: 9px;
    height: 45%;
    opacity: .9;
}


.image-container.large-border .img-borer-top {
    background: url("./assets/img/img-top-border.png") repeat-x;
    top: -8px;
    left: 164px;
    width: 66.3%;
}
.image-container.large-border .img-borer-right {
    background: url("./assets/img/img-right-border.png") repeat-y;
    top: 149px;
    right: -5px;
    width: 12px;
    height: 46.3%;
}
.image-container.large-border .img-borer-bot {
    background: url("./assets/img/img-bot-border.png") repeat-x;
    left: 163px;
    bottom: -4px;
    width: 66.3%;
}
.image-container.large-border .img-borer-left {
    background: url("./assets/img/img-left-border.png") repeat-y;
    left: -8px;
    top: 139px;
    width: 9px;
    height: 48%;
    opacity: 1;
}

.section-3 .portfolio-spaceman-bg {
    position: absolute;
    right: -5%;
    top: 10%;
    display: block;
    max-width: 25vw;
    z-index: 5001;
}
.section-3 .portfolio-spaceman-bg img {
    width: 100%;
}
.section-3 .portfolio-image-border .image-container {
    max-width: 768px;
    cursor: pointer;
    position: relative;
}

.popup-layer {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(3,3,3,.8);
    z-index: 5000;
}
.popup-container {
    max-width: 90%;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    position: relative;
    margin: 0 5%;
}
.popup-container .image-container {
    width: 977px;
}

.btn-prev {
    background: url('./assets/img/arrow_2.png') no-repeat;
    width: 57px;
    height: 100px;
    position: absolute;
    top: 50%;
    left: 0;
    cursor: pointer;
    margin: -50px 0 0 0;
}

.btn-next {
    background: url('./assets/img/arrow.png') no-repeat;
    width: 57px;
    height: 100px;
    position: absolute;
    top: 50%;
    right: 0;
    cursor: pointer;
    margin: -50px 0 0 0;
}

.popup-content-box {
    position: relative;
    max-width: 100%;
    height: auto;
    margin: auto;
    width: 100%;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.popup-content-box .portfolio-image-border {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.portfolio-item-title {
    display:none;
    font-size: 53px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #e2e2e2;
    padding-bottom: 63px;
}
.popup-content-box .image-container {
    width: 100% !important;
}
.portfolio-item-text {
    padding: 49px 26px 0 26px;
    font-size: 20px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #a0a0a0;
}
.popup-container .portfolio-item-text {
    max-width: calc(100vh);
}
.section-3 .edgtf-fss-item-inner {
    padding: 3.8% 2%!important;
}
.close-layer {
    background-image: url(./assets/img/x.png);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center;
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    top: 100px;
    right: 60px;
    cursor: pointer;
    z-index: 9999;
    background-color: #dcd0de3b;
    border-radius: 4px;
}

.portfolio-blue-border {
    background: linear-gradient(225deg, transparent 15px, rgba(37, 48, 74, .86) 0)
    top right,
    linear-gradient(135deg, transparent 15px, rgba(37, 48, 74, .86) 0)
    top left,
    linear-gradient(-45deg, transparent 15px, rgba(37, 48, 74, .86) 0)
    bottom right,
    linear-gradient(45deg, transparent 15px, rgba(37, 48, 74, .86) 0)
    bottom left;
    background-size: 50.1% 50.1%;
    background-repeat: no-repeat;
    position: relative;
    /*background-color: rgba(37, 48, 74, .86);  rgb(24, 73, 153)*/
}

.portfolio-blue-border .outer-border-top {
    background: rgb(24, 73, 153);
    height: 2px;
    width: 98%;
    position: absolute;
    top: 0;
    left: 1%;
    box-shadow: 1px -1px 11px 1px rgba(24, 73, 153, .7);
}
.portfolio-blue-border .outer-border-right {
    background: rgb(24, 73, 153);
    height: 96%;
    width: 2px;
    position: absolute;
    right: 0;
    top: 2%;
    box-shadow: 1px 1px 11px 1px rgba(24, 73, 153, .7);
}
.portfolio-blue-border .outer-border-bot {
    background: rgb(24, 73, 153);
    height: 2px;
    width: 98%;
    position: absolute;
    bottom: 0;
    left: 1%;
    box-shadow: -1px 1px 11px 1px rgba(24, 73, 153, .7);

}
.portfolio-blue-border .outer-border-left {
    background: rgb(24, 73, 153);
    height: 96%;
    width: 2px;
    position: absolute;
    left: 0;
    top: 2%;
    box-shadow: -1px 1px 11px 1px rgba(24, 73, 153, .7);
}

.portfolio-blue-border .outer-border-top-right-45 {
    background: rgb(24, 73, 153);
    position: absolute;
    right: 11px;
    top: -4px;
    height: 2.8%;
    width: 2px;
    box-shadow: -1px 1px 11px 1px rgba(24, 73, 153, .7);
    transform: rotate(-45deg);
}

.portfolio-blue-border .outer-border-bot-left-45 {
    background: rgb(24, 73, 153);
    position: absolute;
    left: 11px;
    bottom: -4px;
    height: 2.8%;
    width: 2px;
    box-shadow: -1px 1px 11px 1px rgba(24, 73, 153, .7);
    transform: rotate(-45deg);
}

.portfolio-blue-border .outer-border-left-top-45 {
    background: rgb(24, 73, 153);
    position: absolute;
    left: 11px;
    top: -4px;
    height: 2.8%;
    width: 2px;
    box-shadow: -1px 1px 11px 1px rgba(24, 73, 153, .7);
    transform: rotate(45deg);
}


/* Accordion gallery section */
.clans-section-container,
.slider-container,
.gallery_content, .image-bg {
    height: 100%;
}
.accordion-gallery-section .edgtf-fss-item-inner {
    padding: 0!important;
    box-sizing: border-box;
}
.accordion-gallery-section .gallery_content {
    display: flex;
}
.accordion-gallery-section .gallery_content .skew {
    height: 100%;
    width: 200%;
    overflow: hidden;
    display: block;
    -webkit-transform: skewX(-8deg);
    transform: skewX(-8deg);
}

.accordion-gallery-section .gallery_content .gallery_item:not(:nth-of-type(1)) .skew {
    border-left: 5px solid #eee;
}

.accordion-gallery-section .gallery_content .gallery_item:nth-of-type(1) {
    width: 25%;
}
.accordion-gallery-section .gallery_content .gallery_item:nth-of-type(1) .skew {
    -webkit-transform: skewX(0deg);
    transform: skewX(0deg);
    width: 100%;
    padding-right: 84px;
}
.accordion-gallery-section .gallery_content .gallery_item:nth-of-type(1) .image-bg {
    -webkit-transform: skewX(0deg);
    transform: skewX(0deg);
}
.accordion-gallery-section .gallery_content .gallery_item:nth-of-type(1) .clan-hero {
    -webkit-transform: skewX(0deg);
    transform: skewX(0deg);
}

.accordion-gallery-section .gallery_content  .gallery_item:nth-of-type(4) .skew {
    border-right: none;
}
.accordion-gallery-section .gallery_content .gallery_item:nth-of-type(2) .skew {
    border-left: 5px solid #eee;
}


.accordion-gallery-section .gallery_content .image-bg {
    -webkit-transform: skewX(8deg);
    transform: skewX(8deg);
    width: 200%;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: cover;
    margin: 0 0 0 -14.7%;
}
/*.accordion-gallery-section .gallery_content .gallery_item:nth-of-type(2) .image-bg,
.accordion-gallery-section .gallery_content .gallery_item:nth-of-type(3) .image-bg,
.accordion-gallery-section .gallery_content .gallery_item:nth-of-type(4) .image-bg
{
    background-position: right center;
}*/

.accordion-gallery-section .gallery_content .gallery_item { /* 82%;*/
     height: 100%;
     width: 25%;
     display: block;
    transition: width, .3s ease-in;
}
.accordion-gallery-section .gallery_content .gallery_item.opened {
    width: 82%;
}
.accordion-gallery-section .gallery_content .clan-hero {
    position: fixed;
    top: 15%;
    left: -1%;
    display: block;
    width: 100%;
    max-width: 650px;
    height: 100%;
    -webkit-transform: skewX(8deg);
    transform: skewX(8deg);
    transition: left, .3s ease-in;
}

.accordion-gallery-section .gallery_content .gallery_item:nth-of-type(1) .clan-hero.opened {
    left: calc((100%/4) * 2);
}

.accordion-gallery-section .gallery_content .gallery_item:nth-of-type(2) .clan-hero.opened,
.accordion-gallery-section .gallery_content .gallery_item:nth-of-type(4) .clan-hero.opened {
    left: calc(100%/4);
}

.accordion-gallery-section .gallery_content .gallery_item:nth-of-type(3) .clan-hero.opened {
    left: calc((100%/4)*1.3);
}
/*
.accordion-gallery-section .gallery_content .clan-hero.opened {
    left: calc(100%/4);
} */

.gallery_item.overlay .skew {
    -webkit-filter: grayscale(80%); /* Safari 6.0 - 9.0 */
    filter: grayscale(80%);
}

.slider-content-box {
    display: none;
    background-color: rgba(24, 73, 124, 0.86);
    padding: 64px 0;
    position: absolute;
    top: 17%;
    width: 100%;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    box-shadow: 0px 2px 18px 4px rgba(255, 255, 255, .5);
}
.slider-content-box .more-link {
    font-size: 23.5px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #bfb6b7;
    text-transform: uppercase;
}
.slider-content-box .slider-content-container {
    width: 31%;
    margin: 0 0 0 9.6%;
}
.gallery_item.opened .slider-content-container {
    width: 31%;
}
.gallery_item:nth-of-type(2).opened .slider-content-container,
.gallery_item:nth-of-type(3).opened .slider-content-container {
    width: 16%;
}

.slider-content-box .slider-text-header {
    max-width: 643px;
    font-size: 2.3rem;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
    margin-bottom: 20px;
}
.clan-description {
    max-width: calc(50vw/1.5);
    font-size: 1.15rem;
    font-family: Rubik;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #a0a0a0;
    margin-bottom: 40px;
}

.clan-description ul {
    margin: 0 10vw 0 16px;
}


.desktop_section_4 .clans-section-container {
    padding: 60px 0 90px;
}
.desktop_section_4 .clans-section-container .slider-items {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
.desktop_section_4 .clans-section-container .slider-items .slider_item_card {
    position: relative;
    display: block;

    width: 387px;
}

.desktop_section_4 .clans-section-container .slider-items .slider_item_card img.active-hover {
    position: absolute;
    width: 430px;
    top: -30px;
    left: -20px;
    max-width: none;
}

.popup-layer.clan-heroes .close-layer {
    right: 113px;
}

.hide {
    display: none;
    visibility: hidden;
}

/* Section 5*/

.section-5 h2 {
    font-size: 42px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
}
.section-five-container {
    padding-top: 34px;
}

.section-five-titles-items {
    display: flex;
    justify-content: space-around;
    background-image: url("./assets/img/line_for_5.png") ;
    background-repeat: no-repeat;
    background-position: 0 58%;
}

.section-five-titles-item {
    font-size: 16.5px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: rgba(191, 182, 183, 0.35);
    text-transform: uppercase;
    cursor: pointer;
}
.section-five-icon {
    padding-top: 26px;
}

.section-five-titles-item .title-wrapp.active {
    font-size: 16.5px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #bfb6b7;
}
.section-five-post-container {
    margin-top: 48px;
}

.section-five-post-container .section-five-post-item {
    display: none;
}

.section-five-post-item-root {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.section-five-post-image {
    width: calc(100vw/2.8);
    position: relative;
    height: 100%;
    /*box-shadow: 0px 2px 22px rgba(24, 73, 124, 0.74),
    2px 0px 22px rgba(24, 73, 124, 0.74),
    0px -2px 22px rgba(24, 73, 124, 0.74),
    -2px 0px 22px rgba(24, 73, 124, 0.74);*/
}
.section-five-post-image img {
    -webkit-clip-path: polygon(2% 0, 98% 0, 100% 3%, 100% 97%, 98% 100%, 2% 100%, 0 97%, 0 3%);
    clip-path: polygon(2% 0, 98% 0, 100% 3%, 100% 97%, 98% 100%, 2% 100%, 0 97%, 0 3%);
    /*border: 1px solid #fff;*/


}
.section-five-post-image .post-image-border-top {
    position: absolute;
    top: 0;
    left: 2%;
    width: 96%;
    height: 1px;
    box-shadow: 0px -2px 14px 2px rgb(79, 173, 230);
    background: rgba(191, 182, 183, 0.86);
    z-index: 99;
}
.section-five-post-image .post-image-border-right {
    position: absolute;
    top: 3%;
    right: 0;
    width: 1px;
    height: 92%;
    box-shadow: 2px 0px 14px 2px rgb(79, 173, 230);
    background: rgba(191, 182, 183, 0.86);
    z-index: 99;
}
.section-five-post-image .post-image-border-bot {
    position: absolute;
    bottom: 8px;
    left: 2.6%;
    width: 95.1%;
    height: 1px;
    box-shadow: 0px 2px 14px 2px rgb(79, 173, 230);
    background: rgba(191, 182, 183, 0.86);
    z-index: 99;
}
.section-five-post-image .post-image-border-left {
    position: absolute;
    top: 4%;
    left: 0;
    width: 1px;
    height: 90%;
    box-shadow: 0px 2px 14px 2px rgb(79, 173, 230);
    background: rgba(191, 182, 183, 0.86);
    z-index: 99;
}

.section-five-post-image .post-image-border-top-right-45 {
    position: absolute;
    top: -3px;
    right: 6px;
    height: 5%;
    width: 1px;
    box-shadow: 0px 2px 14px 2px rgb(79, 173, 230);
    background: rgba(191, 182, 183, 0.86);
    z-index: 99;
    transform: rotate(-46deg);
}

.section-five-post-image .post-image-border-right-bot-45 {
    position: absolute;
    bottom: 4px;
    right: 7px;
    height: 5%;
    width: 1px;
    box-shadow: 0px -2px 14px 2px rgb(79, 173, 230);
    background: rgba(191, 182, 183, 0.86);
    z-index: 99;
    transform: rotate(51deg);
}
.section-five-post-image .post-image-border-left-bot-45 {
    position: absolute;
    bottom: 4px;
    left: 9px;
    height: 6%;
    width: 1px;
    box-shadow: 0px 2px 14px 2px rgb(79, 173, 230);
    background: rgba(191, 182, 183, 0.86);
    z-index: 99;
    transform: rotate(-45deg);
}

.section-five-post-image .post-image-border-left-top-45 {
    position: absolute;
    top: -1px;
    left: 7px;
    height: 5%;
    width: 1px;
    box-shadow: 0px -2px 14px 2px rgb(79, 173, 230);
    background: rgba(191, 182, 183, 0.86);
    z-index: 99;
    transform: rotate(41deg);
}

.section-five-post-text .section-five-post-text-title {
    font-size: 1.563rem;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #bfb6b7;
    margin-bottom: 34px;
}
.section-five-post-text {
    font-size: 1.313rem;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #898989;
    padding: 24px;
    box-sizing: border-box;
    max-width: 780px;
}

.more-info-btn {
    margin-top: 64px;
    background-image: url("assets/img/rectangle-1-copy-16.png");
    background-size: 100%;
    text-align: center;
    display: block;
    width: 191px;
    height: 61px;
    line-height: 61px;
    font-size: 15px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: #bfb6b7;
    text-transform: uppercase;
    border: 2px solid rgba(191, 182, 183, 0.65);
    box-shadow: 0px 2px 22px rgba(24, 73, 124, 0.43),
        2px 0px 22px rgba(24, 73, 124, 0.43),
        0px -2px 22px rgba(24, 73, 124, 0.43),
        -2px 0px 22px rgba(24, 73, 124, 0.43);
}
.more-info-btn:hover {
    color: rgb(98, 216, 222);
}

/*
-webkit-clip-path: polygon(11% 0, 89% 0, 100% 11%, 100% 89%, 90% 99%, 11% 99%, 0 89%, 0 11%);
clip-path: polygon(11% 0, 89% 0, 100% 11%, 100% 89%, 90% 99%, 11% 99%, 0 89%, 0 11%);
*/

.section-6-contact-form h2 {
    font-size: 42px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    padding-bottom: 2px;
}
.contact-description {
    padding-bottom: 7px;
}
.contact-description strong {
    font-family: Rubik;
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #898989;
}
.contact-description p {
    margin-top: 8px!important;
    font-size: 16px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #898989;
}
#submit_comment:hover, .post-password-form input[type=submit]:hover, input.wpcf7-form-control.wpcf7-submit:hover {
    filter: drop-shadow(0px 0px 0px rgba(255, 14, 31, 0))!important;
    -webkit-filter: drop-shadow(0px 0px 0px rgba(255, 14, 31, 0))!important;
}

.section-subscribe-form .wpcf7 {
    max-width: 1040px;
    margin: 0 auto;
}
.section-subscribe-form .wpcf7-not-valid-tip {
    position: absolute;
    top: 39px;
    min-width: 400px;
    font-size: 0.9em;
}
.wpcf7-validation-errors {
    display: none!important;
}
.section-subscribe-form .input-element {
    position: relative;
}
.section-subscribe-form .two-elements {
    display: flex;
    justify-content: space-between;
}
.section-subscribe-form .two-elements input,
.section-subscribe-form .two-elements select {
    min-width: 500px;
}
.section-subscribe-form input[type=email],
.section-subscribe-form input[type=text],
.section-subscribe-form input[type=url],
.section-subscribe-form select
{
    height: 59px;
    opacity: 0.42;
    background-blend-mode: screen;
    background-image: linear-gradient(to right, rgba(24, 73, 124, 0.7), rgba(3, 34, 66, 0.35) 50%, rgba(24, 73, 124, 0.86));
}
.section-subscribe-form select option {
    background-color: #444;
}
.section-subscribe-form input:focus,
.section-subscribe-form select:focus {
    border-color: transparent!important;
}
.section-subscribe-form .input-first-name:before {
    content: '*';
    color: red;
    position: absolute;
    top: 40px;
    left: 100px;
    width: 8px;
    height: 8px;
    display: block;
}

.section-subscribe-form input + i.fn:focus, i.ln:focus, i.email:focus, i.cntr:focus,
i.fn:valid, i.ln:valid, i.email:valid, i.cntr:valid {
    display: none;
}

.section-subscribe-form .input-email-wrapper {
    position: initial;
}
.edgtf-full-screen-sections .edgtf-fss-item.edgtf-fss-item-ha-center .edgtf-fss-item-inner {
    text-align: left!important;
}
.input-email-wrapper .top-ll-brd {
    position: absolute;
    top: 26px;
    left: 0;
    width: 2px;
    height: 16px;
    background: rgba(191, 182, 183, 0.56);
    box-shadow: 2px 2px 8px 1px rgba(24, 73, 124, 0.7), -2px -2px 8px 1px rgba(24, 73, 124, 0.7);
}
.input-email-wrapper .top-lt-brd {
    position: absolute;
    top: 26px;
    left: 0;
    width: 16px;
    height: 2px;
    background: rgba(191, 182, 183, 0.56);
    box-shadow: 2px 2px 8px 1px rgba(24, 73, 124, 0.7), -2px -2px 8px 1px rgba(24, 73, 124, 0.7);
}
.input-email-wrapper .right-rr-brd {
    position: absolute;
    top: 26px;
    right: 0;
    width: 2px;
    height: 16px;
    background: rgba(191, 182, 183, 0.56);
    box-shadow: 2px 2px 8px 1px rgba(24, 73, 124, 0.7), -2px -2px 8px 1px rgba(24, 73, 124, 0.7);
}
.input-email-wrapper .right-rt-brd {
    position: absolute;
    top: 26px;
    right: 0;
    width: 16px;
    height: 2px;
    background: rgba(191, 182, 183, 0.56);
    box-shadow: 2px 2px 8px 1px rgba(24, 73, 124, 0.7), -2px -2px 8px 1px rgba(24, 73, 124, 0.7);
}
.input-email-wrapper .bot-rr-brd {
    position: absolute;
    bottom: 0px;
    right: 0;
    width: 2px;
    height: 16px;
    background: rgba(191, 182, 183, 0.56);
    box-shadow: 2px 2px 8px 1px rgba(24, 73, 124, 0.7), -2px -2px 8px 1px rgba(24, 73, 124, 0.7);
}
.input-email-wrapper .bot-rb-brd {
    position: absolute;
    bottom: 0px;
    right: 0;
    width: 16px;
    height: 2px;
    background: rgba(191, 182, 183, 0.56);
    box-shadow: 2px 2px 8px 1px rgba(24, 73, 124, 0.7), -2px -2px 8px 1px rgba(24, 73, 124, 0.7);
}

.input-email-wrapper .bot-ll-brd {
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 2px;
    height: 16px;
    background: rgba(191, 182, 183, 0.56);
    box-shadow: 2px 2px 8px 1px rgba(24, 73, 124, 0.7), -2px -2px 8px 1px rgba(24, 73, 124, 0.7);
}
.input-email-wrapper .bot-lb-brd {
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 16px;
    height: 2px;
    background: rgba(191, 182, 183, 0.56);
    box-shadow: 2px 2px 8px 1px rgba(24, 73, 124, 0.7), -2px -2px 8px 1px rgba(24, 73, 124, 0.7);
}


.section-subscribe-form input[type=submit],
input.wpcf7-form-control.wpcf7-submit {
    outline: 0;
    width: 192px!important;
    height: 59px!important;
    top: 30px;
    left: calc(50% - 96px);
    background: url("assets/img/rectangle-1-copy-16.png");
    background-size: 100%;
    font-size: 15px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: rgba(191, 182, 183, 0.86);
    text-transform: uppercase;
    border: 2px solid rgba(191, 182, 183, 0.65)!important;
    box-shadow: 0px 2px 22px rgba(24, 73, 124, 0.43), 2px 0px 22px rgba(24, 73, 124, 0.43), 0px -2px 22px rgba(24, 73, 124, 0.43), -2px 0px 22px rgba(24, 73, 124, 0.43);
}
input.wpcf7-form-control.wpcf7-submit {
    background-color: transparent!important;
}

.section-links-bottom ul,
.section-links-bottom div.owl-carousel-bot-links {
    list-style: none;
    padding: 75px 0 0 0;
    margin: 0;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    position: relative;
}

.section-links-bottom ul li,
.section-links-bottom div.item {
    width: 385px;
    height: 102px;
    position: relative;
    background-blend-mode: screen;
    background-image: linear-gradient(to right, rgba(24, 73, 124, 0.47), rgba(3, 34, 66, 0.35) 50%, rgba(24, 73, 124, 0.47));
}

.section-links-bottom ul li .top-llb-link,
.section-links-bottom div.item .top-llb-link {
    position: absolute;
    left: 0;
    top: 0;
    width: 2px;
    height: 20px;
    background: rgba(191, 182, 183, 0.56);
    box-shadow: 2px 2px 8px 1px rgba(24, 73, 124, 0.7), -2px -2px 8px 1px rgba(24, 73, 124, 0.7);
}
.section-links-bottom ul li .top-ltb-link,
.section-links-bottom div.item .top-ltb-link {
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 2px;
    background: rgba(191, 182, 183, 0.56);
    box-shadow: 2px 2px 8px 1px rgba(24, 73, 124, 0.7), -2px -2px 8px 1px rgba(24, 73, 124, 0.7);
}
.section-links-bottom ul li .top-rtb-link,
.section-links-bottom div.item .top-rtb-link {
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
    height: 2px;
    background: rgba(191, 182, 183, 0.56);
    box-shadow: 2px 2px 8px 1px rgba(24, 73, 124, 0.7), 2px 2px 8px 1px rgba(24, 73, 124, 0.7);
}
.section-links-bottom ul li .top-rrb-link,
.section-links-bottom div.item .top-rrb-link {
    position: absolute;
    right: 0;
    top: 0;
    width: 2px;
    height: 20px;
    background: rgba(191, 182, 183, 0.56);
    box-shadow: 2px 2px 8px 1px rgba(24, 73, 124, 0.7), 2px 2px 8px 1px rgba(24, 73, 124, 0.7);
}

.section-links-bottom ul li .bot-rrb-link,
.section-links-bottom div.item .bot-rrb-link {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 2px;
    height: 20px;
    background: rgba(191, 182, 183, 0.56);
    box-shadow: 2px 2px 8px 1px rgba(24, 73, 124, 0.7), 2px 2px 8px 1px rgba(24, 73, 124, 0.7);
}

.section-links-bottom ul li .bot-rbb-link,
.section-links-bottom div.item .bot-rbb-link {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 20px;
    height: 2px;
    background: rgba(191, 182, 183, 0.56);
    box-shadow: 2px 2px 8px 1px rgba(24, 73, 124, 0.7), 2px 2px 8px 1px rgba(24, 73, 124, 0.7);
}

.section-links-bottom ul li .bot-llb-link,
.section-links-bottom div.item .bot-llb-link {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 2px;
    height: 20px;
    background: rgba(191, 182, 183, 0.56);
    box-shadow: 2px 2px 8px 1px rgba(24, 73, 124, 0.7), -2px -2px 8px 1px rgba(24, 73, 124, 0.7);
}
.section-links-bottom ul li .bot-lbb-link,
.section-links-bottom div.item .bot-lbb-link {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 20px;
    height: 2px;
    background: rgba(191, 182, 183, 0.56);
    box-shadow: 2px 2px 8px 1px rgba(24, 73, 124, 0.7), -2px -2px 8px 1px rgba(24, 73, 124, 0.7);
}

.section-links-bottom ul li a,
.section-links-bottom div.item a {
    display: block;
    width: 385px;
    height: 102px;
    cursor: pointer;
    font-size: 16.5px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: center;
    color: #bfb6b7;
    text-transform: uppercase;
    line-height: 80px;
}
.section-links-bottom ul li a:after,
.section-links-bottom div.item a:after {
    content: "";
    position: absolute;
    left: calc(50% - 38px);
    top: 60px;
    background: #fff;
    width: 76px;
    height: 3px;
    box-shadow: 0px 0px 14px 1px rgba(255, 255, 255, .8);
}



/* Section 7 */

#section_7_content {
    max-width: 1046px;
    height: 100%;
    margin: 0 auto;
    padding: 64px 0 46px;
}

.section_7_content h2 {
    font-size: 48px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    margin: 0 0 26px;
}
.section_7_content p {
    font-family: Rubik;
    font-size: 21px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #898989;
}
.section_7_content p.bolder-text {
    font-family: Rubik;
    font-size: 21.5px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #898989;
}
.section7-form-wrapper {
    margin-top: 63px;
}
#section_7_content .two-elements {
    display: flex;
    justify-content: space-between;
}
#section_7_content .two-elements .input-element {
    width: 48%;
}
#section_7_content .input-element {
    position: relative;
}

#section_7_content input[type=email],
#section_7_content input[type=text],
#section_7_content input[type=url] {
    height: 59px;
    opacity: 0.42;
    background-blend-mode: screen;
    background-image: linear-gradient(to right, rgba(24, 73, 124, 0.7), rgba(3, 34, 66, 0.35) 50%, rgba(24, 73, 124, 0.86));
}
#section_7_content textarea {
    opacity: 0.42;
    background-blend-mode: screen;
    background-image: linear-gradient(to right, rgba(24, 73, 124, 0.7), rgba(3, 34, 66, 0.35) 50%, rgba(24, 73, 124, 0.86));
    height: 144px;
}
#section_7_content textarea:focus,
#section_7_content input:focus
{
    border-color: transparent!important;
}
#section_7_content .one-element .input-element {
    height: 171px;

}
.section7-form-wrapper input[type=checkbox] {
    opacity: 0;
}
.section7-form-wrapper .checkbox-423 label {
    opacity: 0.86;
    font-family: Rubik;
    font-size: 17px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: rgba(137, 137, 137, 0.86);

}
.wpcf7-list-item-label {
    position: relative;
    left: 28px;
    top: 10px;
}

.section7-form-wrapper .checkbox-423 label:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 48px;
    height: 40px;
    opacity: 0.5;
    background-blend-mode: screen;
    background-image: linear-gradient(to right, rgba(24, 73, 124, 0.7), rgba(3, 34, 66, 0.35) 50%, rgba(24, 73, 124, 0.86));
}
.section7-form-wrapper .checkbox-423 label.checked:before {
    content: "";
    background: rgba(220, 220, 220, .4);
    width: 34px;
    height: 34px;
    display: block;
    position: absolute;
    top: 3px;
    left: 8px
}

.one-element-check .input-email-wrapper .right-rt-brd{
    left: 34px;
}
.one-element-check .input-email-wrapper .right-rr-brd {
    left: 48px;
}
.one-element-check .input-email-wrapper .bot-rr-brd {
    left: 48px;
    bottom: -22px;
}
.one-element-check .input-email-wrapper .bot-rb-brd {
    left: 34px;
    bottom: -22px;
}
.one-element-check .input-email-wrapper .bot-ll-brd {
    bottom: -22px;
}
.one-element-check .input-email-wrapper .bot-lb-brd {
    bottom: -22px;
}

.section7-form-wrapper .section_7_submit {
    position: static!important;
    margin-top: 44px!important;
}

/* END Section 7 */

@media all and (max-width: 1280px) {

    #title-text-first-screen {
        margin: 60px 16px!important;

    }

    .title-h1 {
        font-size: 8vw;
    }
    .social-network-links {
        position: relative;
        left: 16px;
        bottom: 66px;
    }
    .social-network-links ul {
        display:flex;
        justify-content: space-around;
        margin-top: 22px;
    }
    .social-network-links ul li {
        margin: 0;
    }
    .game-modes-items-tabs {
        flex-wrap: wrap;
    }
    .game-modes-tab {
        padding: 1rem;
        margin-bottom: 0;
    }
    .game-modes-item {
        width: 318px;
        margin-bottom: 26px;
    }
}



::selection {
    background: rgb(118, 153, 234) !important;
    color: rgb(180, 197, 235) !important;
}

body::-webkit-scrollbar {
    display: none;
}

body::-webkit-scrollbar-track {
    display: none;
    /* -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); */
}

body::-webkit-scrollbar-thumb {
    display: none;
    /* background-color: rgb(104, 107, 163) !important;
    outline: 1px solid rgb(104, 107, 163) !important; */
}

/* Right side navigation 'dots' */
#fp-nav li a {
    background-color: #eee;
}

#fp-nav ul li a {
    background-color: rgba(255, 255, 255, 0.74) !important;
    box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 1.0);
    border-radius: 50%;
}

#fp-nav ul li a.active,
#fp-nav ul li a:hover {
    background-color: rgb(118, 153, 234) !important;
}

.edgtf-dark-header #fp-nav ul li a span {
    background-color: transparent !important;
}

.edgtf-dark-header .edgtf-full-screen-sections .edgtf-fss-nav-holder {
    display: none !important;
}

.edgtf-dark-header .edgtf-full-screen-sections .edgtf-fss-nav-holder a {
    display: none !important;
    color: rgb(193, 108, 208) !important;
    font-weight: 500;
    background-color: rgba(216, 216, 216, 0.2);
    border-radius: 4px;
    margin: 0 0 16px 0;
}

.landing--desktop-section.vc_column_container>.vc_column-inner,
.landing--mobile-section.vc_column_container>.vc_column-inner {
    margin: 0;
    padding-left: 0;
    padding-right: 0;
}


.slide--image-container-box {
    overflow: hidden;
    border-radius: 22px;
}


@media all and (min-width: 2560px) and (max-width: 5120px) {
    .gallery_item:nth-of-type(4).opened .slider-content-container {
        width: 31%;
    }
    .gallery_item:nth-of-type(4).opened .slider-content-container {
        width: 15%;
    }

    .gallery_item:nth-of-type(2).overlay .clan-hero,
    .gallery_item:nth-of-type(4).overlay .clan-hero {
        left: -21%;
    }

}


@media all and (max-width: 1919px) {
    .accordion-gallery-section .gallery_content .gallery_item:nth-of-type(1) .skew {
        width: 119%;
    }
}


/* -------------- MOBILE STYLES -------------- */

@media all and (max-width: 1366px) {
    .accordion-gallery-section .gallery_content .gallery_item:nth-of-type(2).overlay .clan-hero,
    .accordion-gallery-section .gallery_content .gallery_item:nth-of-type(4).overlay .clan-hero {
        left: -37%;
    }
    .accordion-gallery-section .gallery_content .gallery_item:nth-of-type(1) .clan-hero.opened {
        left: calc((100%/5) * 2);
    }
}


@media all and (min-width: 641px) {
    .landing--desktop-section {
        display: block;
    }
    .landing--mobile-section {
        display: none;
    }

    .game-modes-item-content-container.visible.first .top-border-container,
    .game-modes-item-content-container.visible.last .top-border-container {
        width: calc(3*(100%/4) - 1.1vw + 3px);
    }

    .game-modes-item-content-container.visible.second .top-border-container,
    .game-modes-item-content-container.visible.third .top-border-container {
        width: calc(1*(100%/4) - 1.1vw + 3px)
    }

    .game-modes-item-content-container.visible.second:after,
    .game-modes-item-content-container.visible.third:before {
        width: calc(2*(100%/4) - 1.1vw + 3px)
    }

    .game-modes-item-image {
        z-index: 2;
    }

    .desktop_section_5 {
        height: 105vh;
    }
}
@media all and (min-width: 1024px) {
    .game-modes-tab {
        width: calc(100%/4);
        margin: 0 0 -0.5px 0 !important;
        position: relative;
    }

    .game-modes-item-text {
        z-index: 3;
    }

    .edgtf-main-menu ul li a {
        padding: 0 1.5vw !important;
    }

    .section-links-bottom ul,
    .section-links-bottom div.owl-carousel-bot-links {
        padding: 52px 0 0 0;
    }

    .section-links-bottom ul li,
    .section-links-bottom div.item {
        margin: 0 16px 8px 0;
    }

}
@media all and (min-width: 2560px) {
    .edgtf-main-menu ul li a {
        padding: 0 0.6vw !important;
    }
}
@media all and (max-width: 1600px){
    .section-links-bottom ul li, .section-links-bottom div.item {
        width: calc(100vw/4.9);
    }
    .section-links-bottom ul li a, .section-links-bottom div.item a {
        width: 100%;
    }
    .desktop_section_4 .clans-section-container .slider-items .slider_item_card {
        width: calc(100vw/4.3);
    }
    .desktop_section_4 .clans-section-container .slider-items .slider_item_card img.active-hover {
        width: 340px;
    }
    .popup-layer.clan-heroes .close-layer {
        right: 60px;
        top: 119px;
    }
}


@media all and (max-width: 1024px) {

    .desktop_section_4 .clans-section-container .slider-items .slider_item_card {
        /*width: 240px;*/
    }

    #section_7_content {
        max-width: 880px;
    }

    .section_7_content .wpb_wrapper {

    }
    .section_7_content h2 {
        font-size: 40px;
    }

    /* Slider section 4 */

    .slider-content-box {
        top: 6%;
        padding: 23px 0;
    }
    .slider-text-header {
        font-size: 2rem;
        margin-left: 32px;
    }
    .clan-description {
        margin-left: 32px;
    }

    /* END Slider section 4 */

    .desktop_section_2 .row-section .vc_column-inner {
        background-position: center center!important;
    }

    .accordion-gallery-section .gallery_content .gallery_item:nth-of-type(1) .skew {
        padding-right: 122px;
    }

    .section-subscribe-form .two-elements input, .section-subscribe-form .two-elements select {
        min-width: 466px;
    }

    .accordion-gallery-section .gallery_content .clan-hero {
        top: 10%;
        left: -3%;
    }
    .accordion-gallery-section .gallery_content .gallery_item:nth-of-type(1) .clan-hero.opened {
        left: calc((100%/5) * 2);
    }
    .accordion-gallery-section .gallery_content .gallery_item:nth-of-type(2) .clan-hero,
    .accordion-gallery-section .gallery_content .gallery_item:nth-of-type(4) .clan-hero
    {
        left: -18%;
    }
    .accordion-gallery-section .gallery_content .gallery_item:nth-of-type(2).overlay .clan-hero,
    .accordion-gallery-section .gallery_content .gallery_item:nth-of-type(4).overlay .clan-hero
    {
        left: -48%;
        width: 200%;
    }
    .accordion-gallery-section .gallery_content .gallery_item:nth-of-type(3).overlay .clan-hero {
        left: -14%;
    }

    .terra--portfolio-astronaut-background {
        right: -7%!important;
        top: 142px!important;
        max-width: 358px!important;
    }
    .section-links-bottom ul li a, .section-links-bottom div.item a {
        width: 100%;
        height: 90px;
    }
    .section-links-bottom ul li, .section-links-bottom div.item {
        height: 90px;
    }

    .btn-prev {
        top: calc(50% - 50px);
        left: -44px;
    }

    .btn-next {
        top: calc(50% - 50px);
        right: -39px;
    }


}
@media all and (max-width: 768px) {

    .mobile_video_section .wp-video {
        max-width: 94%;
    }

    #section_7_content {
        max-width: 687px;
    }

    .accordion-gallery-section {
        height: 100vh;
    }
    .accordion-gallery-section .gallery_content {
        display: flex;
        flex-direction: column;
    }
    .accordion-gallery-section .gallery_item {
        height: 25%!important;
        width: 100%!important;
        position: relative;
        transition: width, .3s ease-in;
        margin-top: -36px;
    }

    .accordion-gallery-section .gallery_item.opened{
        height: 40%!important;
    }
    .gallery_item .skew {
        height: 100%;
    }

    .accordion-gallery-section .gallery_item.overlay {
        height: 20%!important;
    }


    .gallery_content .gallery_item .skew {
        height: 158%;
        overflow: hidden;
        display: block;
        -webkit-transform: skewY(-10deg);
        transform: skewY(-10deg);
    }
    .gallery_content .gallery_item:nth-of-type(1) .skew {
        -webkit-transform: skewY(0deg);
        transform: skewY(0deg);
        padding-bottom: 52px;
    }
    .gallery_content .gallery_item .image-bg
    {
        display:block;
        width: 200%;
        background-repeat: no-repeat;
        background-position: center top;
        background-size: cover;
        margin: 0;
    }
    .gallery_content .clan-hero {
        height: 500px;
        width: 276px;
        position: absolute;
        top: -8px!important;
        left: 5px;
        background-size: 68%;
        transition: left, .3s ease-in-out;

        -webkit-transform: skewY(10deg);
        transform: skewY(10deg);
    }
    .gallery_content .gallery_item:nth-of-type(1) .clan-hero {
        -webkit-transform: skewY(0deg);
        transform: skewY(0deg);
    }

    .slider-content-box .slider-content-container {
        margin: 0 0 0 20px;
        width: 57%;
    }
    .gallery_content .gallery_item:nth-of-type(1) {
        height: 20%;
    }
    .gallery_content .gallery_item:nth-of-type(even) .clan-hero {
        left: 20%!important;
    }
    .gallery_content .gallery_item:nth-of-type(4) .clan-hero {
        left: 24%!important;
    }

    .gallery_content .gallery_item:nth-of-type(4) .clan-hero {
        left: 220px;
    }

    .gallery_content .clan-hero.opened {
        left: 200px;
        top: 5vh;
    }
    .gallery_content .gallery_item .slider-content-box {
        transform: skewY(10deg);
        padding: 12px 0;
        left: 0;
        top: 26vh;
        height: 30vh;
    }

    .gallery_content .gallery_item:nth-of-type(1) .slider-content-box {
        top: 16vh;
    }

    .gallery_content .gallery_item:nth-of-type(1) .slider-content-box
    {
        transform: skewY(0deg)!important;
    }

    .gallery_content .gallery_item:nth-of-type(2) .image-bg,
    .gallery_content .gallery_item:nth-of-type(3) .image-bg,
    .gallery_content .gallery_item:nth-of-type(4) .image-bg {
        transform: skewY(0deg)!important;
    }
    .gallery_content .gallery_item:nth-of-type(2) .slider-content-box,
    .gallery_content .gallery_item:nth-of-type(3) .slider-content-box,
    .gallery_content .gallery_item:nth-of-type(4) .slider-content-box {
        transform: skewY(10deg)!important;
    }
    .gallery_content .gallery_item .slider-text-header {
        font-size: 22px;
        margin-bottom: 10px;
    }
    .gallery_content .gallery_item .clan-description {
        max-width: calc(100vw/2)!important;
        height: 170px;
        overflow-y: hidden;
    }



    .desktop_section_6 .vc_column-inner .wpb_wrapper {
        padding: 0 22px;
    }
    .section-subscribe-form .two-elements input, .section-subscribe-form .two-elements select {
        min-width: 340px;
    }

    .section-links-bottom ul li a, .section-links-bottom div.item a {
        font-size: 16px;
        line-height: 72px;
    }
    .section-links-bottom ul li a:after, .section-links-bottom div.item a:after {
        top: 53px;
    }
    .section-links-bottom ul li, .section-links-bottom div.item {
        width: 153px;
        height: 86px;
    }

    .terra--portfolio-astronaut-background {
        right: -10%!important;
        top: 234px!important;
        max-width: 319px!important;
    }

    .terra--portfolio-container .terra--portfolio-images {
        flex-direction: column!important;
    }
    .terra--portfolio-title {
        padding: 0 0 73px 0;
    }

    .terra--portfolio-container .terra--portfolio-images {
        display: block !important;
        height: 50%;
        overflow-y: hidden;
        padding: 30px 0;
    }

    .terra--portfolio-image-container {
        /* margin: 0 0 74px 0!important;
        width: 66%!important; */
    }
    /* .popup-container {
        max-width: calc(100% - 368px);
    } */
    .mob-prev, .mob-next {
        display: block;
        position: absolute;
        color: #fff;
    }

    .mob-prev {
        background: url('./assets/img/arrow_2.png') no-repeat;
        position: absolute;
        top: 0vh;
        left: calc(100vw/2.9);
        cursor: pointer;

        width: 32px;
        height: 32px;
        background-size: contain;
        transform: rotate(90deg);
    }

    .mob-next {
        background: url('./assets/img/arrow.png') no-repeat;
        position: absolute;
        bottom: 0vh;
        left: calc(100vw/2.9);
        cursor: pointer;

        width: 32px;
        height: 32px;
        background-size: contain;
        transform: rotate(90deg);
    }

    .popup-container .btn-prev {
        width: 31px;
        height: 45px;
        background-size: 100%;
    }
    .popup-container .btn-next {
        width: 31px;
        height: 45px;
        background-size: 100%;
    }
}
@media all and (max-width: 1023px) {
    .game-modes-items {
        max-width: calc(100vw/1.2);
        margin: 0 auto;
    }
    .game-modes-items-tabs {
        justify-content: space-around!important;
    }
    .game-modes-tab {
        width: calc((90vw/3) + 4rem);
        padding: 0.8rem
    }
    .game-modes-item-title-container {
        font-size: 26px;
    }
    .game-modes-item-content-container.visible {
        position: relative!important;
    }
    .game-modes-item-title-container:after {
        bottom: -15px;
    }
    .game-modes-item {
        height: 108px;
    }
    .game-modes-item-subtitle {

        font-size: 16px;
    }
    .game-modes-item-content {
        flex-direction: column;
    }
    .game-modes-item-image {
        max-width: 430px;
        margin: 0 auto;
    }

    .game-modes-item-text {
        width: auto;
        padding: 0 16px;
    }
    .game-modes-item-text h3 {
        padding-bottom: 11px;
        text-align: center;
        font-size: 1.6rem;
        margin: 0;
    }

    .game-modes-items.active {
        box-sizing: border-box;
        padding: 12px 0;
        background:
                linear-gradient(135deg, transparent 4px,rgba(24, 73, 124, 0.86) 0) top left,
                linear-gradient(225deg, transparent 4px,rgba(24, 73, 124, 0.86) 0) top right,
                linear-gradient(45deg, transparent 1px,rgba(24, 73, 124, 0.86) 0) bottom right,
                linear-gradient(-45deg, transparent 1px,rgba(24, 73, 124, 0.86) 0) bottom left;
        background-size: 50.1% 50.1%;
        background-repeat: no-repeat;
        position: relative;
    }
    .game-modes-item-content-container.visible.first,
    .game-modes-item-content-container.visible.last
    {
        margin: 0;
    }

    .game-modes-item-content-container.visible.third:before,
    .game-modes-item-content-container.visible.third:after,
    .game-modes-item-content-container.visible.second:before,
    .game-modes-item-content-container.visible.second:after
    {
        content: "";
        width: 0;
        height: 0;
    }
    .game-modes-tab .left-border,
    .game-modes-tab .left-border-45,
    .game-modes-tab .top-border,
    .game-modes-tab .right-border-45,
    .game-modes-tab .right-border,
    .game-modes-item-content-container.visible.first .top-border-container,
    .game-modes-item-content-container.visible .right-top-border-container-45,
    .game-modes-item-content-container.visible .right-border-container,
    .game-modes-item-content-container.visible .right-bot--border-container-45,
    .game-modes-item-content-container.visible .bot-border-container,
    .game-modes-item-content-container.visible .left-bot-border-container-45,
    .game-modes-item-content-container.visible.first .left-border-container,
    .game-modes-item-content-container.visible.first .left-top-border-container-45,
    .game-modes-item-content-container.visible .left-border-container,
    .game-modes-item-content-container.visible .left-top-border-container-45,
    .game-modes-item-content-container.visible.last .top-border-container,
    .game-modes-item-content-container.visible.second .top-border-container,
    .game-modes-item-content-container.visible.third .top-border-container
    {
        display:none;
    }
    .game-modes-tab.active,
    .game-modes-item-content-container.visible,
    .game-modes-item-content-container.visible.last,
    .game-modes-item-content-container.visible.first
    {
        background: none;
    }

    .game-modes-border-wrapper .tlb45 {
        position: absolute;
        top: 0;
        left: 3px;
        width: 3px;
        height: 1.4%;
        background: rgba(224, 222, 222, 0.98);
        transform: rotate(45deg);
    }

    .game-modes-border-wrapper .trb45 {
        position: absolute;
        top: 0;
        right: 5px;
        width: 3px;
        height: 2%;
        background: rgba(224, 222, 222, 0.98);
        transform: rotate(-45deg);
    }
    .game-modes-border-wrapper .lb {
        position: absolute;
        top: 10px;
        left: 0;
        width: 3px;
        height: 98.5%;
        background: rgba(224, 222, 222, 0.98);
    }
    .game-modes-border-wrapper .rb {
        position: absolute;
        top: 12px;
        right: 0;
        width: 3px;
        height: 98.6%;
        background: rgba(224, 222, 222, 0.98);
    }
    .game-modes-border-wrapper .tb {
        position: absolute;
        top: 0;
        left: 9px;
        width: 96.7%;
        height: 3px;
        background: rgba(224, 222, 222, 0.98);
    }
    .game-modes-border-wrapper .bb {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 3px;
        background: rgba(224, 222, 222, 0.98);
    }

    .close-item {
        top: 15px;
    }
}
@media all and (max-width: 1690px) {
    .clan-description {
        max-width: calc(50vw/1.5);
        font-size: 1.1rem;
    }

    .portfolio-gallery {
        max-width: calc(90vw - 270px)
    }

    /* .section-3 .portfolio-image-border .image-container {
        width: 45vh;
    } */
    .portfolio-gallery .circle-center {
        top: calc(46% - 40px);
    }
    .portfolio-gallery .top-line {
        top: 15%;
    }
    .portfolio-gallery .left-line {
        top: 33.6%;
        left: 37%;
    }
    .portfolio-gallery .right-line {
        top: 33.6%;
        left: 60.4%;
    }

    .input-email-wrapper .top-ll-brd,
    .input-email-wrapper .top-lt-brd,
    .input-email-wrapper .right-rr-brd,
    .input-email-wrapper .right-rt-brd {
        top: 26px;
    }

    .input-email-wrapper .bot-rr-brd,
    .input-email-wrapper .bot-rb-brd,
    .input-email-wrapper .bot-ll-brd,
    .input-email-wrapper .bot-lb-brd {
        bottom: 0px;
    }

    .edgtf-page-header .edgtf-vertical-align-containers {
        padding: 0 16px !important;
    }

    .top-social-links li {
        margin: 0 24px 0 0;
    }
}
@media all and (min-width: 1690px) {
    /* .section-3 .portfolio-image-border .image-container {
        width: 58vh;
    } */

    .portfolio-gallery {
        max-width: calc(70vw);
    }
    .portfolio-gallery .top-line {
        top: 16%;
    }
    .portfolio-gallery .circle-center {
        top: calc(46% - 37px);
    }
    .portfolio-gallery .left-line {
        top: 33.6%;
        left: 37%;
    }
    .portfolio-gallery .right-line {
        top: 33.6%;
        left: 60.4%;
    }

    /* .popup-container {
        max-width: calc(90% - 470px) !important;
    } */
}

/* ---- CORRECTION FOR DESKTOP LAYOUT ---- */
.row-section {
    height: 100vh;
    max-height: 940px !important;
    overflow: hidden;
}
.vc_column_container {
    height: 100%;
}
.row-section .vc_column-inner {
    height: 100%;
    background-position: initial !important;
    background-repeat: no-repeat !important;
    background-size: auto !important;
}
.row-section .vc_column-inner .wpb_wrapper {
    height: 100%;
}
.row-section .vc_column-inner > .wpb_wrapper {
    padding: 0;
    box-sizing: border-box;
}

.row-section .edgtf-page-header {
    position: fixed;
}

.row-section.section-3 > .vc_column-inner {
    max-height: 940px;
}

.flex-section {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.edgtf-page-header {
    position: fixed !important;
}
.edgtf-content {
    margin: 0 !important;
}

.edgtf-content-inner {
    width: 100%;
    margin: 0 auto;
    max-width: 1680px;
}

.desktop_section_5 .row-section {
    max-height: 100% !important;
    height: 110vh;
}
.desktop_section_5 .row-section .vc_column-inner {
    height: 110vh;
}

/* .portfolio-items {
    max-width: calc(100% - 467px);
}
.portfolio-item {
    margin-bottom: 48px;
    list-style: none;
    width: calc((100% - 450px) / 1.4);
}
.section-3 .portfolio-image-border .image-container {
    width: 100%;
} */


.desktop_section_3 .vc_column-inner .row-section .wpb_wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;

    position: relative;
}

.terra--portfolio-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 32px;
}

.terra--portfolio-container .terra--portfolio-images {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    position: relative;
    max-width: 80%;
    margin: 0;
    z-index: 500;
}

.terra--portfolio-astronaut-background {
    content: '';
    position: absolute;
    right: -5%;
    top: 2vh;
    width: 100%;
    max-width: 420px;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 3000;
}

.terra--portfolio-image-container {
    display: flex;
    flex-direction: row;
    width: calc((100%/2) - 32px);
    margin: 0 32px 32px 0;
}

.terra--portfolio-image-item {
    display: flex;
    flex-direction: row;
    justify-content: center;
    height: 100%;
    max-width: calc(72vh);
    position: relative;
}

.terra--portfolio-image-item .img-borer-top {
    background: url("./assets/img/top-border-min.png") repeat-x;
    position: absolute;
    top: -6px;
    left: 2%;
    width: 96%;
    height: 12px;
}

.terra--portfolio-image-item .img-borer-right {
    background: url("./assets/img/right-border-min.png") repeat-y;
    position: absolute;
    right: -4px;
    top: 25.2%;
    width: 12px;
    height: 50.5%;
}

.terra--portfolio-image-item .img-borer-bot {
    background: url("./assets/img/bot-border-min.png") repeat-x;
    position: absolute;
    left: 2%;
    width: 96%;
    height: 12px;
    bottom: -4px;
}

.terra--portfolio-image-item .img-borer-left {
    background: url("./assets/img/left-border-min.png") repeat-y;
    position: absolute;
    left: -6px;
    top: 28.2%;
    width: 12px;
    height: 43.5%;
}

.terra--portfolio-image-item .img-cont-top-left {
    background: url("./assets/img/left-top-sector.png") no-repeat;
    background-size: 100%;
    width: 127px;
    height: 120px;
    position: absolute;
    top: -13px;
    left: -13px;
}

.terra--portfolio-image-item .img-cont-top-right {
    background: url("./assets/img/right-top-sector.png") no-repeat;
    background-size: 100%;
    width: 127px;
    height: 120px;
    position: absolute;
    top: -13px;
    right: -13px;
}

.terra--portfolio-image-item .img-cont-bot-right {
    background: url("./assets/img/right-bot-sector.png") no-repeat;
    background-size: 100%;
    width: 127px;
    height: 120px;
    position: absolute;
    bottom: -20px;
    right: -13px;
}

.terra--portfolio-image-item .img-cont-bot-left {
    background: url("./assets/img/left-bot-sector.png") no-repeat;
    background-size: 100%;
    width: 127px;
    height: 120px;
    position: absolute;
    bottom: -16px;
    left: -13px;
}

.desktop_section_1 .vc_column_container>.vc_column-inner,
.desktop_section_2 .vc_column_container>.vc_column-inner {
    height: 100vh;
}
.desktop_section_4 .vc_column_container>.vc_column-inner, .row-section.accordion-gallery-section {
    height: 100%!important;
    max-height: 415px!important;
    overflow: hidden;
}

.desktop_section_2 .row-section .vc_column-inner {
    background-size: cover!important;
}


.terra--portfolio-image-item .terra--portfolio-image-item--background {
    display: block;
    height: 100%;
    width: 100%;

    padding: 4px;
    box-sizing: border-box;

    -webkit-clip-path: polygon(20px 0, 97% 0, 100% 16px, 100% 94%, 97% 100%, 20px 100%, 0 94%, 0 20px);
    clip-path: polygon(20px 0, 97% 0, 100% 16px, 100% 94%, 97% 100%, 20px 100%, 0 94%, 0 20px);
}

.terra--portfolio-container-background::after {
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(37, 48, 74, .86);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    -webkit-clip-path: polygon(20px 0, 98.5% 0, 100% 20px, 100% 98.5%, 98.5% 100%, 20px 100%, 0 98.5%, 0 20px);
    clip-path: polygon(20px 0, 98.5% 0, 100% 20px, 100% 98.5%, 98.5% 100%, 20px 100%, 0 98.5%, 0 20px);
}

.terra--disable-touch {
    touch-action: none;
}

.wp-video {
    margin: 0 auto;
    padding: 0 16px;
}
video {
    max-width: 100%;
    height: auto;
}



@media all and (max-width: 2560px) and (min-width: 1440px) {
    .accordion-gallery-section .gallery_content .gallery_item.overlay .clan-hero {
        left: -19%;
    }
    .accordion-gallery-section .gallery_content .gallery_item:nth-of-type(4) .clan-hero.opened {
        left: calc(100%/3.4);
    }

}

@media all and (max-width: 1920px) and (min-width: 1024px) {
    .row-section:not(.accordion-gallery-section) .vc_column-inner {
        padding: 2vh 5vw !important;
    }
}

/* --------- 4K styles --------- */
@media all and (min-width: 1680px) {
    .edgtf-content {
        width: 100%;
        background-image: url('/wp-content/themes/playerx/assets/img/background_gradient.png') !important;
        background-repeat: no-repeat !important;
        background-size: auto 100% !important;
    }

    .edgtf-page-header .edgtf-vertical-align-containers {
        padding: 0 55px;
        width: 100%;
        max-width: 1680px;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .section-links-bottom ul,
    .section-links-bottom div.owl-carousel-bot-links {
        flex-wrap: nowrap;
    }

}

@media all and (min-width: 1920px) and (min-height: 1080px) {
    .row-section {
        height: 100vh;
        max-height: 940px !important;
    }
    .row-section .vc_column-inner {
        height: 100vh;
        max-height: 940px !important;
    }
    .row-section:not(.accordion-gallery-section) .vc_column-inner {
        padding: 50px !important
    }

    .clan-description {
        max-width: calc(35vw/1.6);
    }
    .clan-description ul {
        margin: 0 4vw 0 16px;
    }

    .game-modes-tab {
        width: calc((96vw/4) + 4rem);
    }

    .accordion-gallery-section .gallery_content .gallery_item:nth-of-type(1) .skew {
        padding-right: 120px;
    }
}


@media all and (max-width: 768px) {
    .terra--portfolio-image-item {
        max-width: 100%;
    }
    .terra--portfolio-image-container {
        width: 100%;
    }
    .terra--portfolio-image-container:nth-of-type(3),
    .terra--portfolio-image-container:nth-of-type(4) {
        display: none;
    }

    .desktop_section_4 .clans-section-container .slider-items .slider_item_card {
        width: 360px;
    }
}

/* styles for mobile device */
@media all and (max-width: 824px) and (min-width: 641px) {
    /*.mobile_video_section .wp-video {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        max-width: 100%;
    }*/
}

@media all and (max-width: 677px) {

    .landing--desktop-section {
        display: none;
    }
    .landing--mobile-section {
        display: flex;
        flex-direction: column;
        box-sizing: border-box;
    }

    body {
        overflow: scroll!important;
        touch-action: pan-y;
    }
    .edgtf-mobile-header .edgtf-mobile-header-inner {
        height: 53px!important;
    }
    .vc_col-has-fill>.vc_column-inner {
        /*padding-top: 53px!important;*/
    }



    .mobile_section_1,
    .mobile_section_2
    {
        height: 100vh;
        display: flex;
        position: relative;
    }

    .mobile_section_1 .wpb_wrapper {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        height: 100%;

    }

    .mobile_section_1 .play-link .wpb_wrapper p{

    }
    .mobile_section_1 .social-network-links {
        position: relative;
        top: -26px;
        left: 0;
    }

    .mobile_section_2 .vc_column-inner {
        /*background-position: 44.8% center;*/
    }

    .mobile_section_2 .vc_column-inner {
        background-image: url('/wp-content/uploads/2019/02/page_2_v3.png')!important;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: right center;
    }

    .mobile_content_section_2 .game-modes-item {
        width: 132px;
        height: 50px;
        margin-bottom: 12px;
    }
    .left-top,
    .left-bot,
    .right-top,
    .right-bot
    {
        width:10px!important;
        height: 10px!important;
    }

    .game-modes-items-tabs {
        justify-content: center!important;
    }

    .mobile_content_section_2 .game-modes-item .game-modes-item-title-container {
        font-size: 13px;
    }
    .mobile_content_section_2 .game-modes-item .game-modes-item-subtitle {
        font-size: 12px;
    }
    .game-modes-item-title-container:after {
        width: 24px;
        height: 1px;
        bottom: -2px;
        left: calc(50% - 12px);

    }
    .game-modes-tab {
        width: calc(100%/2);
        padding: 8px 6px;
    }
    .game-modes-items {
        margin: -8px 13px 0;
        max-width: 100%;
    }
    .game-modes-items.active {
        box-sizing: border-box;
        padding: 12px 0;
        background:
                linear-gradient(135deg, transparent 4px,rgba(24, 73, 124, 0.86) 0) top left,
                linear-gradient(225deg, transparent 4px,rgba(24, 73, 124, 0.86) 0) top right,
                linear-gradient(45deg, transparent 1px,rgba(24, 73, 124, 0.86) 0) bottom right,
                linear-gradient(-45deg, transparent 1px,rgba(24, 73, 124, 0.86) 0) bottom left;
        background-size: 50.1% 50.1%;
        background-repeat: no-repeat;
        position: relative;
    }
    .game-modes-border-wrapper .tlb45 {
        position: absolute;
        top: 0;
        left: 3px;
        width: 3px;
        height: 2%;
        background: rgba(224, 222, 222, 0.98);
        transform: rotate(45deg);
    }

    .game-modes-border-wrapper .trb45 {
        position: absolute;
        top: 0;
        right: 3px;
        width: 3px;
        height: 2%;
        background: rgba(224, 222, 222, 0.98);
        transform: rotate(-45deg);
    }
    .game-modes-border-wrapper .lb {
        position: absolute;
        top: 8px;
        left: 0;
        width: 3px;
        height: 98%;
        background: rgba(224, 222, 222, 0.98);
    }
    .game-modes-border-wrapper .rb {
        position: absolute;
        top: 8px;
        right: 0;
        width: 3px;
        height: 98%;
        background: rgba(224, 222, 222, 0.98);
    }
    .game-modes-border-wrapper .tb {
        position: absolute;
        top: 0;
        left: 6px;
        width: 96%;
        height: 3px;
        background: rgba(224, 222, 222, 0.98);
    }
    .game-modes-border-wrapper .bb {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 3px;
        background: rgba(224, 222, 222, 0.98);
    }

    .game-modes-item-text {
        width: 100%;
    }
    .close-item {
        font-size: 21.5px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #ffffff;
        top: -7px;
        right: 20px;
    }
    .game-modes-item-content {
        padding: 0;
        flex-direction: column;
        justify-content: left;
    }
    .game-modes-item-image {
        max-width: 270px;
        margin: 0 auto;
        z-index: 99;
    }
    .game-modes-item-text h3 {
        font-size: 15px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #ffffff;
        padding: 0 0 12px 0;
        margin: 0;
    }
    .game-modes-item-text .game-modes-item-excerpt {
        font-size: 13px;
        font-weight: 300;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #a0a0a0;
        padding: 0 32px 12px 0;
        z-index:99999;
        position:relative;
    }
    .game-modes-item-content-container {
        position: relative!important;
    }
    .game-modes-item-content-container.visible.first,
    .game-modes-item-content-container.visible.last
    {
        margin: 0;
    }

    .game-modes-item-content-container.visible.third:before,
    .game-modes-item-content-container.visible.third:after,
    .game-modes-item-content-container.visible.second:before,
    .game-modes-item-content-container.visible.second:after
    {
        content: "";
        width: 0;
        height: 0;
    }
    .game-modes-tab .left-border,
    .game-modes-tab .left-border-45,
    .game-modes-tab .top-border,
    .game-modes-tab .right-border-45,
    .game-modes-tab .right-border,
    .game-modes-item-content-container.visible.first .top-border-container,
    .game-modes-item-content-container.visible .right-top-border-container-45,
    .game-modes-item-content-container.visible .right-border-container,
    .game-modes-item-content-container.visible .right-bot--border-container-45,
    .game-modes-item-content-container.visible .bot-border-container,
    .game-modes-item-content-container.visible .left-bot-border-container-45,
    .game-modes-item-content-container.visible.first .left-border-container,
    .game-modes-item-content-container.visible.first .left-top-border-container-45,
    .game-modes-item-content-container.visible .left-border-container,
    .game-modes-item-content-container.visible .left-top-border-container-45,
    .game-modes-item-content-container.visible.last .top-border-container,
    .game-modes-item-content-container.visible.second .top-border-container,
    .game-modes-item-content-container.visible.third .top-border-container
    {
        display:none;
    }
    .game-modes-tab.active,
    .game-modes-item-content-container.visible,
    .game-modes-item-content-container.visible.last,
    .game-modes-item-content-container.visible.first
    {
        background: none;
    }

    /* END Section 2 */


    .mobile_section_6 {
        display: flex;
        flex-direction: column;
        height: 100%;
        position: relative;
        background-color: #000;
    }
    .mobile_section_6 .wpcf7 {
        text-align: left!important;
    }
    .mobile_section_6 .vc_column-inner {
        padding: 0;
        background-position: center 50px !important;
    }
    .mobile_section_6 .wpb_wrapper {
        padding: 0 8px;
        text-align: center;
    }
    .mobile_section_6 h2 {
        font-size: 24px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #ffffff;
    }
    .mobile_section_6_header {
        max-width: 200px;
        margin: 0 auto;
    }
    .mobile_section_6_desc {
        font-size: 13px;
        font-weight: 300;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #898989;
        padding: 0 10px;
    }
    .mobile_section_6_desc strong {
        font-size: 13px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #898989;
    }
    .mobile_section_6 .two-elements {
        flex-direction: column;
    }
    .section-subscribe-form input[type=text],
    .section-subscribe-form input[type=email],
    section-subscribe-form input[type=url],
    .section-subscribe-form select
    {
        max-width: 100%!important;
        min-width: 100%!important;
        width: 100%;
        height: 42px!important;
        margin: 0!important;
    }
    .section-subscribe-form .two-elements input,
    .section-subscribe-form .two-elements select {
        max-width: 100%!important;
        min-width: 100%!important;
        width: 100%;
        height: 42px!important;
        padding: 9px 25px;
    }
    .section-subscribe-form .input-email-wrapper {
        height: 58px;
        display: block;
    }
    .input-email-wrapper .top-ll-brd {
        top: 25px;
        height: 8px;
    }
    .input-email-wrapper .right-rt-brd {
        top: 25px;
        width: 8px;
        right: 0;
    }
    .input-email-wrapper .top-lt-brd {
        top: 25px;
        left: 1px;
        width: 8px;
    }
    .input-email-wrapper .right-rr-brd {
        height: 9px;
        top: 25px;
        right: 0;
    }
    .input-email-wrapper .bot-rr-brd {
        bottom: -11px;
        height: 9px;
        right: 0;
    }
    .input-email-wrapper .bot-rb-brd {
        width: 9px;
        bottom: -12px;
        right: 0;
    }
    .input-email-wrapper .bot-ll-brd {
        bottom: -12px;
        height: 10px;
    }
    .input-email-wrapper .bot-lb-brd {
        width: 9px;
        bottom: -11px;
    }
    .section-subscribe-form input[type=submit] {
        width: 134px;
        height: 43px;
        font-size: 12px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #bfb6b7;

    }
    #section-links-bottom {
        padding-top:24px;
    }
    .section-subscribe-form .wpcf7-not-valid-tip {
        top: 27px;
    }
    .post-password-form input[type=submit], input.wpcf7-form-control.wpcf7-submit {
        width: 134px!important;
        height: 43px!important;
        line-height: 1em!important;
        left: calc(50% - 67px)!important;
        padding: 0!important;
    }
    .section-links-bottom {
        padding-bottom: 32px;
    }
    .section-links-bottom ul {
        max-width: 290px;
        margin: 0 auto;
    }

    .section-links-bottom ul li,
    .section-links-bottom div.item {
        width: 122px;
        height: 40px;
        margin-bottom: 16px;
    }
    .section-links-bottom ul li a,
    .section-links-bottom div.item a {
        width: 122px;
        height: 40px;
        font-size: 12px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: 30px;
        letter-spacing: normal;
        text-align: center;
        color: #bfb6b7;
    }
    .section-links-bottom ul li a:after,
    .section-links-bottom div.item a:after {
        left: calc(50% - 12px);
        width: 25px;
        height: 2px;
        top: 26px;
    }
    .section-links-bottom ul,
    .section-links-bottom div.owl-carousel-bot-links {
        padding: 32px 0 0 0;
    }
    .section-links-bottom ul li .top-ltb-link,
    .section-links-bottom ul li .top-rtb-link,
    .section-links-bottom ul li .bot-rbb-link,
    .section-links-bottom ul li .bot-lbb-link,

    .section-links-bottom div.item .top-ltb-link,
    .section-links-bottom div.item .top-rtb-link,
    .section-links-bottom div.item .bot-rbb-link,
    .section-links-bottom div.item .bot-lbb-link
    {
        width: 9px;
    }
    .section-links-bottom ul li .top-rrb-link,
    .section-links-bottom ul li .bot-llb-link,
    .section-links-bottom ul li .top-llb-link,
    .section-links-bottom ul li .bot-rrb-link,

    .section-links-bottom div.item .top-rrb-link,
    .section-links-bottom div.item .bot-llb-link,
    .section-links-bottom div.item .top-llb-link,
    .section-links-bottom div.item .bot-rrb-link
    {
        height: 9px;
    }

    .owl-carousel-bot-links {
        margin: 0 auto;
        height: 80px;
        width: 100%;
        position: relative;
    }
    .owl-carousel.owl-drag .owl-item {
        display: flex;
        justify-content: center;
    }
    .owl-carousel-bot-links.owl-stage  {
        display: flex;
        align-items: center;
    }

    /* .owl-stage .owl-item {
        display: flex;
    }

    .section-links-bottom .owl-carousel-bot-links {
        display: flex;
    } */

    /* .owl-carousel-bot-links ul {
        flex-wrap: nowrap;
    }
    .owl-carousel-bot-links ul li {
        margin-right: 12px;
        margin-left:12px;
    }
    .owl-carousel-bot-links .prev {
        position: absolute;
        left:10px;
        bottom:0px;
    }
    .owl-carousel-bot-links .next {
        position: absolute;
        right:10px;
        bottom:0px;
    } */

    /* END Section 6*/

    .mobile_section_5 {
        display: flex;
        height: 100vh;
        position: relative;
    }
    .mobile_section_5 .wpb_wrapper {
        padding: 0 16px;
        height: 90%;
    }
    .mobile_section_5_header h2{
        font-size: 24px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #ffffff;
    }
    .section-five-post-container {
        margin-top: 28px;
        position: relative;
    }
    .section-five-post-item-root {
        flex-direction: column;
    }
    .section-five-post-text {
        font-size: 13px;
        font-weight: 300;
        height: 160px;
        overflow: auto;
    }
    .section-five-post-text .section-five-post-text-title {
        margin-bottom: 11px;
        font-size: 15px;
        text-align: center;
        position: absolute;
        top: -16px;
        left: 8px;
        min-width: 312px;

    }
    .section-five-post-image {
        width: 290px;
        height: auto;
        margin: 12px auto 0;
    }

    .mobile_section_5_header .section-five-container {

    }

    .section-five-titles-item, .section-five-titles-item .title-wrapp.active
    {
        font-size: 8.5px;

    }
    .section-five-icon {
        width: 34px;
        height: 34px;
        padding-top: 10px;
    }
    .section-five-post-image .post-image-border-top {
        left: 2%;
        width: 96%;
    }
    .section-five-post-image .post-image-border-top-right-45 {
        top: -1px;
        right: 3px;
    }
    .section-five-post-image .post-image-border-right {
        height: 86%;
    }
    .section-five-post-image .post-image-border-right-bot-45 {
        bottom: 7px;
        right: 5px;
        height: 7.8%;
        transform: rotate(48deg);
    }
    .section-five-post-image .post-image-border-bot {
        bottom: 9px;
        left: 2.6%;
        width: 94.1%;
    }
    .section-five-post-image .post-image-border-left-bot-45 {
        bottom: 8px;
        left: 3px;
        height: 7%;
    }
    .section-five-post-image .post-image-border-left {
        height: 86%;
    }
    .section-five-post-image .post-image-border-left-top-45 {
        top: -1px;
        left: 3px;
        height: 6%;
    }


    /* Sectio 3 */
    .mobile_section_3 {
        position: relative;
        display: flex;
        height: 100%;
        overflow: hidden;
    }
    .portfolio-main-container {
        margin-top: -10px;
        padding: 0 8px;
    }
    .portfolio-page-title {
        font-size: 26px;
        padding: 25px 0 0 0;
        text-align: center;
    }
    .portfolio-items {
        justify-content: center;
        margin: 0 auto;
        width: 302px;
    }
    .portfolio-item {
        margin-bottom: 74px;
    }
    .image-container {
        width: 258px;
    }
    .portfolio-gallery {
        margin: 0;
        height: 342px;
        padding: 64px 0;
        overflow: hidden;
    }
    .terra--portfolio-image-item .img-cont-top-left {
        width: 64px!important;
        height: 64px!important;
        top: -7px!important;
        left: -5px!important;
    }
    .terra--portfolio-image-item .img-cont-bot-left {
        width: 64px!important;
        height: 64px!important;
        bottom: -11px!important;
        left: -5px!important;
    }
    .terra--portfolio-image-item .img-cont-top-right {
        width: 64px!important;
        height: 64px!important;
        top: -7px!important;
        right: -7px!important;
    }
    .terra--portfolio-image-item .img-cont-bot-right {
        width: 64px!important;
        height: 64px!important;
        bottom: -13px!important;
        right: -7px!important;
    }
    .image-container .img-borer-top {
        top: -6px;
        left: 55px;
        width: 58%;
        height: 7px;
    }
    .image-container .img-borer-right {
        top: 44px;
        right: -1px;
        width: 8px;
        height: 33%;
    }
    .image-container .img-borer-left {
        left: -6px;
        top: 49px;
        width: 7px;
        height: 26%;
    }
    .image-container .img-borer-bot {
        left: 54px;
        bottom: 0;
        width: 60%;
        height: 7px;
    }
    .portfolio-blue-border {
        height: 100%;
        /*background: linear-gradient(225deg, transparent 7px, rgba(37, 48, 74, .86) 0) top right,
        linear-gradient(135deg, transparent 7px, rgba(37, 48, 74, .86) 0) top left,
        linear-gradient(-45deg, transparent 7px, rgba(37, 48, 74, .86) 0) bottom right,
        linear-gradient(45deg, transparent 7px, rgba(37, 48, 74, .86) 0) bottom left; */
    }
    .terra--portfolio-title {
        padding: 16px 0 8px 0;
        text-align: center;
    }
    .portfolio-blue-border .outer-border-top {
        width: calc(88vw - 16px);
        left: 6vw;
    }
    .portfolio-blue-border .outer-border-top-right-45 {
        right: 10px;
        top: -4px;
        height: 5.7%;
    }
    .portfolio-blue-border .outer-border-left-top-45 {
        left: 11px;
        top: -4px;
        height: 5.7%;
    }
    .portfolio-blue-border .outer-border-bot-left-45 {
        height: 5.7%;
    }
    .portfolio-blue-border .outer-border-right {
        top: 1.2%;
    }
    .portfolio-spaceman-bg {
        position: absolute;
        right: -433px;
        top: 289px;
    }
    .portfolio-spaceman-bg img {
        width: 46%;
    }
    .portfolio-gallery .circle-center {
        width: 31px;
        height: 33px;
        background-size: 100%;
        top: calc(50% - 14px);
        left: calc(50% - 13px);
    }
    .portfolio-gallery .top-line, .portfolio-gallery .bot-line {
        display: none;
    }
    .portfolio-gallery .right-line {
        width: 8px;
        height: 58px;
        background-size: 100%;
        top: 42.6%;
        left: 35%;
        transform: rotate(270deg);
    }
    .portfolio-gallery .left-line {
        width: 8px;
        height: 58px;
        background-size: 100%;
        top: 42.3%;
        left: 63.4%;
        transform: rotate(90deg);
    }

    .image-container.large-border .img-cont-top-left {
        width: 64px;
        height: 64px;
        top: -7px;
        left: -7px;
    }
    .image-container.large-border .img-cont-top-right {
        width: 64px;
        height: 64px;
        top: -7px;
        right: -7px;
    }
    .image-container.large-border .img-cont-bot-right {
        width: 64px;
        height: 64px;
        bottom: -14px;
        right: -7px;
    }

    .image-container.large-border .img-cont-bot-left {
        width: 64px;
        height: 64px;
        bottom: -12px;
        left: -8px;
    }
    .image-container.large-border .img-borer-top {
        top: -6px;
        left: 54px;
        width: 62.3%;
    }

    .image-container.large-border .img-borer-right {
        top: 45px;
        right: -1px;
        width: 6px;
        height: 38.3%;
    }
    .image-container.large-border .img-borer-bot {
        left: 54px;
        bottom: -1px;
        width: 61.3%;
        height: 6px;
    }
    .image-container.large-border .img-borer-left {
        left: -4px;
        top: 51px;
        width: 5px;
        height: 33%;
    }

    .btn-prev {
        width: 24px;
        height: 34px;
        background-size: 100%;
        top: 15vh;
        transform: rotate(90deg);
        left: 50%;
    }
    .btn-next {
        width: 24px;
        height: 34px;
        background-size: 100%;
        top: auto;
        bottom: 15vh;
        transform: rotate(90deg);
        left: 50%;
    }

    .close-layer {
        top: 24px;
        right: 16px;
    }
    .popup-content-box .image-container {
        width: 282px!important;
    }
    .popup-content-box {
        left: 16px;
        max-width: none;
    }

    .mobile_section_4 .wpb_wrapper {
        /*height: 100vh;
        display: flex;*/
        position: relative;
    }
    .mobile_section_4 h3 {
        font-size: 24px;
    }
    .mobile_section_4 .clans-section-container .slider-items .slider_item_card {
        width: 90%;
        margin: auto;
    }
    .mobile_section_4 .clans-section-container .slider-items {
        display: block;
        margin-top: 16px;
    }
    .btn-prev.hero-prev {
        top: 10vh;
        left: calc(50% - 15px);
    }
    .btn-next.hero-next {
        bottom: 9vh;
        left: calc(50% - 15px);
    }

    .mobile_section_4 {
        background-image: url('/wp-content/uploads/2019/03/FACTIONS-Mobile-Background.png');
        background-repeat: no-repeat;
        background-size: cover;
        height: 100%;
    }
    .mobile_section_4 .wpb_wrapper {
        height: 100%;
    }
    .mobile_section_4 .clans-section-container {
        width: 100%;
    }
    .mobile_section_4 .gallery_content {
        display: flex;
        flex-direction: column;
    }
    .mobile_section_4 .gallery_item {
        height: 25%;
        position: relative;
        transition: width, .3s ease-in;
    }

    .mobile_section_4 .gallery_item.opened {
        height: 55%;
    }
    .mobile_section_4 .gallery_item .skew {
        height: 100%;
    }

    .mobile_section_4 .gallery_item.overlay {
        height: 15%;
    }


    .mobile_section_4 .gallery_content .gallery_item .skew {
        height: 200%;
        overflow: hidden;
        display: block;
        -webkit-transform: skewY(-10deg);
        transform: skewY(-10deg);
    }
    .mobile_section_4 .gallery_content .gallery_item:nth-of-type(1) .skew {
        -webkit-transform: skewY(0deg);
        transform: skewY(0deg);
        padding-bottom: 52px;
    }
    .mobile_section_4 .gallery_content .gallery_item .image-bg
    {
        display:block;
        width: 200%;
        background-repeat: no-repeat;
        background-position: center top;
        background-size: cover;
        margin: 0;
    }
    .mobile_section_4 .gallery_content .clan-hero {
        height: 500px;
        width: 240px;
        position: absolute;
        top: -8px;
        left: 5px;
        background-size: 100%;
        transition: left, .3s ease-in-out;

        -webkit-transform: skewY(10deg);
        transform: skewY(10deg);
    }
    .mobile_section_4 .gallery_content .gallery_item:nth-of-type(4) .clan-hero.opened {
        height: 543px;
        width: 258px
    }
    .mobile_section_4 .gallery_content .gallery_item:nth-of-type(1) .clan-hero {
        -webkit-transform: skewY(0deg);
        transform: skewY(0deg);
    }

    .mobile_section_4 .slider-content-box .slider-content-container {
        margin: 0 0 0 20px;
        width: 25%;
    }
    .mobile_section_4 .gallery_content .gallery_item:nth-of-type(even) .clan-hero {
        left: 218px!important;
    }

    .mobile_section_4 .gallery_content .gallery_item:nth-of-type(4) .clan-hero {
        left: 220px;
    }

    .mobile_section_4 .gallery_content .clan-hero.opened {
        left: 225px;
        top: 5vh;
    }
    .gallery_item:nth-of-type(2).opened .slider-content-container,
    .gallery_item:nth-of-type(3).opened .slider-content-container {
        width: 27.5%;
    }
    .mobile_section_4 .gallery_content .gallery_item .slider-content-box {
        transform: skewY(10deg);
        padding: 8px 0;
        left: 0;
        top: 9%;
        height: 42vh;
    }
    .mobile_section_4 .gallery_item:nth-of-type(1) .slider-content-box .slider-content-container {
        width: 57%;
    }

    .mobile_section_4 .gallery_content .gallery_item:nth-of-type(1) .slider-content-box {
        transform: skewY(0deg);
    }
    .mobile_section_4 .gallery_content .gallery_item .slider-text-header {
        font-size: 20px;
        margin-bottom: 10px;
        margin-left: 0;
    }
    .mobile_section_4 .gallery_content .gallery_item .clan-description {
        font-size: 13px;
        font-weight: 300;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #898989;
        margin-bottom: 10px;
        height: 150px;
        overflow-y: scroll;
        max-width: 500px!important;
        margin-left: 0;
    }

    .terra--portfolio-image-item .terra--portfolio-image-item--background {
        clip-path: polygon(11px 0, 97% 0, 100% 16px, 100% 94%, 97% 100%, 20px 100%, 0 94%, 0 11px);
    }

    .owl-theme .owl-dots .owl-dot.active span,
    .owl-theme .owl-dots .owl-dot:hover span {
        background: #a26cd0;
    }

    .portfolio-items {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-around;
    }

    .mob-prev, .mob-next {
        display: block;
        position: absolute;
        color: #fff;
    }

    .mob-prev {
        background: url('./assets/img/arrow_2.png') no-repeat;
        position: absolute;
        top: 0;
        left: 50%;
        cursor: pointer;

        width: 32px;
        height: 32px;
        background-size: contain;
        transform: rotate(90deg);
    }

    .mob-next {
        background: url('./assets/img/arrow.png') no-repeat;
        position: absolute;
        bottom: 0;
        left: 50%;
        cursor: pointer;

        width: 32px;
        height: 32px;
        background-size: contain;
        transform: rotate(90deg);
    }

    .popup-content-box {
        left: 0;
        padding: 0 16px;
        box-sizing: border-box;
    }

    .popup-content-box .image-container {
        width: 100% !important;
    }

    #fp-nav {
        display: none !important;
    }

    .slide--image-container-box {
        border-radius: 10px;
    }

    .terra--portfolio-images {

    }
    .terra--portfolio-container .terra--portfolio-images {
        flex-direction: column !important;
        flex-wrap: nowrap;

        max-width: 480px !important;
    }

    .terra--portfolio-astronaut-background {
        content: '';
        position: absolute;
        right: -5%;
        bottom: -20% !important;
        width: 100%;
        max-width: 20vh !important;
        height: 100%;
        background-repeat: no-repeat;
        background-size: 100%;
        top: 60% !important;
    }

    .popup-container {
        height: 100%;
        margin: 5vh 5%;
    }

    .popup-container .portfolio-item-title {
        font-size: 26px;
        font-weight: bold;
        text-align: center;
        padding-bottom: 12px;
        display: block;
        max-width: 290px;
        display: none;
    }

    .popup-container .portfolio-item-text {
        padding: 24px 0 0 0;
        font-size: 14px;
        font-weight: 300;
    }

    .terra--portfolio-image-container {
        margin: 0 0 32px 0 !important;
    }

    .terra--portfolio-container {
        justify-content: flex-start;
        max-width: 80%;
    }

    .terra--portfolio-container .terra--portfolio-images {
        padding: 32px 0;
    }

    .mobile_video_section h2 {
        font-size: 35px;
    }

    .mobile_video_section .wp-video {
        max-width: 90%;
    }
}

@media all and (max-width: 480px) {

    .popup-layer.clan-heroes .close-layer {
        right: 4vw;
        top: 3vh;
    }

    .portfolio-blue-border .outer-border-top,
    .portfolio-blue-border .outer-border-bot {
        width: calc(88vw - 16px);
        left: 6.4vw;
    }

    .portfolio-blue-border .outer-border-right,
    .portfolio-blue-border .outer-border-left {
        height: calc(100% - 2*3.5%);
        top: 3.5%;
    }

    .popup-container .portfolio-item-title {
        display: none !important;
    }

    .terra--portfolio-image-container {
        width: 100% !important;
    }

    .terra--portfolio-image-container:nth-of-type(3),
    .terra--portfolio-image-container:nth-of-type(4) {
        display: none !important;
    }

    .mobile_section_7 {
        height: 100%;
        min-height: 748px!important;
        display: block;
        position: relative;
        background: rgb(11, 7, 25)!important;
    }
    .mobile_section_7 .vc_column-inner {
        background-repeat: no-repeat;
        background-size: cover;
    }
    .mobile_section_7 #section_7_content {
        padding: 0 18px;
    }
    .mobile_section_7 .section_7_content h2 {
        font-size: 24px;
        margin: 0 0 16px;
    }
    .mobile_section_7 #section_7_content p {
        font-size: 12px;
    }
    .mobile_section_7 .section7-form-wrapper {
        margin-top: -10px;
    }
    .mobile_section_7 #section_7_content .two-elements {
        flex-direction: column;
    }

    .mobile_section_7 #section_7_content .two-elements .input-element {
        width: 100%;
    }

    .mobile_section_7 .input-element {
        height: 57px;
    }
    #section_7_content input[type=email],
    #section_7_content input[type=text],
    #section_7_content input[type=url] {
        height: 42px;
    }
    .section7-form-wrapper .checkbox-423 label:after {
        width: 34px;
        height: 34px;
        top: 0;
        left: 0;
    }
    .wpcf7-list-item-label {
        font-size: 13px;
    }
    .section7-form-wrapper .one-element-check {
        margin-top: 16px;
    }
    .section7-form-wrapper .one-element-check .input-element {
        height: 34px;
    }
    .section7-form-wrapper .one-element-check .wpcf7-form-control.wpcf7-checkbox,
    .section7-form-wrapper .one-element-check .checkbox-423,
    .section7-form-wrapper .one-element-check .input-email-wrapper {
        display: block;
        height: inherit;
    }

    .section7-form-wrapper .input-email-wrapper .top-ll-brd {
        top: 27px;
    }
    .section7-form-wrapper .input-email-wrapper .top-lt-brd {
        top: 26px;
    }
    .section7-form-wrapper .input-email-wrapper .right-rr-brd {
        top: 26px;
    }
    .section7-form-wrapper .input-email-wrapper .right-rt-brd {
        top: 26px;
    }
    .section7-form-wrapper .one-element-check .input-email-wrapper .top-ll-brd {
        top: 8px;
    }
    .section7-form-wrapper .one-element-check .input-email-wrapper .top-lt-brd {
        top: 7px;
    }
    .section7-form-wrapper .one-element-check .input-email-wrapper .right-rr-brd {
        top: 8px;
        left: 34px;
    }
    .section7-form-wrapper .one-element-check .input-email-wrapper .right-rt-brd {
        top: 7px;
        left: 26px;
    }
    .section7-form-wrapper .one-element-check .input-email-wrapper .bot-rr-brd {
        left: 34px;
        bottom: -7px;
    }
    .section7-form-wrapper .one-element-check .input-email-wrapper .bot-rb-brd {
        left: 26px;
        bottom: -7px;
    }
    .section7-form-wrapper .one-element-check .input-email-wrapper .bot-ll-brd {
        bottom: -7px;
    }
    .section7-form-wrapper .one-element-check .input-email-wrapper .bot-lb-brd {
        bottom: -7px;
    }

    .section7-form-wrapper .wpcf7-list-item-label {
        left: 16px;
        top: 6px;
    }

    .section7-form-wrapper .one-element-check,
    .section7-form-wrapper .one-element-check .input-email-wrapper,
    .section7-form-wrapper .one-element-check .input-element {
        line-height: 7px!important;
    }

    #section_7_content textarea {
        height: 94px;
    }
    #section_7_content .one-element .input-element {
        height: 109px;
    }

    .section7-form-wrapper .checkbox-423 label.checked:before {
        width: 24px;
        height: 24px;
        top: 5px;
        left: 6px
    }

}

@media all and (max-width: 380px) {
    .portfolio-blue-border .outer-border-bot-left-45,
    .portfolio-blue-border .outer-border-left-top-45,
    .portfolio-blue-border .outer-border-top-right-45 {
        height: 5.0vh;
    }

    .portfolio-blue-border .outer-border-bot-left-45 {
        bottom: -3px;
    }

    .portfolio-blue-border .outer-border-bot-left-45,
    .portfolio-blue-border .outer-border-left-top-45 {
        left: 2.8vw;
    }

    .portfolio-blue-border .outer-border-top-right-45 {
        right: 2.8vw;
    }
}

@media all and (max-width: 480px) {
    .portfolio-gallery {
        max-width: 100vw;
    }

    .terra--portfolio-container {
        /* max-width: 80%;
        padding: 0 5%; */
    }
}
@media all and (max-width: 420px) {
    #title-text-first-screen {
        margin-top: 140px;
        margin-left: 4px!important;
    }
    .title-h1 {
        font-size: 2rem;
        letter-spacing: 6.7px;
        color: rgba(129, 205, 255, .86);
    }
    .subtitle {
        font-size: 23px;
    }

    #play-link {
        margin-top: 30%;
    }
    .play-link p {
        margin-bottom: 11px;
        font-size: 28px;
    }

    /* section 2 */
    .game-modes-items-tabs {
        flex-wrap: wrap;
    }
}
@media all and (max-width: 320px) {
    .mobile_video_section h2 {
        font-size: 30px;
    }

    .gallery_content .gallery_item:nth-of-type(even) .clan-hero {
        left: 160px;
    }
    #title-text-first-screen {
        margin-top: 140px;
        margin-left: 4px!important;
    }
    .title-h1 {
        font-size: 34px;
        letter-spacing: 6.7px;
        color: rgba(129, 205, 255, .86);
    }
    .subtitle {
        font-size: 24px;
    }
    #play-link {
        margin-top: 54px;
    }

    .social-network-links ul {
        margin-top: 18px;
    }

    .mobile_content_section_2 .game-modes-item-image {
        max-width: 221px;
    }

    .mobile_content_section_2 .game-modes-item-text h3 {
        font-size: 14px;
        padding: 0 0 1px 0;
    }
    .game-modes-item-text .game-modes-item-excerpt {
        font-size: 12px;
    }

    .mobile_section_4 .gallery_content .gallery_item .slider-text-header {
        font-size: 18px;
    }
    .mobile_section_4 .gallery_content .gallery_item .clan-description {
        height: 124px;
    }
    .gallery_item:nth-of-type(2).opened .slider-content-container,
    .gallery_item:nth-of-type(3).opened .slider-content-container {
        width: 31%;
    }
    .mobile_section_4 .gallery_content .gallery_item:nth-of-type(even) .clan-hero {
        left: 170px!important;
    }
    .mobile_section_4 .gallery_content .clan-hero.opened {
        left: 190px;
    }
}