/*
Theme Name: inlogic-child
Template: Impreza
Author: oktodigital
Author URI: http://oktodigital.com/
*/


/*****************************
**
** HANDIES
**
******************************/

.m-0,
.wpb_wrapper .g-cols>.m-0 {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

.d-none {
    display: none !important;
}

.height100 {
    height: 100%;
}

@media only screen and (max-width: 991px) {
    .g-cols.reversedTo992 {
        flex-direction: column-reverse;
    }
}

.w-btn,
img,
label {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.w-image-meta {
    font-size: 14px;
    padding-top: 15px;
}

.w-post-elm.type_image,
img {
    line-height: 0;
}

ul {
    margin-left: 30px;
}

ul li {
    margin-bottom: 0;
}


/**** Highlight Color ****/

::-moz-selection {
    background: #EF7E02;
    color: #ffffff;
    /* WebKit/Blink Browsers */
}

::selection {
    background: #EF7E02;
    color: #ffffff;
    /* WebKit/Blink Browsers */
}

::-moz-selection {
    background: #EF7E02;
    color: #ffffff;
    /* Gecko Browsers */
}


/***** TYPOGRAPHY & GENERAL ELEMENTS STYLE *****/


/**** Editor Styles ****/

.perex {
    font-family: 'ITC-medium', sans-serif;
    letter-spacing: -0.6px;
    font-size: 18px;
    line-height: 1.333;
    color: #0F0F0F;
    margin-bottom: 30px;
}

.color_alternate .perex {
    color: #ffffff;
}

@media only screen and (min-width: 768px) {
    .perex {
        font-size: 30px;
        margin-bottom: 50px;
        letter-spacing: -1px;
    }
}

.no-wrap {
    white-space: nowrap;
}


/**** Custom Font Styles ****/

em {
    font-weight: 400;
}

b,
strong {
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
    color: #0F0F0F;
    letter-spacing: 0;
}

em>strong,
strong>em {
    font-style: italic;
    font-weight: 700;
}

.color_alternate strong,
.color_alternate b {
    color: #ffffff;
}


/**** Default Font & Elements Styles ****/

p,
ul,
ol,
dl,
address,
pre,
table,
blockquote,
fieldset,
.wp-caption,
.w-gallery {
    margin-bottom: 1.67rem;
}

h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
ul:last-child,
ol:last-child,
li:last-child,
pre:last-child,
table:last-child,
address:last-child,
fieldset:last-child,
blockquote:last-child,
.wp-caption:last-child,
.w-gallery:last-child {
    margin-bottom: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    padding-top: 0;
}

body h1 {
    letter-spacing: -1.2px;
}

body h2 {
    letter-spacing: -1px;
}

body h3 {
    letter-spacing: -0.8px;
}

body h4 {
    letter-spacing: -0.8px;
}

@media only screen and (min-width: 768px) {
    body h1 {
        letter-spacing: -2.4px;
    }
    body h2 {
        letter-spacing: -1.6px;
    }
    body h3 {
        letter-spacing: -1px;
    }
}

h1 .title-light,
h2 .title-light,
h3 .title-light,
h4 .title-light,
h5 .title-light,
h6 .title-light {
    font-family: 'ITC-medium', sans-serif;
    font-weight: 500;
}

.wpb_text_column a:not(.w-btn) {
    text-decoration: none;
}

.wpb_text_column a:not(.w-btn):hover {
    text-decoration: underline;
}


/***** Scroll *****/

.scroll {
    position: absolute;
    text-align: center;
    bottom: -50px;
}


/***** BUTTONS *****/


/**** general ****/

.w-btn-wrapper {
    line-height: 1;
}

.w-btn-wrapper.width_auto.align_left>a {
    text-align: left;
}


/**** styling ****/

.w-btn.us-btn-style_1,
button[type="submit"]:not(.w-btn),
input[type="submit"] {
    text-align: center !important;
    min-width: 200px;
}

@media only screen and (max-width: 767px) {
    .w-btn.us-btn-style_3,
    .w-btn.us-btn-style_4 {
        font-size: 16px;
        line-height: 20px !important;
        padding: 1.25em 2.2em;
    }
}

.wpcf7-submit {
    padding: .89em 2em !important;
}

.w-btn.icon_atright i {
    margin-left: 10px;
}

.w-btn.icon_atleft i {
    margin-right: 10px;
}


/***** HEADER *****/


/**** General ****/

.state_default .w-nav .hideOnDesktop>a {
    display: none !important;
}

.state_tablets .w-nav .hideOnTablets>a {
    display: none !important;
}

.state_mobiles .w-nav .hideOnMobiles>a {
    display: none !important;
}

.state_default .w-nav .menu-item-object-us_page_block {
    display: none;
}


/**** Desktop menu ****/

.l-header.shadow_thin .l-subheader.at_middle,
.l-header.shadow_thin .l-subheader.at_bottom,
.l-header.shadow_none.sticky .l-subheader.at_middle,
.l-header.shadow_none.sticky .l-subheader.at_bottom {
    box-shadow: none !important;
}

.w-nav.type_desktop .level_1.menu-item .w-nav-title {
    font-size: 15px;
}

.no-touch .w-nav.type_desktop .level_1.menu-item::after {
    display: block;
    content: '';
    position: absolute;
    left: 5%;
    bottom: -24px;
    height: 5px;
    width: 90%;
    opacity: 0;
    background: #EF7E02;
    transition: all .3s ease;
    pointer-events: none;
}

.no-touch .w-nav.type_desktop .level_1.menu-item:hover::after,
.no-touch .w-nav.type_desktop .level_1.current-menu-item::after {
    opacity: 1;
    bottom: -12px;
}

.no-touch header.sticky .w-nav.type_desktop .level_1.menu-item:hover::after,
.no-touch header.sticky .w-nav.type_desktop .level_1.current-menu-item::after {
    bottom: -7px;
    opacity: 1;
}

.no-touch .w-nav.type_desktop .level_1.menu-item .w-nav-title {
    color: #0F0F0F;
}

.no-touch #page-header.id_208:not(.sticky) .w-nav.type_desktop .level_1.menu-item .w-nav-title {
    color: #ffffff;
}

.header_hor .w-nav.type_desktop>.w-nav-list {
    margin-left: -22px;
    margin-right: -22px;
}

@media only screen and (min-width: 900px) {
    #page-header .l-subheader.width_full {
        padding-left: 75px;
        padding-right: 75px
    }
}


/**** Mobile menu ****/

.w-nav-icon {
    color: #EF7E02;
}

.w-nav-close {
    opacity: 1;
    color: #EF7E02;
}

@media only screen and (max-width: 767px) {
    .w-nav-close {
        font-size: 28px;
    }
}

.w-nav-close::before {
    font-weight: 300;
}

.ush_menu_1.type_mobile .w-nav-anchor.level_1 .w-nav-title {
    letter-spacing: -0.8px;
    line-height: 1.5;
}

.w-nav.type_mobile.m_layout_fullscreen .w-nav-list.level_1>li:first-child {
    margin-top: 48px;
}

.w-nav.type_mobile.m_layout_fullscreen .w-nav-list.level_1>li:nth-last-child(2) {
    margin-bottom: 0;
    margin-top: auto;
}

.w-nav.type_mobile.m_layout_fullscreen .w-nav-list.level_1 {
    padding: 2rem 30px 30px 30px;
}

.header_hor .l-header .socialLinks.w-socials {
    margin-top: 30px;
}

.header_hor .l-header .socialLinks.w-socials .w-socials-list {
    white-space: initial;
}

.state_mobiles:not(.admin-bar) #page-header .logo {
    position: fixed;
    z-index: 99;
}


/***** SOCIAL LINKS *****/

.socialLinks.w-socials {
    text-align: center;
}

.socialLinks .w-socials-item-link {
    line-height: 42px;
    width: 42px;
    border-radius: 6px;
    box-shadow: none;
    border: 1px solid #EF7E02 !important;
}

@media only screen and (min-width: 375px) {
    .socialLinks .w-socials-item-link {
        line-height: 60px;
        width: 60px;
    }
}

.socialLinks .w-socials-item-link i {
    font-size: 24px;
}


/***** FORM INPUTS *****/


/**** Custom Styling ****/


/* layout */

@media only screen and (min-width: 768px) {
    .wpcf7 form.wpcf7-form .row {
        display: flex;
    }
    .wpcf7 form.wpcf7-form .row.flex-wrap {
        flex-wrap: wrap;
    }
    .wpcf7 form.wpcf7-form .leftColumn {
        margin-right: 15px;
        width: calc(50% - 15px);
    }
    .wpcf7 form.wpcf7-form .rightColumn {
        margin-left: 15px;
        width: calc(50% - 15px);
    }
    .wpcf7 form.wpcf7-form .fullColumn {
        width: 100%;
    }
}


/* typography */

.wpcf7 form.wpcf7-form h1,
.wpcf7 form.wpcf7-form h2,
.wpcf7 form.wpcf7-form h3,
.wpcf7 form.wpcf7-form h4,
.wpcf7 form.wpcf7-form h5,
.wpcf7 form.wpcf7-form h6 {
    color: #0F0F0F;
}


/**** CHANGE: ****/


/** required * **/

@media only screen and (max-width: 767px) {
    .wpcf7 {
        width: calc(100% - 26px);
    }
}

.wpcf7 form.wpcf7-form label.required:not(.customLabel)+span::after,
.wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item::after {
    content: "*";
    color: #FF5A40;
    font-family: 'ITC-bold', sans-serif;
    font-weight: 500;
    position: absolute;
    width: 16px;
    top: 2px;
    right: -26px;
    font-size: 24px;
    line-height: 1;
}

.wpcf7 form.wpcf7-form label.required.customLabel {
    display: inline-block;
}

.wpcf7 form.wpcf7-form label.required.customLabel::after {
    content: "*";
    color: #FF5A40;
    font-family: 'ITC-bold', sans-serif;
    font-weight: 500;
    position: relative;
    width: 16px;
    top: 2px;
    left: 10px;
    font-size: 24px;
    line-height: 1;
}


/** end of required * **/

.wpcf7 form.wpcf7-form .formHeading {
    font-size: 18px;
    line-height: 1.333;
    letter-spacing: 0;
    font-weight: 700;
    font-family: "Roboto", sans-serif;
    margin-bottom: 25px;
}

.wpcf7 form.wpcf7-form .formGroup {
    margin-bottom: 30px;
}

@media only screen and (min-width: 768px) {
    .wpcf7 form.wpcf7-form .formGroup {
        margin-bottom: 50px;
    }
}

.wpcf7-form-control.wpcf7-acceptance,
.wpcf7-form-control.wpcf7-checkbox {
    display: block;
    padding: 0;
    margin-bottom: 20px;
}

.wpcf7-form-control.wpcf7-acceptance span.wpcf7-list-item,
.wpcf7-form-control.wpcf7-checkbox span.wpcf7-list-item {
    margin-right: 0;
}


/* div.wpcf7 .ajax-loader {
    display: none !important;
} */

div.wpcf7 .ajax-loader {
    position: absolute;
    top: 50%;
    right: -26px;
    transform: translateY(-50%);
}

.wpcf7-form-control-wrap.help span.wpcf7-list-item {
    display: block;
    margin-bottom: 15px;
}

.wpcf7-form-control-wrap.help span.wpcf7-list-item.last {
    margin-bottom: 0;
}

.wpcf7 form.wpcf7-form p {
    position: relative;
}

.wpcf7 input[type="submit"] {
    display: block;
    margin: 0 auto;
}


/** General Styling **/

.wpcf7 .wpcf7-form-control-wrap {
    width: 100%;
    position: relative;
    display: block;
}

.wpcf7 form.wpcf7-form p {
    line-height: 0;
    margin-bottom: 20px;
}

.wpcf7 form.wpcf7-form p:last-of-type {
    margin-bottom: 0;
}

.wpcf7 form.wpcf7-form p>label {
    color: #0F0F0F;
    font-size: 18px;
    line-height: 1.33;
    font-weight: 700;
    font-family: inherit;
    display: block;
    margin-bottom: 15px;
}

.wpcf7 form.wpcf7-form p>label.md-label {
    top: calc((55px - 20px) / 2);
    color: rgba(15, 15, 15, 0.50);
    position: absolute;
    left: 30px;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    z-index: 10;
    background: rgba(246, 246, 246, 0.0);
    transition: all 0.3s ease-in-out;
}

.wpcf7 form.wpcf7-form p>label.md-label.active {
    top: calc(-1 * (20px / 2));
    font-size: 10px;
    left: calc(1.88rem - 10px);
    padding: 0 10px;
    background: #F6F6F6;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out;
}

@media only screen and (max-width: 374px) {
    .wpcf7 form.wpcf7-form p>label.md-label {
        left: 10px;
        font-size: 14px;
    }
    .wpcf7 form.wpcf7-form p>label.md-label.active {
        left: 10px;
        padding: 0 5px;
    }
    .wpcf7 input:not([type="submit"]) {
        padding: 0 15px;
    }
}

.wpcf7 input:not([type="submit"]).wpcf7-not-valid,
.wpcf7 textarea.wpcf7-not-valid,
.wpcf7 select.wpcf7-not-valid {
    border: 1px solid #d21113;
}

.wpcf7 form.wpcf7-form span.wpcf7-not-valid-tip {
    color: #d21113;
    font-size: 14px;
    line-height: 21px;
    margin-top: 4px;
    font-weight: 400;
    font-family: inherit;
}

.wpcf7-form textarea {
    line-height: 1.5;
}

.wpcf7-form textarea,
.wpcf7-form select,
.wpcf7-form input:not([type="submit"]),
.wpcf7-form input:not([type="checkbox"]),
.wpcf7-form input:not([type="radio"]) {
    margin-top: 0;
}

.wpcf7-form input[type="checkbox"],
.wpcf7-form input[type="radio"] {
    margin-top: -1px;
}

.wpcf7-form select {
    -moz-appearance: none;
    /* Firefox */
    -webkit-appearance: none;
    /* Safari and Chrome */
    -o-appearance: none;
    /* Opera */
    appearance: none;
    position: relative;
    cursor: pointer;
    background: transparent url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23EF7E02%22%2F%3E%3C%2Fsvg%3E) no-repeat right 20px top 55%;
}

.wpcf7-form select:disabled {
    background: transparent url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23BDC9CD%22%2F%3E%3C%2Fsvg%3E) no-repeat right 20px top 55%;
}

.wpcf7-form input:not([type="submit"]):disabled,
.wpcf7-form select:disabled,
.wpcf7-form textarea:disabled {
    color: #999999;
    border-color: #dddddd;
}


/** custom checkbox styling **/

.wpcf7 input[type="checkbox"] {
    display: none;
}

.wpcf7 input[type="checkbox"]+span {
    display: inline-block;
    position: relative;
    /* checkbox width + 2xborder + gap */
    padding-left: calc(20px + 2px + 10px);
    /* CHANGE - same as form input label in most cases */
    color: rgba(15, 15, 15, 0.65);
    font-size: 15px;
    line-height: 1.6;
    font-weight: 400;
    font-family: inherit;
    /* text-transform: uppercase; */
}

.wpcf7 input[type="checkbox"]+span a {
    text-decoration: underline;
}

.wpcf7 input[type="checkbox"]+span a:hover {
    text-decoration: none;
}

.wpcf7 input[type="checkbox"]+span::before,
.wpcf7 input[type="checkbox"]+span::after {
    display: block;
    position: absolute;
    /* (span line-height - (new input height + 2xborder) ) / 2 */
    top: calc((24px - (20px + 2px)) / 2);
    left: 0;
    /* CHANGE */
    border-radius: 3px;
    /* height - 2xborder */
    height: calc(20px - 2px);
    width: calc(20px - 2px);
    line-height: calc(20px - 2px);
    background: transparent;
    border-width: 1px;
    border-style: solid;
}

.wpcf7 input[type="checkbox"]+span::before {
    content: "";
    border-color: rgba(15, 15, 15, 0.20);
}

.wpcf7 input[type="checkbox"]+span:after {
    font-family: "fontawesome";
    content: "\f00c";
    visibility: hidden;
    text-align: center;
    /* CHANGE */
    font-size: 14px;
    font-weight: 400;
    color: #ffffff;
    background: #EF7E02;
    border-color: #EF7E02;
}

.wpcf7 input[type="checkbox"]:checked+span:before {
    background: transparent;
}

.wpcf7 input[type="checkbox"]:checked+span:after {
    visibility: visible;
}


/* error state*/

.wpcf7 .wpcf7-not-valid input[type="checkbox"]+span {
    color: #d21113;
}

.wpcf7 .wpcf7-not-valid input[type="checkbox"]+span:before {
    border-color: #d21113;
    background: #ffffff;
}

.wpcf7 .wpcf7-not-valid input[type="checkbox"]+span:after {
    border-color: #d21113;
    background: #d21113;
    color: #ffffff;
}


/* disabled state */

.wpcf7 input[type="checkbox"]:disabled+span {
    color: #dddddd;
}

.wpcf7 input[type="checkbox"]:disabled+span:before {
    border-color: #dddddd;
    background: #ffffff;
}

.wpcf7 input[type="checkbox"]:disabled+span:after {
    border-color: #dddddd;
    background: #dddddd;
    color: #999999;
}


/** custom radio styling **/

.wpcf7 input[type="radio"] {
    display: none;
}

.wpcf7 input[type="radio"]+span {
    display: inline-block;
    position: relative;
    /* checkbox width + 2xborder + gap */
    padding-left: calc(20px + 2px + 10px);
    /* CHANGE */
    color: rgba(15, 15, 15, 0.65);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.6;
    font-family: inherit;
    /* text-transform: uppercase; */
}

.wpcf7 input[type="radio"]+span::before,
.wpcf7 input[type="radio"]+span::after {
    display: block;
    position: absolute;
    /* (span line-height - (new input height + 2xborder) ) / 2 */
    top: calc((24px - (20px + 2px)) / 2);
    left: 0;
    border-radius: 50%;
    /* CHANGE */
    background: #ffffff;
}

.wpcf7 input[type="radio"]+span::before {
    content: "";
    /* height - 2xborder */
    width: calc(20px - 2px);
    height: calc(20px - 2px);
    line-height: calc(20px - 2px);
    border: 1px solid rgba(15, 15, 15, 0.20);
}

.wpcf7 input[type="radio"]:checked+span::after {
    content: "";
    /* CHANGE */
    /* width / height of center circle */
    width: 8px;
    height: 8px;
    /* (width of radio btn - center circle) / 2 */
    border: calc((20px - 8px) / 2) solid #EF7E02;
}


/* error state */

.wpcf7 .wpcf7-not-valid input[type="radio"]+span {
    color: #d21113;
}

.wpcf7 .wpcf7-not-valid input[type="radio"]+span::before {
    border-color: #d21113;
    background: #ffffff;
}

.wpcf7 .wpcf7-not-valid input[type="radio"]:checked+span::after {
    border-color: #d21113;
    background: #ffffff;
}


/* disabled state */

.wpcf7 input[type="radio"]:disabled+span {
    color: #dddddd;
}

.wpcf7 input[type="radio"]:disabled+span::before {
    border-color: #dddddd;
    background: #ffffff;
}

.wpcf7 input[type="radio"]:checked:disabled+span::after {
    border-color: #999999;
    background: #dddddd;
}


/** file input styling **/


/* we must create label for this input[type="file"] ID */

.wpcf7 form.wpcf7-form input[type="file"] {
    position: absolute;
    left: -99999rem;
}

.wpcf7 form.wpcf7-form .uploadFile {
    display: inline-block;
    cursor: pointer;
    text-align: center;
    margin: 0;
    transition: all 0.3s ease;
    font-family: "ITC-bold", sans-serif;
    font-weight: 700;
    color: #EF7E02;
    font-size: 15px;
    line-height: 1.33;
    padding: 10px 20px;
    background-color: transparent;
    border: 2px solid #EF7E02;
    border-radius: 50px;
    box-shadow: none;
}


/* .wpcf7 form.wpcf7-form .uploadFile i {
    color: #162088;
    transition: color 0.3s ease;
    margin-left: 10px;
} */

.wpcf7 form.wpcf7-form .uploadFile:hover {
    color: #ffffff;
    border-color: #EF7E02;
    background-color: #EF7E02;
    box-shadow: none;
}

.wpcf7 form.wpcf7-form .fileWrapper p {
    margin-bottom: 0;
}

.wpcf7 form.wpcf7-form .fileWrapper .fileLabel {
    color: #0F0F0F;
    font-size: 18px;
    line-height: 1.33;
    font-weight: 700;
    font-family: inherit;
    display: block;
    margin-bottom: 15px;
}

.wpcf7 form.wpcf7-form .fileHolder .filePreview {
    padding: 15px 20px;
    border-radius: 3px;
    background: rgba(15, 15, 15, 0.02);
    margin-top: 15px;
    font-size: 16px;
    line-height: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.wpcf7 form.wpcf7-form .fileHolder .filePreview .file i {
    color: rgba(15, 15, 15, 0.4);
    margin-right: 12px;
    font-size: 16px;
}

.wpcf7 form.wpcf7-form .fileHolder .filePreview .file .fileSize {
    margin-left: 5px;
    display: inline-block;
    color: rgba(15, 15, 15, 0.4);
}

.wpcf7 form.wpcf7-form .fileHolder .filePreview .action i {
    color: #D21113;
    margin-right: 12px;
    font-size: 16px;
}

.wpcf7 form.wpcf7-form .fileUploadInfo {
    margin-top: 10px;
}

.wpcf7 form.wpcf7-form .fileUploadInfo p {
    font-size: 13px;
    line-height: 1.5;
}

.wpcf7 form.wpcf7-form .fileUploadInfo p:not(:last-child) {
    margin-bottom: 4px;
}


/** Response output **/

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.sent .wpcf7-response-output,
.wpcf7 form .wpcf7-response-output {
    border: none;
    margin: 30px 0 0 0;
    color: #0F0F0F;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.5;
    border-radius: 5px;
    background-color: transparent;
    padding: 30px;
    border: 1px solid #0F0F0F;
    text-align: center;
}

.wpcf7 form.invalid .wpcf7-response-output {
    color: #d21113;
    border: 1px solid #d21113;
}

@media only screen and (min-width: 768px) {
    .wpcf7 form.invalid .wpcf7-response-output,
    .wpcf7 form.unaccepted .wpcf7-response-output,
    .wpcf7 form.sent .wpcf7-response-output,
    .wpcf7 form .wpcf7-response-output {
        margin: 50px 0 0 0;
    }
}


/*** Custom Successfull Response Output ****/

.formResponse {
    display: none;
}


/*****************************
**
** FOOTER
**
******************************/


/**** General ****/

#page-footer h1,
#page-footer h2,
#page-footer h3,
#page-footer h4,
#page-footer h5,
#page-footer h6 {
    color: #EF7E02;
}


/**** Layout ****/

#page-footer .footerWrapper {
    padding: 80px 20px;
}

@media only screen and (min-width: 768px) {
    #page-footer .footerWrapper {
        padding: 100px 0 80px 0;
    }
}

#page-footer .footerWrapper .footerTop .w-image {
    margin-bottom: 80px;
}

@media only screen and (min-width: 768px) {
    #page-footer .footerWrapper .footerTop .w-image {
        margin-bottom: 100px;
    }
}

@media only screen and (max-width: 767px) {
    #page-footer .footerWrapper .footerMiddle .leftPart {
        padding-bottom: 50px;
        margin-bottom: 0;
    }
    #page-footer .footerWrapper .footerMiddle .rightPart {
        padding-top: 50px;
        margin-bottom: 0;
        border-top: 1px solid rgba(255, 255, 255, .2);
    }
}

@media only screen and (min-width: 768px) {
    #page-footer .footerWrapper .footerMiddle .leftPart {
        padding: 100px 1px 100px 0;
    }
    #page-footer .footerWrapper .footerMiddle .rightPart {
        padding: 100px 0;
        border-left: 1px solid rgba(255, 255, 255, .2);
    }
}

#page-footer .footerWrapper .footerMiddle h3 {
    margin-bottom: 0;
    font-size: 24px;
    line-height: 1.25;
    letter-spacing: -0.03em;
}

@media only screen and (min-width: 768px) {
    #page-footer .footerWrapper .footerMiddle h3 {
        font-size: 48px;
    }
}

#page-footer .footerWrapper .footerMiddle p {
    font-size: 16px;
    line-height: 1.33;
}

@media only screen and (min-width: 768px) {
    #page-footer .footerWrapper .footerMiddle p {
        font-size: 18px;
    }
}

#page-footer .footerWrapper .footerMiddle p:not(:last-child) {
    margin-bottom: 15px;
}

@media only screen and (min-width: 768px) {
    #page-footer .footerWrapper .footerMiddle p:not(:last-child) {
        margin-bottom: 35px;
    }
}

#page-footer .footerWrapper .footerMiddle strong {
    font-size: 18px;
    line-height: 1.67;
    letter-spacing: -0.03em;
    color: #ffffff;
    font-family: 'ITC-bold', sans-serif;
}

@media only screen and (min-width: 768px) {
    #page-footer .footerWrapper .footerMiddle strong {
        font-size: 30px;
    }
}

#page-footer .footerWrapper .footerBottom .socialLinks.w-socials {
    margin: 50px 0;
}

#page-footer .footerWrapper .footerBottom ul {
    list-style: none;
    text-align: center;
    margin: 0;
    padding: 0;
}

#page-footer .footerWrapper .footerBottom ul li {
    font-size: 13px;
    line-height: 1.5;
    margin-bottom: 0;
}

@media only screen and (min-width: 768px) {
    #page-footer .footerWrapper .footerBottom ul {
        display: flex;
        justify-content: center;
    }
    #page-footer .footerWrapper .footerBottom ul li:not(:last-child) {
        margin-right: 20px;
        padding-right: 20px;
        border-right: 1px solid rgba(255, 255, 255, .65);
    }
}


/*******
**
** CUSTOM BUTTONS
**
********/

.btnWithArrow {
    font-size: 15px;
    line-height: 1.2;
    display: flex;
}

.btnWithArrow a {
    color: #0F0F0F;
    display: flex;
}

.color_alternate .btnWithArrow a {
    color: #FFFFFF;
}

.no-touch .btnWithArrow a:hover {
    color: #EF7E02;
}

.btnWithArrow .regular {
    font-family: 'ITC-medium', sans-serif;
}

.btnWithArrow .bold {
    font-family: 'ITC-bold', sans-serif;
    margin-left: 2px;
}

.btnWithArrow .iconBefore,
.btnWithArrow .iconAfter {
    display: block;
    max-width: 100%;
    transition: width .3s ease;
}

.btnWithArrow .iconAfter {
    padding-left: 15px;
}

.btnWithArrow .iconBefore {
    width: 0;
}

.no-touch .btnWithArrow:hover a {
    color: #EF7E02;
}

.no-touch .btnWithArrow:hover .iconBefore {
    width: auto;
    margin-right: 15px;
    transition: width .3s ease;
}

.no-touch .btnWithArrow:hover .iconAfter {
    width: 0;
    margin-left: 0;
    transition: width .3s ease;
}


/*******
**
** TESTIMONIALS
**
********/

.sliderContainer .testimonialsSlider .testimonial .testimonialWrapper {
    margin-bottom: 30px;
}

@media only screen and (min-width: 768px) {
    .sliderContainer .testimonialsSlider .testimonial .testimonialWrapper {
        margin-left: 95px;
    }
}

.sliderContainer .testimonialsSlider .testimonial .testimonialWrapper .about {
    font-size: 18px;
    line-height: 1.667;
}

.sliderContainer .testimonialsSlider .testimonial .userWrapper {
    display: flex;
    align-items: center;
}

.sliderContainer .testimonialsSlider .testimonial .userWrapper .photoWrapper {
    margin-right: 30px;
    max-width: 65px;
    height: auto;
    line-height: 0;
}

.sliderContainer .testimonialsSlider .testimonial .userWrapper .photoWrapper img {
    border-radius: 50%;
    line-height: 0;
}

.sliderContainer .testimonialsSlider .testimonial .userWrapper .metaWrapper {
    font-size: 14px;
    line-height: 1.2;
    font-family: "Roboto", sans-serif;
    letter-spacing: 0;
}

.sliderContainer .testimonialsSlider .testimonial .userWrapper .metaWrapper p {
    margin: 0;
}

.sliderContainer .testimonialsSlider .swiper-pagination {
    position: static;
    margin-top: 50px;
}

.sliderContainer .testimonialsSlider .swiper-pagination .swiper-pagination-bullet {
    background: rgba(0, 0, 0, 0.25);
}

.sliderContainer .testimonialsSlider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #000000;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 6px;
}


/*****************************
**
** PAGES
**
******************************/


/***** CUSTOM LAYOUTS *****/

section.parallaxSection,
section.sliderSection,
section.mapSection {
    overflow: hidden;
}


/**** Mobile padding ****/


/* @media only screen and (max-width: 600px) {
    .l-subheader,
    .l-section {
        padding-left: 20px;
        padding-right: 20px;
    }
} */


/**** Custom Pages Layout ****/

.g-cols.type_default>div>.vc_column-inner {
    padding-left: 15px;
    padding-right: 15px;
}

.g-cols.type_default {
    margin-left: -15px;
    margin-right: -15px;
}

@media only screen and (max-width: 767px) {
    .g-cols>div:not([class*="vc_col-xs-"]):not(.m-0),
    .g-cols>div:not([class*=" vc_col-"]):not(.m-0) {
        margin-bottom: 1.67rem !important;
    }
    .g-cols.type_boxes>div,
    .g-cols.reversed>div:first-child,
    .g-cols:not(.reversed)>div:last-child,
    .g-cols>div.has-fill {
        margin-bottom: 0 !important;
    }
}


/**** Left Column / right margin ****/

@media only screen and (min-width: 1024px) {
    .left-column>.vc_column-inner>.wpb_wrapper {
        margin-right: 46px;
    }
}


/**** Grid Wrapper - Vc Row Inner Columns Listing Style ****/


/* FIX: auto add bottom-margin to columns in inner_row with class gridWrapper */

.g-cols.gridWrapper.type_default>div[class*="vc_col-md-"],
.g-cols.gridWrapper.type_default>div[class*="vc_col-lg-"] {
    margin-top: 0;
}

@media only screen and (min-width: 768px) {
    .gridWrapper.g-cols.via_flex {
        margin-bottom: -50px;
    }
    .gridWrapper.g-cols.via_flex>.wpb_column {
        margin-bottom: 50px;
    }
}

.gridWrapper.g-cols.via_flex .wpb_wrapper {
    height: 100%;
}


/**** Page Custom Styles ****/

.sectionHeading.big.wpb_text_column:not(:last-child),
.sectionHeading.wpb_text_column:not(:last-child),
.sectionHeading.small.wpb_text_column:not(:last-child),
.sectionHeading.big.post_title {
    margin-bottom: 30px;
}

.sectionHeading h2:not(:last-child) {
    margin-bottom: 15px;
}

.sectionHeading.big {
    margin-top: 30px;
}

.text h3 {
    margin-bottom: 15px;
}

@media only screen and (max-width: 767px) {
    .text h2 {
        font-size: 24px;
        letter-spacing: -0.8px;
        line-height: 1.33;
        margin-bottom: 15px;
        margin-top: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .sectionHeading.publishing h3 {
        font-size: 18px;
        letter-spacing: -0.6px;
        line-height: 30px;
    }
    .sectionHeading.form h2 {
        margin-bottom: 50px;
    }
}

@media only screen and (min-width: 768px) {
    .sectionHeading.wpb_text_column:not(:last-child) {
        margin-bottom: 80px;
    }
    .sectionHeading.small.wpb_text_column:not(:last-child) {
        margin-bottom: 50px;
    }
    .sectionHeading.big.wpb_text_column:not(:last-child) {
        margin-bottom: 100px;
    }
    .sectionHeading.big {
        margin-top: 70px
    }
    .sectionHeading.big.post_title {
        margin-bottom: 100px;
    }
    .text h3 {
        margin-bottom: 25px;
    }
}

@media only screen and (min-width: 1024px) {
    .sectionHeading.big h1 {
        max-width: calc((8 / 12) * 100%);
    }
}


/***** HOMEPAGE *****/


/**** Changing String ****/

@media only screen and (max-width: 374px) {
    h1.changingString {
        font-size: 30px;
    }
}

.changingString,
.changingString:last-child {
    margin-bottom: 30px;
}

@media only screen and (min-width: 768px) {
    .changingString,
    .changingString:last-child {
        margin-bottom: 50px;
    }
}

.changingString .changing-text {
    overflow: hidden;
    height: 1.2em;
    display: inline-block;
    vertical-align: top;
}

.changingString .changing-text .changing-text_inner {
    transition: 0.5s;
}

.changingString .changing-text .changing-text_inner span {
    display: block;
    width: 100%;
}

.changingString .changing-text .changing-text_inner span span {
    display: inline-block;
    vertical-align: top;
    height: 1.2em;
    position: relative;
    width: auto;
    z-index: 2;
    left: -2px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-color: #EF7E02;
    text-decoration-thickness: 2px;
    text-underline-offset: 4px;
}

@media only screen and (min-width: 768px) {
    .changingString .changing-text .changing-text_inner span span {
        text-underline-offset: 6px;
        text-decoration-thickness: 4px;
    }
}


/**** perexWrapper ****/

.perexWrapper:not(:last-child) {
    margin-bottom: 50px;
}

.perexWrapper .wpb_text_column:not(:last-child) {
    margin-bottom: 30px;
}

@media only screen and (min-width: 768px) {
    .perexWrapper:not(:last-child) {
        margin-bottom: 75px;
    }
    .perexWrapper .wpb_text_column:not(:last-child) {
        margin-bottom: 50px;
    }
}

.perexWrapper .buttonsWrapper {
    margin-top: -0.3rem;
}


/**** SCS MSG wrapper ****/

.scsMsgWrapper .wpb_text_column:not(:last-child) {
    margin-bottom: calc(30px - 0.3rem);
}

@media only screen and (min-width: 768px) {
    .scsMsgWrapper .wpb_text_column:not(:last-child) {
        margin-bottom: calc(100px - 0.3rem);
    }
}


/**** cta wrapper ****/

.ctaWrapper h2 {
    margin-bottom: 30px;
}

.ctaWrapper:not(.fullwidth) .wpb_text_column p {
    max-width: 420px;
}

.ctaWrapper .wpb_text_column:not(:last-child) {
    margin-bottom: calc(30px - 0.3rem);
}

@media only screen and (min-width: 768px) {
    .ctaWrapper h2 {
        margin-bottom: 40px;
    }
    .ctaWrapper .wpb_text_column:not(:last-child) {
        margin-bottom: calc(80px - 0.3rem);
    }
}


/**** Logos ****/

.w-grid.layout_43 .w-grid-list {
    justify-content: space-between;
}

.w-grid.layout_43 .w-grid-list .w-grid-item:nth-child(2) img,
.w-grid.layout_43 .w-grid-list .w-grid-item:nth-child(4) img {
    max-height: 25px;
}

.w-grid.layout_43 .w-grid-list .w-grid-item img {
    max-height: 50px;
    margin-left: auto;
    margin-right: auto;
}

@media only screen and (max-width: 767px) {
    .w-grid.layout_43 img {
        max-height: 40px;
    }
}


/* @media only screen and (min-width: 1024px) {
    .w-grid.layout_43 .w-grid-list .w-grid-item {
        width: auto;
        flex-shrink: 1;
    }
} */


/**** counter ****/

@media only screen and (max-width: 767px) {
    #countersWrapper .counterWrapper.vc_column_container:not(:last-child) {
        margin-bottom: 50px !important;
    }
}

.counterWrapper .counter h3 {
    font-size: 48px;
    margin-bottom: 15px;
    line-height: 1;
    letter-spacing: -1.6px;
}

.counterWrapper .counter p {
    font-size: 15px;
    line-height: 1.2;
    color: #0F0F0F;
    font-family: "ITC-medium", sans-serif;
}

.color_alternate .counterWrapper .counter p {
    color: #FFFFFF;
}

@media only screen and (min-width: 1200px) {
    .counterWrapper .counter h3 {
        font-size: 72px;
        letter-spacing: -2.4px;
        margin-bottom: 25px;
    }
}


/***** PUBLISHING PAGE *****/


/**** Cooperation Banner ****/

.coopBanner .w-image {
    margin: 0 auto 30px auto;
}

.coopBanner .w-image img {
    width: 100%;
    max-width: 230px;
}

@media only screen and (min-width: 768px) {
    .coopBanner .w-image {
        margin-top: 10px;
        max-width: 520px;
    }
    .coopBanner .w-image img {
        max-width: 520px;
    }
}


/**** Offer ****/

.gridWrapper.offer h4 {
    margin-bottom: 15px;
}


/**** Tabs ****/

.tabs .tabsWrapper .tabsControlWrapper {
    border-bottom: 1px solid rgba(15, 15, 15, 0.15);
    margin-bottom: 30px;
}

@media only screen and (min-width: 768px) {
    .tabs .tabsWrapper .tabsControlWrapper {
        margin-bottom: 50px;
    }
}

.tabs .tabsWrapper .tabsControlWrapper .tabControls {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    max-width: 570px;
    margin: 0 auto;
}

.tabs .tabsWrapper .tabsControlWrapper .tabControls .tabControl {
    width: 50%;
    padding: 0 20px 35px;
    position: relative;
    text-align: center;
}

@media only screen and (min-width: 768px) {
    .tabs .tabsWrapper .tabsControlWrapper .tabControls .tabControl {
        padding: 0 40px 40px;
    }
}

.tabs .tabsWrapper .tabsControlWrapper .tabControls .tabControl img {
    max-height: 48px;
}

.tabs .tabsWrapper .tabsControlWrapper .tabControls .tabControl.active {
    pointer-events: none;
}

.tabs .tabsWrapper .tabsControlWrapper .tabControls .tabControl::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 100%;
    background: #EF7E02;
    height: 5px;
    transition: .16s all 0.025s;
}

.tabs .tabsWrapper .tabsControlWrapper .tabControls .tabControl.active::after {
    right: 0;
}

.tabs .tabsWrapper .tabsControlWrapper .tabControls .tabControl .tabTitle {
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.33;
    color: #0F0F0F;
    margin-top: 15px;
    letter-spacing: 0;
}

.tabs .tabsWrapper .tabContent:not(.active) {
    display: none;
}

@media only screen and (min-width: 768px) {
    .tabs .tabsWrapper .tabContent {
        width: calc((8 / 12) * 100%);
        margin-left: auto;
        margin-right: auto;
    }
}

.tabs .tabsWrapper .tabContent h2 {
    text-align: center;
    margin-bottom: 30px;
}

@media only screen and (min-width: 768px) {
    .tabs .tabsWrapper .tabContent h2 {
        margin-bottom: 50px;
    }
}

.tabs .tabsWrapper .tabContent .columns {
    display: flex;
    flex-wrap: wrap;
}

.tabs .tabsWrapper .tabContent .columns>div:not(:last-child) {
    margin-bottom: 30px;
}

.tabs .tabsWrapper .tabContent .columns>* {
    width: 100%;
}

@media only screen and (min-width: 768px) {
    .tabs .tabsWrapper .tabContent .columns {
        margin: -15px;
    }
    .tabs .tabsWrapper .tabContent .columns>* {
        width: 50%;
        padding: 15px;
        margin-bottom: 0;
    }
    .tabs .tabsWrapper .tabContent .columns>div:not(:last-child) {
        margin-bottom: 0;
    }
}

.tabs .tabsWrapper .tabContent h4 {
    margin-bottom: 15px;
}


/**** Team ****/

.teamGrid .innerWrapper {
    display: flex;
    flex-wrap: wrap;
    margin: -15px -10px;
}

.teamGrid .innerWrapper .member {
    width: calc((6 / 12) * 100%);
    padding: 15px 10px;
}

@media only screen and (min-width: 768px) {
    .teamGrid .innerWrapper .member {
        width: calc((4 / 12) * 100%);
        padding: 15px;
    }
    .teamGrid .innerWrapper {
        margin: -15px;
    }
}

@media only screen and (min-width: 1024px) {
    .teamGrid .innerWrapper .member {
        width: calc((2 / 12) * 100%);
        padding: 15px;
    }
}

@media only screen and (min-width: 768px) {
    .teamGrid .innerWrapper .member .topWrapper .photoWrapper {
        margin-bottom: 30px;
        line-height: 0;
    }
}

.teamGrid .innerWrapper .member .topWrapper .photoWrapper {
    margin-bottom: 15px;
}

.teamGrid .innerWrapper .member .topWrapper .photoWrapper img {
    border-radius: 10px;
}

.teamGrid .innerWrapper .member .topWrapper .name {
    font-size: 16px;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    line-height: 1.33;
    letter-spacing: 0;
    margin-bottom: 4px;
}

@media only screen and (min-width: 1024px) {
    .teamGrid .innerWrapper .member .topWrapper .name {
        font-size: 18px;
    }
}

.teamGrid .innerWrapper .member .topWrapper .role {
    font-size: 12px;
    line-height: 1.33;
    color: rgba(255, 255, 255, 0.65);
    margin-bottom: 0;
}

.teamGrid .innerWrapper .member .topWrapper {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

@media only screen and (min-width: 768px) {
    .teamGrid .innerWrapper .member .topWrapper {
        margin-bottom: 30px;
        padding-bottom: 30px;
    }
}

.teamGrid .innerWrapper .member .bottomWrapper .about {
    font-size: 12px;
    line-height: 1.67;
    color: rgba(255, 255, 255, 0.65);
}


/***** CONTACT PAGE *****/

.contacts .topContacts .perex {
    margin-bottom: 4px;
}

.contacts .topContacts {
    margin-bottom: 20px;
    padding-top: 20px;
}

.contacts .topContacts .wpb_text_column,
.contacts .middleContacts .wpb_text_column {
    margin-bottom: 30px;
}

@media only screen and (min-width: 768px) {
    .contacts .topContacts {
        margin-bottom: 0;
        padding-top: 0;
    }
    .contacts .topContacts .perex {
        margin-bottom: 8px;
    }
    .contacts .topContacts .wpb_text_column {
        margin-bottom: 100px;
    }
    .contacts .middleContacts .wpb_text_column {
        margin-bottom: 50px;
    }
}

.contacts .bottomContacts p {
    font-size: 15px;
    line-height: 1.6;
}

.mapSection {
    min-height: 375px;
}

.mapSection h2 {
    font-size: 36px;
    line-height: 1.2;
    font-family: "ITC-medium", sans-serif;
    margin: 50px 0 0 1.5rem;
}

.mapSection .l-section-img {
    visibility: hidden;
}

@media only screen and (min-width: 768px) {
    .mapSection .l-section-img {
        visibility: visible;
    }
    .mapSection {
        min-height: 1000px;
        background: none !important;
    }
    .mapSection h2 {
        font-size: 96px;
        margin: 80px 0 0 100px;
    }
}

@media only screen and (min-width: 1200px) {
    .mapSection h2 {
        font-size: 120px;
        margin: 124px 0 0 150px;
    }
}

.positions {
    margin: 30px 0;
}

@media only screen and (min-width: 768px) {
    .positions {
        margin: 50px 0 30px 0;
    }
}

.positions .position {
    padding: 30px 30px 30px 0;
    position: relative;
    border-top: 1px solid rgba(15, 15, 15, 0.15);
}

.positions .position:last-child {
    border-bottom: 1px solid rgba(15, 15, 15, 0.15);
}

.positions .position a.overRide {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
}

.positions .position::after {
    content: "\f105";
    font-family: "fontawesome";
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    color: #EF7E02;
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
}

@media only screen and (min-width: 768px) {
    .positions .position::after {
        right: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .positions .position .title {
        font-size: 18px;
        letter-spacing: -0.6px;
    }
}

.positions .position .title {
    transition: color .3s ease;
}

.positions .position:hover .title {
    color: #EF7E02;
}

.jobPositions .preText {
    font-size: 18px;
    line-height: 1.66;
}

.jobPositions .preText h2 {
    margin-bottom: 30px;
}

@media only screen and (min-width: 768px) {
    .jobPositions .preText h2 {
        margin-bottom: 50px;
    }
}

.jobPositions .postText {
    font-size: 14px;
    line-height: 1.5;
}

.jobPositions .postText p {
    margin: 0 auto;
    width: 275px;
}


/***** Tabs *****/

.preTitle.wpb_text_column:not(:last-child) {
    margin-bottom: 30px;
}

@media only screen and (min-width: 768px) {
    .preTitle.wpb_text_column:not(:last-child) {
        margin-bottom: 50px;
    }
}

.w-tabs.accordion>div>.w-tabs-section {
    border: none;
}

.w-tabs-section-header {
    padding: 0 0 10px 30px;
    position: relative;
}

.w-tabs-section-title {
    color: #0F0F0F;
    font-family: 'ITC-medium', sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.33;
    letter-spacing: -0.6px;
}

.w-tabs-section-title::before {
    content: "•";
    display: block;
    position: absolute;
    left: 0;
    top: 5px;
    line-height: 1;
}

@media only screen and (min-width: 768px) {
    .w-tabs-section-title {
        font-size: 24px;
        line-height: 1.67;
        letter-spacing: -0.8px;
    }
    .w-tabs-section-title::before {
        top: 10px;
    }
}

.w-tabs.accordion .w-tabs-section-content {
    font-size: 16px;
    line-height: 1.5;
    padding: 20px 30px 30px;
}

@media only screen and (min-width: 768px) {
    .w-tabs.accordion .w-tabs-section-content {
        font-size: 18px;
        line-height: 1.66;
    }
}

.no-touch .w-tabs-section-header:hover,
.no-touch .w-tabs-section-header:focus {
    background: none;
}


/**** Banner Wrapper ****/

.bannerWrapper .wpb_text_column:not(:last-child) {
    margin-bottom: calc(50px - 0.3rem);
}


/***** jobDetails *****/

.jobDetails {
    margin: 50px 0;
}

.jobDetails .innerWrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: -15px;
}

.jobDetails .innerWrapper .detail {
    padding: 15px;
}

@media only screen and (max-width: 767px) {
    .jobDetails .innerWrapper .detail {
        width: 100%;
    }
}

.jobDetails .innerWrapper .detail .label,
.jobDetails .innerWrapper .detail .value {
    font-family: 'ITC-medium', sans-serif;
    letter-spacing: -0.6px;
    font-size: 18px;
    line-height: 1.333;
}

.jobDetails .innerWrapper .detail .label {
    color: #0F0F0F;
}

.jobDetails .innerWrapper .detail .value {
    color: #EF7E02;
    margin-top: 8px;
}


/***** Post Content *****/

.postContent ul {
    margin-bottom: 50px;
}

.postContent p {
    margin-bottom: 30px;
}


/* @media only screen and (min-width: 768px) {
    .postContent ul,
} */

.postContent ul:last-child,
.postContent p:last-child {
    margin-bottom: 0;
}


/***** About *****/

@media only screen and (max-width: 767px) {
    .gallery>.vc_column_container.left>.vc_column-inner {
        padding-right: 5px !important;
    }
    .gallery>.vc_column_container.right>.vc_column-inner {
        padding-left: 5px !important;
    }
}

.gallery .w-image:not(:last-child) {
    margin-bottom: 10px;
}

@media only screen and (min-width: 768px) {
    .gallery .w-image:not(:last-child) {
        margin-bottom: 30px;
    }
}


/***** Games *****/


/**** filter ****/

#gamesGrid .gamesFilter {
    display: flex;
    flex-wrap: wrap;
    margin: -5px;
}

#gamesGrid .gamesFilter>a.filterTab {
    display: block;
    padding: 5px;
}

#gamesGrid .gamesFilter>a.filterTab span {
    font-family: 'ITC-medium', sans-serif;
    font-size: 14px;
    line-height: 1;
    padding: 10px 20px;
    border-radius: 3px;
    color: #0F0F0F;
    background-color: #EEEEEE;
    display: block;
    transition: all .3s ease;
}

#gamesGrid .gamesFilter>a.filterTab:hover span,
#gamesGrid .gamesFilter>a.filterTab.active span {
    color: #ffffff;
    background-color: #EF7E02;
}


/**** listing ****/


/*** layout ***/


/* #gamesGrid .innerWrapper {
    margin-top: 50px;
    text-align: center;
}

#gamesGrid .innerWrapper .gamesList {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-rows: auto;
    gap: 30px 20px;
}

#gamesGrid .innerWrapper .gamesList:not(:last-child) {
    margin-bottom: 30px;
}

#gamesGrid .innerWrapper .gamesList .game.casestudy {
    grid-column-end: span 2;
    grid-row-end: span 2;
}

@media only screen and (min-width: 768px) {
    #gamesGrid .innerWrapper .gamesList {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: auto;
        gap: 30px 30px;
    }
}
 */


/*** layout ***/


/* #gamesGrid.grid2 .innerWrapper {
    margin-top: 50px;
    text-align: center;
}

#gamesGrid.grid2 .innerWrapper {
    margin-top: 50px;
    text-align: center;
}

#gamesGrid.grid2 .innerWrapper .gamesList {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 30px 30px;
}

#gamesGrid.grid2 .innerWrapper .gamesList:not(:last-child) {
    margin-bottom: 30px;
}

#gamesGrid.grid2 .innerWrapper .gamesList .game.casestudy {
    grid-column-end: span 2;
    grid-row-end: span 2;
}

@media only screen and (min-width: 768px) {
    #gamesGrid.grid2 .innerWrapper .gamesList {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 30px 30px;
    }
} */


/*** game detail ***/

#gamesGrid .innerWrapper .gamesList .game {
    position: relative;
}

#gamesGrid .innerWrapper .gamesList .game a.overLink {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
}

#gamesGrid .innerWrapper .gamesList .game.playable a.playGame::before {
    content: url("assets/imgs/playgame.svg");
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    line-height: 0;
    opacity: 0;
    transition: opacity .3s ease;
}

#gamesGrid .innerWrapper .gamesList .game.playable a.playGame:hover::before {
    opacity: 1;
}

.no-touch #gamesGrid .innerWrapper .gamesList .game.casestudy:hover .actionsWrapper .btnWithArrow a {
    color: #EF7E02;
}

.no-touch #gamesGrid .innerWrapper .gamesList .game.casestudy:hover .actionsWrapper .btnWithArrow .iconBefore {
    width: auto;
    margin-right: 15px;
    transition: width .3s ease;
}

.no-touch #gamesGrid .innerWrapper .gamesList .game.casestudy:hover .actionsWrapper .btnWithArrow .iconAfter {
    width: 0;
    margin-left: 0;
    transition: width .3s ease;
}

#gamesGrid .innerWrapper .gamesList .game .topWrapper {
    margin-bottom: 15px;
    position: relative;
}

#gamesGrid .innerWrapper .gamesList .game .topWrapper .showGallery {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
}

#gamesGrid .innerWrapper .gamesList .game .topWrapper .badge {
    position: absolute;
    top: 0;
    left: 15px;
    z-index: 33;
}

@media only screen and (min-width: 768px) {
    #gamesGrid .innerWrapper .gamesList .game .topWrapper .badge {
        left: 30px;
    }
    #gamesGrid .innerWrapper .gamesList .game .topWrapper {
        margin-bottom: 20px;
    }
}

#gamesGrid .innerWrapper .gamesList .game .topWrapper .photoWrapper,
#gamesGrid .innerWrapper .gamesList .game .topWrapper .photoWrapper img {
    border-radius: 10px;
    line-height: 0;
    text-align: left;
}

#gamesGrid .innerWrapper .gamesList .game .bottomWrapper {
    text-align: left;
}

#gamesGrid .innerWrapper .gamesList .game .bottomWrapper .gameTitle {
    font-size: 16px;
    font-family: 'Roboto';
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 10px;
    letter-spacing: 0;
}

@media only screen and (min-width: 768px) {
    #gamesGrid .innerWrapper .gamesList .game .bottomWrapper .gameTitle {
        font-size: 18px;
    }
    /* #gamesGrid .innerWrapper .gamesList .game:not(.casestudy) .bottomWrapper .metaWrapper {
        min-height: 46px;
    } */
}

#gamesGrid .innerWrapper .gamesList .game .bottomWrapper .metaWrapper .terms {
    display: flex;
    flex-wrap: wrap;
    margin: -10px;
    font-size: 12px;
    line-height: 1.5;
}

#gamesGrid .innerWrapper .gamesList .game .bottomWrapper .metaWrapper .terms .genre,
#gamesGrid .innerWrapper .gamesList .game .bottomWrapper .metaWrapper .terms .screenshots {
    padding: 10px;
    position: relative;
}

#gamesGrid .innerWrapper .gamesList .game .bottomWrapper .metaWrapper .terms .genre+.screenshots::before {
    content: "";
    height: 10px;
    width: 1px;
    background: rgba(15, 15, 15, 0.65);
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

#gamesGrid .innerWrapper .gamesList .game .bottomWrapper .metaWrapper .screenshots,
#gamesGrid .innerWrapper .gamesList .game .bottomWrapper .metaWrapper .screenshots a {
    font-size: 12px;
    line-height: 1.5;
    color: rgba(15, 15, 15, 0.65);
    transition: color .3s ease;
}

.no-touch #gamesGrid .innerWrapper .gamesList .game.noplayable:hover .bottomWrapper .metaWrapper .screenshots {
    text-decoration: underline;
    color: #EF7E02;
}

.no-touch #gamesGrid .innerWrapper .gamesList .game.playable .bottomWrapper .metaWrapper .screenshots:hover a {
    text-decoration: underline;
    color: #EF7E02;
}

#gamesGrid .innerWrapper .gamesList .game .bottomWrapper .actionsWrapper {
    margin-top: 15px;
}

@media only screen and (min-width: 768px) {
    #gamesGrid .innerWrapper .gamesList .game .bottomWrapper .actionsWrapper {
        margin-top: 30px;
    }
}


/*** screenshots gallery ***/

.pswp .pswp__caption .pswp__caption__center {
    text-align: center;
    font-size: 24px;
    font-family: 'ITC-medium', sans-serif;
    letter-spacing: -0.6px;
    line-height: 1.333;
    color: #FFFFFF;
    padding-bottom: 30px;
}

@media only screen and (min-width: 768px) {
    .pswp .pswp__caption .pswp__caption__center {
        font-size: 30px;
        letter-spacing: -1px;
    }
}

.pswp .pswp__button--arrow--left:before,
.pswp .pswp__button--arrow--right:before {
    background: none !important;
    background-image: none !important;
}

.pswp .pswp__button--arrow--left:before {
    content: url("assets/imgs/arrow-left.svg");
    left: 15px;
}

.pswp .pswp__button--arrow--right:before {
    content: url("assets/imgs/arrow-right.svg");
    right: 15px;
}

@media only screen and (min-width: 768px) {
    .pswp .pswp__button--arrow--left:before {
        left: 50px;
    }
    .pswp .pswp__button--arrow--right:before {
        right: 50px;
    }
}


/*** no games found banner ***/

#gamesGrid .innerWrapper .msgWrapper {
    padding: 50px;
    background-color: #EEEEEE;
    color: #0F0F0F;
    text-align: center;
}


/*** loader ***/

.sk-circle {
    margin: 80px auto 30px;
    width: 40px;
    height: 40px;
    position: relative;
}

@media only screen and (min-width: 768px) {
    .sk-circle {
        margin: 150px auto 0;
    }
}

.sk-circle .sk-child {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.sk-circle .sk-child:before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    background-color: #EF7E02;
    border-radius: 100%;
    -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
    animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}

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

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

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

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

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

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

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

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

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

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

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

.sk-circle .sk-circle2:before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.sk-circle .sk-circle3:before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}

.sk-circle .sk-circle4:before {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.sk-circle .sk-circle5:before {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

.sk-circle .sk-circle6:before {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s;
}

.sk-circle .sk-circle7:before {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s;
}

.sk-circle .sk-circle8:before {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}

.sk-circle .sk-circle9:before {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s;
}

.sk-circle .sk-circle10:before {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s;
}

.sk-circle .sk-circle11:before {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s;
}

.sk-circle .sk-circle12:before {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s;
}

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

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


/***** Games Slider *****/


/**** general ****/

.gamesSlider {
    overflow: visible !important;
}

.gamesSlider .swiper-slide {
    height: auto;
}

section.sliderSection.game .sliderContainer .topWrapper {
    margin-bottom: 30px;
    text-align: center;
}

section.sliderSection.game .sliderContainer .topWrapper h2 {
    margin-bottom: 0;
}

section.sliderSection.game .sliderContainer .buttonsWrapper a {
    color: #EF7E02;
    font-family: 'ITC-bold', sans-serif;
    font-size: 18px;
}

section.sliderSection.game .sliderContainer .buttonsWrapper a:hover {
    text-decoration: underline;
}

section.sliderSection.game .sliderContainer .topWrapper .buttonsWrapper.desktop {
    text-align: right;
    display: none;
}

section.sliderSection.game .sliderContainer .buttonsWrapper.mobile {
    margin-top: 50px;
    text-align: center;
}

@media only screen and (min-width: 768px) {
    section.sliderSection.game .sliderContainer .topWrapper {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        margin-bottom: 75px;
    }
    section.sliderSection.game .sliderContainer .topWrapper .titleWrapper {
        margin-left: calc((2 / 12) * 100%);
        width: calc((8 / 12) * 100%);
    }
    section.sliderSection.game .sliderContainer .topWrapper .buttonsWrapper.desktop {
        display: block;
    }
    section.sliderSection.game .sliderContainer .buttonsWrapper.mobile {
        display: none;
    }
}


/**** game detail ****/

.gamesSlider .gamesList .game {
    position: relative;
}

.gamesSlider .gamesList .game>a.overLink {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
}

.no-touch .gamesSlider .gamesList .game:hover .innerWrapper .actionsWrapper .btnWithArrow a {
    color: #EF7E02;
}

.no-touch .gamesSlider .gamesList .game:hover .innerWrapper .actionsWrapper .btnWithArrow .iconBefore {
    width: auto;
    margin-right: 15px;
    transition: width .3s ease;
}

.no-touch .gamesSlider .gamesList .game:hover .innerWrapper .actionsWrapper .btnWithArrow .iconAfter {
    width: 0;
    margin-left: 0;
    transition: width .3s ease;
}

.gamesSlider .gamesList .game .topWrapper {
    margin-bottom: 15px;
    position: relative;
}

.gamesSlider .gamesList .game .topWrapper .showGallery {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
}

.gamesSlider .gamesList .game .topWrapper .badge {
    position: absolute;
    top: 0;
    left: 15px;
    z-index: 33;
}

@media only screen and (min-width: 768px) {
    .gamesSlider .gamesList .game .topWrapper .badge {
        left: 30px;
    }
    .gamesSlider .gamesList .game .topWrapper {
        margin-bottom: 20px;
    }
}

.gamesSlider .gamesList .game .topWrapper .photoWrapper,
.gamesSlider .gamesList .game .topWrapper .photoWrapper img {
    border-radius: 10px;
    line-height: 0;
    text-align: left;
}

.gamesSlider .gamesList .game .bottomWrapper {
    text-align: left;
}

.gamesSlider .gamesList .game .bottomWrapper .gameTitle {
    font-size: 16px;
    font-family: 'Roboto';
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 10px;
    letter-spacing: 0;
}

@media only screen and (min-width: 768px) {
    .gamesSlider .gamesList .game .bottomWrapper .gameTitle {
        font-size: 18px;
    }
    /* .gamesSlider .gamesList .game .bottomWrapper .metaWrapper {
        min-height: 46px;
    } */
}

.gamesSlider .gamesList .game .bottomWrapper .metaWrapper .terms {
    display: flex;
    flex-wrap: wrap;
    margin: -10px;
    font-size: 12px;
    line-height: 1.5;
}

.gamesSlider .gamesList .game .bottomWrapper .metaWrapper .terms .genre,
.gamesSlider .gamesList .game .bottomWrapper .metaWrapper .terms .screenshots {
    padding: 10px;
    position: relative;
}

.gamesSlider .gamesList .game .bottomWrapper .metaWrapper .terms .genre+.screenshots::before {
    content: "";
    height: 10px;
    width: 1px;
    background: rgba(15, 15, 15, 0.65);
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.gamesSlider .gamesList .game .bottomWrapper .metaWrapper .screenshots {
    font-size: 12px;
    line-height: 1.5;
    color: rgba(15, 15, 15, 0.65);
}

.gamesSlider .gamesList .game .bottomWrapper .actionsWrapper {
    margin-top: 15px;
}

@media only screen and (min-width: 768px) {
    .gamesSlider .gamesList .game .bottomWrapper .actionsWrapper {
        margin-top: 30px;
    }
}


/***** Game Case Study Detail *****/


/**** Game Details ****/

.gameDetails .row {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 15px;
}

.gameDetails .row .col.title {
    width: 100%;
}

.gameDetails .row .col.text {
    width: 100%;
}

.gameDetails .platforms .text,
.categories .text {
    color: #EF7E02;
}

.gameDetails .features .text {
    color: #FFFFFF;
}

@media only screen and (min-width: 768px) {
    .gameDetails .row {
        margin-bottom: 0;
    }
    .gameDetails .row .col.title {
        width: calc((2 / 7) * 100%);
    }
    .gameDetails .row .col.text {
        width: calc((5 / 7) * 100%);
    }
}


/***** Slider *****/

.gameDetailSlider article.swiper-slide {
    width: 300px;
    height: auto;
    line-height: 1;
}

@media only screen and (min-width: 768px) {
    .gameDetailSlider article.swiper-slide {
        width: 600px;
    }
}

@media only screen and (min-width: 1300px) {
    .gameDetailSlider article.swiper-slide {
        width: auto;
    }
}


/**** GameModes ****/

@media only screen and (max-width: 767px) {
    .gameModes .wpb_text_column {
        margin-top: 50px;
    }
}


/**** Prev Game ****/


/** layout **/

.prevGame {
    padding: 50px 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.prevGame h2 {
    margin-bottom: 50px;
}

.prevGame .leftColumn {
    width: 100%;
}

.prevGame .rightColumn {
    width: 100%;
}

@media only screen and (min-width: 768px) {
    .prevGame {
        padding: 150px 0;
    }
    .prevGame h2 {
        margin-bottom: 0;
    }
    .prevGame .leftColumn {
        width: calc((5 / 12) * 100%);
    }
    .prevGame .rightColumn {
        width: calc((6 / 12) * 100%);
        margin-left: calc((1 / 12) * 100%);
    }
}

@media only screen and (min-width: 1200px) {
    .prevGame .leftColumn {
        width: calc((3 / 12) * 100%);
    }
    .prevGame .rightColumn {
        width: calc((6 / 12) * 100%);
        margin-left: calc((3 / 12) * 100%);
        ;
    }
}


/** game detail **/

.prevGame .game {
    position: relative;
}

.prevGame .game>a.overLink {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
}

.no-touch .prevGame .game:hover .innerWrapper .actionsWrapper .btnWithArrow a {
    color: #EF7E02;
}

.no-touch .prevGame .game:hover .innerWrapper .actionsWrapper .btnWithArrow .iconBefore {
    width: auto;
    margin-right: 15px;
    transition: width .3s ease;
}

.no-touch .prevGame .game:hover .innerWrapper .actionsWrapper .btnWithArrow .iconAfter {
    width: 0;
    margin-left: 0;
    transition: width .3s ease;
}

.prevGame .game .topWrapper {
    margin-bottom: 15px;
    position: relative;
}

.prevGame .game .topWrapper .showGallery {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
}

.prevGame .game .topWrapper .badge {
    position: absolute;
    top: 0;
    left: 15px;
    z-index: 33;
}

@media only screen and (min-width: 768px) {
    .prevGame .game .topWrapper .badge {
        left: 30px;
    }
    .prevGame .game .topWrapper {
        margin-bottom: 20px;
    }
}

.prevGame .game .topWrapper .photoWrapper,
.prevGame .game .topWrapper .photoWrapper img {
    border-radius: 10px;
    line-height: 0;
    text-align: left;
}

.prevGame .game .bottomWrapper {
    text-align: left;
}

.prevGame .game .bottomWrapper .gameTitle {
    font-size: 16px;
    font-family: 'Roboto';
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 10px;
    letter-spacing: 0;
}

@media only screen and (min-width: 768px) {
    .prevGame .game .bottomWrapper .gameTitle {
        font-size: 18px;
    }
    /* .prevGame .game .bottomWrapper .metaWrapper {
        min-height: 46px;
    } */
}

.prevGame .game .bottomWrapper .metaWrapper .terms {
    display: flex;
    flex-wrap: wrap;
    margin: -10px;
    font-size: 12px;
    line-height: 1.5;
}

.prevGame .game .bottomWrapper .metaWrapper .terms .genre,
.prevGame .game .bottomWrapper .metaWrapper .terms .screenshots {
    padding: 10px;
    position: relative;
}

.prevGame .game .bottomWrapper .metaWrapper .terms .genre+.screenshots::before {
    content: "";
    height: 10px;
    width: 1px;
    background: rgba(15, 15, 15, 0.65);
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.prevGame .game .bottomWrapper .metaWrapper .screenshots {
    font-size: 12px;
    line-height: 1.5;
    color: rgba(15, 15, 15, 0.65);
}

.prevGame .game .bottomWrapper .actionsWrapper {
    margin-top: 15px;
}

@media only screen and (min-width: 768px) {
    .prevGame .game .bottomWrapper .actionsWrapper {
        margin-top: 30px;
    }
}


/***** Jarallax *****/

.jarallax {
    position: relative;
    z-index: 0;
}

.jarallax>.jarallax-img {
    position: absolute;
    object-fit: cover;
    /* support for plugin https://github.com/bfred-it/object-fit-images */
    font-family: 'object-fit: cover;';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.parallaxSection.home .jarallaxWrapper.withScroller .scroller {
    display: none;
}

.parallaxSection.home .jarallax {
    min-height: 375px;
}

.parallaxSection.about .jarallax {
    min-height: 250px;
}

.parallaxSection.publishing .jarallax {
    min-height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.parallaxSection.publishing .jarallax section {
    background: none !important;
}

@media only screen and (min-width: 768px) {
    .parallaxSection.home .jarallax {
        min-height: 740px;
    }
    .parallaxSection.about .jarallax {
        min-height: 600px;
    }
    .parallaxSection.publishing .jarallax {
        min-height: 750px;
    }
    .parallaxSection.home .jarallaxWrapper.withScroller {
        padding-bottom: 50px;
        position: relative;
    }
    .parallaxSection.home .jarallaxWrapper.withScroller .scroller {
        display: inline-block;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
    }
}

@media only screen and (min-width: 1200px) {
    .parallaxSection.home .jarallax {
        min-height: 1080px;
    }
    .parallaxSection.about .jarallax {
        min-height: 1268px;
    }
    .parallaxSection.publishing .jarallax {
        min-height: 1000px;
    }
}


/***** Modal Section *****/

.modalSection {
    min-height: 375px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.w-popup-trigger img {
    width: 100px;
}

@media only screen and (min-width: 768px) {
    .modalSection {
        min-height: 750px;
    }
}

@media only screen and (min-width: 1200px) {
    .modalSection {
        min-height: 1069px;
    }
    .w-popup-trigger img {
        width: 130px;
    }
}

@media only screen and (min-width: 768px) {
    section.withScroller {
        position: relative;
    }
    section.withScroller::after {
        content: url("assets/imgs/scroll.svg");
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: -50px;
        z-index: 9;
        line-height: 0;
    }
    section.withScroller.main::after {
        content: url("assets/imgs/scroll_hp.svg");
    }
}

.modalSection.game .contentWrapper .w-popup {
    margin-bottom: 0;
}

.modalSection.game .contentWrapper .buttonsWrapper {
    display: none;
}

.modalSection.game .contentWrapper .buttonsWrapper .w-image img,
.downloadSection.game .buttonsWrapper .w-image img {
    width: 100%;
    max-width: 200px;
}

.modalSection.game .contentWrapper .buttonsWrapper .w-image:nth-child(1),
.downloadSection.game .buttonsWrapper .w-image:nth-child(1) {
    margin-left: 0;
}

.modalSection.game .contentWrapper .buttonsWrapper .w-image:nth-child(2),
.downloadSection.game .buttonsWrapper .w-image:nth-child(2) {
    margin-right: 0;
}

@media only screen and (min-width: 768px) {
    .modalSection.game .contentWrapper .w-popup {
        margin-bottom: 60px;
    }
    .modalSection.game .contentWrapper .buttonsWrapper {
        display: flex;
    }
    .downloadSection.game {
        display: none !important;
    }
}


/**** popup ****/

.w-popup-closer {
    font-size: 28px;
    font-weight: 300;
    color: #EF7E02 !important;
}

.w-popup-wrap .w-popup-box .w-popup-box-content {
    padding: 0 !important;
}

.w-popup-box-content p {
    position: relative;
    padding-bottom: 56.25%;
    /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */
    height: 0;
    overflow: hidden;
}

.w-popup-box-content p iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/************* new Games ***************/

#gamesGrid>.innerWrapper {
    margin-top: 50px;
    text-align: center;
}

#gamesGrid .innerWrapper .gamesList {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-rows: auto;
    gap: 30px 20px;
}

#gamesGrid .innerWrapper .gamesList:not(:last-child) {
    margin-bottom: 30px;
}

#gamesGrid.grid2 .innerWrapper .gamesList .game.casestudy {
    grid-column-end: span 2;
    grid-row-end: span 2;
}

#gamesGrid .innerWrapper .gamesList:not(.onlyCaseStudies) .game.casestudy:first-of-type {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 3;
}

#gamesGrid .innerWrapper .gamesList:not(.onlyCaseStudies) .game.casestudy:nth-of-type(2) {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 6;
    grid-row-end: 8;
}

@media only screen and (min-width: 768px) {
    #gamesGrid .innerWrapper .gamesList {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: auto;
        gap: 30px 30px;
    }
    #gamesGrid .innerWrapper .gamesList:not(.onlyCaseStudies) .game.casestudy:nth-of-type(2) {
        grid-column-start: 3;
        grid-column-end: 5;
        grid-row-start: 3;
        grid-row-end: 5;
    }
    #gamesGrid .innerWrapper .gamesList.notComplete .game.casestudy:nth-of-type(2) {
        grid-column-start: 3;
        grid-column-end: 5;
        grid-row-start: 1;
        grid-row-end: 3;
    }
}


/***** Main SLider *****/

.mainSliderContainer .swiper-container {
    width: 100%;
    height: 375px;
    overflow: hidden;
    position: relative;
}

@media only screen and (min-width: 768px) {
    .mainSliderContainer .swiper-container {
        height: 720px;
    }
}

@media only screen and (min-width: 1024px) {
    .mainSliderContainer .swiper-container {
        height: 1068px;
    }
}

.mainSliderContainer .swiper-slide .slide-bg-wrap {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.mainSliderContainer .swiper-slide .slide-bg-wrap .image-bg,
.mainSliderContainer .swiper-slide .slide-bg-wrap .slide-bg-overlay {
    position: absolute;
    z-index: 9;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

.mainSliderContainer .swiper-slide .slide-bg-wrap .slide-bg-overlay {
    background: #0F0F0F;
    opacity: 0.5;
}

.mainSliderContainer .sliderContent {
    padding-left: 20px;
    padding-right: 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 12;
    width: 100%;
}

@media only screen and (min-width: 600px) {
    .mainSliderContainer .sliderContent {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

.mainSliderContainer .sliderContent .actionsWrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.mainSliderContainer .sliderContent .actionsWrapper a {
    margin-top: 0.3rem;
    margin-bottom: 0.3rem;
}

.mainSliderContainer .sliderContent .actionsWrapper>a:first-child {
    margin-right: 10px;
}

.mainSliderContainer .swiper-pagination {
    display: none;
    bottom: 50px !important;
}

@media only screen and (min-width: 768px) {
    .mainSliderContainer .sliderContent .actionsWrapper>a:first-child {
        margin-right: 30px;
    }
    .mainSliderContainer .swiper-pagination {
        display: block;
    }
}

.mainSliderContainer .sliderContent .innerWrapper {
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
}

.mainSliderContainer .swiper-pagination .swiper-pagination-bullet {
    background: #FFFFFF;
    opacity: 1;
}

.mainSliderContainer .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #EF7E02;
}

.mainSliderContainer .mainSlider.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 6px;
}